/* tabler-overrides */
:root {
    --tblr-azure: #3174ab;
    --tblr-blue: #04476F;
    --tblr-orange: #F4792F;
    --tblr-green: #008566;
    --tblr-red: #cb3636;
    --tblr-primary: #04476F;
    --tblr-success: #008566;
    --tblr-warning: #F4792F;
    --tblr-danger: #cb3636;
    --tblr-primary-rgb: 4, 71, 111;
    --tblr-success-rgb: 0, 133, 102;
    --tblr-warning-rgb: 244, 121, 47;
    --tblr-danger-rgb: 203, 54, 54;
    --tblr-azure-rgb: 49, 116, 171;
    --tblr-blue-rgb: 4, 71, 111;
    --tblr-orange-rgb: 244, 121, 47;
    --tblr-green-rgb: 47, 179, 68;
    --tblr-red-rgb: 203, 54, 54;
    --tblr-body-color-rgb: 34, 34, 34;
    --tblr-body-color: #222222;
}


.navbar-brand {
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-right: 1rem;
    font-size: 1rem;
    white-space: nowrap;
}

.card-title, .modal-title, .introjs-tooltip-title {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 300;
    color: #222;
}

.btn {
    font-weight: 400;
    text-transform: uppercase;
}

.btn-success {
    color: #ffffff;
}

p > a,
div.mail-body > a,
.col-form-label > a,
.form-check-label > a,
.form-label > a
{
    text-decoration-line: underline;
    text-decoration-style: dotted;
}

.footer {
    border-top: 1px solid #e6e7e9;
    background-color: #222;
    color: rgba(255,255,255,0.8);
    margin-top: auto;
}

footer .link-muted {
    color: rgba(255,255,255,0.6) !important;
}

    footer .link-muted:hover, footer .link-muted:focus {
        color: rgba(255,255,255,0.8) !important;
    }


.footer-links :nth-child(n+2) {
    border-top: solid 1px rgba(255,255,255,0.2);
    margin-top: 10px;
    padding-top: 10px;
}

.card {
    box-shadow: 0 5px 15px rgba(0,0,0,0.08)
}

.card-body {
    padding: 2rem;
}

.page-wrapper .page-header {
    border-bottom: solid 0.2rem #000;
    border-image: linear-gradient(to right, var(--tblr-primary), var(--tblr-azure)) 1;
    padding-bottom: 1.25rem;
    margin-bottom: 1.25rem;
}

.page-title {
    font-size: 1.5rem;
    line-height: 1;
    font-weight: 300;
    margin-top: 0.25rem;
    margin-bottom: 0.5rem;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 300;
}

hr, .hr {
    margin: 0;
    color: inherit;
    border-bottom: solid 1rem #000;
    border-image: linear-gradient(to right, var(--tblr-primary), var(--tblr-azure)) 1;
    opacity: 0.5;
}

.border-bottom {
    border-bottom: solid 0.1rem #000 !important;
    border-image: linear-gradient(to right, var(--tblr-primary), var(--tblr-azure)) 1;
}

.card-title-underline {
    border-bottom: solid 0.1rem #000;
    border-image: linear-gradient(to right, var(--tblr-primary), var(--tblr-azure)) 0.5;
}

.lead {
    font-size: 1rem;
}

.invalid-feedback {
    display: unset;
}

.alert-title {
    font-size: 1rem;
}

.form-group-invalid {
    --tblr-bg-opacity: .1;
    background-color: rgba(var(--tblr-danger-rgb), var(--tblr-bg-opacity)) !important;
}


.form-selectgroup-label.is-invalid,
.form-selectgroup-label.is-invalid span.input-group-text {
    border-color: rgb(214, 57, 57);
}

.navbar .navbar-nav .nav-link {
    text-transform: uppercase;
    font-size: 0.75rem;
}

.nav-tabs .nav-link {
    text-transform: uppercase;
    font-size: 0.75rem;
    border: none;
}

    .nav-tabs .nav-link.active,
    .nav-tabs .nav-item.show .nav-link {
        color: #334155;
        background-color: unset;
        border-bottom: solid 2px #04476F;
    }

.tab-content {
    margin-top: 1rem;
}

.form-group:has(input:disabled),
.form-group:has(select:disabled),
.form-group:has(textarea:disabled),
.form-group:has(h2.disabled),
.form-group:has(p.disabled),
.form-group:has(div.alert.disabled),
.form-group:has(div.disabled) {
    display: none;
    /*background-color: #cccccc !important;*/
}

.col-12:has(input:disabled):not(:has(input:not([type='hidden']):not(.not-dynamic):enabled)):not(:has(textarea:enabled)) {
    display: none;
}

.field-help {
    display: none;
    margin-bottom: 0;
}
.field-help:has(*) {
    display: block;
    margin-top: var(--tblr-alert-margin-bottom);
}


.page-help {
    display: none;
    margin-bottom: 0;
}
.page-help:has(*) {
    display: block;
    margin-bottom: var(--tblr-alert-margin-bottom);
}

.country-select {
    width: 100%;
}

.step-item.active ~ .step-item {
    color: #6e747b;
}

.hide-text {
    cursor: pointer;
}
.hide-text > span {
    color: rgba(255,255,255,0);
}
.hide-text:hover > span {
    color: unset;
}

.form-help {
    color: var(--tblr-primary);
    border: 1px solid;
    border-color: var(--tblr-primary);
}

/* Optima Specific */
div.background-cover {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-image: url('../../../Images/Background/banner.jpg');
    background-size: cover;
    background-color: var(--tblr-gray-400);
}

.carousel-caption {
    background-color: rgba(0, 0, 0, 0.8);
}


.row-info > div:not(:last-child) {
    border-bottom: dotted 1px #fff;
}
@media (min-width: 768px) {
    .row-info > div:not(:last-child) {
        border-bottom: 0;
        border-right: dotted 1px #fff;
    }
}

#bar1 {
    stroke-dashoffset: 565;
    stroke-dasharray: 565;
    transition: stroke-dashoffset 1s linear;
}

#bar2 {
    stroke-dashoffset: 440;
    stroke-dasharray: 440;
    transition: stroke-dashoffset 1s linear;
}

.form-label {
    font-weight: 400;
}


.w-100 {
    width: 100% !important;
}

.iti {
    width: 100% !important;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

.modal-header, .introjs-tooltip-header {
    border-bottom: solid 0.2rem #000;
    border-image: linear-gradient(to right, var(--tblr-primary), var(--tblr-azure)) 1;
}

/* Key milestones */
path.milestone-segment,
g.overlay > path.milestone {
    fill-opacity: 0.05;
}
path.milestone-segment[data-complete="True"],
g.overlay[data-complete="True"] > path.milestone {
    fill-opacity: 1;
}


.milestone[data-id="7"] { --opt-milestone: var(--tblr-green); }
.milestone[data-id="6"] { --opt-milestone: var(--tblr-blue); }
.milestone[data-id="5"] { --opt-milestone: var(--tblr-purple); }
.milestone[data-id="4"] { --opt-milestone: var(--tblr-orange); }
.milestone[data-id="3"] { --opt-milestone: var(--tblr-indigo); }
.milestone[data-id="2"] { --opt-milestone: var(--tblr-lime); }
.milestone[data-id="1"] { --opt-milestone: var(--tblr-pink); }
.milestone[data-id="0"] { --opt-milestone: var(--tblr-yellow); }
.milestone[data-id="-1"] { --opt-milestone: var(--tblr-gray-600); }
.milestone[data-id="-2"] { --opt-milestone: var(--tblr-red); }

path.milestone,
g.overlay > path.statuscircle {
    fill: var(--opt-milestone);
    stroke: var(--opt-milestone);
    color: var(--opt-milestone);
}

li.milestone svg {
    color: var(--opt-milestone);
}

li.milestone.milestone svg.milestone-true {display: none;}
li.milestone.milestone svg.milestone-false {display: block;}
li.milestone.milestone.milestone-complete svg.milestone-true {display: block;}
li.milestone.milestone.milestone-complete svg.milestone-false {display: none;}

li.milestone.milestone div.milestone-date { display: none; }
li.milestone.milestone.milestone-complete div.milestone-date {display: block;}

/*g.status-setup > circle { fill: var(--tblr-blue); }
g.status-completed > circle { fill: var(--tblr-green); }
g.status-hold > circle { fill: var(--tblr-gray-500); }
g.status-aborted > circle { fill: var(--tblr-red); }

*/
g.overlay text,
g.overlay textPath {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 300;
    fill: var(--opt-milestone);
}

g.overlay[data-complete="True"] text,
g.overlay[data-complete="True"] textPath {
    fill: #FFFFFF;
}

g.overlay text.text-desc {
    text-transform: uppercase;
    font-size: 0.875rem;
}

g.overlay text.text-large {
    font-size: 2rem;
}
g.overlay text.text-medium {
    font-size: 1.5rem;
}




/* /Key milestones  */

.carousel-control-prev-icon,
.carousel-control-next-icon {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%;
    color: #000;
}


.card.bg-blue a {
    color:#fff;
}
.card.bg-blue a:hover {
    color: rgba(255,255,255,0.8);
}
dt{
    font-weight: 400;
}


.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='15 18 9 12 15 6'%3e%3c/polyline%3e%3c/svg%3e");
    top: 0;
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='9 18 15 12 9 6'%3e%3c/polyline%3e%3c/svg%3e");
    top: 0;
}


.carousel-control-prev,
.carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5%;
    padding: 0;
    color: #ffffff;
    text-align: center;
    background: none;
    border: 0;
    opacity: 0.5;
    transition: opacity 0.15s ease;
}


/* Accordion Styles */
.accordion-button {
    font-size: var(--tblr-font-size-h1);
    line-height: var(--tblr-line-height-h1);
    font-weight: var(--tblr-font-weight-light);
}

/*    .accordion-button:hover {
        background: rgba(var(--tblr-primary-rgb), 0.1);
    }*/

.accordion-button:not(.collapsed) {
    font-weight: var(--tblr-font-weight-light);
}

.accordion-primary .accordion-item {
    color: var(--tblr-white);
    background-color: var(--tblr-primary);
}

.accordion-primary .accordion-button  {
    color: var(--tblr-white);
}

.accordion-primary .accordion-button:after {
    filter: invert(1) grayscale(100%) brightness(200%);
}

.accordion-sub .accordion-button {
    font-size: var(--tblr-font-size-h2);
    padding: 0.5rem 1rem;
}


.accordion-sub .accordion-item:nth-child(odd) {
    background: rgba(var(--tblr-primary-rgb), 0.05);
}

/* Mail Items */
.mail-item[data-read="True"] .mail-unread {
    display: none;
    color: var(--tblr-red);
}

.mail-item[data-read="False"] .mail-read {
    display: none;
}
.mail-item[data-read="False"] .mail-sender {
    font-weight: var(--tblr-font-weight-normal);
}
.mail-body {
    white-space: pre-wrap;
}

/* Document Items */
.doc-item[data-read="True"] .doc-unread {
    display: none;
    color: var(--tblr-red);
}

.doc-item[data-read="False"] .doc-read {
    display: none;
}

.doc-item[data-read="False"] .doc-title {
    font-weight: var(--tblr-font-weight-bold);
}

.x-small {
    font-size: 71.428591%;
}

.avatar-3x {
    --tblr-avatar-size: 3rem;
}

@media (min-width: 992px) {
    .w-lg-auto {
        width: auto !important;
    }
    .row-cards {
        --tblr-gutter-x: 2rem;
        --tblr-gutter-y: 2rem;
    }
}

/* Swiper */
.swiper {
    width: 100%;
    height: 400px;
}

.swiper-slide {
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

/* Uploads */
div.upload-file[data-status="processing"] .upload-complete,
div.upload-file[data-status="complete"] .upload-processing {
    display: none;
}