.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
    background-color: #78A7D3;
    color: whitesmoke;
}

.table-header {
    background-color: #5b9279;
}

div.dataTables_wrapper div.dataTables_filter label {
    font-weight: 500 !important;
    font-size: 1.15rem !important;
    color: #7E8299 !important;
}

.min-w-265px {
    min-width: 240px !important;
}

.min-w-240px {
    min-width: 265px !important;
}

.min-w-205px {
    min-width: 205px !important;
}

.min-w-190px {
    min-width: 190px !important;
}

.min-w-155px {
    min-width: 155px !important;
}

.custom-select {
    background: #fff;
}

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    padding-top: 1.2em;
}

.card-border-gray {
    border-color: #6C757D
}

.symbol-border-gray {
    border: 1px solid #6C757D;
}

.dataTables_scrollBody::-webkit-scrollbar {
    width: 1rem;
    height: 1rem;
}

table.dataTable tbody tr.stripe1 {
    background-color: #FFFFFF;
}

table.dataTable tbody tr.stripe2 {
    background-color: #D9E0FA;
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 992px) {
    .bootstrap-select .btn,
    .selectpicker,
    .bootstrap-select .dropdown-toggle {
        font-size: 25px !important;
        line-height: 1.25;
        padding: 0.45rem 1.25rem 0.45rem 0.75rem;
        min-height: calc(2em + 0.9rem);
        display: flex;
        align-items: center;
        -webkit-text-size-adjust: none;
        text-size-adjust: none;
    }

    .bootstrap-select .btn .filter-option,
    .bootstrap-select .btn .filter-option-inner,
    .bootstrap-select .btn .filter-option-inner-inner {
        font-size: 25px !important;
        line-height: inherit;
    }

    .selectpicker,
    select.selectpicker {
        font-size: 25px !important;
    }

    .bootstrap-select .btn:focus,
    .bootstrap-select .btn:active,
    .selectpicker:focus,
    select.selectpicker:focus {
        font-size: 25px !important;
        -webkit-text-size-adjust: none;
    }

    .bootstrap-select .dropdown-menu li a {
        font-size: 25px !important;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    .bootstrap-select .dropdown-menu li a {
        font-size: 25px !important;
        padding-top: 0.65rem;
        padding-bottom: 0.65rem;
    }

    .bootstrap-select .bs-searchbox input {
        font-size: 25px !important;
    }

    .bootstrap-select input {
        font-size: 25px !important;
    }

    .bootstrap-select .dropdown-menu input,
    .bootstrap-select .dropdown-menu li a {
        font-size: 25px !important;
    }

    .bootstrap-select select,
    .bootstrap-select button,
    .bootstrap-select input,
    .bootstrap-select .bs-searchbox input {
        font-size: 25px !important;
    }
}

@media (max-width: 992px) {
    .font-mobile-large {
        font-size: 2.5rem !important;
    }
}

@media (min-width: 992px) {
    .font-mobile-medium {
        font-size: 1.2rem !important;
    }
}

@media (max-width: 992px) {
    .font-mobile-medium {
        font-size: 2.0rem !important;
    }
}

@media (min-width: 992px) {
    .font-mobile-large {
        font-size: 1.5rem !important;
    }
}

.main-icon {
    font-size: 3rem;
    line-height: 1;
}

@media (max-width: 992px) {
    .main-icon {
        font-size: 5rem;
    }
}

.responsive-icon {
    font-size: 2em;
}

@media (max-width: 992px) {
    .responsive-icon {
        font-size: 3em;
    }
}

@media (min-width: 992px) {
    #loadsContainer.loads-container {
        max-height: 65vh;
        overflow: auto;
    }
}

@media (max-width: 992px) {
    #loadsContainer.loads-container {
        max-height: none;
        overflow: visible;
    }
}