/*--------------------------------------------------------------
# system
--------------------------------------------------------------*/
body{
    font-size:14px;
}
a {
    color: #486C8F;
    text-decoration: none;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
    background: #486C8F;
    height:60px !important;
    padding: 10px 0;
}

    #header.header-scrolled, #header.header-inner-pages {
        background: #486C8F;
    }

    #header .logo {
        font-size: 18px;
        margin-top: 0px;
        font-family: sans-serif;
    }

.navbar a, .navbar a:focus {
    font-size: 14px;
}
.btn-secondary {
    color: #212529;
    border-color: #212529;
    background: #FFF;
}
/*--------------------------------------------------------------
# breadcrumb or sub navigation
--------------------------------------------------------------*/
.breadcrumbs {
    padding: 5px 0;
    overflow: visible;
    background: rgba(0,0,0,.03);
}
    .breadcrumbs ol {
        padding: 10px 0 10px 0;
    }
        .breadcrumbs ol li + li::before {
            content: "|";
        }

.sub-breadcrumbs {
        padding: 5px 0;
        margin-top: 0px !important;
    }
/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
    overflow: visible;
}
/*--------------------------------------------------------------
# page filters
--------------------------------------------------------------*/

.e-tab .e-header > .e-active a, .e-tab .e-left > .e-active a, .e-tab .e-right > .e-active a {
    font-size: 13px;
  }
.e-tab .e-header > .e-select a, .e-tab .e-left > .e-select a, .e-tab .e-right > .e-select a {
    font-size: 13px;
}

.e-grid.e-wrap > .e-gridcontent.e-widget > .e-table > .e-rowcell.e-templatecell.e-selectionbackground.e-active a {
    background-color: red;
}
.e-grid e-selectionbackground.e-active a {
    background-color: red;
}
.e-grid td .e-active{
    color: #cecece;
}
.e-grid td.e-rowcell.e-active {
    background-color: red;
} 

.e-grid.e-wrap .e-columnheader .e-headercelldiv { /* grid headercell font styles*/
    font-weight: lighter;
    font-size: 11px;
}
.e-grid .e-gridheader .e-columnheader .e-headercelldiv { /* grid headercell font styles*/
    font-weight: lighter;
    font-size: 11px;
}

table.dataTable thead .sorting:after {
    content: "";
}
table.dataTable thead th, table.dataTable thead td, table.dataTable tfoot th, table.dataTable tfoot td {
    background-color: rgba(0,0,0,.03);
}

table.table-bordered.dataTable thead th, table.table-bordered.dataTable tbody td {
    font-size: 12px;
}


table.dataTable tbody tr.even.selected > td,
table.dataTable tbody tr.odd.selected > td {
    color: #fff !important;
    background-color: #486C8F !important;
}

table.table-bordered.dataTable.no-footer.fixedHeader-floating {
    left: unset !important;
}

table.table-bordered.dataTable.fixedHeader-floating {
    left: unset !important;
}

.dataTables_wrapper div.dt-buttons.btn-group > .btn{
    padding: 0.25rem 0.5rem;
    font-size: .7rem;
}
div.dataTables_wrapper div.dt-buttons.btn-group div.btn-group:last-child .buttons-colvis {
    font-size: .7rem;
}
div.dataTables_filter {
    margin-top:-30px;
}
.page-item.active .page-link {
    background-color: #486C8F;
    border-color: #486C8F;
}
.select2-container--default .select2-selection--single {
    height: 32px !important;
}

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 32px;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        margin-top: 3px;
    }

/*--------------------------------------------------------------
# recruiting
--------------------------------------------------------------*/


.page-box {
    background: #fff;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    padding: 12px 12px 9px 12px;
    font-size: 14px;
    border-radius: 4px;
    position: relative;
}

.page-box-data, .page-box-data-first, .page-box-data-last {
    padding: 8px 15px 3px;
    border-left: 1px solid #ddd;
    font-size: 13px;
    color: #888;
}

.page-box-data-last {
    border-right: 1px solid #ddd;
}
/*--------------------------------------------------------------
# accounting
--------------------------------------------------------------*/
.center-the-div {
    text-align: center;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.stamp-div {
    display: inline-block;
    border-radius: 20px;
    border-width: 10px;
    border-color: #ef3e42;
    border-style: solid;
    color: #ef3e42;
    text-transform: uppercase;
    margin: 300px auto;
    font-family: "source-sans-pro",sans-serif;
    color: #ef3e42;
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    padding: 0 34px;
    -ms-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
    opacity: .4;
    -webkit-filter: blur(1.3px);
    filter: blur(1.3px);
}

/*--------------------------------------------------------------
# media
--------------------------------------------------------------*/
/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
    .dataTables_wrapper div.dt-buttons.btn-group{
        display:none;
    }
    div.dataTables_filter {
        margin-top: 5px;
    }
    div.dataTables_wrapper div.dataTables_paginate {
        display:none;
    }
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
    .row {
        gap: 1rem !important;
    }
    .dataTables_wrapper div.dt-buttons.btn-group {
        display: none;
    }
    div.dataTables_filter {
        margin-top: 5px;
    }
    div.dataTables_wrapper div.dataTables_paginate {
        display: none;
    }
    .col-form-label{text-align:left !important;}
}
@media print {
    table .fixedHeader-floating {
        display: none;
    }

    a {
        display: none;
    }

    .btn {
        display: none;
    }

    .form-control {
        border: none;
        background-color: #fff;
        color: #000
    }

    textarea {
        display: none !important;
        resize: none;
    }

    .print_helper {
        display: block;
        overflow: visible;
        white-space: pre;
        white-space: pre-wrap;
    }

    .no-print {
        display: none;
    }

    h6 {
        font-size: 14px;
        font-weight: bold;
    }
}