.custom-control-input:checked ~ .custom-control-label::before {
    border-color: var(--primary-color) !important;
    background-color: var(--primary-color) !important;
}

.page-item.disabled .page-link {
    background-color: transparent;
}

.page-item.active > .page-link {
    background-color: var(--primary-color);
}

.nav-link.d-inline-flex.active {
    color: #FFFFFF !important;
    background-color: var(--primary-color);
}

.nav-link.d-inline-flex {
    color: #000000;
    transition: color, background-color 0.4s;
}

.nav-link.d-inline-flex:hover {
    color: var(--primary-color);
}

.nav-link.d-inline-flex:active {
    background-color: var(--primary-color);
}

.nav-link.d-inline-flex:after {
    display: none;
}

.page-link {
    background-color: transparent;
    color: #000;
    border: 0;
    transition: background-color 0.35s;
}

.page-link:focus {
    background-color: var(--gray-light);
    border-color: initial;
    box-shadow: unset;
    outline: 0 none;
}

.page-link:hover {
    background-color: var(--gray-light);
}

.page-item:hover a {
    text-decoration: none;
    color: #000;
}

.text-dark {
    color: var(--black) !important;
}

.text-light {
    color: var(--white) !important;
}

.content-wrapper {
    background-color: transparent !important;
}

.card {
    padding: 0.5rem !important;
    border-radius: 0;
    border: none;
}

.alert {
    display: flex;
    justify-content: start;
    flex-direction: row;
    color: var(--black);
    border: none;
}

.alert::before {
    font-family: "Font Awesome 5 Free";
    display: inline;
    padding-right: .5rem;
    vertical-align: middle;
    font-weight: 900;
}

.alert-danger {
    background-color: var(--danger);
}

.alert-warning {
    background-color: var(--warning);
}

.alert-success {
    background-color: var(--success);
}

.alert-info {
    background-color: var(--info);
}

.alert + .alert {
    margin-top: .75rem;
}

.alert-warning::before {
    margin: auto 0 ;
    content: "\f071";
}

.alert-danger::before {
    margin: auto 0 ;
    content: "\f057";
}

.alert-success::before {
    margin: auto 0 ;
    content: "\f058";
}

.alert-info::before {
    margin: auto 0 ;
    content: "\f06a";
}

.flash {
    font-size: 1.1rem;
    visibility: hidden;
    margin: 0;
    position: fixed;
    left: 1rem;
    z-index: 1111;
}

.flash .card {
    padding: 1.25rem !important;
}

.flash.open {
    visibility: visible;
    bottom: calc(1rem + 70px);
}

.border-top {
    border-top: 1px solid #000 !important;
}

.btn, .card-float {
    text-transform: uppercase;
    border-radius: 0;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12), 0 3px 5px rgba(0, 0, 0, 0.24);
    transition: top 0.5s, bottom 0.5s, box-shadow 0.8s cubic-bezier(.25, .8, .25, 1);
    top: 0;
    bottom: 0;
}

.btn:not([disabled]):not(.disabled):hover, .card-float:not([disabled]):hover {
    box-shadow: 0 10px 20px rgba(0,0,0,0.25), 0 7px 7px rgba(0,0,0,0.22);
    top: -2px;
}

.btn:not([disabled]):not(.disabled):active, .card-float:not([disabled]):active {
    box-shadow: 0 1px 1px rgba(0,0,0,0.25), 0 1px 1px rgba(0,0,0,0.22);
    top: 2px;
}

.modal-content.bg-warning {
    color: black;
}

.modal-content.bg-warning .modal-image {
    border-color: #000;
}

.datetimepicker td, .datetimepicker th {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.datetimepicker thead tr:first-child th:hover, .datetimepicker tfoot th:hover {
    background: #888;
}

.custom-control-input:disabled~.custom-control-label {
    color: #ababab;;
}

nav .nav-link {
    display: inline-block;
}