:root {
    --ct-primary: #27739b;
    --ct-primary-rgb: 39, 115, 155;
    --ct-primary-text-emphasis: #27739b;
    --ct-primary-bg-subtle: #e3ebf3;
    --ct-secondary-bg-subtle: #e3ebf3;
    --ct-primary-bg-subtle: #d1e0f3;
    --ct-secondary-bg-subtle: #d1e0f3;
    --ct-link-color-rgb: 71, 145, 237;
    --ct-link-hover-color-rgb: 29, 97, 134;
    --ct-logo-lg-height: 80px;
    --ct-logo-sm-height: 22px;
    --ct-leftbar-width-sm: 70px;
    --ct-success: #25b003;
    --ct-success-bg-subtle: #cdf1c6;
    --ct-danger: #EC1F00;
    --ct-warning-bg-subtle: #fff9ef;

    --ct-link-hover-color: #1D6186;

}

html[data-topbar-color=light] {
    --ct-topbar-item-hover-color: #27739b;
}
.pagination {
    --ct-pagination-active-bg: #27739b;
    --ct-pagination-active-border-color: #27739b;
}

.form-check-input:checked {
    background-color: #27739b;
    border-color: #27739b;
}

.logo-lg {
    margin-top: 8px;
    margin-bottom: 8px;
}

.side-nav .menu-arrow:before {
    content: "\f054";
    font-family: "Font Awesome 7 Pro";
}

.modal {
    --ct-modal-header-padding: 0.8rem;
}

.modal-header .modal-title {
    margin-top: 0;
    margin-bottom: 0;
}


.btn-xs, .btn-group-xs > .btn {
    --ct-btn-padding-y: 0.14rem;
    --ct-btn-padding-x: 0.4rem;
    --ct-btn-font-size: 0.675rem;
    --ct-btn-border-radius: 0.1rem;
}

.btn-xxs, .btn-group-xxs > .btn {
    --ct-btn-padding-y: 0.08rem;
    --ct-btn-padding-x: 0.2rem;
    --ct-btn-font-size: 0.475rem;
    --ct-btn-border-radius: 0.1rem;
}


.btn-primary {
    --ct-btn-bg: #27739b;
    --ct-btn-border-color: #27739b;
    --ct-btn-hover-bg: #1D6186;
    --ct-btn-hover-border-color: #27739b;
    --ct-btn-active-bg: #1D6186;
    --ct-btn-active-border-color: #1D6186;
    --ct-btn-disabled-bg: #557281;
    --ct-btn-disabled-border-color: #27739b;
}

.btn-outline-primary {
    --ct-btn-color: #27739b;
    --ct-btn-border-color: #27739b;
    --ct-btn-hover-bg: #27739b;
    --ct-btn-hover-border-color: #27739b;
    --ct-btn-active-bg: #27739b;
    --ct-btn-active-border-color: #27739b;
    --ct-btn-disabled-color: #27739b;
    --ct-btn-disabled-border-color: #27739b;
}


.btn-success {
    --ct-btn-color: #fff;
    --ct-btn-bg: #25b003;
    --ct-btn-border-color: transparent;
    --ct-btn-hover-color: #fff;
    --ct-btn-hover-bg: #23890B;
    --ct-btn-hover-border-color: rgba(0, 0, 0, 0.2);
    --ct-btn-focus-shadow-rgb: 255, 255, 255;
    --ct-btn-active-color: #fff;
    --ct-btn-active-bg: #1e8d02;
    --ct-btn-active-border-color: rgba(0, 0, 0, 0.25);
    --ct-btn-active-shadow: initial;
    --ct-btn-disabled-color: #fff;
    --ct-btn-disabled-bg: #25b003;
    --ct-btn-disabled-border-color: transparent;
}

.btn-warning {
    --ct-btn-color: #fff;
    --ct-btn-bg: #deb023;
    --ct-btn-border-color: transparent;
    --ct-btn-hover-color: #fff;
    --ct-btn-hover-bg: #e5af0b;
    --ct-btn-hover-border-color: rgba(0, 0, 0, 0.2);
    --ct-btn-focus-shadow-rgb: 255, 255, 255;
    --ct-btn-active-color: #fff;
    --ct-btn-active-bg: #e5af0b;
    --ct-btn-active-border-color: rgba(0, 0, 0, 0.25);
    --ct-btn-active-shadow: initial;
    --ct-btn-disabled-color: #fff;
    --ct-btn-disabled-bg: #deb023;
    --ct-btn-disabled-border-color: transparent;
}

.btn-danger {
    --ct-btn-color: #fff;
    --ct-btn-bg: #EC1F00;
    --ct-btn-border-color: transparent;
    --ct-btn-hover-color: #fff;
    --ct-btn-hover-bg: #CC1B00;
    --ct-btn-hover-border-color: rgba(0, 0, 0, 0.2);
    --ct-btn-focus-shadow-rgb: 255, 255, 255;
    --ct-btn-active-color: #fff;
    --ct-btn-active-bg: #bd1900;
    --ct-btn-active-border-color: rgba(0, 0, 0, 0.25);
    --ct-btn-active-shadow: initial;
    --ct-btn-disabled-color: #fff;
    --ct-btn-disabled-bg: #EC1F00;
    --ct-btn-disabled-border-color: transparent;
}

#nprogress .bar {
    background: var(--ct-primary);
}

#nprogress .peg {
    box-shadow: 0 0 10px var(--ct-primary), 0 0 5px var(--ct-primary);
}

a:hover {
    text-decoration: underline;
}

.card {
    --ct-card-spacer-y: 0.8rem;
    --ct-card-cap-padding-y: 0.8rem;
    border: var(--ct-border-width) solid var(--ct-border-color);
}

.progress,
.progress-stacked {
    --ct-progress-bar-bg: #27739b;
}

.nav-pills>li>a, .nav-tabs>li>a, .nav-tabs .nav-link.active  {
    color: var(--ct-primary);
}

.breadcrumb-item + .breadcrumb-item::before {
    font-family: "Font Awesome 7 Pro";
    content: "\f054";
    font-size: 75%;
    padding-top: 3px;
}

.form-text {
    font-size: .85rem;
}