:root {
    --button-primary-color: #0062cc;
    --menu-text-color: #000000;
    --text-foreground-color: #000000;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:focus {
    background-color: var(--button-primary-color) !important;
    border-color: var(--button-primary-color) !important;
}

    .btn-primary:not([disabled]):not(.disabled):active {
        background-color: var(--button-primary-color) !important;
    }

.btn-outline-primary,
.btn-outline-primary:focus {
    border-color: var(--button-primary-color) !important;
    color: var(--button-primary-color) !important;
}

    .btn-outline-primary:hover {
        background-color: transparent !important;
    }

    .btn-outline-primary:not([disabled]):not(.disabled):active {
        border-color: var(--button-primary-color) !important;
        color: var(--button-primary-color) !important;
    }

.badge-primary {
    background-color: var(--button-primary-color) !important;
}

.bg-primary {
    background-color: var(--button-primary-color) !important;
}

.pagination .page-item.active .page-link {
    background-color: var(--button-primary-color) !important;
}

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

.classic-tabs .nav li a.active {
    color: var(--button-primary-color) !important;
}

.site-top-menu.navbar.navbar-light .navbar-nav .nav-item .nav-link {
    color: var(--menu-text-color) !important;
}

.site-top-menu .navbar-brand strong {
    color: var(--menu-text-color) !important;
}

.site-top-menu.navbar.navbar-dark .navbar-nav .nav-item .nav-link {
    color: var(--menu-text-color) !important;
}

.modal-dialog.modal-notify.modal-primary .modal-header {
    background-color: var(--button-primary-color) !important;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: white !important;
    background-color: var(--button-primary-color) !important;
}

.nav-pills .nav-link {
    color: var(--button-primary-color) !important;
    border-color: var(--button-primary-color) !important;
}

.episode {
    outline: thin dotted;
    outline: 5px auto var(--button-primary-color) !important;
    outline-offset: -2px;
}

.pollLoading {
    color: var(--button-primary-color) !important;
}

.leftLine {
    border-left: 3px solid var(--button-primary-color);
}

.btn.btn-lg {
    padding: 1rem 2.4rem;
    font-size: 0.94rem;
}

.themeColor {
    color: var(--button-primary-color) !important;
}

.themeBgColor {
    background-color: var(--button-primary-color) !important;
}

.themeBorderColor {
    border-color: var(--button-primary-color) !important;
}

.form-outline .form-control:focus ~ .form-label {
    color: var(--button-primary-color) !important;
}

.form-outline .form-control:focus ~ .form-notch .form-notch-middle {
    border-bottom: 0.125rem solid;
    border-color: var(--button-primary-color) !important;
}

.form-outline .form-control:focus ~ .form-notch .form-notch-leading {
    border-top: 0.125rem solid var(--button-primary-color) !important;
    border-bottom: 0.125rem solid var(--button-primary-color) !important;
    border-left: 0.125rem solid var(--button-primary-color) !important;
}

.form-outline .form-control:focus ~ .form-notch .form-notch-trailing {
    border-top: 0.125rem solid var(--button-primary-color) !important;
    border-bottom: 0.125rem solid var(--button-primary-color) !important;
    border-right: 0.125rem solid var(--button-primary-color) !important;
}

.footerColor {
    color: #9e9e9e;
}

.textareaBgColor {
    background-color: #f3f2f1 !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input[type="number"] {
    -moz-appearance: textfield;
}

.layout {
    display: flex;
    flex-flow: column;
    height: 100%;
}

    .layout .header {
        flex: 0 1 auto;
        /* position: fixed; */
        top: 0;
        width: 100%;
        /*z-index: 100;*/
    }

    .layout .content {
        flex: 1 1 auto;
    }

.card {
    border-radius: 0.25rem !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
}

#footer a {
    color: #212529 !important;
}


.form-check-input[type="checkbox"]:checked {
    background-color: var(--button-primary-color) !important;
}

.textTransformNone {
    text-transform: none !important;
}

.cursor-pointer {
    cursor: pointer;
}

.table-normal .table-responsive-xl {
    height: calc(100% - 20px) !important;
}

.table-time .table-responsive-xl {
    height: calc(100% - 20px - 48px) !important;
}