{"version":3,"sources":["color-4.scss"],"names":[],"mappings":"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","file":"color-4.css","sourcesContent":[".b-l-primary {\n    border-left-color: var(--theme-default) !important;\n}\n.b-t-primary {\n    border-top-color: var(--theme-default) !important;\n}\n.b-b-primary {\n    border-bottom-color: var(--theme-default) !important;\n}\n.b-r-primary {\n    border-right-color: var(--theme-default) !important;\n}\n.b-l-secondary {\n    border-left-color: var(--theme-secondary) !important;\n}\n.b-b-secondary {\n    border-bottom-color: var(--theme-secondary) !important;\n}\n.b-t-secondary {\n    border-top-color: var(--theme-secondary) !important;\n}\n.b-r-secondary {\n    border-right-color: var(--theme-secondary) !important;\n}\n.stroke-primary {\n    stroke: var(--theme-default) !important;\n}\n.stroke-secondary {\n    stroke: var(--theme-secondary) !important;\n}\n.badge-primary {\n    background-color: var(--theme-default);\n    &:hover {\n        background-color: var(--theme-default);\n        border-color: var(--theme-default);\n    }\n}\n.badge-secondary {\n    background-color: var(--theme-secondary);\n    &:hover {\n        background-color: var(--theme-secondary);\n        border-color: var(--theme-secondary);\n    }\n}\n.btn-primary {\n    background-color: var(--theme-default);\n    border-color: var(--theme-default);\n    &:hover {\n        background-color: var(--theme-default);\n        border-color: var(--theme-default);\n    }\n    &:focus {\n        background-color: var(--theme-default);\n        border-color: var(--theme-default);\n    }\n    &:active {\n        background-color: var(--theme-default);\n        border-color: var(--theme-default);\n        &:focus {\n            background-color: var(--theme-default);\n            border-color: var(--theme-default);\n        }\n    }\n}\n.btn-secondary {\n    background-color: var(--theme-secondary);\n    border-color: var(--theme-secondary);\n    &:hover {\n        background-color: var(--theme-secondary);\n        border-color: var(--theme-secondary);\n    }\n    &:focus {\n        background-color: var(--theme-secondary);\n        border-color: var(--theme-secondary);\n    }\n    &:active {\n        background-color: var(--theme-secondary);\n        border-color: var(--theme-secondary);\n        &:focus {\n            background-color: var(--theme-secondary);\n            border-color: var(--theme-secondary);\n        }\n    }\n}\n.progress-striped-primary {\n    background-color: rgba(#025464, 0.1) !important;\n    .progress-bar {\n        background-image: linear-gradient(120deg, #025464 25%, transparent 25%, transparent 50%, #025464 50%, #025464 75%, transparent 75%, transparent);\n    }\n}\n.progress-striped-secondary {\n    background-color: rgba(#E57C23, 0.1) !important;\n    .progress-bar {\n        background-image: linear-gradient(120deg, #E57C23 25%, transparent 25%, transparent 50%, #E57C23 50%, #E57C23 75%, transparent 75%, transparent);\n    }\n}\n.font-primary {\n    color: var(--theme-default) !important;\n}\n.btn-light-primary,\n.bg-light-primary {\n    background-color: rgba(#025464, 0.1) !important;\n    color: var(--theme-default);\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n        color: var(--theme-default);\n    }\n    &:hover {\n        color: var(--theme-default);\n    }\n    &:focus {\n        color: var(--theme-default);\n    }\n    &:active {\n        color: var(--theme-default);\n        &:focus {\n            color: var(--theme-default);\n            border-color: var(--theme-default);\n        }\n    }\n}\n.btn-light-secondary,\n.bg-light-secondary {\n    background-color: rgba(#E57C23, 0.1) !important;\n    color: var(--theme-secondary);\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n        color: var(--theme-secondary);\n    }\n    &:hover {\n        color: var(--theme-secondary);\n    }\n    &:focus {\n        color: var(--theme-secondary);\n    }\n    &:active {\n        color: var(--theme-secondary);\n        &:focus {\n            color: var(--theme-secondary);\n            border-color: var(--theme-secondary);\n        }\n    }\n}\n.font-secondary {\n    color: var(--theme-secondary) !important;\n}\n.page-sidebar {\n    .sidebar-link {\n        &.active {\n            background-color: rgba(#025464, 0.1) !important;\n        }\n    }\n}\n.line-primary {\n    &:before {\n        background-color: var(--theme-default);\n    }\n}\n.line-secondary {\n    &:before {\n        background-color: var(--theme-secondary);\n    }\n}\n.bg-light-primary {\n    background-color: rgba(#025464, 0.1) !important;\n    color: var(--theme-default);\n}\n.bg-light-secondary {\n    background-color: rgba(#E57C23, 0.1) !important;\n    color: var(--theme-secondary);\n}\n.circle-dot-primary {\n    span {\n        background-color: var(--theme-default);\n    }\n}\n.timeline-dot-primary {\n    background-color: var(--theme-default);\n    outline: 5px solid rgba(#025464, 0.25);\n}\n.timeline-dot-secondary {\n    background-color: var(--theme-secondary);\n    outline: 5px solid rgba(#E57C23, 0.25);\n}\n.circle-dot-secondary {\n    span {\n        background-color: var(--theme-secondary);\n    }\n}\n.sidebar-pannle-main {\n    ul {\n        .icon-btn {\n            box-shadow: 0 0 10px #025464;\n        }\n    }\n}\n.border-primary {\n    border-color: var(--theme-default) !important;\n}\n.border-secondary {\n    border-color: var(--theme-secondary) !important;\n}\n.page-title {\n    .breadcrumb-item {\n        .svg-color {\n            background-color: rgba(#025464, 0.1);\n        }\n        &.active {\n            color: rgba(#025464, 0.6);\n        }\n    }\n}\n.progress-border-primary {\n    &.progress {\n        background-color: rgba(#025464, 0.15);\n    }\n    .progress-bar {\n        background-color: var(--theme-default) !important;\n        &::after {\n            background-color: var(--theme-default) !important;\n        }\n    }\n}\n.progress-border-secondary {\n    &.progress {\n        background-color: rgba(#E57C23, 0.15);\n    }\n    .progress-bar {\n        background-color: var(--theme-secondary) !important;\n        &::after {\n            background-color: var(--theme-secondary) !important;\n        }\n    }\n}\n.fill-primary {\n    fill: var(--theme-default);\n}\n.fill-secondary {\n    fill: var(--theme-secondary);\n}\n.tap-top {\n    box-shadow: 0 0 10px #025464;\n}\n.ecommerce-dashboard,\n.general-widget {\n    .progress-items {\n        .flex-shrink-0 {\n            &.bg-light-primary {\n                background: linear-gradient(180deg, rgba(#025464, 0.19) 7.29%, rgba(#025464, 0) 100%);\n            }\n            &.bg-light-secondary {\n                background: linear-gradient(180deg, rgba(#E57C23, 0.19) 7.29%, rgba(#E57C23, 0) 100%);\n            }\n        }\n    }\n}\n.bg-primary {\n    background-color: var(--theme-default) !important;\n}\n.bg-secondary {\n    background-color: var(--theme-secondary) !important;\n}\n.project-dashboard,\n.general-widget {\n    .card {\n        &.esatae-card {\n            .card-body {\n                .esatae-body {\n                    .flex-shrink-0 {\n                        &.bg-secondary {\n                            filter: drop-shadow(-6px 6px 10px rgba(#E57C23, 0.25));\n                        }\n                        &.bg-primary {\n                            filter: drop-shadow(-6px 6px 10px rgba(#025464, 0.25));\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n.simplebar-scrollbar {\n    &:before {\n        background: rgba(#025464, 0.2);\n    }\n}\n.alert-primary {\n    background-color: rgba(#025464, 0.8);\n    border-color: rgba(#025464, 0.9);\n}\n.alert-light-primary {\n    background-color: rgba(#025464, 0.2);\n    color: var(--theme-default);\n}\n.accordion-light-primary {\n    background-color: rgba(#025464, 0.1);\n    color: var(--theme-default);\n    &:not(.collapsed) {\n        background-color: rgba(#025464, 0.1);\n        color: var(--theme-default);\n    }\n}\n.alert-secondary {\n    background-color: rgba(#E57C23, 0.8);\n    border-color: rgba(#E57C23, 0.9);\n}\n.alert-light-secondary {\n    background-color: rgba(#E57C23, 0.2);\n    color: var(--theme-secondary);\n}\n.accordion-light-secondary {\n    background-color: rgba(#E57C23, 0.1);\n    color: var(--theme-secondary);\n    &:not(.collapsed) {\n        background-color: rgba(#E57C23, 0.1) !important;\n        color: var(--theme-secondary);\n    }\n}\n.nav-primary {\n    .nav-link {\n        color: var(--theme-default);\n        &.active {\n            background-color: var(--theme-default);\n        }\n    }\n}\n.list-group-item {\n    &.list-group-item-primary {\n        background-color: rgba(#025464, 0.3) !important;\n        color: var(--theme-default);\n    }\n}\n.list-hover-primary {\n    &.active {\n        background-color: rgba(#025464, 0.1) !important;\n    }\n    &:hover {\n        background-color: rgba(#025464, 0.1) !important;\n    }\n}\n.bg-outline-primary {\n    border-color: var(--theme-default);\n    color: var(--theme-default);\n    li {\n        &.breadcrumb-item {\n            a {\n                color: var(--theme-default);\n            }\n            &::before {\n                color: var(--theme-default);\n            }\n            &.active {\n                color: var(--theme-default);\n            }\n        }\n    }\n}\n.bg-outline-secondary {\n    border-color: var(--theme-secondary);\n    color: var(--theme-secondary);\n    li {\n        &.breadcrumb-item {\n            a {\n                color: var(--theme-secondary);\n            }\n            &::before {\n                color: var(--theme-secondary);\n            }\n            &.active {\n                color: var(--theme-secondary);\n            }\n        }\n    }\n}\n.list-group-item {\n    &.list-group-item-secondary {\n        background-color: rgba(#E57C23, 0.3) !important;\n        color: var(--theme-secondary);\n    }\n}\n.list-hover-secondary {\n    &.active {\n        background-color: rgba(#E57C23, 0.1) !important;\n    }\n    &:hover {\n        background-color: rgba(#E57C23, 0.1) !important;\n    }\n}\n.nav-secondary {\n    .nav-link {\n        color: var(--theme-secondary);\n        &.active {\n            background-color: var(--theme-secondary);\n        }\n    }\n}\n.dropzone {\n    border-color: var(--theme-default);\n    background: rgba(#025464, 0.1);\n}\n.btn-outline-primary {\n    border: 1px solid #43B9B2;\n    color: #43B9B2;\n    &:hover {\n        background-color: var(--theme-default);\n        border-color: var(--theme-default);\n        .stroke-primary {\n            stroke: #ffffff !important;\n        }\n    }\n    &:focus {\n        background-color: var(--theme-default);\n        border-color: var(--theme-default);\n    }\n    &:active {\n        &:focus {\n            background-color: var(--theme-default);\n            border-color: var(--theme-default);\n        }\n        background-color: var(--theme-default);\n        border-color: var(--theme-default);\n    }\n}\n.btn-outline-secondary {\n    border: 1px solid var(--theme-secondary);\n    color: var(--theme-secondary);\n    &:hover {\n        background-color: var(--theme-secondary);\n        border-color: var(--theme-secondary);\n    }\n}\n.select2-drpdwn-product {\n    .form-control {\n        background-color: rgba(#025464, 0.1);\n    }\n}\n.square-product-setting {\n    .icon-grid {\n        background-color: rgba(#025464, 0.1);\n    }\n}\n.product-modal {\n    &.modal {\n        .modal-header {\n            .product-box {\n                .product-details {\n                    .product-size {\n                        ul {\n                            li {\n                                background-color: rgba(#025464, 0.1);\n                            }\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n.touchspin-wrapper {\n    .btn-touchspin {\n        &.spin-border-primary {\n            border-color: var(--theme-default);\n            color: var(--theme-default);\n        }\n        &.touchspin-primary {\n            background-color: var(--theme-default);\n            border: 1px solid var(--theme-default);\n        }\n        &.touchspin-secondary {\n            background-color: var(--theme-secondary);\n            border: 1px solid var(--theme-secondary);\n        }\n        &.spin-border-secondary {\n            border-color: var(--theme-secondary);\n            color: var(--theme-secondary);\n        }\n    }\n    input[type='number'] {\n        &.spin-outline-primary {\n            outline: 1px solid var(--theme-default);\n        }\n        &.spin-outline-secondary {\n            outline: 1px solid var(--theme-secondary);\n        }\n    }\n}\n.radio-primary {\n    &::before {\n        background: var(--theme-default);\n    }\n}\n.radio-secondary {\n    &::before {\n        background: var(--theme-secondary);\n    }\n}\n.checkbox-primary {\n    &::before {\n        border-color: var(--theme-default);\n    }\n}\n.checkbox-secondary {\n    &::before {\n        border-color: var(--theme-secondary);\n    }\n}\n.product-social {\n    li {\n        a {\n            &:hover {\n                background-color: rgba(#025464, 0.1);\n            }\n        }\n    }\n}\n.collection-filter-block {\n    svg {\n        fill: rgba(#025464, 0.1);\n    }\n}\n.border-tab {\n    &.nav-primary {\n        .nav-item {\n            .nav-link {\n                &.active {\n                    color: var(--theme-default);\n                    border-color: var(--theme-default);\n                }\n                &:hover {\n                    color: var(--theme-default);\n                }\n            }\n        }\n    }\n}\n.datatable-wrapper {\n    .datatable-pagination {\n        a {\n            &:hover {\n                background-color: rgba(#025464, 0.1);\n            }\n        }\n        .datatable-active {\n            a {\n                background-color: rgba(#025464, 0.1);\n            }\n        }\n    }\n}\n.order-history {\n    table {\n        thead {\n            tr {\n                th {\n                    background-color: rgba(#025464, 0.05) !important;\n                }\n            }\n        }\n    }\n}\n.checkbox-checked {\n    .form-check-input {\n        &:focus {\n            box-shadow: 0 0 0 4px rgba(#025464, 0.25);\n        }\n    }\n}\n.email-main-wrapper {\n    .email-app-sidebar {\n        .nav-pills {\n            .nav-link {\n                &.active {\n                    background-color: rgba(#025464, 0.1);\n                    svg {\n                        stroke: rgba(#025464, 0.8);\n                    }\n                }\n            }\n        }\n    }\n}\n.email-body {\n    .mail-body-wrapper {\n        ul {\n            li {\n                &:hover {\n                    background-color: rgba(#025464, 0.1);\n                }\n            }\n        }\n    }\n}\n.badge-light-primary {\n    background-color: rgba(#025464, 0.1);\n    color: var(--theme-default);\n}\n.badge-light-secondary {\n    background-color: rgba(#E57C23, 0.1);\n    color: var(--theme-secondary);\n}\n.left-sidebar-wrapper {\n    * {\n        scrollbar-color: rgba(#025464, 0.1);\n    }\n    *::-webkit-scrollbar-thumb {\n        background-color: rgba(#025464, 0.1);\n    }\n}\n.msger-inputarea {\n    .dropdown-form {\n        .chat-icon {\n            div {\n                background-color: rgba(#025464, 0.1);\n            }\n        }\n    }\n}\n.email-wrap {\n    .email-app-sidebar {\n        .main-menu {\n            >li {\n                a {\n                    &:hover {\n                        background-color: rgba(#025464, 0.1);\n                    }\n                }\n            }\n        }\n    }\n}\n.contacts-tabs {\n    .nav-pills {\n        .nav-link {\n            &.active {\n                background-color: rgba(#025464, 0.05);\n            }\n        }\n    }\n}\n.fc {\n    .fc-button-primary {\n        &:focus {\n            box-shadow: 0 0 0 0.2rem rgba(#025464, 0.5);\n        }\n        &:not(:disabled).fc-button-active {\n            &:focus {\n                box-shadow: 0 0 0 0.2rem rgba(#025464, 0.5);\n            }\n        }\n        &:not(:disabled) {\n            &:active {\n                &:focus {\n                    box-shadow: 0 0 0 0.2rem rgba(#025464, 0.5);\n                }\n            }\n        }\n    }\n}\n.pagination-border-primary {\n    .page-item {\n        .page-link {\n            border-color: var(--theme-default);\n            color: var(--theme-default);\n            &:hover {\n                background-color: var(--theme-default);\n            }\n        }\n        &.active {\n            .page-link {\n                background-color: var(--theme-default);\n            }\n        }\n    }\n}\n.pagination-border-secondary {\n    .page-item {\n        .page-link {\n            border-color: var(--theme-secondary);\n            color: var(--theme-secondary);\n            &:hover {\n                background-color: var(--theme-secondary);\n            }\n        }\n        &.active {\n            .page-link {\n                background-color: var(--theme-secondary);\n            }\n        }\n    }\n}\n.buttons-tab {\n    .bg-light-primary {\n        .nav-link {\n            &.active {\n                color: var(--theme-default) !important;\n            }\n        }\n    }\n    .bg-light-secondary {\n        .nav-link {\n            &.active {\n                color: var(--theme-secondary) !important;\n            }\n        }\n    }\n}\npre[class*=language-] {\n    background: rgba(#025464, 0.07);\n}\n.code-box-copy {\n    pre[class*=language-] {\n        border-color: rgba(#025464, 0.04);\n    }\n}\n.code-box-copy__btn {\n    background-color: var(--theme-default);\n    border: 1px solid var(--theme-default);\n}\n.bg-common-primary {\n    background-color: rgba(#025464, 0.1);\n    border-color: var(--theme-default);\n    svg {\n        stroke: var(--theme-default);\n    }\n}\n.bg-common-secondary {\n    background-color: rgba(#E57C23, 0.1);\n    border-color: var(--theme-secondary);\n    svg {\n        stroke: var(--theme-secondary);\n    }\n}\n.dote-primary {\n    background-color: var(--theme-default);\n    outline: 5px solid rgba(#025464, 0.25);\n}\n.dote-secondary {\n    background-color: var(--theme-secondary);\n    outline: 5px solid rgba(#E57C23, 0.25);\n}\n.popover {\n    box-shadow: 0 0 20px rgba(#025464, 0.1);\n    .popover-header {\n        background-color: rgba(#025464, 0.1);\n    }\n}\n.ribbon-primary {\n    background: var(--theme-default);\n    &.ribbon-clip-right {\n        &::before {\n            border-top-color: var(--theme-default);\n            border-left-color: var(--theme-default);\n        }\n    }\n}\n.ribbon-secondary {\n    background: var(--theme-secondary);\n    &.ribbon-clip {\n        &::before {\n            border-top-color: var(--theme-secondary);\n            border-right-color: var(--theme-secondary);\n        }\n    }\n}\n.treejs {\n    .treejs-node__halfchecked {\n        >.treejs-checkbox {\n            &:before {\n                background-color: var(--theme-default) !important;\n                border-color: var(--theme-default) !important;\n            }\n        }\n    }\n}\n.number-rating {\n    .circle {\n        background-color: rgba(#025464, 0.1);\n    }\n}\n.heart-rating {\n    .rating-system3 {\n        label {\n            &:hover {\n                background: var(--theme-default);\n                ~ {\n                    label {\n                        background: var(--theme-default);\n                    }\n                }\n            }\n        }\n        input {\n            &:checked {\n                ~ {\n                    label {\n                        box-shadow: 6px 0 #025464, 3px 1px 0 7px var(--white), 3px 1px 0 9px #025464;\n                    }\n                }\n            }\n        }\n    }\n}\n.dropdown {\n    .dropdown-toggle {\n        background-color: rgba(#025464, 0.08);\n    }\n}\n.square-timeline {\n    .timeline-event {\n        .timeline-event-icon {\n            outline: 6px solid rgba(#025464, 0.25);\n        }\n        .timeline-event-wrapper {\n            .timeline-thumbnail {\n                background-color: rgba(#025464, 0.25);\n            }\n        }\n        &:hover {\n            .timeline-event-wrapper {\n                .timeline-thumbnail {\n                    box-shadow: inset 40em 0 0 0 rgba(#025464, 0.6);\n                }\n            }\n        }\n    }\n}\n.activity-dot-primary {\n    outline: 5px solid rgba(#025464, 0.25);\n    background: var(--theme-default);\n}\n.activity-dot-secondary {\n    outline: 5px solid rgba(#E57C23, 0.25);\n    background: var(--theme-secondary);\n}\n.checkbox-border-primary {\n    &:after {\n        border-color: var(--theme-default);\n    }\n}\n.checkbox-border-secondary {\n    &:after {\n        border-color: var(--theme-secondary);\n    }\n}\n.radio-border-primary {\n    &:after {\n        border-color: var(--theme-default);\n    }\n}\n.radio-border-secondary {\n    &:after {\n        border-color: var(--theme-secondary);\n    }\n}\n.pre-post-touchspin {\n    .btn-touchspin {\n        &.touchspin-primary {\n            background-color: var(--theme-default);\n            border-color: var(--theme-default);\n        }\n    }\n}\n.form-switch {\n    .form-check-input {\n        &.switch-primary {\n            &:checked {\n                background-color: var(--theme-default);\n                border-color: var(--theme-default);\n            }\n        }\n        &.switch-secondary {\n            &:checked {\n                background-color: var(--theme-secondary);\n                border-color: var(--theme-secondary);\n            }\n        }\n    }\n}\n.basic-wizard {\n    .stepper-horizontal {\n        .step {\n            .step-bar-left {\n                background-color: rgba(#025464, 0.1);\n                border: 1px solid rgba(#025464, 0.1);\n            }\n        }\n    }\n}\n// form-wizard\n.shopping-wizard {\n    .shipping-form {\n        .shipping-options {\n            .nav-link {\n                &:active,\n                &.active {\n                    i {\n                        background-color: #f7d5fa;\n                    }\n                }\n            }\n        }\n    }\n}\n.checkbox-solid-primary {\n    input[type=checkbox] {\n        &:checked {\n            + {\n                label {\n                    &::before {\n                        background-color: var(--theme-default);\n                        border: var(--theme-default);\n                    }\n                }\n            }\n        }\n    }\n}\n.dataTables_wrapper {\n    .dataTables_paginate {\n        .paginate_button {\n            &.current,\n            &:active {\n                background: rgba(#025464, 0.1);\n            }\n            &:hover {\n                background: rgba(#025464, 0.1) !important;\n            }\n        }\n    }\n}\npre {\n    background-color: rgba(#025464, 0.1);\n}"]}