/*** Font */
@font-face{font-family:lato;src:url("fonts/Lato-Regular.122dd68d69fe.ttf");}
@font-face{font-family:lato-bold;src:url("fonts/Lato-Bold.24b516c266d7.ttf");}
/*** Colors */
:root{
	--cyan:#08afbb;
	--abyss:#004E64;
	--green:#3eb99f;
	--moss:#1f8d8b;
	--bone:#e7e8ea;
	--grey:#9fa3a6;
	--notif:#f7a531;
	--light-blue:#d0ecfd;
}
/*** General */
::-moz-selection{color:white;background:var(--cyan);}
::selection{color:white;background:var(--cyan);}
@mixin a11y-visually-hidden{position: absolute !important;clip:rect(1px, 1px, 1px, 1px);overflow:hidden;height:1px;width:1px;word-wrap:normal;}
a{text-decoration:none !important;display:block;}
input{touch-action:none;font-size:16px;margin:auto;}
textarea{touch-action:none;font-size:16px;margin:auto;overflow:hidden;}
select,option{touch-action:none;font-size:16px;margin:auto;cursor:pointer;}
.banner{align-items:center;text-align:center;justify-items:center;justify-content:center;box-sizing:border-box;margin:auto auto 5px auto;padding:0;width:95%;list-style:none;
	background-color:var(--bone);border-radius:5px;box-shadow:rgba(0, 0, 0, 0.19) 0px 5px 10px,rgba(0, 0, 0, 0.23) 0px 3px 3px;font-family:lato;}
.confirmation{color:var(--green);border:2px solid var(--green);}
.error{color:red;border:2px solid red;}
.notification{color:orange;border:2px solid orange;}
.banner h2{margin:0;padding:0;list-style:none;}
/*** Header */
header{width:100%;height:80px;display:flex;align-items:center;position:fixed;box-shadow:rgba(0, 0, 0, 0.19) 0px 10px 20px,rgba(0, 0, 0, 0.23) 0px 6px 6px;background:var(--abyss);color:white;z-index:2;}
#header_logo_link{width:74px;height:74px;margin:0 10px 0 10px;padding:0;}
#header_logo{width:64px;height:64px;display:inline;cursor:pointer;margin:0;padding:5px;background:white;border-radius:50px;}
@media(max-width:200px){#header_logo_link{display:none;}}
/*** Body */
html{font-family:lato;align-items:center;text-align:center;justify-content:center;justify-items:center;height:100%;margin:0;padding:0;width:100%;}
body{font-family:lato;align-items:center;text-align:center;justify-content:center;justify-items:center;height:100%;margin:0;padding:0;width:100%;line-height:1.5;color:var(--abyss);font-size:16px;}
main{font-family:lato;align-items:center;text-align:center;justify-content:center;justify-items:center;margin:0;padding:90px 0 0px 0;z-index:+1;width:100%;
	box-sizing:border-box;overflow:hidden;min-height:calc(100% - 20px);background:var(--bone);}
/*** Footer */
footer{width:100%;align-items:center;background:var(--abyss);margin:-3px 0 0 0;padding:0;}
footer #footer_container{width:100%;align-items:center;color:white;border-top:3px solid var(--abyss);}
footer p{font-size:12px;height:20px;align-items:center;text-align:center;justify-content:center;justify-items:center;margin-top:0;margin-bottom:0;margin-left:auto;margin-right:auto;padding:0;}

.choices {
	--choices-bg-color:white;
	--choices-bg-color-dropdown:white;
	--choices-highlighted-color:var(--grey);
	/* has default z-index of 1 */
}
.choices__inner, .choices{box-sizing: border-box; text-align: left;color:black;width: 100%;font-family: lato;font-size: 16px;}
.choices{box-sizing: border-box;border: 3px solid var(--abyss);border-radius:5px;}
.choices__input--cloned{border-bottom: 2px solid var(--abyss)!important;}
.choices__item--choice{text-align: left}
.choices__item--choice:not(.is-selected):hover{background-color: var(--light-blue)!important;}
.choices.is-open.is-focused{border-color:var(--cyan);}
.choices__list[role=listbox]{max-height: 200px!important;} /* max dropdown list height: 300px -> 200px */

#checkin_box .choices,#safety_admin_client_selector .choices{margin-bottom: 10px; margin-top:5px;height: 35px}
#checkin_box .choices__inner, #checkin_box .choices, #safety_admin_client_selector .choices__inner, #safety_admin_client_selector .choices{background-color:var(--bone);border: none; text-align: center;line-height: 10px;}
#checkin_box :is(.choices__inner, .choices){box-shadow:rgba(0, 0, 0, 0.19) 0 5px 10px,rgba(0, 0, 0, 0.23) 0 3px 3px;}
#safety_admin_client_selector :is(.choices__inner, .choices){box-shadow:rgba(0, 0, 0, 0.19) 0px 2px 5px,rgba(0, 0, 0, 0.23) 0px 1px 2px;}
#safety_admin_client_selector .choices__inner{font-size: 20px;}
#safety_admin_client_selector .choices{margin-block: 0;border-radius: 0 0 5px 5px;}
#set_location{vertical-align: middle;}
#set_location .choices {width: 315px;height: 26px}
#set_location .choices__inner {height:26px;min-height: 26px;display:flex;align-items: center;padding:0 7px 7px 7px;}
#set_location .choices__list--single {padding: 0;display: flex;align-items: center;}
