img { max-width: 100%; }
body,input,textarea { font-family: 'Lato', sans-serif; font-size: 14px; color:#232340;    }

html,body{width: 100%;height: 100%;}

 input:required { box-shadow: none;  } 
.form-control::placeholder,
.form-control::-moz-placeholder {
    color: #ccc;
    opacity: 1;
}
label em{color:#D21B15;}

ul { padding: 0; margin: 0; list-style: none; }
a, a:hover, a:focus { outline: none; text-decoration: none; }
.hide { display: none; }
.f-6 { font-size: 6px !important; }
.f-10 { font-size: 10px !important; }
.f-12 { font-size: 12px !important; }
.f-14 { font-size: 14px !important; }
.f-16 { font-size: 16px !important; }
.f-18 { font-size: 18px !important; }
.f-20 { font-size: 20px !important; }
.f-26 { font-size: 26px !important; }
.f-30 { font-size: 30px !important; }
.f-36 { font-size: 36px !important; }
.f-46 { font-size: 46px !important; }
.f-42 { font-size: 42px !important; }
 .border{border:1px solid #ddd;}
 .border-danger{border:1px solid #d9534f;}
 .border-success{border:1px solid #5cb85c;}
 .border-warning{border:1px solid #f0ad4e;}
 
.form-control{
  font-size: 14px;
}

.round-25 {
    border-radius: 25px;
}
.bg-gray{
  background: #F1F1F1;
}
.bg-cyan{
  background:#31B7C5;
}
.bg-dark{
  background: #58627C;
}
.h-auto{
  height: auto;
}
.fw50{width: 50px;}
.fw100{width: 100px;}
.fw200{width: 200px;}
.vh-100{
	height: calc(100vh - 200px);
}
.p-relative {
    position: relative;
}
.bg-none{
	background: none;
}
.btn{box-shadow: none!important; cursor: pointer; font-size: 14px;}
.cursor-p{
  cursor: pointer;
}
.cursor-auto{
  cursor:auto ;
}
.btn-primary2 {
   background: #28C862;
    border-color: #28C862;
    color: #fff;
}
 .btn-primary2:hover {
   background: #20A34F;
    border-color: #20A34F;
    color: #fff;
}

.btn-dark {
   background:rgba(88, 98, 125, 0.76);
    border-color: rgba(88, 98, 125, 0.76);
    color: #fff;
}
 .btn-dark:hover {
   background: #434C65;
    border-color: #434C65;
    color: #fff;
}
.btn-outline-secondary {
  color: #7a7a7a;
}
.btn-outline-secondary:hover {
    background: #434C65;
    border-color: #434C65;
    color: #fff;
}
.dash-border{
  border: 1px dashed #232340;
}
.dash-border-left{
  border-left: 1px dashed #999;
}
.dash-border-bottom{
  border-bottom: 1px dashed #999;
}

.rounded-circle{
  overflow: hidden;
}

.login-container{
	background: url('../img/login-bg.png') no-repeat center center;
	background-size: cover; 
  background-attachment: fixed; 
}

.login-wrap{
	width: 400px;
	/* min-height:650px; */
	max-width: 100%;
}
.form-control.m-wrap{
	min-height: 42px;
}

.logo-space{
	margin-left: 110px;
}

footer{
	background: #1E1E37;
	font-size: 12px;
}

footer .main-footer{
	background: #232340;
}

.list-menu li {
display: inline-block;
margin: 0 10px;

}
.list-menu li a{
 color: #fff;
 opacity: .5;
}
.list-menu li a:hover{
	opacity: 1;
}
.menu-bar{
	background: #009C47;
  

}

.status-bar{
background: #232340;
 min-height: 51px;
 color: #d2d2d2;
}

.page-container{
	/* min-height: 500px;
	background: #ccc; */
}
 .fixed-header{
 	padding-top: 110px;
 }
.main-logo {
    display: inline-block;
    position: absolute;
    top: -11px;
}

.main-menu > li {
display: inline-block;
margin-right:15px;

}
.main-menu > li > a{
 color: #232340;
 opacity: .5;
 transition: all ease-in-out .3s;
}
.main-menu > li.active > a,
.main-menu > li > a:hover{
	opacity: 1;
	color: #fff!important;
}
.breadcrumb{
	background: none;
}
.breadcrumb-item + .breadcrumb-item:before {
   content: ">";
}
.nav-tabs .nav-link{
	position: relative;
	color: #999;
}


.tab-container > .nav-tabs .nav-link.active:after{
	background: #009c47;
    bottom: -7px;
    content: "";
    height: 3px;
    left: 20%;
    position: absolute;
    right: 20%;
}

.tab-container > .tab-content{
	border: 1px solid #ddd;
	border-top:none; 
}

.nav-link i{
	margin-top: -5px;
	display: none;
}
.nav-link.active i{
	display: block;
}



.form-wrapper{
	width: 450px;
}

.change-img {
    background: #fff;
    border-radius: 5px;
    bottom: 14px;
    padding: 0 8px;
    position: absolute;
    right: 27px;
    display: none;
}
.img-wrap:hover .change-img{
  display: block;
}
.switch {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 18px;
  margin: 0;
}

.switch input {display:none;}

.slider-toggle {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider-toggle:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 1px;
  bottom: 1px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider-toggle {
  background-color: #009C47;
}

input:focus + .slider-toggle {
  box-shadow: 0 0 1px #009C47;
}

input:checked + .slider-toggle:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded slider-toggles */
.slider-toggle.round {
  border-radius: 34px;
}

.slider-toggle.round:before {
  border-radius: 50%;
}

.img-wrap{
  width: 140px;
  height: 140px;
  overflow: hidden;
}
.img-wrap img{
  min-width: 100%;
  min-height: 100%;
}

.list-table tr td:first-child{
  width: 10px;
  text-align: center;
}


.action-btn{
  color: #8A909C;
  font-size: 20px;
}
.action-btn:hover{
  color: #009C47;
}


.action-panel{
  position: fixed;
  z-index: 99;
  top: 111px;
  right: -350px;
  bottom: 0;
  width: 350px;
  background: #fff;
  
  box-shadow: 0 0 10px rgba(0,0,0,0.3);
  transition: all ease-in-out .5s;
}

.action-panel  .action-content{
  overflow-y: auto; 
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.open-panel.action-panel{
  right: 0;
}

.action-point-btn{
  position: absolute;
  left: -100px;
  top: calc(50% - 27px);
  width: 155px;
  background: #009C47;
  color: #fff;
  z-index: 99;
  text-align: center;
  padding: 12px;
  transform: rotate(-90deg);
  border-radius: 5px 5px 0 0px;
}

.action-point-btn:hover{
  cursor: pointer;
  background: #037537;
}

.side-menu {
    background: #F2F2F2;
    box-shadow:0 0 6px rgba(0, 0, 0, 0.3);
    height: 100vh;
    left: 0;
    position: fixed;
    top: 110px;
    width: 70px;
    z-index: 1;
    overflow-x: auto; 
}
  .side-menu:hover{
  width: 250px;
  z-index: 999;
}

 .side-menu-list  li a .m-content{
  display: none;
}
   

.side-menu:hover  .m-content{
  display: inline-block;
}

.side-menu .side-menu-list li a.active,
.side-menu .side-menu-list li a.active:hover
 {
    background:#009C47;
    color: #fff;
}
.side-menu .side-menu-list li a:hover
{
  background: rgba(35, 35, 64, 0.08);

}
.side-menu .side-menu-list li a {
    border-bottom: 1px solid rgba(0, 0, 0, 0.03);
    color: #333;
    display: block;
    padding: 10px 10px 10px 20px;
}

.side-menu .side-menu-list li a i.zmdi {
    background: #fff;
    border: 1px solid #58627c;
    border-radius: 50%;
    color: #58627c;
    font-size: 17px;
    height: 30px;
    line-height: 1.6;
    margin-right: 10px;
    text-align: center;
    width: 30px;
}

.page-content {    
    margin: 0 0 0px 70px;
     /* min-height: 50vh; */ 
    padding: 20px;
    position: relative;    
}




.app-page footer{
  padding-left: 70px;
}

ul.dropdown-menu {
/* min-width: 200px; */
padding: 0;
overflow: hidden;
}
ul.dropdown-menu > li > a {
    color: #333;
    display:block;
    font-size: 14px;
    padding: 8px 18px;
}

ul.dropdown-menu > li > a:hover {
background: #E2E2E4;
}

ul.list-circle{
list-style:circle;
}
ul.list-circle li{
margin-bottom: 5px;
}

.table-wrapper{
  overflow-x: auto;
}
.table-wrapper table{
max-width: none;
}
.table-wrapper table td{
min-width: 180px;
}

/* ///////////////////// */

.box-container i{
  opacity: .1;
  font-size: 7em;
}
.dashboard-menu li{
  display: inline-block;
  
   box-shadow: 0 0 8px rgba(0, 0, 0, 0.16);
  border-radius: 5px; 
  margin: 0.5%;
    padding: 15px;
    width: 13%;
}
.dashboard-menu li:hover{
   cursor: pointer;
   box-shadow:0 0 8px rgba(0, 0, 0, 0.4);
}
.sp-icon{
  display: inline-block;
  height: 60px;
    width: 70px;
  background: url('../img/sprite.png') no-repeat left top;
}
.sp-icon:hover{
  background-position:0 -59px;
 
}

.sp-icon.invt{   
  background-position:-92px 0px;
}
.dashboard-menu li:hover .sp-icon.invt{   
  background-position:-92px -59px;
}

.sp-icon.lab{   
  background-position:-271px 0px;
}
.dashboard-menu li:hover  .sp-icon.lab{   
  background-position:-271px -59px;
}

.sp-icon.edu{   
  background-position:-176px 0px;
}
.dashboard-menu li:hover .sp-icon.edu{   
  background-position:-176px -59px;
}

.sp-icon.prot{   
  background-position:-353px 0px;
}
.dashboard-menu li:hover .sp-icon.prot{   
  background-position:-353px -59px;
}


.sp-icon.emerg{   
  background-position:-445px 0px;
}
.dashboard-menu li:hover .sp-icon.emerg{    
  background-position:-445px -59px;
}

.sp-icon.inc{   
  background-position:-526px 0px;
}
.dashboard-menu li:hover .sp-icon.inc{    
  background-position:-526px -59px;
}

 .scroler-vertical{
   overflow-y: auto;
 }

.landing-banner{
  background: url(../img/landing-bg.jpg) no-repeat center bottom;
  background-size: cover; 
  min-height: 100vh
}
.rounded-50{
  border-radius: 50px; 
}
 

 .client-benefit-container{
  background: url(../img/bg-img3.jpg) no-repeat center bottom;
  background-size: cover; 
  
}

.icon-box {
  background:#464661;
  width: 150px;
  height: 150px;
}

.btn-white {
  color: #333;
  background-color: #fff;
  border-color: #fff;
}

.btn-white:hover {
  color: #fff;
  background-color:#449d44;
  border-color:#449d44;
}
 

.sortable-container .ui-state-default{
  border-top: 1px dashed #ddd;
  padding: 15px 0;
  min-height: 55px;
}
.sortable-container .ui-state-default:hover{
 background: #eee;
 cursor: all-scroll;
  
}

.sort-block h6.alert:hover{
  cursor: all-scroll;
  background:#f8f0c6;
}


.border-dashed-top{
  border-top: 1px dashed #ddd;
}

.note-color {
  width: 4px;
  position: absolute;
  top: 2px;
  bottom: 2px;
  left: 0;
  display: inline-block;
  border-radius: 10px;
}
.table2 tr td{position: relative;}

/* .ui-sortable-helper{
  background: #eee!important;
}
 /* .ui-sortable-helper{
  background: #eee!important;
}
 */

.datepicker td, .datepicker th{
  padding: 5px 10px;
  font-size: 14px;
}
.side-block .nav {

 width: 100%;
  display: inline-block;
  list-style: disc;
  padding-left: 25px;
}
.side-block  .side-block-menu{
   background:#F2F2F2;  
   float: left;
  width: 210px;
}

.side-block .nav li{
 list-style: disc;
}

.side-block .nav li a{
 color: #333;
 padding-left: 3px;
}

.side-block .nav li a:hover,
.side-block .nav li a.active {
 color: #009C47;
}



.side-block .tab-content{  
  margin-left: 215px;   
}

.list-style1 li{
  margin-bottom: 10px;
}

.datepicker{
  z-index: 9999;
}
.texteditor-wrap table.mceLayout {
    width:auto!important;
    min-width:100%;
    max-width:100%;
}



@media (min-width: 992px) {
  .modal-xl {
    max-width: 960px;
  }
}

@media only screen and (max-width: 768px) {


 .side-menu-list  li a .m-content{
  display: none;
}
 .side-menu{
  width: 70px;
}
.page-content {  
  margin-left: 70px;
}
  
}