html,body{height:100%;padding:0;margin:0;max-height:100%;}
/*body {overflow:scroll;font-family: "museo",serif;color: #333;font-weight:100;height:100%;max-height:100%;}*/
body {
  overflow:scroll;
  font-family:lato, sans-serif;
  color: #333;
  font-weight:400;
  height:100%;
  max-height:100%;
  font-size:15px;
  /* background-color:#f3f2f1; */
}

:root {
    accent-color:#2c1af4;
}

a{color:#333;}
a:link{ text-decoration: none;}
a:visited{text-decoration: none;}
a:hover{text-decoration: underline;}

img{border:none;max-width:100%;}
h1{color:#333;font-size:2.2em;}
h2 {
  font-size:32px;
}
h3 {
  font-size:22px;
}
h4 {
  font-size:18px;
}
h1, h2, h3{
  margin-bottom:1.5rem;
  line-height:1.2;
  font-weight:700;
}
/*h3, h3 a{font-size:1.6rem;}*/

@media only screen and (max-width: 765px) {
	h1{font-size:32px; margin-bottom:1rem;}
	h2{font-size:24px; margin-bottom:1rem;}
}

input {font-size:12px;
	border:1px solid #999;
	border-radius:.2rem;
	padding:1%;
}
strong{font-weight:900;}
p {
  font-size:1rem;
  font-weight:300;
}
input[type="image"]{border:none;}
div.error,label.error,.error{color:#f11;font-size:1em;font-weight:500;}
ul {
  padding-left:1.5rem;
}
li {
  font-size:1rem;
}
li.active {
  border-bottom:3px solid #2C1AF4;
}
nav li.nav-item {
  margin:0 1rem;
}
.navbar-nav li {
    position:relative;
}
.btn-warning{background-color:#dcb04e;}
.btn-sm{font-size:.7rem;}

/* iframe{margin-left:-15px;} */
div.space1{width:100%;height:13px;} /* 8x1.618 */
div.space2{width:100%;height:21px;} /* 8x1.618^2 */
div.space3{width:100%;height:34px;}
div.space4{width:100%;height:55px;}

.sidebar {
    min-width:200px;
    position:fixed;
    top:0;
    left:0;
    height:100%;
    background-color:#F3F2F1;
    z-index:49;
    padding:20px 0 0;
    /* text-align:center;
    color:white; */
    display:flex;
    flex-direction: column;
    justify-content: space-between;
}
.sidebar.collapsed {
    min-width:66px;
}
.sidebar.collapsed .sec .header,
.sidebar.collapsed .side-menu,
.sidebar.collapsed .active .side-menu {
    display:none;
}
.page-with-sidebar.expanded {
    padding-left:66px;
}
.sidebar .navbar-light {
    border: 1px solid #aaa;
    border-radius: 3px;
    width: 34px;
    margin: 0 0 10px 15px;
    text-align: center;
    padding: 2px 5px;
    border:1px solid #ddd;
    border-radius:3px;
}
.sidebar .sec{
  min-height:40px;
  line-height:40px;
}
.sidebar div.sec a {
  
  color:#111;
  
  display:block;
  width:100%;
  height:100%;
  text-decoration:none;
}
.sidebar div a:hover {
  background-color:white;
  
  text-decoration: none;
}
.sidebar .active a.side-toggle, .sidebar a.active {
  font-weight:700;
  background-color:transparent;
}
/* .sidebar p a i {
  font-size:1.2rem;
  padding-bottom:.5rem;
} */


.sidebar a.side-toggle {
  cursor:pointer;
  padding-left:20px;
}
.side-toggle img {
    max-height:30px;
    margin-right:15px;
}
.side-menu {
  display:none;
  min-width:200px;
}
.active .side-menu {
  display:block;
}

.side-menu a.dropdown-item {
  padding-left:4rem;
  cursor:pointer;
  font-size:12px;
}

.navbar.sub-nav {
  height:65px;
  border-bottom:1px solid #ddd;
}

#top-nav a.nav-link {
  color:white;
}

#footer, .navbar.sub-nav, .page-with-sidebar {
  padding-left:200px;
}
.page-with-sidebar {
  /* margin:15px; */
  min-height:calc(100% - 240px);
}
.page-with-sidebar .container{
  margin-left:0;
}

.navbar.sub-nav a.nav-link {
  color:#333;
}
.navbar.sub-nav a.nav-link.active {
  font-weight:700;
}

@media only screen and (max-width: 765px) {
    .sidebar {
        min-width:66px;
    }
    .sec .header, .side-menu, .active .side-menu {
        display:none;
    }
    #footer, .navbar.sub-nav, .page-with-sidebar {
        padding-left:66px;
    }
}

.bg-bg{background:#F6EFE9;}
.bg-sand{background:#efeee9;border-top:.5rem solid white;border-bottom:.5rem solid white;padding-top:2rem;padding-bottom:.5rem;}
.bg-sb{background:#edf2f7;padding:2rem 0;}
.bg-grey{background:#f4f4f4;}
.bg-dark-grey{background:#999;}
.bg-white{background:white;}
.bg-warning{background:#F5D328 !important;}

.bg-primary-gd {
  background-image: linear-gradient(90deg, #1434f7, #9437FF);
}
.btn-primary-gd {
  background-image: linear-gradient(90deg, #1434f7, #9437FF);
  color:white;
}

.text-white{color:white;}
.text-grey{color:#aaa;}
.text-l5 {
  color:#1DB100;
}

.btn{white-space:normal;}
.shadow {
	-moz-box-shadow: 3px 3px 3px #999;
	-webkit-box-shadow: 3px 3px 3px #999;
	box-shadow: 3px 3px 3px #999;
}
.shadow1{box-shadow:1px 1px 0px 0px rgba(0, 0, 0, 0.1), 0 1px 8px 0 rgba(0, 0, 0, 0.1);}

.dropdown-menu > li > a:hover{background:#58c1bc;}

.bd-primary{border:1px solid #2C1AF4;}
.btn-primary{background:#2C1AF4; color:white; border:2px solid #2C1AF4;}
.btn-primary:hover{background-color:#2C1AF4; color:white}
.btn-primary-bd{background:white;
  color:#2C1AF4; border:2px solid #2C1AF4;}
.btn-info{
  background:#E9F2FE;
  border-color:#E9F2FE;
  color:#4D85D6;
}
.btn-primary-b, .btn-primary-b:hover{
  background:#0B24FB;
  border-color:#0B24FB;
  color:white;
}
.btn-white, .btn-white:hover{
  background:white;
  border-color:#333;
  color:#333;
}
.btn-grey, .btn-grey:hover{
  background:#aaa;
  /* border-color:black; */
  color:white;
}
.btn-black, .btn-black:hover{
  background:black;
  border-color:black;
  color:white;
}
.btn-light{
  border:1px solid #e7eafb;
  background-color:#e7eafb;
  color:#2C1AF4
}
.bg-primary{background:#2C1AF4 !important;}
.btn-primary, .btn-primary.disabled, .btn-primary:disabled,
.btn-primary.disabled:hover, .btn-primary:disabled:hover{
  background:#2C1AF4;
  color:white;
  border:1px solid #2C1AF4;
}
.btn-primary.disabled, .btn-primary:disabled,
.btn-primary.disabled:hover, .btn-primary:disabled:hover{
  background:#aaa;
  color:white;
  border:1px solid #aaa;
}
.bg-primary-b{background:#1A39F7;}
.btn-border{background:none; border:2px solid #2C1AF4; font-weight:400;}
.btn-border-grey{background:none; border:2px solid #ddd; font-weight:400;}
.btn-border.active{background:#2C1AF4; color:white;}
.btn-purple-bd{
  background:none;
  border:1px solid #5D3778 !important;
  color:#5D3778;
}
.btn-purple, .btn-purple:hover{
  background:#5D3778;
  border:1px solid #5D3778 !important;
  color:white;
}
.bd-purple{
  border:1px solid #5d3778;
}
.bg-purple{
  background:#5d3778;
}
.loader{display:none;}
.grey{color:#999;}
.text-primary{color:#2C1AF4 !important;}
.text-primary-b{color:#0B24FB !important;}
.text-white{color:white;}
.text-purple{
  color:#5D3778;
}

.text-right {text-align:right;}

.bg-purple{
  background: #5B3D75;
}
.divider{width:100%;float:none;height:1%;clear:both;border-bottom:1px solid #ddd;margin:1.5em 0;}
.spacer{width:100%;float:none;height:1%;clear:both;margin-bottom:1.5em;}

.datepicker{z-index:1999;}

.long-dash{max-width:100px;margin:2rem 0;}

.aq-badge-lg{text-align:center; line-height:50px; margin:0 25px; color:white; width:50px; height:50px; border-radius:50%;}
.aq-badge{text-align:center; line-height:32px; margin:0 5px 0 0; color:white; width:32px; height:32px; border-radius:50%; font-size:12px;}
.aq-badge a{color:white;}

/* Menu */
.navbar {
  padding:.8rem 1rem .8rem;
}
ul.navbar-nav li.nav-item a.nav-link{padding-right:0; padding-left:0; font-size:12px; font-weight:500;}
a.dropdown-item {
  font-size:12px;
}
.navbar a.nav-link{
  color:white;
}
a.nav-link.disabled{color:#ddd;}
.navbar-brand{max-width:150px;padding:0;}
#main-navbar-collapse-1 ul.nav li a{background:none;color:white;}
#main-navbar-collapse-1 ul.nav li a:hover,#main-navbar-collapse-1 ul.nav li.active a{background:#2C1AF4;}
.navbar-default .navbar-toggle .icon-bar{background:white;}

#msg-ctnr{margin-bottom:1.5em;display:none;}
#acct-msg{background:white;border:#ddd solid 1px;border-radius:5px;position:relative;padding:1em 2em;}
#acct-msg #x{position:absolute;top:5px;right:8px;font-size:1em;}

/* countdown */
#countdown{padding-bottom:20px;}
#countdown .box{width:50px;height:50px;text-align:center;background:black;color:white;line-height:50px;font-size:20px;margin:5px;}
#countdown .box-c{width:50px;height:30px;text-align:center;background:none;color:black;font-size:30px;margin:0 5px 5px;font-weight:bold;}
/* Signin */
.signin_form {
    margin: 0 auto;
    max-width: 330px;
    padding: 15px;
}
.signin_form .s_form_heading, .signin_form .checkbox {
    margin-bottom: 10px;
}
.signin_form .checkbox {
    font-weight: normal;
}
.signin_form .form_control {
    -moz-box-sizing: border-box;
    font-size: 16px;
    height: auto;
    padding: 10px;
    position: relative;
	width:100%;
}
.signin_form .form_control:focus {
    z-index: 2;
}
.signin_form input[type="email"] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: -1px;
}
.signin_form input[type="password"] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-bottom: 10px;
}

#disclaimer{float:left;padding:20px 0;text-align:left;}
#loginForm input{width:100%;}
.mobile input{font-size:1em;}

.regular-radio {
	display: none;
}

.regular-radio + label {-webkit-appearance: none;border: 1px solid #ccc;box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);padding: .2em 1.8em;border-radius: 2em;display: inline-block;position: relative;color:#fff;
}

.regular-radio:checked + label:after {content: '\2714';font-size: 2em;position: absolute;top: 0;left: .2em;}

.regular-radio:checked + label {background-color: #fff;color: #999;border: 1px solid #4ca8cf;box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1);}

.regular-radio + label:active, .regular-radio:checked + label:active {box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);}

.big-radio + label {padding: 16px;}

.big-radio:checked + label:after {
	width: 24px;
	height: 24px;
	left: 4px;
	top: 4px;
}
label {
	display: inline;
}

.regular-checkbox {
	display: none;
}

.regular-checkbox + label, #up_ws {
	background-color: #eee;
	border: 1px solid #4ca8cf;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: .2em 2em;
	border-radius: .3em;
	display: inline-block;
	position: relative;
	font-weight:bold;
}

.regular-checkbox + label:active, .regular-checkbox:checked + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.regular-checkbox:checked + label {
	background-color: #e9ecee;
	border: 1px solid #4ca8cf;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: #9ccfcf;
}

.regular-checkbox:checked + label:after {
	content: '\2714';
	font-size: 2em;
	position: absolute;
	top: 0;
	left: .2em;
}


.big-checkbox + label, #up_ws {padding: .7em 2em;}
#up_ws{color: #9ccfcf;}

.big-checkbox:checked + label:after {
	left: .2em;
}

.checkbox-circle {
	margin:0 5px;
	display:inline-block;
	width: 25px;
	height: 25px;
	background: #00aeef;
	border-radius: 100%;
	position: relative;
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
}
.checkbox-circle label {
	display: block;
	width: 21px;
	height: 21px;
	border-radius: 100px;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease;
	transition: all .5s ease;
	cursor: pointer;
	position: absolute;
	top: 2px;
	left: 2px;
	z-index: 1;
	background: #ddd;
	-webkit-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
}
.checkbox-circle input[type=checkbox]:checked + label {
	background: #2C1AF4;
}

.window{position:relative;}
.window div div{float:left;text-align:center;padding:5px;}

.circle {
    width:40px;
    height:40px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
}

/*#footer-ctnr{background:url(/images/bg-footer.jpg) fixed center bottom / cover;}*/
#footer {
  /* border-top:1px solid #ddd; */
  display:flex;
  justify-content:space-between;
  padding-top:25px;
  position:relative;
  z-index:39;
  background-color:white;
}
#ft-ct{text-align:right;}
#ft-ct p{line-height:100%;}
#ft-ct .circle{border-radius:30px;background:white;float:right;text-align:center;width:30px;line-height:30px;margin:5px;}

@media only screen and (max-width: 500px) {
	.site-title{font-size:1.8em;line-height:1;}
	.site-sub-title{font-size:1.2em;width:100%;line-height:1.2;}
	#f-v .form-title{font-size:1.1em;}
	#top-sec div.container{padding-top:30px;}
	#f-v{padding:1em 0;}
	#ws .dir{width:10%;}
	#ws .window{width:80%;}
}

.sec-separator, .sec-separator-min{height:18px; background:#2C1AF4; margin:2rem 0;}
.sec-separator-min{height:3px;}


.d-d
{
	text-align: center;
	padding: .5em 0;
	color: #555;
	border: 1px solid #8af;
	border-radius: 5px;
	cursor: default;
	/* background:white; */
}

.d-hover
{
	background:#8af;
	border-style: solid;
	box-shadow: inset 0 2px 3px #888;
}

.q-ctnr span.required {
  color:red;
}

.level, .usk-level {
    border-radius:50%;
    width:32px;
    min-width:32px;
    height:32px;
    line-height:32px;
    background:#6Df140;
    position:relative;
    overflow:hidden;
    text-align:center;
    color:white;
}
.usk-level.sub {
    width:24px;
    min-width:24px;
    height:24px;
    line-height:24px;
    font-size:12;
}
.level.level-0, .level.level-ns, .usk-level.usk-level-ns {
    background:#ccc; border:none;
}
.usk-level.usk-level-0 {
    background:#ccc;
}
.level.level-1, .usk-level.usk-level-1 {
    background:#C82506;
}
.level.level-2, .usk-level.usk-level-2 {
  background:orange;
  /*background-image: linear-gradient(#EE220C, #FFFC66);*/
}
.level.level-3, .usk-level.usk-level-3 {
    background:#FFFC66;
    color:#333;
}
.level.level-4, .usk-level.usk-level-4 {
    background:#6Df140;
}
.level.level-5, .usk-level.usk-level-5 {
    background:#1DB100;
}
.level-na, .usk-level-na {
  width:32px;
  height:32px;
  background-image: 
  repeating-linear-gradient(
    -45deg,
    white,
    white 2px,
    #ccc 2px,
    #ccc 4px
  );
  border-radius:50%;
}


/* .round3 */
.rnd-sqr {
	width: 25px;
	height:25px;
	position: relative;
}
.rnd-sqr label {
	width: 25px;
	height: 25px;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
	background: linear-gradient(to bottom, #fff 0%, #eee 100%);
	border-radius: 4px;
	/* box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.8), 0px 1px 0px rgba(255, 255, 255, 0.4); */
    border:1px solid #ccc;
    border-radius:50%;
}
.rnd-sqr.square label {
    border-radius:5px;
}
.rnd-sqr label:after {
	content: '';
	width: 13px;
	height: 8px;
	position: absolute;
	top: 7px;
	left: 5px;
	border: 2px solid white;
	border-top: none;
	border-right: none;
	background: transparent;
	opacity: 0;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.rnd-sqr label:hover::after {
	opacity: 0.3;
    border-color:#666;
}
.rnd-sqr input[type=checkbox] {
	visibility: hidden;
}
.rnd-sqr input[type=checkbox]:checked + label:after {
	opacity: 1;
}
.rnd-sqr input[type="checkbox"]:checked + label{
    background:#bbb;
}

/* end .round3 */

.round3.inverse label{
	background: linear-gradient(to bottom, #9d9d9d 0%, #454545 100%);
}
.round3.inverse label:after {
	border: 3px solid #1db100;
	border-top: none;
	border-right: none;
}

/* .square checkbox radio button */
.square-cr {
	width:32px;
	height:32px;
	position: relative;
}
.square-cr label {
	width:32px;
	height:32px;
	cursor:pointer;
	position:absolute;
	top: 0;
	left: 0;
	background: linear-gradient(to bottom, #fff 0%, #eee 100%);
	/* box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.8), 0px 1px 0px rgba(255, 255, 255, 0.4); */
    border:1px solid #ccc;
}
.square-cr label:after {
	content: '';
	width: 18px;
	height: 10px;
	position: absolute;
	top: 7px;
	left: 6px;
	border: 2px solid white;
	border-top: none;
	border-right: none;
	background: transparent;
	opacity: 0;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.square-cr label:hover::after {
	opacity: 0.3;
    border-color:#666;
}
.square-cr input[type=checkbox] {
	visibility: hidden;
}
.square-cr input[type=checkbox]:checked + label:after {
	opacity: 1;
}
.square-cr input[type="checkbox"]:checked + label{
    background:#bbb;
}

/* end .square */

.tp{
    display:none;
}
.tp-box{
    position:absolute;
    z-index:999;
    font-size:.8rem;
    max-width:450px;
    border:1px solid #ddd;
    border-radius:5px;
    opacity:.9;
    padding:1rem;
    background:white;
    display:none;
}
.tp-sense {
    width:max-content;
}