@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
.ck-editor__editable,
textarea {
    min-height: 150px;
}

.datatable {
    width: 100% !important;
}

.dataTables_length,
.dataTables_filter,
.dt-buttons {
    margin-bottom: 0.333em;
    margin-top: .2rem;
}

.dataTables_filter {
    margin-right: .2rem;
}

.dt-buttons .btn {
    margin-left: 0.333em;
    border-radius: 0;
}

.table.datatable {
    box-sizing: border-box;
    border-collapse: collapse;
}

table.dataTable thead th {
    border-bottom: 2px solid #c8ced3;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #c8ced3;
}

.select2 {
    max-width: 100%;
    width: 100% !important;
}

.select2-selection__rendered {
    padding-bottom: 5px !important;
}

.has-error .invalid-feedback {
    display: block !important;
}

.btn-info,
.badge-info {
    color: white;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
    background-image: none;
}

.sidebar .nav-item {
    cursor: pointer;
}

.btn-default {
    color: #23282c;
    background-color: #f0f3f5;
    border-color: #f0f3f5;
}

.btn-default.focus,
.btn-default:focus {
    box-shadow: 0 0 0 .2rem rgba(209, 213, 215, .5);
}

.btn-default:hover {
    color: #23282c;
    background-color: #d9e1e6;
    border-color: #d1dbe1;
}

.btn-group-xs > .btn,
.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.searchable-title {
    font-weight: bold;
}
.searchable-fields {
    padding-left:5px;
}
.searchable-link {
    padding:0 5px 0 5px;
}
.searchable-link:hover   {
    cursor: pointer;
    background: #eaeaea;
}
.select2-results__option {
    padding-left: 0px;
    padding-right: 0px;
}

/**/
.login-page .card {
    background: #fff; /*000*/
    padding: 1rem 1.5rem!important; /*2rem 1.5rem*/
} 
.login-page .card h1 {
    text-align: center;
    color: #20a8d8;
    margin-bottom: 6px;
    font-family: 'Roboto', sans-serif;
        font-size: 28px;
}
.login-page .card .text-muted {
    text-align: center;    
    color: #20a8d8!important;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 24px; /*2.1875rem*/
    font-family: 'Roboto', sans-serif;
        margin-bottom: 8px;
}
.login-page .form-check-label {
    color: #333; /*#fff*/
}
.login-page .form-check-input {
    margin-top: 0.45rem;
}
.login-page .card-body {
    padding: 0;
}
.login-page .form-control {
    padding: 1.3rem .75rem;
}
.login-page .input-group-text {
    background-color: #0f8eba;
    border: 1px solid #0f8eba;
    font-size: 1.1rem;
    color: #fff;
}
.login-page .btn-primary {
    color: #fff;
    background-color: #0f8eba;
    border-color: #0f8eba;
}
.login-page {
    background: #f3ebff; /*#eee*/
} 
.login-page .input_pad {
    padding: 0px 50px;
}    
header.app-header {
    background: #fff; /*#2f353a*/
}
header.app-header .navbar-brand-full {
        color: #0f8eba; /*#fff*/
}
table.dataTable thead .sorting:after, table.dataTable thead .sorting:before {
     opacity: 1;
}
.dataTables_scroll thead {
    background: #0376c7;
    color: #fff;
}
.card-header {
    background-color: #0f8eba; /*#333*/
    border-bottom: 1px solid #0f8eba; /* #333333*/
    margin-bottom: 20px;
    font-size: 15px;
    text-transform: uppercase;
    color: #fff;
}
table.dataTable tbody td.select-checkbox:before, table.dataTable tbody td.select-checkbox:after, table.dataTable tbody th.select-checkbox:before, table.dataTable tbody th.select-checkbox:after {
    top: 1.5em; /*2em*/
}
.card h3 {
    margin-bottom: 10px;
}
div.dataTables_wrapper div.dataTables_paginate {
      margin-top: 5px;
}
div.dataTables_wrapper div.dataTables_paginate .pagination>li.active>a {
    background: #0376c7;
    color: #fff;
}
.badge {
    padding: .45em .6em;
}
.badge-info {
    background-color: #1590e7;
}
.badge-success {
    background-color: #1da34b;
}
.badge-danger {
    background-color: #ff3331;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td.d-flex {
    margin-top: 0px!important;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td.d-flex .btn { 
      line-height: 1.5;  
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td.d-flex a.btn-info:hover, 
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td.d-flex a.btn-info:focus{
    color: #fff!important;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td.d-flex .btn-outline-danger{
    background: #ff3331!important;
    color: #fff!important; 
}
.btn-sm.btn-info {
     background: #0376c7!important;
     color: #fff!important;
}  
.card-body .form-group .col-form-label {
    padding-top: 0;
} 
.card-body .box.boundarytransfer  {
     border-top: 3px solid transparent;
}
tbody#audits tr:nth-child(odd) {
    background: #dbf0ff;
}
tbody#audits tr:nth-child(even) {
    background: #c2e4fb;
}
tbody#audits tr .table tr {
    background: #fff!important;
}
.btn-info:hover, .btn-info:focus {
    color: #fff;
} 
.import_excl {
        padding: 15px 0 0;
    background: #e4e5e6;
}
.plus_btn i {
    padding-right: 5px;
} 
.table .thead-dark th {
        background-color: #0f8eba;
    border-color: #0f8eba;
}
.login_pic img {
    width: 100%;
}