/*+**************************** ACI Site Styles *********************************/
.fw-bold.h3 {
    font-size: 20px;
    font-weight: 600;
}

.h3 {
    font-size: 20px;
    font-weight: 400;
}

.list-inline-item.text-muted {
    font-size: 12px !important;
    font-weight: 400;
}


.nav-tabs .nav-link.active {
    font-weight: 600;
    font-size: 14px;
    background-color: var(--bs-nav-tabs-link-active-bg);
    color: #013A6F !important;
    border-top: none;
    border-left: none;
    border-right: none;
}
.nav-link {
    font-weight: 600;
    font-size: 14px;
    color: #868789 !important;
}



/*+**************************** Profile *********************************/
.btn-circle {
    color: #E0582E;
    width: 30px;
    height: 30px;
    padding: 3px 3px;
    border-radius: 90px;
    border-width: 2px;
    font-size: 10px;
    font-weight: 400;
    text-align: center;
    font-weight: 800;
}

    .btn-circle.btn-xl {
        color: #E0582E;
        width: 50px;
        height: 50px;
        padding: 3px 3px;
        border-radius: 80px;
        border-width: 2px;
        font-size: 16px;
        text-align: center;
        font-weight: 800;
    }

.aci-btn-profile {
    color: #E0582E;
    background-color: #FFF;
    border-color: #E0582E;
    font-weight: 800;
}

    .aci-btn-profile:hover {
        color: #EA7960;
        background-color: #E6EBF1;
        border-color: #EA7960;
    }

/*+**************************** Pill Button *********************************/
/*.aci-btn-pill-active {    
}*/

.btn-sm {
    padding: 8px 12px !important;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
}

.btn-md {
    padding: 12px 24px !important;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
}

.btn-lg {
    padding: 16px 24px !important;
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
}
.aci-btn-pill-active {
    margin-bottom: 6px;
    color: #FFF;
    border: none;
    border-width: 3px;
    font-size: 0.75em;
    font-weight: 700;
    border-radius: 20px;
    background-color: #013A6F;
}

    .aci-btn-pill-active:hover {
        color: #FFF;
        background-color: #013A6F;
    }

    .aci-btn-pill-active:visited {
        color: #FFF;
        background-color: #012E59;
    }

    .aci-btn-pill-active:not(:disabled):not(.disabled).active,
    .aci-btn-pill-active:not(:disabled):not(.disabled):active,
    .show > .aci-btn-pill-active.dropdown-toggle {
        color: #FFF;
        background-color: #434A61;
    }

.aci-btn-pill {
    color: #6D6E70;
    background-color: #E8E8E8;
    border: none;
    border-width: 3px;
    font-weight: 700;
    font-size: 0.75em;
    border-radius: 20px;
    margin-bottom: 6px;
}

    .aci-btn-pill:hover {
        color: #FFF;
        background-color: #012E59;
    }

    .aci-btn-pill:visited {
        color: #FFF;
        background-color: #434A61;
    }

    .aci-btn-pill:not(:disabled):not(.disabled).active,
    .aci-btn-pill:not(:disabled):not(.disabled):active,
    .show > .aci-btn-pill.dropdown-toggle {
        color: #FFF;
        background-color: #012343;
    }

.aci-badge {
    background-color: #FFF;
    color: #6D6E70;
    border: none;
    border-radius: 100px;
    font-weight: 700;
    font-size: 0.85em;
}

.aci-badge-active {
    background-color: #FFF;
    color: #6D6E70;
    border: none;
    border-radius: 100px;
    font-weight: 700;
    font-size: 0.85em;
}

/*+************************ Misc Styles **********************************/
.aci-lbl-color-gray700 {
    color: #616161;
    font-weight: bold
}

.aci-lbl-primary {
    color: #E77A35;
    font-weight: bold
}

.aci-lbl-prussian-blue {
    color: #012F47;
    font-weight: bold
}

.aci-lbl-wine {
    color: #74272B;
    font-weight: bold
}

.aci-bg-platinum {
    background-color: #E7E7E7;
}

.aci-bg-platinum {
    background-color: #E7E7E7;
}

.aci-color-gray700 {
    color: #616161;
}

.aci-color-gray600 {
    color: #757575;
}

.aci-color-gray500 {
    color: #9e9e9e;
}

.aci-color-gray400 {
    color: #bdbdbd
}

/*+************************ Button **********************************/
.aci-btn-gradient {
    color: #FFF;
    background-color: #013A6F;
    border-color: #013A6F;
}

    .aci-btn-gradient:hover {
        color: #FFF;
        background-color: #012E59;
        border-color: #012E59;
    }

    .aci-btn-gradient:visited {
        color: #FFF;
        background-color: #013A6F;
        border-color: #013A6F;
    }

    .aci-btn-gradient:not(:disabled):not(.disabled).active,
    .aci-btn-gradient:not(:disabled):not(.disabled):active,
    .show > .aci-btn-gradient.dropdown-toggle {
        color: #ffffff;
        background-color: #012343;
        border-color: #012343;
    }

/*Button Styles */

/* Primary Button */
.aci-btn-primary {
    color: #FFF;
    background-color: #013A6F;
    border-color: #013A6F;
}

    .aci-btn-primary:hover {
        color: #FFF;
        background-color: #012E59;
        border-color: #012E59;
    }

    .aci-btn-primary:not(:disabled):not(.disabled).active,
    .aci-btn-primary:not(:disabled):not(.disabled):active,
    .show > .aci-btn-primary.dropdown-toggle {
        color: #ffffff;
        background-color: #012343;
        border-color: #012343;
    }

    .aci-btn-primary:disabled {
        color: #FFF;
        background-color: #013A6F;
        border-color: #013A6F;
        opacity: 0.4;
    }

/* Secondary Button - Grey */

.aci-btn-secondary-grey {
    color: #535455;
    background-color: #F5F5F5;
    border-color: #D3D3D4;
}

    .aci-btn-secondary-grey:hover {
        color: #535455;
        background-color: #E8E8E8;
        border-color: #D3D3D4;
    }

    .aci-btn-secondary-grey:disabled {
        color: #535455;
        background-color: #F5F5F5;
        border-color: #D3D3D4;
        opacity: 0.4;
    }



.aci-btn-secondary-grey:not(:disabled):not(.disabled).active,
.aci-btn-secondary-grey:not(:disabled):not(.disabled):active,
.show > .aci-btn-secondary-grey.dropdown-toggle {
    color: #535455;
    background-color: #D3D3D4;
    border-color: #B9BABB;
}


/* Secondary Button - Blue */

.aci-btn-secondary-blue {
    color: #013A6F;
    background-color: #E6EBF1;
    border-color: #99B0C5;
}

    .aci-btn-secondary-blue:hover {
        color: #013A6F;
        background-color: #CCD8E2;
        border-color: #99B0C5;
    }

    .aci-btn-secondary-blue:disabled {
        color: #013A6F;
        background-color: #E6EBF1;
        border-color: #99B0C5;
        opacity: 0.4;
    }

.aci-btn-secondary-grey:not(:disabled):not(.disabled).active,
.aci-btn-secondary-grey:not(:disabled):not(.disabled):active,
.show > .aci-btn-secondary-grey.dropdown-toggle {
    color: #535455;
    background-color: #D3D3D4;
    border-color: #B9BABB;
}

/* Destructive Button */
.aci-btn-destructive {
    color: #FFF;
    background-color: #B82B00;
    border-color: #B82B00;
}

    .aci-btn-destructive:hover {
        color: #FFF;
        background-color: #932200;
        border-color: #932200;
    }

    .aci-btn-destructive:not(:disabled):not(.disabled).active,
    .aci-btn-destructive:not(:disabled):not(.disabled):active,
    .show > .aci-btn-destructive.dropdown-toggle {
        color: #FFF;
        background-color: #6E1A00;
        border-color: #6E1A00;
        font-weight: 700;
    }

.aci-link {
    color: #013A6F;
    text-decoration: none;
    padding: 0;
}

    .aci-link:hover {
        color: #012E59;
        text-decoration: none;
    }

    .aci-link:not(:disabled):not(.disabled).active,
    .aci-link:not(:disabled):not(.disabled):active,
    .show > aci-link {
        color: #E77A35;
    }

.aci-link-grey {
    color: #757575;
    text-decoration: none;
}

    .aci-link-grey:hover {
        color: #012E59;
        text-decoration: none;
    }

.aci-link-dark {
    color: #424242;
    text-decoration: none;
}

    .aci-link-dark:hover {
        color: #012E59;
        text-decoration: none;
    }

.aci-orange {
    color: #DF6510;
}


/*+************************ Dropown Button **********************************/
.aci-btn-dropdown {
    color: #E77A35;
    /* background-color: #fcefda;*/
    border: none;
    font-weight: bold
}

    .aci-btn-dropdown:hover {
        color: #E77A35;
    }

    .aci-btn-dropdown:visited {
        color: #E77A35;
    }

    .aci-btn-dropdown:not(:disabled):not(.disabled).active,
    .aci-btn-dropdown:not(:disabled):not(.disabled):active,
    .show > aci-btn-dropdown {
        color: #E77A35;
        background-color: #f7c99d;
        border: none;
    }

.aci-btn-dropdown-item {
}

    .aci-btn-dropdown-item:hover {
        background-color: #fcefda;
    }

    .aci-btn-dropdown-item:visited {
        /*        color: #E77A35;*/
    }

    .aci-btn-dropdown-item:not(:disabled):not(.disabled).active,
    .aci-btn-dropdown-item:not(:disabled):not(.disabled):active,
    .show > aci-btn-dropdown-item {
        /*        color: #E77A35;
        background-color: #f7c99d;
        border: none;*/
    }


/*+************************ Dropown Button Style end **********************************/
.aci-btn-wine {
    color: #E77A35;
    background-color: #74272B;
    border-color: #74272B;
    font-weight: bold
}

    .aci-btn-wine:hover {
        color: #E77A35;
        background-color: #963237;
        border-color: #74272B;
    }


.aci-btn-nav {
    color: #f6f0f0;
    background-color: #E77A35;
    border-color: #E77A35;
    font-weight: bold
}

    .aci-btn-nav:hover {
        color: #E77A35;
        background-color: #f7c99d;
        border-color: #E77A35;
    }

.aci-card-header {
    color: #74272B;
    background-color: #E7E7E7;
}

.aci-card-image-header {
    color: #74272B;
    background-color: #E7E7E7;
}


.aci-popup-header {
    color: #090909;
    background-color: #FFF;
    border-color: #FFF;
    font-weight: 600;
    font-size: 16px;
}

.aci-btn-accordian {
    color: #E77A35;
    background-color: #fff;
    font-weight: bold;
    padding-left: 0.1rem;
}

    .aci-btn-accordian:hover {
        color: #74272B;
        background-color: #E7E7E7;
        font-weight: bold
    }

    .aci-btn-accordian:visited {
        color: #74272B;
        background-color: #E7E7E7;
        font-weight: bold
    }

    .aci-btn-accordian:active {
        color: #74272B;
        background-color: #E7E7E7;
        font-weight: bold
    }

    .aci-btn-accordian:not(:disabled):not(.disabled).active,
    .aci-btn-accordian:not(:disabled):not(.disabled):active,
    .show > .aci-btn-accordian.dropdown-toggle {
        color: #74272B;
        background-color: #E7E7E7;
        border-color: #E77A35;
    }

.aci-alert-primary {
    color: #212529;
    background-color: #ffffff;
    border-color: #212529
}

.aci-alert-info {
    color: #212529;
    background-color: #ffffff;
    border-color: #212529
}

.aci-alert-danger {
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7
}

.aci-background-image {
    background-image: url(/images/hero-banner.jpg);
    background-size: cover;
}

.aci-background-color-sunset {
    background-color: #E77A35;
}

.aci-background-color-wine {
    background-color: #74272B;
}

.aci-background-color-prussian-blue {
    background-color: #012F47;
}

.aci-background-color-platinum {
    background-color: #E7E7E7;
}

.aci-top-row {
    background-image: url(/images/hero-banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.order-address span {
    font-size: 13px;
}

.order-address small {
    font-size: 10px
}

.order-address-direction span > small {
    font-size: 12px
}

.order-address-direction span > i {
    font-size: 12px
}

/*+************************ Alerts **********************************/
.aci-alert-success {
    background-image: linear-gradient(45deg, #1f6d4b, #d1e7dd);
    color: #E7E7E7;
    border-color: #badbcc;
}


.aci-alert-error {
    background-image: linear-gradient(45deg, #f8d7da,#f8d7da);
    color: #E7E7E7;
    border-color: #fefefe;
}


/*+************************ switch Style **********************************/
.form-check-input {
    border-color: darkgray !important;
}

    .form-check-input:focus {
        outline: none;
        box-shadow: none;
    }

.form-switch .form-check-input:checked:focus {
    background-color: #E77A35;
    border-color: #E77A35;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba(255,255,255,1.0)'/></svg>");
}

.form-switch .form-check-input:checked {
    background-color: #E77A35;
    outline: none;
    border: none;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba(255,255,255,1.0)'/></svg>");
}

.form-switch .form-check-input:not(:checked):focus {
    background-color: #E7E7E7;
    border: none;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba(255,255,255,1.0)'/></svg>");
}

.form-switch .form-check-input:not(:checked) {
    background-color: darkgray !important;
    border: none;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba(255,255,255,1.0)'/></svg>");
}

/*+************************ Misc Styles **********************************/
.aci-workfile-item-text {
    font-size: 12px;
}

.aci-orderview-item-text {
    font-size: 14px;
}

.aci-orderview-addr-text {
    font-size: 22px;
}

.aci-workfile-btn-text {
    font-size: 12px;
}

.aci-workfile-selected {
    color: #74272B;
    background-color: #E7E7E7;
}

.aci-order-document-selected {
    color: #74272B;
    background-color: #E7E7E7;
}

.aci-workfile-default {
    color: inherit;
    background-color: inherit;
}

.aci-modal-background {
    background-color: #fff;
}
/*+************************ Rating Styles **********************************/
.aci-rating-0 {
    background-color: #481905;
}

.aci-rating-1 {
    background-color: #F26B16;
}

.aci-rating-2 {
    background-color: #E78818;
}

.aci-rating-3 {
    background-color: #DCA21A;
}

.aci-rating-4 {
    background-color: #D2B81B;
}

.aci-rating-5 {
    background-color: #BDC01E;
}

.aci-rating-6 {
    background-color: #A3BE1F;
}

.aci-rating-7 {
    background-color: #86B320;
}

.aci-rating-8 {
    background-color: #6BA822;
}

.aci-rating-9 {
    background-color: #559F24;
}

.aci-rating-10 {
    background-color: #439326;
}

/*+************************ Quick Fill Styles **********************************/

.aci-radio-button:checked {
    background-color: #d4641d !important;
}

.aci-placeholder-bg {
    background-color: #E0E0E0;
}

/*+************************ Quick Fill Styles **********************************/
.aci-prussian-blue {
    color: #012F47;
}

/*+************************ All Accordion components Open collapsed styles **********************************/
.accordion-button {
    font-size: 20px !important;
    justify-content: start;
    padding-left: 16px;
    color: #212122 !important;
    font-weight: 600;
}

/*+************************ Workfile switch Styles **********************************/
.aci-flexswitch {
    color: darkgray !important;
    font-family: 'Public Sans', sans-serif !important;
    font-weight: 600; /* SemiBold */
    font-size: 16px;
    line-height: 20px;
}



/************************Review orders status styles********************************/
.aci-status-new {
    background: transparent;
    border: 2px solid #2AA100;
    color: #2AA100;
    border-radius: 5px;
    width: 9rem;
}

.aci-status-inprogress {
    background: transparent;
    border: 2px solid #3A6694;
    color: #3A6694;
    border-radius: 5px;
    width: 9rem;
}

.aci-status-reviewcomplete {
    background: transparent;
    border: 2px solid #059EE3;
    color: #059EE3;
    border-radius: 5px;
    width: 9rem;
}

.aci-status-revisionrequested {
    background: transparent;
    border: 2px solid #E5B217;
    color: #E5B217;
    border-radius: 5px;
    width: 9rem;
}

.aci-status-revised {
    background: transparent;
    border: 2px solid #E81C00;
    color: #E81C00;
    border-radius: 5px;
    width: 9rem;
}

.aci-status-resubmission {
    background: transparent;
    border: 2px solid #E5B217;
    color: #E5B217;
    border-radius: 5px;
    width: 9rem;
}

.aci-status-default {
    background: transparent;
    border: 2px solid #6c757d;
    color: #6c757d;
    border-radius: 5px;
    width: 9rem;
}

.aci-always-on-top {
    z-index: 99999 !important;
}

/************************Gallery & Subject Photos component fullscreen style********************************/


.gallery-fullscreen {
    position: fixed;
    z-index: 1100;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(66, 63, 63);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.gallery-fullscreen-icons {
    position: absolute;
    top: 10px;
    right: 20px;
    display: flex;
    align-items: center;
    gap: 10px; /* Adds space between icons */
}


.modal-title {
    font-size: 16px !important;
    font-weight: 600 !important;
}


/************************Questionaire Styling********************************/

/*** Basic Input ***/

.sl-formly-input.slq-input-text {
    border-radius: 5px !important;
    border-color: #D3D3D4;
}

/*** Text Areas ***/
.sl-formly-textarea {
    border-color: #D3D3D4;
    border-radius: 4px !important;
}

/*** Numer Input ***/
.p-inputnumber-input {
    border-color: #D3D3D4;
    border-bottom-left-radius: 4px !important;
    border-top-left-radius: 4px !important;
}

.p-inputnumber {
    width: 50% !important;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    height: auto !important;
}

.slq-input-text {
    border-color: #D3D3D4;
    border-radius: 4px !important;
}

/*** Dropdown ***/
.p-dropdown {
    border-color: #D3D3D4;
    border-radius: 4px !important;
}

.p-inputnumber-button-group {
    border-color: #D3D3D4;
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

/*** Validation Messages ***/

.sl-formly-field-message.sl-ui-message.sl-ui-message-error {
    background: transparent;
    border: 0 none;
    color: #e91224 !important;
}

.p-inputtext.ng-dirty.ng-invalid {
    border-color: #e91224 !important;
}

.p-dropdown.ng-dirty.ng-invalid {
    border-color: #e91224 !important;
}

.sl-formly-questions-group-table-field-container.slq-table-cell-justify-end.aci-align-input-right-6.sl-question-input-container {
    width: 50%;
    margin-left: 50%;
    align-content: center;
}

/*** Dropdown Panel ***/
.p-dropdown-panel {
    background: #ffffff;
    color: #D3D3D4;
    border: 1px solid #D3D3D4;
    border-radius: 4px !important;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.slq-input-number {
    height: 40px;
    display: flex;
    box-sizing: border-box;
}

.p-inputgroup-addon {
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.p-inputnumber:not(.slq-inputnumber-buttons-always-visible) .p-inputnumber.p-inputnumber-buttons-stacked:not(:hover) .p-inputnumber-input {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}


slq-markdown-to-html h1 {
    font-size: 20px;
    color: #212122;
    font-weight: 600;
}

slq-markdown-to-html h2 {
    font-size: 20px;
    color: #212122;
    font-weight: 600;
    padding-top: 5px;
}

.p-panel .p-panel-header {
    border: 1px solid #D3D3D4;
    padding: 0.5rem 1rem;
    background: #F5F5F5;
    color: #212122;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}