.mobileOnly {
	display: none;
}

.desktopOnly {
	display: none;
}

@media screen and (max-width: 600px) {
	.mobileOnly {
		display: block;
	}
}

@media screen and (min-width: 600px) {
	.desktopOnly {
		display: block;
	}
}

:root {
	--default-border-color: rgba(27, 31, 35, 0.15);
	--error-color: orange;
}

.errorMessage {
	color: var(--error-color);
}

body {
	user-select: none;
    -webkit-user-select: none;
	font-family: Montserrat, sans-serif;
	-webkit-font-smoothing: antialiased;
	color: white;
	background: #eee;
}

::placeholder {
  opacity: 0.5;
}

a {
    color: #60B1F4;
    text-decoration: none;
}

a:hover {
    color: #337ab7;
    text-decoration: underline;
}

@media screen and (max-width: 600px) {
	:root { font-size: 0.9em; }
	
	.centeredDiv {
		min-width: 310px;
	}
}

.mainTable {
	border: 3px solid darkgrey;
	padding: 2em;
	background: #777777;
	color: #fff;
	border-radius: 2em;

	th { 
		color: white;
		font-weight: bold;
		text-align: left;
		white-space: nowrap;
		width: 1px;
	}

	th, td {
		padding: 0em;
		/* border: 1px solid blue; */
		padding-top: 5px;
		padding-bottom: 5px;
	}

	td:nth-child(2n) {
		padding-left: 15px;
		white-space: nowrap;
	}

	h1 {
		margin-top: 0px; 
		margin-bottom: 10px;
		white-space: nowrap;
	}
	
	tfoot td {
		padding-top: 20px;
	}
}

.centeredDiv {
	/*border: 2px solid #000;*/
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	padding: 2px;
}

.note {
	vertical-align: top !important; 
	padding-top: 0px !important; 
	font-size: 0.8em !important;
	font-style: italic !important;
}

.swal-fullscreen {
	height: 80vh;
	width: 95vw;
	overflow-y: auto;
}

.swal-fullscreen-noheight {
	width: 95vw;
	overflow-y: auto;
}

.swal-mediumscreen {
	width: 75vw;
	overflow-y: auto;
}

.star-list {
	list-style: none;
	padding: 0;
}

.star-list li {
	display: flex;
	align-items: flex-start;
}

.star-list li::before {
	content: "* ";
	margin-right: 6px;
	flex-shrink: 0;
}

#popup {
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 200px;
    background-color: #a0fabc;
    border: 1px solid #a0fabc;
    padding: 10px;
    color: black;
    text-align: center;
    z-index: 1000;
    display: none;
}