@font-face {
    font-family: "Open Sans";
    font-weight: 300;
    src: url("../fonts/opensans-light.eot?") format("eot"),
    url("../fonts/opensans-light.woff2") format("woff2"),
    url("../fonts/opensans-light.woff") format("woff"),
    url("../fonts/opensans-light.ttf") format("truetype"),
    url("../fonts/opensans-light.svg#opensans-light") format("svg")
}

@font-face {
    font-family: "Open Sans";
    font-weight: 400;
    src: url("../fonts/opensans-regular.eot?") format("eot"),
    url("../fonts/opensans-regular.woff2") format("woff2"),
    url("../fonts/opensans-regular.woff") format("woff"),
    url("../fonts/opensans-regular.ttf") format("truetype"),
    url("../fonts/opensans-regular.svg#opensans-regular") format("svg")
}

@font-face {
    font-family: "Open Sans";
    font-weight: 600;
    src: url("../fonts/opensans-semibold.eot?") format("eot"),
    url("../fonts/opensans-semibold.woff2") format("woff2"),
    url("../fonts/opensans-semibold.woff") format("woff"),
    url("../fonts/opensans-semibold.ttf") format("truetype"),
    url("../fonts/opensans-semibold.svg#opensans-semibold") format("svg")
}

@font-face {
    font-family: "Open Sans";
    font-weight: 700;
    src: url("../fonts/opensans-bold.eot?") format("eot"),
    url("../fonts/opensans-bold.woff2") format("woff2"),
    url("../fonts/opensans-bold.woff") format("woff"),
    url("../fonts/opensans-bold.ttf") format("truetype"),
    url("../fonts/opensans-bold.svg#opensans-bold") format("svg")
}

@font-face {
    font-family: "Covered By Your Grace";
    font-weight: 400;
    src: url("../fonts/covered-by-your-grace.eot?") format("eot"),
    url("../fonts/covered-by-your-grace.woff2") format("woff2"),
    url("../fonts/covered-by-your-grace.woff") format("woff"),
    url("../fonts/covered-by-your-grace.ttf") format("truetype"),
    url("../fonts/covered-by-your-grace.svg#covered-by-your-grace") format("svg")
}

@font-face {
    font-family: "Lato";
    font-weight: 300;
    src: url("../fonts/lato-light.eot?") format("eot"),
    url("../fonts/lato-light.woff2") format("woff2"),
    url("../fonts/lato-light.woff") format("woff"),
    url("../fonts/lato-light.ttf") format("truetype"),
    url("../fonts/lato-light.svg#lato-light") format("svg")
}

@media (max-width: 767px) {
    .page-content-wrapper .page-content {
        overflow-x: scroll;
    }
}

@media (max-width: 991px) {
    .page-content-wrapper .page-content {
        overflow-x: scroll;
    }
}

@media (max-width: 991px) {
    /* `.page-content` scrolls horizontally, so it clips table dropdowns. Show them as a centered overlay instead. */
    .table .btn-group.open > .dropdown-menu {
        position: fixed;
        top: 50%;
        left: 50%;
        right: auto;
        transform: translate(-50%, -50%);
        max-width: 90vw;
        max-height: 80vh;
        overflow-y: auto;
    }

    .table .btn-group.open > .dropdown-menu:before,
    .table .btn-group.open > .dropdown-menu:after {
        display: none;
    }
}

@media (min-width: 992px) {
    .page-content-wrapper {
        min-width: 100%;
        width: auto;
    }
}

.chart {
    height: 475px;
}

.chart-toll {
    height: 550px;
}

.chart--portlet .actions > * {
    float: left;
}

/* fix */
.chart--portlet > .portlet-title > .actions .btn-icon-only {
    padding: 6px 0;
}

/* fix */
.chart--portlet.light > .portlet-title > .actions .btn-icon-only {
    width: 34px;
    height: 34px;
}

/* fix */
.chart--portlet.light > .portlet-title > .actions .input-group .btn-icon-only {
    width: 32px;
    height: 32px;
}

.chart--portlet .actions .btn-icon-only > i {
    font-size: 14px !important;
}

.chart--date-range {
    max-width: 227px;
}

.summary-table--date-range {
    max-width: 227px;
}

.dropdown-menu > li:first-child:hover > a {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

.dropdown-menu > li:last-child:hover > a {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.page-content-white .page-content .page-bar {
    margin-bottom: 20px;
}

.page-content-white .page-title {
    margin-top: 5px;
}

.fixed-table-container {
    border: none;
}

.fixed-table-container.row:not(:has(> [class*='col-'])) {
    margin-left: 0;
    margin-right: 0;
}

.bootstrap-table .table > thead > tr > th {
    vertical-align: middle;
    text-align: center;
}

.bootstrap-table .table thead {
    border-bottom: 1px solid #ddd !important;
}

.fixed-table-container .table > thead > tr > th {
    padding-left: 8px;
    padding-right: 8px;
}

.fixed-table-container .table > thead > tr.sort-fix > th {
    padding-top: 8px;
    padding-bottom: 8px;
}

.fixed-table-container thead th .th-inner {
    padding: 8px 0;
}

.fixed-table-container thead th .sortable {
    padding-right: 19px;
}

.table .btn.btn-icon-only {
    margin: 2.5px;
}

.input-group-btn {
    border: 1px solid #ccc;
    border-radius: 0 4px 4px 0;
}

.input-group-btn > .btn {
    border: none;
}

.input-group-addon > .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret {
    margin-top: 0 !important;
}

.tt-input {
    color: #555;
}

.tt-hint-sm {
    color: #999;
}

.input-mini {
    width: 85px !important;
}

.tooltip.with-link .tooltip-inner {
    max-width: 500px;
}

.tooltip.with-link .tooltip-inner a {
    color: #fff;
    white-space: nowrap;
}

.tooltip .tooltip-inner .divider {
    position: relative;
    display: block;
    margin: 4px -6px;
    width: calc(100% + 12px);
    height: 1px;
    background: #fff;
    opacity: 0.65;
}

.noUi-handle .noUi-tooltip {
    top: auto;
    left: 50%;
    padding: 5px 7.5px;
    outline: none;
}

.noUi-handle:focus {
    outline: none;
}

.autosizeme {
    resize: none;
}

.dataTables_left_search .dataTables_filter {
    float: left !important;
}

.dataTables_search_margin .dataTables_filter {
    margin: 8px 0 0;
}

.dataTables_wrapper .datatable-load-more {
    float: right;
}

table.dataTable td.sorting_1,
table.dataTable td.sorting_2,
table.dataTable td.sorting_3,
table.dataTable th.sorting_1,
table.dataTable th.sorting_2,
table.dataTable th.sorting_3 {
    background: #edf4fc !important;
}

@media (max-width: 480px) {
    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
        background-color: unset;
    }
}