@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700");

body {
    font-weight: 400;
    font-size: 16px;
    font-family: "Open Sans", sans-serif;
    color: #2B3A45;
    background-color: #FFFFFF;
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bold;
    margin-top: 1em;
}

.lighter-bg {
    background-color: #F6F7F8 !important;
    color: #141719 !important;
}

.blue-bg {
    background-color: #30b9e6 !important;
    color: #FFFFFF !important;
}

.green-bg {
    background-color: #68b868 !important;
    color: #FFFFFF !important;
}

.yellow-bg {
    background-color: #FFE33E !important;
    color: #141719 !important;
}

.red-bg {
    background-color: #D02643 !important;
    color: #FFFFFF !important;
}

.darkgray-bg {
    background-color: #1D252C !important;
    color: #FFFFFF !important;
}

.gray-bg {
    background-color: #5B6670 !important;
    color: #FFFFFF !important;
}

.bls-text {
    color: #2B3A45 !important;
    font-weight: bold;
}

.bls-bg {
    color: #FFFFFF;
    background-color: #2B3A45 !important;
}

.bls-btn {
    padding: 1.2em 0;
    font-size: 0.7rem;
    background-color: #2B3A45;
    color: #fff !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    width: 100% !important;
    border-radius: 0.25rem !important;
    word-wrap: break-word;
    white-space: normal;
    border: 0;
    vertical-align: middle;
    line-height: 1.5;
}

.fa-bars {
    font-size: 1.1em;
    margin-top: 0.2em;
}

.bls-index-info-container {
    min-height: 18em;
    padding: 1em;
}

.bls-index-info h1, .bls-index-info i {
    font-size: 2.6em;
}

.table tbody {
    font-weight: inherit !important;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
    background-color: #EFF0F1 !important;
}

.pagination {
    padding-left: 0;
    margin: 20px 0;
    border-radius: 20px;
    font-size: 0.9rem;
    margin-top: 2em;
    margin-bottom: 4em;
    float: right;
}

.pagination a {
    color: #000000;
    text-decoration: none;
    background-color: #EFF0F1;
    padding: 0.7em 1em;
}

.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus {
    background-color: #2B3A45;
    color: #FFFFFF;
    border-radius: 0.125rem;
    -webkit-box-shadow: 0;
    box-shadow: 0;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    padding: 0.7em 1em;
}

.list-group-item {
    padding-left: 0;
    padding-right: 0;
    border: 0;
}

.list-group-item:first-child {
   border-bottom: 1px solid rgba(0,0,0,.125);
}

.modal .list-group-item {
    border: 1px solid rgba(0,0,0,.125);
}

.list-group-item:hover {
    background-color: transparent !important;
}

.modal-list .list-group-item:first-child:hover {
    background-color: #000000 !important;
}

tr div {
    max-height: 100%;
}

.modal .list-group, .modal .modal-content {
    border-radius: 0;
}

/*.table > :not(caption) > * > * {
    padding: 0.8rem 1rem !important;
}*/

#dt_wrapper {
    margin-top: 0.5em;
}

.dataTables_length, .dataTables_filter, .dataTables_info, .dataTables_paginate {
    font-size: 0.95em;
}

.dataTables_length, .dataTables_filter {
    display: inline;
    margin-bottom: 1em;
}

.dataTables_length select {
    border-radius: 0.25rem;
    padding: 0.2em 0em;
    border: 1px solid #ced4da;
}

.dataTables_filter {
    float: right;
}

.dataTables_filter input {
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    margin-left: 0.5em;
}

.dataTables_info {
    margin-top: 0.5em;
}

.dataTables_paginate {
    float: right;
    margin-bottom: 2em;
}

.dataTables_paginate a, .dataTables_paginate a:hover, .dataTables_paginate a:active, .dataTables_paginate a:visited {
    color: #000;
    margin: 0 0.5em;
    cursor: pointer;
}

.paginate_button.current, .paginate_button.current:hover, .paginate_button.current:active, .paginate_button.current:visited {
    background-color: #1D252C;
    color: #FFF;
    padding: 0.5em 0.8em;
    border-radius: 0.25rem;
}

.orderrows {
    border: 1px solid rgba(0,0,0,.125);
    overflow: auto;
}

.orderrows .dataTables_length, .orderrows .dataTables_info {
    margin-left: 0.5em;
}

.orderrows .dataTables_filter {
    margin-right: 0.5em;
}

.bg-dark {
    background-color: #000000 !important;
}

.datepicker-toggle-button {
    color: #000000 !important;
}

.datepicker-header, .datepicker-cell.selected .datepicker-cell-content {
    background-color: #2B3A45;
}

.datepicker-footer-btn {
    color: #2B3A45;
}

.buttons-html5 {
    background-color: #2B3A45 !important;
    color: #FFF !important;
    margin-right: 1em !important;
    margin-bottom: 1em !important;
    border: 0; 
    padding: 0.5em 1em;
}

#bls-con {
    position: relative;
    min-height: 100vh;
}

#bls-wrap {
    padding-bottom: 4rem;
}

footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 4em;
}

.validation-summary-errors {
    background-color: rgb(250, 228, 232);
    border-radius: 0.4em;
    padding: 0.5em;
    margin-bottom: 1em;
}

.validation-summary-errors ul {
    list-style: none;
    padding-left: 0;
    font-weight: bold;
    margin-bottom: 0;
}

@media (min-width: 1400px) {
    .container-xxl {
        max-width: 1720px !important;
    }
}

#loadingBody #loaderIcon {
    display: none;
}

#loadingBody.loading #loaderIcon {
    display: block;
}