* {
    text-shadow: none !important;
}

body {
    background-image: url("../img/map-bg.jpg") !important;  
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;    
    background-position:center center;
    background-attachment:scroll;
    background-size:100% 100%;	
}

.ui-page {
    background: transparent;
}
.ui-content{
    background: transparent;
}

#toast-message-text {
	position: relative;
	top: 0px;
	margin:auto;
	width: 500px;	
	color: #fff;
	text-align: center;
}

#toast-message-bg {
	border-radius: 10px;	
	z-index: 100;	
	width: 500px;
	height: 40px;
	line-height: 40px;
	background-color: #000;    
    opacity: .75;	
	top: 50%;
	left: 50%;
	margin: 0;
	position: absolute;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

#content {
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100vw;	
}

#quest-title {
	font-weight: bold;
}

#quest-list-search-holder {
	width: 98%;	
	margin: auto;
}

#quest-details-content {
	width: 85vw;	
	height: 89vh;	
	background-color: white;
}

#quest-details-header {	    
	padding-top:5px;
	padding-bottom:5px;
	color: #E9E9E9;
	background: rgb(44,131,186);
	background: linear-gradient(90deg, rgba(44,131,186,1) 0%, rgba(130,186,222,1) 35%, rgba(44,131,186,1) 100%);
}

#quest-title {
	text-align: center;
}

#quest-list {
	text-align: center;
	color: #E9E9E9;			
	height: 99vh;	
	background: rgb(44,131,186);
	background: linear-gradient(180deg, rgba(44,131,186,1) 0%, rgba(130,186,222,1) 35%, rgba(44,131,186,1) 100%);
	border: solid #2C83BA;
	border-width: thin;
	float: left;	
}

#approval-team-list-holder {
	height: 81vh;
	overflow-y: scroll;
	overflow-x: hidden;
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: thin;  /* Firefox */		
}

#approval-team-list-holder::-webkit-scrollbar {  
   width: 9px;   
}

#approval-team-list-holder::-webkit-scrollbar-track {
  background: #E9E9E9;
}

#approval-team-list-holder::-webkit-scrollbar-thumb {
  background-color: rgba(155, 155, 155, 0.5);
  border-radius: 20px;
  border: transparent;
}

#approval-content-list-holder {
	width:100%;
	height: 81vh;
	overflow-y: scroll;
	overflow-x: hidden;
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: thin;  /* Firefox */		
}

#approval-content-list-holder::-webkit-scrollbar {  
   width: 9px;   
}

#approval-content-list-holder::-webkit-scrollbar-track {
  background: #E9E9E9;
}

#approval-content-list-holder::-webkit-scrollbar-thumb {
  background-color: rgba(155, 155, 155, 0.5);
  border-radius: 20px;
  border: transparent;
}

#quest-list-view-holder {
	width:15vw;
	height: 99vh;
	overflow-y: scroll;
	overflow-x: hidden;
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: thin;  /* Firefox */		
}

#quest-list-view-holder::-webkit-scrollbar {  
   width: 9px;   
}

#quest-list-view-holder::-webkit-scrollbar-track {
  background: #E9E9E9;
}

#quest-list-view-holder::-webkit-scrollbar-thumb {
  background-color: rgba(155, 155, 155, 0.5);
  border-radius: 20px;
  border: transparent;
}

#quest-details {	
    width: 85vw;				
	height: 99vh;	
	border: solid #2C83BA;
	border-width: thin;	
}

#spinner {
	position: fixed;
	top: 50vh;
	left: 50vw;
	z-index: 100;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

#quest-challenges-grid-holder {		
	height: 80vh;
	overflow-y: scroll;
	overflow-x: hidden;
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: thin;  /* Firefox */	
}

#quest-challenges-grid-holder::-webkit-scrollbar {  
   width: 9px;   
}

#quest-challenges-grid-holder::-webkit-scrollbar-track {
  background: #E9E9E9;
}

#quest-challenges-grid-holder::-webkit-scrollbar-thumb {
  background-color: rgba(155, 155, 155, 0.5);
  border-radius: 20px;
  border: transparent;
}

#quest-details-save-add, #quest-approvals-update-reset {
	position: absolute;
	bottom: 5px;
	padding-left:5px;
	width:85vw;	
	font-size:0.8em;
	text-align:center;	
}

#quest-challenges-table {
	width: 100%;
}

.login-flow-title {
	font-weight: bold;
	text-align: center;
	width: 100%;
	font-size: 1.5em;
	margin-top:10px;	
}

#login-flow {
	margin: 0;
	position: absolute;		
	width: 100vw;	
	height: 100vh;	
	color: black;
	z-index: 100;	
}

#login-header {
	height: 15vh;
	min-height: 75px;
	max-height: 100px;
	width: 100vw;
	background: rgb(44,131,186);
	background: linear-gradient(180deg, rgba(44,131,186,1) 0%, rgba(130,186,222,1) 35%, rgba(44,131,186,1) 100%);
}

#register-field-holder {
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 400px;	
	height: 530px;
	background-color: white;
	color: black;
	z-index: 100;
	border: solid #E9E9E9;
	border-width: 1px;
}

#login-field-holder {
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 400px;	
	height: 500px;
	background-color: white;
	color: black;
	z-index: 100;
	border: solid #E9E9E9;
	border-width: 1px;
}

#reset-field-holder {
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 400px;	
	height: 450px;
	background-color: white;
	color: black;
	z-index: 100;
	border: solid #E9E9E9;
	border-width: 1px;
}

#login-fields, #register-fields, #reset-fields, #reset-confirm-fields {
	width:90%;
	margin-left:auto;
	margin-right:auto;	
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

#login-action-holder, #register-action-holder, #reset-action-holder {
	position:absolute;
	text-align: center;
	font-size:0.9em;
	bottom: 15px;
	width:100%;
}

#login-button-disabled, #register-button-disabled, #reset-request-button-disabled {
	border-radius: 10px;	
	color: white;
	background-color: gray;
	width: 100px;
	height: 25px;
	text-align: center;
    padding-top: 10px;	
	margin: 0 auto;	
	cursor: not-allowed;
	font-size: 0.8em !important;
}

#login-button, #register-button, #reset-request-button, #reset-confirm-button {
	background: rgb(44,131,186);
	background: linear-gradient(180deg, rgba(44,131,186,1) 0%, rgba(130,186,222,1) 35%, rgba(44,131,186,1) 100%);
	border-radius: 10px;	
	color: white;
	width: 100px;
	height: 25px;
	text-align: center;
    padding-top: 10px;	
	margin: 0 auto;	
	cursor: pointer;
	font-size: 0.8em !important;
}

#print-codes-content {	
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;	
	width: 100vw;	
	height: 99vh;
	background-color: white;
	color: black;
	z-index: 100;
	text-align: center;
}

#print-quest-code-label {
	top: 5%;
	position: relative;
	font-weight: bold;
}

#print-codes-overlay {
	width: 99.9vw;
	height: 99.9vh;
	z-index: 99;
	background-color: #000;
    color: #fff;
    opacity: .5;
	position: absolute;
	top: 0px;
	left: 0px;
}

th {
	color: white;
	background-color: #2C83BA;
	border: solid white;
	border-width: 1px;
	border-collapse:collapse;
}

.challenge-item-header-points {			
	width: 5% !important;	
}

.challenge-item-header-small {			
	width: 8% !important;	
}

.challenge-item-header-medium {			
	width: 20% !important;	
}

.challenge-item-header-large {			
	width: 55% !important;	
}

.challenge-item-small {
	width: 8%;
	border: solid #E9E9E9;
	border-width: 1px;
	min-height: 60px;
}

.challenge-item-medium {
	width: 20% !important;
	border: solid #E9E9E9;
	border-width: 1px;
	min-height: 60px;
}

.challenge-item-large {
	width: 55% !important;
	border: solid #E9E9E9;
	border-width: 1px;
	min-height: 60px;
}

.challenge-item-points {
	width: 5% !important;
	text-align: center !important;
	border: solid #E9E9E9;
	border-width: 1px;
	min-height: 60px;
}

.sq-button-large {
	background-color: #E9E9E9;
	border-radius: 10px;	
	color: black;	
	width: 125px;
	height: 25px;
	text-align: center;
    padding-top: 10px;	
	margin: 0 auto;	
	cursor: pointer;	
}

.sq-button {
	background-color: #E9E9E9;
	border-radius: 10px;	
	color: black;	
	width: 100px;
	height: 25px;
	text-align: center;
    padding-top: 10px;	
	margin: 0 auto;	
	cursor: pointer;
	font-size: 0.8em !important;
}