html{height:100vh;}
.login-page{}
.login-page.login-bg{ background:url("../img/login-bg.jpg") no-repeat center; background-size:cover;}
.login-page main{min-height:calc(100vh - 30px); justify-content: center; display: flex; flex-direction: column;}
div.login-wrapper{width:95%; max-width: 450px; margin-left:auto; margin-right: auto; margin-top: 0; border-radius:10px;}
.login-page.register-form div.login-wrapper{max-width:600px;}
.invalid-feedback{font-size:100%;}
img.site-logo {
  pointer-events: none;
}
.preloader{position:fixed;top:0;left:0;width:100%;height:100%;background:#FFF; z-index:9999;}
div.errors{text-align: left; font-size:0.875rem;}
.deep-orange{background-color:#f05804!important;}
.deep-orange-text{color:#f05804!important}
header{top:0; left:0; z-index:999;}
header img{max-width:50px;}
header a{font-size:1.5rem; padding:0 1rem;}
footer{bottom:0; left:0; z-index:999;}
footer a{padding:.2rem 0rem; display:block; font-size:1.5rem;}
footer a span{display:block; font-size:.785rem;}
.swal2-container{z-index:9999!important;}

body.inner-page{position:relative; width:100vw; height:100vh; overflow-x:hidden;}
.inner-page main{padding-top:80px; padding-bottom:80px; max-height: 100vh;
    position: relative;
    overflow-y: auto;}


.sidenav {
  height: 100vh;
  width: 250px;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: -250px;
  background-color: #ebebeb;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 1rem;
  color: #181818;
  display: block;
  transition: 0.3s;
}

.sidenav nav a {
  padding: 8px 8px 8px 15px;
  text-decoration: none;
  font-size: 1rem;
  color: #181818;
  display: block;
  transition: 0.3s;
  background:#FFFFFF;
  border-bottom:solid 6px #ebebeb;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav a>i{color:#ff5722; padding-right:15px;}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

#content-wrapper {
  transition: margin-left .05s;
 
  height:100vh;
}

.sidenav.sidenav-open{
	left:0px;
}

#content-wrapper.sidenav-open{
	margin-left:250px;
	width:100%;
	height:100vh;
}

#content-wrapper.sidenav-open #main{
	height:100vh;
}

body.sidenav-overlay,html.sidenav-overlay{
	overflow:hidden!important;
	height:100vh;
}
body.sidenav-overlay::before{
	content:'';
	position:fixed;
	top:0;
	left:0;
	background-color:rgba(0,0,0,0.4);
	z-index:1000;
	height:100vh;
	width:100vw;
	
}

#rr{position:absolute; height:100%; width:100%; background:black; top:0; left:0;}

.sidenav img{max-width:50px;}

.day-circle{width:60px; padding:20px 10px; font-size:.8rem;}
.client-type-circle{width:30px; padding:2px 5px;}

div.floater{width:50px; position:fixed; right:5px; bottom:60px; z-index:999;}
div.floater a{display:block; text-align:center; border-radius:50%; background:#ff5722; margin-bottom:5px; padding:9px 0; color:#fff;}
div.floater a span,div.floater i{display:block;}
div.floater span{font-size:.6rem;}
div.floater a:last-child,div.floater a:last-child:hover{background:#000; color:#FFFF}

.custom-modal{position:fixed; left:0px; width:100%; height:auto; max-height:450px; overflow-y:auto; z-index:9995; visibility:hidden; transition: bottom .2s;}
.custom-modal-hidden{visibility:hidden; bottom:-100px; }
.custom-modal-show{visibility:visible; bottom:0px; } 
.custom-modal .card-header a{font-size:2rem; line-height:0px; padding-top:8px; color:#FFF!important}
.custom-modal .card-body{background:rgba(240,88,4,0.05);}
.custom-modal .card-header{background-color:#F05804; color:#FFF!important;}

.spinner-grow{height:1rem; width:1rem;}

.add-visit-page main .card-body p,.add-visit-page main .card-header p,.add-visit-page main .card-header a{font-size:.75rem;}	
.add-visit-page main #filtersModal .card-header a[href="javascript:history.go(-1);"]{font-size:1.5rem;}
.add-visit-page main .card-body,.add-visit-page main .card-header{padding-top:5px; padding-bottom:5px;}

.book-samplings-list .book-samplings-item{border-bottom:solid thin #ebebeb;}
.book-samplings-list .book-samplings-item:last-child{border-bottom:none!important;}
.book-samplings-list .book-samplings-item .badge-pill i.small{font-size:10px!important;}
.book-samplings-list .book-samplings-item.deleting{opacity:0.4!important;}
.book-samplings-list>div{max-height: 300px; overflow: auto;}

.ui-autocomplete-loading {
    background: white url("../img/ui-anim_basic_16x16.gif") right center no-repeat;
  }
.ui-widget.ui-widget-content{z-index:9999!important; max-height:200px; overflow-y:auto;}
.ui-menu-item{font-size:12px;}
.ui-extend-margin{margin-bottom:200px;}

.force-disable{pointer-events:none!important; opacity:0.5;}

.nav-tabs .nav-link{font-size: .85rem;    font-weight: 400;    color: orangered;}

.file-selector-wrapper button{right:0px;}
ul.files-list{list-style:none; margin:0; padding:0; display:block; margin-bottom:15px;}
ul.files-list li{display:block; margin-bottom:1px;}
ul.files-list li>a{color:#666; display:block; border:solid thin #ebebeb; padding:5px;}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

@media (min-width:769px){
	.form-control,.custom-select{font-size:0.875rem;}
}


@media (max-height:1500px){
	/*.login-page main{max-height:740px!important;}*/
	.login-page.register-form div.login-wrapper{margin-bottom:20px;}
	
}

/** PRELOADER**/
#overlayer {
	width:100%;
	height:100%;  
	position:absolute;
	z-index:9999;
	background:#FFFFFF;
  }
  .loader {
	display: inline-block;
	width: 30px;
	height: 30px;
	position: absolute;
	z-index:9999;
	/*border: 1px solid #ff5722;*/
	top: calc(50% - 30px);
	left: calc(50% - 30px);
	animation: loader 2s infinite ease;
  }
  
  .loader-inner {
	vertical-align: top;
	display: inline-block;
	width: 100%;
	height:100%;
	/*background-color: #ff5722;*/
	background-image: url('../img/favicon.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	/*animation: loader-inner 0.5s infinite ease-in;*/
  }
  
  @keyframes loader {
	0% {
	  transform: rotate(0deg);
	}
	
	25% {
	  transform: rotate(180deg);
	}
	
	50% {
	  transform: rotate(180deg);
	}
	
	75% {
	  transform: rotate(360deg);
	}
	
	100% {
	  transform: rotate(360deg);
	}
  }
  
  @keyframes loader-inner {
	0% {
	  height: 0%;
	}
	
	25% {
	  height: 0%;
	}
	
	50% {
	  height: 100%;
	}
	
	75% {
	  height: 100%;
	}
	
	100% {
	  height: 0%;
	}
  }