:root {
    --background-light: white;
}

.theme-blue .navbar,
.theme-blue .page-loader-wrapper {
    background: var(--theme-background-primary-color);
}

.theme-blue .page-loader-wrapper {
    background: white;
}

.theme-blue .btn-primary {
    background: var(--theme-background-primary-color);
}

.svg-inline--fa .fa-secondary:hover {
    opacity: var(--fa-secondary-color, .2) !important;
}

.border-primary {
    border-color: var(--theme-background-primary-color) !important;
}

.theme-blue .btn-primary:active,
.theme-blue .btn-primary:hover,
.theme-blue .btn-primary:focus {
    background: var(--theme-background-primary-color) !important;
}

.theme-blue .btn-primary.btn-simple {
    border-color: var(--theme-background-primary-color);
    color: var(--theme-background-primary-color);
    background: transparent
}

.theme-blue .text-primary {
    color: var(--theme-background-primary-color) !important;
}

.tooltip-end-top .invalid-tooltip::before,
.tooltip-end-top .valid-tooltip::before,
.tooltip-end-top div.error::before {
    border-top: solid 5px var(--theme-background-primary-color) !important;
}

.invalid-tooltip,
.valid-tooltip,
div.error {
    background: var(--theme-background-primary-color);
}

.theme-blue #login-error {
    background: var(--theme-background-primary-color);
}

.theme-blue section.content:before {
    background-color: var(--theme-background-primary-color);
}

.theme-blue .menu>ul>li>ul.normal-sub>li a:hover,
.theme-blue .menu>ul>li>ul>li>ul>li a:hover {
    background-color: var(--theme-background-primary-color);
}

.theme-blue .nav-tabs .nav-link.active {
    border: 1px solid var(--theme-background-primary-color) !important;
}

.theme-blue.sidebar-collapse .navbar-collapse:before {
    background-color: var(--theme-background-primary-color);
}

.theme-blue .sidebar .menu .list li.active>:first-child i,
.theme-blue .sidebar .menu .list li.active>:first-child span {
    color: var(--theme-background-primary-color);
}

.link-primary {
    color: var(--theme-background-primary-color);
}

.theme-blue .sidebar .menu .list a:hover {
    color: var(--theme-background-primary-color);
}

.theme-blue .card .header h2 strong {
    color: var(--theme-background-primary-color);
}

.theme-blue .card .header h2:before {
    background-color: var(--theme-background-primary-color);
}


/** Default size borders radius **/

.card {
    border-radius: 1.8em;
}


/** Datatable **/

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .03) !important;
}

.table-striped tbody tr:hover {
    background-color: rgba(0, 0, 0, .08) !important;
}


/** Style loading **/

.zmdi-spinner {
    font-size: 3em;
}

.loader,
.loader:after {
    border-radius: 50%;
    width: 10em;
    height: 10em;
}

.loader {
    margin: 60px auto;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: 1.1em solid var(--theme-background-primary-color, .5);
    border-right: 1.1em solid var(--theme-background-primary-color, .5);
    border-bottom: 1.1em solid var(--theme-background-primary-color, .5);
    border-left: 1.1em solid white;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.btn {
    border-radius: 1.5rem;
}


/* Navbar */

.navbar {
    min-height: 75px !important;
}


/* Modal */

.modal-content,
.swal2-container.swal2-center>.swal2-popup {
    border-radius: 1.5rem;
}

.swal2-title {
    font-size: 20px !important;
}

.swal2-html-container {
    font-size: 16px !important;
    padding: 5px !important;
}

.swal2-title,
.swal2-html-container {
    text-align: left !important;
}

.swal2-html-container {
    margin-left: 1em !important;
}

.swal2-input {
    width: 100% !important;
    padding: 10px 18px 10px 18px !important;
    font-size: 0.8571em !important;
    border-radius: 1.5rem !important;
    margin: 20px 0px !important;
    border: 1px solid red;
}

.swal2-cancel,
.swal2-confirm {
    border-radius: 1.5rem !important;
    font-size: 0.9em !important;
    font-weight: normal !important;
}

.swal2-cancel {
    background: #888!important;
    color: var(--background-light) !important;
}

.swal2-cancel:hover {
    background: #6c757d !important;
}

.swal2-styled.swal2-confirm {
    background: var(--theme-background-primary-color) !important;
}

.swal2-actions {
    flex-direction: row-reverse !important;
}

.modal-footer {
    padding-right: 10px !important;
}


/* Schedule */

.card-schedule {
    padding: 0px !important;
}

.bg-title-schedule {
    background-color: var(--theme-background-primary-color);
    padding: 10px;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    color: #fff !important;
}

.list-group-flush>li:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .08) !important;
}

.btn-schedule-edit,
.btn-schedule-cancel {
    font-size: 20px !important;
}


/* Form */

input.form-control:focus {
    border: 1px solid var(--theme-background-primary-color) !important;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #f2f2f2 !important;
    color: #797979 !important;
}

.textarea-custom {
    border: 1px solid #e3e3e3 !important;
    border-radius: 1.5rem !important;
}


/* Index */

.ribbon {
    background-color: var(--theme-background-primary-color);
}

.ribbon-triangule {
    border-left-color: var(--theme-background-primary-color) !important;
}