div#show_form{
    text-align:center;
    margin: 50px 0;
}

div#driver_school_form{
    text-align: center;
}


div#driver_school_form div{

}

div.align_center{
    text-align: center;
}
button.input_width{
    width: 33.333333%;
    text-align: center;
}

div.hidden_all_customer_data, div#insert_new_customer{
    display: none;
    margin: 20px 0;
}

#add_case_goals,#add_another_request, #add_status, #add_current_request{
    margin: 40px 0;
}

input[type='text']{
    /*min-height: 35px !important; */
}

label{
    margin: 15px 0;
    line-height: 18px !important;
}

.float_divs, .float_divs2{
    display: inline-flex;
    text-align: left !important;
}

div.hide_message{
    display: none;
}

h4{
    color: #00569A !important;
    margin-bottom: 0 !important;
}

textarea{
    resize: none;
    margin-right: 10px !important;
    margin-top: 5px !important;
}

.send_data{
    margin: 5px 0 0 10px;
    display: inline-flex;
}

#update_case_submit{
    margin-top: 4px;
}

.send_data input, .send_data button, #hide_button a{
    padding: 10px 20px;
    border: 1px solid #ECEDED;
    background: #F3F4F5;
    box-shadow: 0 4px 5px 0px rgba(0,0,0,0.3);
}


.send_data input:hover, .send_data button:hover, #hide_button a:hover{
    background: #00569A;
    color: #fff;
    border: 1px solid #00569A;
    opacity: 0.7;
    text-decoration: none;
    box-shadow: 0 4px 5px 0px rgba(0,0,0,0.3);
}

#hide_button{
    margin: 30px auto 15px;
}

.jmodedit {
    display:none !important;
}

.bs-searchbox .form-control{
    width: 94% !important;

}

#data_switched_name{
    margin: 8px 0 0px 0;
}

.bs-searchbox{
    margin-left: 0 !important;
}

.send_data button a {
    text-decoration: none;
    color:black;
}

.send_data button:hover a{
    color:white;
}

thead input {
    width: 100%;
}

#all, #closed, #suspended, #eliminated{
    display: none;
}

.padding_div{
    padding: 4px;
    margin: 4px;
    border: 1px solid #ECEDED;
    background: #F3F4F5;
    box-shadow: 0 4px 5px 0px rgba(0,0,0,0.2);
    min-height: 690px;
    min-width: 180px;
    max-width: 180px;
}

.all_customer_data div:first-child{
    margin-left: 10%;
}


.padding_div div:first-child{
    margin-left: 2%;
}

.nav-collapse ul li a, .nav-collapse ul li span{
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 15px 25px;
    color: #fff !important;
    opacity: 0.70;
    text-transform: none;
    font-size: 13px;
    text-shadow: none;
    font-weight: normal;
}

.nav-collapse ul li span.nav-header{

}

ul.nav-child li a{

    color: black !important;
}

ul.nav-child li a:hover{
    color: white !important;
}

.nav-collapse ul li span.nav-custom{
    display: block;
    padding: 3px 10px !important;
    font-size: 13px;
    opacity: 1;
    color: black !important;
}

.nav-collapse ul li span.nav-custom:hover{
    color: white !important;
}

#dialog-form,#dialog-form4,#dialog-form3,#dialog-form2,#dialog-form1,#dialog-form6,#dialog-form7,#dialog-form8,#dialog-form5{
    text-align: center;
    opacity: 0;
}


.edit-cases:hover{
    cursor: pointer;
    color: #000;
}

.nav-collapse ul li span{
    padding: 13px 25px;
}

.nav-collapse ul li:hover{
    background: #00569A !important;
    opacity: 1;

}

.nav-collapse ul li a:hover{
    background: #00569A !important;
    opacity: 1;

}

.nav-collapse ul li a:hover{
    background: #00569A;
    opacity: 1;

}
.nav-collapse ul li a:active{
    background: #00569A;
    opacity: 1;
}

#hide_button button, .buttons button{
    margin: 40px 0;
    padding: 10px 20px;
    border: 1px solid #ECEDED;
    background: #F3F4F5;
    box-shadow: 0 4px 5px 0px rgba(0,0,0,0.3);
}

.buttons{
    text-align: center;
}

.nav-child{
    color: black !important;
}

.buttons button{
    display: inline-block;
}

.buttons button:hover{
    background: #0088cc;
    opacity: 1;
    color: white;
    border: 1px solid #ECEDED;
    box-shadow: 0 4px 5px 0px rgba(0,0,0,0);

}

.buttons button:focus{
    background: #0088cc;
    opacity: 1;
    color: white;
    border: 1px solid #ECEDED;
    box-shadow: 0 4px 5px 0px rgba(0,0,0,0);

}

.navbar .btn-navbar{
    opacity: 0.8 !important;
    background: #00569A !important;
    border: none !important;
    box-shadow: none !important;
}

.navbar .btn-navbar:hover{
    opacity: 1 !important;
}


.hide_rights_message{
    display:none;
}

.navbar .btn-navbar a:focus{
    background: #00569A !important;
}



.dataTables_wrapper .dataTables_paginate .paginate_button:active{
    background: #00569A !important;
    border: 1px solid rgba(0,0,0,0) !important;
    text-decoration: none !important;
    color: white !important;
}

.paginate_button:hover a{
    text-decoration: none !important;
    color: white !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
    background: #0088cc !important;
    border: 1px solid rgba(0,0,0,0) !important;
    text-decoration: none !important;
    color: white !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:visited{
    background: #0088cc !important;
    border: 1px solid rgba(0,0,0,0) !important;
    text-decoration: none !important;
    color: white !important;
}

.paginate_button:focus a{
    background: #0088cc !important;
    border: 1px solid rgba(0,0,0,0) !important;
    text-decoration: none !important;
    color: white !important;
}



#hide_export{
}



.buttons button:active{
    background: #0088cc;
    opacity: 1;
    color: white;
    border: 1px solid #ECEDED;
    box-shadow: 0 4px 5px 0px rgba(0,0,0,0);
}

.buttons button:visited{
    background: #0088cc;
    opacity: 1;
    color: white;
    border: 1px solid #ECEDED;
    box-shadow: 0 4px 5px 0px rgba(0,0,0,0);
}

.delete{
    background: rgba(0,0,0,0);
    border: none;
}

#hide_button button a {
    text-decoration: none;
    color:black;
}

#hide_button button:hover a{
    color:white;
}

div.driver_school_form{
    text-align: center;
    width: 100%;
    margin: 0 auto;
}

.clear{
    clear: both;
}

#hide_export{
    display: none;
}

.col-half-offset{
    margin-left:4.166666667%
}


.checkbox-custom {
    opacity: 0;
    position: absolute;
}

#data_relocated_name{
    margin-bottom: 0;
    margin-top: 5px;
}


#switched_customer_dropdown{
    z-index: 10;
}

.checkbox-custom, .checkbox-custom-label {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer;
}

.checkbox-custom-label {
    position: relative;
}



.checkbox-custom + .checkbox-custom-label:before {
    content: '';
    background: #fff;
    border: 2px solid #ddd;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding: 2px;
    margin-right: 10px;
    text-align: center;
}

.checkbox-custom:checked + .checkbox-custom-label:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    background: #00569A;
    color: #fff;
}


.checkbox-custom:focus + .checkbox-custom-label {
    outline: 1px solid #ddd; /* focus style */
}

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    margin: 10px;
    padding: 10px;
    border: 1px solid #4f4f4f;
    min-height: 435px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

.contain{
    width: 100%;
    text-align: center;

}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 17%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}


.view-reset .header-search, .view-remind .header-search{
    display: none !important;
}

.view-featured .header-search{
    width: 100%;
    float:none;
    display: inline-block;
    margin: 10px auto;

}

.view-featured .header-search form{
    width: 15%;
    margin: 0 auto;

}

.view-featured .pull-left{
    float: none;
}

.view-login .login, .view-login .nav-stacked, .view-reset .login, .view-reset .nav-stacked, .view-remind .login, .view-remind .nav-stacked{
    display:none;
}


.view-login .header-search, .view-reset .header-search, .view-remind .header-search {
    width: 100%;
    float:none;
    display: inline-block;
    margin: 10px auto;

}

.view-login .header-search form,  .view-reset .header-search form, .view-remind .header-search form{
    width: 15%;
    margin: 0 auto;

}

.view-featured .header-search form{
    width: 15%;
    margin: 0 auto;

}


.btn-group .bootstrap-select{
    width: 150px;
}

#driver_school_form form{
    text-align: center;
}

.col-md-6{
    width: 45%;
    float: left;
    margin-bottom: 50px;

}

.col-md-6:nth-child(2), .col-md-6:nth-child(4){
    margin-left: 4%;
}

#myChart, #myChart2, #myChart3, #myChart4{
    width: 70%;
}


.hide_message_error, .hide_message_email{
    display: none;
}

tbody tr{
    text-align: center;
}

.save{
    margin: 20px 0;
    background:  rgba(0,0,0,0);
    border: 1px solid rgba(0,0,0,0);
}

.save:hover{
    color: #2E8B57;
}

tbody tr:nth-of-type(2n){

}

thead tr{
    background-color: #0088cc !important;
    color: white;
    opacity: 0.9;
}



/* Radio buttons */

.float_divs ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

.float_divs ul li{
    color: 	#555555;
    display: block;
    position: relative;
    float: left;
    width: 100%;
    height: auto;
}

.float_divs ul li.two_rows{
    /*height: 53px;*/
}
.float_divs ul li.three_rows{
   /* height: 70px;*/

}

.float_divs ul li input[type=radio]{
    position: absolute;
    visibility: hidden;
}

.float_divs ul li label{
    display: block;
    position: relative;
    font-weight: 300;
    font-size: 1.1em;
    padding: 5px 2px 5px 20px;
    margin: 5px auto;
    height: fit-content;
    /*z-index: 9;*/
    cursor: pointer;
    -webkit-transition: all 0.25s linear;
}

.float_divs ul.dropdown-menu li{
    height: auto;
}

.float_divs ul li label.switched{
    padding: 0 0 0 10px;
}

.float_divs ul li label.no-padding{
    padding: 0;
}

.float_divs ul li.three_rows label{
   /* padding-bottom: 55px;*/
}

.float_divs ul li.two_rows label{
  /*  padding-bottom: 35px;*/
}

.float_divs ul li:hover label{
    /*color: #FFFFFF; */
    color: 	#555555;
}

.float_divs ul li .check{
    display: block;
    position: absolute;
    border: 2px solid #555555;
    border-radius: 100%;
    height: 10px;
    width: 10px;
    top: 10px;
    left: 0px;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear;
}

.float_divs ul li:hover .check {
    border: 2px solid #00569A;
    color:	#555555;
}

table.dataTable.no-footer{
    border-bottom:1px solid rgb(221, 221, 221) !important;
    border-left:1px solid rgb(221, 221, 221) !important;
}

th::after{
    opacity: 0 !important;
}

.float_divs ul li .check::before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 15px;
    width: 15px;
    top: -2px;
    left: -2px;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
}

input{
    outline: none;
}

input[type=radio]:checked ~ .check {
    border: 2px solid #00569A;
}

input[type=radio]:checked ~ .check::before{
    background: #00569A;
}

input[type=radio]:checked ~ label{
    color: #00569A;
}

.view-featured #system-message-container, .view-login #system-message-container{
    clear: both;
    margin-top: 45px;
}

label.has_error2{
    color: #E44424;
}