:root {
    --main--border: #002E5F !important;
    --main--border-light: #C79316;
    --main-color: #002E5F !important;
    --main-color-active: #C79316 !important;
    --main-color-active-hover: rgba(213, 159, 15, 0.8);
    --main-color-hover: rgba(0, 68, 124, 0.8);
    --button-default-state: #002E5F;
    --default-font: Roboto, sans-serif !important;
    --table_row-hover-blue: #C79316;
}

/*noinspection ALL*/
*, body, html {
    font-family: var(--default-font);
    font-weight: normal;
}

body {
    background: #EBEDF2;
    justify-content: space-between;
}

/*noinspection ALL*/
table.table th,
table.table td {
    font-family: var(--default-font);
    font-weight: normal;
    font-size: 10pt;
}

table.table tr:hover th,
table.table tr:hover td {
    text-shadow: none !important;
}

table.table th {
    font-size: 0.9rem;
    font-weight: 500 !important;
    text-transform: uppercase;
}

table.table td .btn:not(:last-child) {
    margin-right: 5px !important;
}

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

table.table.table-striped tbody tr:nth-of-type(even) {
    background: #FFF !important;
}

table.table.table-striped.dataTable tbody tr.selected {
    background: var(--main-color-active) !important;
}

table.table.table-striped.dataTable tbody tr:hover {
    background: var(--main-color-active-hover) !important;
}

/*noinspection ALL*/
.btn {
    font-family: var(--default-font);
}

.btn, #reportrange {
    border-radius: 0.25rem !important;
}

.btn-pagos-relacionados {
    background-color: var(--main-color-active) !important;
    border: 1px solid var(--main-color-active) !important;
}

.btn-pagos-relacionados:hover {
    background-color: var(--main-color-active-hover) !important;
    border: 1px solid var(--main-color-active-hover) !important;
}

.dataTables_length select.form-control {
    padding: 0.375rem 1.25rem;
}

.dataTables_scrollHead {
    width: auto !important;
}

.dataTables_scrollBody {
    height: 500px !important;
    width: auto !important;
}

.daterangepicker .ranges li.active {
    background-color: var(--main-color) !important;
    border: 1px solid var(--main-color) !important;
}

.daterangepicker tbody td.active,
.daterangepicker tbody td.in-range.active {
    background-color: var(--main-color);
}

.daterangepicker tbody td.active:hover,
.daterangepicker tbody td.in-range.active:hover {
    background-color: var(--main-color-hover);
}

.daterangepicker tbody td.today,
.daterangepicker tbody td.today.in-range {
    background-color: var(--main-color-active);
}

.freshwidget-theme {
    background: var(--main-color-active) !important;
    border: 1px solid var(--main-color-active) !important;
}

/*noinspection ALL*/
.form-control {
    background-color: #ECEFF1 !important;
    border: 1px solid #ECEFF1 !important;
    box-shadow: none !important;
    font-family: var(--default-font) !important;
    height: 32px !important;
}

.form-control:focus {
    border: 1px solid var(--main-color) !important;
}

.m-content {
    margin: auto;
    max-width: 1766px;
    padding: 18px 0 !important;
}

.m-header__top,
.m-stack__item.m-brand {
    background-color: #FFF !important;
}

.m-header__bottom {
    background-color: var(--main-color) !important;
}

.m-header-menu .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__link > .m-menu__item-here, .m-header-menu .m-menu__nav > .m-menu__item.m-menu__item--expanded > .m-menu__link > .m-menu__item-here {
    color: var(--main-color);
}

.m-nav > .m-nav__item.m-nav__item--active > .m-nav__heading .m-nav__link-icon, .m-nav > .m-nav__item.m-nav__item--active > .m-nav__heading .m-nav__link-text, .m-nav > .m-nav__item.m-nav__item--active > .m-nav__link .m-nav__link-icon, .m-nav > .m-nav__item.m-nav__item--active > .m-nav__link .m-nav__link-text, .m-nav > .m-nav__item:hover > .m-nav__heading .m-nav__link-icon, .m-nav > .m-nav__item:hover > .m-nav__heading .m-nav__link-text, .m-nav > .m-nav__item:hover > .m-nav__link .m-nav__link-icon, .m-nav > .m-nav__item:hover > .m-nav__link .m-nav__link-text {
    color: var(--main-color);
}

.m-portlet {
    box-shadow: none !important;
}

.m-topbar__username,
.m-topbar__welcome,
.m-card-user__details .m-card-user__name,
.m-card-user__details .m-card-user__email {
    color: #212121 !important;
}

.ui-accordion > .ui-widget-content {
    border: 1px solid var(--main-color) !important;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 0.25rem !important;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 0.25rem !important;
}

@media (min-width: 993px) {
    .m-header-menu.m-header-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-text {
        color: #BDBDBD;
    }
}

.t-resultado_validacion td {
    font-size: 15pt !important;
}

.dashboard-tabla-resumen-estatus tbody tr td {
    font-size: 15pt !important;
}

.tema-ingresos {
    color: #0091BD !important;
}

.tema-pagos {
    color: #A92549 !important;
}

.tema-devoluciones {
    color: #D37F28 !important;
}

.m-widget14__chart .m-widget14__stat {
    color: black;
}

.m-login__btn {
    background: var(--main-color);
    border-color: var(--main--border);
    box-shadow: none;
}

.m-login__btn:hover {
    background: var(--main-color-hover);
    border-color: var(--main--border);
}

.subtabla th,
.subtabla:hover th {
    background: darkgray;
    color: black;
}

.subtabla tbody tr td {
    /*background: #d0d0d0;*/
    color: black;
    border-bottom: 1px solid darkgray !important;
}


.badge {
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 20px;
    min-height: 20px;
    min-width: 70px;
    padding: 0 0.5rem;
    font-family: Tahoma, 'Roboto', 'sans-serif', 'inherit';
    background: rgba(255, 255, 255, 0.8);
}

.badge i {
    font-size: 9pt;
    margin-right: 8px;
    text-shadow: 2px 1px #a9a9a9;
}

.ss-danger i {
    color: #DC5555;
}

.ss-success i {
    color: #35AF84;
}

.ss-status-servicio.ss-danger {
    border: 1px solid #DC5555;
}

.ss-status-servicio.ss-success {
    border: 1px solid #35AF84;
}

@media (max-width: 992px) {
    .m-footer {
        min-height: auto !important;
    }
}