/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./assets/scss/color-3.scss ***!
  \*********************************************************************************************************************************************************************************************************************/
.sidebar-menu .sidebar-list.active .sidebar-link {
    background-color: rgba(7, 102, 173, .2)
}

.default-dashboard .total-invest .invest-content .btn {
    box-shadow: 0 0 15px 0 rgba(7, 102, 173, .4)
}

.bg-light-primary {
    background-color: rgba(7, 102, 173, .1)
}

.bg-light-secondary {
    background-color: rgba(41, 173, 178, .1)
}

.bg-light-secondary .stroke-icon {
    stroke: #29adb2
}

.border-light-primary {
    border-color: rgba(7, 102, 173, .3)
}

.border-light-secondary {
    border-color: rgba(41, 173, 178, .3)
}

.comman-round {
    background-color: rgba(7, 102, 173, .1);
    border: 2px solid rgba(7, 102, 173, .3)
}

.back-bar-container .apexcharts-series path {
    fill: rgba(7, 102, 173, .1)
}

.value-chart .valuechart-detail .badge.badge-primary {
    box-shadow: 0 0 15px 0 rgba(7, 102, 173, .4)
}

.value-chart .valuechart-detail .badge.badge-secondary {
    box-shadow: 0 0 15px 0 rgba(41, 173, 178, .4)
}

.items-slider .swiper .swiper-wrapper .swiper-slide .slider-box .header-top .badge.badge-primary {
    box-shadow: 0 0 15px 0 rgba(7, 102, 173, .4)
}

.timeline-card .activity-timeline .d-flex .flex-grow-1 .img-wrapper li {
    background-color: rgba(7, 102, 173, .1)
}

.timeline-card .activity-timeline .d-flex .circle-dot-primary {
    background-color: rgba(7, 102, 173, .25)
}

.timeline-card .activity-timeline .d-flex .circle-dot-secondary {
    background-color: rgba(41, 173, 178, .25)
}

.graphic-design .header-top .d-flex .flex-shrink-0 {
    background-color: rgba(7, 102, 173, .1);
    border: 2px solid rgba(7, 102, 173, .3)
}

.radial-card .radial-content .progress-animate {
    background-color: rgba(7, 102, 173, .1)
}

.upcoming-class ul .circle-dot-primary {
    background-color: rgba(7, 102, 173, .25)
}

.upcoming-class ul .circle-dot-secondary {
    background-color: rgba(41, 173, 178, .25)
}

.default-datepicker .datepicker .datepicker--nav .datepicker--nav-title {
    background-color: rgba(7, 102, 173, .1)
}

.default-datepicker .datepicker .datepicker--cell.-current- {
    box-shadow: 0 4px 27px 0 rgba(7, 102, 173, .38)
}

.dropzone {
    background-color: rgba(7, 102, 173, .1)
}

.btn.btn-outline-primary:hover {
    background-color: rgba(7, 102, 173, .9)
}

.btn.btn-outline-secondary:hover {
    background-color: rgba(41, 173, 178, .9)
}

.file-content li .files-list .file-left, .quick-file li .quick-box {
    background-color: rgba(7, 102, 173, .08)
}

.kanban-board-header.bg-primary ~ .kanban-drag {
    background-color: rgba(7, 102, 173, .3)
}

.kanban-board-header.bg-secondary ~ .kanban-drag {
    background-color: rgba(41, 173, 178, .3)
}

.sidebar-left-wrapper .sidebar-left-icons .nav-item:hover .nav-rounded .product-icons, .sidebar-menu .sidebar-list .sidebar-link.active {
    background-color: rgba(7, 102, 173, .2)
}

.product-wrapper .product-grid .feature-products .products-total .square-product-setting .icon-grid {
    background-color: rgba(7, 102, 173, .1)
}

.product-wrapper .product-grid .feature-products .select2-drpdwn-product .form-control {
    background-color: rgba(7, 102, 173, .1);
    border-color: rgba(7, 102, 173, .1)
}

.product-social li a:hover, .product-wrapper .product-grid .product-wrapper-grid .product-box .modal .modal-header .product-box .product-details .product-size ul li .btn {
    background-color: rgba(7, 102, 173, .1)
}

.badge-light-primary {
    background-color: rgba(7, 102, 173, .2)
}

.badge-light-secondary {
    background-color: rgba(41, 173, 178, .2)
}

.list-product-header .light-box {
    background-color: rgba(7, 102, 173, .2)
}

.email-main-wrapper .email-app-sidebar .nav-pills .nav-link.active {
    background-color: rgba(7, 102, 173, .1)
}

.email-main-wrapper .email-app-sidebar span {
    background-color: rgba(7, 102, 173, .2)
}

.left-sidebar-wrapper ::-webkit-scrollbar-thumb {
    background-color: rgba(7, 102, 173, .3)
}

.bookmark-wrap .left-bookmark .main-menu .nav-item .button-primary {
    background-color: rgba(7, 102, 173, .2)
}

.contacts-tabs .nav-pills .nav-link.active {
    background-color: rgba(7, 102, 173, .05)
}

.fc .fc-button-primary:not(:disabled), .fc .fc-button-primary:not(:disabled).fc-button-active {
    background-color: #0766ad;
    border-color: #0766ad
}

.fc-daygrid-event-dot {
    border-color: #0766ad
}

.search-list .nav-item, .search-list .nav-item .nav-link.active {
    background-color: rgba(7, 102, 173, .1)
}

.alert-light-primary {
    background-color: rgba(7, 102, 173, .2);
    color: #0766ad
}

.alert-light-secondary {
    background-color: rgba(41, 173, 178, .2);
    color: #29adb2
}

.accordion-button.accordion-light-primary.active, .accordion-button.accordion-light-primary:not(.collapsed), .list-light-primary {
    background-color: rgba(7, 102, 173, .2)
}

.list-light-secondary {
    background-color: rgba(41, 173, 178, .2)
}

.list-hover-primary.active, .list-hover-primary:hover {
    background-color: rgba(7, 102, 173, .2)
}

.timeline-dot-primary {
    outline: 5px solid rgba(7, 102, 173, .25)
}

.timeline-dot-secondary {
    outline: 5px solid rgba(41, 173, 178, .25)
}

.square-timeline .timeline-event .timeline-event-wrapper .timeline-thumbnail {
    background-color: rgba(7, 102, 173, .25);
    box-shadow: inset 0 0 0 0 rgba(7, 102, 173, .25)
}

.square-timeline .timeline-event .timeline-event-icon {
    outline: 6px solid rgba(7, 102, 173, .25)
}

.activity-dot-primary {
    outline: 5px solid rgba(7, 102, 173, .25)
}

.activity-dot-secondary {
    outline: 5px solid rgba(41, 173, 178, .25)
}

.main-upgrade .variation-box .selection-box input[type=checkbox]:checked ~ div {
    background-color: rgba(7, 102, 173, .5)
}

.vertical-main-wizard .nav-link .vertical-wizard .stroke-icon-wizard {
    background-color: rgba(7, 102, 173, .3)
}

.horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link .horizontal-wizard .stroke-icon-wizard {
    background-color: rgba(7, 102, 173, .2)
}

.table-striped .alert-light-primary {
    background-color: rgba(7, 102, 173, .3)
}

pre {
    background-color: rgba(7, 102, 173, .1)
}

.starter-main .alert-primary {
    background-color: rgba(7, 102, 173, .8)
}

header.circle-dot-primary {
    background-color: rgba(7, 102, 173, .1)
}

header.circle-dot-secondary {
    background-color: rgba(41, 173, 178, .1)
}

header .btn-activity-primary {
    background-color: rgba(7, 102, 173, .1);
    border: 1px solid rgba(7, 102, 173, .1)
}

header .btn-activity-secondary {
    background-color: rgba(41, 173, 178, .1);
    border: 1px solid rgba(41, 173, 178, .1)
}

header .header-right .button-group .btn-primary {
    color: var(--white)
}