html, body {
    margin: 0;
    padding: 0;
}
body {
    background-color: #fff;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
}
a,a:hover {
    text-decoration: none;
    color: #333;
}
img {
    max-width: 100%;
    max-height: 100%;
}
.clearfix:after {
    content: " "; /* Older browser do not support empty content */
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
 }
/**Login page Styles**/
.login.container-fluid {
    background: #f5f5f5;
}
.login-container {
    /* width: 50%; */
    margin: 0 auto;
    padding:10% 0 0;
    max-width:500px;   
    float:none;
}
.login-title{
    color:#c2c2c2;
    text-align: center;
}
form.login-form {
    background-color: #fff;
    padding: 6%;
    border:1px solid #ddd;
    border-top: 3px #ff5757 solid;
}
form.login-form ::placeholder{
    font-weight: bold;
    font-size: 16px;
}
form.login-form span.input-group-addon,form#update-password span.input-group-addon,
form#update-user span.input-group-addon {
    background: none;
    border-right: none;
    color: orange;
}
form.login-form input[type=email], form.login-form input[type=password]{
    padding:0 0 0 2%;
    height: 40px;
}
form.login-form .btn {
    width: 100%;
}
form.login-form button#forgot_password {
    background: none;
    border: none;
    text-decoration: underline;
}

main {
  transition: margin-left .5s;
  /* padding: 16px; */
  padding:0 0 2%;
}
.container-fluid {
    height: 100%;
    padding: 0;
}
header {
    background: #fff;
    height: 45px;
    position: relative;
}
.btn-toggle {
    background: #232323;
    color: #7e7e7e;
    height: 100%;
    text-align: center;
    align-items: center;
    padding:0 3%;
}
.btn-modal {
    background: none;
    border: none;
    float: right;
    text-align: center;
    align-items: center;
    height: 100%;
    font-size: 1rem;
}
.btn-modal img{
    max-width: 100%;
    max-height: 100%;
}
.btn-toggle:hover{
    color: #7e7e7e;
}
.header-modal {
    width: 325px;
    float: right;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 0 25px rgba(0,0,0,.3);
    position: absolute;
    right:15px;
    display: none;
    z-index: 15;
}
.header-modal img{
    border-radius: 50%;
    border: 1px solid #000;
}
.header-modal hr{
    margin:3px 0;
}
.header-modal .row:first-child {
    margin: 1% 0;
    padding: 1% 0 1% 2%;
}
.header-modal .row {
    margin: 1% 0;
}
.header-modal .row .btn {
    width:98%;
    margin: 0 auto;
    display: block;
}
button.btn.btn-edit-profile {
    background: transparent;
    text-align: left;
}
button.btn.btn-edit-profile:hover {
    background: #f5f5f5;
}
button.btn.btn-lock{
    background-color:#fa7753;
    color: #fff;
}
button.btn.btn-lock:hover{
    background-color:#e95f3a;
}
button.btn.btn-logout{
    background-color:#ff5757;
    color: #fff;
}
button.btn.btn-logout:hover{
    background-color:#f33;
}

.sidebar {
    position: absolute;
    top: 39px;
    width: 100%;
    background: #2a2a2a;   
    z-index: 10; 
}
.siderbar.hide{
    display: none;
}
.sidebar-content {
    /* padding: 0 0 0 3%; */
}
.sidebar-content .row{
    margin: 0;
    padding:6px 0 6px 8px;
}
.sidebar-label.row {
    padding:1% 0;
    color: #fff;    
    padding: 10px 0 10px 8px;
    
}
.sidebar-welcome.row {
    background: #313131;
}
.sidebar-welcome.row p{
    float:left;
    padding:0 1%;
}
.sidebar-welcome p.welcome-home-link {
    float: right;
    padding:2%;  
    margin-right: 5%;  
}
.sidebar-welcome p.welcome-home-link a{
    color: #fff;
    background: #232323;
    padding:50%;
    border-radius: 3px;
}   
.sidebar-welcome p img {
    max-width:40px;
}
/* .sidebar-welcome p.welcome-msg{

} */
.sidebar-list.row{
    padding-bottom: 0;
}
.sidebar-list.slided ul li.sidemenu-ul-li{
    /* list-style: none; */
    padding:1% 0;
}
.sidebar .sidebar-list ul li.sidemenu-ul-li{       
    padding: 15px 0;
}
.sub_menu ul {
    color:#737373;
    list-style-type: disc;
}
.sub_menu li{
    padding:5px 0;
}
.sidebar-list ul li.divider {
    height: 1px;
    padding:0;
    background: #737373;
}
.sidebar-list ul li a {
    color: #737373;
    text-decoration: none;
}
.sidebar-list ul li a:active{
    color: #9cd159;
    font-weight: bold;
}
.sidebar-list ul li a:hover {
    color: rgba(255,255,255,.85);
}
ul.sidemenu-ul {
    padding: 0;
    margin-bottom: 0;
}
.mobileView.sidebar .sidebar-label{
    display: none;
}
.main_menu > a {
    width: 100%;
    display: inline-block;
}
.main_menu > a > .fas {
    color: #65a6ff;
}
main {
    transition: margin-left .5s;
    background-color: #fff;     
}
.navbar-default{
    padding: 0 0 0 20px;
}
ul.navbar-nav.nav {
    margin: 0;
}
.navbar-default .navbar-nav >.active > a{
    background: none;
}
.navbar-default .navbar-nav > .active > a:hover {
    background: none; border-bottom: 2px solid #f87500;
}
.main-content .row{
    margin: 0;
}
.edit-profile-content .row.content-box>div {
    border: 1px solid #ddd;
    padding: 0;
}
.edit-profile-content .content-box-header {
    color: #fff;
    background: #65a6ff;
    padding: 2% 0;
    margin: 0;
}
.edit-profile-content .btn{
    background-color: #f87500;
    color: #fff; 
    border: none;
}
.edit-profile-content .btn:hover{
    background-color:#ff8e29; 
}
.upload-image-cont h4{
    padding:2% 0 2% 2%;
    margin: 0;
}
.bg-gray {
    background-color: #efefef;
}
.upload-image-cont > div {
    border: 1px solid #ccc;
    padding: 0;
}
.upload-image-cont .btn {
    border-color: #8eca3f;
    background: #9cd159;
    color: #fff;   
    width: 95%;
    margin: 1% auto;
}
.upload-image-cont .btn:hover {
    color: red;
}
#form-upload-image {
    width: 100%;
}
.tabs-left{
    border-bottom: none;
    padding-top: 2px;
}
.tabs-left>li{
    float: none;
    margin-bottom: 2px;  
    margin-right: -1px;
}
.tabs-left>li>a {
    border-radius: 4px 0 0 4px;
    margin-right: 0;
    display:block;
    border: none;   
    color: #555555;
}
.tabs-left>li.active>a,
.tabs-left>li.active>a:hover,
.tabs-left>li.active>a:focus {
    background-color: #f87500;
    border: none;
    color: rgba(255,255,255,.85);
}
.tabs-left>li.active>a:visited {
    color: #555555;
}
.tabs-left > li.verticalTab-save {
    margin-bottom: 5%;
}
.tabs-left > li.verticalTab-save > a .far,
.tabs-left > li.verticalTab-save > button .far{
    color: #9cd159;
}
.tabs-left > li.verticalTab-save > button {
    background: transparent;
}
.addItem-tabContent .form-group label{
    line-height: 2em;
}
#newFormContent,.new-form-content {
    /* display: none; */
    margin: 2% 0;
    border: 1px solid #ccc;
}
#newFormContent #toggleNewForm,.new-form-content .toggle-new-form {
    width:100%;    
    text-align: left;
}
#newFormContent #toggleNewForm:after,.new-form-content .toggle-new-form:after{
    font-family: "Glyphicons Halflings";
    content: "\e259";
    float: right;
    margin-left: 15px;
}
#newFormContent #toggleNewForm.collapsed:after,.new-form-content .toggle-new-form.collapsed:after{
    content: "\e260";
}
#newForm,.newForm {
    padding: 2% 1%;
}
.edit-dept-content,.edit-employee-content {
    width:90%;  
    margin: 0 auto;  
}
.edit-dept-headLabel {
    color: red;
}
.custom_check {
    /* margin: 2% 0; */
    margin: 1% 0;
}
.custom_check input[type=checkbox] {
    display:none;
}

.custom_check input[type=checkbox] + label {
    display:inline-block;
    padding: 0 0 0 0px;
    background:url('../images/unchecked.PNG') no-repeat;
    height: 20px;
    width: 20px;
    /* background-size: 50%; */
}

.custom_check input[type=checkbox]:checked + label {
    background:url("../images/checked.PNG") no-repeat;
    height: 20px;
    width: 20px;
    display:inline-block;
    /* background-size: 50%; */
}
.custom_check > div {
    display: inline-block;
    float: left;
    margin:0 1% 0 0;
}
a.font-green {
    color:#9cd159!important;
}
.bootstrap-select.btn-group .dropdown-menu li a:hover,
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover,
.bootstrap-select.btn-group .dropdown-menu li:hover {
    background-color: #f87500 !important;
    color:#fff;
}
.datepicker .next,.datepicker .prev,
.datepicker table tr td.active:active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active, 
.datepicker table tr td.active.highlighted.active {
    background: #f87500;
}
.main-content .form-group .col-md-3{
    padding-right: 0;
}
.main-content > .row > .col-md-8 {
    padding:0;
}
.intervention-actions {    
    margin: 0 auto 2%;
}
.intervention-actions .btn{
    padding: 3% 8%;
    margin: 0 1%;
}
.intervention-form,.edit-search-form {   
    margin: 0 auto;
}
.panel-default>.panel-heading {
    font-size: 16px;
    color: #666;
}
button#intervention_attr_action {
    background: #f87500;
    color: #fff;    
}
button#intervention_attr_save {
    color: #f87500;
    background: #fff;    
}
.interv-comment-recurr .col-md-9 {
    padding-left: 0;
}
.interv-comment-recurr .btn {
    background: none;
    color: #7e7e7e;
    font-size: 25px;
    padding: 0;
    margin-right: 5px;
}
.interv-comment-recurr {
    margin-bottom:5px;
}
.form-control.parsley-error {
    color: #B94A48;
    background-color: #F2DEDE;
    border: 1px solid #EED3D7;
}
ul.parsley-errors-list {
    padding-left: 0;
    color: #B94A48;
    list-style: none;
}
.tt-menu {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 3px;
    border-top: none;
    z-index: 1000;
    background: #fff;
}
span.twitter-typeahead {
    width: 100%;    
}
.tt-suggestion.tt-selectable {
    padding: 1% 0;
}
.search-panel-actions {
    float: right;
    width:130px;
}
.search-panel-actions a{
    color: #fff;
    border-color: #b45f1a;
    background-color: #ff8e29;
    padding:4%;
    margin:0 5px;
    float:left;
    width:55px;
    border-radius: 3px;
    font-size:1.3rem;
    text-align: center;
}
#pagination {
    display: none;
}