.form-label,
.form-control,
.form-select,
.ng-select,
.radio,
.checkbox,
.checkbox-custom {
    line-height: normal;
}

.form-label {
    margin-bottom: 0.25rem;
}



.control-unresolved-state-touched {
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.form-control:hover:not(:disabled),
.form-select:hover:not(:disabled) {
    border-color: #454545;
}

.form-control,
.form-select {
    background-color: #fdfbf9;
    border-color: #bbb;
    border-radius: 8px;
    color: #454545;
    min-height: 42px;
}

.form-label {
    margin-bottom: .25rem;
}

.form-label,
.form-control,
.form-select,
.ng-select,
.radio,
.checkbox,
.checkbox-custom {
    font: 16px;
    line-height: 1.4;
    letter-spacing: 0;
    text-transform: none;
}

.accordion {
    border-top: 1px solid #DAD7CF
}

.accordion .panel-group,
.accordion .panel-group .panel {
    margin: 0
}

.accordion .panel-group .panel-collapse {
    margin-bottom: 0
}

.accordion .panel-group .panel-collapse .panel-body {
    padding: 0;
    border: none
}

.accordion .panel {
    margin: 0
}

.accordion .panel .collapse-icon:before {
    content: "\f078"
}

.accordion .panel.panel-open .collapse-icon:before {
    content: "\f077"
}

.accordion .accordion-item {
    border-bottom: 1px solid #DAD7CF;
    padding: 0 10px;
    border-radius: 0;
    margin: 0
}

.accordion .accordion-item .panel-heading {
    border: none;
    padding: 15px 0;
    font-size: 16px;
    background: none;
    font: 16px;
    line-height: normal;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #454545
}

.accordion .accordion-item .panel-heading .accordion-item-heading {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.accordion .accordion-item .panel-body {
    padding-top: 0
}

.leo-tabset {
    background-color: #fdfbf9;
    border-bottom: 1px solid #DAD7CF
}

.leo-tabset .nav {
    flex-wrap: nowrap
}

.leo-tabset .tab-content {
    margin-top: 20px
}

.leo-tabset .nav-item:not(:last-child) {
    margin-right: 20px
}

@media (max-width: 390px) {
    .leo-tabset .nav-item:not(:last-child) {
        margin-right: 10px
    }
}

.leo-tabset .leo-tab .nav-link {
    font: 16px ;
    line-height: 1.4;
    letter-spacing: 0;
    text-transform: none;
    color: #454545;
    background-color: #fdfbf9;
    border: none;
    padding: 4px 0;
    text-align: center;
    text-transform: capitalize
}

.leo-tabset .leo-tab .nav-link:hover {
    border: none
}

.leo-tabset .leo-tab .nav-link.active {
    cursor: default;
    background-color: #fdfbf9;
    border-bottom: 2px solid #454545
}

.breadcrumb {
    --bs-breadcrumb-padding-x: 1rem;
    --bs-breadcrumb-padding-y: .75rem
}

@media (max-width: 767px) {
    .product-img .pagination-container {
        display: inline-block
    }

    .product-img .pagination-container .bullet {
        padding: 10px
    }
}

.image-viewer-container {
    display: flex
}

@media (max-width: 767px) {
    .image-viewer-container {
        flex-direction: column-reverse
    }
}

#pdpPage {
    max-width: 1500px
}

#pdpPage .product-description a {
    text-decoration: underline !important;
    color: #555 !important
}

#pdpPage .product-description ul {
    padding-left: 15px
}

#pdpPage .product-description ul li {
    list-style-type: disc;
    padding: 2px 0
}

#pdpPage .additional-product-description ul {
    padding-left: 42px;
    list-style: inherit
}

#pdpPage .additional-product-description ul li {
    list-style-type: inherit
}

#pdpPage #breadcrumb .breadcrumb-list-item:nth-last-child(2) .breadcrumb-icon {
    display: none
}

#pdpPage #breadcrumb .breadcrumb-list-item.active {
    display: none
}

#pdpPage #primaryImage_container #primaryImage_container_inner #primaryImage_fullScreenButton.s7button.s7fullscreenbutton {
    background: url(/_ui/desktop/theme-leo/js/angularBaseApp/dist/angularBaseApp/zoom-button.svg) no-repeat;
    bottom: 0;
    right: 0;
    width: 42px;
    height: 42px
}

#pdpPage #productImageFullScreenModal .product-img {
    margin-top: 0
}

#pdpPage #primary_image_popup_container {
    max-height: 750px !important
}

#pdpPage .add-to-bag-modal {
    -webkit-overflow-scrolling: auto
}

#pdpPage .add-to-bag-modal .product-image img {
    width: 100%
}

#pdpPage .add-to-bag-modal .product-size {
    padding: 5px 0
}

#pdpPage .size-chart-modal .modal-body {
    padding: 0
}

#pdpPage .expand-icon {
    font-size: 18px;
    font-weight: 700
}

#pdpPage [data-namespace=s7classic].s7container[mode=fullscreen] {
    z-index: 9900 !important
}

.image-viewer-container {
    display: flex
}

@media (max-width: 767px) {
    .image-viewer-container {
        flex-direction: column-reverse;
        gap: 10px
    }
}

.image-viewer-container .counter .divider,
.image-viewer-container .counter .total {
    color: #747474
}

.out-of-stock {
    font: 16px;
    line-height: 1.1;
    letter-spacing: 0;
    text-transform: none;
    position: relative;
    height: 42px;
    border-radius: 8px;
    background-color: #f3f1eb;
    color: #8f8f8f;
    text-wrap: nowrap;
    overflow: hidden;
    padding: 0 5px;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.out-of-stock:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #8f8f8f;
    transform: rotate(145deg);
    transform-origin: center
}

.out-of-stock.out-of-stock-input {
    border: 1px solid #BBBBBB
}

.out-of-stock-label,
.out-of-stock-message {
    color: #747474
}

.numeric-options {
    display: flex;
    row-gap: 10px;
    column-gap: 5px
}

.numeric-options .numeric-option.waist {
    width: 25%;
    min-width: 90px;
    flex: 1
}

.numeric-options .numeric-option.inseam {
    width: 30%;
    min-width: 126px;
    flex: 1
}

.numeric-options .numeric-option.hemming {
    width: 40%;
    min-width: 126px;
    flex: 1
}

.numeric-options .numeric-option.qty {
    width: 15%;
    min-width: 84px
}

.one-size .qty-input {
    position: relative
}

.one-size .qty-input .qty-input-btn {
    padding: 0 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 42px;
    text-transform: none
}

.one-size .qty-input .qty-input-btn .size-msg {
    display: inline-block;
    width: 100%;
    vertical-align: middle
}

.stock-info {
    color: #b7521f
}

.stock-info .qty-input-btn {
    color: #b7521f;
    line-height: 1;
    text-wrap: nowrap
}

.stock-info .qty-input-btn:hover {
    border-color: #b7521f
}

.stock-info .qty-input-btn.active {
    font-weight: 700;
    border-color: #b7521f
}

.stock-info .sku-quantity {
    border: 1px solid #B7521F
}

.stock-info .has-error .qty-input-btn,
.stock-info .has-error .sku-quantity {
    border-color: #c4213d
}

.one-size-style-button {
    margin-right: 6px;
    margin-bottom: 15px
}

.has-error .btn-tertiary {
    color: #c4213d;
    border-color: #c4213d
}

.qty-inputs {
    display: flex;
    flex-wrap: wrap
}

.qty-inputs .qty-input {
    padding: 4px 8px 4px 0;
    width: 20%;
    min-width: 84px;
    text-align: center
}

#mobileTabs div {
    border-bottom: none
}

#mobileTabs div:last-child {
    border: 1px solid #cdc4ab
}

.applyLogoBtn {
    white-space: normal
}

@media (max-width: 991.98px) {
    .buttons-container {
        flex-direction: column
    }

    .buttons-container .left-button,
    .buttons-container .right-button {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 768px) {
    .buttons-container {
        flex-direction: row;
        justify-content: normal
    }

    .buttons-container .left-button {
        width: 100%;
        padding-left: 0;
        padding-right: 4px
    }

    .buttons-container .right-button {
        width: 100%;
        padding-right: 0;
        padding-left: 4px
    }
}

.style-fees,
.style-fees-asterix {
    color: #c4213d
}

#productVariants {
    position: relative;
    min-height: 120px
}

#productVariants #loading-bar,
#productVariants #loading-bar-spinner {
    position: absolute
}

.btn-radio-group .btn[disabled] {
    cursor: not-allowed;
    opacity: .65
}

.product-main .product-grid {
    margin-top: 0
}

@media (min-width: 1500px) {
    .product-main .product-grid {
        min-height: 698px
    }
}

@media (min-width: 768px) {
    .product-main .product-grid {
        padding-left: 24px;
        padding-right: 0
    }
}

@media (min-width: 992px) {
    .product-main .product-grid {
        padding-left: 36px;
        padding-right: 12px
    }
}

.size-tabs {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    border-bottom: 1px solid #DAD7CF;
    text-align: center
}

.size-tabs .switcher-link {
    color: #454545;
    padding: 5px 0;
    cursor: pointer;
    margin-right: 20px;
    margin-bottom: -1px
}

.size-tabs .switcher-link.active {
    cursor: default;
    border-bottom: 2px solid #454545
}

.size-tabs .size-charts-link {
    padding: 5px 0
}

@media (max-width: 767px) {
    .product-image-small {
        flex-basis: auto;
        margin-top: 1.4rem
    }
}

.iframe-pdf {
    min-height: 768px
}

#returnsIframe {
    min-height: 600px
}

.reduced-price {
    color: #c4213d
}

.colors-container {
    column-gap: 5px
}
.tab-container th, .tab-container td {
    border-right: 3px solid #fff;
    border-top: none;
    border-bottom: none;
}
.tab-container th, .tab-container td {
    padding: 8px 5px;
}
.tab-container th {
    background-color: #ddd;
}
thead, tbody, tfoot, tr, td, th {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
}
.tab-container tr:nth-child(even) td {
    background-color: #eee;
}
.tab-container th, .tab-container td {
    border-right: 3px solid #fff;
    border-top: none;
    border-bottom: none;
}
.tab-container th, .tab-container td {
    padding: 8px 5px;
}
thead, tbody, tfoot, tr, td, th {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
}
thead, tbody, tfoot, tr, td, th {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
}
.tab-container table{
    width: 100%;
    max-width: 100%;
    margin-bottom: 30px;
        border: unset;
}
table {
    caption-side: bottom;
    border-collapse: collapse;
}
 
.fit-guide__title {
    font-size: 32px;
    font-weight: bold;
}

  /* ==========================================================================
        Size Charts
        ========================================================================== */
    
        .content {
            padding: 0 15px;
        }
        h2 {
            
            font-size: 19px;
            margin-bottom: 5px;
        }
        h5 {
            font-weight: bold;
            font-size: 15px;
            margin-bottom: 5px;
        }
        @media (max-width:800px){
            .tab-container,
            #sizechartMetric {
                overflow-x: scroll;
                text-align: justify;
                max-width: calc(100vw - 30px);
            }
        }
        .content img {
            max-width: 100% !important;
        }
        .content_detail {
            text-align: justify;
        }
        /* Toggle Controls
        ========================================================================== */
        #sizechartMetric {
            display: none;
        }
        #inchesMetricSwitcher .switch {
            color: #777;
            text-decoration: underline;
            margin: 0 3px;
        }
        #inchesMetricSwitcher .btn.switch:hover,
        #inchesMetricSwitcher .btn.switch:focus {
            outline: none;
            box-shadow: none;
        }
        #inchesMetricSwitcher .switch.active {
            text-decoration: none;
            font-weight: bold;
            color: black;
        }
    
        /* Tables
        ========================================================================== */
        .tab-container {
            width: 100%;
            max-width: 100%;
            margin-bottom: 30px;
        }
        .tab-container th { background-color: #ddd; }
        .tab-container th,
        .tab-container td { 
            padding: 8px 5px; 
        }
        .tab-container tr:nth-child(even) td { background-color: #eee; }
        .tab-container tr:nth-child(odd) td { background-color: #ddd; }
        .tab-container th,
        .tab-container td {
            border-right: 3px solid #fff;
            border-top: none;
            border-bottom: none;
        }
        .tab-container td.no-border { border-right: none; }
    
        /* Lists
        ========================================================================== */
        .list-default {
            margin: 1em 1em 0 0;
            padding-left: 40px;
        }
        .list-default > li { list-style-type: initial; }
    
        /* ==========================================================================
        Fit & Size Guide
        ========================================================================== */
    
        /* .fit-guide {
            font-family: 'Lato', Helvetica Neue, Helvetica, Arial, sans-serif;
            margin-bottom: 30px;
        } */
        .fit-guide a:hover img { opacity: 0.5; }
        .fit-guide__category {
            font-size: 17px;
            font-weight: bold;
            margin-top: 2%;
        }
        .fit-guide__title {
            font-size: 32px;
            font-weight: bold;
        }
        .fit-guide__eyebrow { margin-top: -5px; }
        .fit-guide_buttons { max-width: 150px; }
        #petiteFitWomen,
        #regularFitWomen,
        #plusFitWomen,
        #tallFitWomen {
            display: none;
        }
        
                            .text-primary {
                                color: #0c2340 !important;
                            }
 
                            .lato-regular,
                            .lato-bold {
                                font-family: Lato, Helvetica Neue, sans-serif;
                            }

                            .lato-regular {
                                font-weight: 400;
                            }

                            .lato-bold {
                                font-weight: 700;
                            }

       
                            .breadcrumb {
                                padding: 1.75rem 0 1rem;
                            }

                            @media (min-width: 992px) {
                                .breadcrumb {
                                    padding: 1.75rem 0;
                                }
                            }
 

                            .nav-heading a:hover,
                            .nav-heading a:focus {
                                color: inherit !important;
                            }

                            #snb-nav .nav-item {
                                border-width: 0 0 1px;
                                border-bottom: 1px solid #ccc;
                                border-top: 1px solid #ccc;
                                margin: 0;
                                padding: 0;
                                cursor: pointer;
                            }

                            #snb-nav .nav-item:not(:first-child) {
                                border-top: none;
                            }

                            #snb-nav .nav-item .nav-link {
                                display: block;
                                padding: 20px 15px;
                                color: #000;
                                cursor: pointer;
                                background-color: transparent;
                            }

                            #snb-nav .nav-item .nav-link.active {
                                color: #0c2340;
                                font-weight: 700;
                            }

                            #snb-nav .nav-item .nav-link:hover,
                            #snb-nav .nav-item .nav-link:hover {
                                background-color: rgba(0, 0, 0, .03);
                            }

                            /* ==========================================================================
    List item
    ========================================================================== */

                            #snb-list .list-item {
                                border-width: 0 0 1px;
                                border-bottom: 1px solid #ccc;
                                padding-bottom: 1rem;
                                margin-bottom: 1rem;
                            }

                            #snb-list .list-img {
                                display: block;
                                position: relative;
                                margin-bottom: 0;
                                /* 3by1 */
                                /* padding-top: 33.3333%;  */
                                /* 16by9 */
                                padding-top: 56.25%;
                            }

                            #snb-list .list-img img {
                                display: block;
                                position: absolute;
                                top: 0;
                                left: 0;
                                bottom: 0;
                                right: 0;
                                max-width: 100%;
                                width: 100%;
                                height: 100%;
                            }

                            @media (min-width: 768px) {
                                #snb-list .list-img {
                                    padding-top: 100%;
                                }
                            }

                            /* ==========================================================================
    Feature buttons
    ========================================================================== */

                            .feat__buttons {
                                display: flex;
                                flex-direction: row;
                                flex-wrap: wrap;
                                justify-content: space-between;
                            }

                            .feat__buttons .btn {
                                /* min-width: calc(100% - 0.5rem); */
                                min-width: 100%;
                                margin-bottom: 1rem;
                            }

                            @media (min-width:768px) {

                                .feat__buttons--half .btn,
                                .feat__buttons--third .btn {
                                    min-width: calc(50% - 0.5rem);
                                }

                                .feat__buttons--third .btn:last-child:nth-child(odd) {
                                    min-width: 100%;
                                }
                            }

                            @media (min-width:1200px) {
                                .feat__buttons--third {
                                    justify-content: start;
                                }

                                .feat__buttons--third .btn,
                                .feat__buttons--third .btn:last-child:nth-child(odd) {
                                    margin-right: 1rem;
                                    min-width: calc(33.333% - 1rem);
                                }
                            }

                            /* ==========================================================================
    Button link
    ========================================================================== */

                            .btn-snb,
                            .btn-snb:hover,
                            .btn-snb:focus {
                                color: #0c2340;
                                background-color: #e7e7e7;
                                border-color: #e7e7e7;
                                text-transform: none;
                                font-weight: 700;
                            }