/* here you can put your own css to customize and override the theme */
@import url("custom/_button.css?v=1");
@import url("custom/_form.css?v=1");
@import url("custom/_list.css?v=1");
@import url("custom/_modal.css?v=1");
@import url("custom/_typography.css?v=1");
@import url("custom/_table.css?v=2");
@import url("custom/_utility.css?v=1");

/*@media (min-width: 992px) {
    .page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .page-logo {
        padding: 0;
        width: 215px;
        height: 50px;
        padding-left: 20px;
        padding-right: 20px;
    }
}*/
/*width: 235px !important;*/
/*float: left;*/
/*display: block;*/


.page-content {
    /*background-color: #f3f3f4 !important;*/
    background-color: #e7e7ec !important;
}


.page-title {
    background-color: #fff !important;
    margin: -25px -20px 0px -20px !important;
    padding: 20px 20px !important;
    border-bottom: 1px solid #e7e7e7;
}


.page-sidebar .page-sidebar-menu > li.active > a > .selected, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .selected {
    border-right: 12px solid #f3f3f4 !important;
}





.portlet.light {
    overflow: hidden;
}

    .portlet.light.portlet-fit.portlet-form > .portlet-body {
        padding-bottom: 20px;
        overflow: hidden;
    }

    .portlet.light > .portlet-title > .caption {
        color: inherit;
    }

.portlet > .portlet-title > .caption > i {
    /*color: inherit !important;*/
    margin-right: 10px;
}
/*.control-label {
    color: #555 !important;
}*/
.control-label .required, .form-group .required {
    color: #333;
    font-size: 14px;
}

.required:after {
    content: " *";
    color: #f00;
}

.input-group-addon {
    background-color: #f0f0f0;
}

    .input-group-addon > i {
        color: #888;
    }


.portlet.light > .portlet-title {
    /*min-height: 40px;*/
}

.portlet-title > h4 {
    /*color: #e7505a !important;*/
    color: #4DB3A2 !important;
    font-weight: 600;
}

.li-btn {
    width: 24px;
}

.img-upload-thubnail {
    background-color: #f0f0f0;
    width: 100%;
    height: 100%;
    color: #bbb;
}

.chosen {
}

.control-label {
    /*font-weight: 600 !important;
    font-size: 14px;*/
}


.select2-rendered__match {
    text-decoration: underline !important;
    font-weight: bold !important;
    color: #e7505a;
}

.select2-results__option--highlighted > span > span.select2-rendered__match {
    color: #ffffff;
}

.selectize-dropdown [data-selectable] .highlight {
    background: transparent !important;
    color: #e7505a;
    font-weight: bold !important;
}



.error.field-validation-error {
    color: #ed6b75;
}




.table-details > tbody > tr > td:first-child {
    font-weight: bolder;
    text-align: right;
}

.table-details > tbody > tr > td {
    border-top: none;
}

.table-details {
    margin-bottom: 0;
}

.service-record-status > tbody > tr > td > small {
    color: #aaa;
    margin-left: 5px;
}

.emp-leave-detail > tbody > tr > td > small {
    color: #aaa;
    margin-left: 5px;
}

.service-record > tbody > tr > td > small {
    color: #aaa;
    margin-left: 5px;
}

.it-calculation > tbody > tr > td > small {
    color: #aaa;
    margin-left: 5px;
}

.it-calculation > tbody > tr > td:last-child, .it-calculation > tbody > tr > td:nth-last-child(2), .it-calculation > tbody > tr > td:nth-last-child(3) {
    text-align: right;
}

.login .content .form-control {
    background-color: #FFF !important;
}

.input-icon > .form-control {
    padding-left: 36px !important;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > .username {
    font-weight: 400;
}

.control-label {
    font-weight: 600;
}

.help-block {
    color: #bbb;
    margin-top: 0px;
    margin-bottom: 0px;
}

/*Preloader image*/
/*.loading-message.loading-message-boxed {
    background-color: #fff;
}*/

.loading-message {
    padding: 12px 24px;
    font-size: 15px;
    color: #e7505a !important;
    letter-spacing: 1px;
    font-weight: 400;
}


/*Scrolling Datatable*/
table.dataTable {
    margin-top: 0px !important;
    border-collapse: collapse !important;
}

.table > tfoot > tr > td, .table > tfoot > tr > th {
    padding: 4px 4px;
    font-weight: 600;
}


/*Select2 Width*/
/*.select2-selection {
    width: 100%;
}*/

/*.form-control.select2-hidden-accessible {
    width: 100% !important;
}

select.select2 {
    width: 100% !important;
}*/


/*Custom Login Table ---------------------------------------------------*/
/*#loginTab > li.active > a, #loginTab > li.active > a:focus, #loginTab > li.active > a:hover {
    background-color: #46474f;
    color: white;
    border: none;
    border-bottom-color: transparent;
}


li > a:focus, li > a:hover {
    background-color: #ff0;
    color: white;
    border: none;
    border-bottom-color: transparent;
}*/

#loginTab.nav-tabs {
    border-bottom: 0px solid #ddd;
}

    #loginTab.nav-tabs > li {
        float: left;
        margin-bottom: -1px;
    }

        #loginTab.nav-tabs > li > a {
            margin-right: 2px;
            line-height: 1.42857;
            border: 0px solid transparent;
            border-radius: 4px 4px 0 0;
            color: #ddd;
        }

            #loginTab.nav-tabs > li > a:hover {
                border-color: #46474f !important;
                background-color: #46474f;
            }

        #loginTab.nav-tabs > li.active > a, #loginTab.nav-tabs > li.active > a:hover, #loginTab.nav-tabs > li.active > a:focus {
            color: #32c5d2;
            background-color: #46474f;
            border: 0px solid #ddd;
            border-bottom-color: transparent;
            cursor: default;
        }
/*Custom Login Table End */


/*DataTable Copy Button -----------------------------------------------*/
.portlet.light .dataTables_wrapper .dt-buttons {
    margin-top: -1px;
}

.dataTables_wrapper .dt-buttons {
    float: left;
}

button.dt-button, div.dt-button, a.dt-button {
    border: 1px solid #cdcdcd;
}

    button.dt-button:hover, div.dt-button:hover, a.dt-button:hover {
        border: 1px solid #cdcdcd;
    }
/*END DataTable Copy Button */

.text-employeeCode-danger {
    font-family: 'Consolas', 'Courier';
    font-weight: bolder;
    color: #e7505a;
    letter-spacing: 1px;
}

.text-employeeCode-info {
    font-family: 'Consolas', 'Courier';
    font-weight: bolder;
    color: #3598dc;
    letter-spacing: 1px;
}

.text-employeeCode-default {
    font-family: 'Consolas', 'Courier';
    font-weight: bolder;
    /*color: #3598dc;*/
    letter-spacing: 1px;
}

.text-code-danger {
    font-family: 'Consolas', 'Courier';
    font-weight: bolder;
    color: #e7505a;
    letter-spacing: 1px;
}

.text-code-success {
    font-family: 'Consolas', 'Courier';
    font-weight: bolder;
    color: #4cad4c;
    letter-spacing: 1px;
}

.text-code-primary {
    font-family: 'Consolas', 'Courier';
    font-weight: bolder;
    color: #337ab7;
    letter-spacing: 1px;
}

.text-code {
    font-family: 'Consolas', 'Courier';
    /*font-weight: bolder;*/
    letter-spacing: 1px;
}

.text-code-default {
    font-family: 'Consolas', 'Courier';
    /*font-weight: bolder;*/
    letter-spacing: 1px;
}



/*Alert Box Chage Color ----------------------------------------------------------*/
.alert-success {
    background-color: rgba(38, 194, 129, 0.17);
    border-color: rgba(35, 156, 106, 0.22);
    color: #239c6a;
}
/*End ----------------------------------------------------------*/

.text-success {
    color: #5cb85c;
}


.text-light-grey {
    color: #aaa;
}


.table-scrollable {
    margin: 0 !important;
    border: 1px solid #e8e8e8;
}

    .table-scrollable > .table {
        /*border: 1px solid #e8e8e8;*/
    }


.tblEmployeeProfile > tbody > tr > td, th {
    border-top: none !important;
}

.tblEmployeeProfile > tbody > tr > th {
    width: 1px;
    padding-right: 20px;
    color: #777;
    font-weight: normal;
}

.tblEmployeeProfile > tbody > tr > td {
    font-weight: 600;
}



/*File Upload Process Bar -------------------------------------*/
.progress {
    position: relative;
    width: 100%;
    border: 1px solid #ddd;
    padding: 1px;
}

.progress-bar {
    width: 0px;
    height: 20px;
    background-color: #57be65;
}
/*End of File Upload Process Bar -------------------------------------*/


/*Salary Detail DataList Margin Top ----------------------------------*/
.dl-padding-top-8 dt, .dl-padding-top-8 dd {
    padding-top: 8px;
}
/*END Salary Detail DataList Margin Top ----------------------------------*/


/*Portlet Title Action Button Height Reducing ----------------------------*/
.portlet > .portlet-title > .actions > .btn, .portlet > .portlet-title > .actions > .btn-group > .btn, .portlet > .portlet-title > .actions > .btn-group > .btn.btn-sm, .portlet > .portlet-title > .actions > .btn.btn-sm {
    padding: 3px 10px;
}

.btn-portlet-title {
    padding: 3px 10px;
    font-size: 13px;
}
/*END Portlet Title Action Button Height Reducing ----------------------------*/


/*Rounded Buttons ----------------------------------------------------*/
.btn-rounded {
    border-radius: 4px !important;
}

.btn-group-sm > .btn, .btn-sm {
    padding: 3px 10px;
    font-size: 13px;
}
/*END Rounded Buttons ----------------------------------------------------*/


/*Table Checkbox ChkAll, ChkRow ----------------------------------------------------*/
.mt-checkbox-chkAll, .mt-checkbox-chkRow {
    padding-left: 0;
    margin-left: 0 !important;
}
/*END Table Checkbox ChkAll, ChkRow ----------------------------------------------------*/


.text-primary {
    color: #337ab7 !important;
}


.select2-container--bootstrap.select2-container--disabled .select2-selection, .select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice {
    background-color: #eeeeee;
}


.nav-sidebar-icon-16 {
    font-size: 19px !important;
    margin-left: -1px !important;
}