/* ******************************************************* */
/* Automera Brand Theme                                     */
/* Must be loaded after adminlte.min.css and plugin styles. */

:root {
    --automera-red: #E2201A;
    --automera-red-dark: #C01B16;
    --automera-red-darker: #A91712;
    --automera-red-rgb: 226, 32, 26;
    --automera-charcoal: #373643;
    --automera-charcoal-dark: #2A2933;
    --automera-charcoal-light: #4A4957;
    --automera-charcoal-rgb: 55, 54, 67;
}

/* ******************************************************* */
/* Links */

a {
    color: var(--automera-red);
}

a:hover {
    color: var(--automera-red-darker);
}

/* ******************************************************* */
/* Primary utilities */

.bg-primary,
.badge-primary {
    background-color: var(--automera-red) !important;
    color: #fff !important;
}

.text-primary {
    color: var(--automera-red) !important;
}

.border-primary {
    border-color: var(--automera-red) !important;
}

.progress-bar {
    background-color: var(--automera-red);
}

/* ******************************************************* */
/* Buttons */

.btn-primary {
    background-color: var(--automera-red);
    border-color: var(--automera-red);
    color: #fff;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus {
    background-color: var(--automera-red-dark);
    border-color: var(--automera-red-darker);
    color: #fff;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    background-color: var(--automera-red-darker);
    border-color: var(--automera-red-darker);
    color: #fff;
}

.btn-primary:focus,
.btn-primary.focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 0.2rem rgba(var(--automera-red-rgb), 0.35);
}

.btn-primary.disabled,
.btn-primary:disabled {
    background-color: var(--automera-red);
    border-color: var(--automera-red);
}

.btn-outline-primary {
    color: var(--automera-red);
    border-color: var(--automera-red);
}

.btn-outline-primary:hover,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active {
    background-color: var(--automera-red);
    border-color: var(--automera-red);
    color: #fff;
}

.btn-secondary {
    background-color: var(--automera-charcoal);
    border-color: var(--automera-charcoal);
    color: #fff;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary.focus {
    background-color: var(--automera-charcoal-light);
    border-color: var(--automera-charcoal-light);
    color: #fff;
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
    background-color: var(--automera-charcoal-dark);
    border-color: var(--automera-charcoal-dark);
    color: #fff;
}

.btn-secondary:focus,
.btn-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(var(--automera-charcoal-rgb), 0.35);
}

/* ******************************************************* */
/* Cards */

.card-primary:not(.card-outline) > .card-header {
    background-color: var(--automera-red);
    color: #fff;
}

.card-primary.card-outline {
    border-top: 3px solid var(--automera-red);
}

.card-secondary:not(.card-outline) > .card-header {
    background-color: var(--automera-charcoal);
    color: #fff;
}

/* ******************************************************* */
/* Forms */

.form-control:focus,
.custom-select:focus {
    border-color: rgba(var(--automera-red-rgb), 0.6);
    box-shadow: none;
}

.custom-control-input:checked ~ .custom-control-label::before {
    background-color: var(--automera-red);
    border-color: var(--automera-red);
}

.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(var(--automera-red-rgb), 0.25);
}

.icheck-primary > input:first-child:checked + label::before,
.icheck-primary > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: var(--automera-red);
    border-color: var(--automera-red);
}

.icheck-primary > input:first-child:not(:checked):not(:disabled):hover + label::before,
.icheck-primary > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: var(--automera-red);
}

/* ******************************************************* */
/* Navigation, pagination, dropdowns */

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: var(--automera-red);
    color: #fff;
}

.page-link {
    color: var(--automera-charcoal);
}

.page-link:hover {
    color: var(--automera-red);
}

.page-item.active .page-link {
    background-color: var(--automera-red);
    border-color: var(--automera-red);
    color: #fff;
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: var(--automera-red);
}

/* ******************************************************* */
/* Top navbar */

.main-header.navbar {
    border-bottom: 3px solid var(--automera-red);
}

/* ******************************************************* */
/* Sidebar */

.main-sidebar.sidebar-dark-primary {
    background-color: var(--automera-charcoal);
}

.sidebar-dark-primary .brand-link {
    border-bottom-color: rgba(255, 255, 255, 0.12);
}

.brand-link .brand-image {
    background-color: transparent;
    box-shadow: none !important;
    opacity: 1;
}

.sidebar-dark-primary .user-panel {
    border-bottom-color: rgba(255, 255, 255, 0.12);
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-dark-primary .nav-sidebar > .nav-item.menu-open > .nav-link.active {
    background-color: var(--automera-red);
    color: #fff;
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link:hover,
.sidebar-dark-primary .nav-sidebar > .nav-item.menu-open > .nav-link {
    background-color: rgba(255, 255, 255, 0.08);
}

.sidebar-dark-primary .nav-treeview > .nav-item > .nav-link.active,
.sidebar-dark-primary .nav-treeview > .nav-item > .nav-link.active:hover {
    background-color: rgba(var(--automera-red-rgb), 0.85);
    color: #fff;
}

/* ******************************************************* */
/* Preloader */

.preloader {
    background-color: #fff;
}

/* ******************************************************* */
/* Login page */

.login-page {
    background-color: #F2F2F4;
}

.login-logo a {
    color: var(--automera-charcoal);
}

.login-logo a b {
    color: var(--automera-red);
}

.login-box .card {
    border-top: 4px solid var(--automera-red);
}

.login-brand-logo {
    width: 100%;
    max-width: 320px;
    margin: 0 auto 0.5rem;
    display: block;
}

/* ******************************************************* */
/* Plugins */

/* SweetAlert2 (bootstrap-4 theme) */
.swal2-styled.swal2-confirm {
    background-color: var(--automera-red) !important;
    border-color: var(--automera-red) !important;
}

.swal2-styled.swal2-confirm:focus {
    box-shadow: 0 0 0 0.2rem rgba(var(--automera-red-rgb), 0.35) !important;
}

/* FullCalendar */
.fc .fc-button-primary {
    background-color: var(--automera-charcoal);
    border-color: var(--automera-charcoal);
}

.fc .fc-button-primary:hover {
    background-color: var(--automera-charcoal-light);
    border-color: var(--automera-charcoal-light);
}

.fc .fc-button-primary:not(:disabled).fc-button-active,
.fc .fc-button-primary:not(:disabled):active {
    background-color: var(--automera-red);
    border-color: var(--automera-red);
}

.fc .fc-button-primary:disabled {
    background-color: var(--automera-charcoal-light);
    border-color: var(--automera-charcoal-light);
}

.fc .fc-daygrid-day.fc-day-today {
    background-color: rgba(var(--automera-red-rgb), 0.08);
}

/* Date range picker */
.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: var(--automera-red);
}

.daterangepicker .ranges li.active {
    background-color: var(--automera-red);
}

/* Select2 */
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[aria-selected]:hover,
.select2-container--bootstrap4 .select2-results__option--highlighted,
.select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option[aria-selected="true"] {
    background-color: var(--automera-red);
    color: #fff;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: var(--automera-red);
    border-color: var(--automera-red-dark);
    color: #fff;
}

.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--bootstrap4.select2-container--focus .select2-selection {
    border-color: rgba(var(--automera-red-rgb), 0.6);
}

/* Tempus Dominus date/time picker */
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover,
.bootstrap-datetimepicker-widget table td span.active {
    background-color: var(--automera-red);
}

.bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: var(--automera-red);
}