@media(min-width:768px) {
    #wrapper {padding-left: 250px; }
    #wrapper.toggled {padding-left: 0; }
    #sidebar-wrapper {width: 250px; }
    #wrapper.toggled #sidebar-wrapper {width: 0; }
    #page-content-wrapper {padding: 20px;}
    #wrapper.toggled #page-content-wrapper {margin-right: 0; }
    .leaveapp .select .col-sm-6{width: 230px;}
    .leaveapp table.filtertbl{width: 90%;}
}
@media(max-width:767px) {
    #wrapper.toggled #page-content-wrapper {width: 100%; position: absolute; }
    .toggled .top{width: 1000%; position: relative;}
    .overflow table{width: 160%;}
    .leaveapp .select .col-sm-6{display: inline-block; }
    .leave .row .col-sm-4{width: 48%; display: inline-block;}
    .leave .row .input-group{width: 100%;}
    .leaveapp table.filtertbl{width: 90%;}
}
@media(max-width:520px) {
    .profile ._half div{width: 100%;}
}
@media(max-width:476px) {
    .overtime .slct-lg,.overtime .slct-md{width: 100% !important;}
}
@media(max-width:466px) {
    .leave .row .col-sm-4{width: 170px; padding-left: 10px; padding-right: 10px; display: inline-block;}
    .leaveapp .select .col-sm-6{width: 230px; }
    .leaveapp .select .col-sm-6:first-child{padding-bottom: 10px; }
    .leaveapp .select .col-sm-6 span{width: 55px; display: inline-block; }
}
@media(max-width:432px) {
    #login-wrap .content{width: 90%; margin-left: 0; left: 5%; }
    #login-wrap .content img{width: 100%; }   
    .leaveapp table.filtertbl{width: 100%; }   
}
@media(max-width:420px) {
    .leaveapp .slct-lg,.leaveapp .slct-sm,.leaveapp textarea {width: 115px !important;}
    .leaveapp .nextline{display: block;width: 160px; text-align: center}
    .leaveapp .credits{display: block; padding-top: 3px;}
    .payslip ul li.btns{width: 100% !important; text-align: left; padding-left: 42px; padding-top: 10px;}
}
@media(max-width:374px) {
    .leave .row .col-sm-4{text-align: center; margin: auto; display: block; }
    .payslip ul li.btns{width: 100% !important; text-align: left; padding-left: 42px; padding-top: 10px;}
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        text-align: left !important;
    }
}
@media (max-width: 768px) {
    .form-horizontal .input2, .form-inline .input2 {
        margin-top: 5px !important;
    }
}

@media (max-width: 1200px) {
    .form-horizontal .input2, .form-inline .input2 {
        margin-top: 5px !important;
    }
}
.dt th, .dt td { white-space: nowrap; }
.checkbox label, .radio label { padding-left: 0 !important; }