body {
  margin:0;
  padding:0;  
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-height:100vh;
  top:0px !important;
}
main {
  flex:1 0 auto;
}
@media (min-width: 1440px){
.container {
    max-width: 1420px;
}
}

@media (min-width: 1940px){
	.container {
		max-width: 1820px;
	}
	}

.navbar{
	box-shadow:none
}
.header-icon{
	background-image:url(/img/icon-reform-transparent.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:45px;
	height:45px;
	position:absolute;
	top:5px;
	left:5px;
}
.datatable-paging-button {
	padding:.5rem
}
.datatable-paging-button:hover{
	background-color:#bfd6ea
}

.dataTables_filter input{
	margin-top:10px;
}
.dataTables_filter input{
	width:125px;
}
@media (min-width: 1080px){
	.modal-responsive{
		max-width:800px;
	}
}
@media (min-width: 1580px){
	.modal-responsive{
		max-width:1200px;
	}
}
thead tr th, .nowrap{
	white-space:nowrap;
}
.dataTable td{
	vertical-align:top;
}
.form-group{
	margin-bottom:.25rem !important;
}

.selected{
    background: #eee;
}

.dataTables_filter input{
	outline:0;
	border:0;
	border-bottom:1px solid gray;
}
.popover{
	min-width:150px;
}
.popover-header{
	color:white;
	background-color:#005daa
}
.pills-rtk-blue .nav-link.active{
	background-color:#005daa
}
.pills-rtk-blue .nav-link{
	background-color:#bfd6ea
}
.pills-rtk-green .nav-link.active{
	background-color:#669933
}
.pills-rtk-green .nav-link{
	background-color:#d9e5cc
}
.pills-rtk-slate .nav-link.active{
	background-color:#687780
}
.pills-rtk-slate .nav-link{
	background-color:#ccd2d4
}
.w-1{
	width:1px
}
.button-page-length:hover:not(.active){
	background-color:#bfd6ea
}
.btn-group>.btn-group>.btn{
	border-radius: 2px;
}
.signature{
	background: url(/img/sign-here.png) center bottom no-repeat, url(/img/sign-line.jpg);
	border:2px dashed silver;
	min-height:150px;
	margin-bottom:10px;
	max-width:800px;
	margin:0 auto;
}
canvas.jSignature {
    background-color: transparent !important;
}
.colorful-select .dropdown-content li span:hover {
-webkit-transition: all 0s linear;
-o-transition: all 0s linear;
transition: all 0s linear;
}
.popover-body{
	width:100%;
	max-width:380px;
}
.popover{
	max-width:400px !important
}

table.table-hover tbody tr:hover {
	background-color:#bfd6ea !important
}
.navbar-expand-lg .navbar-nav .dropdown-menu{
	z-index:9999
}
#sticky-color-change{
	transition: background-color 0.5s ease;
}
#back-to-top-button{
	background-color:rgba(216,125,57,.7);
	transition: display 0.5s ease;

}
.select-info:before{
    content: ' ';
    clear: right;
    display: block;
}
.selected{
	background:#d9e5cc!important;
	background-color:#d9e5cc!important;
}
.selected:hover{
	color: black !important;
}
.bold{
	font-weight:bold
}
.switch label input[type=checkbox]:checked+.lever:after{
	background-color:#669933
}
.switch label input[type=checkbox]:checked+.lever{
	background-color:#9fbf7f
}
.btn-light:not([disabled]):not(.disabled).active, .btn-light:not([disabled]):not(.disabled):active, .show>.btn-light.dropdown-toggle{
	background-color:#186cb2!important;
	color:white
}

.modal-dialog .md-form label{
	top:-12px;
	max-width:100%;
	left:-12px;
}
#addUserModal label{
	max-width:100%;
	left:0px !important;
}

.modal-dialog .select-dropdown.form-control{
	margin-top:12px;
}
.modal-dialog .material-select .col-lg-8{
	max-width:100%;
	flex:100
}
.select-wrapper.md-form>ul li label{
	left:0px !important;
}
label p, #datatables td p, .section-header p{
	margin-bottom:0 !important
}
strong{
	font-weight:bold !important;
}
.addSpecialClass:hover{
	cursor:pointer
}
#user-form p{
	display:inline-block !important;
	padding-bottom:0 !important;
	margin-bottom:0 !important
}
.dropdown-menu{
	background-color: #edf1f3;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	padding-bottom:0 !important;
}

.dropdown .dropdown-menu.dropdown-primary .dropdown-item:hover, .dropdown .dropdown-menu.dropdown-primary .dropdown-item:active, .dropdown .dropdown-menu.dropdown-primary .dropdown-item.active, .dropup .dropdown-menu.dropdown-primary .dropdown-item:hover, .dropup .dropdown-menu.dropdown-primary .dropdown-item:active, .dropup .dropdown-menu.dropdown-primary .dropdown-item.active, .dropleft .dropdown-menu.dropdown-primary .dropdown-item:hover, .dropleft .dropdown-menu.dropdown-primary .dropdown-item:active, .dropleft .dropdown-menu.dropdown-primary .dropdown-item.active, .dropright .dropdown-menu.dropdown-primary .dropdown-item:hover, .dropright .dropdown-menu.dropdown-primary .dropdown-item:active, .dropright .dropdown-menu.dropdown-primary .dropdown-item.active{
	background-color: #186cb2 !important
}

.backdrop{
	z-index:1040
}

.font-size-6{
	font-size:.6rem !important;
}

.font-size-7{
	font-size:.7rem !important;
}

.font-size-8{
	font-size:.8rem !important;
}

.font-size-9{
	font-size:.9rem !important;
}

div.dataTables_wrapper div.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    margin-left: -50%;
    margin-top: -26px;
    text-align: center;
    z-index: 9;
    background-image: linear-gradient(to right, rgba(255,0,0,0), rgba(53,74,85,1), rgba(255,0,0,0));
    padding: 1em 0;
	color:white;
}

.autocomplete-clear{
	clear:both;
	margin-top: 20px;
   }
   
.autocomplete-searchResult{
list-style: none;
padding: 0px;
width: 250px;
position: absolute;
margin: 0;
z-index:9;
}

.autocomplete-searchResult li{
background: #edf1f3;
padding: 4px;
border-bottom: #c0ced4 solid 1px;
border-right: #c0ced4 solid 1px;
border-left: #c0ced4 solid 1px;
}

.autocomplete-searchResult li:hover{
cursor: pointer;
}