{"version":3,"sources":["customizer.scss","customizer/_reboot.scss","customizer/_root.scss","customizer/utilities/_utilities.scss","customizer/components/accordion/_accordion.scss","customizer/components/alert/_alert.scss","customizer/components/dropdown/_dropdown.scss","customizer/components/button/_button.scss","customizer/components/button/_border-btn.scss","customizer/components/list-group/_list-group.scss","hope-ui-design-system/variables/_customizer-colors.scss","customizer/components/forms/_form-control.scss","customizer/components/forms/_form-check.scss","customizer/components/nav/_nav.scss","customizer/components/pagination/_pagination.scss","customizer/components/calender/_calender.scss","customizer/_layouts.scss"],"names":[],"mappings":"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","file":"../customizer.min.css","sourcesContent":["/*!\r\n*\r\n* Template: Hope-Ui - Responsive Bootstrap 5 Admin Dashboard Template\r\n* Author: iqonic.design\r\n* Design and Developed by: iqonic.design\r\n* NOTE: This file contains the styling for color variable.\r\n*\r\n*/\r\n\r\n\r\n// Configuration\r\n@import \"./bootstrap/functions\";\r\n// Variables\r\n@import \"./hope-ui-design-system/variable\";\r\n@import \"./hope-ui-design-system/variables/index\";\r\n@import \"./bootstrap/variables\";\r\n@import \"./bootstrap/mixins\";\r\n\r\n@import \"./customizer/variables\";\r\n@import \"./customizer/reboot\";\r\n@import \"./customizer/root\";\r\n\r\n// Components\r\n@import \"./customizer/components\";\r\n@import \"./customizer/dark\";\r\n@import \"./customizer/layouts\";\r\n@import \"./customizer/utilities/utilities\";\r\n","a{\r\n    color: var(--#{$variable-prefix}primary);\r\n    &:hover{\r\n        color: var(--#{$variable-prefix}primary-shade-20);\r\n    }\r\n}\r\n\r\nh1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{\r\n    color: var(--#{$variable-prefix}primary-shade-80);\r\n}",":root {\r\n\r\n    @mixin custom-color-variables($color-name: 'primary',$color-value: $primary) {\r\n        --#{$variable-prefix}heading-color: #{shade-color($color-value, 80%)};\r\n        --#{$variable-prefix}#{$color-name}: #{$color-value};\r\n        --#{$variable-prefix}#{$color-name}-shade-80: #{shade-color($color-value, 80%)};\r\n        --#{$variable-prefix}#{$color-name}-shade-60: #{shade-color($color-value, 60%)};\r\n        --#{$variable-prefix}#{$color-name}-shade-40: #{shade-color($color-value, 40%)};\r\n        --#{$variable-prefix}#{$color-name}-shade-20: #{shade-color($color-value, 20%)};\r\n        --#{$variable-prefix}#{$color-name}-tint-90: #{tint-color($color-value, 90%)};\r\n        --#{$variable-prefix}#{$color-name}-tint-80: #{tint-color($color-value, 80%)};\r\n        --#{$variable-prefix}#{$color-name}-tint-60: #{tint-color($color-value, 60%)};\r\n        --#{$variable-prefix}#{$color-name}-tint-40: #{tint-color($color-value, 40%)};\r\n        --#{$variable-prefix}#{$color-name}-tint-20: #{tint-color($color-value, 20%)};\r\n        --#{$variable-prefix}#{$color-name}-rgb: #{to-rgb($color-value)};\r\n    }\r\n\r\n    @include custom-color-variables('primary',$primary);\r\n    @include custom-color-variables('info',$info);\r\n}\r\n","@each $color in $colors-name {\r\n    .text-#{$color}{\r\n        color: var(--#{$variable-prefix}#{$color}) !important;\r\n    }\r\n    .bg-#{$color}{\r\n        background-color: var(--#{$variable-prefix}#{$color}) !important;\r\n    }\r\n    .bg-soft-#{$color}{\r\n        color: var(--#{$variable-prefix}#{$color});\r\n        background-color: rgba(var(--#{$variable-prefix}#{$color}-rgb), .1) !important;\r\n    }\r\n    a, button{\r\n        &.bg-soft-#{$color}{\r\n            color: var(--#{$variable-prefix}#{$color});\r\n            background-color: rgba(var(--#{$variable-prefix}#{$color}-rgb), .1) !important;\r\n            &:hover, &:focus{\r\n                color: var(--#{$variable-prefix}#{$color}-shade-20);\r\n                background-color: rgba(var(--#{$variable-prefix}#{$color}-rgb), .2) !important;\r\n            }\r\n        }\r\n    }\r\n}",".accordion-button{\r\n    &:not(.collapsed){\r\n        color: var(--#{$variable-prefix}primary-shade-20);\r\n        background-color: var(--#{$variable-prefix}primary-tint-90);\r\n        box-shadow: inset 0 ($accordion-border-width * -1) 0, rgba(var(--#{$variable-prefix}black-rgb),0.13);\r\n    }\r\n    &:focus{\r\n        border-color: var(--#{$variable-prefix}primary-tint-40);\r\n        box-shadow: 0 .125rem $input-btn-focus-blur $input-btn-focus-width, rgba(var(--#{$variable-prefix}primary-rgb),.15);\r\n    }\r\n}","@each $color in $colors-name {\r\n    .alert-#{$color} {\r\n        color: var(--#{$variable-prefix}#{$color}-shade-40);\r\n        background: var(--#{$variable-prefix}#{$color}-tint-60);\r\n        border-color: var(--#{$variable-prefix}#{$color});\r\n        .alert-link {\r\n            color: var(--#{$variable-prefix}#{$color}-shade-40);\r\n        }\r\n        &.alert-solid {\r\n            color: var(--#{$variable-prefix}white);\r\n            background: var(--#{$variable-prefix}#{$color});\r\n            border-color: var(--#{$variable-prefix}#{$color});\r\n        }\r\n    }\r\n    .alert-left {\r\n        &.alert-#{$color} {\r\n            border-color: var(--#{$variable-prefix}#{$color});\r\n        }\r\n    }\r\n    .alert-top {\r\n        &.alert-#{$color} {\r\n            border-color: var(--#{$variable-prefix}#{$color});\r\n        }\r\n    }\r\n    .alert-right {\r\n        &.alert-#{$color} {\r\n            border-color: var(--#{$variable-prefix}#{$color});\r\n        }\r\n    }\r\n    .alert-bottom {\r\n        &.alert-#{$color} {\r\n            border-color: var(--#{$variable-prefix}#{$color});\r\n        }\r\n    }\r\n}\r\n",".dropdown-item{\r\n    &:hover, &:focus{\r\n        color: var(--#{$variable-prefix}white);\r\n        border-radius: $border-radius;\r\n        cursor: pointer;\r\n        background-color: var(--#{$variable-prefix}primary);\r\n    }\r\n    &.active, &:active{\r\n        color: var(--#{$variable-prefix}white);\r\n        border-radius: $border-radius;\r\n        cursor: pointer;\r\n    }\r\n}\r\n.dropdown-menu {\r\n   \r\n\tli {\r\n\t\tmargin: .5rem 0;\r\n\t\t&:first-child {\r\n\t\t\tmargin-top: 0;\r\n\t\t}\r\n\t\t&:last-child {\r\n\t\t\tmargin-bottom: 0;\r\n\t\t}\r\n\t}\r\n}","@each $color in $colors-name {\r\n    .btn{\r\n        &.btn-#{$color}{\r\n            color: var(--#{$variable-prefix}white);\r\n            background-color: var(--#{$variable-prefix}#{$color});\r\n            border-color: var(--#{$variable-prefix}#{$color});\r\n\r\n            &:hover{\r\n                color:  var(--#{$variable-prefix}white);\r\n                background-color: var(--#{$variable-prefix}#{$color}-shade-20);\r\n                border-color: var(--#{$variable-prefix}#{$color}-shade-20);\r\n            }\r\n            &:focus{\r\n                color: var(--#{$variable-prefix}white);\r\n                background-color: var(--#{$variable-prefix}#{$color}-shade-20);\r\n                border-color: var(--#{$variable-prefix}#{$color}-shade-20);\r\n            }\r\n            &:active, &.active{\r\n                color: var(--#{$variable-prefix}white);\r\n                background-color: var(--#{$variable-prefix}#{$color}-shade-20);\r\n                border-color: var(--#{$variable-prefix}#{$color}-shade-20);\r\n            }\r\n        }\r\n        &.btn-outline-#{$color}{\r\n            color: var(--#{$variable-prefix}#{$color}-shade-20);\r\n            border-color: var(--#{$variable-prefix}#{$color}-shade-20);\r\n            &:hover{\r\n                color:  var(--#{$variable-prefix}white);\r\n                background-color: var(--#{$variable-prefix}#{$color});\r\n                border-color: var(--#{$variable-prefix}#{$color});\r\n            }\r\n            &:active, &.active{\r\n                color: var(--#{$variable-prefix}white);\r\n                background-color: var(--#{$variable-prefix}#{$color}-shade-20);\r\n                border-color: var(--#{$variable-prefix}#{$color}-shade-20);\r\n            }\r\n        }\r\n        &.btn-soft-#{$color}{\r\n            color: var(--#{$variable-prefix}#{$color});\r\n            background-color: rgba(var(--#{$variable-prefix}#{$color}-rgb), .1);\r\n            border-color: transparent;\r\n            &:hover, &:focus, &:active{\r\n                color: var(--#{$variable-prefix}#{$color});\r\n                background-color: rgba(var(--#{$variable-prefix}#{$color}-rgb), .2);\r\n                // border-color: rgba(var(--#{$variable-prefix}primary-rgb), .2);\r\n                border-color: transparent;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.btn-link{\r\n    color:var(--#{$variable-prefix}primary);\r\n    &:hover{\r\n        color: var(--#{$variable-prefix}primary-tint-20);\r\n    }\r\n}\r\n.bd-aside{\r\n    .active{\r\n        color: var(--#{$variable-prefix}primary);\r\n        background-color: var(--#{$variable-prefix}primary-tint-90);\r\n    }\r\n    .btn:hover{\r\n        color: var(--#{$variable-prefix}primary);\r\n        background-color: var(--#{$variable-prefix}primary-tint-90);\r\n    }\r\n    .btn:focus{\r\n        color: var(--#{$variable-prefix}primary);\r\n        background-color: var(--#{$variable-prefix}primary-tint-90);\r\n    }\r\n    a:hover{\r\n        background-color: var(--#{$variable-prefix}primary-tint-90) ;\r\n    }\r\n}\r\n\r\n\r\n\r\n.btn-check {\r\n\t&:focus+.btn {\r\n\t\tbackground-color: var(--#{$variable-prefix}primary);\r\n\t\tborder-color: var(--#{$variable-prefix}primary);\r\n\t\tcolor: var(--#{$variable-prefix}white);\r\n\t}\r\n}\r\n.btn {\r\n\t&:focus {\r\n\t\tbackground-color: var(--#{$variable-prefix}primary);\r\n\t\tborder-color: var(--#{$variable-prefix}primary);\r\n\t\tcolor: var(--#{$variable-prefix}white);\r\n\t}\r\n\t&:hover {\r\n\t\tbackground-color: var(--#{$variable-prefix}primary);\r\n\t\tborder-color: var(--#{$variable-prefix}primary);\r\n\t\tcolor: var(--#{$variable-prefix}white);\r\n\t}\r\n}",".btn-border{\r\n    &.active{\r\n        border-color: var(--#{$variable-prefix}primary);\r\n    }\r\n}","@each $color in $colors-name {\r\n    .list-group-item.list-group-item-#{$color}{\r\n        color: var(--#{$variable-prefix}#{$color}-shade-40);\r\n        background-color: var(--#{$variable-prefix}#{$color}-tint-80);\r\n        &.list-group-item-action{\r\n            &:not(.active){\r\n                &:hover, &:focus{\r\n                    color: var(--#{$variable-prefix}#{$color}-shade-40);\r\n                    background-color: var(--#{$variable-prefix}#{$color}-tint-60);\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n.list-group-item{\r\n    &.active{\r\n        background-color: var(--#{$variable-prefix}primary);\r\n        border-color: var(--#{$variable-prefix}primary);\r\n        color: var(--#{$variable-prefix}white)\r\n    }\r\n}\r\n\r\n@each $color in $colors-name {\r\n    .list-group{\r\n        .list-group-item{\r\n            &.list-group-item-action{\r\n                &.list-group-item-#{$color} {\r\n                    background-color: rgba(var(--#{$variable-prefix}#{$color}-rgb), 10%);\r\n                    &:hover{\r\n                        background-color: rgba(var(--#{$variable-prefix}#{$color}-rgb), 20%);\r\n                        color: $color;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n}","$colors-name: ('primary', 'info') !default;\r\n\r\n$custom-colors: (\r\n    \"theme-color-blue\": map-merge($colors,(\r\n        \"primary\": #00C3F9,\r\n        \"info\": #573BFF,\r\n    )),\r\n    \"theme-color-gray\": map-merge($colors,(\r\n        \"primary\": #91969E,\r\n        \"info\": #FD8D00,\r\n    )),\r\n    \"theme-color-red\": map-merge($colors,(\r\n        \"primary\": #DB5363,\r\n        \"info\": #366AF0,\r\n    )),\r\n    \"theme-color-yellow\": map-merge($colors,(\r\n        \"primary\": #EA6A12,\r\n        \"info\": #6410F1,\r\n    )),\r\n    \"theme-color-pink\": map-merge($colors,(\r\n        \"primary\": #E586B3,\r\n        \"info\": #25C799,\r\n    )),\r\n) !default;",".form-control{\r\n    &:focus{\r\n        border-color: var(--#{$variable-prefix}primary-tint-40);\r\n    }\r\n}\r\n.form-select{\r\n    &:focus{\r\n        border-color: var(--#{$variable-prefix}primary-tint-40);\r\n    }\r\n}",".form-check-input{\r\n    &:checked{\r\n        border-color: var(--#{$variable-prefix}primary-shade-20);\r\n        background-color: var(--#{$variable-prefix}primary-shade-20);\r\n    }\r\n    &:focus{\r\n        border-color: var(--#{$variable-prefix}primary-shade-20);\r\n    }\r\n}\r\n\r\n@each $color in $colors-name {\r\n    .border-#{$color}{\r\n        border-color: var(--#{$variable-prefix}#{$color}) !important;\r\n    }\r\n}",".nav-link{\r\n    &:hover, &:focus {\r\n        color: var(--#{$variable-prefix}primary);\r\n    }\r\n}\r\n.nav-tabs{\r\n    .nav-link{\r\n        &.active{\r\n            color:var(--#{$variable-prefix}white);\r\n            background-color: var(--#{$variable-prefix}primary);\r\n            border-color: var(--#{$variable-prefix}primary);\r\n            @if($nav-tabs-shadow){\r\n                box-shadow: 0 0.125rem 0.25rem rgba(var(--#{$variable-prefix}primary-rgb), 0.3);\r\n            }\r\n        }\r\n    }\r\n    &.nav-slider{\r\n        .nav-link{\r\n            &.active{\r\n                @if($nav-tabs-shadow){\r\n                    box-shadow: 0 0.125rem 0.25rem rgba(var(--#{$variable-prefix}primary-rgb), 0);\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.nav-pills {\r\n    .nav-link{\r\n        &.active{\r\n            color: var(--#{$variable-prefix}white);\r\n            background-color: var(--#{$variable-prefix}primary);\r\n        }\r\n    }\r\n}\r\n.nav-slider{\r\n    position: relative;\r\n    .nav-link{\r\n        &.active {\r\n            background-color: transparent;\r\n        }\r\n    }\r\n    .nav-item {\r\n        z-index: 3;\r\n    }\r\n    .nav-slider-thumb {\r\n        z-index: 1 !important;\r\n        width: 100%;\r\n        color: var(--#{$variable-prefix}primary);\r\n        background: var(--#{$variable-prefix}primary);\r\n    }\r\n}\r\n",".page-item {\r\n    &.active{\r\n        .page-link{\r\n            color:var(--#{$variable-prefix}white);\r\n            background-color: var(--#{$variable-prefix}primary);\r\n            border-color: var(--#{$variable-prefix}primary);\r\n        }\r\n    }\r\n    .page-link{\r\n        border-color: var(--#{$variable-prefix}primary-tint-80);\r\n        color: var(--#{$variable-prefix}primary);\r\n    }\r\n}",".fc-button-primary {\r\n    background-color: var(--#{$variable-prefix}primary) !important;\r\n    border-color:var(--#{$variable-prefix}primary) !important ;\r\n}",".offcanvas.live-customizer {\r\n    box-shadow: $dropdown-box-shadow;\r\n    border: 0;\r\n}\r\n@media (min-width: 768px) {\r\n    .offcanvas.live-customizer {\r\n        width: 450px;\r\n    }\r\n    .theme-fs-lg{\r\n        .offcanvas.live-customizer {\r\n            width: 500px;\r\n        }\r\n    }\r\n}\r\n"]}