@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap); @import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600&display=swap); [data-page-style=classic][data-theme-mode=dark], [data-theme-mode=dark] { --default-border: rgba(255, 255, 255, 0.1); --menu-border-color: rgba(255, 255, 255, 0.1) } :root, [data-menu-styles=light] { --menu-bg: #fff; --menu-prime-color: #536485; --menu-border-color: #f3f3f3 } [data-menu-styles=color], [data-menu-styles=dark], [data-menu-styles=gradient], [data-page-style=classic][data-theme-mode=dark], [data-theme-mode=dark] { --menu-border-color: rgba(255, 255, 255, 0.1) } :root, [data-header-styles=light] { --header-bg: #fff; --header-border-color: #f3f3f3; --header-prime-color: #536485 } [data-header-styles=color], [data-header-styles=dark], [data-header-styles=gradient], [data-header-styles=transparent][data-theme-mode=dark], [data-theme-mode=dark] { --header-prime-color: rgba(255, 255, 255, 0.6); --header-border-color: rgba(255, 255, 255, 0.1) } [data-header-styles=color], [data-header-styles=dark], [data-header-styles=gradient], [data-page-style=classic][data-theme-mode=dark], [data-theme-mode=dark] { --header-border-color: rgba(255, 255, 255, 0.1) } .customized-accordion .accordion-item.custom-accordion-danger .accordion-body, .customized-accordion .accordion-item.custom-accordion-info .accordion-body, .customized-accordion .accordion-item.custom-accordion-primary .accordion-body, .customized-accordion .accordion-item.custom-accordion-secondary .accordion-body, .customized-accordion .accordion-item.custom-accordion-success .accordion-body, .customized-accordion .accordion-item.custom-accordion-warning .accordion-body { padding-block-start: 0 } .accordions-items-seperate .accordion-item, .card.custom-card .card-footer, .modal-footer { border-block-start: 1px solid var(--default-border) } .table-danger, .table-dark, .table-info, .table-light, .table-primary, .table-secondary, .table-success, .table-warning { --bs-table-active-color: #000; --bs-table-hover-color: #000 } [dir=rtl] #nft-collections-slide .swiper-slide .card, [dir=rtl] .landing-body .testimonial-card, [dir=rtl] .swiper-backface-hidden .swiper-slide, [dir=rtl] [type=email], [dir=rtl] [type=number], [dir=rtl] [type=tel], [dir=rtl] [type=url] { direction: rtl } [data-menu-styles=color] .side-menu__item.active .side-menu__angle, [data-menu-styles=color] .side-menu__item.active .side-menu__icon, [data-menu-styles=color] .side-menu__item.active .side-menu__label, [data-menu-styles=color] .side-menu__item:hover .side-menu__angle, [data-menu-styles=color] .side-menu__item:hover .side-menu__icon, [data-menu-styles=color] .side-menu__item:hover .side-menu__label, [data-menu-styles=gradient] .side-menu__item.active .side-menu__angle, [data-menu-styles=gradient] .side-menu__item.active .side-menu__icon, [data-menu-styles=gradient] .side-menu__item.active .side-menu__label, [data-menu-styles=gradient] .side-menu__item:hover .side-menu__angle, [data-menu-styles=gradient] .side-menu__item:hover .side-menu__icon, [data-menu-styles=gradient] .side-menu__item:hover .side-menu__label { fill: #fff !important; color: #fff !important } #chart-quarter, #chart-year { float: left; transition: transform 1s } .main-header-container .dropdown-toggle, .search-tags a.tag-addon, a { text-decoration: none } :root { --body-bg-rgb: 240, 241, 247; --primary-rgb: 92, 144, 163; --secondary-rgb: 108, 117, 125; --warning-rgb: 245, 184, 73; --info-rgb: 73, 182, 245; --success-rgb: 38, 191, 148; --danger-rgb: 230, 83, 60; --light-rgb: 243, 246, 248; --dark-rgb: 35, 35, 35; --orange-rgb: 255, 165, 5; --pink-rgb: 231, 145, 188; --teal-rgb: 18, 194, 194; --purple-rgb: 137, 32, 173; --default-body-bg-color: rgb(var(--body-bg-rgb)); --primary-color: rgb(var(--primary-rgb)); --primary-border: rgb(var(--primary-rgb)); --primary01: rgba(var(--primary-rgb), 0.1); --primary02: rgba(var(--primary-rgb), 0.2); --primary03: rgba(var(--primary-rgb), 0.3); --primary04: rgba(var(--primary-rgb), 0.4); --primary05: rgba(var(--primary-rgb), 0.5); --primary06: rgba(var(--primary-rgb), 0.6); --primary07: rgba(var(--primary-rgb), 0.7); --primary08: rgba(var(--primary-rgb), 0.8); --primary09: rgba(var(--primary-rgb), 0.9); --primary005: rgba(var(--primary-rgb), 0.05); --default-font-family: "Inter", sans-serif; --default-font-weight: 400; --default-text-color: #333335; --default-border: #f3f3f3; --default-background: #f7f8f9; --custom-white: #fff; --custom-black: #000; --bootstrap-card-border: #f3f3f3; --list-hover-focus-bg: #f5f6f7; --text-muted: #8c9097; --input-border: #e9edf6; --form-control-bg: #ffffff; --gray-1: #f9fafb; --gray-2: #f2f4f5; --gray-3: #e6eaeb; --gray-4: #dbdfe1; --gray-5: #949eb7; --gray-6: #7987a1; --gray-7: #4d5875; --gray-8: #383853; --gray-9: #323251; --white-1: rgba(255, 255, 255, 0.1); --white-2: rgba(255, 255, 255, 0.2); --white-3: rgba(255, 255, 255, 0.3); --white-4: rgba(255, 255, 255, 0.4); --white-5: rgba(255, 255, 255, 0.5); --white-6: rgba(255, 255, 255, 0.6); --white-7: rgba(255, 255, 255, 0.7); --white-8: rgba(255, 255, 255, 0.8); --white-9: rgba(255, 255, 255, 0.9); --black-1: rgba(0, 0, 0, 0.1); --black-2: rgba(0, 0, 0, 0.2); --black-3: rgba(0, 0, 0, 0.3); --black-4: rgba(0, 0, 0, 0.4); --black-5: rgba(0, 0, 0, 0.5); --black-6: rgba(0, 0, 0, 0.6); --black-7: rgba(0, 0, 0, 0.7); --black-8: rgba(0, 0, 0, 0.8); --black-9: rgba(0, 0, 0, 0.9) } [data-theme-mode=dark] { --body-bg-rgb: 26, 28, 30; --body-bg-rgb2: 37, 39, 41; --menu-bg: rgb(var(--body-bg-rgb)); --menu-prime-color: rgba(255, 255, 255, 0.6); --header-bg: rgb(var(--body-bg-rgb)); --custom-white: rgb(var(--body-bg-rgb)); --custom-black: #fff; --default-text-color: rgba(255, 255, 255, 0.7); --light-rgb: 43, 46, 49; --dark-rgb: 240, 245, 248; --bootstrap-card-border: rgba(255, 255, 255, 0.1); --list-hover-focus-bg: rgba(255, 255, 255, 0.1); --default-background: rgba(255, 255, 255, 0.07); --default-body-bg-color: rgb(var(--body-bg-rgb2)); --text-muted: rgba(255, 255, 255, 0.5); --input-border: #313335; --form-control-bg: #232628; --gray-100: #110f0f; --gray-200: #17171c; --gray-300: #393946; --gray-400: #505062; --gray-500: #73738c; --gray-600: #8f8fa3; --gray-700: #ababba; --gray-800: #c7c7d1; --gray-900: #e3e3e8; --white-1: rgba(0, 0, 0, 0.1); --white-2: rgba(0, 0, 0, 0.2); --white-3: rgba(0, 0, 0, 0.3); --white-4: rgba(0, 0, 0, 0.4); --white-5: rgba(0, 0, 0, 0.5); --white-6: rgba(0, 0, 0, 0.6); --white-7: rgba(0, 0, 0, 0.7); --white-8: rgba(0, 0, 0, 0.8); --white-9: rgba(0, 0, 0, 0.9); --black-1: rgba(255, 255, 255, 0.05); --black-2: rgba(255, 255, 255, 0.2); --black-3: rgba(255, 255, 255, 0.3); --black-4: rgba(255, 255, 255, 0.4); --black-5: rgba(255, 255, 255, 0.5); --black-6: rgba(255, 255, 255, 0.6); --black-7: rgba(255, 255, 255, 0.7); --black-8: rgba(255, 255, 255, 0.8); --black-9: rgba(255, 255, 255, 0.9) } .authentication .authentication-brand.desktop-logo, .authentication.authentication-basic .desktop-logo, .card.custom-card.card .collapsed .collapse-close, .layout-setting .light-layout, [data-menu-styles=color][data-nav-layout=vertical] .app-sidebar .main-sidebar-header .header-logo .desktop-white, [data-menu-styles=color][data-nav-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close] .app-sidebar .main-sidebar-header .header-logo .toggle-white, [data-menu-styles=color][data-nav-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .main-sidebar-header .header-logo .desktop-white, [data-menu-styles=dark][data-nav-layout=vertical] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-menu-styles=dark][data-nav-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close] .app-sidebar .main-sidebar-header .header-logo .toggle-dark, [data-menu-styles=dark][data-nav-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-menu-styles=gradient][data-nav-layout=vertical] .app-sidebar .main-sidebar-header .header-logo .desktop-white, [data-menu-styles=gradient][data-nav-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close] .app-sidebar .main-sidebar-header .header-logo .toggle-white, [data-menu-styles=gradient][data-nav-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .main-sidebar-header .header-logo .desktop-white, [data-menu-styles=light][data-nav-layout=vertical] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=dark] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=dark][data-vertical-style=overlay][data-toggled=icon-overlay-close] .app-sidebar .main-sidebar-header .header-logo .toggle-dark, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=dark][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=light] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=light][data-vertical-style=overlay][data-toggled=icon-overlay-close] .app-sidebar .main-sidebar-header .header-logo .toggle-logo, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-theme-mode=dark] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-theme-mode=dark] .authentication .authentication-brand.desktop-dark, [data-theme-mode=dark] .authentication.authentication-basic .desktop-dark, [data-theme-mode=dark] .layout-setting .dark-layout, [data-theme-mode=light] .layout-setting .light-layout { display: block } #analytics-users .apexcharts-grid, #bitcoin-price-graph .apexcharts-grid, #btc-chart .apexcharts-grid, #dash-chart .apexcharts-grid, #dash-price-graph .apexcharts-grid, #eth-chart .apexcharts-grid, #etherium-price-graph .apexcharts-grid, #iota-price-graph .apexcharts-grid, #neo-price-graph .apexcharts-grid, #nft-balance-chart .apexcharts-grid, #ripple-price-graph .apexcharts-grid, #sleepTrack .apexcharts-grid, #top-country-deals #jvm-markers-labels-group, #visitors-countries #jvm-markers-labels-group, #waterTrack .apexcharts-grid, .accordion.accordionicon-none .accordion-button:after, .authentication .authentication-brand.desktop-dark, .authentication.authentication-basic .desktop-dark, .authentication.coming-soon .authentication-cover .aunthentication-cover-content:after, .authentication.coming-soon .authentication-cover .aunthentication-cover-content:before, .authentication.under-maintenance .authentication-cover .aunthentication-cover-content:after, .authentication.under-maintenance .authentication-cover .aunthentication-cover-content:before, .card.custom-card .collapse-close, .card.custom-card.card .collapsed .collapse-open, .crm-recent-activity .crm-recent-activity-content:last-child:before, .custom-toggle-switch>input[type=checkbox], .layout-setting .dark-layout, .profile-timeline li:last-child:before, .team-members-card #user1 .apexcharts-grid, .team-members-card #user2 .apexcharts-grid, .team-members-card #user3 .apexcharts-grid, .team-members-card #user4 .apexcharts-grid, .team-members-card #user5 .apexcharts-grid, .theme-container-background button, .theme-container-primary button, .timeline li:last-child:before, [data-menu-styles=color][data-nav-layout=vertical] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-menu-styles=color][data-nav-layout=vertical] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-menu-styles=color][data-nav-layout=vertical] .app-sidebar .main-sidebar-header .header-logo .toggle-dark, [data-menu-styles=color][data-nav-layout=vertical] .app-sidebar .main-sidebar-header .header-logo .toggle-logo, [data-menu-styles=color][data-nav-layout=vertical] .app-sidebar .main-sidebar-header .header-logo .toggle-white, [data-menu-styles=color][data-nav-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-menu-styles=color][data-nav-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-menu-styles=color][data-nav-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close] .app-sidebar .main-sidebar-header .header-logo .toggle-dark, [data-menu-styles=color][data-nav-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close] .app-sidebar .main-sidebar-header .header-logo .toggle-logo, [data-menu-styles=color][data-nav-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-menu-styles=color][data-nav-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-menu-styles=color][data-nav-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .main-sidebar-header .header-logo .toggle-dark, [data-menu-styles=color][data-nav-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .main-sidebar-header .header-logo .toggle-logo, [data-menu-styles=color][data-nav-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .main-sidebar-header .header-logo .toggle-white, [data-menu-styles=dark][data-nav-layout=vertical] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-menu-styles=dark][data-nav-layout=vertical] .app-sidebar .main-sidebar-header .header-logo .desktop-white, [data-menu-styles=dark][data-nav-layout=vertical] .app-sidebar .main-sidebar-header .header-logo .toggle-dark, [data-menu-styles=dark][data-nav-layout=vertical] .app-sidebar .main-sidebar-header .header-logo .toggle-logo, [data-menu-styles=dark][data-nav-layout=vertical] .app-sidebar .main-sidebar-header .header-logo .toggle-white, [data-menu-styles=dark][data-nav-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-menu-styles=dark][data-nav-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-menu-styles=dark][data-nav-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close] .app-sidebar .main-sidebar-header .header-logo .desktop-white, [data-menu-styles=dark][data-nav-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close] .app-sidebar .main-sidebar-header .header-logo .toggle-logo, [data-menu-styles=dark][data-nav-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close] .app-sidebar .main-sidebar-header .header-logo .toggle-white, [data-menu-styles=dark][data-nav-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-menu-styles=dark][data-nav-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .main-sidebar-header .header-logo .desktop-white, [data-menu-styles=dark][data-nav-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .main-sidebar-header .header-logo .toggle-dark, [data-menu-styles=dark][data-nav-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .main-sidebar-header .header-logo .toggle-logo, [data-menu-styles=dark][data-nav-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .main-sidebar-header .header-logo .toggle-white, [data-menu-styles=gradient][data-nav-layout=vertical] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-menu-styles=gradient][data-nav-layout=vertical] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-menu-styles=gradient][data-nav-layout=vertical] .app-sidebar .main-sidebar-header .header-logo .toggle-dark, [data-menu-styles=gradient][data-nav-layout=vertical] .app-sidebar .main-sidebar-header .header-logo .toggle-logo, [data-menu-styles=gradient][data-nav-layout=vertical] .app-sidebar .main-sidebar-header .header-logo .toggle-white, [data-menu-styles=gradient][data-nav-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-menu-styles=gradient][data-nav-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-menu-styles=gradient][data-nav-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close] .app-sidebar .main-sidebar-header .header-logo .desktop-white, [data-menu-styles=gradient][data-nav-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close] .app-sidebar .main-sidebar-header .header-logo .toggle-dark, [data-menu-styles=gradient][data-nav-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close] .app-sidebar .main-sidebar-header .header-logo .toggle-logo, [data-menu-styles=gradient][data-nav-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-menu-styles=gradient][data-nav-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-menu-styles=gradient][data-nav-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .main-sidebar-header .header-logo .toggle-dark, [data-menu-styles=gradient][data-nav-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .main-sidebar-header .header-logo .toggle-logo, [data-menu-styles=gradient][data-nav-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .main-sidebar-header .header-logo .toggle-white, [data-menu-styles=light][data-nav-layout=vertical] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-menu-styles=light][data-nav-layout=vertical] .app-sidebar .main-sidebar-header .header-logo .desktop-white, [data-menu-styles=light][data-nav-layout=vertical] .app-sidebar .main-sidebar-header .header-logo .toggle-dark, [data-menu-styles=light][data-nav-layout=vertical] .app-sidebar .main-sidebar-header .header-logo .toggle-logo, [data-menu-styles=light][data-nav-layout=vertical] .app-sidebar .main-sidebar-header .header-logo .toggle-white, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=dark] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=dark] .app-sidebar .main-sidebar-header .header-logo .desktop-white, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=dark] .app-sidebar .main-sidebar-header .header-logo .toggle-dark, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=dark] .app-sidebar .main-sidebar-header .header-logo .toggle-logo, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=dark] .app-sidebar .main-sidebar-header .header-logo .toggle-white, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=dark][data-vertical-style=overlay][data-toggled=icon-overlay-close] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=dark][data-vertical-style=overlay][data-toggled=icon-overlay-close] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=dark][data-vertical-style=overlay][data-toggled=icon-overlay-close] .app-sidebar .main-sidebar-header .header-logo .desktop-white, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=dark][data-vertical-style=overlay][data-toggled=icon-overlay-close] .app-sidebar .main-sidebar-header .header-logo .toggle-logo, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=dark][data-vertical-style=overlay][data-toggled=icon-overlay-close] .app-sidebar .main-sidebar-header .header-logo .toggle-white, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=dark][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=dark][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .main-sidebar-header .header-logo .desktop-white, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=dark][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .main-sidebar-header .header-logo .toggle-dark, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=dark][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .main-sidebar-header .header-logo .toggle-logo, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=dark][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .main-sidebar-header .header-logo .toggle-white, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=light] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=light] .app-sidebar .main-sidebar-header .header-logo .desktop-white, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=light] .app-sidebar .main-sidebar-header .header-logo .toggle-dark, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=light] .app-sidebar .main-sidebar-header .header-logo .toggle-logo, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=light] .app-sidebar .main-sidebar-header .header-logo .toggle-white, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=light][data-vertical-style=overlay][data-toggled=icon-overlay-close] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=light][data-vertical-style=overlay][data-toggled=icon-overlay-close] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=light][data-vertical-style=overlay][data-toggled=icon-overlay-close] .app-sidebar .main-sidebar-header .header-logo .desktop-white, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=light][data-vertical-style=overlay][data-toggled=icon-overlay-close] .app-sidebar .main-sidebar-header .header-logo .toggle-dark, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=light][data-vertical-style=overlay][data-toggled=icon-overlay-close] .app-sidebar .main-sidebar-header .header-logo .toggle-white, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .main-sidebar-header .header-logo .desktop-white, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .main-sidebar-header .header-logo .toggle-dark, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .main-sidebar-header .header-logo .toggle-logo, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .main-sidebar-header .header-logo .toggle-white, [data-theme-mode=dark] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-theme-mode=dark] .app-sidebar .main-sidebar-header .header-logo .desktop-white, [data-theme-mode=dark] .app-sidebar .main-sidebar-header .header-logo .toggle-dark, [data-theme-mode=dark] .app-sidebar .main-sidebar-header .header-logo .toggle-logo, [data-theme-mode=dark] .app-sidebar .main-sidebar-header .header-logo .toggle-white, [data-theme-mode=dark] .authentication .authentication-brand.desktop-logo, [data-theme-mode=dark] .authentication.authentication-basic .desktop-logo, [data-theme-mode=dark] .layout-setting .light-layout, [data-theme-mode=light] .layout-setting .dark-layout, [loader=disable] #loader { display: none } [data-theme-mode=dark] .btn-close, [data-theme-mode=dark] .embedded-breadcrumb:before, [data-theme-mode=dark] button.gridjs-sort, [data-theme-mode=dark] button.gridjs-sort-asc, [data-theme-mode=dark] button.gridjs-sort-desc { filter: invert(1) } [data-theme-mode=dark] .alert .btn-close { filter: unset } [data-theme-mode=dark] .dropdown-menu { box-shadow: 0 1rem 1.125rem #28282826 } [data-theme-mode=dark] .choices__list--dropdown, [data-theme-mode=dark] .choices__list[aria-expanded] { box-shadow: #0a0a0a33 0 .5rem 1.5rem !important } [data-theme-mode=dark][data-menu-styles=light] .app-sidebar .side-menu__label1 { border-block-end: 1px solid rgba(255, 255, 255, 0.1) !important } .alert-dark .btn-close, .alert-solid-danger .btn-close, .alert-solid-dark .btn-close, .alert-solid-info .btn-close, .alert-solid-primary .btn-close, .alert-solid-secondary .btn-close, .alert-solid-success .btn-close, .alert-solid-warning .btn-close, .avatar a.badge:hover, .btn-check:active+.btn, .btn-check:checked+.btn, .btn.active, .btn.show, .btn:active, .card.custom-card.card-bg-danger .card-body, .card.custom-card.card-bg-dark .card-body, .card.custom-card.card-bg-info .card-body, .card.custom-card.card-bg-primary .card-body, .card.custom-card.card-bg-secondary .card-body, .card.custom-card.card-bg-success .card-body, .card.custom-card.card-bg-warning .card-body, .carousel-caption, .dropdown-menu.dropdown-menu-danger .dropdown-item.active, .dropdown-menu.dropdown-menu-danger .dropdown-item:active, .dropdown-menu.dropdown-menu-danger .dropdown-item:focus, .dropdown-menu.dropdown-menu-danger .dropdown-item:hover, .dropdown-menu.dropdown-menu-info .dropdown-item.active, .dropdown-menu.dropdown-menu-info .dropdown-item:active, .dropdown-menu.dropdown-menu-info .dropdown-item:focus, .dropdown-menu.dropdown-menu-info .dropdown-item:hover, .dropdown-menu.dropdown-menu-primary .dropdown-item.active, .dropdown-menu.dropdown-menu-primary .dropdown-item:active, .dropdown-menu.dropdown-menu-primary .dropdown-item:focus, .dropdown-menu.dropdown-menu-primary .dropdown-item:hover, .dropdown-menu.dropdown-menu-secondary .dropdown-item.active, .dropdown-menu.dropdown-menu-secondary .dropdown-item:active, .dropdown-menu.dropdown-menu-secondary .dropdown-item:focus, .dropdown-menu.dropdown-menu-secondary .dropdown-item:hover, .dropdown-menu.dropdown-menu-success .dropdown-item.active, .dropdown-menu.dropdown-menu-success .dropdown-item:active, .dropdown-menu.dropdown-menu-success .dropdown-item:focus, .dropdown-menu.dropdown-menu-success .dropdown-item:hover, .dropdown-menu.dropdown-menu-warning .dropdown-item.active, .dropdown-menu.dropdown-menu-warning .dropdown-item:active, .dropdown-menu.dropdown-menu-warning .dropdown-item:focus, .dropdown-menu.dropdown-menu-warning .dropdown-item:hover, .navbar-danger .navbar-toggler .navbar-toggler-icon:before, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .show>.nav-link, .navbar-dark.bg-dark .nav-link, .navbar-dark.bg-dark .navbar-brand, .navbar-info .navbar-toggler .navbar-toggler-icon:before, .navbar-primary .navbar-toggler .navbar-toggler-icon:before, .navbar-secondary .navbar-toggler .navbar-toggler-icon:before, .navbar-success .navbar-toggler .navbar-toggler-icon:before, .navbar-warning .navbar-toggler .navbar-toggler-icon:before, .product-colors.color-2 i, .swiper-pagination, [data-menu-styles=dark] .app-sidebar .slide-menu.child1 .side-menu__item:hover, [data-menu-styles=dark] .app-sidebar .slide-menu.child2 .side-menu__item:hover, [data-menu-styles=dark] .app-sidebar .slide-menu.child3 .side-menu__item:hover, [data-theme-mode=dark] .navbar-nav .nav-link.active, [data-theme-mode=dark] .navbar-nav .nav-link.show, [data-theme-mode=dark][data-menu-styles=light] .app-sidebar .side-menu__label1 a { color: #fff } [data-theme-mode=dark][data-menu-styles=light] .app-sidebar .slide.has-sub .slide-menu { --menu-prime-color: rgb(171, 184, 199) } [data-page-style=classic] { --default-border: #e1e9e8; --header-border-color: #e1e9e8; --menu-border-color: #e1e9e8 } .card.custom-card.card-bg-dark .card-header:before, .landing-body, [data-menu-styles=transparent][data-theme-mode=dark][data-nav-layout=horizontal][data-nav-style=icon-click] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=transparent][data-theme-mode=dark][data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=transparent][data-theme-mode=dark][data-nav-layout=horizontal][data-nav-style=menu-click] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=transparent][data-theme-mode=dark][data-nav-layout=horizontal][data-nav-style=menu-hover] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=transparent][data-theme-mode=dark][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=transparent][data-theme-mode=dark][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=transparent][data-theme-mode=dark][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=transparent][data-theme-mode=dark][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide.has-sub .slide-menu, [data-page-style=classic] body, [data-theme-mode=dark] #circle-custom .apexcharts-legend.apx-legend-position-left, [data-theme-mode=dark] div.dtr-modal div.dtr-modal-display { background-color: var(--custom-white) } [data-page-style=classic] .card.custom-card { box-shadow: none; border: 1px solid var(--default-border) } .btn-check:active+.btn:focus, .btn-check:checked+.btn:focus, .btn-check:focus+.btn, .btn-outline-danger:focus:active, .btn-outline-dark:focus:active, .btn-outline-info:focus:active, .btn-outline-light:focus:active, .btn-outline-primary:focus:active, .btn-outline-secondary:focus:active, .btn-outline-success:focus:active, .btn-outline-teal:focus:active, .btn-outline-warning:focus:active, .btn.active:focus, .btn.show:focus, .btn:active:focus, .btn:focus, .form-check-input:focus, .navbar .navbar-toggler:focus, .pickr-container-background .pickr .pcr-button:focus, .pickr-container-primary .pickr .pcr-button:focus, .product-quantity-container .input-group input.form-control:focus, .swal2-container .swal2-close:focus, .swal2-container .swal2-styled.swal2-cancel:focus, .swal2-container .swal2-styled.swal2-confirm:focus, .swal2-container .swal2-styled.swal2-deny:focus, .theme-colors .switch-select .form-check-input:focus, [data-page-style=classic] .app-header, [data-page-style=classic] .app-sidebar, [data-page-style=classic] .app-sidebar .main-sidebar, [data-page-style=classic] .footer, [data-page-style=modern] .app-header, [data-page-style=modern] .app-sidebar, [data-page-style=modern] .app-sidebar .main-sidebar, [data-page-style=modern] .footer { box-shadow: none } [data-page-style=classic][data-nav-layout=horizontal] .app-sidebar { border-block-end: 1px solid var(--default-border) } [data-page-style=modern] { --light-rgb: 255, 255, 255; --custom-white: rgb(243, 246, 248); --default-border: #e6ebf1; --input-border: rgba(0, 0, 0, 0.1) } .bg-img[data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=light][data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .main-sidebar-header, .bg-img[data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=light][data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .main-sidebar-header, .bg-img[data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=light][data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .main-sidebar-header, .bg-img[data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=light][data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .main-sidebar-header, .bg-img[data-nav-layout=vertical][data-menu-styles=light][data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .main-sidebar-header, .bg-img[data-nav-layout=vertical][data-menu-styles=light][data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .main-sidebar-header, .card.custom-card.card-bg-danger .card-header:before, .card.custom-card.card-bg-info .card-header:before, .card.custom-card.card-bg-primary .card-header:before, .card.custom-card.card-bg-secondary .card-header:before, .card.custom-card.card-bg-success .card-header:before, .card.custom-card.card-bg-warning .card-header:before, .theme-colors .switch-select .color-input.color-white, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=light][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg1] .app-sidebar .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=light][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg2] .app-sidebar .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=light][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg3] .app-sidebar .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=light][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg4] .app-sidebar .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=light][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg5] .app-sidebar .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=light][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg1] .app-sidebar .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=light][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg2] .app-sidebar .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=light][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg3] .app-sidebar .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=light][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg4] .app-sidebar .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=light][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg5] .app-sidebar .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=light][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg1] .app-sidebar .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=light][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg2] .app-sidebar .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=light][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg3] .app-sidebar .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=light][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg4] .app-sidebar .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=light][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg5] .app-sidebar .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=light][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg1] .app-sidebar .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=light][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg2] .app-sidebar .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=light][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg3] .app-sidebar .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=light][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg4] .app-sidebar .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=light][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg5] .app-sidebar .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=light][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg1] .app-sidebar .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=light][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg2] .app-sidebar .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=light][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg3] .app-sidebar .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=light][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg4] .app-sidebar .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=light][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg5] .app-sidebar .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=light][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg1] .app-sidebar .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=light][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg2] .app-sidebar .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=light][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg3] .app-sidebar .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=light][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg4] .app-sidebar .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=light][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg5] .app-sidebar .main-sidebar-header, [data-page-style=modern] .dropdown-menu, [data-page-style=modern] body { background-color: #fff } [data-page-style=modern] .card.custom-card { box-shadow: none; background-color: #f3f6f8 } [data-page-style=modern][data-theme-mode=dark] { --light-rgb: 20, 20, 20; --custom-white: rgb(var(--body-bg-rgb)); --default-border: rgb(255, 255, 255, 0.1) } [data-page-style=modern][data-theme-mode=dark] .card.custom-card { box-shadow: none; background-color: var(--custom-white) } .form-control-light:focus, .toggle.on.toggle-light span, [data-page-style=modern][data-theme-mode=dark] .dropdown-menu { background-color: rgb(var(--light-rgb)) } [data-page-style=modern][data-theme-mode=dark] body { background-color: var(--default-body-bg-color) } [data-page-style=modern][data-theme-mode=dark] .btn-light, [data-page-style=modern][data-theme-mode=dark] .btn-light:active, [data-page-style=modern][data-theme-mode=dark] .btn-light:focus, [data-page-style=modern][data-theme-mode=dark] .btn-light:hover { background-color: #ffffff1a !important; border-color: #ffffff1a !important } .custom-button .custom-btn-icons i, .shape-1, .shape-10, .shape-11, .shape-12, .shape-13, .shape-14, .shape-15, .shape-16, .shape-2, .shape-3, .shape-4, .shape-5, .shape-6, .shape-7, .shape-8, .shape-9, [data-header-position=scrollable][data-nav-layout=vertical] .app-header, [data-menu-position=scrollable][data-nav-layout=vertical] .app-sidebar, [data-menu-position=scrollable][data-nav-layout=vertical] .app-sidebar .main-sidebar-header { position: absolute } [data-menu-position=scrollable][data-nav-layout=horizontal] .app-sidebar { position: relative; z-index: 102 } .landing-body .app-content, [data-menu-position=scrollable][data-nav-layout=horizontal] .app-content { margin-block-start: 4rem } #searchModal .form-control, .about-heading-white, .app-header .dropdown-toggle, .authentication .authentication-barrier, .basic-subscription, .btn-darken-hover, .btn-hover, .crm-lead-legend, .crm-recent-activity .crm-recent-activity-content, .earning, .ecommerce-sale-image, .hrm-jobs-legend, .icon-badge, .landing-body .landing-main-footer .landing-footer-list li:not(:first-child), .landing-body .landing-section-heading, .latest-timeline ul.timeline-main, .leads-source-chart canvas, .main-chart-wrapper .chat-info, .order-track, .pricing-basic, .pricing-offer, .pricing-premium, .pricing-pro, .pro-subscription, .product-card, .reviews-container .card, .task-completed-card .card-body, .task-inprogress-card .card-body, .task-pending-card .card-body, .team-member-card .teammember-cover-image, .terms-heading, .text-badge, .timeline, .timeline-widget, [data-header-position=scrollable][data-nav-layout=horizontal] .app-header, [data-header-position=scrollable][data-nav-layout=horizontal][data-menu-position=scrollable] .app-header, [data-header-position=scrollable][data-nav-layout=horizontal][data-menu-position=scrollable] .app-sidebar, [data-menu-position=scrollable][data-nav-layout=horizontal][data-header-position=scrollable] .app-header, [data-menu-position=scrollable][data-nav-layout=horizontal][data-header-position=scrollable] .app-sidebar { position: relative } [data-header-position=scrollable][data-nav-layout=horizontal] .app-sidebar { position: relative; top: 0 } [data-header-position=scrollable][data-nav-layout=horizontal] .app-sidebar.sticky { position: sticky; top: 0 } [data-header-position=scrollable][data-nav-layout=horizontal] .app-content { margin-block-start: 0 } [data-header-position=scrollable][data-nav-layout=horizontal][data-width=boxed] .app-header { margin: 0 } [data-menu-styles=light] .side-menu__label1 a { color: #222528; font-weight: 600 } [data-menu-styles=light] .side-menu__label1 { border-block-end: 1px solid #f3f3f3 !important } [data-menu-styles=color] .side-menu__label1, [data-menu-styles=dark] .side-menu__label1, [data-menu-styles=gradient] .side-menu__label1 { border-block-end: 1px solid rgba(255, 255, 255, 0.1) !important } .hrm-jobs-legend.closed:before, [data-header-styles=light] .main-header-container .header-link-icon:hover, [data-menu-styles=light] .app-sidebar .side-menu__item.active, [data-menu-styles=light] .app-sidebar .side-menu__item:hover { background-color: #f3f6f8 } [data-menu-styles=dark] { --menu-bg: var(--custom-white); --menu-prime-color: #8f9bb3 } [data-menu-styles=color] .side-menu__label1 a, [data-menu-styles=dark] .side-menu__label1 a, [data-menu-styles=gradient] .side-menu__label1 a { color: #fff; font-weight: 600 } [data-menu-styles=dark] .app-sidebar .side-menu__item.active, [data-menu-styles=dark] .app-sidebar .side-menu__item:hover { background-color: #ffffff0d; color: #fff } [data-menu-styles=dark] .app-sidebar .side-menu__item.active .side-menu__angle, [data-menu-styles=dark] .app-sidebar .side-menu__item.active .side-menu__icon, [data-menu-styles=dark] .app-sidebar .side-menu__item.active .side-menu__label, [data-menu-styles=dark] .app-sidebar .side-menu__item:hover .side-menu__angle, [data-menu-styles=dark] .app-sidebar .side-menu__item:hover .side-menu__icon, [data-menu-styles=dark] .app-sidebar .side-menu__item:hover .side-menu__label { color: #fff; fill: #fff } [data-menu-styles=dark] .app-sidebar .slide-menu.child1 .side-menu__item:hover:before, [data-menu-styles=dark] .app-sidebar .slide-menu.child2 .side-menu__item:hover:before, [data-menu-styles=dark] .app-sidebar .slide-menu.child3 .side-menu__item:hover:before { border: 1px solid #fff; opacity: 1 } [data-menu-styles=dark] .app-sidebar .slide-menu.child1 .side-menu__item.active:before, [data-menu-styles=dark] .app-sidebar .slide-menu.child2 .side-menu__item.active:before, [data-menu-styles=dark] .app-sidebar .slide-menu.child3 .side-menu__item.active:before { border-color: #fff } [data-menu-styles=dark][data-theme-mode=light] { --menu-bg: #011626; --menu-bg: #1c1c1e; --menu-prime-color: #a3aed1 } .bg-img[data-menu-styles=transparent][data-theme-mode=dark], [data-menu-styles=color], [data-menu-styles=transparent][data-theme-mode=dark][data-bg-img=bgimg1], [data-menu-styles=transparent][data-theme-mode=dark][data-bg-img=bgimg2], [data-menu-styles=transparent][data-theme-mode=dark][data-bg-img=bgimg3], [data-menu-styles=transparent][data-theme-mode=dark][data-bg-img=bgimg4], [data-menu-styles=transparent][data-theme-mode=dark][data-bg-img=bgimg5] { --menu-prime-color: rgba(255, 255, 255, 0.6) } [data-bg-img=bgimg1], [data-bg-img=bgimg1][data-menu-styles=transparent][data-theme-mode=dark], [data-menu-styles=dark][data-theme-mode=light][data-bg-img=bgimg1] { --menu-bg: url(http://127.0.1:8000/build/assets/images/menu-bg-images/bg-img1.jpg) } [data-bg-img=bgimg2], [data-bg-img=bgimg2][data-menu-styles=transparent][data-theme-mode=dark], [data-menu-styles=dark][data-theme-mode=light][data-bg-img=bgimg2] { --menu-bg: url(http://127.0.1:8000/build/assets/images/menu-bg-images/bg-img2.jpg) } [data-bg-img=bgimg3], [data-bg-img=bgimg3][data-menu-styles=transparent][data-theme-mode=dark], [data-menu-styles=dark][data-theme-mode=light][data-bg-img=bgimg3] { --menu-bg: url(http://127.0.1:8000/build/assets/images/menu-bg-images/bg-img3.jpg) } [data-bg-img=bgimg4], [data-bg-img=bgimg4][data-menu-styles=transparent][data-theme-mode=dark], [data-menu-styles=dark][data-theme-mode=light][data-bg-img=bgimg4] { --menu-bg: url(http://127.0.1:8000/build/assets/images/menu-bg-images/bg-img4.jpg) } [data-bg-img=bgimg5], [data-bg-img=bgimg5][data-menu-styles=transparent][data-theme-mode=dark], [data-menu-styles=dark][data-theme-mode=light][data-bg-img=bgimg5] { --menu-bg: url(http://127.0.1:8000/build/assets/images/menu-bg-images/bg-img5.jpg) } [data-menu-styles=color], [data-menu-styles=color] .slide-menu, [data-menu-styles=gradient] .slide-menu { --menu-bg: var(--primary-color) } [data-menu-styles=color] .side-menu__item.active:before, [data-menu-styles=color] .side-menu__item:hover:before { border: 1px solid #fff !important } [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .main-sidebar-header .header-logo .toggle-white, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .main-sidebar-header .header-logo .toggle-white, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .main-sidebar-header .header-logo .toggle-white, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .main-sidebar-header .header-logo .toggle-white, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=dark][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .main-sidebar-header .header-logo .toggle-white, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=dark][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .main-sidebar-header .header-logo .toggle-white, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=light][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .main-sidebar-header .header-logo .toggle-dark, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=light][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .main-sidebar-header .header-logo .toggle-dark { display: block !important } #buy-crypto .choices__list--dropdown .choices__item--selectable:after, #buy-crypto .choices__list[aria-expanded] .choices__item--selectable:after, #sell-crypto .choices__list--dropdown .choices__item--selectable:after, #sell-crypto .choices__list[aria-expanded] .choices__item--selectable:after, #slider-round .noUi-handle:after, #slider-round .noUi-handle:before, #slider-square .noUi-handle:after, #slider-square .noUi-handle:before, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .main-sidebar-header .header-logo .desktop-white, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .main-sidebar-header .header-logo .toggle-dark, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .main-sidebar-header .header-logo .toggle-logo, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .main-sidebar-header .header-logo .desktop-white, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .main-sidebar-header .header-logo .toggle-dark, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .main-sidebar-header .header-logo .toggle-logo, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .main-sidebar-header .header-logo .desktop-white, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .main-sidebar-header .header-logo .toggle-dark, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .main-sidebar-header .header-logo .toggle-logo, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .main-sidebar-header .header-logo .desktop-white, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .main-sidebar-header .header-logo .toggle-dark, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .main-sidebar-header .header-logo .toggle-logo, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=dark][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=dark][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=dark][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .main-sidebar-header .header-logo .desktop-white, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=dark][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .main-sidebar-header .header-logo .toggle-dark, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=dark][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .main-sidebar-header .header-logo .toggle-logo, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=dark][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=dark][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=dark][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .main-sidebar-header .header-logo .desktop-white, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=dark][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .main-sidebar-header .header-logo .toggle-dark, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=dark][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .main-sidebar-header .header-logo .toggle-logo, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=light][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=light][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=light][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .main-sidebar-header .header-logo .desktop-white, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=light][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .main-sidebar-header .header-logo .toggle-logo, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=light][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .main-sidebar-header .header-logo .toggle-white, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=light][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=light][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=light][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .main-sidebar-header .header-logo .desktop-white, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=light][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .main-sidebar-header .header-logo .toggle-logo, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=light][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .main-sidebar-header .header-logo .toggle-white, pre[class*=language-]:after, pre[class*=language-]:before { display: none !important } .navbar-danger .nav-link, .navbar-danger .nav-link:hover, .navbar-info .nav-link, .navbar-info .nav-link:hover, .navbar-primary .nav-link, .navbar-primary .nav-link:hover, .navbar-secondary .nav-link, .navbar-secondary .nav-link:hover, .navbar-success .nav-link, .navbar-success .nav-link:hover, .navbar-warning .nav-link, .navbar-warning .nav-link:hover, [data-header-styles=color] .header-link.dropdown-toggle .user-name, [data-header-styles=dark] .header-link.dropdown-toggle .user-name, [data-header-styles=gradient] .header-link.dropdown-toggle .user-name, [data-menu-styles=color] .side-menu__item.active, [data-menu-styles=color] .side-menu__item:hover, [data-menu-styles=gradient] .side-menu__item.active, [data-menu-styles=gradient] .side-menu__item:hover, [data-theme-mode=dark] .bg-dark .text-fixed-white, [data-theme-mode=light] .page-header-breadcrumb h4 { color: #fff !important } [data-header-styles=color] .main-header-container .header-link-icon:hover, [data-header-styles=dark] .main-header-container .header-link-icon:hover, [data-header-styles=gradient] .main-header-container .header-link-icon:hover, [data-menu-styles=color] .app-sidebar .main-menu .slide .side-menu__item:hover, [data-menu-styles=color] .app-sidebar .main-menu>.slide>.side-menu__item.active, [data-menu-styles=color] .app-sidebar .main-menu>.slide>.side-menu__item:hover { background-color: #ffffff1a } [data-menu-styles=gradient] .side-menu__item.active:before, [data-menu-styles=gradient] .side-menu__item:hover:before { border: 1px solid #fff !important } [data-menu-styles=gradient] { --menu-bg: linear-gradient(to bottom, var(--primary-color) 0%, #00b9da 100%); --menu-prime-color: rgba(255, 255, 255, 0.7) } [data-menu-styles=gradient][data-nav-layout=horizontal] { --menu-bg: linear-gradient(to right, var(--primary-color) 0%, #00b9da 100%) } .tab-style-5 .nav-item .nav-link.active, [data-menu-styles=gradient] .app-sidebar .main-sidebar-header { background: var(--primary-color) } [data-header-styles=transparent][data-theme-mode=dark] .main-header-container .header-link-icon:hover, [data-menu-styles=gradient] .app-sidebar .side-menu__item.active, [data-menu-styles=gradient] .app-sidebar .side-menu__item:hover, [data-menu-styles=transparent][data-theme-mode=dark] .app-sidebar .side-menu__item.active, [data-menu-styles=transparent][data-theme-mode=dark] .app-sidebar .side-menu__item:hover { background-color: #ffffff0d } [data-menu-styles=transparent] { --menu-bg: var(--default-body-bg-color) } [data-menu-styles=transparent][data-theme-mode=light] { --menu-border-color: rgba(0, 0, 0, 0.07) } [data-header-styles=transparent] .main-header-container .header-link-icon:hover, [data-menu-styles=transparent] .app-sidebar .side-menu__item.active, [data-menu-styles=transparent] .app-sidebar .side-menu__item:hover { background-color: #0000000d } [data-menu-styles=transparent][data-theme-mode=dark] { --menu-prime-color: rgba(255, 255, 255, 0.6); --menu-border-color: rgba(255, 255, 255, 0.1); --menu-bg: rgb(var(--body-bg-rgb2)) } [data-menu-styles=transparent][data-theme-mode=dark][icon-overlay=open] { --menu-bg: rgb(var(--body-bg-rgb2)) } [data-header-styles=dark] { --header-bg: var(--custom-white) } .svg-white, [data-header-styles=color] .main-header-container .header-link.show .header-link-icon, [data-header-styles=color] .main-header-container .header-link:hover .header-link-icon, [data-header-styles=dark] .main-header-container .header-link.show .header-link-icon, [data-header-styles=dark] .main-header-container .header-link:hover .header-link-icon, [data-header-styles=gradient] .main-header-container .header-link.show .header-link-icon, [data-header-styles=gradient] .main-header-container .header-link:hover .header-link-icon { fill: #fff } [data-header-styles=dark][data-theme-mode=light] { --header-bg: #011626 } [data-header-styles=color] { --header-bg: var(--primary-color) } [data-header-styles=gradient] { --header-bg: linear-gradient(to right, var(--primary-color) 0%, #00b9da 100%) } [data-header-styles=transparent] { --header-bg: rgb(var(--body-bg-rgb2)) } [data-header-styles=transparent][data-theme-mode=light] { --header-border-color: rgba(0, 0, 0, 0.07); --header-bg: rgb(var(--body-bg-rgb)) } .bg-img .app-sidebar:before, [data-bg-img=bgimg1] .app-sidebar:before, [data-bg-img=bgimg2] .app-sidebar:before, [data-bg-img=bgimg3] .app-sidebar:before, [data-bg-img=bgimg4] .app-sidebar:before, [data-bg-img=bgimg5] .app-sidebar:before { background-color: rgba(var(--body-bg-rgb), .8); content: ""; position: absolute; inset-inline-start: 0; inset-block-start: 0; width: 100%; height: 100%; z-index: -1 } #leads-discovered .card.custom-card .avatar, .basic-subscription:before, .bg-img[data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=color][data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .main-sidebar-header, .bg-img[data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=color][data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .main-sidebar-header, .bg-img[data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=color][data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .main-sidebar-header, .bg-img[data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=color][data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .main-sidebar-header, .bg-img[data-nav-layout=vertical][data-menu-styles=color][data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .main-sidebar-header, .bg-img[data-nav-layout=vertical][data-menu-styles=color][data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .main-sidebar-header, .crm-deals-status li.primary:before, .crm-lead-legend.mobile:before, .dropdown-menu.dropdown-menu-primary, .earning.top-gross:before, .ecommerce-icon svg.primary, .hrm-jobs-legend.published:before, .lead-discovered:before, .pagination-style-3 .pagination .page-item.active:hover .page-link, .pagination-style-4 .pagination .page-item.active:hover .page-link, .tab-style-3 .nav-item .nav-link.active:before, .theme-colors .switch-select .color-input.color-primary, .toggle.on span, .tooltip.tooltip-primary .tooltip-inner, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=color][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg1] .app-sidebar .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=color][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg2] .app-sidebar .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=color][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg3] .app-sidebar .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=color][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg4] .app-sidebar .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=color][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg5] .app-sidebar .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=color][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg1] .app-sidebar .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=color][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg2] .app-sidebar .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=color][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg3] .app-sidebar .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=color][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg4] .app-sidebar .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=color][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg5] .app-sidebar .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=color][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg1] .app-sidebar .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=color][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg2] .app-sidebar .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=color][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg3] .app-sidebar .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=color][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg4] .app-sidebar .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=color][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg5] .app-sidebar .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=color][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg1] .app-sidebar .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=color][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg2] .app-sidebar .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=color][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg3] .app-sidebar .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=color][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg4] .app-sidebar .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=color][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg5] .app-sidebar .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=color][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg1] .app-sidebar .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=color][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg2] .app-sidebar .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=color][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg3] .app-sidebar .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=color][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg4] .app-sidebar .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=color][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg5] .app-sidebar .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=color][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg1] .app-sidebar .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=color][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg2] .app-sidebar .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=color][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg3] .app-sidebar .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=color][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg4] .app-sidebar .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=color][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg5] .app-sidebar .main-sidebar-header { background-color: var(--primary-color) } .bg-img[data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .main-sidebar-header, .bg-img[data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .main-sidebar-header, .bg-img[data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .main-sidebar-header, .bg-img[data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .main-sidebar-header, .bg-img[data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .main-sidebar-header, .bg-img[data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg1] .app-sidebar .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg2] .app-sidebar .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg3] .app-sidebar .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg4] .app-sidebar .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg5] .app-sidebar .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg1] .app-sidebar .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg2] .app-sidebar .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg3] .app-sidebar .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg4] .app-sidebar .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg5] .app-sidebar .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg1] .app-sidebar .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg2] .app-sidebar .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg3] .app-sidebar .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg4] .app-sidebar .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg5] .app-sidebar .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg1] .app-sidebar .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg2] .app-sidebar .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg3] .app-sidebar .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg4] .app-sidebar .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg5] .app-sidebar .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg1] .app-sidebar .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg2] .app-sidebar .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg3] .app-sidebar .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg4] .app-sidebar .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg5] .app-sidebar .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg1] .app-sidebar .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg2] .app-sidebar .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg3] .app-sidebar .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg4] .app-sidebar .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg5] .app-sidebar .main-sidebar-header { background: linear-gradient(to right, var(--primary-color) 0, rgb(var(--secondary-rgb)) 100%) } .app-sidebar .slide-menu.child1 .side-menu__item.active, .app-sidebar .slide-menu.child2 .side-menu__item.active, .app-sidebar .slide-menu.child3 .side-menu__item.active, .bg-img[data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .main-sidebar-header, .bg-img[data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .main-sidebar-header, .bg-img[data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent] .app-sidebar .slide.has-sub .slide-menu.child1, .bg-img[data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent] .app-sidebar .slide.has-sub .slide-menu.child2, .bg-img[data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent] .app-sidebar .slide.has-sub .slide-menu.child3, .bg-img[data-menu-styles=dark][data-theme-mode=light][data-menu-styles=transparent] .app-sidebar .slide.has-sub .slide-menu.child1, .bg-img[data-menu-styles=dark][data-theme-mode=light][data-menu-styles=transparent] .app-sidebar .slide.has-sub .slide-menu.child2, .bg-img[data-menu-styles=dark][data-theme-mode=light][data-menu-styles=transparent] .app-sidebar .slide.has-sub .slide-menu.child3, .bg-img[data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .main-sidebar-header, .bg-img[data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .main-sidebar-header, .bg-img[data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent] .app-sidebar .slide.has-sub .slide-menu.child1, .bg-img[data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent] .app-sidebar .slide.has-sub .slide-menu.child2, .bg-img[data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent] .app-sidebar .slide.has-sub .slide-menu.child3, .bg-img[data-menu-styles=transparent][data-theme-mode=light][data-menu-styles=transparent] .app-sidebar .slide.has-sub .slide-menu.child1, .bg-img[data-menu-styles=transparent][data-theme-mode=light][data-menu-styles=transparent] .app-sidebar .slide.has-sub .slide-menu.child2, .bg-img[data-menu-styles=transparent][data-theme-mode=light][data-menu-styles=transparent] .app-sidebar .slide.has-sub .slide-menu.child3, .bg-img[data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .main-sidebar-header, .bg-img[data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .main-sidebar-header, .bg-img[data-theme-mode=dark][data-menu-styles=transparent] .app-sidebar .slide.has-sub .slide-menu.child1, .bg-img[data-theme-mode=dark][data-menu-styles=transparent] .app-sidebar .slide.has-sub .slide-menu.child2, .bg-img[data-theme-mode=dark][data-menu-styles=transparent] .app-sidebar .slide.has-sub .slide-menu.child3, .bg-img[data-theme-mode=light][data-menu-styles=transparent] .app-sidebar .slide.has-sub .slide-menu.child1, .bg-img[data-theme-mode=light][data-menu-styles=transparent] .app-sidebar .slide.has-sub .slide-menu.child2, .bg-img[data-theme-mode=light][data-menu-styles=transparent] .app-sidebar .slide.has-sub .slide-menu.child3, .pagination-style-2 .pagination .page-item:hover .page-link, .pagination-style-4 .pagination .page-item:hover .page-link, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg1] .app-sidebar .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg2] .app-sidebar .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg3] .app-sidebar .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg4] .app-sidebar .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg5] .app-sidebar .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg1] .app-sidebar .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg2] .app-sidebar .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg3] .app-sidebar .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg4] .app-sidebar .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg5] .app-sidebar .main-sidebar-header, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=dark][data-theme-mode=light][data-menu-styles=transparent][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=dark][data-theme-mode=light][data-menu-styles=transparent][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=dark][data-theme-mode=light][data-menu-styles=transparent][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=dark][data-theme-mode=light][data-menu-styles=transparent][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=dark][data-theme-mode=light][data-menu-styles=transparent][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=dark][data-theme-mode=light][data-menu-styles=transparent][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=dark][data-theme-mode=light][data-menu-styles=transparent][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=dark][data-theme-mode=light][data-menu-styles=transparent][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=dark][data-theme-mode=light][data-menu-styles=transparent][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=dark][data-theme-mode=light][data-menu-styles=transparent][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=dark][data-theme-mode=light][data-menu-styles=transparent][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=dark][data-theme-mode=light][data-menu-styles=transparent][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=dark][data-theme-mode=light][data-menu-styles=transparent][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=dark][data-theme-mode=light][data-menu-styles=transparent][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=dark][data-theme-mode=light][data-menu-styles=transparent][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg1] .app-sidebar .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg2] .app-sidebar .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg3] .app-sidebar .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg4] .app-sidebar .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg5] .app-sidebar .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg1] .app-sidebar .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg2] .app-sidebar .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg3] .app-sidebar .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg4] .app-sidebar .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg5] .app-sidebar .main-sidebar-header, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=transparent][data-theme-mode=light][data-menu-styles=transparent][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-theme-mode=light][data-menu-styles=transparent][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-theme-mode=light][data-menu-styles=transparent][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=transparent][data-theme-mode=light][data-menu-styles=transparent][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-theme-mode=light][data-menu-styles=transparent][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-theme-mode=light][data-menu-styles=transparent][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=transparent][data-theme-mode=light][data-menu-styles=transparent][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-theme-mode=light][data-menu-styles=transparent][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-theme-mode=light][data-menu-styles=transparent][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=transparent][data-theme-mode=light][data-menu-styles=transparent][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-theme-mode=light][data-menu-styles=transparent][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-theme-mode=light][data-menu-styles=transparent][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=transparent][data-theme-mode=light][data-menu-styles=transparent][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-theme-mode=light][data-menu-styles=transparent][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-theme-mode=light][data-menu-styles=transparent][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu.child3, [data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg1] .app-sidebar .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg2] .app-sidebar .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg3] .app-sidebar .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg4] .app-sidebar .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg5] .app-sidebar .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg1] .app-sidebar .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg2] .app-sidebar .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg3] .app-sidebar .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg4] .app-sidebar .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg5] .app-sidebar .main-sidebar-header, [data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu.child1, [data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu.child2, [data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu.child3, [data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu.child1, [data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu.child2, [data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu.child3, [data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu.child1, [data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu.child2, [data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu.child3, [data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu.child1, [data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu.child2, [data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu.child3, [data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu.child1, [data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu.child2, [data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu.child3, [data-theme-mode=light][data-menu-styles=transparent][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu.child1, [data-theme-mode=light][data-menu-styles=transparent][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu.child2, [data-theme-mode=light][data-menu-styles=transparent][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu.child3, [data-theme-mode=light][data-menu-styles=transparent][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu.child1, [data-theme-mode=light][data-menu-styles=transparent][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu.child2, [data-theme-mode=light][data-menu-styles=transparent][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu.child3, [data-theme-mode=light][data-menu-styles=transparent][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu.child1, [data-theme-mode=light][data-menu-styles=transparent][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu.child2, [data-theme-mode=light][data-menu-styles=transparent][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu.child3, [data-theme-mode=light][data-menu-styles=transparent][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu.child1, [data-theme-mode=light][data-menu-styles=transparent][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu.child2, [data-theme-mode=light][data-menu-styles=transparent][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu.child3, [data-theme-mode=light][data-menu-styles=transparent][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu.child1, [data-theme-mode=light][data-menu-styles=transparent][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu.child2, [data-theme-mode=light][data-menu-styles=transparent][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu.child3 { background-color: transparent } .bg-img[data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .main-sidebar-header, .bg-img[data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .main-sidebar-header, .bg-img[data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .main-sidebar-header, .bg-img[data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .main-sidebar-header, .bg-img[data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .main-sidebar-header, .bg-img[data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .main-sidebar-header, .bg-img[data-theme-mode=dark][data-vertical-style=doublemenu] .slide.has-sub .slide-menu, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg1] .app-sidebar .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg2] .app-sidebar .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg3] .app-sidebar .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg4] .app-sidebar .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg5] .app-sidebar .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg1] .app-sidebar .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg2] .app-sidebar .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg3] .app-sidebar .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg4] .app-sidebar .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg5] .app-sidebar .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg1] .app-sidebar .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg2] .app-sidebar .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg3] .app-sidebar .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg4] .app-sidebar .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg5] .app-sidebar .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg1] .app-sidebar .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg2] .app-sidebar .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg3] .app-sidebar .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg4] .app-sidebar .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg5] .app-sidebar .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg1] .app-sidebar .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg2] .app-sidebar .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg3] .app-sidebar .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg4] .app-sidebar .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg5] .app-sidebar .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg1] .app-sidebar .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg2] .app-sidebar .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg3] .app-sidebar .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg4] .app-sidebar .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg5] .app-sidebar .main-sidebar-header, [data-theme-mode=dark][data-vertical-style=doublemenu][data-bg-img=bgimg1] .slide.has-sub .slide-menu, [data-theme-mode=dark][data-vertical-style=doublemenu][data-bg-img=bgimg2] .slide.has-sub .slide-menu, [data-theme-mode=dark][data-vertical-style=doublemenu][data-bg-img=bgimg3] .slide.has-sub .slide-menu, [data-theme-mode=dark][data-vertical-style=doublemenu][data-bg-img=bgimg4] .slide.has-sub .slide-menu, [data-theme-mode=dark][data-vertical-style=doublemenu][data-bg-img=bgimg5] .slide.has-sub .slide-menu { background-color: rgb(var(--body-bg-rgb)) } .bg-img[data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide.has-sub .slide-menu.child1, .bg-img[data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide.has-sub .slide-menu.child2, .bg-img[data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide.has-sub .slide-menu.child3, .bg-img[data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide.has-sub .slide-menu.child1, .bg-img[data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide.has-sub .slide-menu.child2, .bg-img[data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide.has-sub .slide-menu.child3, .bg-img[data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide.has-sub .slide-menu.child1, .bg-img[data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide.has-sub .slide-menu.child2, .bg-img[data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide.has-sub .slide-menu.child3, .bg-img[data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide.has-sub .slide-menu.child1, .bg-img[data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide.has-sub .slide-menu.child2, .bg-img[data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide.has-sub .slide-menu.child3, .bg-img[data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide.has-sub .slide-menu.child1, .bg-img[data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide.has-sub .slide-menu.child2, .bg-img[data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide.has-sub .slide-menu.child3, .bg-img[data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide.has-sub .slide-menu.child1, .bg-img[data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide.has-sub .slide-menu.child2, .bg-img[data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide.has-sub .slide-menu.child3, .bg-img[data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide.has-sub .slide-menu.child1, .bg-img[data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide.has-sub .slide-menu.child2, .bg-img[data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide.has-sub .slide-menu.child3, .bg-img[data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide.has-sub .slide-menu.child1, .bg-img[data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide.has-sub .slide-menu.child2, .bg-img[data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide.has-sub .slide-menu.child3, .bg-img[data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide.has-sub .slide-menu.child1, .bg-img[data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide.has-sub .slide-menu.child2, .bg-img[data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide.has-sub .slide-menu.child3, .bg-img[data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide.has-sub .slide-menu.child1, .bg-img[data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide.has-sub .slide-menu.child2, .bg-img[data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide.has-sub .slide-menu.child3, .bg-img[data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide.has-sub .slide-menu.child1, .bg-img[data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide.has-sub .slide-menu.child2, .bg-img[data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide.has-sub .slide-menu.child3, .bg-img[data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide.has-sub .slide-menu.child1, .bg-img[data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide.has-sub .slide-menu.child2, .bg-img[data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide.has-sub .slide-menu.child3, .bg-white, .gridjs-tbody, .ql-snow .ql-picker-options, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu.child3, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu.child1, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu.child2, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu.child3, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu.child1, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu.child2, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu.child3, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu.child1, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu.child2, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu.child3, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu.child1, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu.child2, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu.child3, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu.child1, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu.child2, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu.child3, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu.child1, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu.child2, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu.child3, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu.child1, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu.child2, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu.child3, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu.child1, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu.child2, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu.child3, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu.child1, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu.child2, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu.child3, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu.child1, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu.child2, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu.child3, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu.child1, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu.child2, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu.child3, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu.child1, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu.child2, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu.child3, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu.child1, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu.child2, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu.child3, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu.child1, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu.child2, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu.child3, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu.child1, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu.child2, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu.child3, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu.child1, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu.child2, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu.child3, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu.child1, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu.child2, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu.child3, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu.child1, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu.child2, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu.child3, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu.child1, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu.child2, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu.child3, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu.child1, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu.child2, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu.child3, td.gridjs-td { background-color: var(--custom-white) !important } .accordion-button:after, .accordion-button:not(.collapsed) { background-color: var(--default-background); color: var(--default-text-color) } .bg-body, .bg-img[data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu] .app-sidebar .slide.has-sub .slide-menu.child1, .bg-img[data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu] .app-sidebar .slide.has-sub .slide-menu.child2, .bg-img[data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu] .app-sidebar .slide.has-sub .slide-menu.child3, .bg-img[data-menu-styles=dark][data-theme-mode=light][data-menu-styles=transparent][data-vertical-style=doublemenu] .app-sidebar .slide.has-sub .slide-menu.child1, .bg-img[data-menu-styles=dark][data-theme-mode=light][data-menu-styles=transparent][data-vertical-style=doublemenu] .app-sidebar .slide.has-sub .slide-menu.child2, .bg-img[data-menu-styles=dark][data-theme-mode=light][data-menu-styles=transparent][data-vertical-style=doublemenu] .app-sidebar .slide.has-sub .slide-menu.child3, .bg-img[data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu] .app-sidebar .slide.has-sub .slide-menu.child1, .bg-img[data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu] .app-sidebar .slide.has-sub .slide-menu.child2, .bg-img[data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu] .app-sidebar .slide.has-sub .slide-menu.child3, .bg-img[data-menu-styles=transparent][data-theme-mode=light][data-menu-styles=transparent][data-vertical-style=doublemenu] .app-sidebar .slide.has-sub .slide-menu.child1, .bg-img[data-menu-styles=transparent][data-theme-mode=light][data-menu-styles=transparent][data-vertical-style=doublemenu] .app-sidebar .slide.has-sub .slide-menu.child2, .bg-img[data-menu-styles=transparent][data-theme-mode=light][data-menu-styles=transparent][data-vertical-style=doublemenu] .app-sidebar .slide.has-sub .slide-menu.child3, .bg-img[data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu] .app-sidebar .slide.has-sub .slide-menu.child1, .bg-img[data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu] .app-sidebar .slide.has-sub .slide-menu.child2, .bg-img[data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu] .app-sidebar .slide.has-sub .slide-menu.child3, .bg-img[data-theme-mode=light][data-menu-styles=transparent][data-vertical-style=doublemenu] .app-sidebar .slide.has-sub .slide-menu.child1, .bg-img[data-theme-mode=light][data-menu-styles=transparent][data-vertical-style=doublemenu] .app-sidebar .slide.has-sub .slide-menu.child2, .bg-img[data-theme-mode=light][data-menu-styles=transparent][data-vertical-style=doublemenu] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=dark][data-theme-mode=light][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=dark][data-theme-mode=light][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=dark][data-theme-mode=light][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=dark][data-theme-mode=light][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=dark][data-theme-mode=light][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=dark][data-theme-mode=light][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=dark][data-theme-mode=light][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=dark][data-theme-mode=light][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=dark][data-theme-mode=light][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=dark][data-theme-mode=light][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=dark][data-theme-mode=light][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=dark][data-theme-mode=light][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=dark][data-theme-mode=light][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=dark][data-theme-mode=light][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=dark][data-theme-mode=light][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=transparent][data-theme-mode=light][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-theme-mode=light][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-theme-mode=light][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=transparent][data-theme-mode=light][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-theme-mode=light][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-theme-mode=light][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=transparent][data-theme-mode=light][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-theme-mode=light][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-theme-mode=light][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=transparent][data-theme-mode=light][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-theme-mode=light][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-theme-mode=light][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu.child3, [data-menu-styles=transparent][data-theme-mode=light][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-theme-mode=light][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-theme-mode=light][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu.child3, [data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu.child1, [data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu.child2, [data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu.child3, [data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu.child1, [data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu.child2, [data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu.child3, [data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu.child1, [data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu.child2, [data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu.child3, [data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu.child1, [data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu.child2, [data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu.child3, [data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu.child1, [data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu.child2, [data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu.child3, [data-theme-mode=light][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu.child1, [data-theme-mode=light][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu.child2, [data-theme-mode=light][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu.child3, [data-theme-mode=light][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu.child1, [data-theme-mode=light][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu.child2, [data-theme-mode=light][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu.child3, [data-theme-mode=light][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu.child1, [data-theme-mode=light][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu.child2, [data-theme-mode=light][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu.child3, [data-theme-mode=light][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu.child1, [data-theme-mode=light][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu.child2, [data-theme-mode=light][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu.child3, [data-theme-mode=light][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu.child1, [data-theme-mode=light][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu.child2, [data-theme-mode=light][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu.child3 { background-color: var(--default-body-bg-color) !important } .bg-img[data-menu-styles=dark][data-theme-mode=light][data-menu-styles=dark] .app-sidebar:before, .bg-img[data-menu-styles=transparent][data-theme-mode=light][data-menu-styles=dark] .app-sidebar:before, .bg-img[data-theme-mode=light][data-menu-styles=dark] .app-sidebar:before, [data-menu-styles=dark][data-theme-mode=light][data-menu-styles=dark][data-bg-img=bgimg1] .app-sidebar:before, [data-menu-styles=dark][data-theme-mode=light][data-menu-styles=dark][data-bg-img=bgimg2] .app-sidebar:before, [data-menu-styles=dark][data-theme-mode=light][data-menu-styles=dark][data-bg-img=bgimg3] .app-sidebar:before, [data-menu-styles=dark][data-theme-mode=light][data-menu-styles=dark][data-bg-img=bgimg4] .app-sidebar:before, [data-menu-styles=dark][data-theme-mode=light][data-menu-styles=dark][data-bg-img=bgimg5] .app-sidebar:before, [data-menu-styles=transparent][data-theme-mode=light][data-menu-styles=dark][data-bg-img=bgimg1] .app-sidebar:before, [data-menu-styles=transparent][data-theme-mode=light][data-menu-styles=dark][data-bg-img=bgimg2] .app-sidebar:before, [data-menu-styles=transparent][data-theme-mode=light][data-menu-styles=dark][data-bg-img=bgimg3] .app-sidebar:before, [data-menu-styles=transparent][data-theme-mode=light][data-menu-styles=dark][data-bg-img=bgimg4] .app-sidebar:before, [data-menu-styles=transparent][data-theme-mode=light][data-menu-styles=dark][data-bg-img=bgimg5] .app-sidebar:before, [data-theme-mode=light][data-menu-styles=dark][data-bg-img=bgimg1] .app-sidebar:before, [data-theme-mode=light][data-menu-styles=dark][data-bg-img=bgimg2] .app-sidebar:before, [data-theme-mode=light][data-menu-styles=dark][data-bg-img=bgimg3] .app-sidebar:before, [data-theme-mode=light][data-menu-styles=dark][data-bg-img=bgimg4] .app-sidebar:before, [data-theme-mode=light][data-menu-styles=dark][data-bg-img=bgimg5] .app-sidebar:before { background-color: #000c } .bg-img[data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide.has-sub .slide-menu, .bg-img[data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide.has-sub .slide-menu, .bg-img[data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide.has-sub .slide-menu, .bg-img[data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide.has-sub .slide-menu, .bg-img[data-vertical-style=doublemenu] .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu, [data-vertical-style=doublemenu][data-bg-img=bgimg1] .slide.has-sub .slide-menu, [data-vertical-style=doublemenu][data-bg-img=bgimg2] .slide.has-sub .slide-menu, [data-vertical-style=doublemenu][data-bg-img=bgimg3] .slide.has-sub .slide-menu, [data-vertical-style=doublemenu][data-bg-img=bgimg4] .slide.has-sub .slide-menu, [data-vertical-style=doublemenu][data-bg-img=bgimg5] .slide.has-sub .slide-menu { background-color: #fff; background-image: none } .bg-img[data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar, .bg-img[data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar, .bg-img[data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar, .bg-img[data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar, [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg1] .app-sidebar, [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg2] .app-sidebar, [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg3] .app-sidebar, [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg4] .app-sidebar, [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg5] .app-sidebar, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg1] .app-sidebar, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg2] .app-sidebar, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg3] .app-sidebar, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg4] .app-sidebar, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg5] .app-sidebar, [data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg1] .app-sidebar, [data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg2] .app-sidebar, [data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg3] .app-sidebar, [data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg4] .app-sidebar, [data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg5] .app-sidebar, [data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg1] .app-sidebar, [data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg2] .app-sidebar, [data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg3] .app-sidebar, [data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg4] .app-sidebar, [data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg5] .app-sidebar { position: fixed } .bg-img[data-menu-styles=light] .app-sidebar:before, [data-menu-styles=light][data-bg-img=bgimg1] .app-sidebar:before, [data-menu-styles=light][data-bg-img=bgimg2] .app-sidebar:before, [data-menu-styles=light][data-bg-img=bgimg3] .app-sidebar:before, [data-menu-styles=light][data-bg-img=bgimg4] .app-sidebar:before, [data-menu-styles=light][data-bg-img=bgimg5] .app-sidebar:before { background-color: #ffffffd9 } .bg-img[data-menu-styles=dark][data-vertical-style=doublemenu] .slide.has-sub .slide-menu, [data-menu-styles=dark][data-vertical-style=doublemenu][data-bg-img=bgimg1] .slide.has-sub .slide-menu, [data-menu-styles=dark][data-vertical-style=doublemenu][data-bg-img=bgimg2] .slide.has-sub .slide-menu, [data-menu-styles=dark][data-vertical-style=doublemenu][data-bg-img=bgimg3] .slide.has-sub .slide-menu, [data-menu-styles=dark][data-vertical-style=doublemenu][data-bg-img=bgimg4] .slide.has-sub .slide-menu, [data-menu-styles=dark][data-vertical-style=doublemenu][data-bg-img=bgimg5] .slide.has-sub .slide-menu { background-color: var(--custom-white); background-image: none } .bg-img[data-menu-styles=dark][data-theme-mode=light][data-vertical-style=doublemenu] .slide.has-sub .slide-menu, [data-menu-styles=dark][data-theme-mode=light][data-vertical-style=doublemenu][data-bg-img=bgimg1] .slide.has-sub .slide-menu, [data-menu-styles=dark][data-theme-mode=light][data-vertical-style=doublemenu][data-bg-img=bgimg2] .slide.has-sub .slide-menu, [data-menu-styles=dark][data-theme-mode=light][data-vertical-style=doublemenu][data-bg-img=bgimg3] .slide.has-sub .slide-menu, [data-menu-styles=dark][data-theme-mode=light][data-vertical-style=doublemenu][data-bg-img=bgimg4] .slide.has-sub .slide-menu, [data-menu-styles=dark][data-theme-mode=light][data-vertical-style=doublemenu][data-bg-img=bgimg5] .slide.has-sub .slide-menu { background-color: #011626 } .bg-img[data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide.has-sub .slide-menu, .bg-img[data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide.has-sub .slide-menu, .bg-img[data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide.has-sub .slide-menu, .bg-img[data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu { background-color: #011626; background-image: none } .bg-img[data-theme-mode=dark][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide.has-sub .slide-menu, .bg-img[data-theme-mode=dark][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide.has-sub .slide-menu, .bg-img[data-theme-mode=dark][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide.has-sub .slide-menu, .bg-img[data-theme-mode=dark][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide.has-sub .slide-menu, [data-theme-mode=dark][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu, [data-theme-mode=dark][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu, [data-theme-mode=dark][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu, [data-theme-mode=dark][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu, [data-theme-mode=dark][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu, [data-theme-mode=dark][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu, [data-theme-mode=dark][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu, [data-theme-mode=dark][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu, [data-theme-mode=dark][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu, [data-theme-mode=dark][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu, [data-theme-mode=dark][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu, [data-theme-mode=dark][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu, [data-theme-mode=dark][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu, [data-theme-mode=dark][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu, [data-theme-mode=dark][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu, [data-theme-mode=dark][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu, [data-theme-mode=dark][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu, [data-theme-mode=dark][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu, [data-theme-mode=dark][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu, [data-theme-mode=dark][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu { background-color: rgb(var(--body-bg-rgb)); background-image: none } .bg-img[data-menu-styles=color] .app-sidebar:before, [data-menu-styles=color][data-bg-img=bgimg1] .app-sidebar:before, [data-menu-styles=color][data-bg-img=bgimg2] .app-sidebar:before, [data-menu-styles=color][data-bg-img=bgimg3] .app-sidebar:before, [data-menu-styles=color][data-bg-img=bgimg4] .app-sidebar:before, [data-menu-styles=color][data-bg-img=bgimg5] .app-sidebar:before { background-color: var(--primary-color); opacity: .9 } .bg-img[data-menu-styles=color][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide.has-sub .slide-menu, .bg-img[data-menu-styles=color][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide.has-sub .slide-menu, .bg-img[data-menu-styles=color][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide.has-sub .slide-menu, .bg-img[data-menu-styles=color][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide.has-sub .slide-menu, .bg-img[data-menu-styles=color][data-vertical-style=doublemenu] .slide.has-sub .slide-menu, .bg-img[data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide.has-sub .slide-menu, .bg-img[data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide.has-sub .slide-menu, .bg-img[data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide.has-sub .slide-menu, .bg-img[data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide.has-sub .slide-menu, .bg-img[data-menu-styles=gradient][data-vertical-style=doublemenu] .slide.has-sub .slide-menu, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=color][data-vertical-style=doublemenu][data-bg-img=bgimg1] .slide.has-sub .slide-menu, [data-menu-styles=color][data-vertical-style=doublemenu][data-bg-img=bgimg2] .slide.has-sub .slide-menu, [data-menu-styles=color][data-vertical-style=doublemenu][data-bg-img=bgimg3] .slide.has-sub .slide-menu, [data-menu-styles=color][data-vertical-style=doublemenu][data-bg-img=bgimg4] .slide.has-sub .slide-menu, [data-menu-styles=color][data-vertical-style=doublemenu][data-bg-img=bgimg5] .slide.has-sub .slide-menu, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=gradient][data-vertical-style=doublemenu][data-bg-img=bgimg1] .slide.has-sub .slide-menu, [data-menu-styles=gradient][data-vertical-style=doublemenu][data-bg-img=bgimg2] .slide.has-sub .slide-menu, [data-menu-styles=gradient][data-vertical-style=doublemenu][data-bg-img=bgimg3] .slide.has-sub .slide-menu, [data-menu-styles=gradient][data-vertical-style=doublemenu][data-bg-img=bgimg4] .slide.has-sub .slide-menu, [data-menu-styles=gradient][data-vertical-style=doublemenu][data-bg-img=bgimg5] .slide.has-sub .slide-menu { background-color: var(--primary-color); background-image: none } .bg-img[data-menu-styles=gradient] .app-sidebar:before, [data-menu-styles=gradient][data-bg-img=bgimg1] .app-sidebar:before, [data-menu-styles=gradient][data-bg-img=bgimg2] .app-sidebar:before, [data-menu-styles=gradient][data-bg-img=bgimg3] .app-sidebar:before, [data-menu-styles=gradient][data-bg-img=bgimg4] .app-sidebar:before, [data-menu-styles=gradient][data-bg-img=bgimg5] .app-sidebar:before { background: linear-gradient(to right, var(--primary-color) 0, rgb(var(--secondary-rgb)) 100%); opacity: .9 } .bg-img[data-menu-styles=transparent] .app-sidebar:before, [data-menu-styles=transparent][data-bg-img=bgimg1] .app-sidebar:before, [data-menu-styles=transparent][data-bg-img=bgimg2] .app-sidebar:before, [data-menu-styles=transparent][data-bg-img=bgimg3] .app-sidebar:before, [data-menu-styles=transparent][data-bg-img=bgimg4] .app-sidebar:before, [data-menu-styles=transparent][data-bg-img=bgimg5] .app-sidebar:before { background-color: var(--default-body-bg-color); opacity: .9 } .bg-img[data-menu-styles=transparent][data-vertical-style=doublemenu] .slide.has-sub .slide-menu, [data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg1] .slide.has-sub .slide-menu, [data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg2] .slide.has-sub .slide-menu, [data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg3] .slide.has-sub .slide-menu, [data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg4] .slide.has-sub .slide-menu, [data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg5] .slide.has-sub .slide-menu { background-color: transparent; background-image: none } .bg-img[data-menu-styles=transparent][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide.has-sub .slide-menu, .bg-img[data-menu-styles=transparent][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide.has-sub .slide-menu, .bg-img[data-menu-styles=transparent][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide.has-sub .slide-menu, .bg-img[data-menu-styles=transparent][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=transparent][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=transparent][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=transparent][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=transparent][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=transparent][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=transparent][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=transparent][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=transparent][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=transparent][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=transparent][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=transparent][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=transparent][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=transparent][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=transparent][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=transparent][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=transparent][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=transparent][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=transparent][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=transparent][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=transparent][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu { background-color: var(--default-body-bg-color); background-image: none } .bg-img .app-sidebar, [data-bg-img=bgimg1] .app-sidebar, [data-bg-img=bgimg2] .app-sidebar, [data-bg-img=bgimg3] .app-sidebar, [data-bg-img=bgimg4] .app-sidebar, [data-bg-img=bgimg5] .app-sidebar { background-size: cover; background-position: center; background-repeat: no-repeat; border-inline-end: 0 } .bg-img .app-sidebar .main-sidebar-header, [data-bg-img=bgimg1] .app-sidebar .main-sidebar-header, [data-bg-img=bgimg2] .app-sidebar .main-sidebar-header, [data-bg-img=bgimg3] .app-sidebar .main-sidebar-header, [data-bg-img=bgimg4] .app-sidebar .main-sidebar-header, [data-bg-img=bgimg5] .app-sidebar .main-sidebar-header { background: 0 0; border-inline-end: 0 } .accordion-button:after, .accordion-button:not(.collapsed):after, .alert .btn-close { background-image: none } [data-vertical-style=icontext][data-bg-img=bgimg1] .app-sidebar.sticky.sticky-pin .main-sidebar-header, [data-vertical-style=icontext][data-bg-img=bgimg2] .app-sidebar.sticky.sticky-pin .main-sidebar-header, [data-vertical-style=icontext][data-bg-img=bgimg3] .app-sidebar.sticky.sticky-pin .main-sidebar-header, [data-vertical-style=icontext][data-bg-img=bgimg4] .app-sidebar.sticky.sticky-pin .main-sidebar-header, [data-vertical-style=icontext][data-bg-img=bgimg5] .app-sidebar.sticky.sticky-pin .main-sidebar-header { -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px) } .accordion-button { background-color: var(--custom-white); color: var(--default-text-color); padding: .75rem 1rem; font-size: .85rem; font-weight: 500 } .alert .alert-link, .badge, .col-form-label, .col-form-label-lg, .col-form-label-sm, .pagination-style-1 .pagination .page-item .page-link i, .pagination-style-3 .pagination .page-item .page-link i, .pagination-style-4 .pagination .page-item .page-link i { font-weight: 600 } .accordion-button:not(.collapsed) { box-shadow: none } .accordion-button:focus { border-color: var(--primary03); box-shadow: none } .accordion-button:after { content: ""; font-family: remixicon !important; font-size: 1rem; line-height: 1; display: flex; align-items: center; justify-content: center; border-radius: 3.125rem } .accordion-body { padding: .75rem 1rem; font-size: .8125rem; color: var(--text-muted) } .accordion-item, .page-link { color: var(--default-text-color); background-color: var(--custom-white); border: 1px solid var(--default-border) } .accordions-items-seperate .accordion-item:not(:first-of-type) { margin-block-start: 0.5rem } .accordions-items-seperate .accordion-item { border-radius: .5rem; overflow: hidden } .accordion-item:last-of-type { border-bottom-right-radius: .35rem; border-bottom-left-radius: .35rem } .accordion-item:first-of-type { border-top-left-radius: .35rem; border-top-right-radius: .35rem } .accordion.accordion-primary .accordion-button, .btn.btn-primary-light, .form-control-primary:focus, .landing-body .accordion.accordion-primary .accordion-button.collapsed:after, .nav-link.active, .nav-style-1 .nav-item .nav-link.active, .popover-primary-light.popover .popover-body, .tab-style-2 .nav-item .nav-link.active i, .tab-style-7 .nav-link.active, .tab-style-7 .nav-link:active { background-color: var(--primary01); color: var(--primary-color) } .accordion.accordion-primary .accordion-button:after, .accordion.accordion-solid-primary .accordion-button, .btn.btn-outline-primary .badge, .card.custom-card.card-bg-primary, .header-primary .popover-header, .nav.nav-style-1 .nav-link.active, .navbar-primary, .pagination-style-3 .pagination .page-item.active .page-link, .simple-list-example-scrollspy .active { background-color: var(--primary-color); color: #fff } .accordion.accordion-danger .accordion-button.collapsed, .accordion.accordion-info .accordion-button.collapsed, .accordion.accordion-primary .accordion-button.collapsed, .accordion.accordion-secondary .accordion-button.collapsed, .accordion.accordion-solid-danger .accordion-button.collapsed, .accordion.accordion-solid-info .accordion-button.collapsed, .accordion.accordion-solid-primary .accordion-button.collapsed, .accordion.accordion-solid-secondary .accordion-button.collapsed, .accordion.accordion-solid-success .accordion-button.collapsed, .accordion.accordion-solid-warning .accordion-button.collapsed, .accordion.accordion-success .accordion-button.collapsed, .accordion.accordion-warning .accordion-button.collapsed, .btn.btn-outline-danger:active .badge, .btn.btn-outline-danger:focus .badge, .btn.btn-outline-danger:hover .badge, .btn.btn-outline-info:active .badge, .btn.btn-outline-info:focus .badge, .btn.btn-outline-info:hover .badge, .btn.btn-outline-primary:active .badge, .btn.btn-outline-primary:focus .badge, .btn.btn-outline-primary:hover .badge, .btn.btn-outline-secondary:active .badge, .btn.btn-outline-secondary:focus .badge, .btn.btn-outline-secondary:hover .badge, .btn.btn-outline-success:active .badge, .btn.btn-outline-success:focus .badge, .btn.btn-outline-success:hover .badge, .btn.btn-outline-warning:active .badge, .btn.btn-outline-warning:focus .badge, .btn.btn-outline-warning:hover .badge { background-color: var(--custom-white); color: var(--default-text-color) } .accordion.accordion-danger .accordion-button.collapsed:after, .accordion.accordion-info .accordion-button.collapsed:after, .accordion.accordion-primary .accordion-button.collapsed:after, .accordion.accordion-secondary .accordion-button.collapsed:after, .accordion.accordion-solid-danger .accordion-button.collapsed:after, .accordion.accordion-solid-info .accordion-button.collapsed:after, .accordion.accordion-solid-primary .accordion-button.collapsed:after, .accordion.accordion-solid-secondary .accordion-button.collapsed:after, .accordion.accordion-solid-success .accordion-button.collapsed:after, .accordion.accordion-solid-warning .accordion-button.collapsed:after, .accordion.accordion-success .accordion-button.collapsed:after, .accordion.accordion-warning .accordion-button.collapsed:after, .main-chart-wrapper .chat-info .chat-groups-tab li.chat-msg-unread, .main-chart-wrapper .chat-info .chat-users-tab li.chat-msg-unread { background-color: var(--default-background); color: var(--default-text-color) } .accordion.accordion-secondary .accordion-button, .btn.btn-secondary-light, .popover-secondary-light.popover .popover-body { background-color: rgba(var(--secondary-rgb), .1); color: rgb(var(--secondary-rgb)) } .accordion.accordion-secondary .accordion-button:after, .accordion.accordion-solid-secondary .accordion-button, .btn.btn-outline-secondary .badge, .card.custom-card.card-bg-secondary, .header-secondary .popover-header, .navbar-secondary { background-color: rgb(var(--secondary-rgb)); color: #fff } .accordion.accordion-success .accordion-button, .btn.btn-success-light, .popover-success-light.popover .popover-body, .product-sizes.selected { background-color: rgba(var(--success-rgb), .1); color: rgb(var(--success-rgb)) } .accordion.accordion-solid-success .accordion-button, .accordion.accordion-success .accordion-button:after, .btn.btn-outline-success .badge, .card.custom-card.card-bg-success, .header-success .popover-header, .navbar-success { background-color: rgb(var(--success-rgb)); color: #fff } .accordion.accordion-danger .accordion-button, .btn.btn-danger-light, .popover-danger-light.popover .popover-body { background-color: rgba(var(--danger-rgb), .1); color: rgb(var(--danger-rgb)) } .accordion.accordion-danger .accordion-button:after, .accordion.accordion-solid-danger .accordion-button, .btn.btn-outline-danger .badge, .card.custom-card.card-bg-danger, .header-danger .popover-header, .navbar-danger { background-color: rgb(var(--danger-rgb)); color: #fff } .accordion.accordion-warning .accordion-button, .btn.btn-warning-light, .popover-warning-light.popover .popover-body { background-color: rgba(var(--warning-rgb), .1); color: rgb(var(--warning-rgb)) } .accordion.accordion-solid-warning .accordion-button, .accordion.accordion-warning .accordion-button:after, .btn.btn-outline-warning .badge, .card.custom-card.card-bg-warning, .header-warning .popover-header, .navbar-warning { background-color: rgb(var(--warning-rgb)); color: #fff } .accordion.accordion-info .accordion-button, .btn.btn-info-light, .popover-info-light.popover .popover-body { background-color: rgba(var(--info-rgb), .1); color: rgb(var(--info-rgb)) } .accordion.accordion-info .accordion-button:after, .accordion.accordion-solid-info .accordion-button, .btn.btn-outline-info .badge, .card.custom-card.card-bg-info, .header-info .popover-header, .navbar-info { background-color: rgb(var(--info-rgb)); color: #fff } .accordion.accordion-solid-primary .accordion-button:after, .nft-btn:hover { background-color: var(--custom-white); color: var(--primary-color) } .accordion.accordion-solid-secondary .accordion-button:after { background-color: var(--custom-white); color: rgb(var(--secondary-rgb)) } .accordion.accordion-solid-success .accordion-button:after { background-color: var(--custom-white); color: rgb(var(--success-rgb)) } .accordion.accordion-solid-danger .accordion-button:after { background-color: var(--custom-white); color: rgb(var(--danger-rgb)) } .accordion.accordion-solid-warning .accordion-button:after { background-color: var(--custom-white); color: rgb(var(--warning-rgb)) } .accordion.accordion-solid-info .accordion-button:after { background-color: var(--custom-white); color: rgb(var(--info-rgb)) } .accordion.accordion-border-primary .accordion-item, .form-floating.floating-primary input, .nav-tabs-footer .nav-item .nav-link:focus, .nav-tabs-footer .nav-item .nav-link:hover, .popover-primary.popover, .vertical-tabs-3 .nav-item .nav-link:focus, .vertical-tabs-3 .nav-item .nav-link:hover { border: 1px solid var(--primary-color) } .accordion.accordion-border-primary .accordion-button { background-color: var(--custom-white); color: var(--primary-color); border-block-end: 0px } .accordion.accordion-border-primary .accordion-button:after { background-color: var(--custom-white); color: var(--primary-color); border: 1px solid var(--primary-color) } .accordion.accordion-border-primary .accordion-button:not(.collapsed) { border-block-end: 1px solid var(--primary-color) } .accordion.accordion-border-secondary .accordion-item, .form-floating.floating-secondary input, .popover-secondary.popover { border: 1px solid rgb(var(--secondary-rgb)) } .accordion.accordion-border-secondary .accordion-button { background-color: var(--custom-white); color: rgb(var(--secondary-rgb)); border-block-end: 0px } .accordion.accordion-border-secondary .accordion-button:after { background-color: var(--custom-white); color: rgb(var(--secondary-rgb)); border: 1px solid rgb(var(--secondary-rgb)) } .accordion.accordion-border-secondary .accordion-button:not(.collapsed) { border-block-end: 1px solid rgb(var(--secondary-rgb)) } .accordion.accordion-border-success .accordion-item, .form-floating.floating-success input, .popover-success.popover { border: 1px solid rgb(var(--success-rgb)) } .accordion.accordion-border-success .accordion-button { background-color: var(--custom-white); color: rgb(var(--success-rgb)); border-block-end: 0px } .accordion.accordion-border-success .accordion-button:after { background-color: var(--custom-white); color: rgb(var(--success-rgb)); border: 1px solid rgb(var(--success-rgb)) } .accordion.accordion-border-success .accordion-button:not(.collapsed) { border-block-end: 1px solid rgb(var(--success-rgb)) } .accordion.accordion-border-danger .accordion-item, .form-floating.floating-danger input, .popover-danger.popover { border: 1px solid rgb(var(--danger-rgb)) } .accordion.accordion-border-danger .accordion-button { background-color: var(--custom-white); color: rgb(var(--danger-rgb)); border-block-end: 0px } .accordion.accordion-border-danger .accordion-button:after { background-color: var(--custom-white); color: rgb(var(--danger-rgb)); border: 1px solid rgb(var(--danger-rgb)) } .accordion.accordion-border-danger .accordion-button:not(.collapsed) { border-block-end: 1px solid rgb(var(--danger-rgb)) } .accordion.accordion-border-warning .accordion-item, .form-floating.floating-warning input, .popover-warning.popover { border: 1px solid rgb(var(--warning-rgb)) } .accordion.accordion-border-warning .accordion-button { background-color: var(--custom-white); color: rgb(var(--warning-rgb)); border-block-end: 0px } .accordion.accordion-border-warning .accordion-button:after { background-color: var(--custom-white); color: rgb(var(--warning-rgb)); border: 1px solid rgb(var(--warning-rgb)) } .accordion.accordion-border-warning .accordion-button:not(.collapsed) { border-block-end: 1px solid rgb(var(--warning-rgb)) } .accordion.accordion-border-info .accordion-item, .form-floating.floating-info input, .popover-info.popover { border: 1px solid rgb(var(--info-rgb)) } .accordion.accordion-border-info .accordion-button { background-color: var(--custom-white); color: rgb(var(--info-rgb)); border-block-end: 0px } .card.custom-card .card-header, .modal-header { border-block-end: 1px solid var(--default-border) } .accordion.accordion-border-info .accordion-button:after { background-color: var(--custom-white); color: rgb(var(--info-rgb)); border: 1px solid rgb(var(--info-rgb)) } .customized-accordion .accordion-item.custom-accordion-primary .accordion-body, .customized-accordion .accordion-item.custom-accordion-primary .accordion-button { background-color: var(--primary01); border-inline-start: 0.25rem solid var(--primary06) } .accordion.accordion-border-info .accordion-button:not(.collapsed) { border-block-end: 1px solid rgb(var(--info-rgb)) } .accordion.accordionicon-left .accordion-button { padding-inline-start: 2.5rem } .accordion.accordionicon-left .accordion-button:after { position: absolute; inset-inline-start: 0.625rem } .accordion.accordion-customicon1 .accordion-button:after { content: ""; font-family: remixicon !important } .accordion.accordion-customicon1 .accordion-button:not(.collapsed):after { content: ""; font-family: remixicon !important } .customized-accordion .accordion-item.custom-accordion-primary .accordion-button:after { background-color: var(--primary06); color: #fff } .customized-accordion .accordion-item.custom-accordion-secondary .accordion-body, .customized-accordion .accordion-item.custom-accordion-secondary .accordion-button { background-color: rgba(var(--secondary-rgb), .1); border-inline-start: 0.25rem solid rgba(var(--secondary-rgb), 0.6) } .customized-accordion .accordion-item.custom-accordion-secondary .accordion-button:after { background-color: rgba(var(--secondary-rgb), .6); color: #fff } .customized-accordion .accordion-item.custom-accordion-warning .accordion-body, .customized-accordion .accordion-item.custom-accordion-warning .accordion-button { border-inline-start: 0.25rem solid rgba(var(--warning-rgb), 0.6); background-color: rgba(var(--warning-rgb), .1) } .customized-accordion .accordion-item.custom-accordion-warning .accordion-button:after { background-color: rgba(var(--warning-rgb), .6); color: #fff } .customized-accordion .accordion-item.custom-accordion-info .accordion-body, .customized-accordion .accordion-item.custom-accordion-info .accordion-button { background-color: rgba(var(--info-rgb), .1); border-inline-start: 0.25rem solid rgba(var(--info-rgb), 0.6) } .customized-accordion .accordion-item.custom-accordion-info .accordion-button:after { background-color: rgba(var(--info-rgb), .6); color: #fff } .customized-accordion .accordion-item.custom-accordion-success .accordion-body, .customized-accordion .accordion-item.custom-accordion-success .accordion-button { background-color: rgba(var(--success-rgb), .1); border-inline-start: 0.25rem solid rgba(var(--success-rgb), 0.6) } .customized-accordion .accordion-item.custom-accordion-success .accordion-button:after { background-color: rgba(var(--success-rgb), .6); color: #fff } .customized-accordion .accordion-item.custom-accordion-danger .accordion-body, .customized-accordion .accordion-item.custom-accordion-danger .accordion-button { background-color: rgba(var(--danger-rgb), .1); border-inline-start: 0.25rem solid rgba(var(--danger-rgb), 0.6) } .customized-accordion .accordion-item.custom-accordion-danger .accordion-button:after { background-color: rgba(var(--danger-rgb), .6); color: #fff } .alert { padding: .625rem .85rem; border-radius: .5rem; font-size: .8125rem } .alert.alert-dismissible { padding: .625rem 2.25rem .625rem .85rem } .alert .btn-close { padding: .95rem; display: flex; align-items: center; justify-content: center } .alert .btn-close i { font-size: 1.5rem; line-height: 1.5rem } .alert:last-child, .landing-body .landing-footer .landing-footer-list li:last-child, .task-details-key-tasks li:last-child, .ynex-kanban-board #completed-tasks .card.custom-card:last-child, .ynex-kanban-board #inprogress-tasks .card.custom-card:last-child, .ynex-kanban-board #inreview-tasks .card.custom-card:last-child, .ynex-kanban-board #new-tasks .card.custom-card:last-child, .ynex-kanban-board #todo-tasks .card.custom-card:last-child { margin-bottom: 0 } [dir=rtl] .alert.alert-dismissible { padding: .625rem .85rem .625rem 2.25rem } .alert-warning { background-color: rgba(var(--warning-rgb), .1); color: rgb(var(--warning-rgb)); border-color: rgba(var(--warning-rgb), .1) } .alert-outline-warning .btn-close, .alert-warning .alert-link, .alert-warning .btn-close { color: rgb(var(--warning-rgb)) } .alert-warning .btn-close.custom-close { background-color: rgb(var(--warning-rgb)); color: #fff; opacity: 1; border-radius: 50px; box-shadow: 0 .125rem #0a0a0a0a; padding: .85rem } #leads-discovered .card.custom-card .company-name, .alert-outline-primary .btn-close, .alert-primary, .alert-primary .alert-link, .alert-primary .btn-close, .blockquote.custom-blockquote.primary .quote-icon i, .breadcrumb .breadcrumb-item a, .ecommerce-more-link:hover, .file-manager-container ul.files-main-nav li.active div, .file-manager-container ul.files-main-nav li:hover div, .mail-navigation ul.mail-main-nav li.active div, .mail-navigation ul.mail-main-nav li:hover div, .main-header-container .main-profile-user .dropdown-item:hover, .nav-link:focus, .nav-link:hover, .navbar-nav .nav-link.active, .navbar-nav .show>.nav-link, .nft-tag.nft-tag-primary .nft-tag-icon, .nft-tag.nft-tag-primary.active, .nft-tag.nft-tag-primary:hover, .swal2-container .swal2-close:hover, .task-navigation ul.task-main-nav li.active div, .task-navigation ul.task-main-nav li:hover a, .toggle.on span:before { color: var(--primary-color) } .alert-primary { background-color: var(--primary01); border-color: var(--primary01) } .alert-outline-secondary .btn-close, .alert-secondary, .alert-secondary .alert-link, .alert-secondary .btn-close { color: rgb(var(--secondary-rgb)) } .alert-danger .btn-close.custom-close, .alert-info .btn-close.custom-close, .alert-primary .btn-close.custom-close, .alert-secondary .btn-close.custom-close, .alert-success .btn-close.custom-close { color: #fff; border-radius: 50px; box-shadow: 0 .125rem #0a0a0a0a; padding: .85rem; opacity: 1 } .alert-primary .btn-close.custom-close { background-color: var(--primary-color) } .alert-secondary { background-color: rgba(var(--secondary-rgb), .1); border-color: rgba(var(--secondary-rgb), .1) } .alert-outline-success .btn-close, .alert-success, .alert-success .alert-link, .alert-success .btn-close { color: rgb(var(--success-rgb)) } .alert-secondary .btn-close.custom-close { background-color: rgb(var(--secondary-rgb)) } .alert-success { background-color: rgba(var(--success-rgb), .1); border-color: rgba(var(--success-rgb), .1) } .alert-info, .alert-info .alert-link, .alert-info .btn-close, .alert-outline-info .btn-close { color: rgb(var(--info-rgb)) } .alert-success .btn-close.custom-close { background-color: rgb(var(--success-rgb)) } .alert-info { background-color: rgba(var(--info-rgb), .1); border-color: rgba(var(--info-rgb), .1) } .alert-danger, .alert-danger .alert-link, .alert-danger .btn-close, .alert-outline-danger .btn-close { color: rgb(var(--danger-rgb)) } .alert-info .btn-close.custom-close { background-color: rgb(var(--info-rgb)) } .alert-danger { background-color: rgba(var(--danger-rgb), .1); border-color: rgba(var(--danger-rgb), .1) } .alert-danger .btn-close.custom-close { background-color: rgb(var(--danger-rgb)) } .alert-danger.custom-alert-icon .btn-close, .alert-dark, .alert-dark .alert-link, .alert-dark.custom-alert-icon .btn-close, .alert-info.custom-alert-icon .btn-close, .alert-light .alert-link, .alert-light .btn-close, .alert-light.custom-alert-icon .btn-close, .alert-primary.custom-alert-icon .btn-close, .alert-secondary.custom-alert-icon .btn-close, .alert-success.custom-alert-icon .btn-close, .alert-warning.custom-alert-icon .btn-close, .card.custom-card.card-bg-light .card-body, .dropdown-header, .dropdown-item-text, .form-control-plaintext, .h1, .h2, .h3, .h4, .h5, .h6, .main-chart-wrapper .chat-info .chat-groups-tab li.chat-msg-unread .chat-msg, .main-chart-wrapper .chat-info .chat-users-tab li.chat-msg-unread .chat-msg, .navbar-brand, .navbar-danger-transparent .nav-link:hover, .navbar-dark-transparent .nav-link:hover, .navbar-info-transparent .nav-link:hover, .navbar-primary-transparent .nav-link:hover, .navbar-secondary-transparent .nav-link:hover, .navbar-success-transparent .nav-link:hover, .navbar-text, .navbar-warning-transparent .nav-link:hover, .offer-promotion .promotion-code, .popover .popover-body, h1, h2, h3, h4, h5, h6 { color: var(--default-text-color) } .alert-light, .list-item-solid-light { background-color: rgb(var(--light-rgb)); color: var(--default-text-color); border-color: rgb(var(--light-rgb)) } .alert-light .btn-close.custom-close { background-color: rgb(var(--light-rgb)); color: #fff; opacity: 1; border-radius: 50px; box-shadow: 0 .125rem #0a0a0a0a; padding: .85rem } .alert-dark { background-color: rgba(var(--dark-rgb), .1); border-color: rgba(var(--dark-rgb), .1) } .alert-dark .btn-close.custom-close { background-color: rgb(var(--dark-rgb)); color: #fff; opacity: 1; border-radius: 50px; box-shadow: 0 .125rem #0a0a0a0a; padding: .85rem } .alert-danger.custom-alert-icon, .alert-dark.custom-alert-icon, .alert-info.custom-alert-icon, .alert-light.custom-alert-icon, .alert-primary.custom-alert-icon, .alert-secondary.custom-alert-icon, .alert-success.custom-alert-icon, .alert-warning.custom-alert-icon { border: 1px solid var(--default-border); font-size: .813rem } .alert-solid-primary, .btn.btn-primary-light:active, .btn.btn-primary-light:focus, .btn.btn-primary-light:hover, .list-item-solid-primary { background-color: var(--primary-color); color: #fff; border-color: var(--primary-color) } .alert-solid-secondary, .btn.btn-secondary-light:active, .btn.btn-secondary-light:focus, .btn.btn-secondary-light:hover, .btn.show.btn-outline-secondary, .list-item-solid-secondary { background-color: rgb(var(--secondary-rgb)); color: #fff; border-color: rgb(var(--secondary-rgb)) } .alert-solid-warning, .btn.btn-warning-light:active, .btn.btn-warning-light:focus, .btn.btn-warning-light:hover, .list-item-solid-warning { background-color: rgb(var(--warning-rgb)); color: #fff; border-color: rgb(var(--warning-rgb)) } .alert-solid-info, .btn.btn-info-light:active, .btn.btn-info-light:focus, .btn.btn-info-light:hover, .list-item-solid-info { background-color: rgb(var(--info-rgb)); color: #fff; border-color: rgb(var(--info-rgb)) } .alert-solid-success, .btn.btn-success-light:active, .btn.btn-success-light:focus, .btn.btn-success-light:hover, .list-item-solid-success { background-color: rgb(var(--success-rgb)); color: #fff; border-color: rgb(var(--success-rgb)) } .alert-solid-danger, .btn.btn-danger-light:active, .btn.btn-danger-light:focus, .btn.btn-danger-light:hover, .list-item-solid-danger { background-color: rgb(var(--danger-rgb)); color: #fff; border-color: rgb(var(--danger-rgb)) } .alert-solid-light { background-color: rgb(var(--light-rgb)); color: var(--default-text-color); border-color: var(--default-border) } .alert-solid-dark, .list-item-solid-dark { background-color: rgb(var(--dark-rgb)); color: #fff; border-color: rgb(var(--dark-rgb)) } .alert-danger.custom-alert-icon, .alert-dark.custom-alert-icon, .alert-info.custom-alert-icon, .alert-light.custom-alert-icon, .alert-outline-danger, .alert-outline-dark, .alert-outline-info, .alert-outline-light, .alert-outline-primary, .alert-outline-secondary, .alert-outline-success, .alert-outline-warning, .alert-primary.custom-alert-icon, .alert-secondary.custom-alert-icon, .alert-success.custom-alert-icon, .alert-warning.custom-alert-icon, .custom-alert1 { background-color: var(--custom-white) } .alert-outline-primary { color: var(--primary-color); border-color: var(--primary-color) } .alert-outline-secondary { color: rgb(var(--secondary-rgb)); border-color: rgb(var(--secondary-rgb)) } .alert-outline-info { color: rgb(var(--info-rgb)); border-color: rgb(var(--info-rgb)) } .alert-outline-warning { color: rgb(var(--warning-rgb)); border-color: rgb(var(--warning-rgb)) } .alert-outline-success { color: rgb(var(--success-rgb)); border-color: rgb(var(--success-rgb)) } .alert-outline-danger { color: rgb(var(--danger-rgb)); border-color: rgb(var(--danger-rgb)) } .alert-outline-light { color: var(--default-text-color); border-color: rgb(var(--light-rgb)) } .alert-outline-dark, .alert-outline-dark .btn-close { color: rgb(var(--dark-rgb)) } .alert-outline-dark { border-color: rgb(var(--dark-rgb)) } .alert-primary.custom-alert-icon { border-inline-start: 0.313rem solid var(--primary-color) !important; color: var(--text-muted) } .alert-secondary.custom-alert-icon { border-inline-start: 0.313rem solid rgb(var(--secondary-rgb)) !important; color: var(--text-muted) } .alert-warning.custom-alert-icon { border-inline-start: 0.313rem solid rgb(var(--warning-rgb)) !important; color: var(--text-muted) } .alert-danger.custom-alert-icon { border-inline-start: 0.313rem solid rgb(var(--danger-rgb)) !important; color: var(--text-muted) } .alert-success.custom-alert-icon { border-inline-start: 0.313rem solid rgb(var(--success-rgb)) !important; color: var(--text-muted) } .alert-info.custom-alert-icon { border-inline-start: 0.313rem solid rgb(var(--info-rgb)) !important; color: var(--text-muted) } .alert-light.custom-alert-icon { border-inline-start: 0.313rem solid rgb(var(--light-rgb)) !important; color: var(--text-muted) } .alert-dark.custom-alert-icon { border-inline-start: 0.313rem solid rgb(var(--dark-rgb)) !important; color: var(--text-muted) } .custom-alert1 { margin-block-end: 0; border: 0; padding: 1.25rem; color: var(--default-text-color) } .custom-alert1 p { margin-block-end: 2.5rem; color: var(--text-muted); font-size: .8rem } .custom-alert1 .custom-alert-icon { width: 3.125rem; height: 3.125rem; margin-bottom: .85rem } .custom-alert1 .btn-close { padding: 0; margin-block-end: 1rem } .custom-alert1.alert-primary { border-block-start: 0.313rem solid var(--primary-color) } .custom-alert1.alert-secondary { border-block-start: 0.313rem solid rgb(var(--secondary-rgb)) } .custom-alert1.alert-warning { border-block-start: 0.313rem solid rgb(var(--warning-rgb)) } .custom-alert1.alert-danger { border-block-start: 0.313rem solid rgb(var(--danger-rgb)) } .alert-img { display: flex; align-items: center } .alert-img .avatar { border: 1px solid rgba(0, 0, 0, .1) } .badge, .btn.btn-sm { border-radius: .25rem } .btn-primary, .btn-primary:hover { border-color: rgb(var(--primary-rgb)) !important } .badge { padding: .25rem .45rem } .badge-sm { font-weight: 400; font-size: .625rem } .custom-badge { font-size: .7rem; font-weight: 600 } .icon-badge .icon { width: 2rem; height: 2rem; fill: var(--text-muted); font-size: 2rem } .icon-badge .badge { position: absolute; inset-inline-end: -0.5rem } .text-badge .badge { position: absolute; inset-inline-end: -1rem; inset-block-start: -1rem } .page-header-breadcrumb .breadcrumb-item+.breadcrumb-item:before { content: var(--bs-breadcrumb-divider, ""); font-family: tabler-icons !important } [dir=rtl] .page-header-breadcrumb .breadcrumb-item+.breadcrumb-item:before { content: var(--bs-breadcrumb-divider, ""); font-family: tabler-icons !important } .breadcrumb .breadcrumb-item.active { color: var(--default-text-color); font-weight: 600 } .breadcrumb-item+.breadcrumb-item:before, .figure-caption, .form-floating>.form-control-plaintext~label, .form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label, .form-text, .toggle.on.toggle-light span:after, .toggle.on.toggle-light span:before { color: var(--text-muted) } .btn-danger, .btn-info, .btn-primary, .btn-secondary, .btn-success, .btn-warning { color: #fff !important } .breadcrumb-example1 .breadcrumb-item+.breadcrumb-item:before { color: var(--text-muted); content: var(--bs-breadcrumb-divider, ""); font-family: tabler-icons !important } .breadcrumb-style1 .breadcrumb-item+.breadcrumb-item:before { color: var(--text-muted); content: var(--bs-breadcrumb-divider, ""); font-family: tabler-icons !important } .breadcrumb-style2 .breadcrumb-item+.breadcrumb-item:before { color: var(--text-muted); content: var(--bs-breadcrumb-divider, ""); font-family: tabler-icons !important } .embedded-breadcrumb:before, .op-7 { opacity: .7 } [dir=rtl] .breadcrumb-example1 .breadcrumb-item+.breadcrumb-item:before { content: var(--bs-breadcrumb-divider, "") } [dir=rtl] .breadcrumb-style1 .breadcrumb-item+.breadcrumb-item:before { content: var(--bs-breadcrumb-divider, "") } [dir=rtl] .breadcrumb-style2 .breadcrumb-item+.breadcrumb-item:before { content: var(--bs-breadcrumb-divider, "") } [dir=rtl] .embedded-breadcrumb:before { transform: scaleX(-1); padding-inline-start: 0.5rem; padding-inline-end: 0rem !important } .btn { font-size: .85rem; border-radius: .35rem; padding: .5rem .85rem; box-shadow: none; font-weight: 500 } .btn.btn-sm { padding: .26rem .5rem; font-size: .75rem } .btn.btn-lg { padding: .65rem 1rem; border-radius: .5rem; font-size: .95rem } .btn-group .btn { padding: .45rem .75rem } .btn-group-lg .btn { padding: .65rem 1rem } .btn-group-sm .btn { padding: .25rem .5rem } .btn-primary { background-color: rgb(var(--primary-rgb)) !important } .btn-primary:hover { background-color: rgba(var(--primary-rgb), .9) !important; color: #fff } .btn-primary-transparent:focus:hover, .btn-primary-transparent:hover, .btn-primary:focus { background-color: rgb(var(--primary-rgb)); border-color: rgb(var(--primary-rgb)); color: #fff } .btn-check:focus+.btn-primary, .btn-primary:focus { background-color: rgb(var(--primary-rgb)); border-color: rgb(var(--primary-rgb)); outline: 0; box-shadow: none } .btn-check:active+.btn-primary-transparent:focus, .btn-check:active+.btn-primary:focus, .btn-check:checked+.btn-primary-transparent:focus, .btn-check:checked+.btn-primary:focus, .btn-primary-transparent.active:focus, .btn-primary-transparent.show:focus, .btn-primary-transparent:active:focus, .btn-primary.active:focus, .btn-primary.show:focus, .btn-primary:active:focus { box-shadow: 0 .25rem 1rem var(--primary05) } .btn-check:active+.btn-primary, .btn-check:checked+.btn-primary, .btn-primary.active, .btn-primary.show, .btn-primary:active { background-color: var(--primary-color) !important; border-color: var(--primary-border) !important } .btn-secondary, .btn-secondary:hover { border-color: rgb(var(--secondary-rgb)) !important } .btn-secondary { background-color: rgb(var(--secondary-rgb)) !important } .btn-secondary:hover { background-color: rgba(var(--secondary-rgb), .9) !important; color: #fff } .btn-secondary-transparent:focus:hover, .btn-secondary-transparent:hover, .btn-secondary:focus { background-color: rgb(var(--secondary-rgb)); border-color: rgb(var(--secondary-rgb)); color: #fff } .btn-check:focus+.btn-secondary, .btn-secondary:focus { background-color: rgb(var(--secondary-rgb)); border-color: rgb(var(--secondary-rgb)); outline: 0; box-shadow: none } .btn-check:active+.btn-secondary-transparent:focus, .btn-check:active+.btn-secondary:focus, .btn-check:checked+.btn-outline-secondary:focus, .btn-check:checked+.btn-secondary-transparent:focus, .btn-check:checked+.btn-secondary:focus, .btn-secondary-transparent.active:focus, .btn-secondary-transparent.show:focus, .btn-secondary-transparent:active:focus, .btn-secondary.active:focus, .btn-secondary.show:focus, .btn-secondary:active:focus { box-shadow: 0 .25rem 1rem rgba(var(--secondary-rgb), .5) } .btn-check:active+.btn-secondary, .btn-check:checked+.btn-secondary, .btn-secondary.active, .btn-secondary.show, .btn-secondary:active { background-color: rgb(var(--secondary-rgb)) !important; border-color: rgb(var(--secondary-rgb)) !important } .btn-warning, .btn-warning:hover { border-color: rgb(var(--warning-rgb)) !important } .btn-warning { background-color: rgb(var(--warning-rgb)) !important } .btn-warning:hover { background-color: rgba(var(--warning-rgb), .9) !important; color: #fff } .btn-warning-transparent:focus:hover, .btn-warning-transparent:hover, .btn-warning:focus { background-color: rgb(var(--warning-rgb)); border-color: rgb(var(--warning-rgb)); color: #fff } .btn-check:focus+.btn-warning, .btn-warning:focus { background-color: rgb(var(--warning-rgb)); border-color: rgb(var(--warning-rgb)); outline: 0; box-shadow: none } .btn-check:active+.btn-warning-transparent:focus, .btn-check:active+.btn-warning:focus, .btn-check:checked+.btn-outline-warning:focus, .btn-check:checked+.btn-warning-transparent:focus, .btn-check:checked+.btn-warning:focus, .btn-warning-transparent.active:focus, .btn-warning-transparent.show:focus, .btn-warning-transparent:active:focus, .btn-warning.active:focus, .btn-warning.show:focus, .btn-warning:active:focus { box-shadow: 0 .25rem 1rem rgba(var(--warning-rgb), .5) } .btn-check:active+.btn-warning, .btn-check:checked+.btn-warning, .btn-warning.active, .btn-warning.show, .btn-warning:active { background-color: rgb(var(--warning-rgb)) !important; border-color: rgb(var(--warning-rgb)) !important } .btn-info, .btn-info:hover { border-color: rgb(var(--info-rgb)) !important } .btn-info { background-color: rgb(var(--info-rgb)) !important } .btn-info:hover { background-color: rgba(var(--info-rgb), .9) !important; color: #fff } .btn-info-transparent:focus:hover, .btn-info-transparent:hover, .btn-info:focus { background-color: rgb(var(--info-rgb)); border-color: rgb(var(--info-rgb)); color: #fff } .btn-check:focus+.btn-info, .btn-info:focus { background-color: rgb(var(--info-rgb)); border-color: rgb(var(--info-rgb)); outline: 0; box-shadow: none } .btn-check:active+.btn-info-transparent:focus, .btn-check:active+.btn-info:focus, .btn-check:checked+.btn-info-transparent:focus, .btn-check:checked+.btn-info:focus, .btn-check:checked+.btn-outline-info:focus, .btn-info-transparent.active:focus, .btn-info-transparent.show:focus, .btn-info-transparent:active:focus, .btn-info.active:focus, .btn-info.show:focus, .btn-info:active:focus { box-shadow: 0 .25rem 1rem rgba(var(--info-rgb), .5) } .btn-check:active+.btn-info, .btn-check:checked+.btn-info, .btn-info.active, .btn-info.show, .btn-info:active { background-color: rgb(var(--info-rgb)) !important; border-color: rgb(var(--info-rgb)) !important } .btn-danger, .btn-danger:hover { border-color: rgb(var(--danger-rgb)) !important } .btn-danger { background-color: rgb(var(--danger-rgb)) !important } .btn-danger:hover { background-color: rgba(var(--danger-rgb), .9) !important; color: #fff } .btn-danger-transparent:focus:hover, .btn-danger-transparent:hover, .btn-danger:focus { background-color: rgb(var(--danger-rgb)); border-color: rgb(var(--danger-rgb)); color: #fff } .btn-check:focus+.btn-danger, .btn-danger:focus { background-color: rgb(var(--danger-rgb)); border-color: rgb(var(--danger-rgb)); outline: 0; box-shadow: none } .btn-check:active+.btn-danger-transparent:focus, .btn-check:active+.btn-danger:focus, .btn-check:checked+.btn-danger-transparent:focus, .btn-check:checked+.btn-danger:focus, .btn-check:checked+.btn-outline-danger:focus, .btn-danger-transparent.active:focus, .btn-danger-transparent.show:focus, .btn-danger-transparent:active:focus, .btn-danger.active:focus, .btn-danger.show:focus, .btn-danger:active:focus { box-shadow: 0 .25rem 1rem rgba(var(--danger-rgb), .5) } .btn-check:active+.btn-danger, .btn-check:checked+.btn-danger, .btn-danger.active, .btn-danger.show, .btn-danger:active { background-color: rgb(var(--danger-rgb)) !important; border-color: rgb(var(--danger-rgb)) !important } .btn-success, .btn-success:hover { border-color: rgb(var(--success-rgb)) !important } .btn-success { background-color: rgb(var(--success-rgb)) !important } .btn-success:hover { background-color: rgba(var(--success-rgb), .9) !important; color: #fff } .btn-success-transparent:focus:hover, .btn-success-transparent:hover, .btn-success:focus { background-color: rgb(var(--success-rgb)); border-color: rgb(var(--success-rgb)); color: #fff } .btn-check:focus+.btn-success, .btn-success:focus { background-color: rgb(var(--success-rgb)); border-color: rgb(var(--success-rgb)); outline: 0; box-shadow: none } .btn-check:active+.btn-success-transparent:focus, .btn-check:active+.btn-success:focus, .btn-check:checked+.btn-outline-success:focus, .btn-check:checked+.btn-success-transparent:focus, .btn-check:checked+.btn-success:focus, .btn-success-transparent.active:focus, .btn-success-transparent.show:focus, .btn-success-transparent:active:focus, .btn-success.active:focus, .btn-success.show:focus, .btn-success:active:focus { box-shadow: 0 .25rem 1rem rgba(var(--success-rgb), .5) } .btn-check:active+.btn-success, .btn-check:checked+.btn-success, .btn-success.active, .btn-success.show, .btn-success:active { background-color: rgb(var(--success-rgb)) !important; border-color: rgb(var(--success-rgb)) !important } .btn-check:focus+.btn-dark, .btn-dark, .btn-dark:active, .btn-dark:focus, .btn-dark:hover { background-color: rgb(var(--dark-rgb)); border-color: rgb(var(--dark-rgb)) } .btn-dark { color: var(--custom-white) } .btn-dark:active, .btn-dark:focus, .btn-dark:hover { color: var(--custom-white) !important } #polararea-basic .apexcharts-pie text, .apexcharts-selection-rect, .btn-dark svg { fill: var(--custom-black) } .btn-check:focus+.btn-dark, .btn-dark:focus { outline: 0; box-shadow: none } .btn-check:active+.btn-dark:focus, .btn-check:checked+.btn-dark:focus, .btn-check:checked+.btn-outline-dark:focus, .btn-dark.active:focus, .btn-dark.show:focus, .btn-dark:active:focus { box-shadow: 0 .25rem 1rem rgba(var(--dark-rgb), .5) } .btn-check:active+.btn-dark, .btn-check:checked+.btn-dark, .btn-dark.active, .btn-dark.show, .btn-dark:active { background-color: rgb(var(--dark-rgb)) !important; border-color: rgb(var(--dark-rgb)) !important; color: var(--custom-white) } .btn-light, .btn-light:focus, .btn-light:hover { color: var(--default-text-color); border-color: rgb(var(--light-rgb)) } .btn-light, .btn-light:focus { background-color: rgb(var(--light-rgb)) } .btn-orange, .btn-purple, .btn-teal { color: #fff !important } .btn-light:hover { background-color: #e4ecf2 } [data-theme-mode=dark] .btn-light:hover { background-color: rgba(var(--light-rgb), .8) } .btn-check:focus+.btn-light, .btn-light:focus { background-color: rgb(var(--light-rgb)); border-color: rgb(var(--light-rgb)); outline: 0; box-shadow: none } .btn-check:active+.btn-light:focus, .btn-check:checked+.btn-light:focus, .btn-check:checked+.btn-outline-light:focus, .btn-light.active:focus, .btn-light.show:focus, .btn-light:active:focus { box-shadow: 0 .25rem 1rem rgba(var(--light-rgb), .5) } .btn-check:active+.btn-light, .btn-check:checked+.btn-light, .btn-light.active, .btn-light.show, .btn-light:active { background-color: rgb(var(--light-rgb)) !important; border-color: rgb(var(--light-rgb)) !important; color: var(--default-text-color) !important } .btn-teal, .btn-teal:hover { border-color: rgb(var(--teal-rgb)) !important } .btn-teal { background-color: rgb(var(--teal-rgb)) !important } .btn-teal:hover { background-color: rgba(var(--teal-rgb), .9) !important; color: #fff } .btn-teal-transparent:focus:hover, .btn-teal-transparent:hover, .btn-teal:focus { background-color: rgb(var(--teal-rgb)); border-color: rgb(var(--teal-rgb)); color: #fff } .btn-check:focus+.btn-teal, .btn-teal:focus { background-color: rgb(var(--teal-rgb)); border-color: rgb(var(--teal-rgb)); outline: 0; box-shadow: none } .btn-check:active+.btn-teal-transparent:focus, .btn-check:active+.btn-teal:focus, .btn-check:checked+.btn-outline-teal:focus, .btn-check:checked+.btn-teal-transparent:focus, .btn-check:checked+.btn-teal:focus, .btn-teal-transparent.active:focus, .btn-teal-transparent.show:focus, .btn-teal-transparent:active:focus, .btn-teal.active:focus, .btn-teal.show:focus, .btn-teal:active:focus { box-shadow: 0 .25rem 1rem rgba(var(--teal-rgb), .5) } .btn-check:active+.btn-teal, .btn-check:checked+.btn-teal, .btn-teal.active, .btn-teal.show, .btn-teal:active { background-color: rgb(var(--teal-rgb)) !important; border-color: rgb(var(--teal-rgb)) !important } .btn-purple, .btn-purple:hover { border-color: rgb(var(--purple-rgb)) !important } .btn-purple { background-color: rgb(var(--purple-rgb)) !important } .btn-purple:hover { background-color: rgba(var(--purple-rgb), .9) !important; color: #fff } .btn-purple-transparent:focus:hover, .btn-purple-transparent:hover, .btn-purple:focus { background-color: rgb(var(--purple-rgb)); border-color: rgb(var(--purple-rgb)); color: #fff } .btn-check:focus+.btn-purple, .btn-purple:focus { background-color: rgb(var(--purple-rgb)); border-color: rgb(var(--purple-rgb)); outline: 0; box-shadow: none } .btn-check:active+.btn-purple-transparent:focus, .btn-check:active+.btn-purple:focus, .btn-check:checked+.btn-purple-transparent:focus, .btn-check:checked+.btn-purple:focus, .btn-purple-transparent.active:focus, .btn-purple-transparent.show:focus, .btn-purple-transparent:active:focus, .btn-purple.active:focus, .btn-purple.show:focus, .btn-purple:active:focus { box-shadow: 0 .25rem 1rem rgba(var(--purple-rgb), .5) } .btn-check:active+.btn-purple, .btn-check:checked+.btn-purple, .btn-purple.active, .btn-purple.show, .btn-purple:active { background-color: rgb(var(--purple-rgb)) !important; border-color: rgb(var(--purple-rgb)) !important } .btn-orange, .btn-orange:hover { border-color: rgb(var(--orange-rgb)) !important } .btn-orange { background-color: rgb(var(--orange-rgb)) !important } .btn-orange:hover { background-color: rgba(var(--orange-rgb), .9) !important; color: #fff } .btn-check:focus+.btn-orange, .btn-orange:focus { background-color: rgb(var(--orange-rgb)); border-color: rgb(var(--orange-rgb)) } .btn-orange:focus { color: #fff } .btn-check:focus+.btn-orange, .btn-orange:focus { outline: 0; box-shadow: none } .btn-check:active+.btn-orange:focus, .btn-check:checked+.btn-orange:focus, .btn-orange.active:focus, .btn-orange.show:focus, .btn-orange:active:focus { box-shadow: 0 .25rem 1rem rgba(var(--orange-rgb), .5) } .btn-check:active+.btn-orange, .btn-check:checked+.btn-orange, .btn-orange.active, .btn-orange.show, .btn-orange:active { background-color: rgb(var(--orange-rgb)) !important; border-color: rgb(var(--orange-rgb)) !important } .btn-outline-primary { color: rgb(var(--primary-rgb)); border-color: rgb(var(--primary-rgb)) } .btn-outline-primary:active, .btn-outline-primary:hover { color: #fff; background-color: rgb(var(--primary-rgb)); border-color: rgb(var(--primary-rgb)) } .btn-outline-primary:focus { color: #fff; background-color: rgb(var(--primary-rgb)); border-color: rgb(var(--primary-rgb)); box-shadow: none } .btn-outline-secondary { color: rgb(var(--secondary-rgb)); border-color: rgb(var(--secondary-rgb)) } .btn-outline-secondary:active, .btn-outline-secondary:hover, .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: rgb(var(--secondary-rgb)); border-color: rgb(var(--secondary-rgb)) } .btn-outline-secondary:focus { color: #fff; background-color: rgb(var(--secondary-rgb)); border-color: rgb(var(--secondary-rgb)); box-shadow: none } .btn-outline-warning { color: rgb(var(--warning-rgb)); border-color: rgb(var(--warning-rgb)) } .btn-outline-warning:active, .btn-outline-warning:hover { color: #fff; background-color: rgb(var(--warning-rgb)); border-color: rgb(var(--warning-rgb)) } .btn-outline-warning:focus { color: #fff; background-color: rgb(var(--warning-rgb)); border-color: rgb(var(--warning-rgb)); box-shadow: none } .btn-outline-danger { color: rgb(var(--danger-rgb)); border-color: rgb(var(--danger-rgb)) } .btn-outline-danger:active, .btn-outline-danger:hover { color: #fff; background-color: rgb(var(--danger-rgb)); border-color: rgb(var(--danger-rgb)) } .btn-outline-danger:focus { color: #fff; background-color: rgb(var(--danger-rgb)); border-color: rgb(var(--danger-rgb)); box-shadow: none } .btn-outline-success { color: rgb(var(--success-rgb)); border-color: rgb(var(--success-rgb)) } .btn-outline-success:active, .btn-outline-success:hover { color: #fff; background-color: rgb(var(--success-rgb)); border-color: rgb(var(--success-rgb)) } .btn-outline-success:focus { color: #fff; background-color: rgb(var(--success-rgb)); border-color: rgb(var(--success-rgb)); box-shadow: none } .btn-outline-info { color: rgb(var(--info-rgb)); border-color: rgb(var(--info-rgb)) } .btn-outline-info:active, .btn-outline-info:hover { color: #fff; background-color: rgb(var(--info-rgb)); border-color: rgb(var(--info-rgb)) } .btn-outline-info:focus { color: #fff; background-color: rgb(var(--info-rgb)); border-color: rgb(var(--info-rgb)); box-shadow: none } .btn-outline-light:active, .btn-outline-light:focus, .btn-outline-light:hover { color: var(--default-text-color); background-color: rgb(var(--light-rgb)); border-color: rgb(var(--light-rgb)) } .btn-outline-light { color: var(--default-text-color) !important; border-color: rgb(var(--light-rgb)) } .btn-outline-light:focus { box-shadow: none } .btn-outline-dark { color: rgb(var(--dark-rgb)); border-color: rgb(var(--dark-rgb)) } .btn-outline-dark:active, .btn-outline-dark:hover { color: var(--custom-white); background-color: var(--custom-black); border-color: var(--custom-black) } .btn-outline-dark:focus { color: var(--custom-white); background-color: rgb(var(--dark-rgb)); border-color: rgb(var(--dark-rgb)); box-shadow: none } .btn-outline-teal:active, .btn-outline-teal:focus, .btn-outline-teal:hover { color: #fff; background-color: rgb(var(--teal-rgb)); border-color: rgb(var(--teal-rgb)) } .btn-outline-teal { color: rgb(var(--teal-rgb)); border-color: rgb(var(--teal-rgb)) } .btn-outline-teal:focus { box-shadow: none } .btn-primary.disabled, .btn-primary:disabled, .page-item.active .page-link, fieldset:disabled .btn { color: #fff; background-color: var(--primary-color); border-color: var(--primary-color) } .btn-check:focus+.btn-primary-transparent, .btn-primary-transparent, .btn-primary-transparent:focus { background-color: rgba(var(--primary-rgb), .1); border-color: rgba(var(--primary-rgb), .1); color: rgb(var(--primary-rgb)) } .btn-check:focus+.btn-primary-transparent, .btn-primary-transparent:focus { outline: 0; box-shadow: 0 .25rem 1rem rgba(var(--primary-rgb), .3) } .btn-check:active+.btn-primary-transparent, .btn-check:checked+.btn-primary-transparent, .btn-primary-transparent.active, .btn-primary-transparent.show, .btn-primary-transparent:active { background-color: var(--primary-color); border-color: var(--primary01); color: #fff } .btn-check:focus+.btn-secondary-transparent, .btn-secondary-transparent, .btn-secondary-transparent:focus { background-color: rgba(var(--secondary-rgb), .1); color: rgb(var(--secondary-rgb)); border-color: rgba(var(--secondary-rgb), .1) } .btn-check:focus+.btn-secondary-transparent, .btn-secondary-transparent:focus { outline: 0; box-shadow: 0 .25rem 1rem rgba(var(--secondary-rgb), .3) } .btn-check:active+.btn-secondary-transparent, .btn-check:checked+.btn-secondary-transparent, .btn-secondary-transparent.active, .btn-secondary-transparent.show, .btn-secondary-transparent:active { background-color: rgb(var(--secondary-rgb)); border-color: rgba(var(--secondary-rgb), .1); color: #fff } .btn-check:focus+.btn-warning-transparent, .btn-warning-transparent, .btn-warning-transparent:focus { background-color: rgba(var(--warning-rgb), .1); color: rgb(var(--warning-rgb)); border-color: rgba(var(--warning-rgb), .1) } .btn-check:focus+.btn-warning-transparent, .btn-warning-transparent:focus { outline: 0; box-shadow: 0 .25rem 1rem rgba(var(--warning-rgb), .3) } .btn-check:active+.btn-warning-transparent, .btn-check:checked+.btn-warning-transparent, .btn-warning-transparent.active, .btn-warning-transparent.show, .btn-warning-transparent:active { background-color: rgb(var(--warning-rgb)); border-color: rgba(var(--warning-rgb), .1); color: #fff } .btn-check:focus+.btn-info-transparent, .btn-info-transparent, .btn-info-transparent:focus { background-color: rgba(var(--info-rgb), .1); color: rgb(var(--info-rgb)); border-color: rgba(var(--info-rgb), .1) } .btn-check:focus+.btn-info-transparent, .btn-info-transparent:focus { outline: 0; box-shadow: 0 .25rem 1rem rgba(var(--info-rgb), .3) } .btn-check:active+.btn-info-transparent, .btn-check:checked+.btn-info-transparent, .btn-info-transparent.active, .btn-info-transparent.show, .btn-info-transparent:active { background-color: rgb(var(--info-rgb)); border-color: rgba(var(--info-rgb), .1); color: #fff } .btn-check:focus+.btn-success-transparent, .btn-success-transparent, .btn-success-transparent:focus { background-color: rgba(var(--success-rgb), .1); color: rgb(var(--success-rgb)); border-color: rgba(var(--success-rgb), .1) } .btn-check:focus+.btn-success-transparent, .btn-success-transparent:focus { outline: 0; box-shadow: 0 .25rem 1rem rgba(var(--success-rgb), .3) } .btn-check:active+.btn-success-transparent, .btn-check:checked+.btn-success-transparent, .btn-success-transparent.active, .btn-success-transparent.show, .btn-success-transparent:active { background-color: rgb(var(--success-rgb)); border-color: rgba(var(--success-rgb), .1); color: #fff } .btn-check:focus+.btn-danger-transparent, .btn-danger-transparent, .btn-danger-transparent:focus { background-color: rgba(var(--danger-rgb), .1); color: rgb(var(--danger-rgb)); border-color: rgba(var(--danger-rgb), .1) } .btn-check:focus+.btn-danger-transparent, .btn-danger-transparent:focus { outline: 0; box-shadow: 0 .25rem 1rem rgba(var(--danger-rgb), .3) } .btn-check:active+.btn-danger-transparent, .btn-check:checked+.btn-danger-transparent, .btn-danger-transparent.active, .btn-danger-transparent.show, .btn-danger-transparent:active { background-color: rgb(var(--danger-rgb)); border-color: rgba(var(--danger-rgb), .1); color: #fff } .btn-check:focus+.btn-teal-transparent, .btn-teal-transparent, .btn-teal-transparent:focus { background-color: rgba(var(--teal-rgb), .1); color: rgb(var(--teal-rgb)); border-color: rgba(var(--teal-rgb), .1) } .btn-check:focus+.btn-teal-transparent, .btn-teal-transparent:focus { outline: 0; box-shadow: 0 .25rem 1rem rgba(var(--teal-rgb), .3) } .btn-check:active+.btn-teal-transparent, .btn-check:checked+.btn-teal-transparent, .btn-teal-transparent.active, .btn-teal-transparent.show, .btn-teal-transparent:active { background-color: rgb(var(--teal-rgb)); border-color: rgba(var(--teal-rgb), .1); color: #fff } .btn-check:focus+.btn-purple-transparent, .btn-purple-transparent, .btn-purple-transparent:focus { background-color: rgba(var(--purple-rgb), .1); color: rgb(var(--purple-rgb)); border-color: rgba(var(--purple-rgb), .1) } .btn-check:focus+.btn-purple-transparent, .btn-purple-transparent:focus { outline: 0; box-shadow: 0 .25rem 1rem rgba(var(--purple-rgb), .3) } .btn-check:active+.btn-purple-transparent, .btn-check:checked+.btn-purple-transparent, .btn-purple-transparent.active, .btn-purple-transparent.show, .btn-purple-transparent:active { background-color: rgb(var(--purple-rgb)); border-color: rgba(var(--purple-rgb), .1); color: #fff } .btn-group-sm>.btn, .btn-sm { font-size: .8rem; padding: .25rem .8rem; border-radius: .5rem } .btn-icon { width: 2.313rem; height: 2.313rem; font-size: .95rem; flex-shrink: 0 } .btn-loader, .label-btn-icon { align-items: center; display: flex } .btn-icon i { padding: 0; margin: 0 -.5rem } .btn-icon.btn-sm { width: 1.75rem; height: 1.75rem; font-size: .8rem } .btn-icon.btn-lg { width: 2.75rem; height: 2.75rem; font-size: 1.2rem } .btn-list a, .btn-list button, .btn-list div, .btn-list input { margin: 0 .375rem .375rem 0 } .form-check-lg label, .form-check-md label { margin-inline-start: .5rem; margin-block-start: 3px } [dir=rtl] .btn-list a, [dir=rtl] .btn-list button, [dir=rtl] .btn-list div, [dir=rtl] .btn-list input { margin: 0 0 .375rem .375rem } .btn-list { margin-block-end: -0.5rem } #contact-initiated .card.custom-card:last-child, #deal-finalized .card.custom-card:last-child, #leads-discovered .card.custom-card:last-child, #leads-qualified .card.custom-card:last-child, #needs-identified .card.custom-card:last-child, #negotiation .card.custom-card:last-child, .card, .card.custom-card, .team-members-card li { margin-block-end: 1.5rem } .btn-bd-primary { --bs-btn-font-weight: 600; --bs-btn-color: #fff; --bs-btn-bg: var(--primary-color); --bs-btn-border-color: var(--primary-color); --bs-btn-border-radius: 0.5rem; --bs-btn-hover-color: var(--primary-color); --bs-btn-hover-bg: rgba(var(--primary-color), 0.9); --bs-btn-hover-border-color: rgba(var(--primary-color), 0.9); --bs-btn-active-color: var(--primary-color); --bs-btn-active-bg: rgba(var(--primary-color), 0.9); --bs-btn-active-border-color: rgba(var(--primary-color), 0.9) } .btn-check+.btn.btn-outline-primary:hover, .btn-check:active+.btn-outline-primary, .btn-check:checked+.btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active { color: #fff !important; background-color: rgb(var(--primary-rgb)) !important; border-color: rgb(var(--primary-rgb)) !important } .btn-check+.btn.btn-outline-secondary:hover, .btn-check:active+.btn-outline-secondary, .btn-check:checked+.btn-outline-secondary, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show, .btn-outline-secondary:active { color: #fff !important; background-color: rgb(var(--secondary-rgb)) !important; border-color: rgb(var(--secondary-rgb)) !important } .btn-check+.btn.btn-outline-info:hover, .btn-check:active+.btn-outline-info, .btn-check:checked+.btn-outline-info, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show, .btn-outline-info:active { color: #fff !important; background-color: rgb(var(--info-rgb)) !important; border-color: rgb(var(--info-rgb)) !important } .btn-check+.btn.btn-outline-warning:hover, .btn-check:active+.btn-outline-warning, .btn-check:checked+.btn-outline-warning, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show, .btn-outline-warning:active { color: #fff !important; background-color: rgb(var(--warning-rgb)) !important; border-color: rgb(var(--warning-rgb)) !important } .btn-check+.btn.btn-outline-danger:hover, .btn-check:active+.btn-outline-danger, .btn-check:checked+.btn-outline-danger, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show, .btn-outline-danger:active { color: #fff !important; background-color: rgb(var(--danger-rgb)) !important; border-color: rgb(var(--danger-rgb)) !important } .btn-check+.btn.btn-outline-success:hover, .btn-check:active+.btn-outline-success, .btn-check:checked+.btn-outline-success, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show, .btn-outline-success:active { color: #fff !important; background-color: rgb(var(--success-rgb)) !important; border-color: rgb(var(--success-rgb)) !important } .btn-check+.btn.btn-outline-light:hover, .btn-check:active+.btn-outline-light, .btn-check:checked+.btn-outline-light, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show, .btn-outline-light:active, .btn-outline-light:hover { color: var(--default-text-color) !important; background-color: rgb(var(--light-rgb)) !important; border-color: rgb(var(--light-rgb)) !important } .btn-check+.btn.btn-outline-dark:hover, .btn-check:active+.btn-outline-dark, .btn-check:checked+.btn-outline-dark, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show, .btn-outline-dark:active { color: var(--custom-white) !important; background-color: var(--custom-black) !important; border-color: var(--custom-black) !important } .btn-check+.btn.btn-outline-teal:hover, .btn-check:active+.btn-outline-teal, .btn-check:checked+.btn-outline-teal, .btn-outline-teal.active, .btn-outline-teal.dropdown-toggle.show, .btn-outline-teal:active { color: #fff !important; background-color: rgb(var(--teal-rgb)) !important; border-color: rgb(var(--teal-rgb)) !important } .btn-check:checked+.btn-outline-primary:focus { box-shadow: 0 .25rem 1rem rgba(var(--primary-color), .5) } .btn-check:focus+.btn.btn-outline-primary { color: #fff; background-color: var(--primary-color); border-color: var(--primary-color); box-shadow: none } .btn-check:checked+.btn.btn-outline-secondary { color: #fff; background-color: rgb(var(--secondary-rgb)); border-color: rgb(var(--secondary-rgb)); box-shadow: 0 .25rem 1rem rgba(var(--secondary-rgb), .3) } .btn.btn-purple-light, .popover-purple-light.popover .popover-body { background-color: rgba(var(--purple-rgb), .1); color: rgb(var(--purple-rgb)) } .btn.btn-purple-light:active, .btn.btn-purple-light:focus, .btn.btn-purple-light:hover { background-color: rgb(var(--purple-rgb)); color: #fff; border-color: rgb(var(--purple-rgb)) } .btn.btn-teal-light, .popover-teal-light.popover .popover-body { background-color: rgba(var(--teal-rgb), .1); color: rgb(var(--teal-rgb)) } .btn.btn-teal-light:active, .btn.btn-teal-light:focus, .btn.btn-teal-light:hover { background-color: rgb(var(--teal-rgb)); color: #fff; border-color: rgb(var(--teal-rgb)) } .btn.btn-orange-light { background-color: rgba(var(--orange-rgb), .1); color: rgb(var(--orange-rgb)) } .btn.btn-danger-gradient, .btn.btn-info-gradient, .btn.btn-orange-gradient, .btn.btn-primary-gradient, .btn.btn-purple-gradient, .btn.btn-secondary-gradient, .btn.btn-success-gradient, .btn.btn-teal-gradient, .btn.btn-warning-gradient { color: #fff !important; border: 0 } .btn.btn-orange-light:active, .btn.btn-orange-light:focus, .btn.btn-orange-light:hover { background-color: rgb(var(--orange-rgb)); color: #fff; border-color: rgb(var(--orange-rgb)) } .btn.btn-primary-gradient { background: linear-gradient(to right, var(--primary-color) 0, #0086ed 100%) } .btn.btn-danger-gradient:hover, .btn.btn-info-gradient:hover, .btn.btn-orange-gradient:hover, .btn.btn-primary-gradient:hover, .btn.btn-purple-gradient:hover, .btn.btn-secondary-gradient:hover, .btn.btn-success-gradient:hover, .btn.btn-teal-gradient:hover, .btn.btn-warning-gradient:hover, .form-wizard-1 .nav-link, .nav-style-6, .nav-tabs-footer, .nav-tabs-header, .nav-tabs.nav-style-5, .nav-tabs.nav-style-5 .nav-link:focus, .nav-tabs.nav-style-5 .nav-link:hover, .nav.nav-style-1, .nav.nav-style-4, .nav.nav-style-4 .nav-link:focus, .nav.nav-style-4 .nav-link:hover, .tab-style-2 .nav-item .nav-link, .tab-style-2 .nav-item .nav-link:hover, .tab-style-3 .nav-item .nav-link:hover, .tab-style-4.nav-tabs, .tab-style-4.nav-tabs .nav-link, .tab-style-4.nav-tabs .nav-link:hover, .tab-style-6 .nav-item .nav-link:focus, .tab-style-6 .nav-item .nav-link:hover, .vertical-tabs-2, .vertical-tabs-3 { border: 0 } .btn.btn-secondary-gradient { background: linear-gradient(to right, rgb(var(--secondary-rgb)) 0, #6789d8 100%) } .btn.btn-warning-gradient { background: linear-gradient(to right, rgb(var(--warning-rgb)) 0, #7fa53a 100%) } .btn.btn-info-gradient { background: linear-gradient(to right, rgb(var(--info-rgb)) 0, #52f0ce 100%) } .btn.btn-success-gradient { background: linear-gradient(to right, rgb(var(--success-rgb)) 0, #00a1c0 100%) } .btn.btn-danger-gradient { background: linear-gradient(to right, rgb(var(--danger-rgb)) 0, #a34a88 100%) } .btn.btn-orange-gradient { background: linear-gradient(to right, rgb(var(--orange-rgb)) 0, #9ba815 100%) } .btn.btn-teal-gradient { background: linear-gradient(to right, rgb(var(--teal-rgb)) 0, #0695dd 100%) } .btn.btn-purple-gradient { background: linear-gradient(to right, rgb(var(--purple-rgb)) 0, #ff496d 100%) } .btn.btn-danger-ghost, .btn.btn-info-ghost, .btn.btn-orange-ghost, .btn.btn-primary-ghost, .btn.btn-purple-ghost, .btn.btn-secondary-ghost, .btn.btn-success-ghost, .btn.btn-teal-ghost, .btn.btn-warning-ghost { background-color: transparent } .btn.btn-primary-ghost, .btn.btn-primary-ghost:active { color: var(--primary-color); border: 1px solid var(--primary-color) } .btn.btn-secondary-ghost, .btn.btn-secondary-ghost:active { color: rgb(var(--secondary-rgb)); border: 1px solid rgb(var(--secondary-rgb)) } .btn.btn-warning-ghost, .btn.btn-warning-ghost:active { color: rgb(var(--warning-rgb)); border: 1px solid rgb(var(--warning-rgb)) } .btn.btn-info-ghost, .btn.btn-info-ghost:active { color: rgb(var(--info-rgb)); border: 1px solid rgb(var(--info-rgb)) } .btn.btn-success-ghost, .btn.btn-success-ghost:active { color: rgb(var(--success-rgb)); border: 1px solid rgb(var(--success-rgb)) } .btn.btn-danger-ghost, .btn.btn-danger-ghost:active { color: rgb(var(--danger-rgb)); border: 1px solid rgb(var(--danger-rgb)) } .btn.btn-orange-ghost, .btn.btn-orange-ghost:active { color: rgb(var(--orange-rgb)); border: 1px solid rgb(var(--orange-rgb)) } .btn.btn-teal-ghost, .btn.btn-teal-ghost:active { color: rgb(var(--teal-rgb)); border: 1px solid rgb(var(--teal-rgb)) } .btn.btn-purple-ghost, .btn.btn-purple-ghost:active { color: rgb(var(--purple-rgb)); border: 1px solid rgb(var(--purple-rgb)) } .btn.btn-w-xs { min-width: 5.625rem } .btn.btn-w-sm { min-width: 6.975rem } .btn.btn-w-md { min-width: 8.125rem } .btn.btn-w-lg { min-width: 9.375rem } .btn-loader { pointer-events: none; position: relative } .btn-loader .loading { margin-inline-end: .75rem } .btn-loader i { animation: 1s linear infinite loader; position: absolute !important; top: .25rem } @-webkit-keyframes loader { 0% { -webkit-transform: rotate(0); transform: rotate(0) } to { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes loader { 0% { -webkit-transform: rotate(0); transform: rotate(0) } to { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } .btn-raised-shadow:hover { box-shadow: 0 .5rem 1rem .5rem var(--black-1) } .label-btn { position: relative; padding-inline-start: 2.6rem } .label-btn-icon { position: absolute; width: 2.25rem; font-size: 1rem; justify-content: center; inset-inline-start: -1px; inset-block-start: -1px; inset-block-end: -1px; background-color: var(--white-2) } .label-btn.label-end { padding-inline-start: 1rem; padding-inline-end: 2.6rem } .label-btn.label-end .label-btn-icon { inset-inline-end: -1px; inset-inline-start: auto } .custom-button { position: relative; padding-inline-start: 2.75rem } .custom-button .custom-btn-icons { box-shadow: 0 0 1px .25rem #0000001a; position: absolute; inset-inline-start: -0.125rem; inset-block-start: 0px; background-color: var(--custom-white); display: flex; align-items: center; justify-content: center; overflow: hidden; padding: .375rem; border-radius: 3.125rem; font-size: 1rem; width: 2.25rem; height: 2.25rem } .btn-hover.btn-hover-animate { transition: .2s linear } .btn-hover.btn-hover-animate:before { content: ""; font-family: bootstrap-icons !important; font-size: .8125rem; position: absolute; display: flex; align-items: center; justify-content: center; inset-inline-end: 0; inset-block-start: 0; opacity: 0; height: 100%; width: 2rem; transition: .2s linear } .btn-glare:after, .btn-glare:hover:after { transition: .6s cubic-bezier(.2, 1, .25, 1) } .btn-hover.btn-hover-animate:hover { padding-inline-end: 2rem } .btn-hover.btn-hover-animate:hover:before { opacity: 1; text-indent: 0 } .btn-glare { border: 1px solid; overflow: hidden; position: relative } .btn-glare span { z-index: 20 } .btn-glare:after { background: var(--custom-white); content: ""; height: 4.6875rem; inset-inline-start: -1.625rem; opacity: .15; position: absolute; inset-block-start: -3.125rem; transform: rotate(35deg); width: 1.875rem; z-index: 30 } .btn-glare:hover:after { inset-inline-start: 100%; inset-block-start: 0 } .btn-darken-hover:hover:before { content: ""; position: absolute; width: 100%; height: 100%; background-color: #00000040; inset-block-start: 0; inset-inline-start: 0 } .btn-custom-border { border: 0; box-shadow: inset 0 0 1.25rem rgba(var(--warning-rgb), 0); outline: solid 1px; outline-color: rgba(var(--warning-rgb), .5); outline-offset: 0; text-shadow: none; transition: 1.25s cubic-bezier(.19, 1, .22, 1) } .btn-custom-border:hover { border: 0 solid; box-shadow: inset 0 0 1.25rem rgba(var(--warning-rgb), .5), 0 0 1.25rem rgba(var(--warning-rgb), .2); outline-color: rgba(var(--warning-rgb), 0); outline-offset: 0.938rem } .btn-border-down.btn-dark-light, .btn-border-down.btn-primary-light { border-block-end: 0.1875rem solid var(--primary-color) } .btn-border-down.btn-secondary-light { border-block-end: 0.1875rem solid rgb(var(--secondary-rgb)) } .btn-border-down.btn-info-light { border-block-end: 0.1875rem solid rgb(var(--info-rgb)) } .btn-border-down.btn-warning-light { border-block-end: 0.1875rem solid rgb(var(--warning-rgb)) } .btn-border-down.btn-success-light { border-block-end: 0.1875rem solid rgb(var(--success-rgb)) } .btn-border-down.btn-danger-light { border-block-end: 0.1875rem solid rgb(var(--danger-rgb)) } .btn-border-down.btn-teal-light { border-block-end: 0.1875rem solid rgb(var(--teal-rgb)) } .btn-border-down.btn-purple-light { border-block-end: 0.1875rem solid rgb(var(--purple-rgb)) } .btn-border-start.btn-dark-light, .btn-border-start.btn-primary-light { border-inline-start: 0.1875rem solid var(--primary-color) } .btn-border-start.btn-secondary-light { border-inline-start: 0.1875rem solid rgb(var(--secondary-rgb)) } .btn-border-start.btn-info-light { border-inline-start: 0.1875rem solid rgb(var(--info-rgb)) } .btn-border-start.btn-warning-light { border-inline-start: 0.1875rem solid rgb(var(--warning-rgb)) } .btn-border-start.btn-success-light { border-inline-start: 0.1875rem solid rgb(var(--success-rgb)) } .btn-border-start.btn-danger-light { border-inline-start: 0.1875rem solid rgb(var(--danger-rgb)) } .btn-border-start.btn-teal-light { border-inline-start: 0.1875rem solid rgb(var(--teal-rgb)) } .btn-border-start.btn-purple-light { border-inline-start: 0.1875rem solid rgb(var(--purple-rgb)) } .btn-border-end.btn-dark-light, .btn-border-end.btn-primary-light { border-inline-end: 0.1875rem solid var(--primary-color) } .btn-border-end.btn-secondary-light { border-inline-end: 0.1875rem solid rgb(var(--secondary-rgb)) } .btn-border-end.btn-info-light { border-inline-end: 0.1875rem solid rgb(var(--info-rgb)) } .btn-border-end.btn-warning-light { border-inline-end: 0.1875rem solid rgb(var(--warning-rgb)) } .btn-border-end.btn-success-light { border-inline-end: 0.1875rem solid rgb(var(--success-rgb)) } .btn-border-end.btn-danger-light { border-inline-end: 0.1875rem solid rgb(var(--danger-rgb)) } .btn-border-end.btn-teal-light { border-inline-end: 0.1875rem solid rgb(var(--teal-rgb)) } .btn-border-end.btn-purple-light { border-inline-end: 0.1875rem solid rgb(var(--purple-rgb)) } .btn-border-top.btn-dark-light, .btn-border-top.btn-primary-light { border-block-start: 0.1875rem solid var(--primary-color) } .btn-border-top.btn-secondary-light { border-block-start: 0.1875rem solid rgb(var(--secondary-rgb)) } .btn-border-top.btn-info-light { border-block-start: 0.1875rem solid rgb(var(--info-rgb)) } .btn-border-top.btn-warning-light { border-block-start: 0.1875rem solid rgb(var(--warning-rgb)) } .btn-border-top.btn-success-light { border-block-start: 0.1875rem solid rgb(var(--success-rgb)) } .btn-border-top.btn-danger-light { border-block-start: 0.1875rem solid rgb(var(--danger-rgb)) } .btn-border-top.btn-teal-light { border-block-start: 0.1875rem solid rgb(var(--teal-rgb)) } .btn-border-top.btn-purple-light { border-block-start: 0.1875rem solid rgb(var(--purple-rgb)) } .btn-facebook { background-color: #3b5998; color: #fff; border: 1px solid #3b5998 } .btn-facebook:active, .btn-facebook:focus, .btn-facebook:hover { background-color: #3b5998 !important; color: #fff !important; border: 1px solid #3b5998 !important } .btn-google { background-color: #cf4e43; color: #fff; border: 1px solid #cf4e43 } .btn-google:active, .btn-google:focus, .btn-google:hover { background-color: #cf4e43 !important; color: #fff !important; border: 1px solid #cf4e43 !important } .btn-twitter { background-color: #00acee; color: #fff; border: 1px solid #00acee } .btn-twitter:active, .btn-twitter:focus, .btn-twitter:hover { background-color: #00acee !important; color: #fff !important; border: 1px solid #00acee !important } .btn-github { background-color: #333; color: #fff; border: 1px solid #333 } .btn-github:active, .btn-github:focus, .btn-github:hover { background-color: #333 !important; color: #fff !important; border: 1px solid #333 !important } .btn-youtube { background-color: red; color: #fff; border: 1px solid red } .btn-youtube:active, .btn-youtube:focus, .btn-youtube:hover { background-color: red !important; color: #fff !important; border: 1px solid red !important } .btn-instagram, .btn-instagram:active, .btn-instagram:focus, .btn-instagram:hover { border: 1px solid transparent; color: #fff } .btn-instagram { background: #f09433; background: -moz-linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); background: -webkit-linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); background: linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) } .dropdown-divider, .dropdown-menu { border-color: var(--default-border) } .btn-outline-secondary { --bs-btn-hover-color: rgb(var(--secondary-rgb)); --bs-btn-hover-bg: #fff; --bs-btn-hover-border-color: rgb(var(--secondary-rgb)); --bs-btn-active-color: rgb(var(--secondary-rgb)) } .card .card-footer, .card .card-header { background-color: var(--custom-white) !important; color: var(--default-text-color) } .card.custom-card { border-radius: .5rem; border: 0; background-color: var(--custom-white); box-shadow: 0 .125rem #0a0a0a0a; position: relative; width: 100% } .card.custom-card .card-header { padding: 1rem 1.25rem; background-color: transparent !important; display: flex; align-items: center; position: relative; flex-wrap: wrap; gap: .25rem } .card.custom-card .card-header:first-child { border-radius: .625rem .625rem 0 0 } .card.custom-card .card-header .card-title:before { content: ""; position: absolute; height: 1rem; width: .2rem; inset-block-start: 0.15rem; inset-inline-start: -0.65rem; background: linear-gradient(to bottom, var(--primary05) 50%, rgba(var(--secondary-rgb), .5) 50%); border-radius: .5rem } .card.custom-card .card-header .card-title { position: relative; margin-block-end: 0; font-size: .9375rem; font-weight: 700; text-transform: capitalize } .card.custom-card .card-header .card-title .subtitle { margin-block-end: 0; text-transform: initial } .card.custom-card .card-footer { background-color: transparent !important; padding: 1rem 1.25rem; font-size: .813rem } .card.custom-card .card-body { padding: 1.25rem; color: var(--default-text-color) } .card.custom-card .card-link { font-size: .75rem } .card.custom-card .card-text, .main-chart-wrapper .main-chat-area .chat-content .main-chat-msg div p, .search-tags i, .select2-results__option--selectable { font-size: .813rem } .card.custom-card .footer-card-icon { width: 60px; height: 60px } .card.custom-card.overlay-card { position: relative; overflow: hidden; color: #ffffffe6 } .card.custom-card.overlay-card .card-header, .toast.colored-toast .toast-header { border-block-end: 1px solid rgba(255, 255, 255, 0.1) } .card.custom-card.overlay-card .card-footer { border-block-start: 1px solid rgba(255, 255, 255, 0.1) } .card.custom-card.overlay-card .over-content-bottom { top: auto } .card.custom-card.overlay-card:before { content: ""; inset-inline-start: 0; inset-inline-end: 0; inset-block-start: 0; inset-block-end: 0; background-color: #0003; position: absolute } .card.custom-card.card-bg-danger .card-header, .card.custom-card.card-bg-dark .card-header, .card.custom-card.card-bg-info .card-header, .card.custom-card.card-bg-primary .card-header, .card.custom-card.card-bg-secondary .card-header, .card.custom-card.card-bg-success .card-header, .card.custom-card.card-bg-warning .card-header { background-color: #ffffff1a !important; color: #fff; border-block-end: 1px solid rgba(255, 255, 255, 0.2) } .card.custom-card.card-bg-danger .card-footer, .card.custom-card.card-bg-dark .card-footer, .card.custom-card.card-bg-info .card-footer, .card.custom-card.card-bg-primary .card-footer, .card.custom-card.card-bg-secondary .card-footer, .card.custom-card.card-bg-success .card-footer, .card.custom-card.card-bg-warning .card-footer { background-color: #ffffff1a !important; color: #fff; border-block-start: 1px solid rgba(255, 255, 255, 0.2) } .card.custom-card.card-bg-light, .form-control:disabled, .form-select:disabled, .pagination-style-1 .pagination .page-item:hover .page-link, .tooltip.tooltip-light .tooltip-inner { background-color: rgb(var(--light-rgb)); color: var(--default-text-color) } .card.custom-card.card-bg-light .card-header { background-color: #0000000d !important; color: var(--default-text-color); border-block-end: var(--default-border) } .card.custom-card.card-bg-light .card-footer { background-color: #0000000d !important; color: var(--default-text-color); border-block-start: var(--default-border) } .card.custom-card.card-bg-dark, .navbar-dark, .tooltip.tooltip-dark .tooltip-inner { background-color: rgb(var(--dark-rgb)); color: var(--custom-white) } .dropdown-item, .dropdown-menu { color: var(--default-text-color) } .card.custom-card .card-anchor { position: absolute; top: 0; inset-inline-end: 0; bottom: 0; inset-inline-start: 0; z-index: 1; pointer-events: auto; content: "" } .card.custom-card.card-fullscreen { position: fixed; top: 0; inset-inline-start: 0; bottom: 0; z-index: 9999; margin: 0 } .dropdown-toggle:after, .dropend .dropdown-toggle:after, .dropstart .dropdown-toggle:before, .dropup .dropdown-toggle:after { margin-inline-start: .25rem; vertical-align: 0; border: 0; font-size: .6rem; font-weight: 600; display: inline-block; font-family: bootstrap-icons !important } .dropdown-menu { box-shadow: 0 1rem 1.125rem #a9a9a926; font-size: .875rem; background-color: var(--custom-white); padding: 0; z-index: 10 } .dropdown-divider { margin: 0 } .dropdown-item { white-space: unset; padding: .5rem .9375rem; font-size: .8125rem; font-weight: 500 } .dropdown-item:not(.active):active, .dropdown-item:not(.active):focus, .dropdown-item:not(.active):hover { color: var(--primary-color); background-color: var(--primary005) } .dropdown-item.active { background-color: var(--primary-color) !important } .dropdown-toggle:after { content: "" } .dropup .dropdown-toggle:after { content: "" } .dropend .dropdown-toggle:after { content: "" } .dropstart .dropdown-toggle:before { content: "" } .btn.dropdown-toggle-split { opacity: .85 } .dropdown-menu-dark { background-color: rgb(var(--dark-rgb)); border-color: #ffffff1a } .form-control, .form-control:focus { border-color: var(--input-border); color: var(--default-text-color) } .dropdown-menu-dark li a, .navbar-dark .navbar-toggler .navbar-toggler-icon:before, .toggle.on.toggle-dark span:before { color: var(--custom-white) } .analytics-visitors-countries li:last-child, .btn-list a.dropdown-item, .courses-instructors li:last-child, .crm-deals-forecast-revenue li:last-child, .crm-deals-status li:last-child, .crm-leadsinprogress, .crm-leadsinprogress li:last-child, .crm-top-deals li:last-child, .daily-task-card, .daily-task-card li .card, .daily-task-card li:last-child, .dataTables_wrapper .dataTables_scrollHead table.dataTable, .file-manager-container ul.files-main-nav li:last-child, .fullcalendar-events-activity li:last-child, .mail-recepients .mail-recepeint-person:last-child, .main-chart-wrapper .chat-content ul li:last-child, .main-chart-wrapper .chat-user-details .shared-files li:last-child, .personal-favourite-contacts li:last-child, .personal-goals-list li:last-child, .personal-messages-list li:last-child, .personal-upcoming-events li:last-child, .profile-timeline, .profile-timeline li:last-child, .project-transactions-card, .project-transactions-card li:last-child, .projects-maintask-card, .projects-maintask-card li .card, .projects-maintask-card li:last-child, .team-members-card li:last-child, .timeline-widget .timeline-widget-list:last-child, .upcoming-events-list li:last-child { margin-block-end: 0 } .dropdown-menu.dropdown-menu-danger li a, .dropdown-menu.dropdown-menu-info li a, .dropdown-menu.dropdown-menu-primary li a, .dropdown-menu.dropdown-menu-secondary li a, .dropdown-menu.dropdown-menu-success li a, .dropdown-menu.dropdown-menu-warning li a { color: #ffffffe6 } #deal-finalized .card.custom-card .avatar, .crm-lead-legend.desktop:before, .deal-finalized:before, .dropdown-menu.dropdown-menu-secondary, .ecommerce-icon svg.secondary, .pro-subscription:before, .progress-custom .progress-bar-title.bg-secondary, .progress-custom .progress-bar-value.bg-secondary, .toggle.on.toggle-secondary span, .tooltip.tooltip-secondary .tooltip-inner { background-color: rgb(var(--secondary-rgb)) } #leads-qualified .card.custom-card .avatar, .crm-deals-status li.warning:before, .crm-lead-legend.laptop:before, .dropdown-menu.dropdown-menu-warning, .ecommerce-icon svg.warning, .lead-qualified:before, .progress-custom .progress-bar-title.bg-warning, .progress-custom .progress-bar-value.bg-warning, .toggle.on.toggle-warning span, .tooltip.tooltip-warning .tooltip-inner { background-color: rgb(var(--warning-rgb)) } #needs-identified .card.custom-card .avatar, .crm-deals-status li.info:before, .dropdown-menu.dropdown-menu-info, .need-identified:before, .progress-custom .progress-bar-title.bg-info, .progress-custom .progress-bar-value.bg-info, .toggle.on.toggle-info span, .tooltip.tooltip-info .tooltip-inner { background-color: rgb(var(--info-rgb)) } #contact-initiated .card.custom-card .avatar, .contact-initiated:before, .crm-deals-status li.success:before, .crm-lead-legend.tablet:before, .dropdown-menu.dropdown-menu-success, .ecommerce-icon svg.success, .featured_icon1.featured-success, .progress-custom .progress-bar-title.bg-success, .progress-custom .progress-bar-value.bg-success, .toggle.on.toggle-success span, .tooltip.tooltip-success .tooltip-inner { background-color: rgb(var(--success-rgb)) } #negotiation .card.custom-card .avatar, .dropdown-menu.dropdown-menu-danger, .featured_icon1.featured-danger, .negotiation:before, .progress-custom .progress-bar-title.bg-danger, .progress-custom .progress-bar-value.bg-danger, .toggle.on.toggle-danger span, .tooltip.tooltip-danger .tooltip-inner { background-color: rgb(var(--danger-rgb)) } .dropdown-menu.dropmenu-item-primary .dropdown-item.active, .dropdown-menu.dropmenu-item-primary .dropdown-item:active, .dropdown-menu.dropmenu-item-primary .dropdown-item:focus, .dropdown-menu.dropmenu-item-primary .dropdown-item:hover { background-color: var(--primary01) !important; color: var(--primary-color) } .dropdown-menu.dropmenu-item-secondary .dropdown-item.active, .dropdown-menu.dropmenu-item-secondary .dropdown-item:active, .dropdown-menu.dropmenu-item-secondary .dropdown-item:focus, .dropdown-menu.dropmenu-item-secondary .dropdown-item:hover { background-color: rgba(var(--secondary-rgb), .1) !important; color: rgb(var(--secondary-rgb)) } .dropdown-menu.dropmenu-item-warning .dropdown-item.active, .dropdown-menu.dropmenu-item-warning .dropdown-item:active, .dropdown-menu.dropmenu-item-warning .dropdown-item:focus, .dropdown-menu.dropmenu-item-warning .dropdown-item:hover { background-color: rgba(var(--warning-rgb), .1) !important; color: rgb(var(--warning-rgb)) } .dropdown-menu.dropmenu-item-info .dropdown-item.active, .dropdown-menu.dropmenu-item-info .dropdown-item:active, .dropdown-menu.dropmenu-item-info .dropdown-item:focus, .dropdown-menu.dropmenu-item-info .dropdown-item:hover { background-color: rgba(var(--info-rgb), .1) !important; color: rgb(var(--info-rgb)) } .dropdown-menu.dropmenu-item-success .dropdown-item.active, .dropdown-menu.dropmenu-item-success .dropdown-item:active, .dropdown-menu.dropmenu-item-success .dropdown-item:focus, .dropdown-menu.dropmenu-item-success .dropdown-item:hover { background-color: rgba(var(--success-rgb), .1) !important; color: rgb(var(--success-rgb)) } .dropdown-menu.dropmenu-item-danger .dropdown-item.active, .dropdown-menu.dropmenu-item-danger .dropdown-item:active, .dropdown-menu.dropmenu-item-danger .dropdown-item:focus, .dropdown-menu.dropmenu-item-danger .dropdown-item:hover { background-color: rgba(var(--danger-rgb), .1) !important; color: rgb(var(--danger-rgb)) } .dropdown-menu.dropmenu-light-primary { background-color: var(--primary01); -webkit-backdrop-filter: blur(2rem); backdrop-filter: blur(2rem) } .dropdown-menu.dropmenu-light-primary .dropdown-item.active, .dropdown-menu.dropmenu-light-primary .dropdown-item:active, .dropdown-menu.dropmenu-light-primary .dropdown-item:focus, .dropdown-menu.dropmenu-light-primary .dropdown-item:hover { color: #fff; background-color: var(--primary-color) !important } .dropdown-menu.dropmenu-light-secondary { background-color: rgba(var(--secondary-rgb), .1); -webkit-backdrop-filter: blur(2rem); backdrop-filter: blur(2rem) } .dropdown-menu.dropmenu-light-secondary .dropdown-item.active, .dropdown-menu.dropmenu-light-secondary .dropdown-item:active, .dropdown-menu.dropmenu-light-secondary .dropdown-item:focus, .dropdown-menu.dropmenu-light-secondary .dropdown-item:hover { color: #fff; background-color: rgb(var(--secondary-rgb)) !important } .dropdown-menu.dropmenu-light-info { background-color: rgba(var(--info-rgb), .1); -webkit-backdrop-filter: blur(2rem); backdrop-filter: blur(2rem) } .dropdown-menu.dropmenu-light-info .dropdown-item.active, .dropdown-menu.dropmenu-light-info .dropdown-item:active, .dropdown-menu.dropmenu-light-info .dropdown-item:focus, .dropdown-menu.dropmenu-light-info .dropdown-item:hover { color: #fff; background-color: rgb(var(--info-rgb)) !important } .dropdown-menu.dropmenu-light-warning { background-color: rgba(var(--warning-rgb), .1); -webkit-backdrop-filter: blur(2rem); backdrop-filter: blur(2rem) } .dropdown-menu.dropmenu-light-warning .dropdown-item.active, .dropdown-menu.dropmenu-light-warning .dropdown-item:active, .dropdown-menu.dropmenu-light-warning .dropdown-item:focus, .dropdown-menu.dropmenu-light-warning .dropdown-item:hover { color: #fff; background-color: rgb(var(--warning-rgb)) !important } .dropdown-menu.dropmenu-light-success { background-color: rgba(var(--success-rgb), .1); -webkit-backdrop-filter: blur(2rem); backdrop-filter: blur(2rem) } .dropdown-menu.dropmenu-light-success .dropdown-item.active, .dropdown-menu.dropmenu-light-success .dropdown-item:active, .dropdown-menu.dropmenu-light-success .dropdown-item:focus, .dropdown-menu.dropmenu-light-success .dropdown-item:hover { color: #fff; background-color: rgb(var(--success-rgb)) !important } .dropdown-menu.dropmenu-light-danger { background-color: rgba(var(--danger-rgb), .1); -webkit-backdrop-filter: blur(2rem); backdrop-filter: blur(2rem) } .dropdown-menu.dropmenu-light-danger .dropdown-item.active, .dropdown-menu.dropmenu-light-danger .dropdown-item:active, .dropdown-menu.dropmenu-light-danger .dropdown-item:focus, .dropdown-menu.dropmenu-light-danger .dropdown-item:hover { color: #fff; background-color: rgb(var(--danger-rgb)) !important } .form-control { background-color: var(--form-control-bg); font-size: .875rem; font-weight: var(--default-font-weight); line-height: 1.6; border-radius: .35rem } .form-control:focus { box-shadow: none; background-color: var(--custom-white); box-shadow: 0 .0625rem .125rem #0000000d } .form-label { font-size: .8rem; font-weight: 600; color: var(--default-text-color) } .form-control-light { background-color: rgb(var(--light-rgb)); border: 0 } .form-control-primary { background-color: var(--primary01); border: 0; color: var(--primary-color) } .form-input-color { height: 2.25rem; width: 2.25rem; border-radius: .5rem; overflow: hidden; padding: 0 } .form-select { background-color: var(--form-control-bg); border: 1px solid var(--input-border); color: var(--default-text-color); font-size: .813rem; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); background-size: 1.25rem } .form-select option { background-color: transparent; padding: .35rem .75rem; border-radius: .25rem } .form-check-input, .toggle span { background-color: var(--custom-white) } .form-select option:checked { background-color: var(--primary02); color: var(--primary-color) } .form-check-input { width: 1.1em; height: 1.1em; border: 1px solid var(--input-border) } .form-check-input:checked { background-color: var(--primary-color); border-color: var(--primary-color) } .form-check-input.form-checked-outline:checked { background-color: transparent; border-color: var(--primary-color) } .form-check-input.form-checked-secondary:checked { background-color: rgb(var(--secondary-rgb)); border-color: rgb(var(--secondary-rgb)) } .form-check-input.form-checked-warning:checked { background-color: rgb(var(--warning-rgb)); border-color: rgb(var(--warning-rgb)) } .form-check-input.form-checked-info:checked { background-color: rgb(var(--info-rgb)); border-color: rgb(var(--info-rgb)) } .form-check-input.form-checked-success:checked { background-color: rgb(var(--success-rgb)); border-color: rgb(var(--success-rgb)) } .form-check-input.form-checked-danger:checked { background-color: rgb(var(--danger-rgb)); border-color: rgb(var(--danger-rgb)) } .form-check-input.form-checked-light:checked { background-color: rgb(var(--light-rgb)); border-color: rgb(var(--light-rgb)) } .form-check-input.form-checked-dark:checked { background-color: rgb(var(--dark-rgb)); border-color: rgb(var(--dark-rgb)) } .form-checked-outline:checked[type=checkbox] { background-image: none; position: relative; background-color: transparent } .form-checked-outline:checked[type=checkbox]:before { content: ""; font-family: bootstrap-icons !important; position: absolute; color: var(--primary-color); width: .625rem; height: .625rem; inset-block-start: -1px; inset-inline-start: 0px; font-size: .688rem } .form-checked-outline:checked[type=checkbox].form-checked-secondary:before { color: rgb(var(--secondary-rgb)) } .form-checked-outline:checked[type=checkbox].form-checked-warning:before { color: rgb(var(--warning-rgb)) } .form-checked-outline:checked[type=checkbox].form-checked-info:before { color: rgb(var(--info-rgb)) } .form-checked-outline:checked[type=checkbox].form-checked-success:before { color: rgb(var(--success-rgb)) } .form-checked-outline:checked[type=checkbox].form-checked-danger:before { color: rgb(var(--danger-rgb)) } .form-checked-outline:checked[type=checkbox].form-checked-light:before { color: rgb(var(--light-rgb)) } .form-checked-outline:checked[type=checkbox].form-checked-dark:before { color: rgb(var(--dark-rgb)) } .form-checked-outline:checked[type=radio] { background-image: none; position: relative; background-color: transparent } .form-checked-outline:checked[type=radio]:before { content: ""; font-family: bootstrap-icons !important; position: absolute; color: var(--primary-color); width: .625rem; height: .625rem; inset-block-start: -1.125rem; inset-inline-start: -0.65rem; font-size: 2rem } .form-checked-outline:checked[type=radio].form-checked-secondary:before { color: rgb(var(--secondary-rgb)) } .form-checked-outline:checked[type=radio].form-checked-warning:before { color: rgb(var(--warning-rgb)) } .form-checked-outline:checked[type=radio].form-checked-info:before { color: rgb(var(--info-rgb)) } .form-checked-outline:checked[type=radio].form-checked-success:before { color: rgb(var(--success-rgb)) } .form-checked-outline:checked[type=radio].form-checked-danger:before { color: rgb(var(--danger-rgb)) } .form-checked-outline:checked[type=radio].form-checked-light:before { color: rgb(var(--light-rgb)) } .form-checked-outline:checked[type=radio].form-checked-dark:before { color: rgb(var(--dark-rgb)) } .form-select:focus { border-color: var(--primary05); outline: 0; box-shadow: none } .btn-check:focus+.btn, .btn:focus { background-color: none; border-color: none; outline: 0 } .form-control::-webkit-file-upload-button { color: var(--default-text-color); background-color: var(--default-background) } .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { background-color: var(--default-background) } .form-control::-webkit-input-placeholder { font-size: .8rem; font-weight: 500; opacity: .4; color: var(--default-text-color); padding-inline-start: 0px; transition: padding-inline-start .1s ease-in } .form-control:-moz-placeholder { font-size: .8rem; font-weight: 500; opacity: .4; color: var(--default-text-color) } .form-control::-moz-placeholder { font-size: .8rem; font-weight: 500; opacity: .4; color: var(--default-text-color) } .form-control:-ms-input-placeholder { font-size: .8rem; font-weight: 500; opacity: .4; color: var(--default-text-color) } .form-control-sm { font-size: .8rem; padding: .25rem .8rem; line-height: inherit } .form-control-lg { font-size: 1rem; padding: .5rem 1rem } .form-check-md .form-check-input { width: 1.15rem; height: 1.15rem } .form-check-md.form-switch .form-check-input { width: 2.25rem } .form-check-md label { font-size: .95rem } .form-check-lg .form-check-input { width: 1.35rem; height: 1.35rem } .form-check-lg.form-switch .form-check-input { width: 2.5rem } .form-check-lg label { font-size: 1rem } .toggle { width: 3.75rem; height: 1.563rem; background-color: rgb(var(--light-rgb)); margin-inline-start: .625rem; margin-block-end: 0.313rem; padding: .125rem; border-radius: .188rem; position: relative; overflow: hidden; transition: .2s } .toggle span { position: absolute; inset-block-start: 0.188rem; inset-block-end: 0.25rem; inset-inline-start: 0.188rem; display: block; width: 1.25rem; border-radius: .125rem; box-shadow: 0 .125rem .125rem #00000073; cursor: pointer; transition: .2s } .toggle span:before { content: "on"; inset-inline-start: -1.563rem } .toggle span:after { content: "off"; inset-inline-end: -1.813rem; color: var(--text-muted) } .toggle span:after, .toggle span:before { position: absolute; font-size: .625rem; font-weight: 500; letter-spacing: .5px; text-transform: uppercase; inset-block-start: 0.188rem; line-height: 1.38; transition: .2s } .earning.first-half:before, .toggle.on { background-color: var(--primary03) } .toggle.on.toggle-secondary { background-color: rgba(var(--secondary-rgb), .4) } #deal-finalized .card.custom-card .company-name, .blockquote.custom-blockquote.secondary .quote-icon i, .custom-progress-4.progress.secondary .progress-bar-label, .nft-tag.nft-tag-secondary .nft-tag-icon, .nft-tag.nft-tag-secondary.active, .nft-tag.nft-tag-secondary:hover, .toggle.on.toggle-secondary span:before { color: rgb(var(--secondary-rgb)) } .toggle.on.toggle-warning { background-color: rgba(var(--warning-rgb), .4) } #leads-qualified .card.custom-card .company-name, .blockquote.custom-blockquote.warning .quote-icon i, .custom-progress-4.progress.warning .progress-bar-label, .nft-tag.nft-tag-warning .nft-tag-icon, .nft-tag.nft-tag-warning.active, .nft-tag.nft-tag-warning:hover, .toggle.on.toggle-warning span:before { color: rgb(var(--warning-rgb)) } .toggle.on.toggle-info { background-color: rgba(var(--info-rgb), .4) } #needs-identified .card.custom-card .company-name, .blockquote.custom-blockquote.info .quote-icon i, .custom-progress-4.progress.info .progress-bar-label, .nft-tag.nft-tag-info .nft-tag-icon, .nft-tag.nft-tag-info.active, .nft-tag.nft-tag-info:hover, .toggle.on.toggle-info span:before { color: rgb(var(--info-rgb)) } .toggle.on.toggle-success { background-color: rgba(var(--success-rgb), .4) } #contact-initiated .card.custom-card .company-name, .blockquote.custom-blockquote.success .quote-icon i, .custom-progress-4.progress.success .progress-bar-label, .main-chart-wrapper .chat-info .chat-groups-tab li .chat-msg-typing .chat-msg, .main-chart-wrapper .chat-info .chat-users-tab li .chat-msg-typing .chat-msg, .nft-tag.nft-tag-success .nft-tag-icon, .nft-tag.nft-tag-success.active, .nft-tag.nft-tag-success:hover, .toggle.on.toggle-success span:before { color: rgb(var(--success-rgb)) } .toggle.on.toggle-danger { background-color: rgba(var(--danger-rgb), .4) } #negotiation .card.custom-card .company-name, .blockquote.custom-blockquote.danger .quote-icon i, .custom-progress-4.progress.danger .progress-bar-label, .nft-tag.nft-tag-danger .nft-tag-icon, .nft-tag.nft-tag-danger.active, .nft-tag.nft-tag-danger:hover, .toggle.on.toggle-danger span:before { color: rgb(var(--danger-rgb)) } .toggle.on.toggle-light { background-color: rgba(var(--light-rgb), .4) } .toggle.on.toggle-dark { background-color: rgba(var(--dark-rgb), .4) } .toggle.on.toggle-dark span { background-color: rgb(var(--dark-rgb)) } .toggle.on span, .toggle.on.toggle-sm span { inset-inline-start: 2.313rem } .toggle.on.toggle-sm span:before { inset-block-start: -1px; inset-inline-start: -1.563rem } .toggle.on.toggle-lg span { inset-inline-start: 2.563rem } .toggle.on.toggle-lg span:before { inset-block-start: 0.5rem; inset-inline-start: -1.75rem } .toggle.toggle-sm { height: 1.063rem; width: 3.125rem } .toggle.toggle-sm span { width: .625rem; height: .625rem } .toggle.toggle-sm span:after { inset-inline-end: -1.875rem; inset-block-start: -1px } .toggle.toggle-lg { height: 2.125rem; width: 4.5rem } .toggle.toggle-lg span { width: 1.75rem } .toggle.toggle-lg span:after { inset-block-start: 0.5rem; inset-inline-end: -1.938rem } .custom-toggle-switch>label { cursor: pointer; height: 0; position: relative; width: 2.5rem } .label-primary { background: var(--primary-color); color: #fff } .label-secondary { background: rgb(var(--secondary-rgb)); color: #fff } .label-warning { background: rgb(var(--warning-rgb)); color: #fff } .label-info { background: rgb(var(--info-rgb)); color: #fff } .label-success { background: rgb(var(--success-rgb)); color: #fff } .label-danger { background: rgb(var(--danger-rgb)); color: #fff } .label-light { background: rgb(var(--light-rgb)); color: #fff } .label-dark { background: rgb(var(--dark-rgb)); color: #fff } .custom-toggle-switch>input[type=checkbox]:checked+label:before { background: inherit; opacity: .5 } .custom-toggle-switch>label:before { background: var(--text-muted); box-shadow: inset 0 0 .625rem var(--white-5); border-radius: .5rem; content: ""; height: 1rem; margin-block-start: -0.5rem; position: absolute; opacity: .3; transition: .4s ease-in-out; width: 2.5rem } .custom-toggle-switch>label:after { background: var(--custom-white); border-radius: 1rem; box-shadow: 0 0 .313rem #e4e5edcc; content: ""; height: 1.5rem; inset-inline-start: -0.25rem; margin-block-start: -0.5rem; position: absolute; inset-block-start: -0.25rem; transition: .3s ease-in-out; width: 1.5rem } .custom-toggle-switch>input[type=checkbox]:checked+label:after { background: inherit; inset-inline-start: 50% } .custom-toggle-switch.toggle-sm>label:before { height: 10px; width: 27px; border-radius: 10px } .custom-toggle-switch.toggle-sm input[type=checkbox]:checked+label:after { inset-inline-start: 13px } .custom-toggle-switch.toggle-sm>label:after { height: 17px; width: 17px; border-radius: 50% } .custom-toggle-switch.toggle-lg>label:before { height: 27px; width: 55px; border-radius: 20px } .custom-toggle-switch.toggle-lg input[type=checkbox]:checked+label:after { inset-inline-start: 77% } .custom-toggle-switch.toggle-lg>label:after { height: 35px; width: 35px; margin-block-start: -8px; border-radius: 50% } .form-floating>.form-control, .form-floating>.form-control-plaintext, .form-floating>.form-select { height: calc(3.5rem - 4px) } .form-floating.floating-primary label, .main-header-container .main-profile-user .dropdown-item:hover i { color: var(--primary-color); opacity: 1 } .form-floating.floating-primary>.form-control:focus~label { color: var(--primary-color) !important } .form-floating.floating-secondary label { color: rgb(var(--secondary-rgb)); opacity: 1 } .form-floating.floating-secondary>.form-control:focus~label, .link-secondary, .link-secondary:active, .link-secondary:focus, .link-secondary:hover { color: rgb(var(--secondary-rgb)) !important } .form-floating.floating-warning label, .total-mails .mail-messages li .mail-msg .mail-starred.true i { color: rgb(var(--warning-rgb)); opacity: 1 } .form-floating.floating-warning>.form-control:focus~label, .link-warning, .link-warning:active, .link-warning:focus, .link-warning:hover { color: rgb(var(--warning-rgb)) !important } .form-floating.floating-info label { color: rgb(var(--info-rgb)); opacity: 1 } .form-floating.floating-info>.form-control:focus~label, .link-info, .link-info:active, .link-info:focus, .link-info:hover { color: rgb(var(--info-rgb)) !important } .form-floating.floating-success label { color: rgb(var(--success-rgb)); opacity: 1 } .form-floating.floating-success>.form-control:focus~label, .link-success, .link-success:active, .link-success:focus, .link-success:hover { color: rgb(var(--success-rgb)) !important } .form-floating.floating-danger label { color: rgb(var(--danger-rgb)); opacity: 1 } .form-floating.floating-danger>.form-control:focus~label, .link-danger, .link-danger:active, .link-danger:focus, .link-danger:hover { color: rgb(var(--danger-rgb)) !important } .form-floating>.form-control-plaintext~label:after, .form-floating>.form-control:focus~label:after, .form-floating>.form-control:not(:placeholder-shown)~label:after, .form-floating>.form-select~label:after { background-color: var(--custom-white); border-radius: .5rem } .form-wizard-1 { border-bottom: 0; border-radius: 50px } .form-wizard-1.nav-tabs .nav-item { margin-inline-end: 1rem; position: relative } .form-wizard-1.nav-tabs .nav-link { padding: .25rem .4rem; color: var(--text-muted); display: flex; align-items: center; border-radius: 50px; border: 2px solid transparent } .form-wizard-1.nav-tabs .nav-link i { font-size: 12px; padding: 4px; line-height: 1; border-radius: 50px; border: 2px solid var(--default-border) } .form-wizard-1.nav-tabs .nav-link:focus, .form-wizard-1.nav-tabs .nav-link:hover { border: 2px solid transparent } .form-wizard-1.nav-tabs .nav-link.active { border: 2px solid var(--primary-color); border-radius: 50px; color: var(--primary-color); background-color: transparent } .form-wizard-1.nav-tabs .nav-link.active i { border: 2px solid var(--primary-color) } .form-wizard-1 .nav-item:focus-visible { outline: 0 } .form-control.is-valid:focus, .was-validated .form-control:valid:focus { border-color: rgb(var(--success-rgb)); box-shadow: none } .nav.tab-style-1 .nav-link.active, .popover, .toast { box-shadow: 0 .125rem #0a0a0a0a } .form-control.is-valid, .was-validated .form-control:valid { border-color: rgb(var(--success-rgb)) } .form-control-color { width: 1.75rem; height: 1.75rem; overflow: hidden; padding: 0 } .example-picker .pcr-button { border-radius: .35rem !important; overflow: hidden } .form-select.is-invalid:not([multiple]):not([size]) { padding-right: 1.125rem; background-size: 16px 28px, calc(.75em + .375rem) calc(.75em + .375rem) } .invoice-quantity-container .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback), .product-quantity-container .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: 0 } .input-group.input-btn-outline .form-control:focus { z-index: 2 } input[type=range]::-webkit-slider-runnable-track { background-color: rgb(var(--light-rgb)) } [dir=rtl] .form-checked-outline:checked[type=checkbox]:before { inset-inline-start: 1px } .form-check { min-height: inherit !important } #exampleColorInput::-webkit-color-swatch-wrapper { direction: rtl } [data-theme-mode=dark] input[type=date]::-webkit-calendar-picker-indicator, [data-theme-mode=dark] input[type=datetime-local]::-webkit-calendar-picker-indicator, [data-theme-mode=dark] input[type=month]::-webkit-calendar-picker-indicator, [data-theme-mode=dark] input[type=time]::-webkit-calendar-picker-indicator, [data-theme-mode=dark] input[type=week]::-webkit-calendar-picker-indicator { filter: invert(1) } [dir=rtl] .flatpickr-input, [dir=rtl] input[type=date], [dir=rtl] input[type=datetime-local], [dir=rtl] input[type=month], [dir=rtl] input[type=time], [dir=rtl] input[type=week] { text-align: end } .input-group-text { border-color: var(--input-border); font-size: .875rem; border-radius: .3125rem; background-color: rgb(var(--light-rgb)); color: var(--default-text-color); letter-spacing: 0 } .input-group-text .form-control { border: 0; border-start-start-radius: 0; border-end-start-radius: 0 } .list-group-item.active, .navbar-primary-transparent .form-control:focus { border-color: var(--primary-color) } .list-group-item, .modal-content { border: 1px solid var(--default-border) } .list-group-item { color: var(--default-text-color); background-color: var(--custom-white); padding: .75rem 1.25rem } .list-group-item.active { color: #fff !important; background-color: var(--primary-color) !important } .list-group-item.disabled, .list-group-item:disabled { color: var(--default-text-color); background-color: rgb(var(--light-rgb)); opacity: .5 } .list-group-item-action:focus, .list-group-item-action:hover { color: var(--default-text-color); background-color: var(--list-hover-focus-bg) } .list-group-item-primary { color: var(--primary-color); background-color: var(--primary01) } .list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover { color: var(--primary-color); background-color: var(--primary02) } .list-group-item-secondary { color: rgb(var(--secondary-rgb)); background-color: rgba(var(--secondary-rgb), .1) } .list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover { color: rgb(var(--secondary-rgb)); background-color: rgba(var(--secondary-rgb), .2) } .list-group-item-info { color: rgb(var(--info-rgb)); background-color: rgba(var(--info-rgb), .1) } .list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover { color: rgb(var(--info-rgb)); background-color: rgba(var(--info-rgb), .2) } .list-group-item-warning { color: rgb(var(--warning-rgb)); background-color: rgba(var(--warning-rgb), .1) } .list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover { color: rgb(var(--warning-rgb)); background-color: rgba(var(--warning-rgb), .2) } .list-group-item-danger { color: rgb(var(--danger-rgb)); background-color: rgba(var(--danger-rgb), .1) } .list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover { color: rgb(var(--danger-rgb)); background-color: rgba(var(--danger-rgb), .2) } .list-group-item-success { color: rgb(var(--success-rgb)); background-color: rgba(var(--success-rgb), .1) } .list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover { color: rgb(var(--success-rgb)); background-color: rgba(var(--success-rgb), .2) } .list-group-item-dark { color: rgb(var(--dark-rgb)); background-color: rgba(var(--dark-rgb), .1) } .list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover { color: rgb(var(--dark-rgb)); background-color: rgba(var(--dark-rgb), .2) } .list-group-item-light, .modal-content, .navbar .navbar-toggler .navbar-toggler-icon:before, .navbar-danger-transparent, .navbar-dark-transparent, .navbar-info-transparent, .navbar-primary-transparent, .navbar-secondary-transparent, .navbar-success-transparent, .navbar-warning-transparent { color: var(--default-text-color) } .list-group-item-light { background-color: rgba(var(--light-rgb), .1) } .list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover { color: var(--default-text-color); background-color: rgba(var(--light-rgb), .2) } .navbar .navbar-toggler, .navbar-nav .nav-link.active, .navbar-nav .nav-link.show { color: var(--custom-black) } .modal, .tooltip { z-index: 105 } .modal-backdrop { z-index: 104 } .modal-content { background-color: var(--custom-white); border-radius: .5rem } .modal-header { padding: 1rem 1.25rem; border-top-left-radius: .5rem; border-top-right-radius: .5rem } .modal-header .modal-title { font-weight: 600; line-height: 1 } .fs-10, .modal-header .btn-close { font-size: .625rem } .modal-footer { padding: 1rem 1.25rem } .modal.animated .modal-dialog, [dir=ltr] #views .apexcharts-yaxis { transform: translate(0) } .modal.effect-scale .modal-dialog { transform: scale(.7); opacity: 0; transition: .3s } .modal.effect-scale.show .modal-dialog, .modal.effect-super-scaled.show .modal-dialog { transform: scale(1); opacity: 1 } .modal.effect-slide-in-right .modal-dialog { transform: translate(20%); opacity: 0; transition: .3s cubic-bezier(.25, .5, .5, .9) } .modal.effect-slide-in-right.show .modal-dialog { transform: translate(0); opacity: 1 } .modal.effect-slide-in-bottom .modal-dialog { transform: translateY(20%); opacity: 0; transition: .3s } .modal.effect-slide-in-bottom.show .modal-dialog { transform: translateY(0); opacity: 1 } .modal.effect-newspaper .modal-dialog { transform: scale(0) rotate(720deg); opacity: 0 } .modal.effect-newspaper .modal-dialog, .modal.effect-newspaper.show~.modal-backdrop { transition: .5s } .modal.effect-newspaper.show .modal-dialog { transform: scale(1) rotate(0); opacity: 1 } .modal.effect-fall { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px } .modal.effect-fall .modal-dialog { -moz-transform-style: preserve-3d; transform-style: preserve-3d; transform: translateZ(600px) rotateX(20deg); opacity: 0 } .modal.effect-fall.show .modal-dialog { transition: .3s ease-in; transform: translateZ(0) rotateX(0); opacity: 1 } .modal.effect-flip-horizontal, .modal.effect-flip-vertical, .modal.effect-rotate-bottom, .modal.effect-rotate-left, .modal.effect-sign { perspective: 1300px } .modal.effect-flip-horizontal .modal-dialog { -moz-transform-style: preserve-3d; transform-style: preserve-3d; transform: rotateY(-70deg); transition: .3s; opacity: 0 } .modal.effect-flip-horizontal.show .modal-dialog { transform: rotateY(0); opacity: 1 } .modal.effect-flip-vertical .modal-dialog { -moz-transform-style: preserve-3d; transform-style: preserve-3d; transform: rotateX(-70deg); transition: .3s; opacity: 0 } .modal.effect-flip-vertical.show .modal-dialog, .modal.effect-sign.show .modal-dialog { transform: rotateX(0); opacity: 1 } .modal.effect-super-scaled .modal-dialog { transform: scale(2); opacity: 0; transition: .3s } .modal.effect-sign .modal-dialog { -moz-transform-style: preserve-3d; transform-style: preserve-3d; transform: rotateX(-60deg); transform-origin: 50% 0; opacity: 0; transition: .3s } .modal.effect-rotate-bottom .modal-dialog { -moz-transform-style: preserve-3d; transform-style: preserve-3d; transform: translateY(100%) rotateX(90deg); transform-origin: 0 100%; opacity: 0; transition: .3s ease-out } .modal.effect-rotate-bottom.show .modal-dialog { transform: translateY(0) rotateX(0); opacity: 1 } .modal.effect-rotate-left .modal-dialog { -moz-transform-style: preserve-3d; transform-style: preserve-3d; transform: translateZ(100px) translate(-30%) rotateY(90deg); transform-origin: 0 100%; opacity: 0; transition: .3s } .modal.effect-rotate-left.show .modal-dialog { transform: translateZ(0) translate(0) rotateY(0); opacity: 1 } .br-8, .navbar, .pagination-style-2 .pagination, .search-tags .tag-addon:last-child, .swal2-container .swal2-image, .swiper, .swiper-thumbs .swiper-slide img { border-radius: .5rem } .navbar .navbar-nav .nav-link { line-height: 1; padding: .4rem 1rem; font-weight: 500 } .navbar .navbar-toggler { padding: .4rem; font-size: 1rem; line-height: 1; border: 1px solid var(--default-border); border-radius: .5rem } .navbar .navbar-toggler .navbar-toggler-icon { width: 1rem; height: 1rem; position: relative; background-image: none } .navbar .navbar-toggler .navbar-toggler-icon:before { content: ""; font-family: bootstrap-icons !important; position: absolute; font-size: 1rem; inset-inline-start: 0 } .navbar-brand { margin-inline-end: 1.5rem } .app-sidebar .main-sidebar-header .header-logo img, .navbar-brand img { height: 2rem; line-height: 2rem } .navbar-primary-transparent { background-color: var(--primary01) } .navbar-primary-transparent .nav-link.active { background-color: var(--primary-color); color: #fff !important } .navbar-secondary-transparent { background-color: rgba(var(--secondary-rgb), .1) } .navbar-secondary-transparent .nav-link.active { background-color: rgb(var(--secondary-rgb)); color: #fff !important } .navbar-secondary-transparent .form-control:focus { border-color: rgb(var(--secondary-rgb)) } .navbar-warning-transparent { background-color: rgba(var(--warning-rgb), .1) } .navbar-warning-transparent .nav-link.active { background-color: rgb(var(--warning-rgb)); color: #fff !important } .navbar-warning-transparent .form-control:focus { border-color: rgb(var(--warning-rgb)) } .navbar-info-transparent { background-color: rgba(var(--info-rgb), .1) } .navbar-info-transparent .nav-link.active { background-color: rgb(var(--info-rgb)); color: #fff !important } .navbar-info-transparent .form-control:focus { border-color: rgb(var(--info-rgb)) } .navbar-success-transparent { background-color: rgba(var(--success-rgb), .1) } .navbar-success-transparent .nav-link.active { background-color: rgb(var(--success-rgb)); color: #fff !important } .navbar-success-transparent .form-control:focus { border-color: rgb(var(--success-rgb)) } .navbar-danger-transparent { background-color: rgba(var(--danger-rgb), .1) } .navbar-danger-transparent .nav-link.active { background-color: rgb(var(--danger-rgb)); color: #fff !important } .navbar-danger-transparent .form-control:focus { border-color: rgb(var(--danger-rgb)) } .navbar-dark-transparent { background-color: rgba(var(--dark-rgb), .1) } .navbar-dark-transparent .nav-link.active { background-color: var(--custom-black); color: var(--custom-white) !important } .navbar-dark-transparent .form-control:focus { border-color: rgb(var(--dark-rgb)) } .navbar-danger .nav-link.active, .navbar-info .nav-link.active, .navbar-primary .nav-link.active, .navbar-secondary .nav-link.active, .navbar-success .nav-link.active, .navbar-warning .nav-link.active { background-color: var(--white-2); color: #fff !important } .navbar-dark .nav-link, .navbar-dark .nav-link.active, .navbar-dark .nav-link:hover, .text-white, [data-theme-mode=dark] .bg-dark .h1, [data-theme-mode=dark] .bg-dark .h2, [data-theme-mode=dark] .bg-dark .h3, [data-theme-mode=dark] .bg-dark .h4, [data-theme-mode=dark] .bg-dark .h5, [data-theme-mode=dark] .bg-dark .h6, [data-theme-mode=dark] .bg-dark h1, [data-theme-mode=dark] .bg-dark h2, [data-theme-mode=dark] .bg-dark h3, [data-theme-mode=dark] .bg-dark h4, [data-theme-mode=dark] .bg-dark h5, [data-theme-mode=dark] .bg-dark h6, [data-theme-mode=dark] .bg-dark.card.custom-card, [data-theme-mode=dark] .bg-dark.card.custom-card .card-body, [data-theme-mode=dark] .bg-dark.card.custom-card .card-footer, [data-theme-mode=dark] .card-bg-dark .h1, [data-theme-mode=dark] .card-bg-dark .h2, [data-theme-mode=dark] .card-bg-dark .h3, [data-theme-mode=dark] .card-bg-dark .h4, [data-theme-mode=dark] .card-bg-dark .h5, [data-theme-mode=dark] .card-bg-dark .h6, [data-theme-mode=dark] .card-bg-dark h1, [data-theme-mode=dark] .card-bg-dark h2, [data-theme-mode=dark] .card-bg-dark h3, [data-theme-mode=dark] .card-bg-dark h4, [data-theme-mode=dark] .card-bg-dark h5, [data-theme-mode=dark] .card-bg-dark h6, [data-theme-mode=dark] .card-bg-dark.card.custom-card, [data-theme-mode=dark] .card-bg-dark.card.custom-card .card-body, [data-theme-mode=dark] .card-bg-dark.card.custom-card .card-footer { color: var(--custom-white) !important } .navbar-danger .form-control:focus, .navbar-dark .form-control:focus, .navbar-info .form-control:focus, .navbar-primary .form-control:focus, .navbar-secondary .form-control:focus, .navbar-success .form-control:focus, .navbar-warning .form-control:focus { border-color: var(--white-2) } .navbar-danger .navbar-toggler, .navbar-info .navbar-toggler, .navbar-primary .navbar-toggler, .navbar-secondary .navbar-toggler, .navbar-success .navbar-toggler, .navbar-warning .navbar-toggler { border: 1px solid rgba(255, 255, 255, .2) } .nav-link, .nav-link.disabled { color: var(--default-text-color) } .navbar-dark .nav-link.active { background-color: var(--white-2) } .navbar-dark .navbar-toggler { border: 1px solid var(--white-1) } .nav-item, .nav-tabs-footer .nav-item, .nav-tabs-header .nav-item, .nav.tab-style-1 .nav-item, .tab-style-2 .nav-item, .tab-style-4.nav-tabs .nav-item, .tab-style-5 .nav-item, .vertical-tabs-2 .nav-item { margin-inline-end: .5rem } .nav-item:last-child, .nav-tabs-footer .nav-item:last-child, .nav-tabs-header .nav-item:last-child, .nav.nav-style-1 .nav-item:last-child, .nav.tab-style-1 .nav-item:last-child, .tab-style-2 .nav-item:last-child, .tab-style-3 .nav-item:last-child, .tab-style-4.nav-tabs .nav-item:last-child, .tab-style-5 .nav-item:last-child, .tab-style-6 .nav-item:last-child, .vertical-tabs-2 .nav-item:last-child, .vertical-tabs-3 .nav-item:last-child { margin-inline-end: 0 } .nav-link { border-radius: .5rem; font-weight: 600 } .nav-link.disabled { opacity: .3 } .nav-tabs .nav-link.disabled, .nav-tabs .nav-link:disabled { color: rgba(var(--dark-rgb), .5) } .nav-pills .nav-link.active, .nav-pills .show>.nav-link, .progress-bar { color: #fff; background-color: var(--primary-color) } .main-chart-wrapper .main-chat-area .chat-content .chat-item-end .msg-sent-time, .nav.nav-style-1 .nav-item { margin-inline-end: .25rem } .nav.nav-style-2 .nav-item .nav-link { border-block-start: 3px solid transparent } .nav.nav-style-2 .nav-item .nav-link.active { background-color: var(--primary01); border-block-start: 3px solid var(--primary-color); color: var(--primary-color) } .nav.nav-style-3 .nav-link { border-radius: 0; border-block-end: 3px solid transparent } .popover-danger.popover .popover-header, .popover-info.popover .popover-header, .popover-primary.popover .popover-header, .popover-purple.popover .popover-header, .popover-secondary.popover .popover-header, .popover-success.popover .popover-header, .popover-teal.popover .popover-header, .popover-warning.popover .popover-header { border-block-end: 1px solid rgba(255, 255, 255, 0.1) } .nav.nav-style-3 .nav-link.active { background-color: transparent; border-block-end: 3px solid var(--primary-color); color: var(--primary-color) } .nav-tabs.nav-style-5 .nav-link, .nav.nav-style-4 .nav-link { color: var(--text-muted); border: 0 } .nav.nav-style-4 .nav-link.active { background-color: rgb(var(--light-rgb)); color: var(--default-text-color); border: 0 } .nav-tabs.nav-style-5 .nav-link.active { background-color: var(--primary-color); color: #fff; border: 0 } .nav-style-6.nav-pills .nav-link.active { border: 1px solid var(--primary-color); border-block-end: 2px solid var(--primary-color); background-color: transparent; color: var(--primary-color) } #switcher-main-tab, .main-header-container .main-header-dropdown .dropdown-item:last-child, .nav.tab-style-1, .tab-style-2, .tab-style-3 { border-block-end: 0 } .nav-tabs-header .nav-item .nav-link { border: 1px solid transparent; font-size: .8rem; padding: .4rem .5rem; font-weight: 500 } .nav-tabs-header .nav-item .nav-link.active { background: var(--primary01); color: var(--primary-color); border: 1px solid transparent } .nav-tabs-header .nav-item .nav-link:focus, .nav-tabs-header .nav-item .nav-link:hover { border: 1px solid transparent } .nav-tabs-footer .nav-item .nav-link { background-color: transparent; color: var(--primary-color); border: 1px solid var(--primary-color); font-size: .8rem } .nav-tabs-footer .nav-item .nav-link.active { background: var(--primary-color); color: #fff; border: 1px solid var(--primary-color) } .vertical-tabs-2 .nav-item .nav-link { min-width: 7.5rem; max-width: 7.5rem; text-align: center; border: 1px solid var(--default-border); margin-bottom: .5rem; color: var(--text-muted); background-color: rgb(var(--light-rgb)) } .fs-16, .vertical-tabs-2 .nav-item .nav-link i { font-size: 1rem } .vertical-tabs-2 .nav-item .nav-link.active { background-color: var(--primary-color); color: #fff; position: relative } .vertical-tabs-2 .nav-item .nav-link.active:before { content: ""; position: absolute; inset-inline-end: -0.5rem; inset-block-start: 38%; transform: rotate(45deg); width: 1rem; height: 1rem; background-color: var(--primary-color) } .tab-style-6 .nav-item, .vertical-tabs-3 .nav-item { border: 0; margin-inline-end: .5rem } .vertical-tabs-3 .nav-item .nav-link { min-width: 160px; max-width: 160px; border: 1px solid var(--primary-color); padding: 1.3rem; margin-block-end: 0.5rem } .vertical-tabs-3 .nav-item .nav-link i { width: 2rem; height: 2rem; line-height: 2rem; text-align: center; font-size: 1rem; background: var(--primary-color); color: #fff; border-radius: 3.125rem; font-weight: 500 } .vertical-tabs-3 .nav-item .nav-link.active { background: var(--primary-color); border: 1px solid var(--primary-color); color: #fff } .vertical-tabs-3 .nav-item .nav-link.active i { background: #fff; color: var(--primary-color) } .nav-tabs, [data-page-style=modern] .main-chat-area .rightIcons .btn-outline-light { border-color: var(--default-border) } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: var(--default-text-color); background-color: rgb(var(--light-rgb)); border-color: var(--default-border) } .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border-color: var(--black-1) } .nav.tab-style-1 { padding: .65rem; background-color: rgb(var(--light-rgb)); border-radius: .5rem; margin-block-end: 1rem } .nav.tab-style-1 .nav-link { border-radius: .5rem; padding: .35rem 1rem } .nav.tab-style-1 .nav-link.active { background-color: var(--primary-color); color: #fff; transition: color .15s ease-in } .tab-content .tab-pane { padding: 1rem; border: 1px solid var(--default-border); border-radius: .5rem; color: var(--default-text-color) } .tab-style-2 .nav-item .nav-link i { width: 1.875rem; height: 1.875rem; padding: .4rem; border-radius: 50px; background-color: rgb(var(--light-rgb)); color: var(--default-text-color); display: inline-block } .tab-style-2 .nav-item .nav-link.active { background-color: transparent; position: relative; border: 0; color: var(--primary-color) } .page-link:focus, .page-link:hover { background-color: rgb(var(--light-rgb)) } .tab-style-2 .nav-item .nav-link.active:before { content: ""; position: absolute; inset-inline-start: 0; inset-inline-end: 0; inset-block-end: 0; width: 100%; height: .175rem; background-color: var(--primary-color); border-radius: 50px } .tab-style-3 .nav-item { position: relative; margin-inline-end: .5rem } .tab-style-3 .nav-item .nav-link { position: relative; border: 0; font-size: .75rem } .tab-style-3 .nav-item .nav-link:before { position: absolute; content: ""; inset-block-end: -1.063rem; inset-inline-end: 0; inset-inline-start: 0; width: 100%; height: .1rem; background-color: rgb(var(--light-rgb)); border-radius: 50% } .tab-style-3 .nav-item .nav-link:after { position: absolute; content: ""; inset-block-end: -2rem; inset-inline-start: 1.75rem; inset-inline-end: 0; inset-inline-start: 30%; width: 2rem; height: 2rem; display: flex; align-items: center; justify-content: center; background-color: var(--custom-white); border-radius: 50%; border: 2px solid var(--default-border) } .tab-style-3 .nav-item .nav-link.home:after { content: "1" } .tab-style-3 .nav-item .nav-link.about:after { content: "2" } .tab-style-3 .nav-item .nav-link.services:after { content: "3" } .tab-style-3 .nav-item .nav-link.active { background-color: transparent; border: 0; color: var(--primary-color) } .tab-style-3 .nav-item .nav-link.active:after { border-color: var(--primary-color); color: var(--primary-color) } .tab-style-4.nav-tabs .nav-link.active { background-color: transparent; border: 0; color: var(--primary-color); position: relative; overflow: hidden } .tab-style-4.nav-tabs .nav-link.active:before { position: absolute; content: ""; width: .75rem; inset-block-start: 31px; transform: rotate(45deg); inset-inline-start: 47%; overflow: hidden; z-index: 1; height: .75rem; background-color: var(--primary-color); border: 1px solid var(--primary-color) } .tab-style-4.nav-tabs .nav-link.active:after { position: absolute; content: ""; width: 40%; height: 1px; inset-inline-start: 30%; inset-block-end: 0; background-color: var(--primary-color) } #tab-style-4 .tab-pane.active { border: 1px solid var(--primary-color); background-color: var(--primary-color); color: #fff } .tab-style-6 { border: 0; background-color: var(--custom-white); border-radius: .5rem; color: var(--primary-color); padding: .5rem } .tab-style-6 .nav-item .nav-link { color: var(--primary-color); padding: .5rem 1rem; font-size: .813rem; border: 0; font-weight: 500 } .tab-style-6 .nav-item .nav-link.active { background-color: var(--primary-color); color: #fff; border: 0; box-shadow: 0 3px 10px 0 rgba(var(--dark-rgb), .05) } .tab-style-7 .nav-link { margin-block-end: 0.5rem; font-size: .813rem; color: var(--text-muted); text-align: left } .page-link:focus { box-shadow: none } .page-link:hover { color: var(--primary-color); border-color: var(--default-border) } .disabled>.page-link, .page-link.disabled { color: var(--default-text-color); background-color: var(--custom-white); border-color: var(--default-border); opacity: .7 } [dir=rtl] .pagination .page-link .bx-chevron-left:before { content: "" } [dir=rtl] .pagination .page-link .bx-chevron-right:before { content: "" } [dir=rtl] .orders-arrow i:before, [dir=rtl] .pagination .page-link .ri-arrow-right-s-line:before { content: "" } [dir=rtl] .pagination .page-link .ri-arrow-left-s-line:before { content: "" } .pagination-style-1 .pagination .page-item, .pagination-style-2 .pagination .page-item, .pagination-style-3 .pagination .page-item { margin: 0 .25rem } .pagination-style-1 .pagination .page-item .page-link { border: 0; border-radius: .5rem; font-size: .8125rem } .pagination-style-1 .pagination .page-item.active .page-link, .pagination-style-1 .pagination .page-item.active:hover .page-link { border-radius: .5rem; background-color: var(--primary-color); color: #fff } .pagination-style-2 .pagination .page-item .page-link { border: 0 !important; font-size: .8125rem } .pagination-style-2 .pagination .page-item.active .page-link { background-color: var(--custom-white); color: var(--primary-color); position: relative; font-weight: 700 } .pagination-style-2 .pagination .page-item.active .page-link:before { position: absolute; content: ""; inset-block-end: 0; inset-inline-start: 0; width: 100%; height: .1rem; background-color: var(--primary-color) } .pagination-style-3 .pagination { border-radius: 50px; padding: .25rem; align-items: center } .pagination-style-3 .pagination .page-item .page-link { border: 0; border-radius: 50px; font-size: .8125rem } .main-header-container .header-link-icon:hover, .nft-wallet:hover, .pagination-style-3 .pagination .page-item:hover .page-link, .product-image img, .progress-stacked, .related-app:hover, .total-mails .mail-messages li.active { background-color: rgb(var(--light-rgb)) } .popover, .popover .popover-header { background-color: var(--custom-white) } .pagination-style-4 .pagination .page-item .page-link { border: 0 !important; font-size: .8125rem; border-radius: .5rem } .pagination-style-4 .pagination .page-item.active .page-link { border: 0; border-radius: .5rem; background-color: var(--primary-color); color: #fff } .custom-popover { --bs-popover-max-width: 12.5rem; --bs-popover-border-color: var(--primary-color); --bs-popover-header-bg: var(--primary-color); --bs-popover-header-color: #fff; --bs-popover-body-padding-x: 1rem; --bs-popover-body-padding-y: 0.5rem } .popover { border: 1px solid var(--default-border); font-size: .8rem; border-radius: .5rem; z-index: 999 } .popover .popover-header { border-block-end: 1px solid var(--default-border) } .progress-custom .progress-bar-title, .progress-custom .progress-bar-value { background: var(--primary-color); color: #fff; font-size: .625rem; font-weight: 600 } .popover.only-body { border-radius: .3rem } .bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after, .bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before, .bs-popover-top>.popover-arrow:after, .bs-popover-top>.popover-arrow:before, .tooltip.tooltip-light.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow:before, .tooltip.tooltip-light.bs-tooltip-top .tooltip-arrow:before { border-top-color: rgb(var(--light-rgb)) } .bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after, .bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before, .bs-popover-end>.popover-arrow:after, .bs-popover-end>.popover-arrow:before, .tooltip.tooltip-light.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow:before, .tooltip.tooltip-light.bs-tooltip-end .tooltip-arrow:before { border-right-color: rgb(var(--light-rgb)) } .bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after, .bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before, .bs-popover-start>.popover-arrow:after, .bs-popover-start>.popover-arrow:before, .tooltip.tooltip-light.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow:before, .tooltip.tooltip-light.bs-tooltip-start .tooltip-arrow:before { border-left-color: rgb(var(--light-rgb)) } .bs-popover-auto[data-popper-placement^=bottom] .popover-header:before, .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after, .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before, .bs-popover-bottom .popover-header:before, .bs-popover-bottom>.popover-arrow:after, .bs-popover-bottom>.popover-arrow:before, .tooltip.tooltip-light.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow:before, .tooltip.tooltip-light.bs-tooltip-end .tooltip-arrow:before { border-bottom-color: rgb(var(--light-rgb)) } .header-primary.bs-popover-auto[data-popper-placement^=bottom] .popover-header:before, .header-primary.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after, .popover-primary.bs-popover-auto[data-popper-placement^=bottom] .popover-header:before, .popover-primary.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after, .popover-primary.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before, .popover-primary.bs-popover-bottom .popover-header:before, .popover-primary.bs-popover-bottom>.popover-arrow:after, .popover-primary.bs-popover-bottom>.popover-arrow:before, .tooltip.tooltip-primary.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow:before, .tooltip.tooltip-primary.bs-tooltip-end .tooltip-arrow:before { border-bottom-color: var(--primary-color) } .header-secondary.bs-popover-auto[data-popper-placement^=bottom] .popover-header:before, .header-secondary.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after, .popover-secondary.bs-popover-auto[data-popper-placement^=bottom] .popover-header:before, .popover-secondary.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after, .popover-secondary.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before, .popover-secondary.bs-popover-bottom .popover-header:before, .popover-secondary.bs-popover-bottom>.popover-arrow:after, .popover-secondary.bs-popover-bottom>.popover-arrow:before, .tooltip.tooltip-secondary.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow:before, .tooltip.tooltip-secondary.bs-tooltip-end .tooltip-arrow:before { border-bottom-color: rgb(var(--secondary-rgb)) } .header-warning.bs-popover-auto[data-popper-placement^=bottom] .popover-header:before, .header-warning.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after, .popover-warning.bs-popover-auto[data-popper-placement^=bottom] .popover-header:before, .popover-warning.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after, .popover-warning.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before, .popover-warning.bs-popover-bottom .popover-header:before, .popover-warning.bs-popover-bottom>.popover-arrow:after, .popover-warning.bs-popover-bottom>.popover-arrow:before, .tooltip.tooltip-warning.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow:before, .tooltip.tooltip-warning.bs-tooltip-end .tooltip-arrow:before { border-bottom-color: rgb(var(--warning-rgb)) } .header-info.bs-popover-auto[data-popper-placement^=bottom] .popover-header:before, .header-info.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after, .popover-info.bs-popover-auto[data-popper-placement^=bottom] .popover-header:before, .popover-info.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after, .popover-info.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before, .popover-info.bs-popover-bottom .popover-header:before, .popover-info.bs-popover-bottom>.popover-arrow:after, .popover-info.bs-popover-bottom>.popover-arrow:before, .tooltip.tooltip-info.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow:before, .tooltip.tooltip-info.bs-tooltip-end .tooltip-arrow:before { border-bottom-color: rgb(var(--info-rgb)) } .header-success.bs-popover-auto[data-popper-placement^=bottom] .popover-header:before, .header-success.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after, .popover-success.bs-popover-auto[data-popper-placement^=bottom] .popover-header:before, .popover-success.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after, .popover-success.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before, .popover-success.bs-popover-bottom .popover-header:before, .popover-success.bs-popover-bottom>.popover-arrow:after, .popover-success.bs-popover-bottom>.popover-arrow:before, .tooltip.tooltip-success.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow:before, .tooltip.tooltip-success.bs-tooltip-end .tooltip-arrow:before { border-bottom-color: rgb(var(--success-rgb)) } .header-danger.bs-popover-auto[data-popper-placement^=bottom] .popover-header:before, .header-danger.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after, .popover-danger.bs-popover-auto[data-popper-placement^=bottom] .popover-header:before, .popover-danger.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after, .popover-danger.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before, .popover-danger.bs-popover-bottom .popover-header:before, .popover-danger.bs-popover-bottom>.popover-arrow:after, .popover-danger.bs-popover-bottom>.popover-arrow:before, .tooltip.tooltip-danger.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow:before, .tooltip.tooltip-danger.bs-tooltip-end .tooltip-arrow:before { border-bottom-color: rgb(var(--danger-rgb)) } .popover-primary.popover .popover-header { background-color: var(--primary-color); color: #fff; border-radius: .3rem .3rem 0 0 } .popover-primary.popover .popover-body { background-color: var(--primary-color); color: #fff; border-radius: 0 0 .3rem .3rem } .border-top-card.border-top-primary, .popover-primary.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after, .popover-primary.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before, .popover-primary.bs-popover-top>.popover-arrow:after, .popover-primary.bs-popover-top>.popover-arrow:before, .tooltip.tooltip-primary.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow:before, .tooltip.tooltip-primary.bs-tooltip-top .tooltip-arrow:before { border-top-color: var(--primary-color) } .popover-primary.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after, .popover-primary.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before, .popover-primary.bs-popover-end>.popover-arrow:after, .popover-primary.bs-popover-end>.popover-arrow:before, .tooltip.tooltip-primary.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow:before, .tooltip.tooltip-primary.bs-tooltip-end .tooltip-arrow:before { border-right-color: var(--primary-color) } .popover-primary.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after, .popover-primary.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before, .popover-primary.bs-popover-start>.popover-arrow:after, .popover-primary.bs-popover-start>.popover-arrow:before, .tooltip.tooltip-primary.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow:before, .tooltip.tooltip-primary.bs-tooltip-start .tooltip-arrow:before { border-left-color: var(--primary-color) } .popover-secondary.popover .popover-header { background-color: rgb(var(--secondary-rgb)); color: #fff; border-radius: .3rem .3rem 0 0 } .popover-secondary.popover .popover-body { background-color: rgb(var(--secondary-rgb)); color: #fff; border-radius: 0 0 .3rem .3rem } .border-top-card.border-top-secondary, .popover-secondary.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after, .popover-secondary.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before, .popover-secondary.bs-popover-top>.popover-arrow:after, .popover-secondary.bs-popover-top>.popover-arrow:before, .tooltip.tooltip-secondary.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow:before, .tooltip.tooltip-secondary.bs-tooltip-top .tooltip-arrow:before { border-top-color: rgb(var(--secondary-rgb)) } .popover-secondary.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after, .popover-secondary.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before, .popover-secondary.bs-popover-end>.popover-arrow:after, .popover-secondary.bs-popover-end>.popover-arrow:before, .tooltip.tooltip-secondary.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow:before, .tooltip.tooltip-secondary.bs-tooltip-end .tooltip-arrow:before { border-right-color: rgb(var(--secondary-rgb)) } .popover-secondary.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after, .popover-secondary.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before, .popover-secondary.bs-popover-start>.popover-arrow:after, .popover-secondary.bs-popover-start>.popover-arrow:before, .tooltip.tooltip-secondary.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow:before, .tooltip.tooltip-secondary.bs-tooltip-start .tooltip-arrow:before { border-left-color: rgb(var(--secondary-rgb)) } .popover-warning.popover .popover-header { background-color: rgb(var(--warning-rgb)); color: #fff; border-radius: .3rem .3rem 0 0 } .popover-warning.popover .popover-body { background-color: rgb(var(--warning-rgb)); color: #fff; border-radius: 0 0 .3rem .3rem } .border-top-card.border-top-warning, .popover-warning.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after, .popover-warning.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before, .popover-warning.bs-popover-top>.popover-arrow:after, .popover-warning.bs-popover-top>.popover-arrow:before, .tooltip.tooltip-warning.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow:before, .tooltip.tooltip-warning.bs-tooltip-top .tooltip-arrow:before { border-top-color: rgb(var(--warning-rgb)) } .popover-warning.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after, .popover-warning.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before, .popover-warning.bs-popover-end>.popover-arrow:after, .popover-warning.bs-popover-end>.popover-arrow:before, .tooltip.tooltip-warning.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow:before, .tooltip.tooltip-warning.bs-tooltip-end .tooltip-arrow:before { border-right-color: rgb(var(--warning-rgb)) } .popover-warning.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after, .popover-warning.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before, .popover-warning.bs-popover-start>.popover-arrow:after, .popover-warning.bs-popover-start>.popover-arrow:before, .tooltip.tooltip-warning.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow:before, .tooltip.tooltip-warning.bs-tooltip-start .tooltip-arrow:before { border-left-color: rgb(var(--warning-rgb)) } .popover-info.popover .popover-header { background-color: rgb(var(--info-rgb)); color: #fff; border-radius: .3rem .3rem 0 0 } .popover-info.popover .popover-body { background-color: rgb(var(--info-rgb)); color: #fff; border-radius: 0 0 .3rem .3rem } .border-top-card.border-top-info, .popover-info.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after, .popover-info.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before, .popover-info.bs-popover-top>.popover-arrow:after, .popover-info.bs-popover-top>.popover-arrow:before, .tooltip.tooltip-info.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow:before, .tooltip.tooltip-info.bs-tooltip-top .tooltip-arrow:before { border-top-color: rgb(var(--info-rgb)) } .popover-info.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after, .popover-info.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before, .popover-info.bs-popover-end>.popover-arrow:after, .popover-info.bs-popover-end>.popover-arrow:before, .tooltip.tooltip-info.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow:before, .tooltip.tooltip-info.bs-tooltip-end .tooltip-arrow:before { border-right-color: rgb(var(--info-rgb)) } .popover-info.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after, .popover-info.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before, .popover-info.bs-popover-start>.popover-arrow:after, .popover-info.bs-popover-start>.popover-arrow:before, .tooltip.tooltip-info.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow:before, .tooltip.tooltip-info.bs-tooltip-start .tooltip-arrow:before { border-left-color: rgb(var(--info-rgb)) } .popover-success.popover .popover-header { background-color: rgb(var(--success-rgb)); color: #fff; border-radius: .3rem .3rem 0 0 } .popover-success.popover .popover-body { background-color: rgb(var(--success-rgb)); color: #fff; border-radius: 0 0 .3rem .3rem } .border-top-card.border-top-success, .popover-success.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after, .popover-success.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before, .popover-success.bs-popover-top>.popover-arrow:after, .popover-success.bs-popover-top>.popover-arrow:before, .tooltip.tooltip-success.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow:before, .tooltip.tooltip-success.bs-tooltip-top .tooltip-arrow:before { border-top-color: rgb(var(--success-rgb)) } .popover-success.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after, .popover-success.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before, .popover-success.bs-popover-end>.popover-arrow:after, .popover-success.bs-popover-end>.popover-arrow:before, .tooltip.tooltip-success.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow:before, .tooltip.tooltip-success.bs-tooltip-end .tooltip-arrow:before { border-right-color: rgb(var(--success-rgb)) } .popover-success.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after, .popover-success.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before, .popover-success.bs-popover-start>.popover-arrow:after, .popover-success.bs-popover-start>.popover-arrow:before, .tooltip.tooltip-success.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow:before, .tooltip.tooltip-success.bs-tooltip-start .tooltip-arrow:before { border-left-color: rgb(var(--success-rgb)) } .popover-danger.popover .popover-header { background-color: rgb(var(--danger-rgb)); color: #fff; border-radius: .3rem .3rem 0 0 } .popover-danger.popover .popover-body { background-color: rgb(var(--danger-rgb)); color: #fff; border-radius: 0 0 .3rem .3rem } .border-top-card.border-top-danger, .popover-danger.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after, .popover-danger.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before, .popover-danger.bs-popover-top>.popover-arrow:after, .popover-danger.bs-popover-top>.popover-arrow:before, .tooltip.tooltip-danger.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow:before, .tooltip.tooltip-danger.bs-tooltip-top .tooltip-arrow:before { border-top-color: rgb(var(--danger-rgb)) } .popover-danger.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after, .popover-danger.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before, .popover-danger.bs-popover-end>.popover-arrow:after, .popover-danger.bs-popover-end>.popover-arrow:before, .tooltip.tooltip-danger.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow:before, .tooltip.tooltip-danger.bs-tooltip-end .tooltip-arrow:before { border-right-color: rgb(var(--danger-rgb)) } .popover-danger.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after, .popover-danger.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before, .popover-danger.bs-popover-start>.popover-arrow:after, .popover-danger.bs-popover-start>.popover-arrow:before, .tooltip.tooltip-danger.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow:before, .tooltip.tooltip-danger.bs-tooltip-start .tooltip-arrow:before { border-left-color: rgb(var(--danger-rgb)) } .popover-purple.popover { border: 1px solid rgb(var(--purple-rgb)) } .popover-purple.popover .popover-header { background-color: rgb(var(--purple-rgb)); color: #fff; border-radius: .3rem .3rem 0 0 } .popover-purple.popover .popover-body { background-color: rgb(var(--purple-rgb)); color: #fff; border-radius: 0 0 .3rem .3rem } .popover-purple.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after, .popover-purple.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before, .popover-purple.bs-popover-top>.popover-arrow:after, .popover-purple.bs-popover-top>.popover-arrow:before { border-top-color: rgb(var(--purple-rgb)) } .popover-purple.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after, .popover-purple.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before, .popover-purple.bs-popover-end>.popover-arrow:after, .popover-purple.bs-popover-end>.popover-arrow:before { border-right-color: rgb(var(--purple-rgb)) } .popover-purple.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after, .popover-purple.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before, .popover-purple.bs-popover-start>.popover-arrow:after, .popover-purple.bs-popover-start>.popover-arrow:before { border-left-color: rgb(var(--purple-rgb)) } .popover-purple.bs-popover-auto[data-popper-placement^=bottom] .popover-header:before, .popover-purple.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after, .popover-purple.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before, .popover-purple.bs-popover-bottom .popover-header:before, .popover-purple.bs-popover-bottom>.popover-arrow:after, .popover-purple.bs-popover-bottom>.popover-arrow:before { border-bottom-color: rgb(var(--purple-rgb)) } .popover-teal.popover { border: 1px solid rgb(var(--teal-rgb)) } .popover-teal.popover .popover-header { background-color: rgb(var(--teal-rgb)); color: #fff; border-radius: .3rem .3rem 0 0 } .popover-teal.popover .popover-body { background-color: rgb(var(--teal-rgb)); color: #fff; border-radius: 0 0 .3rem .3rem } .popover-teal.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after, .popover-teal.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before, .popover-teal.bs-popover-top>.popover-arrow:after, .popover-teal.bs-popover-top>.popover-arrow:before { border-top-color: rgb(var(--teal-rgb)) } .popover-teal.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after, .popover-teal.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before, .popover-teal.bs-popover-end>.popover-arrow:after, .popover-teal.bs-popover-end>.popover-arrow:before { border-right-color: rgb(var(--teal-rgb)) } .popover-teal.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after, .popover-teal.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before, .popover-teal.bs-popover-start>.popover-arrow:after, .popover-teal.bs-popover-start>.popover-arrow:before { border-left-color: rgb(var(--teal-rgb)) } .popover-teal.bs-popover-auto[data-popper-placement^=bottom] .popover-header:before, .popover-teal.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after, .popover-teal.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before, .popover-teal.bs-popover-bottom .popover-header:before, .popover-teal.bs-popover-bottom>.popover-arrow:after, .popover-teal.bs-popover-bottom>.popover-arrow:before { border-bottom-color: rgb(var(--teal-rgb)) } .popover-primary-light.popover { border: 1px solid var(--primary01) } .popover-primary-light.popover .popover-header { background-color: var(--primary01); border-block-end: 1px solid var(--primary01); color: var(--primary-color); border-radius: 0 } .popover-primary-light.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after, .popover-primary-light.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before, .popover-primary-light.bs-popover-top>.popover-arrow:after, .popover-primary-light.bs-popover-top>.popover-arrow:before { border-top-color: var(--primary01) } .popover-primary-light.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after, .popover-primary-light.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before, .popover-primary-light.bs-popover-end>.popover-arrow:after, .popover-primary-light.bs-popover-end>.popover-arrow:before { border-right-color: var(--primary01) } .popover-primary-light.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after, .popover-primary-light.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before, .popover-primary-light.bs-popover-start>.popover-arrow:after, .popover-primary-light.bs-popover-start>.popover-arrow:before { border-left-color: var(--primary01) } .popover-primary-light.bs-popover-auto[data-popper-placement^=bottom] .popover-header:before, .popover-primary-light.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after, .popover-primary-light.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before, .popover-primary-light.bs-popover-bottom .popover-header:before, .popover-primary-light.bs-popover-bottom>.popover-arrow:after, .popover-primary-light.bs-popover-bottom>.popover-arrow:before { border-bottom-color: var(--primary01) } .popover-secondary-light.popover { border: 1px solid rgba(var(--secondary-rgb), .1) } .popover-secondary-light.popover .popover-header { background-color: rgba(var(--secondary-rgb), .1); border-block-end: 1px solid rgba(var(--secondary-rgb), 0.1); color: rgb(var(--secondary-rgb)); border-radius: 0 } .popover-secondary-light.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after, .popover-secondary-light.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before, .popover-secondary-light.bs-popover-top>.popover-arrow:after, .popover-secondary-light.bs-popover-top>.popover-arrow:before { border-top-color: rgba(var(--secondary-rgb), .1) } .popover-secondary-light.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after, .popover-secondary-light.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before, .popover-secondary-light.bs-popover-end>.popover-arrow:after, .popover-secondary-light.bs-popover-end>.popover-arrow:before { border-right-color: rgba(var(--secondary-rgb), .1) } .popover-secondary-light.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after, .popover-secondary-light.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before, .popover-secondary-light.bs-popover-start>.popover-arrow:after, .popover-secondary-light.bs-popover-start>.popover-arrow:before { border-left-color: rgba(var(--secondary-rgb), .1) } .popover-secondary-light.bs-popover-auto[data-popper-placement^=bottom] .popover-header:before, .popover-secondary-light.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after, .popover-secondary-light.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before, .popover-secondary-light.bs-popover-bottom .popover-header:before, .popover-secondary-light.bs-popover-bottom>.popover-arrow:after, .popover-secondary-light.bs-popover-bottom>.popover-arrow:before { border-bottom-color: rgba(var(--secondary-rgb), .1) } .popover-warning-light.popover { border: 1px solid rgba(var(--warning-rgb), .1) } .popover-warning-light.popover .popover-header { background-color: rgba(var(--warning-rgb), .1); border-block-end: 1px solid rgba(var(--warning-rgb), 0.1); color: rgb(var(--warning-rgb)); border-radius: 0 } .popover-warning-light.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after, .popover-warning-light.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before, .popover-warning-light.bs-popover-top>.popover-arrow:after, .popover-warning-light.bs-popover-top>.popover-arrow:before { border-top-color: rgba(var(--warning-rgb), .1) } .popover-warning-light.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after, .popover-warning-light.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before, .popover-warning-light.bs-popover-end>.popover-arrow:after, .popover-warning-light.bs-popover-end>.popover-arrow:before { border-right-color: rgba(var(--warning-rgb), .1) } .popover-warning-light.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after, .popover-warning-light.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before, .popover-warning-light.bs-popover-start>.popover-arrow:after, .popover-warning-light.bs-popover-start>.popover-arrow:before { border-left-color: rgba(var(--warning-rgb), .1) } .popover-warning-light.bs-popover-auto[data-popper-placement^=bottom] .popover-header:before, .popover-warning-light.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after, .popover-warning-light.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before, .popover-warning-light.bs-popover-bottom .popover-header:before, .popover-warning-light.bs-popover-bottom>.popover-arrow:after, .popover-warning-light.bs-popover-bottom>.popover-arrow:before { border-bottom-color: rgba(var(--warning-rgb), .1) } .popover-info-light.popover { border: 1px solid rgba(var(--info-rgb), .1) } .popover-info-light.popover .popover-header { background-color: rgba(var(--info-rgb), .1); border-block-end: 1px solid rgba(var(--info-rgb), 0.1); color: rgb(var(--info-rgb)); border-radius: 0 } .popover-info-light.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after, .popover-info-light.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before, .popover-info-light.bs-popover-top>.popover-arrow:after, .popover-info-light.bs-popover-top>.popover-arrow:before { border-top-color: rgba(var(--info-rgb), .1) } .popover-info-light.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after, .popover-info-light.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before, .popover-info-light.bs-popover-end>.popover-arrow:after, .popover-info-light.bs-popover-end>.popover-arrow:before { border-right-color: rgba(var(--info-rgb), .1) } .popover-info-light.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after, .popover-info-light.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before, .popover-info-light.bs-popover-start>.popover-arrow:after, .popover-info-light.bs-popover-start>.popover-arrow:before { border-left-color: rgba(var(--info-rgb), .1) } .popover-info-light.bs-popover-auto[data-popper-placement^=bottom] .popover-header:before, .popover-info-light.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after, .popover-info-light.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before, .popover-info-light.bs-popover-bottom .popover-header:before, .popover-info-light.bs-popover-bottom>.popover-arrow:after, .popover-info-light.bs-popover-bottom>.popover-arrow:before { border-bottom-color: rgba(var(--info-rgb), .1) } .popover-success-light.popover { border: 1px solid rgba(var(--success-rgb), .1) } .popover-success-light.popover .popover-header { background-color: rgba(var(--success-rgb), .1); border-block-end: 1px solid rgba(var(--success-rgb), 0.1); color: rgb(var(--success-rgb)); border-radius: 0 } .popover-success-light.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after, .popover-success-light.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before, .popover-success-light.bs-popover-top>.popover-arrow:after, .popover-success-light.bs-popover-top>.popover-arrow:before { border-top-color: rgba(var(--success-rgb), .1) } .popover-success-light.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after, .popover-success-light.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before, .popover-success-light.bs-popover-end>.popover-arrow:after, .popover-success-light.bs-popover-end>.popover-arrow:before { border-right-color: rgba(var(--success-rgb), .1) } .popover-success-light.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after, .popover-success-light.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before, .popover-success-light.bs-popover-start>.popover-arrow:after, .popover-success-light.bs-popover-start>.popover-arrow:before { border-left-color: rgba(var(--success-rgb), .1) } .popover-success-light.bs-popover-auto[data-popper-placement^=bottom] .popover-header:before, .popover-success-light.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after, .popover-success-light.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before, .popover-success-light.bs-popover-bottom .popover-header:before, .popover-success-light.bs-popover-bottom>.popover-arrow:after, .popover-success-light.bs-popover-bottom>.popover-arrow:before { border-bottom-color: rgba(var(--success-rgb), .1) } .popover-danger-light.popover { border: 1px solid rgba(var(--danger-rgb), .1) } .popover-danger-light.popover .popover-header { background-color: rgba(var(--danger-rgb), .1); border-block-end: 1px solid rgba(var(--danger-rgb), 0.1); color: rgb(var(--danger-rgb)); border-radius: 0 } .popover-danger-light.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after, .popover-danger-light.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before, .popover-danger-light.bs-popover-top>.popover-arrow:after, .popover-danger-light.bs-popover-top>.popover-arrow:before { border-top-color: rgba(var(--danger-rgb), .1) } .popover-danger-light.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after, .popover-danger-light.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before, .popover-danger-light.bs-popover-end>.popover-arrow:after, .popover-danger-light.bs-popover-end>.popover-arrow:before { border-right-color: rgba(var(--danger-rgb), .1) } .popover-danger-light.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after, .popover-danger-light.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before, .popover-danger-light.bs-popover-start>.popover-arrow:after, .popover-danger-light.bs-popover-start>.popover-arrow:before { border-left-color: rgba(var(--danger-rgb), .1) } .popover-danger-light.bs-popover-auto[data-popper-placement^=bottom] .popover-header:before, .popover-danger-light.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after, .popover-danger-light.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before, .popover-danger-light.bs-popover-bottom .popover-header:before, .popover-danger-light.bs-popover-bottom>.popover-arrow:after, .popover-danger-light.bs-popover-bottom>.popover-arrow:before { border-bottom-color: rgba(var(--danger-rgb), .1) } .popover-purple-light.popover { border: 1px solid rgba(var(--purple-rgb), .1) } .popover-purple-light.popover .popover-header { background-color: rgba(var(--purple-rgb), .1); border-block-end: 1px solid rgba(var(--purple-rgb), 0.1); color: rgb(var(--purple-rgb)); border-radius: 0 } .popover-purple-light.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after, .popover-purple-light.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before, .popover-purple-light.bs-popover-top>.popover-arrow:after, .popover-purple-light.bs-popover-top>.popover-arrow:before { border-top-color: rgba(var(--purple-rgb), .1) } .popover-purple-light.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after, .popover-purple-light.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before, .popover-purple-light.bs-popover-end>.popover-arrow:after, .popover-purple-light.bs-popover-end>.popover-arrow:before { border-right-color: rgba(var(--purple-rgb), .1) } .popover-purple-light.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after, .popover-purple-light.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before, .popover-purple-light.bs-popover-start>.popover-arrow:after, .popover-purple-light.bs-popover-start>.popover-arrow:before { border-left-color: rgba(var(--purple-rgb), .1) } .popover-purple-light.bs-popover-auto[data-popper-placement^=bottom] .popover-header:before, .popover-purple-light.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after, .popover-purple-light.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before, .popover-purple-light.bs-popover-bottom .popover-header:before, .popover-purple-light.bs-popover-bottom>.popover-arrow:after, .popover-purple-light.bs-popover-bottom>.popover-arrow:before { border-bottom-color: rgba(var(--purple-rgb), .1) } .popover-teal-light.popover { border: 1px solid rgba(var(--teal-rgb), .1) } .popover-teal-light.popover .popover-header { background-color: rgba(var(--teal-rgb), .1); border-block-end: 1px solid rgba(var(--teal-rgb), 0.1); color: rgb(var(--teal-rgb)); border-radius: 0 } .popover-teal-light.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after, .popover-teal-light.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before, .popover-teal-light.bs-popover-top>.popover-arrow:after, .popover-teal-light.bs-popover-top>.popover-arrow:before { border-top-color: rgba(var(--teal-rgb), .1) } .popover-teal-light.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after, .popover-teal-light.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before, .popover-teal-light.bs-popover-end>.popover-arrow:after, .popover-teal-light.bs-popover-end>.popover-arrow:before { border-right-color: rgba(var(--teal-rgb), .1) } .popover-teal-light.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after, .popover-teal-light.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before, .popover-teal-light.bs-popover-start>.popover-arrow:after, .popover-teal-light.bs-popover-start>.popover-arrow:before { border-left-color: rgba(var(--teal-rgb), .1) } .popover-teal-light.bs-popover-auto[data-popper-placement^=bottom] .popover-header:before, .popover-teal-light.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after, .popover-teal-light.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before, .popover-teal-light.bs-popover-bottom .popover-header:before, .popover-teal-light.bs-popover-bottom>.popover-arrow:after, .popover-teal-light.bs-popover-bottom>.popover-arrow:before { border-bottom-color: rgba(var(--teal-rgb), .1) } .progress { background-color: rgb(var(--light-rgb)); height: .75rem; border-radius: .25rem } .progress-animate, .progress-animate .progress-bar { border-radius: .625rem; position: relative } @keyframes progress-animate { 0% { width: 0 } } .progress-animate .progress-bar { animation: 2s progress-animate } .progress-stacked.progress-xs, .progress.progress-xs { height: .3125rem } .progress-stacked.progress-sm, .progress.progress-sm { height: .5rem } .progress-stacked.progress-lg, .progress.progress-lg { height: 1rem } .progress-stacked.progress-xl, .progress.progress-xl { height: 1.25rem } .progress-custom { overflow: visible; position: relative } .progress-custom .progress-bar { position: relative; overflow: visible } .progress-custom .progress-bar:after { content: ""; width: 1.15rem; height: 1.15rem; border-radius: 50%; box-shadow: 0 .313rem .313rem var(--primary02); background: #fff; position: absolute; inset-inline-end: -0.375rem; inset-block-start: -0.375rem; border: .25rem solid var(--primary-color) } .progress-custom .progress-bar.bg-secondary:after { border: .25rem solid rgb(var(--secondary-rgb)); box-shadow: 0 .313rem .313rem rgba(var(--secondary-rgb), .2) } .progress-custom .progress-bar.bg-warning:after { border: .25rem solid rgb(var(--warning-rgb)); box-shadow: 0 .313rem .313rem rgba(var(--warning-rgb), .2) } .progress-custom .progress-bar.bg-info:after { border: .25rem solid rgb(var(--info-rgb)); box-shadow: 0 .313rem .313rem rgba(var(--info-rgb), .2) } .progress-custom .progress-bar.bg-success:after { border: .25rem solid rgb(var(--success-rgb)); box-shadow: 0 .313rem .313rem rgba(var(--success-rgb), .2) } .progress-custom .progress-bar.bg-danger:after { border: .25rem solid rgb(var(--danger-rgb)); box-shadow: 0 .313rem .313rem rgba(var(--danger-rgb), .2) } .progress-custom .progress-bar-title { padding: .313rem .625rem; margin: 0; border-radius: .313rem 0 0 .313rem; text-transform: uppercase; position: absolute; inset-block-start: -0.438rem; inset-inline-start: 0; z-index: 1 } .progress-custom .progress-bar-title:after { content: ""; border-inline-start: 1.063rem solid var(--primary-color); border-block-start: 0.688rem solid transparent; border-block-end: 0.688rem solid transparent; position: absolute; inset-block-start: 0; inset-inline-end: -1.063rem } .progress-custom .progress-bar-title.bg-secondary:after { border-inline-start: 1.063rem solid rgb(var(--secondary-rgb)) } .progress-custom .progress-bar-title.bg-success:after { border-inline-start: 1.063rem solid rgb(var(--success-rgb)) } .progress-custom .progress-bar-title.bg-warning:after { border-inline-start: 1.063rem solid rgb(var(--warning-rgb)) } .progress-custom .progress-bar-title.bg-danger:after { border-inline-start: 1.063rem solid rgb(var(--danger-rgb)) } .progress-custom .progress-bar-title.bg-info:after { border-inline-start: 1.063rem solid rgb(var(--info-rgb)) } .progress-custom .progress-bar-value { width: 1.875rem; height: 1.25rem; line-height: 1.25rem; border-radius: .188rem; box-shadow: 0 .313rem .313rem #0006; text-align: center; position: absolute; inset-block-end: 1.5rem; inset-inline-end: -0.688rem } .progress-custom .progress-bar-value:after { content: ""; border-block-start: 0.438rem solid var(--primary-color); border-inline-start: 0.438rem solid transparent; border-inline-end: 0.438rem solid transparent; position: absolute; inset-block-end: -0.375rem; inset-inline-start: 28% } .progress-custom .progress-bar-value.bg-secondary:after { border-block-start: 0.438rem solid rgb(var(--secondary-rgb)) } .progress-custom .progress-bar-value.bg-success:after { border-block-start: 0.438rem solid rgb(var(--success-rgb)) } .progress-custom .progress-bar-value.bg-warning:after { border-block-start: 0.438rem solid rgb(var(--warning-rgb)) } .progress-custom .progress-bar-value.bg-danger:after { border-block-start: 0.438rem solid rgb(var(--danger-rgb)) } .progress-custom .progress-bar-value.bg-info:after { border-block-start: 0.438rem solid rgb(var(--info-rgb)) } [dir=rtl] .progress-bar-title { border-radius: 0 .313rem .313rem 0 } .progress-item-1, .progress-item-2, .progress-item-3 { position: absolute; margin-block-start: -0.25rem; z-index: 1; height: .938rem; width: .938rem; border-radius: 1.563rem; background-color: rgb(var(--light-rgb)) } .progress-item-1 { inset-inline-start: 25% } .progress-item-2 { inset-inline-start: 50% } .progress-item-3 { inset-inline-start: 75% } .custom-progress-3 { overflow: visible; border-radius: .625rem } .custom-progress-3 .progress-bar { position: relative; overflow: visible; margin: .313rem; border-radius: .25rem } .custom-progress-3 .progress-bar:before { content: ""; position: absolute; width: .25rem; height: .25rem; inset-inline-start: 0.125rem; background-color: var(--custom-white); border-radius: 50% } .custom-progress-3 .progress-bar .progress-bar-value { border: .125rem solid var(--primary-color); width: 2.5rem; height: 1.563rem; line-height: 1.313rem; border-radius: 3.125rem; background: var(--custom-white); font-size: .625rem; font-weight: 600; color: var(--primary-color); text-align: center; position: absolute; inset-inline-end: -0.625rem } .authentication .authentication-cover, .menu-image .bgimage-input.bg-img1, .menu-image .bgimage-input.bg-img2, .menu-image .bgimage-input.bg-img3, .menu-image .bgimage-input.bg-img4, .menu-image .bgimage-input.bg-img5 { background-position: center; background-size: cover; background-repeat: no-repeat } .custom-progress-3 .progress-bar .progress-bar-value.secondary { border: .125rem solid rgb(var(--secondary-rgb)); color: rgb(var(--secondary-rgb)) } .custom-progress-3 .progress-bar .progress-bar-value.warning { border: .125rem solid rgb(var(--warning-rgb)); color: rgb(var(--warning-rgb)) } .custom-progress-3 .progress-bar .progress-bar-value.info { border: .125rem solid rgb(var(--info-rgb)); color: rgb(var(--info-rgb)) } .custom-progress-3 .progress-bar .progress-bar-value.success { border: .125rem solid rgb(var(--success-rgb)); color: rgb(var(--success-rgb)) } .custom-progress-3 .progress-bar .progress-bar-value.danger { border: .125rem solid rgb(var(--danger-rgb)); color: rgb(var(--danger-rgb)) } .custom-progress-4.progress { background-color: var(--primary01); border-radius: .25rem } .custom-progress-4.progress.secondary, .nft-tag.nft-tag-secondary.active .nft-tag-icon, .nft-tag.nft-tag-secondary:hover .nft-tag-icon { background-color: rgba(var(--secondary-rgb), .1) } .custom-progress-4.progress.warning, .nft-tag.nft-tag-warning.active .nft-tag-icon, .nft-tag.nft-tag-warning:hover .nft-tag-icon { background-color: rgba(var(--warning-rgb), .1) } .custom-progress-4.progress.info, .nft-tag.nft-tag-info.active .nft-tag-icon, .nft-tag.nft-tag-info:hover .nft-tag-icon { background-color: rgba(var(--info-rgb), .1) } .custom-progress-4.progress.success, .nft-tag.nft-tag-success.active .nft-tag-icon, .nft-tag.nft-tag-success:hover .nft-tag-icon, .panel-tabs-billing li a.active { background-color: rgba(var(--success-rgb), .1) } .custom-progress-4.progress.danger, .header-cart-remove:hover .ti, .nft-tag.nft-tag-danger.active .nft-tag-icon, .nft-tag.nft-tag-danger:hover .nft-tag-icon { background-color: rgba(var(--danger-rgb), .1) } .bd-example-cssgrid .grid>*, .br-4, .custom-progress-4.progress .progress-bar { border-radius: .25rem } .custom-progress-4.progress .progress-bar-label { position: absolute; inset-inline-end: 0.313rem; font-weight: 600; font-size: .813rem; color: var(--primary-color) } .table.table-danger .table-active, .table.table-danger.table.table-hover>tbody>tr:hover>*, .table.table-dark .table-active, .table.table-dark.table.table-hover>tbody>tr:hover>*, .table.table-info .table-active, .table.table-info.table.table-hover>tbody>tr:hover>*, .table.table-light .table-active, .table.table-light.table.table-hover>tbody>tr:hover>*, .table.table-primary .table-active, .table.table-primary.table.table-hover>tbody>tr:hover>*, .table.table-secondary .table-active, .table.table-success .table-active, .table.table-success.table.table-hover>tbody>tr:hover>*, .table.table-warning .table-active, .table.table-warning.table.table-hover>tbody>tr:hover>* { background-color: var(--bs-table-accent-bg); color: #fff } caption { color: var(--text-muted); font-weight: 700 } .table { color: var(--default-text-color); border-color: var(--default-border); margin-block-end: 0 } .table tbody tr th { font-weight: 500 } .table td, .table th { padding: .75rem; vertical-align: middle; line-height: 1.462; font-size: .813rem; font-weight: 500 } .table thead tr th { font-weight: 600; font-size: .85rem } .table.table-sm>:not(caption)>*>* { padding: .3rem } .table.table-dark { color: var(--white-7); border-color: #ffffff1a } .table.table-danger, .table.table-dark, .table.table-info, .table.table-light, .table.table-primary, .table.table-secondary, .table.table-success, .table.table-warning { background-color: #fff; border-color: var(--bs-table-border-color) } .table.table-primary { color: #000; --bs-table-bg: rgba(var(--primary-rgb), 0.1); --bs-table-border-color: rgba(var(--primary-rgb), 0.1); --bs-table-striped-bg: rgba(var(--primary-rgb), 0.2); --bs-table-active-bg: rgba(var(--primary-rgb), 0.2); --bs-table-hover-bg: rgba(var(--primary-rgb), 0.2) } .table.table-primary>:not(caption)>*>* { --bs-table-bg: rgba(var(--primary-rgb), 0.1); color: #000 } .table.table-secondary, .table.table-secondary>:not(caption)>*>* { --bs-table-bg: rgba(var(--secondary-rgb), 0.1); color: #000 } .table.table-primary.table-striped>tbody>tr:nth-of-type(odd)>* { background-color: var(--bs-table-accent-bg); --bs-table-accent-bg: rgba(var(--primary-rgb), 0.2); color: #000 } .table.table-primary.table.table-hover>tbody>tr:hover>* { --bs-table-accent-bg: rgba(var(--primary-rgb), 0.4) } .table.table-primary .table-active { --bs-table-accent-bg: rgb(var(--primary-rgb)) } .table.table-secondary { --bs-table-border-color: rgba(var(--secondary-rgb), 0.1); --bs-table-striped-bg: rgba(var(--secondary-rgb), 0.2); --bs-table-active-bg: rgba(var(--secondary-rgb), 0.2); --bs-table-hover-bg: rgba(var(--secondary-rgb), 0.2) } .table.table-secondary.table-striped>tbody>tr:nth-of-type(odd)>* { background-color: var(--bs-table-accent-bg); --bs-table-accent-bg: rgba(var(--secondary-rgb), 0.2); color: #000 } .table.table-secondary.table.table-hover>tbody>tr:hover>* { background-color: var(--bs-table-accent-bg); --bs-table-accent-bg: rgba(var(--secondary-rgb), 0.4); color: #fff } .table.table-secondary .table-active { --bs-table-accent-bg: rgb(var(--secondary-rgb)) } .table.table-warning { color: #000; --bs-table-bg: rgba(var(--warning-rgb), 0.1); --bs-table-border-color: rgba(var(--warning-rgb), 0.1); --bs-table-striped-bg: rgba(var(--warning-rgb), 0.2); --bs-table-active-bg: rgba(var(--warning-rgb), 0.2); --bs-table-hover-bg: rgba(var(--warning-rgb), 0.2) } .table.table-warning>:not(caption)>*>* { --bs-table-bg: rgba(var(--warning-rgb), 0.1); color: #000 } .table.table-success, .table.table-success>:not(caption)>*>* { --bs-table-bg: rgba(var(--success-rgb), 0.1); color: #000 } .table.table-warning.table-striped>tbody>tr:nth-of-type(odd)>* { background-color: var(--bs-table-accent-bg); --bs-table-accent-bg: rgba(var(--warning-rgb), 0.2); color: #000 } .table.table-warning.table.table-hover>tbody>tr:hover>* { --bs-table-accent-bg: rgba(var(--warning-rgb), 0.4) } .table.table-warning .table-active { --bs-table-accent-bg: rgb(var(--warning-rgb)) } .table.table-success { --bs-table-border-color: rgba(var(--success-rgb), 0.1); --bs-table-striped-bg: rgba(var(--success-rgb), 0.2); --bs-table-active-bg: rgba(var(--success-rgb), 0.2); --bs-table-hover-bg: rgba(var(--success-rgb), 0.2) } .table.table-success.table-striped>tbody>tr:nth-of-type(odd)>* { background-color: var(--bs-table-accent-bg); --bs-table-accent-bg: rgba(var(--success-rgb), 0.2); color: #000 } .table.table-success.table.table-hover>tbody>tr:hover>* { --bs-table-accent-bg: rgba(var(--success-rgb), 0.4) } .table.table-success .table-active { --bs-table-accent-bg: rgb(var(--success-rgb)) } .table.table-danger { color: #000; --bs-table-bg: rgba(var(--danger-rgb), 0.1); --bs-table-border-color: rgba(var(--danger-rgb), 0.1); --bs-table-striped-bg: rgba(var(--danger-rgb), 0.2); --bs-table-active-bg: rgba(var(--danger-rgb), 0.2); --bs-table-hover-bg: rgba(var(--danger-rgb), 0.2) } .table.table-danger>:not(caption)>*>* { --bs-table-bg: rgba(var(--danger-rgb), 0.1); color: #000 } .table.table-info, .table.table-info>:not(caption)>*>* { --bs-table-bg: rgba(var(--info-rgb), 0.1); color: #000 } .table.table-danger.table-striped>tbody>tr:nth-of-type(odd)>* { background-color: var(--bs-table-accent-bg); --bs-table-accent-bg: rgba(var(--danger-rgb), 0.2); color: #000 } .table.table-danger.table.table-hover>tbody>tr:hover>* { --bs-table-accent-bg: rgba(var(--danger-rgb), 0.4) } .table.table-danger .table-active { --bs-table-accent-bg: rgb(var(--danger-rgb)) } .table.table-info { --bs-table-border-color: rgba(var(--info-rgb), 0.1); --bs-table-striped-bg: rgba(var(--info-rgb), 0.2); --bs-table-active-bg: rgba(var(--info-rgb), 0.2); --bs-table-hover-bg: rgba(var(--info-rgb), 0.2) } .table.table-info.table-striped>tbody>tr:nth-of-type(odd)>* { background-color: var(--bs-table-accent-bg); --bs-table-accent-bg: rgba(var(--info-rgb), 0.2); color: #000 } .table.table-info.table.table-hover>tbody>tr:hover>* { --bs-table-accent-bg: rgba(var(--info-rgb), 0.4) } .table.table-info .table-active { --bs-table-accent-bg: rgb(var(--info-rgb)) } .table.table-light { color: #000; --bs-table-bg: rgba(var(--light-rgb), 0.1); --bs-table-border-color: rgba(var(--light-rgb), 0.1); --bs-table-striped-bg: rgba(var(--light-rgb), 0.2); --bs-table-active-bg: rgba(var(--light-rgb), 0.2); --bs-table-hover-bg: rgba(var(--light-rgb), 0.2) } .table.table-light>:not(caption)>*>* { --bs-table-bg: rgba(var(--light-rgb), 0.1); color: #000 } .table.table-dark, .table.table-dark>:not(caption)>*>* { --bs-table-bg: rgba(var(--dark-rgb), 0.1); color: #000 } .table.table-light.table-striped>tbody>tr:nth-of-type(odd)>* { background-color: var(--bs-table-accent-bg); --bs-table-accent-bg: rgba(var(--light-rgb), 0.2); color: #000 } .table.table-light.table.table-hover>tbody>tr:hover>* { --bs-table-accent-bg: rgba(var(--light-rgb), 0.4) } .table.table-light .table-active { --bs-table-accent-bg: rgb(var(--light-rgb)) } .table.table-dark { --bs-table-border-color: rgba(var(--dark-rgb), 0.1); --bs-table-striped-bg: rgba(var(--dark-rgb), 0.2); --bs-table-active-bg: rgba(var(--dark-rgb), 0.2); --bs-table-hover-bg: rgba(var(--dark-rgb), 0.2) } .table thead.table-primary, .table-primary { --bs-table-bg: rgba(var(--primary-rgb), 0.1); --bs-table-border-color: rgba(var(--primary-rgb), 0.1) } .table.table-dark.table-striped>tbody>tr:nth-of-type(odd)>* { background-color: var(--bs-table-accent-bg); --bs-table-accent-bg: rgba(var(--dark-rgb), 0.2); color: #000 } .table.table-dark.table.table-hover>tbody>tr:hover>* { --bs-table-accent-bg: rgba(var(--dark-rgb), 0.4) } .table.table-dark .table-active { --bs-table-accent-bg: rgb(var(--dark-rgb)) } .table.table-bordered.border-primary tbody, .table.table-bordered.border-primary td, .table.table-bordered.border-primary tfoot, .table.table-bordered.border-primary th, .table.table-bordered.border-primary thead, .table.table-bordered.border-primary tr { border-color: rgba(var(--primary-rgb), .1) } .table.table-bordered.border-info tbody, .table.table-bordered.border-info td, .table.table-bordered.border-info tfoot, .table.table-bordered.border-info th, .table.table-bordered.border-info thead, .table.table-bordered.border-info tr { border-color: rgba(var(--info-rgb), .1) } .table.table-bordered.border-secondary tbody, .table.table-bordered.border-secondary td, .table.table-bordered.border-secondary tfoot, .table.table-bordered.border-secondary th, .table.table-bordered.border-secondary thead, .table.table-bordered.border-secondary tr { border-color: rgba(var(--secondary-rgb), .1) } .table.table-bordered.border-warning tbody, .table.table-bordered.border-warning td, .table.table-bordered.border-warning tfoot, .table.table-bordered.border-warning th, .table.table-bordered.border-warning thead, .table.table-bordered.border-warning tr { border-color: rgba(var(--warning-rgb), .1) } .table.table-bordered.border-success tbody, .table.table-bordered.border-success td, .table.table-bordered.border-success tfoot, .table.table-bordered.border-success th, .table.table-bordered.border-success thead, .table.table-bordered.border-success tr { border-color: rgba(var(--success-rgb), .1) } .table.table-bordered.border-danger tbody, .table.table-bordered.border-danger td, .table.table-bordered.border-danger tfoot, .table.table-bordered.border-danger th, .table.table-bordered.border-danger thead, .table.table-bordered.border-danger tr { border-color: rgba(var(--danger-rgb), .1) } .table.table-striped>tbody>tr:nth-of-type(odd)>* { --bs-table-accent-bg: rgba(var(--dark-rgb), 0.0125); --bs-table-bg-type: rgba(var(--dark-rgb), 0.15); color: var(--default-text-color) } .table.table-striped-columns>:not(caption)>tr>:nth-child(2n) { --bs-table-accent-bg: rgba(var(--dark-rgb), 0.025); color: var(--default-text-color) } .table tbody.table-group-divider { border-top: 1px solid var(--default-border) } .table thead.table-danger, .table thead.table-dark, .table thead.table-info, .table thead.table-light, .table thead.table-primary, .table thead.table-secondary, .table thead.table-success, .table thead.table-warning { color: var(--bs-table-color); border-color: var(--bs-table-border-color); --bs-table-color: #000; --bs-table-striped-color: #000; background-color: #fff } .table.table-hover>tbody>tr:hover>* { --bs-table-accent-bg: var(--default-background); --bs-table-bg-state: var(--default-background); color: var(--default-text-color) } .table .table-active { --bs-table-accent-bg: rgb(var(--light-rgb)); color: var(--default-text-color) } .table thead.table-primary { --bs-table-striped-bg: rgba(var(--primary-rgb), 0.5); --bs-table-active-bg: rgba(var(--primary-rgb), 0.5); --bs-table-hover-bg: rgba(var(--primary-rgb), 0.5) } .table thead.table-secondary { --bs-table-bg: rgba(var(--secondary-rgb), 0.1); --bs-table-border-color: rgba(var(--secondary-rgb), 0.1); --bs-table-striped-bg: rgba(var(--secondary-rgb), 0.5); --bs-table-active-bg: rgba(var(--secondary-rgb), 0.5); --bs-table-hover-bg: rgba(var(--secondary-rgb), 0.5) } .table thead.table-warning { --bs-table-bg: rgba(var(--warning-rgb), 0.1); --bs-table-border-color: rgba(var(--warning-rgb), 0.1); --bs-table-striped-bg: rgba(var(--warning-rgb), 0.5); --bs-table-active-bg: rgba(var(--warning-rgb), 0.5); --bs-table-hover-bg: rgba(var(--warning-rgb), 0.5) } .table thead.table-success { --bs-table-bg: rgba(var(--success-rgb), 0.1); --bs-table-border-color: rgba(var(--success-rgb), 0.1); --bs-table-striped-bg: rgba(var(--success-rgb), 0.5); --bs-table-active-bg: rgba(var(--success-rgb), 0.5); --bs-table-hover-bg: rgba(var(--success-rgb), 0.5) } .table thead.table-danger { --bs-table-bg: rgba(var(--danger-rgb), 0.1); --bs-table-border-color: rgba(var(--danger-rgb), 0.1); --bs-table-striped-bg: rgba(var(--danger-rgb), 0.5); --bs-table-active-bg: rgba(var(--danger-rgb), 0.5); --bs-table-hover-bg: rgba(var(--danger-rgb), 0.5) } .table thead.table-info { --bs-table-bg: rgba(var(--info-rgb), 0.1); --bs-table-border-color: rgba(var(--info-rgb), 0.1); --bs-table-striped-bg: rgba(var(--info-rgb), 0.5); --bs-table-active-bg: rgba(var(--info-rgb), 0.5); --bs-table-hover-bg: rgba(var(--info-rgb), 0.5) } .table thead.table-light { --bs-table-bg: rgba(var(--light-rgb), 0.1); --bs-table-border-color: rgba(var(--light-rgb), 0.1); --bs-table-striped-bg: rgba(var(--light-rgb), 0.5); --bs-table-active-bg: rgba(var(--light-rgb), 0.5); --bs-table-hover-bg: rgba(var(--light-rgb), 0.5) } .table thead.table-dark { --bs-table-bg: rgba(var(--dark-rgb), 0.1); --bs-table-border-color: rgba(var(--dark-rgb), 0.1); --bs-table-striped-bg: rgba(var(--dark-rgb), 0.5); --bs-table-active-bg: rgba(var(--dark-rgb), 0.5); --bs-table-hover-bg: rgba(var(--dark-rgb), 0.5) } .table-primary { --bs-table-color: #000; --bs-table-striped-bg: rgba(var(--primary-rgb), 0.3); --bs-table-striped-color: #000; --bs-table-active-bg: rgba(var(--primary-rgb), 0.3); --bs-table-hover-bg: rgba(var(--primary-rgb), 0.3); color: #000; border-color: rgba(var(--primary-rgb), .1); background-color: #fff } .table-secondary { --bs-table-color: #000; --bs-table-bg: rgba(var(--secondary-rgb), 0.1); --bs-table-border-color: rgba(var(--secondary-rgb), 0.1); --bs-table-striped-bg: rgba(var(--secondary-rgb), 0.3); --bs-table-striped-color: #000; --bs-table-active-bg: rgba(var(--secondary-rgb), 0.3); --bs-table-hover-bg: rgba(var(--secondary-rgb), 0.3); color: #000; border-color: rgba(var(--secondary-rgb), .1); background-color: #fff } .table-warning { --bs-table-color: #000; --bs-table-bg: rgba(var(--warning-rgb), 0.1); --bs-table-border-color: rgba(var(--warning-rgb), 0.1); --bs-table-striped-bg: rgba(var(--warning-rgb), 0.3); --bs-table-striped-color: #000; --bs-table-active-bg: rgba(var(--warning-rgb), 0.3); --bs-table-hover-bg: rgba(var(--warning-rgb), 0.3); color: #000; border-color: rgba(var(--warning-rgb), .1); background-color: #fff } .table-success { --bs-table-color: #000; --bs-table-bg: rgba(var(--success-rgb), 0.1); --bs-table-border-color: rgba(var(--success-rgb), 0.1); --bs-table-striped-bg: rgba(var(--success-rgb), 0.3); --bs-table-striped-color: #000; --bs-table-active-bg: rgba(var(--success-rgb), 0.3); --bs-table-hover-bg: rgba(var(--success-rgb), 0.3); color: #000; border-color: rgba(var(--success-rgb), .1); background-color: #fff } .table-info { --bs-table-color: #000; --bs-table-bg: rgba(var(--info-rgb), 0.1); --bs-table-border-color: rgba(var(--info-rgb), 0.1); --bs-table-striped-bg: rgba(var(--info-rgb), 0.3); --bs-table-striped-color: #000; --bs-table-active-bg: rgba(var(--info-rgb), 0.3); --bs-table-hover-bg: rgba(var(--info-rgb), 0.3); color: #000; border-color: rgba(var(--info-rgb), .1); background-color: #fff } .table-danger { --bs-table-color: #000; --bs-table-bg: rgba(var(--danger-rgb), 0.1); --bs-table-border-color: rgba(var(--danger-rgb), 0.1); --bs-table-striped-bg: rgba(var(--danger-rgb), 0.3); --bs-table-striped-color: #000; --bs-table-active-bg: rgba(var(--danger-rgb), 0.3); --bs-table-hover-bg: rgba(var(--danger-rgb), 0.3); color: #000; border-color: rgba(var(--danger-rgb), .1); background-color: #fff } .table-dark { --bs-table-color: #000; --bs-table-bg: rgba(var(--dark-rgb), 0.1); --bs-table-border-color: rgba(var(--dark-rgb), 0.1); --bs-table-striped-bg: rgba(var(--dark-rgb), 0.3); --bs-table-striped-color: #000; --bs-table-active-bg: rgba(var(--dark-rgb), 0.3); --bs-table-hover-bg: rgba(var(--dark-rgb), 0.3); color: #000; border-color: rgba(var(--dark-rgb), .1); background-color: #fff } .table-light { --bs-table-color: #000; --bs-table-bg: rgba(var(--light-rgb), 0.1); --bs-table-border-color: rgba(var(--light-rgb), 0.1); --bs-table-striped-bg: rgba(var(--light-rgb), 0.3); --bs-table-striped-color: #000; --bs-table-active-bg: rgba(var(--light-rgb), 0.3); --bs-table-hover-bg: rgba(var(--light-rgb), 0.3); color: #000; border-color: rgba(var(--light-rgb), .1); background-color: #fff } .icons-list .icons-list-item i, .offcanvas, .switcher-style-head, body { color: var(--default-text-color) } [data-theme-mode=dark] .table-dark { border-color: #00000006 } [dir=rtl] .table { margin-inline-end: 1px } .toast { background-color: var(--custom-white); border: 1px solid var(--default-border); border-radius: .5rem } .callout, .flex-container div>div, .toast .toast-header { background-color: rgb(var(--light-rgb)) } .toast .toast-header { padding: .375rem .75rem; border-bottom: 1px solid var(--default-border) } .svg-icon-background svg, .tansaction-icon svg, .toast .toast-header img { width: 1.25rem; height: 1.25rem } .toast .toast-header .btn-close { margin-inline-end: .125rem } .toast .toast-body { font-size: .8rem } .toast .btn-close { font-size: .563rem } .toast.colored-toast { border: 0 !important; -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px) } .authentication .authentication-barrier:after, .authentication .authentication-barrier:before { width: 45%; height: .125rem; border-radius: 50%; inset-block-start: 0.563rem; z-index: 1; position: absolute; content: "" } .toast.colored-toast .btn-close, [data-theme-mode=dark] .qr-image, [dir=rtl][data-theme-mode=dark] .choices[data-type*=select-one] .choices__button { filter: invert(1) } .bd-example-toasts { min-height: 15rem } .authentication, .page, body { min-height: 100vh } .tooltip.tooltip-dark.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow:before, .tooltip.tooltip-dark.bs-tooltip-top .tooltip-arrow:before { border-top-color: rgb(var(--dark-rgb)) } .tooltip.tooltip-dark.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow:before, .tooltip.tooltip-dark.bs-tooltip-end .tooltip-arrow:before { border-right-color: rgb(var(--dark-rgb)) } .tooltip.tooltip-dark.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow:before, .tooltip.tooltip-dark.bs-tooltip-start .tooltip-arrow:before { border-left-color: rgb(var(--dark-rgb)) } .tooltip.tooltip-dark.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow:before, .tooltip.tooltip-dark.bs-tooltip-end .tooltip-arrow:before { border-bottom-color: rgb(var(--dark-rgb)) } .authentication .swiper-button-next, .authentication .swiper-button-prev { background-color: #ffffff0d; color: #ffffff80 !important } .authentication .swiper-pagination-bullet, .op-1 { opacity: .1 } .authentication .swiper-pagination-bullet-active, .op-5 { opacity: .5 } .pricing-basic:before, .pricing-premium:before, .pricing-pro:before { inset-block-start: 0.375rem; inset-inline-end: 0.375rem; opacity: .2 } .authentication .google-svg { width: .75rem; height: .75rem; margin-inline-end: .5rem } .authentication .authentication-barrier span, .pricing-svg1 { position: relative; z-index: 2 } .authentication .authentication-barrier:before { background-image: linear-gradient(to left, transparent, rgb(var(--light-rgb))); inset-inline-end: 0 } .authentication .authentication-barrier:after { background-image: linear-gradient(to left, rgb(var(--light-rgb)), transparent); inset-inline-start: 0 } .authentication .authentication-cover, .authentication.coming-soon .authentication-cover, .authentication.under-maintenance .authentication-cover { background-image: url('/public/sample/lo-re.svg') } .authentication.coming-soon .authentication-cover .aunthentication-cover-content, .authentication.under-maintenance .authentication-cover .aunthentication-cover-content { width: 100%; height: 100%; padding: 3rem; -webkit-backdrop-filter: none; backdrop-filter: none; background-color: var(--custom-white) } .authentication.coming-soon .authentication-cover .aunthentication-cover-content .coming-soon-time, .authentication.coming-soon .authentication-cover .aunthentication-cover-content .under-maintenance-time, .authentication.under-maintenance .authentication-cover .aunthentication-cover-content .coming-soon-time, .authentication.under-maintenance .authentication-cover .aunthentication-cover-content .under-maintenance-time { border: 2px dashed var(--black-1) } .authentication.coming-soon .authentication-cover .aunthentication-cover-content .authentication-brand, .authentication.under-maintenance .authentication-cover .aunthentication-cover-content .authentication-brand { width: auto; height: auto; border: 0 } .authentication .coming-soom-image-container img, .authentication .under-maintenance-image-container img { width: 100%; height: auto } .authentication .authentication-cover { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; position: relative } .authentication .authentication-cover:before { position: absolute; content: ""; width: 100%; height: 100%; inset-inline-start: 0; inset-inline-end: 0; inset-block-start: 0; inset-block-end: 0 } .authentication .authentication-cover .aunthentication-cover-content { width: 70%; height: 37.5rem; background-color: #0003; -webkit-backdrop-filter: blur(1.875rem); backdrop-filter: blur(1.875rem); padding: 2rem; position: relative } .authentication .authentication-cover .aunthentication-cover-content img { margin: 0 auto; width: 13.75rem; height: 13.75rem } .authentication .form-control-lg#four, .authentication .form-control-lg#one, .authentication .form-control-lg#three, .authentication .form-control-lg#two { padding-inline: 0 } .authentication .desktop-dark, .authentication .desktop-logo { height: 3rem; line-height: 2rem } body { font-size: .813rem; font-family: var(--default-font-family); font-weight: var(--default-font-weight); background-color: var(--default-body-bg-color); line-height: 1.5; text-align: start; overflow-x: clip; position: relative; display: flex; flex-direction: column; justify-content: flex-start } ::-webkit-scrollbar { width: 0; height: .25rem; transition: 50ms; background: rgb(var(--light-rgb)) } :hover::-webkit-scrollbar-thumb { background: rgb(var(--light-rgb)) } a, button { outline: 0 !important } .page { display: flex; flex-direction: column; justify-content: center } .main-content { padding: 0 .5rem } .bd-example>.dropdown-menu { position: static; display: block } .min-w-fit-content { min-width: fit-content } .scrollspy-example, .scrollspy-example-4 { height: 12.5rem; margin-block-start: 0.5rem; overflow: auto } .scrollspy-example-3 { height: 13.75rem; overflow: auto } .carousel-inner { border-radius: .35rem } .fixed-top, .sticky-top { position: static; margin: -1rem -1rem 0 } .fixed-bottom { position: static; margin: 1rem 0 -1rem -1rem } .bd-example-ratios .ratio { display: inline-block; width: 10rem; color: var(--text-muted); background-color: var(--primary01); border: var(--default-border); border-radius: .5rem } .bd-example-ratios-breakpoint .ratio-4x3 { width: 16rem } .bd-example-cssgrid .grid>*, .bd-example-row [class^=col] { padding-block-start: 0.75rem; padding-block-end: 0.75rem; background-color: rgba(var(--light-rgb), .75); border: 1px solid var(--default-border) } .bd-example-row-flex-cols .row { min-height: 10rem; background-color: rgba(var(--light-rgb), .5) } .grid { display: grid; grid-template-rows: repeat(var(--bs-rows, 1), 1fr); grid-template-columns: repeat(var(--bs-columns, 12), 1fr); gap: var(--bs-gap, 1.5rem) } .grid .g-start-2 { grid-column-start: 2 !important } .grid .g-col-2 { grid-column: auto/span 2 } .grid .g-start-3 { grid-column-start: 3 } .grid .g-col-3 { grid-column: auto/span 3 } .grid .g-col-4, .grid .g-col-md-4 { grid-column: auto/span 4 } .grid .g-col-6 { grid-column: auto/span 6 } .grid .g-start-6 { grid-column-start: 6 } .callout { padding: 1.25rem; margin-block-start: 1.25rem; margin-block-end: 1.25rem; border-inline-start: 0.25rem solid var(--default-border) } .callout-info { background-color: rgba(var(--info-rgb), .075); border-color: rgba(var(--info-rgb), .5) } .callout-warning { background-color: rgba(var(--warning-rgb), .075); border-color: rgba(var(--warning-rgb), .5) } .callout-danger { background-color: rgba(var(--danger-rgb), .075); border-color: rgba(var(--danger-rgb), .5) } .flex-container div { background-color: transparent; border: 0 } .flex-container div>div { border: 1px solid var(--custom-white) } .bd-example-position-utils { position: relative; padding: 2rem } .bd-example-position-utils .position-relative { height: 12.5rem; background-color: var(--default-background) } .bd-example-position-utils .position-absolute { width: 2rem; height: 2rem; background-color: var(--primary01); border-radius: .375rem } .bd-placeholder-img-lg { font-size: 3.5rem } .footer, .task-completed-card:hover, .task-inprogress-card:hover, .task-pending-card:hover { box-shadow: 0 .25rem 1rem var(--black-1) } .offcanvas { background-color: #fff; border-color: var(--default-border) !important } .offcanvas-body { flex-grow: 1; padding: 1rem; overflow-y: auto } @keyframes spin { 0% { transform: rotate(0) } to { transform: rotate(360deg) } } #switcher-canvas { width: 27.5rem } #switcher-canvas .offcanvas-body { padding: 0 0 4.75rem } #switcher-canvas .canvas-footer { padding: .75rem 1.563rem; position: absolute; inset-block-end: 0; width: 100%; background-color: var(--custom-white); border-block-start: 1px dashed var(--default-border) } #crm-main .apexcharts-canvas, #crm-main .apexcharts-svg, #leads-source { width: auto !important } #switcher-canvas #switcher-main-tab button.nav-link { border-radius: 0; color: var(--default-text-color); font-weight: 600 } #switcher-canvas #switcher-main-tab button.nav-link.active { color: rgb(var(--success-rgb)); background-color: rgba(var(--success-rgb), .2); border-color: transparent } #switcher-canvas #switcher-main-tab button.nav-link:hover { border-color: transparent } .switcher-style { padding: .875rem 1.563rem } .switcher-style h6 { margin-block-end: 0.625rem } .switcher-icon i { animation-name: spin; animation-duration: 3s; animation-iteration-count: infinite; animation-timing-function: linear } .product-checkout .form-floating input, .product-checkout .form-floating textarea, .switch-select .form-check-label { font-size: .813rem; font-weight: 600 } .switch-select.form-check { margin-block-end: 0; min-height: auto } .menu-image .bgimage-input { width: 3.5rem; height: 5.625rem; border-radius: .5rem; border: 0 } .menu-image .bgimage-input.form-check-input:focus { border-color: transparent; box-shadow: 0 0 0 .25rem var(--black-1) } .menu-image .bgimage-input.bg-img1 { background-image: url(http://127.0.1:8000/build/assets/images/menu-bg-images/bg-img1.jpg) !important } .menu-image .bgimage-input.bg-img1.form-check-input:checked[type=radio] { background-color: none } .menu-image .bgimage-input.bg-img2 { background-image: url(http://127.0.1:8000/build/assets/images/menu-bg-images/bg-img2.jpg) !important } .menu-image .bgimage-input.bg-img2.form-check-input:checked[type=radio] { background-color: none } .menu-image .bgimage-input.bg-img3 { background-image: url(http://127.0.1:8000/build/assets/images/menu-bg-images/bg-img3.jpg) !important } .menu-image .bgimage-input.bg-img3.form-check-input:checked[type=radio] { background-color: none } .menu-image .bgimage-input.bg-img4 { background-image: url(http://127.0.1:8000/build/assets/images/menu-bg-images/bg-img4.jpg) !important } .menu-image .bgimage-input.bg-img4.form-check-input:checked[type=radio] { background-color: none } .menu-image .bgimage-input.bg-img5 { background-image: url(http://127.0.1:8000/build/assets/images/menu-bg-images/bg-img5.jpg) !important } .menu-image .bgimage-input.bg-img5.form-check-input:checked[type=radio] { background-color: none } .theme-colors.switcher-style { padding: .938rem 1.563rem } .theme-colors .switch-select .color-input { width: 2rem; height: 2rem; border-radius: 50px } .theme-colors .switch-select .color-input.form-check-input:checked { border: 1px solid var(--input-border); position: relative; box-shadow: 0 .125rem #0a0a0a0a } .theme-colors .switch-select .color-input.form-check-input:checked:before { position: absolute; content: ""; font-family: tabler-icons !important; color: rgb(var(--success-rgb)); width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 1.35rem; font-weight: 600 } .theme-colors .switch-select .color-input.color-dark { background-color: #000 } .theme-colors .switch-select .color-input.color-primary-1 { background-color: #3a5892 } .theme-colors .switch-select .color-input.color-primary-2 { background-color: #5c90a3 } .theme-colors .switch-select .color-input.color-primary-3 { background-color: #a15adf } .theme-colors .switch-select .color-input.color-primary-4 { background-color: #4eac4c } .theme-colors .switch-select .color-input.color-primary-5 { background-color: #df5a5a } .theme-colors .switch-select .color-input.color-gradient { background-image: linear-gradient(to right top, var(--primary-color), #6e72a8) } .theme-colors .switch-select .color-input.color-transparent { background-image: url(http://127.0.1:8000/build/assets/images/menu-bg-images/transparent.png) !important } .theme-colors .switch-select .color-input.color-bg-1 { background-color: #141e60 } .theme-colors .switch-select .color-input.color-bg-2 { background-color: #084e73 } .theme-colors .switch-select .color-input.color-bg-3 { background-color: #5a2587 } .theme-colors .switch-select .color-input.color-bg-4 { background-color: #186533 } .theme-colors .switch-select .color-input.color-bg-5 { background-color: #784214 } .theme-colors .switch-select .form-check-input:checked[type=radio] { background-image: none } .theme-colors .switch-select .form-check-input:active { filter: brightness(100%) } .switcher-style-head { font-size: .8rem; font-weight: 600; margin-block-end: 0; background: rgb(var(--light-rgb)); padding: .313rem .625rem } .card, .img-thumbnail { background-color: var(--custom-white) } .aboutus-banner, .contact-page-banner, .main-profile-cover, .pricing-svg1:before, .scrollToTop { background-repeat: no-repeat; background-position: center } .switcher-style-head .switcher-style-description { float: right; font-size: .625rem; background-color: rgba(var(--secondary-rgb), .2); color: rgb(var(--secondary-rgb)); padding: .125rem .313rem; border-radius: .5rem } .gridjs-pagination .gridjs-pages, button.gridjs-sort { float: end !important } #switcher-home, #switcher-profile, .app-sidebar .slide-menu, .avatar-list-stacked, .main-chart-wrapper .chat-info .tab-pane { padding: 0 } .pickr-container-background .pickr .pcr-button, .pickr-container-primary .pickr .pcr-button { width: 2rem; height: 2rem; overflow: hidden; border-radius: 50%; border: 1px solid var(--input-border) } .pickr-container-background .pickr .pcr-button:after, .pickr-container-primary .pickr .pcr-button:after { content: ""; font-family: remixicon !important; color: #ffffffb3; line-height: 1.5; font-size: 1.25rem } .card { border: 1px solid var(--bootstrap-card-border) } .img-thumbnail { border: 1px solid var(--default-border) } #btcCoin .apexcharts-grid line, #btcCoin .apexcharts-xaxis line, #crm-conversion-ratio .apexcharts-grid line, #crm-conversion-ratio .apexcharts-grid-borders line, #crm-conversion-ratio .apexcharts-xaxis line, #crm-total-customers .apexcharts-grid line, #crm-total-customers .apexcharts-grid-borders line, #crm-total-customers .apexcharts-xaxis line, #crm-total-deals .apexcharts-grid line, #crm-total-deals .apexcharts-grid-borders line, #crm-total-deals .apexcharts-xaxis line, #crm-total-revenue .apexcharts-grid line, #crm-total-revenue .apexcharts-grid-borders line, #crm-total-revenue .apexcharts-xaxis line, #dshCoin .apexcharts-grid line, #dshCoin .apexcharts-xaxis line, #ethCoin .apexcharts-grid line, #ethCoin .apexcharts-xaxis line, #glmCoin .apexcharts-grid line, #glmCoin .apexcharts-xaxis line, #portfolio-value .apexcharts-grid line, #portfolio-value .apexcharts-grid-borders line, #returns-rate .apexcharts-grid line, #returns-rate .apexcharts-grid-borders line, #total-invested .apexcharts-grid line, #total-invested .apexcharts-grid-borders line, #total-investments .apexcharts-grid line, #total-investments .apexcharts-grid-borders line { stroke: transparent } #jvm-markers-labels-group text, .apexcharts-subtitle-text, .apexcharts-text.apexcharts-xaxis-label tspan, .apexcharts-text.apexcharts-yaxis-label tspan, .apexcharts-title-text, .apexcharts-yaxis .apexcharts-text { fill: var(--text-muted) } .apexcharts-tooltip, .btn-close:focus, .fc .fc-button-primary:focus, .fc .fc-button-primary:not(:disabled).fc-button-active:focus, .fc .fc-button-primary:not(:disabled):active:focus, .fc-timegrid-event-harness-inset .fc-timegrid-event, .fc-timegrid-event.fc-event-mirror, .fc-timegrid-more-link, .flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)), .flatpickr-day.inRange, .flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)) { box-shadow: none !important } .icons-list { list-style: none; margin: 0 -1px -1px 0; padding: 0; display: flex; flex-wrap: wrap } .icons-list .icons-list-item { text-align: center; height: 3rem; width: 3rem; display: flex; align-items: center; justify-content: center; border: 1px solid var(--default-border); margin: .25rem; border-radius: .25rem } .icons-list .icons-list-item i { font-size: 1.05rem } .fe { font-size: inherit !important } .bd-placeholder-img { margin: .125rem } .shadow-primary { box-shadow: 0 .25rem 1rem rgba(var(--primary-rgb), .3) !important } .shadow-secondary { box-shadow: 0 .25rem 1rem rgba(var(--secondary-rgb), .3) !important } .shadow-success { box-shadow: 0 .25rem 1rem rgba(var(--success-rgb), .3) !important } .shadow-info { box-shadow: 0 .25rem 1rem rgba(var(--info-rgb), .3) !important } .shadow-warning { box-shadow: 0 .25rem 1rem rgba(var(--warning-rgb), .3) !important } .shadow-danger { box-shadow: 0 .25rem 1rem rgba(var(--danger-rgb), .3) !important } .shadow-orange { box-shadow: 0 .25rem 1rem rgba(var(--orange-rgb), .3) !important } .shadow-purple { box-shadow: 0 .25rem 1rem rgba(var(--purple-rgb), .3) !important } .placeholder-xl { min-height: 1.5em } .bg-gray-700, .placeholder { background-color: var(--gray-7) } .scrollspy-example-2 { overflow: auto; height: 21.875rem; border: 1px solid var(--default-border); padding: .75rem; border-radius: .5rem } .about-main, .about-motto, .object-fit-container { display: flex; align-items: center; justify-content: center } .object-fit-container img, .object-fit-container video { width: 15.625rem; height: 15.625rem } .invoice-amount-input { width: 9.375rem } .choices-control .choices__inner { background-color: rgb(var(--light-rgb)) !important; border: 0 !important } .svg-icon-background { width: 2.5rem; height: 2.5rem; padding: .625rem; border-radius: .5rem; display: flex; align-items: center; justify-content: center } .invoice-quantity-container, .product-quantity-container { width: 8.75rem } .pricing-basic:before, .pricing-premium:before, .pricing-pro:before { position: absolute; content: ""; background-size: cover; background-repeat: no-repeat; background-position: center } .pricing-basic:before { background-image: url(http://127.0.1:8000/build/assets/images/media/backgrounds/1.png); width: 2.5rem; height: 2.5rem } .pricing-pro:before { background-image: url(http://127.0.1:8000/build/assets/images/media/backgrounds/2.png); width: 2.5rem; height: 2.5rem } .pricing-premium:before { background-image: url(http://127.0.1:8000/build/assets/images/media/backgrounds/3.png); width: 2.5rem; height: 2.5rem } .pricing-svg1 svg { width: 4rem; height: 4rem } .pricing-svg1:before { content: ""; position: absolute; background-size: cover; width: 6.5rem; height: 6.5rem; inset-block-start: -1rem; inset-inline-start: -1.25rem; inset-inline-end: 0; inset-block-end: 0; z-index: -1 } .pricing-offer .pricing-offer-details { position: absolute; width: 5.438rem; height: 3.75rem; background-color: var(--primary-color); color: #fff; font-size: .75rem; transform: rotate(45deg); display: flex; align-items: flex-end; justify-content: center; inset-inline-end: -2.063rem; inset-block-start: -1.25rem; padding: .313rem } [dir=rtl] .nft-details-auction-time, [dir=rtl] .pricing-offer-details { transform: rotate(315deg) } .teams-nav { max-height: calc(100vh - 9rem) } .main-chart-wrapper .chat-info .chat-calls-tab li, .main-chart-wrapper .chat-info .chat-groups-tab li, .main-chart-wrapper .chat-info .chat-users-tab li, .teams-nav ul li { padding: .625rem 1.25rem } .glightbox, .team-member-card { overflow: hidden } .team-member-card .avatar { position: absolute; inset-block-start: 65%; inset-inline-start: 38%; outline: rgba(0, 0, 0, .075) solid .25rem } .contact-action .contact-hover-buttons, .contact-action .contact-overlay, .contact-page-banner:before, .team-member-card .teammember-cover-image:before { position: absolute; inset-block-start: 0; inset-inline-end: 0 } .team-member-card .teammember-cover-image .card-img-top { width: 100%; height: 6.25rem } .team-member-card .teammember-cover-image:before { content: ""; width: 100%; height: 100%; background-color: var(--primary03); inset-inline-start: 0; inset-block-end: 0 } .team-member-card .teammember-cover-image .team-member-star { position: absolute; inset-block-start: 0.75rem; padding: .375rem; inset-inline-end: 0.75rem; background-color: #0000001a; border-radius: .5rem; width: 2rem; height: 2rem; display: flex; align-items: center; justify-content: center } .contact-action { position: relative; padding: 1.25rem } .contact-action .contact-overlay { width: 0; height: 100%; background-color: var(--primary07); inset-inline-start: 0; inset-block-end: 0; z-index: 1; border-radius: .5rem } .contact-action:hover .contact-overlay { width: 100%; height: 100%; top: 0; inset-inline-start: 0 } .contact-action:hover .contact-hover-btn, .contact-action:hover .contact-hover-dropdown, .contact-action:hover .contact-hover-dropdown1 { display: block; opacity: 1 } .contact-action .contact-hover-btn, .contact-action .contact-hover-dropdown, .contact-action .contact-hover-dropdown1 { opacity: 0; z-index: 2 } .contact-action .contact-hover-buttons { width: 100%; height: 100%; inset-inline-start: 0; inset-block-end: 0 } @media (min-width:1400px) and (max-width:1700px) { .team-member-card .team-member-details { max-width: 12rem } .contact-mail { max-width: 8.125rem } } .notification-container li .un-read { border-inline-start: 0.25rem solid var(--primary03) } .task-navigation ul.task-main-nav li { padding: .5rem; border-radius: var(--default-border); border-radius: .3rem; font-weight: 500 } .task-pending-card { border-inline-start: 0.45rem solid rgba(var(--secondary-rgb), 0.4) !important } .task-inprogress-card { border-inline-start: 0.45rem solid rgba(var(--primary-rgb), 0.4) !important } .task-completed-card { border-inline-start: 0.45rem solid rgba(var(--success-rgb), 0.4) !important } .border-start, pre[class*=language-]>code { border-inline-start: 1px solid var(--default-border) !important } .task-completed-card .card-body .badge, .task-inprogress-card .card-body .badge, .task-pending-card .card-body .badge { position: absolute; inset-block-end: 1.25rem; inset-inline-end: 1.25rem } .task-tabs-container .tab-pane { min-height: calc(100vh - 22rem); border: 0 } .terms-conditions { max-height: 44.75rem } .terms-heading:before { position: absolute; content: ""; width: 50%; height: .25rem; background: linear-gradient(to right, var(--primary-color), var(--primary01)); inset-inline-start: 25%; inset-block-end: -0.65rem; border-radius: .5rem } .avatar.avatar-radius-0, .avatar.avatar-radius-0 img, .card.card-fullscreen { border-radius: 0 } .contact-page-banner { position: relative; width: 100%; height: 25rem; background-image: url(http://127.0.1:8000/build/assets/images/media/media-68.jpg); background-size: cover; padding-block-start: 6.25rem } .contact-page-banner:before { content: ""; width: 100%; height: 100%; background-color: var(--primary08); inset-inline-start: 0; inset-block-end: 0 } .contact-page-banner div { z-index: 1; position: relative } @media (max-width:575px) { .overlay-card .card-text { font-size: .613rem !important } .contact-page-banner { display: flex; align-items: center; justify-content: center; padding-block-start: 0 } } .add-products .tab-style-2 .nav-item .nav-link, .contactus-form .tab-style-2 .nav-item .nav-link, .product-checkout .tab-style-2 .nav-item .nav-link { padding: .85rem 2rem } .blog-images-container .filepond--root, .contactus-form iframe, .content-wrapper { width: 100% } .reviews-container .card:before { content: ""; font-family: remixicon !important; position: absolute; width: 2.188rem; height: 2.188rem; font-size: 1.25rem; display: flex; align-items: center; border-radius: 3.125rem; justify-content: center; color: #fff; background-color: var(--primary-color); box-shadow: 0 0 .5rem var(--primary05); inset-inline-end: 1.125rem; inset-block-start: -1.125rem } #accordionFAQ { max-height: 31.25rem } .timeline li:before { content: ""; position: absolute; inset-block-start: 4.625rem; inset-block-end: -3rem; width: 1px; border: 1px dashed var(--primary02); inset-inline-start: 20%; margin-inline-start: -1.5px } .timeline>li { position: relative; min-height: 3.125rem; padding: .938rem 0 } .timeline .timeline-time { position: absolute; inset-inline-start: 0; width: 18%; inset-block-start: 3.35rem } .timeline .timeline-time .date, .timeline .timeline-time .time { display: block; font-weight: 500 } .timeline .timeline-time .date { line-height: 1rem; font-size: .6rem; margin-bottom: 0; color: var(--text-muted) } .timeline .timeline-time .time { line-height: 1.5rem; font-size: 1.125rem; color: var(--text-muted) } .timeline .timeline-icon { inset-inline-start: 15%; position: absolute; width: 10%; text-align: center; inset-block-start: 3.188rem } .timeline .timeline-icon a { width: .625rem; height: .625rem; display: inline-block; border-radius: 50%; background: rgb(var(--light-rgb)); color: var(--primary-color); line-height: .625rem; font-size: .875rem; border: .188rem solid var(--primary05) } .timeline .timeline-body { box-shadow: 0 1px 1rem #0000000d; margin-inline-start: 22%; margin-inline-end: 18%; background: var(--custom-white); position: relative; padding: .875rem 1.25rem; border-radius: .5rem } .timeline .timeline-body>div+div { margin-block-start: 0.938rem } .timeline-loadmore-container { margin-block-start: 3.5rem; margin-block-end: 1.5rem } .blog-caption { position: absolute; inset-inline-start: 1.5rem; inset-block-end: 1.5rem; padding: 0 } .popular-blog-content { max-width: 9rem } .blog-details-img { height: 450px } .blog-popular-tags .badge { margin: .313rem; font-size: .65rem } .blog-images-container .filepond--panel-root { border-color: var(--input-border) !important; border-radius: .5rem } #searchModal .input-group i, .blog-images-container .filepond--root .filepond--drop-label label, .main-chart-wrapper .chat-info .chat-groups-tab li.chat-msg-unread .chat-read-icon i, .main-chart-wrapper .chat-info .chat-users-tab li.chat-msg-unread .chat-read-icon i, .select2-selection__clear { color: var(--text-muted) } #blog-content, .landing-body.jobs-landing .landing-banner, .swiper-horizontal1 .swiper-slide { height: auto } .aboutus-banner:before, .main-profile-cover:before, .profile-timeline li:before { content: ""; position: absolute; height: 100% } @media screen and (max-width:991px) { .ql-toolbar.ql-snow .ql-formats { margin-block-end: 0.25rem !important } } .main-profile-cover { background-image: url(http://127.0.1:8000/build/assets/images/media/team-covers/4.jpg); background-size: cover; position: relative; z-index: 9 } .main-profile-cover:before { width: 100%; background-color: var(--primary08); inset-inline-start: 0; inset-inline-end: 0; inset-block-start: 0; inset-block-end: 0 } .main-profile-info { z-index: 10; position: relative } .profile-works img { width: 5.5rem; height: 5.5rem; border-radius: .3rem; margin-bottom: 1.25rem } .profile-timeline li { padding-inline-start: 5.313rem; position: relative; margin-block-end: 1.75rem } .profile-timeline li .profile-timeline-avatar { position: absolute; inset-inline-start: 2.125rem; inset-block-start: 0.188rem } .profile-timeline li:before { background-color: transparent; border: 1px dashed rgba(var(--dark-rgb), .1); inset-inline-start: 2.813rem; inset-block-start: 1.813rem } .profile-timeline .profile-activity-media img { width: 4rem; height: 3rem; border-radius: .5rem; margin: .25rem } .profile-recent-posts { max-width: 10rem } .profile-post-content { width: 42rem } #profile-posts-scroll { max-height: 35rem } .about-container { background-color: var(--custom-white); border-radius: .5rem; overflow: hidden; padding: 1.25rem } .aboutus-banner { width: 100%; background-image: url(http://127.0.1:8000/build/assets/images/media/media-79.jpg); background-size: cover; position: relative; display: flex; align-items: center; justify-content: flex-start; border-radius: .5rem; z-index: 9; margin-block-end: 3rem } .aboutus-banner:before { background-color: #000c; width: 100%; inset-inline-start: 0; inset-inline-end: 0; inset-block-start: 0; bottom: 0; border-radius: .3rem } .about-heading-white:before, .about-heading:before { border-radius: 3.125rem; position: absolute; content: "" } .aboutus-banner .aboutus-banner-content { z-index: 10; text-align: center; color: #fff } .about-heading-white:before { width: 100%; height: .25rem; background-image: linear-gradient(to right, #fff, rgba(255, 255, 255, .2)); bottom: -.625rem; inset-inline-start: 0.375rem } @media (max-width:1199.98px) { .aboutus-banner-img { display: none } } @media (min-width:1200px) { .aboutus-banner-img:after, .aboutus-banner-img:before { position: absolute; content: ""; width: 12.5rem; height: 12.5rem; background-color: #ffffff0f } .aboutus-banner-img { display: flex; align-items: center; justify-content: center; position: relative } .aboutus-banner-img:before { inset-block-start: 6rem; inset-inline-start: 11.875rem } .aboutus-banner-img:after { top: -2.625rem; inset-inline-end: 17.5rem } .aboutus-banner-img img { width: 100%; height: 17.5rem; z-index: 1 } } .motto-icon { width: 1.875rem; height: 1.875rem } .about-heading { position: relative; margin-block-end: 1rem } .about-heading:before { width: 60%; height: .25rem; background-image: linear-gradient(to right, rgb(var(--success-rgb)), rgba(var(--success-rgb), .2)); inset-block-end: -0.625rem; inset-inline-start: 0.375rem } [dir=rtl] .fullcalendar-events-activity li { padding: .25rem 2rem .25rem 1rem } .fullcalendar-events-activity li { margin-block-end: 0.75rem; font-size: .8125rem; padding: .25rem 1rem .25rem 2rem; position: relative } .fullcalendar-events-activity li:before { position: absolute; content: ""; width: .75rem; height: .75rem; border: .125rem solid var(--primary03); border-radius: 3.125rem; background-color: var(--custom-white); inset-inline-start: 0.25rem; inset-block-start: 0.563rem } .fullcalendar-events-activity li:after { position: absolute; content: ""; height: 100%; background-color: transparent; border-inline-end: 2px dashed var(--primary01); inset-inline-start: 0.563rem; inset-block-start: 1.25rem } .fullcalendar-events-activity li:last-child:after { border-inline-end: 0px dashed var(--default-border) } #full-calendar-activity { max-height: 21rem } #draggable-left .card, #draggable-right .card { cursor: move } .scrollToTop { background-color: var(--primary-color); color: #fff; position: fixed; bottom: 20px; inset-inline-end: 20px; align-items: center; justify-content: center; text-align: center; display: none; z-index: 10000; height: 2.5rem; width: 2.5rem; transition: background-color .1s linear; border-radius: .5rem; box-shadow: #64646e33 0 .438rem 1.813rem } [dir=rtl] .app-sidebar .fe-chevron-right, [dir=rtl] .avatar-list-stacked .ri-arrow-right-s-line, [dir=rtl] .chat-footer .btn-send, [dir=rtl] .recruiter .btn-icon.btn-sm, [dir=rtl] .reviews-container .card:before, [dir=rtl] .rtl-rotate, [dir=rtl] .sidemenu-toggle .header-link .header-link-icon, [dir=rtl] .sidemenu-toggle .open-toggle, [dir=rtl] .transform-arrow { transform: rotate(180deg) } #address-add { min-height: calc(1.5em + 2.75rem + var(--bs-border-width) * 2) } .project-list-title { max-width: 13.375rem } #project-descriptioin-editor { height: 200px; overflow: auto } .project-list-main .choices__inner { width: 150px !important } .swiper-related-jobs .swiper-button-next, .swiper-related-jobs .swiper-button-prev { background-color: rgb(var(--light-rgb)); color: var(--default-text-color) !important } @media screen and (min-width:623px) { .input-group.companies-search-input .choices { margin-block-end: 0 } .input-group.companies-search-input .choices__inner { border-radius: 0 !important; min-height: 100% !important } .input-group.companies-search-input .choices__list--dropdown .choices__item--selectable { padding-inline-end: 1rem } [dir=rtl] .input-group.companies-search-input .choices__inner { border-radius: 0 !important } } @media screen and (max-width:622px) { .input-group.companies-search-input .choices, .input-group.companies-search-input .form-control { margin-bottom: .5rem; border-radius: .5rem !important } .input-group.companies-search-input .btn, .input-group.companies-search-input .form-control { width: 100% !important; border-radius: .5rem !important } .input-group.companies-search-input { display: block } } .list-bullets li { position: relative; margin-block-end: -1px; border: 1px solid var(--default-border); list-style-type: circle; list-style-position: inside; padding: .75rem 1.25rem } .crm-contact-close-btn.btn-close { filter: invert(1); position: absolute; inset-inline-end: -0.625rem; inset-block-start: -0.625rem } #offcanvasExample { border-color: transparent !important } .contact-initiated, .deal-finalized, .lead-discovered, .lead-qualified, .need-identified, .negotiation { position: relative; margin-inline-start: 1rem } .contact-initiated:before, .deal-finalized:before, .lead-discovered:before, .lead-qualified:before, .need-identified:before, .negotiation:before { position: absolute; content: ""; width: .5rem; height: .5rem; border-radius: 50%; inset-inline-start: -0.875rem; inset-block-start: 0.4375rem } #leads-discovered .card.custom-card { border-inline-start: 0.4rem solid rgba(var(--primary-rgb), 0.4) !important } #leads-qualified .card.custom-card { border-inline-start: 0.4rem solid rgba(var(--warning-rgb), 0.4) !important } #contact-initiated .card.custom-card { border-inline-start: 0.4rem solid rgba(var(--success-rgb), 0.4) !important } #needs-identified .card.custom-card { border-inline-start: 0.4rem solid rgba(var(--info-rgb), 0.4) !important } #negotiation .card.custom-card { border-inline-start: 0.4rem solid rgba(var(--danger-rgb), 0.4) !important } #deal-finalized .card.custom-card { border-inline-start: 0.4rem solid rgba(var(--secondary-rgb), 0.4) !important } #contact-initiated .card.custom-card, #deal-finalized .card.custom-card, #leads-discovered .card.custom-card, #leads-qualified .card.custom-card, #needs-identified .card.custom-card, #negotiation .card.custom-card { margin-block-end: 0.5rem; touch-action: none } #contact-initiated .card.custom-card .card-body, #deal-finalized .card.custom-card .card-body, #leads-discovered .card.custom-card .card-body, #leads-qualified .card.custom-card .card-body, #needs-identified .card.custom-card .card-body, #negotiation .card.custom-card .card-body { padding: 1rem } #contact-initiated .card.custom-card .card-body .deal-description, #deal-finalized .card.custom-card .card-body .deal-description, #leads-discovered .card.custom-card .card-body .deal-description, #leads-qualified .card.custom-card .card-body .deal-description, #needs-identified .card.custom-card .card-body .deal-description, #negotiation .card.custom-card .card-body .deal-description { margin-inline-start: 2.25rem } .create-nft-item .filepond--root[data-style-panel-layout~=circle] { border-radius: .5rem; height: 15.75rem !important; width: 15.25rem !important } .create-nft-item .filepond--drop-label.filepond--drop-label label { padding: 2em } .create-nft-item .filepond--drop-label, .flatpickr-time .flatpickr-am-pm, .flatpickr-time .flatpickr-time-separator { color: var(--text-muted) !important } .create-nft-item .filepond--panel-root { border: .125rem dashed var(--input-border) !important } .create-nft-item .filepond--root[data-style-panel-layout~=circle] .filepond--image-preview-wrapper { border-radius: .3rem } .create-nft-item .filepond--drop-label label { font-size: .75rem } .create-nft-item .filepond--file, .create-nft-item .filepond--root[data-style-panel-layout~=circle] .filepond--image-preview-wrapper { height: 15.75rem; width: 15.25rem !important } .nft-details-auction-time { position: absolute; width: 400px; height: 1.875rem; background-color: rgb(var(--success-rgb)); display: flex; align-items: center; justify-content: center; color: #fff; top: 3.125rem; font-weight: 500; inset-inline-end: -8.4375rem; transform: rotate(45deg); z-index: 10 } .nft-wallet { position: relative; text-align: center; box-shadow: none !important; border: 1px solid var(--default-border) !important; border-radius: .5rem } .border-bottom.border-primary, .border-end.border-primary, .border-start.border-primary, .border-top.border-primary, .border.border-primary.border-opacity-100, .nft-wallet.active { border-color: var(--primary-color) !important } .nft-list li:hover { background-color: var(--default-background); color: var(--primary-color) } #loader, .nav.panel-tabs-task a, .nft-tag { background-color: var(--custom-white) } .file-manager-container ul.files-main-nav li.active, .main-chart-wrapper .chat-info .nav-link.active, .nft-tag.nft-tag-primary.active .nft-tag-icon, .nft-tag.nft-tag-primary:hover .nft-tag-icon { background-color: var(--primary01) } .nft-tag.nft-tag-dark .nft-tag-icon, .nft-tag.nft-tag-dark.active, .nft-tag.nft-tag-dark:hover { color: rgb(var(--dark-rgb)) } .nft-tag.nft-tag-dark.active .nft-tag-icon, .nft-tag.nft-tag-dark:hover .nft-tag-icon { background-color: rgba(var(--dark-rgb), .1) } .nft-tag .nft-tag-text { font-weight: 600; display: inline-block; padding: 0 1.25rem 0 .5rem } .nft-tag .nft-tag-icon { display: inline-block; padding: .75rem 1rem; border-radius: 50%; background-color: rgb(var(--light-rgb)) } .nft-tag { position: relative; display: inline-flex; align-items: center; border: 1px solid var(--custom-white); border-radius: 50rem; color: var(--default-text-color) } .nft-btn, .nft-timer-container { color: #fff; position: absolute; display: inline-flex } .nft-timer-container { inset-inline-start: 0; top: 5%; align-items: center; padding: .2rem .7rem; border-start-start-radius: 0px; border-start-end-radius: 50rem; border-end-end-radius: 50rem; border-end-start-radius: 0px; font-weight: 500; background: rgba(255, 255, 255, .1) } .card.custom-card.crm-highlight-card:after, .currency-exchange-card:before, .custom-card.upgrade-card:before, .error-page, .featured-nft img { background-size: cover; background-repeat: no-repeat; background-position: center } .nft-btn { inset-inline-end: 5%; bottom: 5%; height: 2rem; width: 2rem; padding: 5px; border-radius: 50%; background-color: #ffffff1a; font-size: 1rem; align-items: center; justify-content: center; transition: .3s; z-index: 1 } .nft-img { border-radius: .5rem; max-height: 10rem; width: 100% } #analytics-bouncerate, #btc-currency-chart, #dash-currency-chart, #eos-currency-chart, #eth-currency-chart, #glm-currency-chart, #ltc-currency-chart, #monero-currency-chart, #xrs-currency-chart { position: absolute; inset-block-end: 0 } .currency-exchange-card { position: relative; background-color: var(--primary-color) !important; box-shadow: none; min-height: 21.875rem; z-index: 10 } .currency-exchange-card:before { position: absolute; content: ""; height: 100%; width: 100%; background-image: url(http://127.0.1:8000/build/assets/images/media/media-1.jpg); z-index: 0; opacity: .1 } .currency-exchange-card .currency-exchange-area { background-color: rgba(var(--dark-rgb), .1); -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); z-index: 1; position: relative } .ecommerce-bankoffer-details, .ecommerce-sale-days { opacity: .8; -webkit-backdrop-filter: blur(1.875rem) } .currency-exchange-card .currency-exchange-area .form-control { line-height: 1.96 } #loader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; z-index: 9999 } .kanban-board { width: 370px } [class*=" ri-"], [class^=ri-] { display: inline-flex } #create-task .choices__list--dropdown, #create-task .choices__list[aria-expanded], .border.border-0, .numInputWrapper span { border: 0 !important } .flatpickr-monthDropdown-months, .numInput, .text-black, [data-theme-mode=dark] .card-bg-light { color: var(--custom-black) !important } .d-inline-table { display: inline-table } .table>:not(caption)>*>* { --bs-body-bg: var(--custom-white); --bs-table-bg: var(--custom-white); color: var(--default-text-color) } .blockquote-footer, .card.custom-card, .dropdown-item-text, [data-theme-mode=light][data-default-header-styles=transparent] .page-header-breadcrumb h4, [data-theme-mode=light][data-header-styles=transparent] .page-header-breadcrumb h4 { color: var(--default-text-color) !important } [data-theme-mode=light][data-default-header-styles=transparent] .app-header .main-header-container .form-control, [data-theme-mode=light][data-header-styles=transparent] .app-header .main-header-container .form-control { background: rgba(0, 0, 0, .05) !important; color: var(--default-text-color); box-shadow: none } [data-default-header-styles=color] .page-header-breadcrumb, [data-default-header-styles=dark] .page-header-breadcrumb, [data-default-header-styles=gradient] .page-header-breadcrumb, [data-default-header-styles=light] .page-header-breadcrumb, [data-default-header-styles=transparent] .page-header-breadcrumb { margin: 0 0 -32px } .form-floating>.form-control:not(:-moz-placeholder-shown)~label:after { background-color: transparent !important } .form-floating>.form-control-plaintext~label:after, .form-floating>.form-control:focus~label:after, .form-floating>.form-control:not(:placeholder-shown)~label:after, .form-floating>.form-select~label:after { background-color: transparent !important } .form-floating>.form-control:not(:-moz-placeholder-shown)~label { color: var(--text-muted) !important; font-weight: 600 } .form-floating>.form-control-plaintext~label, .form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label { color: var(--text-muted) !important; font-weight: 600 } hr { border-color: var(--default-border); opacity: 1 } [dir=rtl] .dropdown-menu { --bs-position: start } [dir=rtl] .app-header .dropdown-menu-end, [dir=rtl] .dropdown-menu-end { --bs-position: end } [dir=rtl] .bi-skip-backward:before { content: "" } [dir=rtl] .bi-skip-forward:before { content: "" } [dir=rtl] #bitcoin-price-graph, [dir=rtl] #btc-chart1, [dir=rtl] #bytecoin-chart, [dir=rtl] #dash-chart1, [dir=rtl] #dash-price-graph, [dir=rtl] #eos-chart, [dir=rtl] #eth-chart1, [dir=rtl] #etherium-price-graph, [dir=rtl] #glm-chart, [dir=rtl] #iota-chart, [dir=rtl] #iota-price-graph, [dir=rtl] #lite-chart, [dir=rtl] #monero-chart, [dir=rtl] #neo-price-graph, [dir=rtl] #ripple-chart, [dir=rtl] #ripple-price-graph { float: right } .main-card-icon { inset-block-end: 0.75rem; inset-inline-end: 1rem; position: absolute; padding: .75rem; border-radius: .5rem } .timeline-main { padding-inline-start: 1.77rem } .latest-timeline ul.timeline-main:before { content: ""; border-inline-start: 0.125rem dotted var(--default-border); position: absolute; inset-inline-start: 0.25rem; width: 1px; height: 84%; z-index: 0; inset-block-start: 0.75rem } .numInputWrapper span.arrowDown:after, .numInputWrapper span.arrowUp:after { border-inline-start: 0.25rem solid transparent !important; border-inline-end: 0.25rem solid transparent !important } .latest-timeline .timeline-main li.activity { padding: 0; position: relative; margin-block-end: 0.5rem } .featured_icon1 { width: .438rem; height: .438rem; line-height: 3.75rem; margin-inline-start: -1.625rem !important; color: #000; font-size: .625rem; background-color: var(--primary-color); position: relative; border-radius: 1.125rem; inset-block-start: 0.75rem } .error-text, .main-chart-wrapper .chat-info .chat-groups-tab li .chat-read-icon, .main-chart-wrapper .chat-info .chat-users-tab li .chat-read-icon { line-height: 1 } .tansaction-icon { padding: .375rem; border-radius: .25rem; margin-inline-end: .75rem } .recent-transactions-card .list-group-item { padding: .75rem 1.25rem } .nav.panel-tabs-task a.active { border-radius: .5rem; color: rgb(var(--info-rgb)) !important; background-color: rgba(var(--info-rgb), .1) } .nav.panel-tabs-task a { padding: .4rem .5rem !important; font-size: .711rem; transition: .3s } .billing-invoice-details { width: 11rem } #visitors-countries { height: 23.9rem } #visitors-countries circle:first-child { fill: var(--primary-color); stroke: var(--primary03); stroke-width: 30 } #visitors-countries circle:nth-child(2) { fill: rgb(var(--secondary-rgb)); stroke: rgba(var(--secondary-rgb), 0.2); stroke-width: 30 } #visitors-countries circle:nth-child(3) { fill: rgb(var(--danger-rgb)); stroke: rgba(var(--danger-rgb), 0.2); stroke-width: 30 } #visitors-countries circle:nth-child(4) { fill: rgb(var(--info-rgb)); stroke: rgba(var(--info-rgb), 0.2); stroke-width: 30 } #visitors-countries circle:nth-child(5) { fill: rgb(var(--orange-rgb)); stroke: rgba(var(--orange-rgb), 0.2); stroke-width: 30 } #visitors-countries circle:nth-child(6) { fill: rgb(var(--warning-rgb)); stroke: rgba(var(--warning-rgb), 0.2); stroke-width: 30 } #visitors-countries circle:nth-child(7) { fill: rgb(var(--success-rgb)); stroke: rgba(var(--success-rgb), 0.2); stroke-width: 30 } #visitors-countries circle:nth-child(8) { fill: rgb(var(--pink-rgb)); stroke: rgba(var(--pink-rgb), 0.2); stroke-width: 30 } #visitors-countries circle:nth-child(9) { fill: rgb(var(--dark-rgb)); stroke: rgba(var(--dark-rgb), 0.2); stroke-width: 30 } #visitors-countries circle:nth-child(10) { fill: #4d5ddb; stroke: #4d5ddb33; stroke-width: 30 } .panel-tabs-billing li a.active { font-weight: 500; color: rgb(var(--success-rgb)) } .panel-tabs-billing li a { padding: .25rem .5rem; border-radius: .5rem; font-size: .75rem } #analytics-followers circle, #analytics-views circle, #sale-value .apexcharts-radialbar-hollow, .apexcharts-radialbar-hollow { fill: var(--custom-white) } #analytics-followers #apexcharts-radialbarTrack-0, #analytics-views #apexcharts-radialbarTrack-0, #sale-value #apexcharts-radialbarTrack-0, .apexcharts-radialbar-track.apexcharts-track path { stroke: rgb(var(--light-rgb)) } .latest-timeline { max-height: 24rem } #sale-value .apexcharts-datalabels-group text { fill: var(--primary-color) !important } [dir=rtl] #salesOverview .apexcharts-yaxis-texts-g { transform: translate(-1rem) } [dir=rtl] #salesOverview .apexcharts-yaxis-title { transform: translate(-3rem) } @media screen and (max-width:400px) { .btn-close.custom-close { margin: 9px 9px 9px 0 } .choices__inner .choices__list--multiple .choices__item { margin-block-end: 0.25rem !important } #salesOverview .apexcharts-toolbar { display: none } } @media (max-width:1399.99px) { .sales-visitors-countries { border-block-end: 1px dashed var(--default-border) } } .ecommerce-icon svg { width: 1.75rem; height: 1.75rem; padding: .35rem; border-radius: .5rem } .ecommerce-sale-image img { height: 16.625rem } .ecommerce-sale-image:before { position: absolute; content: ""; width: 100%; height: 100%; background-color: #0009 } .ecommerce-bankoffer-details { font-size: .75rem; width: 70%; border-radius: .5rem; background-color: #ffffff40; padding: .625rem; backdrop-filter: blur(1.875rem) } .ecommerce-sale-days { position: absolute; bottom: 1.25rem; font-size: .75rem; border-radius: .5rem; background-color: #ffffff40; padding: .25rem .625rem; backdrop-filter: blur(1.875rem) } .ecommerce-sales-calendar, .nft-auction-time { -webkit-backdrop-filter: blur(1.875rem); position: absolute } .ecommerce-sales-calendar { inset-inline-end: 1.875rem; background-color: #ffffff40; padding: .5rem .625rem; border-radius: .3rem; backdrop-filter: blur(1.875rem) } .active-tab tr:hover .orders-arrow i { color: var(--primary-color); font-weight: 600; transition: cubic-bezier(.075, .82, .165, 1) } @media (max-width:400px) { .contact-mail { max-width: 8.125rem } [dir=rtl] #earnings .apexcharts-inner .apexcharts-xaxis { transform: translateY(1.25rem) } } .earning:before { content: ""; position: absolute; top: .438rem; inset-inline-start: -0.813rem; bottom: .313rem; width: .5rem; height: .5rem; border-radius: 3.125rem } .earning.second-half:before { background-color: #e4e7ed } .top-country-name { width: 4.5rem } .crypto-list .list-group-item { padding: .8rem 1.25rem } #buy-crypto .choices__inner, #sell-crypto .choices__inner { min-width: 5rem !important } #buy-crypto .choices__list--dropdown .choices__item--selectable, #buy-crypto .choices__list[aria-expanded] .choices__item--selectable, #sell-crypto .choices__list--dropdown .choices__item--selectable, #sell-crypto .choices__list[aria-expanded] .choices__item--selectable { padding-inline-end: 0 !important } .basic-subscription:before, .pro-subscription:before { content: ""; position: absolute; width: .5rem; height: .5rem; inset-inline-start: -0.938rem; border-radius: .3rem; inset-block-start: 0.6rem } #recent-jobs { max-height: 22.5rem } #candidates-chart .apexcharts-datalabels-group text, #crm-leadsbysource .apexcharts-datalabels-group text, #jobs-summary .apexcharts-pie text, #sessions .apexcharts-datalabels-group text, .ql-snow .ql-fill { fill: var(--default-text-color) !important } .main-header-container .header-link-icon, .main-header-container .header-link.show .header-link-icon, .main-header-container .header-link:hover .header-link-icon { fill: var(--header-prime-color); color: var(--header-prime-color) } .recent-recruiter { max-width: 7rem } #nft-collections-slide .card.custom-card .card-footer { padding: 1.05rem 1.25rem } .nft-table.table td, .nft-table.table th { padding: .83rem } .nft-table2.table td, .nft-table2.table th { padding: .78rem } .featured-nft { width: 100%; height: 13rem; border-radius: .5rem } .featured-nft img { width: 100%; height: 100%; border-radius: .5rem } .nft-auction-time { top: 3.5rem; inset-inline-end: 1rem; padding: .25rem .5rem; background-color: #ffffff26; border-radius: .3rem; backdrop-filter: blur(1.875rem) } .nft-like-section { position: absolute; inset-block-start: 1rem } .nft-like-badge { background-color: #ffffff26; -webkit-backdrop-filter: blur(1.875rem); backdrop-filter: blur(1.875rem) } .course-status-progress, .nft-collector-progress { width: 3.125rem } .nft-featuredcollect-image { height: 8.813rem !important; border-radius: .5rem; position: relative } .nft-featuredcollect-image:before { position: absolute; content: ""; width: 100%; height: 100%; background-color: #0000001a } #top-collector { max-height: 28.375rem } #analytics-views .apexcharts-datalabels-group text, .category-link.warning .category-svg, .svg-warning { fill: rgb(var(--warning-rgb)) } #analytics-followers .apexcharts-datalabels-group text, .category-link.secondary .category-svg, .svg-secondary { fill: rgb(var(--secondary-rgb)) } .analytics-visitors-countries li { margin-block-end: 1.385rem } .analytics-visitors-countries li .progress { width: 6.25rem } .custom-card.upgrade-card { height: 11.625rem; position: relative; overflow: hidden; background-color: var(--primary-color) !important; background-repeat: no-repeat } .custom-card.upgrade-card:before { content: ""; position: absolute; background-image: url(http://127.0.1:8000/build/assets/images/media/media-85.png); inset-inline-start: 0; inset-block-start: 0; inset-inline-end: 0; inset-block-end: 0; opacity: .15 } .custom-card.upgrade-card .avatar { position: absolute; inset-block-start: -0.6875rem; inset-inline-end: 1.5rem } .custom-card.upgrade-card .upgrade-card-content { position: absolute; inset-block-end: 1rem } .crm-deals-forecast-revenue li, .daily-task-card li, .projects-maintask-card li { margin-block-end: 1.25rem } .project-transactions-card li { margin-block-end: 1.45rem } .projects-tracking-card { background-color: #fff; position: relative } .apexcharts-canvas .apexcharts-toolbar, .projects-tracking-card .card-body { z-index: 1 } .projects-tracking-card img { width: 15.5rem; height: 9.5rem } .op-2, .shape-1 i, .shape-10 i, .shape-11 i, .shape-12 i, .shape-13 i, .shape-14 i, .shape-15 i, .shape-16 i, .shape-2 i, .shape-3 i, .shape-4 i, .shape-5 i, .shape-6 i, .shape-7 i, .shape-8 i, .shape-9 i { opacity: .2 } @-webkit-keyframes animate { 0% { -webkit-transform: translateY(0) rotate(0); opacity: 1 } to { -webkit-transform: translateY(-90px) rotate(360deg); opacity: 0 } } @keyframes animate { 0% { -webkit-transform: translateY(0) rotate(0); opacity: 1 } to { -webkit-transform: translateY(-90px) rotate(360deg); opacity: 0 } } .shape-1 { inset-inline-start: 20%; inset-block-start: 20%; animation: 4s linear infinite animate } .shape-2 { inset-inline-start: 5%; inset-block-start: 42%; animation: 5s linear infinite animate } .shape-3 { inset-inline-end: 15%; inset-block-end: 55%; animation: 7s linear infinite animate } .shape-4 { inset-inline-start: 55%; inset-block-start: 25%; animation: 10s linear infinite animate } .shape-5 { inset-inline-start: 50%; inset-block-end: 30%; animation: 8s linear infinite animate } .shape-16, .shape-7 { inset-inline-start: 20% } .shape-6 { inset-inline-end: 10%; inset-block-end: 10%; animation: 4s linear infinite animate } .shape-7, .shape-8 { inset-block-end: 17% } .shape-7 { animation: 5s linear infinite animate } .shape-16, .shape-8 { animation: 7s linear infinite animate } .shape-8 { inset-inline-end: 20% } .shape-16 { inset-block-start: 5% } .shape-13, .shape-15 { inset-inline-start: 5% } .shape-15 { inset-block-start: 42%; animation: 11s linear infinite animate } .shape-13, .shape-14 { animation: 3s linear infinite animate } .shape-14 { inset-inline-end: 15%; inset-block-end: 55% } .shape-13 { inset-block-start: 25% } .shape-12 { inset-inline-start: 50%; inset-block-end: 3%; animation: 9s linear infinite animate } .shape-11 { inset-inline-end: 10%; inset-block-end: 10%; animation: 5s linear infinite animate } .shape-10 { inset-inline-start: 22%; inset-block-end: 9%; animation: 3s linear infinite animate } .shape-9 { inset-inline-end: 2%; inset-block-end: 7%; animation: 6s linear infinite animate } [dir=rtl] #projectAnalysis .apexcharts-canvas .apexcharts-yaxis .apexcharts-yaxis-texts-g { transform: translate(.5rem) } .crm-recent-activity li { padding-block-end: 1.3rem } .crm-recent-activity li:last-child { padding-block-end: 0 } .crm-recent-activity .crm-timeline-content { width: 15.5rem } .crm-recent-activity .crm-recent-activity-content:before { position: absolute; content: ""; width: 1px; background-color: transparent; inset-block-start: 1.4375rem; inset-inline-start: 0.5625rem } .crm-recent-activity .crm-recent-activity-content:first-child:before { border-inline-end: 1px dashed var(--primary02); height: 60% } .crm-recent-activity .crm-recent-activity-content:nth-child(2):before { border-inline-end: 1px dashed rgba(var(--secondary-rgb), 0.2); height: 68% } .crm-recent-activity .crm-recent-activity-content:nth-child(3):before { border-inline-end: 1px dashed rgba(var(--success-rgb), 0.2); height: 42% } .crm-recent-activity .crm-recent-activity-content:nth-child(4):before { border-inline-end: 1px dashed rgba(var(--pink-rgb), 0.2); height: 60% } .crm-recent-activity .crm-recent-activity-content:nth-child(5):before { border-inline-end: 1px dashed rgba(var(--warning-rgb), 0.2); height: 47% } .crm-recent-activity .crm-recent-activity-content:nth-child(6):before { border-inline-end: 1px dashed rgba(var(--info-rgb), 0.2); height: 60% } .crm-recent-activity .crm-recent-activity-content:nth-child(7):before { border-inline-end: 1px dashed rgba(var(--dark-rgb), 0.2); height: 50% } .card.custom-card.crm-highlight-card { position: relative; overflow: hidden; background-color: var(--primary-color) !important; box-shadow: none } .card.custom-card.crm-highlight-card:after { position: absolute; content: ""; height: 100%; width: 100%; background-image: url(http://127.0.1:8000/build/assets/images/media/media-65.png); z-index: 0; opacity: .2 } .card.custom-card.crm-highlight-card .card-body { z-index: 10 } .crm-lead-legend:before, .hrm-jobs-legend:before { position: absolute; content: ""; width: .375rem; height: .375rem; border-radius: .5rem; inset-block-start: 0.375rem; inset-inline-start: -0.625rem } .crm-leadsinprogress li { margin-block-end: 1.3rem } .leads-source-chart .lead-source-value { position: absolute; text-align: center } #crm-main circle, .apexcharts-pie .apexcharts-datalabels rect { fill: transparent } #crm-main .apexcharts-datalabels-group text { fill: #ffffffe6 } #crm-main #apexcharts-radialbarTrack-0 { stroke: #0003 } .crm-main-content { position: absolute; bottom: 20px } .crm-top-deals li { margin-block-end: 0.9rem } #crm-revenue-analytics .apexcharts-title-text { transform: translateY(.625rem) } #leads-source { height: 18rem !important } .crm-deals-status li { position: relative; margin-block-end: 1rem; margin-inline-start: 1rem } .crm-deals-status li:before { content: ""; position: absolute; width: .5rem; height: .5rem; inset-block-start: 0.375rem; inset-inline-start: -1rem; border-radius: 50% } [dir=rtl] #earnings .apexcharts-yaxis-title { transform: translate(-5.3125rem) } [dir=rtl] #bar-basic .apexcharts-yaxis.apexcharts-xaxis-inversed .apexcharts-text.apexcharts-yaxis-label.apexcharts-yaxis-label { transform: translate(-4.375rem) } #top-country-deals { height: 14.5rem; display: flex; align-items: center; justify-content: center } #lines-map #jvm-regions-group path, #marker-image-map #jvm-regions-group path, #marker-map #jvm-regions-group path, #top-country-deals #jvm-regions-group path, #users-map #jvm-regions-group path, #vector-map #jvm-regions-group path, #visitors-countries #jvm-regions-group path { fill: rgb(var(--light-rgb)) !important } #top-country-deals circle { right: 5 } #top-country-deals circle:first-child { fill: var(--primary-color); stroke: var(--primary03); stroke-width: 20 } #top-country-deals circle:nth-child(2) { fill: rgb(var(--secondary-rgb)); stroke: rgba(var(--secondary-rgb), 0.2); stroke-width: 20 } #top-country-deals circle:nth-child(3) { fill: rgb(var(--danger-rgb)); stroke: rgba(var(--danger-rgb), 0.2); stroke-width: 20 } #top-country-deals circle:nth-child(4) { fill: rgb(var(--info-rgb)); stroke: rgba(var(--info-rgb), 0.2); stroke-width: 20 } #top-country-deals circle:nth-child(5) { fill: rgb(var(--warning-rgb)); stroke: rgba(var(--warning-rgb), 0.2); stroke-width: 20 } #top-country-deals circle:nth-child(6) { fill: rgb(var(--success-rgb)); stroke: rgba(var(--success-rgb), 0.2); stroke-width: 20 } .card.custom-card.hrm-main-card { border-top-width: 3px; border-top-style: solid } .card.custom-card.hrm-main-card.primary { border-color: var(--primary03) } .card.custom-card.hrm-main-card.secondary { border-color: rgba(var(--secondary-rgb), .3) } .card.custom-card.hrm-main-card.warning { border-color: rgba(var(--warning-rgb), .3) } .card.custom-card.hrm-main-card.danger { border-color: rgba(var(--danger-rgb), .3) } .timeline-widget:before { position: absolute; content: ""; width: .125rem; height: 100%; background-color: var(--default-border); inset-block-start: 0; inset-inline-start: 3rem } .timeline-widget .timeline-widget-list { margin-block-end: 1.5rem; position: relative } .timeline-widget .timeline-widget-list:before { content: ""; position: absolute; width: .75rem; height: .75rem; inset-inline-start: 2.688rem; top: .25rem; border-radius: 3.125rem; border: .125rem solid var(--default-border); background-color: var(--custom-white) } .timeline-widget .timeline-widget-list .timeline-widget-content { max-width: 20rem } .hrm-jobs-legend.private:before { background-color: var(--primary05) } .hrm-jobs-legend.onhold:before, .landing-body .landing-main-footer { background-color: #232323 } @media (max-width:404px) { [dir=rtl] #performanceReport .apexcharts-xaxis { transform: translateY(20px) } } @media (max-width:525px) { [dir=rtl] #subscriptionOverview .apexcharts-xaxis { transform: translateY(40px) } } .my-stocks-ul li { padding: .87rem 1rem; border-bottom: 1px dashed var(--default-border) } .landing-body .app-sidebar, .my-stocks-ul li:last-child, .total-mails .mail-messages li:last-child { border-bottom: 0 } .category-link { padding: 1.25rem; border-radius: .5rem; border: 1px solid var(--default-border); display: flex; flex-direction: column; align-items: center; justify-content: center; color: var(--text-muted); transition: .3s } .category-link.primary .category-svg, .svg-primary { fill: var(--primary-color) } .category-link.success .category-svg, .svg-success { fill: rgb(var(--success-rgb)) } .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-value, .apexcharts-pie text, .svg-default { fill: var(--default-text-color) } .category-link .category-svg { height: 1.875rem; width: 1.875rem; margin-block-end: 1rem; transition: .3s } .category-link.primary.active, .category-link.primary:not(.active):hover { color: var(--primary-color); background-color: var(--primary01); border-color: var(--primary02) } .category-link.secondary.active, .category-link.secondary:not(.active):hover { color: rgb(var(--secondary-rgb)); background-color: rgba(var(--secondary-rgb), .1); border-color: rgba(var(--secondary-rgb), .2) } .category-link.warning.active, .category-link.warning:not(.active):hover { color: rgb(var(--warning-rgb)); background-color: rgba(var(--warning-rgb), .1); border-color: rgba(var(--warning-rgb), .2) } .category-link.success.active, .category-link.success:not(.active):hover { color: rgb(var(--success-rgb)); background-color: rgba(var(--success-rgb), .1); border-color: rgba(var(--success-rgb), .2) } .courses-instructors li, .main-chart-wrapper .chat-content ul li, .main-chart-wrapper .chat-user-details .shared-files li, .personal-favourite-contacts li, .personal-goals-list li, .personal-messages-list li, .personal-upcoming-events li { margin-block-end: 1rem } [dir=rtl] #courses-earnings .apexcharts-yaxis { transform: translate(1.625rem) } .personal-messages-list li .message { max-width: 15rem } #calendar-container, .circle-progress { position: relative; z-index: 1 } #particles-js, .circle-progress:after, .error-page { position: absolute; width: 100% } .circle-progress:after { content: ""; height: 100%; border-radius: 50%; top: 0; inset-inline-end: 0; background-image: linear-gradient(102deg, transparent 41%, var(--primary05) 0), linear-gradient(90deg, #f3f3f3 50%, transparent 50%); z-index: -1 } #particles-js { height: 100%; background-color: var(--custom-white) } .error-page { min-height: 100vh; display: flex; justify-content: center; align-items: center } .error-text { font-size: 8.25rem; font-weight: 500 } .app-header { max-width: 100%; height: 3.75rem; z-index: 100; position: fixed; inset-block-start: 0; inset-inline: 0; background: var(--header-bg); border-block-end: 1px solid var(--header-border-color); transition: .1s } .app-header #mainHeaderProfile { color: var(--header-prime-color) } .header-icon-badge { position: absolute; padding: .15rem .25rem; inset-block-start: 0.75rem; inset-inline-end: 0.45rem; font-size: .625rem } .related-app { text-align: center; border-radius: .5rem; border: 1px solid var(--default-border) } .header-profile-dropdown { min-width: 11rem } .main-header-container { display: flex; align-items: stretch; justify-content: space-between; height: 100% } .main-header-container .header-content-left, .main-header-container .header-content-right, .main-header-container .header-element { display: flex; align-items: stretch } .main-header-container .header-link { display: flex; align-items: center; padding: 1rem .65rem } .main-header-container .header-link-icon { width: 1.75rem; height: 1.75rem; font-size: 1.25rem; transition: 50ms; position: relative; padding: .25rem; border-radius: 50% } .main-header-container .dropdown-toggle:after { content: none } .main-header-container .main-profile-user .dropdown-menu { width: 13rem } .main-header-container .main-profile-user .dropdown-item { font-weight: 400; font-size: .813rem; color: var(--default-text-color); padding: 1.25rem 1rem; height: 2.375rem; display: flex; align-items: center } .main-header-container .main-header-dropdown { box-shadow: 0 .25rem .625rem #1414141a; inset-block-start: -3px !important } .main-header-container .cart-dropdown .main-header-dropdown, .main-header-container .main-header-dropdown.header-shortcuts-dropdown, .main-header-container .notifications-dropdown .main-header-dropdown { width: 22rem } .main-header-container .main-header-dropdown .dropdown-item { padding: .65rem; border-block-end: 1px solid var(--default-border) } #grid-header-fixed .gridjs-wrapper, .choices[data-type*=select-one] .choices__input, .flatpickr-weekdays, table.dataTable>tbody>tr.child ul.dtr-details>li { border-block-end: 1px solid var(--default-border) !important } @keyframes slideIn { to { opacity: 1 } 0% { opacity: 0; transform: translateY(6rem) } } .header-product-item { padding-inline-start: 0; display: flex } .header-product-item li { position: relative; list-style-type: none; font-size: .75rem; font-weight: 400; color: var(--text-muted); padding-inline-end: 0.938rem } .header-product-item li:nth-child(2):before, .header-product-item li:nth-child(3):before, .header-product-item li:nth-child(4):before { position: absolute; content: ""; inset-inline-start: -0.438rem; width: 1px; inset-block-start: 0.25rem; height: .625rem; background-color: var(--text-muted); opacity: .1 } .header-cart-remove .ti { padding: .25rem; border-radius: .25rem; font-size: .85rem; margin-inline-start: .75rem; color: rgb(var(--danger-rgb)) } #searchModal .input-group { border: 2px solid var(--primary-color); border-radius: .25rem } .search-tags { font-size: .75rem; color: var(--default-text-color); border: 1px solid var(--default-border); border-radius: .25rem; background-color: rgb(var(--light-rgb)); padding: .125rem .55rem; line-height: 1.2rem; display: inline-flex; align-items: center; cursor: default; font-weight: 400; margin: .25rem 0 } .choices__inner, .flatpickr-calendar, .noUi-tooltip, input.gridjs-input, table.gridjs-table { font-size: .813rem !important } .search-tags a.tag-addon { cursor: pointer; display: inline-block; padding: 0 .5rem; color: inherit; background: rgb(var(--light-rgb)); margin-inline-end: -.4rem; margin-inline-start: .5rem; text-align: center; min-width: 1.5rem } .search-tags a.tag-addon i { vertical-align: middle; margin: 0 -.25rem; line-height: 1.5px; font-size: .813rem } .country-selector .header-link img { width: 1.75rem; height: 1.75rem } .country-selector .dropdown-menu img { width: 1rem; height: 1rem } #header-cart-items-scroll, #header-notification-scroll, #header-shortcut-scroll { max-height: 20rem } .pulse { display: block; cursor: pointer; animation: 2s infinite pulse-secondary } .pulse.pulse-secondary { box-shadow: 0 0 0 rgba(var(--secondary-rgb), .4) } @-webkit-keyframes pulse-secondary { 0% { -webkit-box-shadow: 0 0 0 0 rgba(var(--secondary-rgb), .4) } 70% { -webkit-box-shadow: 0 0 0 10px rgba(var(--secondary-rgb), 0) } to { -webkit-box-shadow: 0 0 0 0 rgba(var(--secondary-rgb), 0) } } @keyframes pulse-secondary { 0% { -moz-box-shadow: 0 0 0 0 rgba(var(--secondary-rgb), .4); box-shadow: 0 0 0 0 rgba(var(--secondary-rgb), .4) } 70% { -moz-box-shadow: 0 0 0 10px rgba(var(--secondary-rgb), 0); box-shadow: 0 0 0 10px rgba(var(--secondary-rgb), 0) } to { -moz-box-shadow: 0 0 0 0 rgba(var(--secondary-rgb), 0); box-shadow: 0 0 0 0 rgba(var(--secondary-rgb), 0) } } .animated-arrow.hor-toggle { text-align: center; width: 2rem; font-size: 1.2rem; position: relative; margin: .3125rem 0; margin-inline-end: .625rem } .animated-arrow { position: absolute; inset-inline-start: 0; inset-block-start: 0; z-index: 102; -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; -ms-transition: .4s ease-in-out; transition: 50ms ease-in-out; cursor: pointer; padding: .3125rem; margin-block-start: 0.375rem; margin-block-end: 0; margin-inline-start: .5rem; margin-inline-end: 0 } .animated-arrow span, .animated-arrow span:after, .animated-arrow span:before { transition: 50ms ease-in-out; height: .125rem; background: var(--header-prime-color); display: block; cursor: pointer; position: absolute; content: "" } .choices__input, .filepond--root { margin-block-end: 0 !important } .animated-arrow.hor-toggle span { vertical-align: middle } .animated-arrow span { width: .75rem } .animated-arrow span:after, .animated-arrow span:before { width: 1.0625rem } .animated-arrow span:before { inset-block-start: -0.375rem } .animated-arrow span:after { bottom: -.375rem } .numInputWrapper span:hover, .numInputWrapper:hover, [data-toggled=close-menu-close] .animated-arrow span, [data-toggled=detached-close] .animated-arrow span, [data-toggled=icon-click-closed] .animated-arrow span, [data-toggled=icon-hover-closed] .animated-arrow span, [data-toggled=icon-overlay-close] .animated-arrow span, [data-toggled=icon-text-close] .animated-arrow span, [data-toggled=menu-click-closed] .animated-arrow span, [data-toggled=menu-hover-closed] .animated-arrow span { background: 0 0 !important } [data-toggled=close-menu-close] .animated-arrow span:before, [data-toggled=detached-close] .animated-arrow span:before, [data-toggled=icon-click-closed] .animated-arrow span:before, [data-toggled=icon-hover-closed] .animated-arrow span:before, [data-toggled=icon-overlay-close] .animated-arrow span:before, [data-toggled=icon-text-close] .animated-arrow span:before, [data-toggled=menu-click-closed] .animated-arrow span:before, [data-toggled=menu-hover-closed] .animated-arrow span:before { transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); bottom: 0; inset-block-start: -1px } [data-toggled=close-menu-close] .animated-arrow span:after, [data-toggled=detached-close] .animated-arrow span:after, [data-toggled=icon-click-closed] .animated-arrow span:after, [data-toggled=icon-hover-closed] .animated-arrow span:after, [data-toggled=icon-overlay-close] .animated-arrow span:after, [data-toggled=icon-text-close] .animated-arrow span:after, [data-toggled=menu-click-closed] .animated-arrow span:after, [data-toggled=menu-hover-closed] .animated-arrow span:after { transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); width: 1.0625rem; inset-block-start: -1px } .header-notification-text { max-width: 14.5rem } .choices__inner { padding: .5rem .85rem !important; background-color: var(--form-control-bg) !important; border-radius: .35rem !important; border: 1px solid var(--input-border) !important; min-height: auto !important; line-height: 1.8 } .choices__input { padding: 0 !important } .choices__list--single { padding-block: 0 !important; padding-inline-start: 0; padding-inline-end: 1rem !important } .choices[data-type*=select-one]:after { inset-inline-end: 0.7188rem !important; color: var(--text-muted) !important; border-color: var(--text-muted) transparent transparent !important } .choices[data-type*=select-one] .choices__input { padding: .625rem !important; background-color: var(--custom-white) !important; color: var(--default-text-color) } #slider-hide .noUi-tooltip, .choices__list--dropdown, .simplebar-track.simplebar-horizontal, .theme-container button, .theme-container1 button, .theme-container2 button { display: none } #slider-hide .noUi-active .noUi-tooltip, .app-sidebar .main-sidebar-header .header-logo .desktop-logo, .choices__list--dropdown.is-active, .ecommerce-more-link[aria-expanded=true]:after, .file-manager-container .file-manager-folders.open, .landing-body .brand-img-light, .landing-body .brand-img-white, .product-card:hover .product-icons, [data-theme-mode=dark] .brand-img-light, [data-theme-mode=dark] .landing-body .app-sidebar.sticky.sticky-pin .landing-logo-container .horizontal-logo .desktop-white, [data-vertical-style=closed][data-toggled=close-menu-open] .app-sidebar { display: block } .choices__list--dropdown, .choices__list[aria-expanded] { background-color: var(--custom-white) !important; border: 1px solid var(--default-border) !important; z-index: 99 !important; border-radius: 0 0 .5rem .5rem !important; box-shadow: #959da533 0 .5rem 1.5rem !important } .choices__list--dropdown .choices__item--selectable.is-highlighted { background-color: var(--primary-color) !important; color: #fff !important } .choices__list--dropdown .choices__item--selectable.is-selected, .flatpickr-day.today.inRange, .flatpickr-monthDropdown-months, .numInput { color: var(--primary-color) !important } .choices__list--dropdown .choices__item--selectable.is-selected.is-highlighted, .text-fixed-white { color: #fff !important } .choices__list--dropdown .choices__list { max-height: 250px !important } .choices__input { background-color: transparent !important; color: var(--custom-black) } .choices__list--multiple .choices__item { background-color: var(--primary-color) !important; border: 1px solid var(--primary-color) !important; margin-block-end: 1px !important; border-radius: .25rem !important; padding: .025rem .625rem !important } .choices[data-type*=select-multiple] .choices__button, .choices[data-type*=text] .choices__button { border-inline-start: 1px solid rgba(255, 255, 255, 0.5) !important } .choices__list--single .choices__item, .gridjs-container, .gridjs-pagination, .ql-snow .ql-picker, .ql-snow .ql-picker.ql-expanded .ql-picker-label, .text-default { color: var(--default-text-color) !important } .form-control-select-sm .choices__inner { padding: .275rem !important } .choices[data-type*=select-one].is-open:after { margin-top: -.156rem !important } .gridjs-pagination .gridjs-pages button:last-child, .input-group .choices__inner, [dir=rtl] .gridjs-pagination .gridjs-pages button:first-child { border-radius: 0 .5rem .5rem 0 !important } .choices__heading { border-bottom: 1px solid var(--default-border) !important; color: var(--text-muted) !important } .gridjs-pagination .gridjs-pages button:first-child, [dir=rtl] .gridjs-pagination .gridjs-pages button:last-child, [dir=rtl] .input-group .choices__inner { border-radius: .5rem 0 0 .5rem !important } .apexcharts-menu, .apexcharts-tooltip.apexcharts-theme-light { border: 1px solid var(--default-border) !important; background: var(--custom-white) !important } [dir=rtl] .choices[data-type*=select-one]:after { left: .7188rem; right: inherit } [dir=rtl] .choices[data-type*=select-one] .choices__button { left: 0; right: inherit; margin-left: 1.5625rem; margin-right: inherit } [dir=rtl] .choices[data-type*=select-multiple] .choices__button, [dir=rtl] .choices[data-type*=text] .choices__button { margin: 0 8px 0 -4px; padding-right: 1rem; padding-left: inherit; border-right: 0px solid #008fa1; border-left: 0 } [data-theme-mode=dark] .choices[data-type*=select-one] .choices__button { filter: invert(1) } #marketCap .apexcharts-canvas line, .apexcharts-grid line, .apexcharts-grid-borders line, .apexcharts-pie circle, .apexcharts-pie line, .apexcharts-radar-series.apexcharts-plot-series line, .apexcharts-radar-series.apexcharts-plot-series polygon, .apexcharts-xaxis line { stroke: var(--default-border) } .apexcharts-legend { padding: 0 1.25rem !important } .apexcharts-tooltip-marker { margin-inline-end: .625rem } .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title { background: var(--custom-white) !important; border-block-end: 1px solid var(--default-border) !important } .apexcharts-menu { border-radius: .5rem !important } .apexcharts-theme-light .apexcharts-menu-item:hover { background: rgb(var(--light-rgb)) !important } .apexcharts-inner.apexcharts-graphical line.apexcharts-xaxis-tick { stroke: transparent !important } #column-rotated-labels .apexcharts-xaxis-texts-g { transform: translateY(2.5rem) } #chart-quarter, #chart-year { background: var(--custom-white) !important; border: 1px solid var(--default-border) !important } .apexcharts-bar-series.apexcharts-plot-series .apexcharts-series .apexcharts-bar-area { stroke: var(--default-border) !important } .apexcharts-series.apexcharts-pie-series .apexcharts-pie-area, .apexcharts-treemap .apexcharts-series.apexcharts-treemap-series rect { stroke: var(--custom-white) !important } .apexcharts-pie text { fill: #fff } [dir=rtl] .apexcharts-canvas, [dir=rtl] .swiper { direction: ltr } .apexcharts-boxPlot-area, .ql-snow .ql-stroke, .ql-snow .ql-stroke.ql-fill { stroke: var(--default-text-color) !important } .fc-theme-standard .fc-scrollgrid.fc-scrollgrid-liquid { border: 0 !important; border-top: 1px solid var(--default-border) !important } .fc-daygrid-block-event .fc-event-time, .fc-daygrid-block-event .fc-event-title { padding: 0 .25rem !important } .fc .fc-button-primary { background-color: var(--primary-color) !important; border-color: var(--primary-color) !important } .fc .fc-non-business, .pcr-app { background: var(--custom-white) !important } .fc .fc-button-primary:not(:disabled).fc-button-active, .fc .fc-button-primary:not(:disabled):active { color: #fff; background-color: var(--primary-color); border-color: var(--primary-color); opacity: .9 } .fc-theme-standard td, .fc-theme-standard th { border: 1px solid var(--default-border) !important; border-top: 0 !important } .fc-list-table td, .fc-list-table th { border-left: 0 !important; border-right: 0 !important } .bg-primary.bg-opacity-10, .fc .fc-daygrid-day.fc-day-today, .flatpickr-months, .flatpickr-weekdays { background-color: var(--primary01) !important } #result, .border, .fc-theme-bootstrap5 .fc-list, .fc-theme-bootstrap5 .fc-scrollgrid, .fc-theme-bootstrap5 td, .fc-theme-bootstrap5 th, .fc-theme-standard .fc-list, .fc-theme-standard .fc-scrollgrid, .ql-container.ql-snow, .ql-toolbar.ql-snow { border: 1px solid var(--default-border) !important } .bg-light, .fc .fc-list-event:hover td, .fc-theme-standard .fc-list-day-cushion, .swiper-view-details .swiper-slide.swiper-slide-thumb-active, th.gridjs-th-fixed { background-color: rgb(var(--light-rgb)) !important } @media (max-width:380px) { .fc .fc-daygrid-day-bottom { font-size: .75em !important; padding: 0 3px !important } .fc .fc-daygrid-more-link { z-index: 99 !important } } .fc-daygrid-block-event { color: #fff !important; border: 0 !important } .border.border-white.border-opacity-100, .fc-daygrid-block-event .fc-list-event-dot { border-color: #fff !important } .fc-daygrid-block-event:hover, .text-fixed-black { color: #000 !important } .fc-daygrid-block-event:hover .fc-list-event-dot { border-color: #000 !important } .flatpickr-calendar { background-color: var(--custom-white) !important; box-shadow: 0 .125rem #0a0a0a0a !important; border: 1px solid var(--default-border) !important } .flatpickr-months .flatpickr-next-month, .flatpickr-months .flatpickr-prev-month { color: var(--black-9) !important; fill: var(--black-9) !important } .dayContainer { padding: .25rem !important } .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month { background-color: var(--custom-white) !important; font-size: .813rem } .flatpickr-months .flatpickr-next-month svg, .flatpickr-months .flatpickr-prev-month svg { width: 1.25rem !important; height: 1.25rem !important; padding: .25rem; fill: var(--primary-color) } .flatpickr-calendar.open { z-index: 105 !important } .flatpickr-current-month .flatpickr-monthDropdown-months { background-color: var(--primary01) !important; border-radius: .25rem !important; margin: -1px 2.25rem 0 0 !important } .flatpickr-calendar.arrowBottom:before, .flatpickr-current-month .numInputWrapper span.arrowDown:after { border-top-color: var(--text-muted) !important } .flatpickr-current-month .numInputWrapper span.arrowUp:after { border-bottom-color: var(--text-muted) !important } .flatpickr-day { color: var(--default-text-color) !important; font-weight: 500 !important; border-radius: .5rem !important } .flatpickr-day.nextMonthDay, .flatpickr-day.prevMonthDay { opacity: .5 !important } .flatpickr-day.today { border-color: var(--primary-color) !important; background-color: var(--primary-color) !important; color: #fff !important } .flatpickr-day.endRange, .flatpickr-day.endRange.inRange, .flatpickr-day.endRange.nextMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.endRange:focus, .flatpickr-day.endRange:hover, .flatpickr-day.selected, .flatpickr-day.selected.inRange, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.selected:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange, .flatpickr-day.startRange.inRange, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.startRange:focus, .flatpickr-day.startRange:hover { background: var(--primary-color) !important; color: #fff !important; border-color: var(--primary-color) !important } .flatpickr-day.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day.nextMonthDay:focus, .flatpickr-day.nextMonthDay:hover, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.today.inRange, .flatpickr-day:focus, .flatpickr-day:hover { background: var(--default-background) !important; border-color: var(--default-border) !important } .flatpickr-day.today:hover { background-color: var(--primary-color) !important; border-color: var(--primary-color) !important; color: #fff !important } .flatpickr-time .flatpickr-am-pm:focus, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time input:hover, .noUi-target, .pcr-app .pcr-interaction .pcr-result { background: var(--default-background) !important } .border-top, .flatpickr-calendar.hasTime .flatpickr-time { border-top: 1px solid var(--default-border) !important } .flatpickr-calendar.arrowTop:after, .flatpickr-calendar.arrowTop:before { border-bottom-color: var(--default-border) !important } .flatpickr-calendar.arrowBottom:after, .flatpickr-calendar.arrowBottom:before { border-top-color: var(--default-border) !important } .noUi-handle, .noUi-target, .noUi-tooltip { border: 1px solid var(--default-border) !important } .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month { inset-inline-start: 0 !important } .flatpickr-months .flatpickr-next-month, .flatpickr-months .flatpickr-prev-month { inset-block-start: 0 !important; padding-block-start: 0.313rem !important; padding-inline: 0.313rem !important; padding-block-end: 0 !important; color: var(--primary-color) !important; fill: var(--primary-color) !important } @media (min-width:420px) { .flatpickr-time .flatpickr-am-pm { padding: 0 1.875rem 0 .5rem } } .numInputWrapper span.arrowUp { top: -.125rem !important } .flatpickr-current-month .numInputWrapper { width: 3.5rem !important } .flatpickr-calendar.hasTime, .w-auto { width: auto } [dir=rtl] .flatpickr-months .numInputWrapper span { left: 0 !important; right: inherit !important } @media (max-width:575.98) { .flatpickr-calendar { width: 250px !important } } .flatpickr-current-month .flatpickr-monthDropdown-months, .flatpickr-current-month input.cur-year { padding-block: 0 !important; padding-inline-start: 0 !important; padding-inline-end: 0.5ch !important; font-size: .875rem !important; font-weight: 500 !important } .flatpickr-months .flatpickr-next-month:hover, .flatpickr-months .flatpickr-prev-month:hover { stroke: var(--primary-color) } .flatpickr-current-month .numInputWrapper span.arrowUp:after { border-block-end-color: var(--primary-color) !important } .flatpickr-months .flatpickr-next-month:hover svg, .flatpickr-months .flatpickr-prev-month:hover svg { fill: #fff !important } .numInputWrapper span.arrowUp:after { border-block-end: 0.25rem solid var(--primary05) !important; inset-block-start: 75% !important } .flatpickr-current-month .numInputWrapper span.arrowDown:after { border-block-start-color: var(--primary-color) !important } .numInputWrapper span.arrowDown:after { border-block-start: 0.25rem solid var(--primary05) !important; inset-block-start: 15% !important } span.flatpickr-weekday { color: var(--primary08) !important; font-weight: 700 !important } .flatpickr-months .flatpickr-month { color: var(--primary-color) !important; fill: var(--primary-color) !important } .pcr-app .pcr-interaction .pcr-result { color: var(--default-text-color) !important } .pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview { margin-inline-end: .75em !important } .pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser, .pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity { margin-inline-start: .75em !important } .flatpickr-weekwrapper .flatpickr-weeks { box-shadow: 1px 0 0 var(--default-border) !important } .noUi-handle, .noUi-target, .ql-snow .ql-tooltip { box-shadow: 0 .125rem #0a0a0a0a !important } .noUi-horizontal .noUi-handle { width: 1rem !important; height: 1rem !important; inset-inline-end: -0.063rem !important; top: -.375rem !important } .noUi-handle:after, .noUi-handle:before { height: .35rem !important; width: 1px !important; inset-inline-start: 0.3rem !important; top: .25rem !important; background: var(--black-3) !important } .noUi-handle:after { inset-inline-start: 0.45rem !important } .noUi-horizontal { height: .35rem !important } .noUi-vertical { width: .35rem !important } .noUi-vertical .noUi-handle { width: 1rem !important; height: 1rem !important; bottom: -.275rem !important; inset-inline-end: -0.375rem } .noUi-handle { background: var(--custom-white) !important } .noUi-marker { position: absolute; background: var(--default-border) !important } .noUi-tooltip { border-radius: .5rem !important; background: var(--custom-white) !important; color: var(--default-text-color) !important; padding: .25rem .75rem !important; line-height: 1 !important } #slider-fit { padding: 0 1rem } #color3 .noUi-connect, .landing-body .landing-testimonials .swiper-pagination-bullet, .landing-body .landing-testimonials .swiper-pagination-bullet:active, .noUi-connect { background: var(--primary-color) !important } #secondary-colored-slider .noUi-connect, .bg-secondary { background-color: rgb(var(--secondary-rgb)) !important } #warning-colored-slider .noUi-connect, .bg-warning { background-color: rgb(var(--warning-rgb)) !important } #info-colored-slider .noUi-connect, .bg-info { background-color: rgb(var(--info-rgb)) !important } #success-colored-slider .noUi-connect, .bg-success { background-color: rgb(var(--success-rgb)) !important } #danger-colored-slider .noUi-connect, .bg-danger { background-color: rgb(var(--danger-rgb)) !important } #slider-round { height: .625rem !important } #slider-round .noUi-handle { height: 1.125rem !important; width: 1.125rem !important; inset-block-start: -0.313rem !important; inset-inline-end: -0.563rem; border-radius: 50px !important; background-color: var(--primary-color) !important; border: 1px solid var(--custom-white) !important } #slider-square, .gridjs-wrapper:nth-last-of-type(2) { border-radius: 0 !important } #slider-square .noUi-handle { border: 0 !important; box-shadow: none !important; border-radius: 0 !important; background: var(--primary-color) !important; height: 1.125rem !important; width: 1.125rem !important; inset-block-start: -0.45rem !important; inset-inline-end: -0.563rem !important } #color1, #color2, #color3 { margin: .625rem !important; display: inline-block !important; height: 12.5rem !important } #colorpicker { height: 15rem !important; width: 19.375rem !important; margin: 0 auto !important; padding: .625rem !important; border: 1px solid var(--default-border) !important } #result { margin: 4.25rem 0 4.25rem 4rem; height: 6.25rem; width: 6.25rem; display: inline-block; vertical-align: top; color: var(--gray-5); background: var(--gray-5); border: 1px solid #fff; box-shadow: 0 0 .625rem } #color1 .noUi-connect, .c-4-color { background: rgb(var(--danger-rgb)) !important } #color2 .noUi-connect, .c-1-color { background: rgb(var(--secondary-rgb)) !important } .c-2-color { background: rgb(var(--warning-rgb)) !important } .c-3-color { background: rgb(var(--info-rgb)) !important } .c-5-color { background: #4d5ddb !important } #slider-toggle { height: 3.125rem } #slider-toggle.off .noUi-handle, .border-bottom.border-success, .border-end.border-success, .border-start.border-success, .border-top.border-success { border-color: rgb(var(--success-rgb)) !important } @media (min-width:769px) { .gslide-image img { border-radius: .5rem } .glightbox-clean .gclose, .glightbox-clean .gnext, .glightbox-clean .gprev { background-color: #ffffff0d !important; width: 2.5rem !important; height: 2.5rem !important; padding: .875rem } } #external-events .fc-event { cursor: move; margin: 0 0 .4rem; padding: .375rem .75rem; font-size: .75rem; border-radius: .35rem } #calendar { max-width: 68.75rem; margin: 1.25rem auto } #interactive-map, #map, #map-custom-icon, #map-popup, #map1 { height: 18.75rem; z-index: 10 } #canada-map, #lines-map, #marker-image-map, #marker-map, #russia-map, #spain-map, #us-map, #vector-map, .swiper.vertical { height: 21.875rem } .jvm-tooltip { background-color: #1a1c1e !important } .jvm-zoom-btn { display: flex; align-items: center; justify-content: center; width: 20px !important; height: 20px !important; line-height: 20px !important } .jvm-zoom-btn.jvm-zoomin { inset-block-start: 5px !important } #google-map, #google-map-overlay, #map-geofencing, #map-layers, #map-markers, #streetview-map { height: 18.75rem } .google-map-overlay { display: block; text-align: center; color: #fff; font-size: 1.25rem; line-height: .875rem; opacity: .8; background: var(--primary-color); border: solid .188rem var(--primary-color); border-radius: .25rem; box-shadow: .125rem .125rem .625rem var(--black-3); text-shadow: .063rem .063rem .063rem var(--gray-6); padding: 0 .25rem } .ql-editor, table.dataTable tfoot td, table.dataTable tfoot th, table.dataTable thead td, table.dataTable thead th, table.gridjs-table { text-align: start !important } .apexcharts-legend-text, .dropzone .dz-message .dz-button, .filepond--drop-label { color: var(--default-text-color) !important } .google-overlay_arrow { inset-inline-start: 50%; margin-inline-start: -1rem; width: 0; height: 0; position: absolute } .google-overlay_arrow.above { inset-block-end: -0.938rem; border-inline-start: 0.938rem solid transparent; border-inline-end: 1rem solid transparent; border-block-start: 1rem solid #336699 } .google-overlay_arrow.below { inset-block-start: -0.938rem; border-inline-start: 1rem solid transparent; border-inline-end: 1rem solid transparent; border-block-end: 1rem solid #336699 } .apexcharts-canvas, .apexcharts-svg, .select2.select2-container { width: 100% !important } #donut-gradient .apexcharts-canvas, #donut-pattern .apexcharts-canvas, #donut-update .apexcharts-canvas, #pie-basic .apexcharts-canvas, #pie-image .apexcharts-canvas, #pie-monochrome .apexcharts-canvas, #polararea-basic .apexcharts-canvas, #polararea-monochrome .apexcharts-canvas { margin: 0 auto } .apexcharts-legend-text { padding-inline-start: 0.9375rem !important; margin-inline-start: -.625rem !important } .apexcharts-canvas .apexcharts-series-markers.apexcharts-series-bubble circle, .apexcharts-canvas .apexcharts-series.apexcharts-heatmap-series rect { stroke: var(--custom-white) } .chartjs-chart { max-height: 18.75rem } #chart-quarter, #chart-year { width: 96%; max-width: 48%; box-shadow: none; padding-inline-start: 0; padding-block-start: 1.25rem; background: #fff; border: 1px solid #ddd } #chart-year { position: relative; z-index: 3 } #chart-year.chart-quarter-activated { transform: translate(0); transition: transform 1s } #chart-quarter { position: relative; z-index: -2 } #chart-quarter.active { transition: transform 1.1s ease-in-out; transform: translate(0); z-index: 1 } @media screen and (min-width:480px) { #chart-year { transform: translate(50%) } #chart-quarter { transform: translate(-50%) } } .echart-charts { height: 20rem } .simplebar-scrollbar:before { background: var(--gray-4) !important; border-radius: .3rem !important; inset-inline-end: 0 !important; width: .375rem } .dropzone { border: .125rem dashed var(--default-border) !important; background-color: transparent !important } .dropzone .dz-message .dz-button { font-size: 1.25rem !important } .br-20, .dropzone .dz-preview { border-radius: 1.25rem } .filepond--drop-label { border-radius: .3rem !important } #users-map #jvm-markers-labels-group, .app-sidebar .main-sidebar-header .header-logo .desktop-dark, .app-sidebar .main-sidebar-header .header-logo .desktop-white, .app-sidebar .main-sidebar-header .header-logo .toggle-dark, .app-sidebar .main-sidebar-header .header-logo .toggle-logo, .app-sidebar .main-sidebar-header .header-logo .toggle-white, .app-sidebar .slide.side-menu__label1, .choices__list--dropdown .choices__item--selectable:after, .choices__list[aria-expanded] .choices__item--selectable:after, .dataTables_wrapper .dataTables_scrollBody table.dataTable>thead .sorting:after, .dataTables_wrapper .dataTables_scrollBody table.dataTable>thead .sorting:before, .dataTables_wrapper .dataTables_scrollBody table.dataTable>thead .sorting_asc:after, .dataTables_wrapper .dataTables_scrollBody table.dataTable>thead .sorting_asc:before, .dataTables_wrapper .dataTables_scrollBody table.dataTable>thead .sorting_asc_disabled:after, .dataTables_wrapper .dataTables_scrollBody table.dataTable>thead .sorting_asc_disabled:before, .dataTables_wrapper .dataTables_scrollBody table.dataTable>thead .sorting_desc:after, .dataTables_wrapper .dataTables_scrollBody table.dataTable>thead .sorting_desc:before, .dataTables_wrapper .dataTables_scrollBody table.dataTable>thead .sorting_desc_disabled:after, .dataTables_wrapper .dataTables_scrollBody table.dataTable>thead .sorting_desc_disabled:before, .ecommerce-more-link[aria-expanded=true]:before, .file-manager-container .file-manager-navigation.close, .filepond--credits, .main-chart-wrapper .chat-info .chat-groups-tab li .chat-msg-typing .chat-read-icon, .main-chart-wrapper .chat-info .chat-groups-tab li.chat-inactive .chat-read-icon, .main-chart-wrapper .chat-info .chat-users-tab li .chat-msg-typing .chat-read-icon, .main-chart-wrapper .chat-info .chat-users-tab li.chat-inactive .chat-read-icon, .main-chart-wrapper .responsive-chat-close, .main-chart-wrapper button.responsive-userinfo-open, .product-icons, .slide-left, .slide-menu, .slide-right, [data-theme-mode=dark] .brand-img-white, [data-vertical-style=closed][data-toggled=close-menu-close] .app-sidebar { display: none } .filepond--panel-root { background-color: var(--custom-white) !important; border: .125rem dashed var(--default-border) !important } .filepond--drop-label.filepond--drop-label label { padding: 1.5em !important; font-size: .813rem } .filepond--file { background-color: var(--primary-color) !important } .ql-snow .ql-tooltip, .select2-dropdown { background-color: var(--custom-white) !important } .single-fileupload { width: 8rem !important; height: 8rem !important; margin: 0 auto !important } .ql-bubble .ql-editor blockquote { border-inline-start: 4px solid var(--default-background) !important } .ql-toolbar.ql-snow+.ql-container.ql-snow { border-top: 0 !important } .ql-snow .ql-picker-options .ql-picker-item { padding-top: 0 !important; padding-bottom: 0 !important } .ql-editor { min-height: 15.62rem !important; overflow: visible !important } .ql-snow .ql-formats { border: 1px solid var(--default-border); border-radius: .5rem } .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label, .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { border-color: var(--default-border) !important; border-radius: .5rem !important } .ql-snow .ql-tooltip, .ql-snow .ql-tooltip input[type=text] { border: 1px solid var(--default-border) !important; color: var(--default-text-color) !important } .ql-snow .ql-tooltip { transform: translate(12.5rem) !important; z-index: 100 !important } .ql-snow .ql-tooltip input[type=text] { background-color: var(--default-background) !important; outline: 0 } .ql-toolbar.ql-snow { border-radius: .3rem .3rem 0 0 !important } .ql-snow .ql-picker-label { padding-inline-start: 0.5rem !important; padding-inline-end: 0.125rem !important } .ql-snow .ql-formats .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg { inset-inline-end: 0 !important; inset-inline-start: auto !important } .ql-container { border-radius: 0 0 .3rem .3rem !important; font-family: var(--default-font-family) !important } .dataTables_filter, .ql-editor .ql-align-right { text-align: end !important } .ql-snow .ql-editor { padding: 1.25rem } .ql-bubble { border: 1px solid var(--default-border) !important; border-radius: .5rem !important } .ql-editor li:not(.ql-direction-rtl):before { margin-inline-start: -1.5em !important; margin-inline-end: .3em !important; text-align: start !important } .ql-editor ol li:not(.ql-direction-rtl), .ql-editor ul li:not(.ql-direction-rtl) { padding-inline-start: 1.5em !important } #file-export_wrapper .dt-buttons button, .prism-toggle, .ql-toolbar.ql-snow .ql-formats { margin: .25rem } [dir=rtl] .ql-tooltip.ql-editing { left: 0 !important; top: 0 !important } [dir=rtl] .ql-bubble .ql-toolbar .ql-formats:first-child { margin-right: 12px } [dir=rtl] .ql-bubble .ql-toolbar .ql-formats { margin: 8px 0 8px 12px } .select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--default-text-color) !important; line-height: 2.33rem !important; border: 1px solid var(--input-border) !important; border-radius: .5rem !important } .select2-container--default .select2-selection--single { background-color: var(--form-control-bg) !important; border: 0 solid var(--input-border) !important; border-radius: .5rem !important } .select2-container .select2-selection--single, .select2-container--default .select2-selection--single .select2-selection__arrow { height: 2.37rem !important } .select2-dropdown { border: 1px solid var(--input-border) !important; border-radius: .5rem !important; z-index: 10 !important } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid var(--input-border) !important; border-radius: .5rem !important } .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: var(--default-background) !important; color: var(--default-text-color) !important } .select2-container--default .select2-results__option--selected, .select2-container--default .select2-results__option--selected.select2-results__option--highlighted, .text-bg-primary { background-color: var(--primary-color) !important; color: #fff !important } .gridjs-pagination .gridjs-pages button:disabled, .gridjs-pagination .gridjs-pages button:hover:disabled, .gridjs-pagination .gridjs-pages button[disabled], .select2-search__field, th.gridjs-th { color: var(--default-text-color) !important; background-color: var(--custom-white) !important } .select2-search__field:focus-visible { outline: 0 !important } .select2-container--default .select2-selection--multiple { background-color: var(--form-control-bg) !important; border: 1px solid var(--input-border) !important; border-radius: .5rem !important } .select2-container .select2-selection--multiple { min-height: 2.25rem !important } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: var(--primary-color) !important; color: #fff !important; border: 1px solid var(--primary-color) !important; border-radius: .15rem !important; margin-block-start: 0.375rem !important } .select2-selection--multiple .select2-search__field { background-color: transparent !important } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { border-inline-end: 1px solid rgba(255, 255, 255, 0.1) !important; color: #fff !important; inset-block-start: -0.3rem !important; font-weight: 500 !important; font-size: 1.125rem !important } .select2-selection--multiple .select2-selection__choice__display { font-size: .75rem !important } .bg-primary, .bg-primary.bg-opacity-100, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { background-color: var(--primary-color) !important } .select2-results__option span img, .select2-selection__rendered span img { width: 1.45rem; height: 1.45rem; border-radius: 1.25rem; margin-inline-end: .25rem; box-shadow: 0 .125rem #0a0a0a0a } .dt-button, .gridjs-footer, .gridjs-wrapper, input.gridjs-input:focus, pre[class*=language-]>code, table.dataTable>tbody>tr.selected>* { box-shadow: none !important } .select2-container .select2-search--inline .select2-search__field { margin-block-start: 0.5rem !important } .select2-container--disabled .select2-selection.select2-selection--multiple, .select2-container--disabled.select2-container--default .select2-selection--single .select2-selection__rendered { background-color: var(--default-background) !important } .select2-container--default .select2-selection--single .select2-selection__clear { font-weight: 400 !important; height: 1.25rem !important; font-size: 1.5625rem !important; width: 1.25rem !important; position: absolute !important; inset-inline-end: 0.625rem !important } [dir=rtl] .select2-container--default .select2-selection--single .select2-selection__clear { margin-left: 20px !important; padding-left: 0 !important } .select2-container--default .select2-selection--single .select2-selection__arrow { right: 10px !important } .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow { left: 10px !important; right: auto !important } .select2-container--open .select2-dropdown--above { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; overflow: hidden } .select2-container--open .select2-dropdown--below { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; overflow: hidden } .file-manager-container .file-manager-folders, .gridjs-table, .mails-information, .product-documents-container .filepond--root, .total-mails { width: 100% } table.gridjs-table { font-weight: 500 !important } .gridjs-wrapper { border-radius: 0 !important } td.gridjs-td, th.gridjs-th { border: 1px solid var(--default-border) !important; padding: .75rem !important } .gridjs-footer { background-color: var(--custom-white) !important; border-bottom-width: 0 !important; border-color: transparent !important; border-radius: 0 !important; border-top: 0 !important; padding: .75rem 0 0 !important } .gridjs-pagination .gridjs-pages button, input.gridjs-input { border: 1px solid var(--default-border) !important; background-color: var(--custom-white) !important; color: var(--default-text-color) !important } .gridjs-pagination .gridjs-pages button { padding: .375 .75rem !important } .gridjs-pagination .gridjs-pages button:focus { box-shadow: none !important; margin-inline-end: 0 !important } .gridjs-pagination .gridjs-pages button.gridjs-currentPage { font-weight: 600 !important; background-color: var(--primary-color) !important; color: #fff !important } input.gridjs-input { border-radius: .5rem !important; padding: .375rem .75rem !important; line-height: 1.6 !important } input.gridjs-input:focus { border: 1px solid var(--primary-color) !important } button.gridjs-sort { height: 1.25rem !important; width: .625rem !important } button.gridjs-sort-desc { background-position-y: 54% !important; background-size: .5rem !important } button.gridjs-sort-asc { background-position-y: 44% !important; background-size: .5rem !important } #grid-header-fixed .gridjs-wrapper { border-block-start: 1px solid var(--default-border) !important } #grid-header-fixed .gridjs-container .gridjs-wrapper .gridjs-thead .gridjs-tr th { top: -1px !important } .dataTables_wrapper .dataTables_paginate { margin: 0; text-align: end } .dataTables_wrapper .dataTables_paginate .pagination { margin-block-end: 0; justify-content: end } div.dataTables_scrollBody>table#datatable-basic { margin-block-end: 0.375rem !important } .dataTables_info { padding-block-start: 0.625rem } table.dataTable>thead .sorting:before, table.dataTable>thead .sorting_asc:before, table.dataTable>thead .sorting_asc_disabled:before, table.dataTable>thead .sorting_desc:before, table.dataTable>thead .sorting_desc_disabled:before { content: "" !important; font-family: bootstrap-icons !important; inset-inline-end: 0.8rem !important; top: .813rem !important; font-size: .5rem !important } table.dataTable>thead .sorting:after, table.dataTable>thead .sorting_asc:after, table.dataTable>thead .sorting_asc_disabled:after, table.dataTable>thead .sorting_desc:after, table.dataTable>thead .sorting_desc_disabled:after { content: "" !important; font-family: bootstrap-icons !important; inset-inline-end: 0.8rem !important; top: 1.25rem !important; font-size: .5rem !important } table.dataTable>thead .sorting, table.dataTable>thead .sorting_asc, table.dataTable>thead .sorting_asc_disabled, table.dataTable>thead .sorting_desc, table.dataTable>thead .sorting_desc_disabled { cursor: pointer; position: relative } table.dataTable>thead .sorting:after, table.dataTable>thead .sorting:before, table.dataTable>thead .sorting_asc:after, table.dataTable>thead .sorting_asc:before, table.dataTable>thead .sorting_asc_disabled:after, table.dataTable>thead .sorting_asc_disabled:before, table.dataTable>thead .sorting_desc:after, table.dataTable>thead .sorting_desc:before, table.dataTable>thead .sorting_desc_disabled:after, table.dataTable>thead .sorting_desc_disabled:before { position: absolute; display: block; opacity: .2 } .op-8, table.dataTable>thead .sorting_asc:before, table.dataTable>thead .sorting_desc:after { opacity: .8 } div.dataTables_wrapper div.dataTables_length select { width: auto; display: inline-block; margin: 0 .25rem } .dataTables_wrapper .dataTables_scrollBody #datatable-basic { margin-block-start: -3px; border-block-start-color: transparent !important } div.dt-button-info { background-color: var(--custom-white) !important; border: 1px solid var(--default-border) !important } div.dt-button-info h2 { background-color: var(--custom-white) !important; border-bottom: 1px solid var(--default-border) !important } @media (max-width:767.98px) { .header-element.header-fullscreen, .swiper-related-jobs .swiper-button-next, .swiper-related-jobs .swiper-button-prev { display: none } .fc .fc-toolbar { display: block !important } .dataTables_filter, .fc-toolbar-chunk { margin-block-start: 0.5rem } .data-table-btn { margin: .5625rem 0 .5rem !important } .dataTables_filter, .dataTables_info, .dataTables_length { text-align: center } .dataTables_paginate .pagination { justify-content: center !important } .dataTables_info { padding-block-start: 0; padding-block-end: 0.5rem } div.dtr-modal div.dtr-modal-display { width: 95% !important; height: 95% !important; background-color: var(--custom-white) !important; border: 1px solid var(--default-border) !important; box-shadow: 0 .125rem #0a0a0a0a !important } div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_paginate { text-align: center !important } } table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control { padding-inline-start: 1.875rem !important } table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before { color: #fff !important; border: .15em solid #fff !important; box-shadow: 0 0 .2em var(--primary-color) !important; background-color: var(--primary-color) !important } table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before { content: "-"; background-color: rgb(var(--success-rgb)) !important } table.dataTable>tbody>tr.child ul.dtr-details>li:first-child { padding-block-start: 0 !important } table.dataTable>tbody>tr.child span.dtr-title { min-width: 4.688rem !important } div.dtr-modal div.dtr-modal-close { top: 0 !important; border: 0 solid var(--default-border) !important; font-size: 1.5rem !important; background-color: transparent !important } div.dtr-modal div.dtr-modal-background { background: rgba(0, 0, 0, .3) !important } .dtr-modal-content h2 { font-size: .875rem !important; font-weight: 600 !important } .dt-button { font-size: .8125rem !important; border-radius: .3rem !important; font-weight: 500 !important; padding: .375rem .75rem !important; background-color: var(--primary-color); color: #fff; border: 0 } .dt-buttons { float: left !important } table.dataTable thead>tr>td.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_asc_disabled, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting_desc_disabled, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_asc_disabled, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting_desc_disabled { padding-inline-end: 1.625rem } table.table-bordered.dataTable td:first-child, table.table-bordered.dataTable th:first-child { border-inline-start-width: 1px !important } table.table-bordered.dataTable td:last-child, table.table-bordered.dataTable th:last-child { border-inline-end-width: 1px !important } div.dataTables_wrapper div.dataTables_filter#scroll-vertical_filter input { margin-right: .2em } [dir=rtl] div.dtr-modal div.dtr-modal-close { left: 6px; right: auto } [dir=rtl] div.table-responsive>div.dataTables_wrapper>div.row>div[class^=col-]:last-child { padding-left: 0; padding-right: initial; padding-inline-start: 0 } [dir=rtl] div.dataTables_wrapper div.dataTables_filter#scroll-vertical_filter input { margin-right: .5rem; margin-left: .2em } [dir=rtl] div.dataTables_wrapper div.dataTables_filter input { margin-right: .5rem; margin-left: 0 } [dir=rtl] table.table-bordered.dataTable td:first-child, [dir=rtl] table.table-bordered.dataTable th:first-child { border-right-width: 1px; border-left-width: 0 } [dir=rtl] table.table-bordered.dataTable td:last-child, [dir=rtl] table.table-bordered.dataTable th:last-child { border-inline-start-width: 1px } [dir=rtl] div.table-responsive>div.dataTables_wrapper>div.row>div[class^=col-]:first-child { padding-inline-end: 0 } [dir=rtl] .dt-buttons { float: right !important } table.dataTable>tbody>tr.selected>* { background-color: var(--primary01); color: var(--default-text-color) !important } @media (min-width:768px) { .bd-example-ratios-breakpoint .ratio-4x3 { --bs-aspect-ratio: 50% } .data-table-btn { position: absolute; inset-inline-start: 12.5rem; z-index: 1 } } .data-table-btn { margin: -.4375rem 0 0 } .swal2-container .swal2-title { font-size: 1.15rem; padding: 2rem 2rem .5rem } .swal2-container .swal2-footer { padding: 1.5rem 1.5rem 0; border-top: 1px solid var(--default-border) } .swal2-container .swal2-popup { background: var(--custom-white); color: var(--default-text-color); padding: 0 0 2rem } .swal2-container .swal2-center>.swal2-popup { background-size: cover; background-position: center; background-repeat: no-repeat } .swal2-container .swal2-actions { margin: 1rem auto 0 } .swal2-container .swal2-styled.swal2-confirm { margin: 0; padding: .375em .75rem; box-shadow: none; font-size: .8125rem; border-radius: .3rem; background-color: var(--primary-color) !important; color: #fff } .swal2-container .swal2-icon { width: 4rem; height: 4rem; margin: 2rem auto 0 } .swal2-container .swal2-icon.swal2-question { border-color: rgb(var(--success-rgb)); color: rgb(var(--success-rgb)) } .swal2-container .swal2-icon.swal2-error { border-color: rgb(var(--danger-rgb)); color: rgb(var(--danger-rgb)) } .swal2-container .swal2-icon.swal2-info { border-color: rgb(var(--info-rgb)); color: rgb(var(--info-rgb)) } .swal2-container .swal2-icon.swal2-warning { border-color: rgb(var(--warning-rgb)); color: rgb(var(--warning-rgb)) } .swal2-container .swal2-icon .swal2-icon-content { font-size: 3rem } .swal2-container .swal2-html-container { margin: 0 1.6rem .3rem; font-size: .8rem; color: var(--text-muted) } .swal2-container .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] { inset-inline-start: 1em } .swal2-container .swal2-icon.swal2-error [class^=swal2-x-mark-line] { top: 1.9em; width: 2em; height: .3em; background-color: rgb(var(--danger-rgb)) } .swal2-container .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] { inset-inline-end: 1em; inset-block-start: 1.875rem } .swal2-container .swal2-cancel, .swal2-container .swal2-deny { margin-inline-start: .625rem } .swal2-container .swal2-close { font-size: 2rem; color: var(--text-muted); opacity: .5 } .swal2-container .swal2-styled.swal2-deny { background-color: rgb(var(--danger-rgb)); padding: .375em .75rem; box-shadow: none; font-size: .8125rem; border-radius: .3rem } .swal2-container .swal2-styled.swal2-cancel { background-color: rgb(var(--light-rgb)) !important; color: var(--default-text-color); padding: .375em .75rem; box-shadow: none; font-size: .8125rem; border-radius: .3rem } .swal2-container .swal2-icon.swal2-success [class^=swal2-success-line][class$=long] { top: 2.05em; inset-inline-end: 0.45em; width: 2em } .swal2-container .swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] { top: 2.375em; inset-inline-start: 0.9125em; width: 1.2625em } .swal2-container .swal2-file:focus, .swal2-container .swal2-input:focus, .swal2-container .swal2-textarea:focus { border: 1px solid var(--default-border); box-shadow: none } [dir=rtl] .swal2-container .swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] { inset-inline-start: 1.9125em } .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover } .swiper-button-next, .swiper-button-prev { width: 1.563rem !important; height: 1.563rem !important; color: #fff !important; background-color: #ffffff4d; border-radius: .5rem } .swiper-pagination-bullet, .swiper-pagination-bullet-active { background: #fff !important } .swiper-button-next:after, .swiper-button-prev:after { font-size: .75rem !important; font-weight: 800 !important } .swiper-pagination-bullet { width: 1.25rem !important; height: .25rem !important; border-radius: .5rem !important } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: rgb(var(--success-rgb)) !important } .custom-pagination .swiper-pagination-bullet { width: 1.5rem !important; height: 1.5rem !important; padding: .188rem; background-color: #ffffff4d !important; color: #fff !important; opacity: 1 !important } .custom-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #fff !important; color: #000 !important } .swiper-scrollbar { background-color: #ffffff4d !important } .swiper-scrollbar-drag { background-color: #fff !important } .swiper-preview { height: 80%; width: 100% } .swiper-view { height: 20%; box-sizing: border-box; padding: 10px 0 } .swiper-view .swiper-slide { width: 25%; height: 100%; opacity: .4 } .op-1-1, .swiper-view .swiper-slide-thumb-active { opacity: 1 } .swiper-preview .swiper-wrapper { margin-block-end: 0.65rem } pre[class*=language-]>code { background-color: rgb(var(--light-rgb)) !important; border: 1px solid var(--default-border); border-radius: .5rem; background-image: none !important; white-space: pre-wrap } :not(pre)>code[class*=language-], pre[class*=language-] { background-color: var(--custom-white) !important; margin-bottom: 0 !important; max-height: 400px; overflow-y: hidden !important; border-radius: .5rem } code[class*=language-], pre[class*=language-] { color: var(--default-text-color) !important; font-size: .82rem !important } pre[class*=language-] { margin: 0 !important } code[class*=language-] { padding: 1rem !important } [dir=rtl] pre[class*=language-]>code { border-left: 0; text-align: right } #draggable-left .card, #draggable-right .card, .star-rating, .star-rating .star-value, .ynex-kanban-board .kanban-tasks-type .kanban-tasks .card { touch-action: none } .upcoming-events-list li { margin-block-end: 1.5rem; padding-inline-start: 1.5rem; position: relative } .upcoming-events-list li:before { position: absolute; content: ""; height: 100%; width: .25rem; inset-inline-start: 0; border-radius: .5rem } .upcoming-events-list li:first-child:before { background-color: var(--primary-color); opacity: .3 } .upcoming-events-list li:nth-child(2):before { background-color: rgb(var(--secondary-rgb)); opacity: .3 } .upcoming-events-list li:nth-child(3):before { background-color: rgb(var(--success-rgb)); opacity: .3 } .upcoming-events-list li:nth-child(4):before { background-color: rgb(var(--danger-rgb)); opacity: .3 } .upcoming-events-list li:nth-child(5):before { background-color: rgb(var(--info-rgb)); background-color: rgb(var(--warning-rgb)); opacity: .3 } .border-top-card { border-top-width: .188rem !important; border-top-style: solid !important } #users-map { height: 14rem } @media (min-width:992px) and (min-width:992px) { [data-nav-layout=horizontal] .horizontal-logo .header-logo img { height: 2rem; line-height: 2rem } [data-nav-layout=horizontal] .horizontal-logo .header-logo .desktop-logo { display: block } [data-nav-layout=horizontal] .horizontal-logo .header-logo .desktop-dark, [data-nav-layout=horizontal] .horizontal-logo .header-logo .desktop-white, [data-nav-layout=horizontal] .horizontal-logo .header-logo .toggle-dark, [data-nav-layout=horizontal] .horizontal-logo .header-logo .toggle-logo, [data-nav-layout=horizontal] .horizontal-logo .header-logo .toggle-white { display: none } } [data-nav-layout=horizontal][data-nav-style=icon-click] .mega-menu, [data-nav-layout=horizontal][data-nav-style=icon-hover] .mega-menu { columns: 1 } [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-header { padding-inline-start: 9.5rem } @media (min-width:992px) { [data-menu-position=scrollable] .app-content { min-height: calc(100vh - 2.5rem) } [data-menu-styles=light][data-vertical-style=doublemenu] .slide.has-sub .slide-menu { border-inline-end: 1px solid #f3f3f3 } [data-menu-styles=color][data-nav-layout=horizontal] .main-menu-container .slide-left, [data-menu-styles=color][data-nav-layout=horizontal] .main-menu-container .slide-right, [data-menu-styles=dark][data-nav-layout=horizontal] .main-menu-container .slide-left, [data-menu-styles=dark][data-nav-layout=horizontal] .main-menu-container .slide-right, [data-menu-styles=gradient][data-nav-layout=horizontal] .main-menu-container .slide-left, [data-menu-styles=gradient][data-nav-layout=horizontal] .main-menu-container .slide-right, [data-menu-styles=transparent][data-nav-layout=horizontal] .main-menu-container .slide-left, [data-menu-styles=transparent][data-nav-layout=horizontal] .main-menu-container .slide-right { background-color: #ffffff1a; border-color: #ffffff1a } [data-menu-styles=dark][data-nav-layout=horizontal] .main-menu-container .slide-left svg, [data-menu-styles=dark][data-nav-layout=horizontal] .main-menu-container .slide-right svg { fill: #fff } [data-menu-styles=color][data-vertical-style=doublemenu] .slide.has-sub .slide-menu, [data-menu-styles=dark][data-vertical-style=doublemenu] .slide.has-sub .slide-menu, [data-menu-styles=gradient][data-vertical-style=doublemenu] .slide.has-sub .slide-menu { border-inline-end: 1px solid rgba(255, 255, 255, 0.1) } [data-menu-styles=color][data-nav-layout=horizontal] .main-menu-container .slide-left svg, [data-menu-styles=color][data-nav-layout=horizontal] .main-menu-container .slide-right svg, [data-menu-styles=gradient][data-nav-layout=horizontal] .main-menu-container .slide-left svg, [data-menu-styles=gradient][data-nav-layout=horizontal] .main-menu-container .slide-right svg, [data-menu-styles=transparent][data-nav-layout=horizontal] .main-menu-container .slide-left svg, [data-menu-styles=transparent][data-nav-layout=horizontal] .main-menu-container .slide-right svg { fill: var(--primary-color) } .bg-img[data-menu-styles=dark][data-nav-layout=horizontal][data-theme-mode=dark][data-menu-styles=dark] ul.slide-menu:before, .bg-img[data-menu-styles=transparent][data-nav-layout=horizontal][data-theme-mode=dark][data-menu-styles=dark] ul.slide-menu:before, .bg-img[data-nav-layout=horizontal][data-theme-mode=dark][data-menu-styles=dark] ul.slide-menu:before, .icon-click .app-sidebar .main-sidebar-header .header-logo .toggle-logo, .icon-hover .app-sidebar .main-sidebar-header .header-logo .toggle-logo, [data-header-styles=color][data-nav-layout=horizontal] .header-element .horizontal-logo .header-logo .desktop-white, [data-header-styles=dark][data-nav-layout=horizontal] .header-element .horizontal-logo .header-logo .desktop-dark, [data-header-styles=gradient][data-nav-layout=horizontal] .header-element .horizontal-logo .header-logo .desktop-white, [data-header-styles=transparent][data-nav-layout=horizontal][data-theme-mode=dark] .header-element .horizontal-logo .header-logo .desktop-dark, [data-header-styles=transparent][data-nav-layout=horizontal][data-theme-mode=light] .header-element .horizontal-logo .header-logo .desktop-logo, [data-menu-styles=dark][data-nav-layout=horizontal][data-theme-mode=dark][data-menu-styles=dark][data-bg-img=bgimg1] ul.slide-menu:before, [data-menu-styles=dark][data-nav-layout=horizontal][data-theme-mode=dark][data-menu-styles=dark][data-bg-img=bgimg2] ul.slide-menu:before, [data-menu-styles=dark][data-nav-layout=horizontal][data-theme-mode=dark][data-menu-styles=dark][data-bg-img=bgimg3] ul.slide-menu:before, [data-menu-styles=dark][data-nav-layout=horizontal][data-theme-mode=dark][data-menu-styles=dark][data-bg-img=bgimg4] ul.slide-menu:before, [data-menu-styles=dark][data-nav-layout=horizontal][data-theme-mode=dark][data-menu-styles=dark][data-bg-img=bgimg5] ul.slide-menu:before, [data-menu-styles=transparent][data-nav-layout=horizontal][data-theme-mode=dark][data-menu-styles=dark][data-bg-img=bgimg1] ul.slide-menu:before, [data-menu-styles=transparent][data-nav-layout=horizontal][data-theme-mode=dark][data-menu-styles=dark][data-bg-img=bgimg2] ul.slide-menu:before, [data-menu-styles=transparent][data-nav-layout=horizontal][data-theme-mode=dark][data-menu-styles=dark][data-bg-img=bgimg3] ul.slide-menu:before, [data-menu-styles=transparent][data-nav-layout=horizontal][data-theme-mode=dark][data-menu-styles=dark][data-bg-img=bgimg4] ul.slide-menu:before, [data-menu-styles=transparent][data-nav-layout=horizontal][data-theme-mode=dark][data-menu-styles=dark][data-bg-img=bgimg5] ul.slide-menu:before, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .main-sidebar-header .header-logo .toggle-logo, [data-nav-layout=horizontal][data-theme-mode=dark][data-menu-styles=dark][data-bg-img=bgimg1] ul.slide-menu:before, [data-nav-layout=horizontal][data-theme-mode=dark][data-menu-styles=dark][data-bg-img=bgimg2] ul.slide-menu:before, [data-nav-layout=horizontal][data-theme-mode=dark][data-menu-styles=dark][data-bg-img=bgimg3] ul.slide-menu:before, [data-nav-layout=horizontal][data-theme-mode=dark][data-menu-styles=dark][data-bg-img=bgimg4] ul.slide-menu:before, [data-nav-layout=horizontal][data-theme-mode=dark][data-menu-styles=dark][data-bg-img=bgimg5] ul.slide-menu:before, [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-theme-mode=dark] .app-sidebar .main-sidebar-header .header-logo .toggle-dark, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-theme-mode=dark] .app-sidebar .main-sidebar-header .header-logo .toggle-dark, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .main-sidebar-header .header-logo .toggle-logo, [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .main-sidebar-header .header-logo .toggle-logo, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .main-sidebar-header .header-logo .toggle-logo, [data-vertical-style=detached] .app-header .horizontal-logo .desktop-logo, [data-vertical-style=detached][data-theme-mode=dark] .horizontal-logo .header-logo .desktop-dark, [data-vertical-style=detached][data-theme-mode=dark][data-header-styles=light] .horizontal-logo .header-logo .desktop-logo, [data-vertical-style=detached][data-theme-mode=light][data-header-styles=color] .horizontal-logo .header-logo .desktop-white, [data-vertical-style=detached][data-theme-mode=light][data-header-styles=dark] .horizontal-logo .header-logo .desktop-dark, [data-vertical-style=detached][data-theme-mode=light][data-header-styles=gradient] .horizontal-logo .header-logo .desktop-white, [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .main-sidebar-header .header-logo .toggle-logo, [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-theme-mode=dark] .main-sidebar-header .header-logo .toggle-dark, [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-theme-mode=dark][data-icon-overlay=open] .main-sidebar-header .header-logo .desktop-dark { display: block } .bg-img[data-menu-styles=dark][data-nav-layout=horizontal][data-menu-styles=color] ul.slide-menu:before, .bg-img[data-menu-styles=dark][data-nav-layout=horizontal][data-menu-styles=dark] ul.slide-menu:before, .bg-img[data-menu-styles=dark][data-nav-layout=horizontal][data-menu-styles=gradient] ul.slide-menu:before, .bg-img[data-menu-styles=transparent][data-nav-layout=horizontal][data-menu-styles=color] ul.slide-menu:before, .bg-img[data-menu-styles=transparent][data-nav-layout=horizontal][data-menu-styles=dark] ul.slide-menu:before, .bg-img[data-menu-styles=transparent][data-nav-layout=horizontal][data-menu-styles=gradient] ul.slide-menu:before, .bg-img[data-nav-layout=horizontal][data-menu-styles=color] ul.slide-menu:before, .bg-img[data-nav-layout=horizontal][data-menu-styles=dark] ul.slide-menu:before, .bg-img[data-nav-layout=horizontal][data-menu-styles=gradient] ul.slide-menu:before, [data-header-styles=color][data-nav-layout=horizontal] .header-element .horizontal-logo .header-logo .desktop-dark, [data-header-styles=color][data-nav-layout=horizontal] .header-element .horizontal-logo .header-logo .desktop-logo, [data-header-styles=color][data-nav-layout=horizontal] .header-element .horizontal-logo .header-logo .toggle-dark, [data-header-styles=color][data-nav-layout=horizontal] .header-element .horizontal-logo .header-logo .toggle-logo, [data-header-styles=color][data-nav-layout=horizontal] .header-element .horizontal-logo .header-logo .toggle-white, [data-header-styles=dark][data-nav-layout=horizontal] .header-element .horizontal-logo .header-logo .desktop-logo, [data-header-styles=dark][data-nav-layout=horizontal] .header-element .horizontal-logo .header-logo .desktop-white, [data-header-styles=dark][data-nav-layout=horizontal] .header-element .horizontal-logo .header-logo .toggle-dark, [data-header-styles=dark][data-nav-layout=horizontal] .header-element .horizontal-logo .header-logo .toggle-logo, [data-header-styles=dark][data-nav-layout=horizontal] .header-element .horizontal-logo .header-logo .toggle-white, [data-header-styles=gradient][data-nav-layout=horizontal] .header-element .horizontal-logo .header-logo .desktop-dark, [data-header-styles=gradient][data-nav-layout=horizontal] .header-element .horizontal-logo .header-logo .desktop-logo, [data-header-styles=gradient][data-nav-layout=horizontal] .header-element .horizontal-logo .header-logo .toggle-dark, [data-header-styles=gradient][data-nav-layout=horizontal] .header-element .horizontal-logo .header-logo .toggle-logo, [data-header-styles=gradient][data-nav-layout=horizontal] .header-element .horizontal-logo .header-logo .toggle-white, [data-header-styles=transparent][data-nav-layout=horizontal][data-theme-mode=dark] .header-element .horizontal-logo .header-logo .desktop-logo, [data-header-styles=transparent][data-nav-layout=horizontal][data-theme-mode=dark] .header-element .horizontal-logo .header-logo .desktop-white, [data-header-styles=transparent][data-nav-layout=horizontal][data-theme-mode=dark] .header-element .horizontal-logo .header-logo .toggle-dark, [data-header-styles=transparent][data-nav-layout=horizontal][data-theme-mode=dark] .header-element .horizontal-logo .header-logo .toggle-logo, [data-header-styles=transparent][data-nav-layout=horizontal][data-theme-mode=dark] .header-element .horizontal-logo .header-logo .toggle-white, [data-header-styles=transparent][data-nav-layout=horizontal][data-theme-mode=light] .header-element .horizontal-logo .header-logo .desktop-dark, [data-header-styles=transparent][data-nav-layout=horizontal][data-theme-mode=light] .header-element .horizontal-logo .header-logo .desktop-white, [data-header-styles=transparent][data-nav-layout=horizontal][data-theme-mode=light] .header-element .horizontal-logo .header-logo .toggle-dark, [data-header-styles=transparent][data-nav-layout=horizontal][data-theme-mode=light] .header-element .horizontal-logo .header-logo .toggle-logo, [data-header-styles=transparent][data-nav-layout=horizontal][data-theme-mode=light] .header-element .horizontal-logo .header-logo .toggle-white, [data-menu-styles=dark][data-nav-layout=horizontal][data-menu-styles=dark][data-bg-img=bgimg1] ul.slide-menu:before, [data-menu-styles=dark][data-nav-layout=horizontal][data-menu-styles=dark][data-bg-img=bgimg2] ul.slide-menu:before, [data-menu-styles=dark][data-nav-layout=horizontal][data-menu-styles=dark][data-bg-img=bgimg3] ul.slide-menu:before, [data-menu-styles=dark][data-nav-layout=horizontal][data-menu-styles=dark][data-bg-img=bgimg4] ul.slide-menu:before, [data-menu-styles=dark][data-nav-layout=horizontal][data-menu-styles=dark][data-bg-img=bgimg5] ul.slide-menu:before, [data-menu-styles=transparent][data-nav-layout=horizontal][data-menu-styles=color][data-bg-img=bgimg1] ul.slide-menu:before, [data-menu-styles=transparent][data-nav-layout=horizontal][data-menu-styles=color][data-bg-img=bgimg2] ul.slide-menu:before, [data-menu-styles=transparent][data-nav-layout=horizontal][data-menu-styles=color][data-bg-img=bgimg3] ul.slide-menu:before, [data-menu-styles=transparent][data-nav-layout=horizontal][data-menu-styles=color][data-bg-img=bgimg4] ul.slide-menu:before, [data-menu-styles=transparent][data-nav-layout=horizontal][data-menu-styles=color][data-bg-img=bgimg5] ul.slide-menu:before, [data-menu-styles=transparent][data-nav-layout=horizontal][data-menu-styles=dark][data-bg-img=bgimg1] ul.slide-menu:before, [data-menu-styles=transparent][data-nav-layout=horizontal][data-menu-styles=dark][data-bg-img=bgimg2] ul.slide-menu:before, [data-menu-styles=transparent][data-nav-layout=horizontal][data-menu-styles=dark][data-bg-img=bgimg3] ul.slide-menu:before, [data-menu-styles=transparent][data-nav-layout=horizontal][data-menu-styles=dark][data-bg-img=bgimg4] ul.slide-menu:before, [data-menu-styles=transparent][data-nav-layout=horizontal][data-menu-styles=dark][data-bg-img=bgimg5] ul.slide-menu:before, [data-menu-styles=transparent][data-nav-layout=horizontal][data-menu-styles=gradient][data-bg-img=bgimg1] ul.slide-menu:before, [data-menu-styles=transparent][data-nav-layout=horizontal][data-menu-styles=gradient][data-bg-img=bgimg2] ul.slide-menu:before, [data-menu-styles=transparent][data-nav-layout=horizontal][data-menu-styles=gradient][data-bg-img=bgimg3] ul.slide-menu:before, [data-menu-styles=transparent][data-nav-layout=horizontal][data-menu-styles=gradient][data-bg-img=bgimg4] ul.slide-menu:before, [data-menu-styles=transparent][data-nav-layout=horizontal][data-menu-styles=gradient][data-bg-img=bgimg5] ul.slide-menu:before, [data-nav-layout=horizontal][data-menu-styles=color][data-bg-img=bgimg1] ul.slide-menu:before, [data-nav-layout=horizontal][data-menu-styles=color][data-bg-img=bgimg2] ul.slide-menu:before, [data-nav-layout=horizontal][data-menu-styles=color][data-bg-img=bgimg3] ul.slide-menu:before, [data-nav-layout=horizontal][data-menu-styles=color][data-bg-img=bgimg4] ul.slide-menu:before, [data-nav-layout=horizontal][data-menu-styles=color][data-bg-img=bgimg5] ul.slide-menu:before, [data-nav-layout=horizontal][data-menu-styles=dark][data-bg-img=bgimg1] ul.slide-menu:before, [data-nav-layout=horizontal][data-menu-styles=dark][data-bg-img=bgimg2] ul.slide-menu:before, [data-nav-layout=horizontal][data-menu-styles=dark][data-bg-img=bgimg3] ul.slide-menu:before, [data-nav-layout=horizontal][data-menu-styles=dark][data-bg-img=bgimg4] ul.slide-menu:before, [data-nav-layout=horizontal][data-menu-styles=dark][data-bg-img=bgimg5] ul.slide-menu:before, [data-nav-layout=horizontal][data-menu-styles=gradient][data-bg-img=bgimg1] ul.slide-menu:before, [data-nav-layout=horizontal][data-menu-styles=gradient][data-bg-img=bgimg2] ul.slide-menu:before, [data-nav-layout=horizontal][data-menu-styles=gradient][data-bg-img=bgimg3] ul.slide-menu:before, [data-nav-layout=horizontal][data-menu-styles=gradient][data-bg-img=bgimg4] ul.slide-menu:before, [data-nav-layout=horizontal][data-menu-styles=gradient][data-bg-img=bgimg5] ul.slide-menu:before, [data-vertical-style=detached] .app-sidebar .main-sidebar-header, [data-vertical-style=detached][data-theme-mode=dark] .horizontal-logo .header-logo .desktop-logo, [data-vertical-style=detached][data-theme-mode=dark] .horizontal-logo .header-logo .desktop-white, [data-vertical-style=detached][data-theme-mode=dark] .horizontal-logo .header-logo .toggle-dark, [data-vertical-style=detached][data-theme-mode=dark] .horizontal-logo .header-logo .toggle-logo, [data-vertical-style=detached][data-theme-mode=dark] .horizontal-logo .header-logo .toggle-white, [data-vertical-style=detached][data-theme-mode=dark][data-header-styles=light] .horizontal-logo .header-logo .desktop-dark, [data-vertical-style=detached][data-theme-mode=dark][data-header-styles=light] .horizontal-logo .header-logo .desktop-white, [data-vertical-style=detached][data-theme-mode=dark][data-header-styles=light] .horizontal-logo .header-logo .toggle-dark, [data-vertical-style=detached][data-theme-mode=dark][data-header-styles=light] .horizontal-logo .header-logo .toggle-logo, [data-vertical-style=detached][data-theme-mode=dark][data-header-styles=light] .horizontal-logo .header-logo .toggle-white, [data-vertical-style=detached][data-theme-mode=light][data-header-styles=color] .horizontal-logo .header-logo .desktop-dark, [data-vertical-style=detached][data-theme-mode=light][data-header-styles=color] .horizontal-logo .header-logo .desktop-logo, [data-vertical-style=detached][data-theme-mode=light][data-header-styles=color] .horizontal-logo .header-logo .toggle-dark, [data-vertical-style=detached][data-theme-mode=light][data-header-styles=color] .horizontal-logo .header-logo .toggle-logo, [data-vertical-style=detached][data-theme-mode=light][data-header-styles=color] .horizontal-logo .header-logo .toggle-white, [data-vertical-style=detached][data-theme-mode=light][data-header-styles=dark] .horizontal-logo .header-logo .desktop-logo, [data-vertical-style=detached][data-theme-mode=light][data-header-styles=dark] .horizontal-logo .header-logo .desktop-white, [data-vertical-style=detached][data-theme-mode=light][data-header-styles=dark] .horizontal-logo .header-logo .toggle-dark, [data-vertical-style=detached][data-theme-mode=light][data-header-styles=dark] .horizontal-logo .header-logo .toggle-logo, [data-vertical-style=detached][data-theme-mode=light][data-header-styles=dark] .horizontal-logo .header-logo .toggle-white, [data-vertical-style=detached][data-theme-mode=light][data-header-styles=gradient] .horizontal-logo .header-logo .desktop-dark, [data-vertical-style=detached][data-theme-mode=light][data-header-styles=gradient] .horizontal-logo .header-logo .desktop-logo, [data-vertical-style=detached][data-theme-mode=light][data-header-styles=gradient] .horizontal-logo .header-logo .toggle-dark, [data-vertical-style=detached][data-theme-mode=light][data-header-styles=gradient] .horizontal-logo .header-logo .toggle-logo, [data-vertical-style=detached][data-theme-mode=light][data-header-styles=gradient] .horizontal-logo .header-logo .toggle-white { display: none } .bg-img[data-menu-styles=dark][data-nav-layout=horizontal] ul.slide-menu, .bg-img[data-menu-styles=transparent][data-nav-layout=horizontal] ul.slide-menu, .bg-img[data-nav-layout=horizontal] ul.slide-menu, [data-menu-styles=dark][data-nav-layout=horizontal][data-bg-img=bgimg1] ul.slide-menu, [data-menu-styles=dark][data-nav-layout=horizontal][data-bg-img=bgimg2] ul.slide-menu, [data-menu-styles=dark][data-nav-layout=horizontal][data-bg-img=bgimg3] ul.slide-menu, [data-menu-styles=dark][data-nav-layout=horizontal][data-bg-img=bgimg4] ul.slide-menu, [data-menu-styles=dark][data-nav-layout=horizontal][data-bg-img=bgimg5] ul.slide-menu, [data-menu-styles=transparent][data-nav-layout=horizontal][data-bg-img=bgimg1] ul.slide-menu, [data-menu-styles=transparent][data-nav-layout=horizontal][data-bg-img=bgimg2] ul.slide-menu, [data-menu-styles=transparent][data-nav-layout=horizontal][data-bg-img=bgimg3] ul.slide-menu, [data-menu-styles=transparent][data-nav-layout=horizontal][data-bg-img=bgimg4] ul.slide-menu, [data-menu-styles=transparent][data-nav-layout=horizontal][data-bg-img=bgimg5] ul.slide-menu, [data-nav-layout=horizontal][data-bg-img=bgimg1] ul.slide-menu, [data-nav-layout=horizontal][data-bg-img=bgimg2] ul.slide-menu, [data-nav-layout=horizontal][data-bg-img=bgimg3] ul.slide-menu, [data-nav-layout=horizontal][data-bg-img=bgimg4] ul.slide-menu, [data-nav-layout=horizontal][data-bg-img=bgimg5] ul.slide-menu { background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important } .bg-img[data-menu-styles=dark][data-nav-layout=horizontal] ul.slide-menu:before, .bg-img[data-menu-styles=transparent][data-nav-layout=horizontal] ul.slide-menu:before, .bg-img[data-nav-layout=horizontal] ul.slide-menu:before, [data-menu-styles=dark][data-nav-layout=horizontal][data-bg-img=bgimg1] ul.slide-menu:before, [data-menu-styles=dark][data-nav-layout=horizontal][data-bg-img=bgimg2] ul.slide-menu:before, [data-menu-styles=dark][data-nav-layout=horizontal][data-bg-img=bgimg3] ul.slide-menu:before, [data-menu-styles=dark][data-nav-layout=horizontal][data-bg-img=bgimg4] ul.slide-menu:before, [data-menu-styles=dark][data-nav-layout=horizontal][data-bg-img=bgimg5] ul.slide-menu:before, [data-menu-styles=transparent][data-nav-layout=horizontal][data-bg-img=bgimg1] ul.slide-menu:before, [data-menu-styles=transparent][data-nav-layout=horizontal][data-bg-img=bgimg2] ul.slide-menu:before, [data-menu-styles=transparent][data-nav-layout=horizontal][data-bg-img=bgimg3] ul.slide-menu:before, [data-menu-styles=transparent][data-nav-layout=horizontal][data-bg-img=bgimg4] ul.slide-menu:before, [data-menu-styles=transparent][data-nav-layout=horizontal][data-bg-img=bgimg5] ul.slide-menu:before, [data-nav-layout=horizontal][data-bg-img=bgimg1] ul.slide-menu:before, [data-nav-layout=horizontal][data-bg-img=bgimg2] ul.slide-menu:before, [data-nav-layout=horizontal][data-bg-img=bgimg3] ul.slide-menu:before, [data-nav-layout=horizontal][data-bg-img=bgimg4] ul.slide-menu:before, [data-nav-layout=horizontal][data-bg-img=bgimg5] ul.slide-menu:before { content: ""; position: absolute; inset-inline-start: 0; top: 0; inset-inline-end: 0; bottom: 0; border-radius: 0 0 .25rem .25rem; opacity: .9; background: rgb(var(--body-bg-rgb)) } .bg-img[data-menu-styles=dark][data-nav-layout=horizontal][data-theme-mode=dark][data-menu-styles=light] ul.slide-menu:before, .bg-img[data-menu-styles=transparent][data-nav-layout=horizontal][data-theme-mode=dark][data-menu-styles=light] ul.slide-menu:before, .bg-img[data-nav-layout=horizontal][data-theme-mode=dark][data-menu-styles=light] ul.slide-menu:before, [data-menu-styles=dark][data-nav-layout=horizontal][data-theme-mode=dark][data-menu-styles=light][data-bg-img=bgimg1] ul.slide-menu:before, [data-menu-styles=dark][data-nav-layout=horizontal][data-theme-mode=dark][data-menu-styles=light][data-bg-img=bgimg2] ul.slide-menu:before, [data-menu-styles=dark][data-nav-layout=horizontal][data-theme-mode=dark][data-menu-styles=light][data-bg-img=bgimg3] ul.slide-menu:before, [data-menu-styles=dark][data-nav-layout=horizontal][data-theme-mode=dark][data-menu-styles=light][data-bg-img=bgimg4] ul.slide-menu:before, [data-menu-styles=dark][data-nav-layout=horizontal][data-theme-mode=dark][data-menu-styles=light][data-bg-img=bgimg5] ul.slide-menu:before, [data-menu-styles=transparent][data-nav-layout=horizontal][data-theme-mode=dark][data-menu-styles=light][data-bg-img=bgimg1] ul.slide-menu:before, [data-menu-styles=transparent][data-nav-layout=horizontal][data-theme-mode=dark][data-menu-styles=light][data-bg-img=bgimg2] ul.slide-menu:before, [data-menu-styles=transparent][data-nav-layout=horizontal][data-theme-mode=dark][data-menu-styles=light][data-bg-img=bgimg3] ul.slide-menu:before, [data-menu-styles=transparent][data-nav-layout=horizontal][data-theme-mode=dark][data-menu-styles=light][data-bg-img=bgimg4] ul.slide-menu:before, [data-menu-styles=transparent][data-nav-layout=horizontal][data-theme-mode=dark][data-menu-styles=light][data-bg-img=bgimg5] ul.slide-menu:before, [data-nav-layout=horizontal][data-theme-mode=dark][data-menu-styles=light][data-bg-img=bgimg1] ul.slide-menu:before, [data-nav-layout=horizontal][data-theme-mode=dark][data-menu-styles=light][data-bg-img=bgimg2] ul.slide-menu:before, [data-nav-layout=horizontal][data-theme-mode=dark][data-menu-styles=light][data-bg-img=bgimg3] ul.slide-menu:before, [data-nav-layout=horizontal][data-theme-mode=dark][data-menu-styles=light][data-bg-img=bgimg4] ul.slide-menu:before, [data-nav-layout=horizontal][data-theme-mode=dark][data-menu-styles=light][data-bg-img=bgimg5] ul.slide-menu:before { background: #f5f6f7 } .bg-img[data-menu-styles=dark][data-nav-layout=horizontal][data-nav-layout=horizontal][data-menu-styles=dark][data-theme-mode=light] .app-sidebar .slide.has-sub .slide-menu, .bg-img[data-menu-styles=transparent][data-nav-layout=horizontal][data-nav-layout=horizontal][data-menu-styles=dark][data-theme-mode=light] .app-sidebar .slide.has-sub .slide-menu, .bg-img[data-nav-layout=horizontal][data-nav-layout=horizontal][data-menu-styles=dark][data-theme-mode=light] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=dark][data-nav-layout=horizontal][data-nav-layout=horizontal][data-menu-styles=dark][data-theme-mode=light][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=dark][data-nav-layout=horizontal][data-nav-layout=horizontal][data-menu-styles=dark][data-theme-mode=light][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=dark][data-nav-layout=horizontal][data-nav-layout=horizontal][data-menu-styles=dark][data-theme-mode=light][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=dark][data-nav-layout=horizontal][data-nav-layout=horizontal][data-menu-styles=dark][data-theme-mode=light][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=dark][data-nav-layout=horizontal][data-nav-layout=horizontal][data-menu-styles=dark][data-theme-mode=light][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=transparent][data-nav-layout=horizontal][data-nav-layout=horizontal][data-menu-styles=dark][data-theme-mode=light][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=transparent][data-nav-layout=horizontal][data-nav-layout=horizontal][data-menu-styles=dark][data-theme-mode=light][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=transparent][data-nav-layout=horizontal][data-nav-layout=horizontal][data-menu-styles=dark][data-theme-mode=light][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=transparent][data-nav-layout=horizontal][data-nav-layout=horizontal][data-menu-styles=dark][data-theme-mode=light][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=transparent][data-nav-layout=horizontal][data-nav-layout=horizontal][data-menu-styles=dark][data-theme-mode=light][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu, [data-nav-layout=horizontal][data-nav-layout=horizontal][data-menu-styles=dark][data-theme-mode=light][data-bg-img=bgimg1] .app-sidebar .slide.has-sub .slide-menu, [data-nav-layout=horizontal][data-nav-layout=horizontal][data-menu-styles=dark][data-theme-mode=light][data-bg-img=bgimg2] .app-sidebar .slide.has-sub .slide-menu, [data-nav-layout=horizontal][data-nav-layout=horizontal][data-menu-styles=dark][data-theme-mode=light][data-bg-img=bgimg3] .app-sidebar .slide.has-sub .slide-menu, [data-nav-layout=horizontal][data-nav-layout=horizontal][data-menu-styles=dark][data-theme-mode=light][data-bg-img=bgimg4] .app-sidebar .slide.has-sub .slide-menu, [data-nav-layout=horizontal][data-nav-layout=horizontal][data-menu-styles=dark][data-theme-mode=light][data-bg-img=bgimg5] .app-sidebar .slide.has-sub .slide-menu { background: #011626 } .app-content { min-height: calc(100vh - 7.5rem); margin-block-end: 0; margin-block-start: 3.75rem; margin-inline-start: 15rem; transition: 50ms } .app-header, .footer, [data-vertical-style=closed][data-toggled=close-menu-open] .app-header { padding-inline-start: 15rem } body { padding-right: 0 !important; overflow: auto !important } [data-vertical-style=closed][data-toggled=close-menu-close] .app-content { margin-inline-start: 0 } [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide-menu.child1 li.slide, [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide-menu.child2 li.slide, [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide-menu.child3 li.slide, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide-menu.child1 li.slide, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide-menu.child2 li.slide, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide-menu.child3 li.slide, [data-vertical-style=closed][data-toggled=close-menu-close] .app-header, [data-vertical-style=detached] .app-header, [data-vertical-style=doublemenu] .slide-menu.child1 .slide, [data-vertical-style=doublemenu] .slide-menu.child2 .slide, [data-vertical-style=doublemenu] .slide-menu.child3 .slide { padding-inline-start: 0 } [data-vertical-style=closed][data-toggled=close-menu-open] .app-content { margin-inline-start: 15rem } [data-vertical-style=detached] .page { width: 95%; margin: 0 auto; padding-inline-start: 1.25rem } [data-vertical-style=detached] .app-sidebar { inset-block-start: calc(64px + 1.5rem); inset-block-end: 1.5rem; inset-inline-start: inherit; border-radius: .5rem; border: 1px solid var(--menu-border-color); height: auto } [data-vertical-style=detached] .main-sidebar { height: 100%; margin-block-start: 0; box-shadow: none !important } [data-vertical-style=detached] .app-content { margin-inline-start: 15rem; position: relative } [data-vertical-style=detached][data-page-style=classic] .app-sidebar { border: 1px solid var(--menu-border-color) } .icon-click .app-sidebar, .icon-click .app-sidebar .main-sidebar-header, .icon-hover .app-sidebar, .icon-hover .app-sidebar .main-sidebar-header, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .main-sidebar-header, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .main-sidebar-header, [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar, [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .main-sidebar-header, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .main-sidebar-header, [data-vertical-style=detached][data-toggled=detached-close]:not([data-icon-overlay=open]) .app-sidebar, [data-vertical-style=doublemenu] .app-sidebar, [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar, [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .main-sidebar-header { width: 5rem } [data-nav-layout=horizontal] .main-sidebar-header, [data-vertical-style=detached][data-toggled=detached-close]:not([data-icon-overlay=open]) .app-sidebar .category-name, [data-vertical-style=detached][data-toggled=detached-close]:not([data-icon-overlay=open]) .app-sidebar .side-menu__angle, [data-vertical-style=detached][data-toggled=detached-close]:not([data-icon-overlay=open]) .app-sidebar .side-menu__item .badge, [data-vertical-style=detached][data-toggled=detached-close]:not([data-icon-overlay=open]) .app-sidebar .side-menu__label, [data-vertical-style=detached][data-toggled=detached-close]:not([data-icon-overlay=open]) .app-sidebar .slide-menu, [data-vertical-style=detached][data-toggled=detached-close][data-icon-overlay=open] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-vertical-style=detached][data-toggled=detached-close][data-icon-overlay=open] .app-sidebar .main-sidebar-header .header-logo .toggle-dark, [data-vertical-style=detached][data-toggled=detached-close][data-icon-overlay=open] .app-sidebar .main-sidebar-header .header-logo .toggle-logo, [data-vertical-style=doublemenu] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-vertical-style=doublemenu] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-vertical-style=doublemenu] .app-sidebar .main-sidebar-header .header-logo .desktop-white, [data-vertical-style=doublemenu] .app-sidebar .main-sidebar-header .header-logo .toggle-dark, [data-vertical-style=doublemenu] .app-sidebar .main-sidebar-header .header-logo .toggle-white, [data-vertical-style=doublemenu][data-theme-mode=dark] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-vertical-style=doublemenu][data-theme-mode=dark] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-vertical-style=doublemenu][data-theme-mode=dark] .app-sidebar .main-sidebar-header .header-logo .desktop-white, [data-vertical-style=doublemenu][data-theme-mode=dark] .app-sidebar .main-sidebar-header .header-logo .toggle-logo, [data-vertical-style=doublemenu][data-theme-mode=dark] .app-sidebar .main-sidebar-header .header-logo .toggle-white, [data-vertical-style=doublemenu][data-theme-mode=dark][data-menu-styles=light] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-vertical-style=doublemenu][data-theme-mode=dark][data-menu-styles=light] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-vertical-style=doublemenu][data-theme-mode=dark][data-menu-styles=light] .app-sidebar .main-sidebar-header .header-logo .desktop-white, [data-vertical-style=doublemenu][data-theme-mode=dark][data-menu-styles=light] .app-sidebar .main-sidebar-header .header-logo .toggle-dark, [data-vertical-style=doublemenu][data-theme-mode=dark][data-menu-styles=light] .app-sidebar .main-sidebar-header .header-logo .toggle-white, [data-vertical-style=doublemenu][data-theme-mode=light][data-menu-styles=color] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-vertical-style=doublemenu][data-theme-mode=light][data-menu-styles=color] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-vertical-style=doublemenu][data-theme-mode=light][data-menu-styles=color] .app-sidebar .main-sidebar-header .header-logo .desktop-white, [data-vertical-style=doublemenu][data-theme-mode=light][data-menu-styles=color] .app-sidebar .main-sidebar-header .header-logo .toggle-dark, [data-vertical-style=doublemenu][data-theme-mode=light][data-menu-styles=color] .app-sidebar .main-sidebar-header .header-logo .toggle-logo, [data-vertical-style=doublemenu][data-theme-mode=light][data-menu-styles=dark] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-vertical-style=doublemenu][data-theme-mode=light][data-menu-styles=dark] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-vertical-style=doublemenu][data-theme-mode=light][data-menu-styles=dark] .app-sidebar .main-sidebar-header .header-logo .toggle-logo, [data-vertical-style=doublemenu][data-theme-mode=light][data-menu-styles=gradient] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-vertical-style=doublemenu][data-theme-mode=light][data-menu-styles=gradient] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-vertical-style=doublemenu][data-theme-mode=light][data-menu-styles=gradient] .app-sidebar .main-sidebar-header .header-logo .desktop-white, [data-vertical-style=doublemenu][data-theme-mode=light][data-menu-styles=gradient] .app-sidebar .main-sidebar-header .header-logo .toggle-dark, [data-vertical-style=doublemenu][data-theme-mode=light][data-menu-styles=gradient] .app-sidebar .main-sidebar-header .header-logo .toggle-logo, [data-vertical-style=doublemenu][data-toggled=double-menu-close] .app-sidebar .slide.has-sub .slide-menu, [data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open]) .app-sidebar .slide.has-sub.open .slide-menu, [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .slide.has-sub.open .slide-menu { display: none !important } [data-vertical-style=detached][data-toggled=detached-close]:not([data-icon-overlay=open]) .app-sidebar .side-menu__item, [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .side-menu__item { justify-content: center } [data-vertical-style=detached][data-toggled=detached-close]:not([data-icon-overlay=open]) .app-sidebar .side-menu__item .side-menu__icon, [data-vertical-style=doublemenu] .app-sidebar .side-menu__icon { margin-inline-end: 0 } .icon-click .app-sidebar .slide__category, .icon-hover .app-sidebar .slide__category, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .slide__category, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .slide__category, [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide__category, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide__category, [data-vertical-style=detached][data-toggled=detached-close]:not([data-icon-overlay=open]) .app-sidebar .slide__category, [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .slide__category { padding: 1.2rem 1.65rem; position: relative } .icon-click .app-sidebar .slide__category:before, .icon-hover .app-sidebar .slide__category:before, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .slide__category:before, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .slide__category:before, [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide__category:before, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide__category:before, [data-vertical-style=detached][data-toggled=detached-close]:not([data-icon-overlay=open]) .app-sidebar .slide__category:before, [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .slide__category:before { content: ""; position: absolute; inset-inline-start: 2.25rem; inset-inline-end: 0; inset-block-start: 1.25rem; inset-block-end: 0; width: .35rem; border-radius: 3.125rem; height: .35rem; border: 1px solid var(--menu-prime-color); opacity: 1 } [data-vertical-style=detached][data-toggled=detached-close] .app-content { margin-inline-start: 5rem; position: relative } [data-vertical-style=detached][data-toggled=detached-close][data-icon-overlay=open] .app-sidebar, [data-vertical-style=detached][data-toggled=detached-close][data-icon-overlay=open] .app-sidebar .main-sidebar-header, [data-vertical-style=icontext][data-toggled=icon-text-close][data-icon-text=open] .app-sidebar, [data-vertical-style=icontext][data-toggled=icon-text-close][data-icon-text=open] .app-sidebar .main-sidebar-header, [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar, [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .main-sidebar-header { width: 15rem } [data-vertical-style=detached][data-toggled=detached-close][data-icon-overlay=open] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-vertical-style=doublemenu] .app-sidebar .main-sidebar-header .header-logo .toggle-logo, [data-vertical-style=doublemenu][data-theme-mode=dark] .app-sidebar .main-sidebar-header .header-logo .toggle-dark, [data-vertical-style=doublemenu][data-theme-mode=dark][data-menu-styles=light] .app-sidebar .main-sidebar-header .header-logo .toggle-logo, [data-vertical-style=doublemenu][data-theme-mode=light][data-menu-styles=color] .app-sidebar .main-sidebar-header .header-logo .toggle-white, [data-vertical-style=doublemenu][data-theme-mode=light][data-menu-styles=dark] .app-sidebar .main-sidebar-header .header-logo .toggle-dark, [data-vertical-style=doublemenu][data-theme-mode=light][data-menu-styles=gradient] .app-sidebar .main-sidebar-header .header-logo .toggle-white { display: block !important } [data-vertical-style=detached][data-toggled=detached-close][data-icon-overlay=open] .app-sidebar .side-menu__item, [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .side-menu__item { justify-content: flex-start } [data-vertical-style=detached][data-toggled=detached-close][data-icon-overlay=open] .app-sidebar .side-menu__icon, [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .side-menu__icon { margin-inline-end: .625rem } [data-vertical-style=detached][data-toggled=detached-close][data-icon-overlay=open] .app-sidebar .slide__category { padding: .75rem 1.65rem } [data-nav-layout=horizontal] .main-header-container .sidemenu-toggle, [data-nav-layout=horizontal] .side-menu__label .badge, [data-nav-layout=horizontal] .sidemenu-layout-styles, [data-nav-layout=horizontal] .slide__category, [data-vertical-style=detached] .app-header .horizontal-logo .desktop-dark, [data-vertical-style=detached] .app-header .horizontal-logo .desktop-white, [data-vertical-style=detached] .app-header .horizontal-logo .toggle-dark, [data-vertical-style=detached] .app-header .horizontal-logo .toggle-logo, [data-vertical-style=detached] .app-header .horizontal-logo .toggle-white, [data-vertical-style=detached][data-toggled=detached-close][data-icon-overlay=open] .app-sidebar .slide__category:before, [data-vertical-style=doublemenu] .app-sidebar .category-name, [data-vertical-style=doublemenu] .app-sidebar .side-menu__angle, [data-vertical-style=doublemenu] .app-sidebar .side-menu__label, [data-vertical-style=doublemenu] .app-sidebar .slide__category, [data-vertical-style=doublemenu] .slide-menu { display: none } [data-vertical-style=detached] .app-header .main-header-container { width: 94% } [data-nav-layout=horizontal] .horizontal-logo, [data-vertical-style=detached] .app-header .horizontal-logo { padding: .85rem 0; display: block } [data-vertical-style=detached] .app-header .horizontal-logo img { height: 2rem; line-height: 2rem } [data-vertical-style=detached] .footer { box-shadow: none; background-color: transparent !important } [data-vertical-style=detached][data-menu-styles=dark][data-bg-img=bgimg1] .app-sidebar:before, [data-vertical-style=detached][data-menu-styles=dark][data-bg-img=bgimg2] .app-sidebar:before, [data-vertical-style=detached][data-menu-styles=dark][data-bg-img=bgimg3] .app-sidebar:before, [data-vertical-style=detached][data-menu-styles=dark][data-bg-img=bgimg4] .app-sidebar:before, [data-vertical-style=detached][data-menu-styles=dark][data-bg-img=bgimg5] .app-sidebar:before { border-radius: .5rem } [data-vertical-style=doublemenu] .app-sidebar .main-sidebar { overflow: visible; height: 100%; box-shadow: none; margin-block-start: 0 } [data-vertical-style=doublemenu] .app-sidebar .main-sidebar-header { width: 5rem; -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px) } [data-vertical-style=doublemenu] .app-sidebar .main-menu-container { margin-block-start: 3.75rem } [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .main-menu>.slide, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .main-menu>.slide, [data-vertical-style=doublemenu] .app-sidebar .main-menu>.slide { padding: 0 1.2rem } .icon-click .app-sidebar .simplebar-content-wrapper, .icon-hover .app-sidebar .simplebar-content-wrapper, .menu-click .app-sidebar .simplebar-content-wrapper, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .simplebar-content-wrapper, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .simplebar-content-wrapper, [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .simplebar-content-wrapper, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .simplebar-content-wrapper, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .simplebar-content-wrapper, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .simplebar-content-wrapper, [data-vertical-style=doublemenu] .app-sidebar .simplebar-content-wrapper { position: initial } .icon-click .app-sidebar .simplebar-mask, .icon-hover .app-sidebar .simplebar-mask, .menu-click .app-sidebar .simplebar-mask, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .simplebar-mask, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .simplebar-mask, [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .simplebar-mask, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .simplebar-mask, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .simplebar-mask, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .simplebar-mask, [data-vertical-style=doublemenu] .app-sidebar .simplebar-mask { position: inherit } .icon-click .app-sidebar .simplebar-placeholder, .icon-hover .app-sidebar .simplebar-placeholder, .menu-click .app-sidebar .simplebar-placeholder, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .simplebar-placeholder, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .simplebar-placeholder, [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .simplebar-placeholder, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .simplebar-placeholder, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .simplebar-placeholder, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .simplebar-placeholder, [data-vertical-style=doublemenu] .app-sidebar .simplebar-placeholder { height: auto !important } [data-vertical-style=doublemenu] .app-header { padding-inline-start: 17rem } [data-vertical-style=doublemenu] .app-content { margin-inline-start: 17rem } [data-vertical-style=doublemenu] .slide.has-sub .slide-menu { position: absolute !important; inset-inline-start: 5rem !important; background: var(--menu-bg); box-shadow: none; transition: none !important; height: 100% !important; inset-inline-end: 0; border-inline-end: 1px solid var(--default-border) } [data-vertical-style=doublemenu] .slide.has-sub .slide-menu.child2, [data-vertical-style=doublemenu] .slide.has-sub .slide-menu.child3 { inset-inline-start: 0 !important; position: relative !important; height: auto !important; inset-block-start: 0 !important } [data-vertical-style=doublemenu] .slide.has-sub .slide-menu.child2 .slide:nth-child(2), [data-vertical-style=doublemenu] .slide.has-sub .slide-menu.child3 .slide:nth-child(2) { padding-block-start: 0rem } .icon-click .slide-menu.child1 .slide .side-menu__item, .icon-click .slide-menu.child2 .slide .side-menu__item, .icon-click .slide-menu.child3 .slide .side-menu__item, .icon-hover .slide-menu.child1 .slide .side-menu__item, .icon-hover .slide-menu.child2 .slide .side-menu__item, .icon-hover .slide-menu.child3 .slide .side-menu__item, .menu-click .app-sidebar .slide-menu.child1 .slide .side-menu__item, .menu-click .app-sidebar .slide-menu.child2 .slide .side-menu__item, .menu-click .app-sidebar .slide-menu.child3 .slide .side-menu__item, [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide-menu.child1 .slide .side-menu__item, [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide-menu.child2 .slide .side-menu__item, [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide-menu.child3 .slide .side-menu__item, [data-nav-style=icon-click][data-nav-layout=horizontal] .slide-menu.child1 .slide .side-menu__item, [data-nav-style=icon-click][data-nav-layout=horizontal] .slide-menu.child2 .slide .side-menu__item, [data-nav-style=icon-click][data-nav-layout=horizontal] .slide-menu.child3 .slide .side-menu__item, [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide-menu.child1 .slide .side-menu__item, [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide-menu.child2 .slide .side-menu__item, [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide-menu.child3 .slide .side-menu__item, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide-menu.child1 .slide .side-menu__item, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide-menu.child2 .slide .side-menu__item, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide-menu.child3 .slide .side-menu__item, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 .slide .side-menu__item, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 .slide .side-menu__item, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child3 .slide .side-menu__item, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child1 .slide .side-menu__item, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child2 .slide .side-menu__item, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child3 .slide .side-menu__item, [data-vertical-style=doublemenu] .slide-menu.child1 .slide .side-menu__item, [data-vertical-style=doublemenu] .slide-menu.child2 .slide .side-menu__item, [data-vertical-style=doublemenu] .slide-menu.child3 .slide .side-menu__item { text-align: start } .icon-click .slide-menu.child1 .slide .side-menu__item:before, .icon-click .slide-menu.child2 .slide .side-menu__item:before, .icon-click .slide-menu.child3 .slide .side-menu__item:before, .icon-hover .slide-menu.child1 .slide .side-menu__item:before, .icon-hover .slide-menu.child2 .slide .side-menu__item:before, .icon-hover .slide-menu.child3 .slide .side-menu__item:before, .menu-click .app-sidebar .slide-menu.child1 .slide .side-menu__item:before, .menu-click .app-sidebar .slide-menu.child2 .slide .side-menu__item:before, .menu-click .app-sidebar .slide-menu.child3 .slide .side-menu__item:before, [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide-menu.child1 .slide .side-menu__item:before, [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide-menu.child2 .slide .side-menu__item:before, [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide-menu.child3 .slide .side-menu__item:before, [data-nav-style=icon-click][data-nav-layout=horizontal] .slide-menu.child1 .slide .side-menu__item:before, [data-nav-style=icon-click][data-nav-layout=horizontal] .slide-menu.child2 .slide .side-menu__item:before, [data-nav-style=icon-click][data-nav-layout=horizontal] .slide-menu.child3 .slide .side-menu__item:before, [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide-menu.child1 .slide .side-menu__item:before, [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide-menu.child2 .slide .side-menu__item:before, [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide-menu.child3 .slide .side-menu__item:before, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide-menu.child1 .slide .side-menu__item:before, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide-menu.child2 .slide .side-menu__item:before, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide-menu.child3 .slide .side-menu__item:before, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 .slide .side-menu__item:before, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 .slide .side-menu__item:before, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child3 .slide .side-menu__item:before, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child1 .slide .side-menu__item:before, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child2 .slide .side-menu__item:before, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child3 .slide .side-menu__item:before, [data-vertical-style=doublemenu] .slide-menu.child1 .slide .side-menu__item:before, [data-vertical-style=doublemenu] .slide-menu.child2 .slide .side-menu__item:before, [data-vertical-style=doublemenu] .slide-menu.child3 .slide .side-menu__item:before { inset-block-start: 0.938rem; inset-inline-start: 0.75rem } [data-vertical-style=doublemenu] .slide-menu.child1 .side-menu__angle, [data-vertical-style=doublemenu] .slide-menu.child2 .side-menu__angle, [data-vertical-style=doublemenu] .slide-menu.child3 .side-menu__angle { display: block; inset-inline-end: 1rem; inset-block-start: 0.65rem } [data-vertical-style=doublemenu] .slide-menu.child2, [data-vertical-style=doublemenu] .slide-menu.child3 { min-width: 10rem } .icon-click .slide-menu.child1, .icon-click .slide-menu.child2, .icon-click .slide-menu.child3, .icon-hover .slide-menu.child1, .icon-hover .slide-menu.child2, .icon-hover .slide-menu.child3, .menu-click .app-sidebar .slide-menu.child1, .menu-click .app-sidebar .slide-menu.child2, .menu-click .app-sidebar .slide-menu.child3, [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide-menu.child1, [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide-menu.child2, [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide-menu.child3, [data-nav-style=icon-click][data-nav-layout=horizontal] .slide-menu.child1, [data-nav-style=icon-click][data-nav-layout=horizontal] .slide-menu.child2, [data-nav-style=icon-click][data-nav-layout=horizontal] .slide-menu.child3, [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide-menu.child1, [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide-menu.child2, [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide-menu.child3, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide-menu.child1, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide-menu.child2, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide-menu.child3, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child1, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child2, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child3, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child1, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child2, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child3, [data-vertical-style=doublemenu] .slide-menu.child1 { min-width: 12rem } [data-vertical-style=doublemenu] .slide-menu.child1 .slide:nth-child(2) { padding-block-start: 0.75rem } [data-vertical-style=doublemenu] .side-menu__label1 { display: block !important; font-size: .938rem; font-weight: 500; color: var(--menu-prime-color); border-block-end: 1px solid var(--default-border); padding: 1.25rem .75rem !important; width: 12rem; height: 3.75rem } [data-vertical-style=doublemenu] .slide-menu.double-menu-active { visibility: visible !important; display: block !important; height: 100% !important; position: absolute; top: 0; border-radius: 0 !important; border-block-start: 0; overflow: hidden scroll } [data-vertical-style=doublemenu][data-theme-mode=dark][data-page-style=classic] .slide.has-sub .slide-menu, [data-vertical-style=doublemenu][data-toggled=double-menu-open] .app-sidebar .main-sidebar .slide.side-menu__label1 { border-inline-end: 1px solid var(--default-border) } .icon-click .app-header, .icon-hover .app-header, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-header, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-header, [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-header, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-header, [data-vertical-style=doublemenu][data-toggled=double-menu-close] .app-header, [data-vertical-style=overlay][data-toggled=icon-overlay-close] .app-header { padding-inline-start: 5rem } .icon-click .app-content, .icon-hover .app-content, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-content, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-content, [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-content, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-content, [data-vertical-style=doublemenu][data-toggled=double-menu-close] .app-content, [data-vertical-style=overlay][data-toggled=icon-overlay-close] .app-content { margin-inline-start: 5rem } [data-vertical-style=doublemenu][data-toggled=double-menu-close] .app-sidebar .main-sidebar { box-shadow: 0 .125rem #0a0a0a0a } [data-nav-layout=horizontal] .main-menu { display: flex !important; transition: .5s } [data-nav-layout=horizontal] .main-menu-container { display: inline-flex } [data-nav-layout=horizontal] .mega-menu { columns: 3; -webkit-columns: 3; -moz-columns: 3 } [data-nav-layout=horizontal] .app-header { padding-inline-start: 0 !important; z-index: 104; box-shadow: none } [data-nav-layout=horizontal] .app-content { min-height: calc(100vh - 8rem); margin-block-start: 7rem; margin-inline-start: 0 !important } [data-nav-layout=horizontal] .app-content>.container-fluid { width: 95%; margin-inline-start: auto; margin-inline-end: auto } [data-nav-layout=horizontal] .app-sidebar .main-sidebar, [data-nav-layout=horizontal] .app-sidebar .simplebar-mask, [data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open]) .app-sidebar .main-sidebar { overflow: visible } [data-nav-layout=horizontal] .app-sidebar .main-menu>.slide { margin: 0 .1875rem } [data-nav-layout=horizontal] .main-sidebar .simplebar-vertical { visibility: hidden !important } [data-nav-layout=horizontal] .main-header-container, [data-nav-layout=horizontal] .main-sidebar { width: 94%; margin: 0 auto } [data-nav-layout=horizontal] .app-sidebar { width: 100% !important; height: 3rem; border-block-end: 1px solid var(--menu-border-color); inset-block-start: 3.75rem } [data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 li, [data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 li, [data-nav-layout=horizontal] .app-sidebar .slide-menu.child3 li { padding-inline-start: 0.5rem } [data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 .side-menu__item:before, [data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 .side-menu__item:before, [data-nav-layout=horizontal] .app-sidebar .slide-menu.child3 .side-menu__item:before { inset-block-start: 1rem } [data-nav-layout=horizontal] .app-sidebar .simplebar-content { padding: 0 !important; overflow: hidden } [data-nav-layout=horizontal] .app-sidebar .simplebar-content-wrapper { overflow: visible !important; height: auto } [data-nav-layout=horizontal] .app-sidebar .main-sidebar { box-shadow: none; height: 3rem !important; padding: 0 } [data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child1 { inset-inline-start: 1.5rem !important; padding: .1875rem 0; background-color: var(--menu-bg); inset-block-start: 100% !important; box-shadow: .063rem .188rem .5rem var(--black-1); min-width: 12rem } [data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child2, [data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child3 { inset-inline-end: 100% !important; padding: .1875rem 0 } [data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.active, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.active, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.active { inset-inline-start: auto !important; inset-inline-end: auto !important } [data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 { position: absolute !important; border-radius: 0 0 .25rem .25rem } [data-nav-layout=horizontal] .app-sidebar .side-menu__item { width: 100%; display: flex; border-radius: 0; padding: .92rem } [data-nav-layout=horizontal] .app-sidebar .side-menu__angle { inset-inline-end: 0.45rem; display: block } [data-nav-layout=horizontal] .app-sidebar .side-menu__icon { margin-inline-end: .25rem; margin-block-end: 0 } .menu-click .app-sidebar .slide, [data-nav-layout=horizontal] .app-sidebar .slide, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide, [data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open]) .app-sidebar .slide { padding: 0 } [data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 .slide, [data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 .slide.has-sub { width: 100%; display: flex; padding: 0 .1875rem } [data-nav-layout=horizontal] .app-sidebar .slide-menu.child2, [data-nav-layout=horizontal] .app-sidebar .slide-menu.child3 { border-radius: .25rem } [data-nav-layout=horizontal] .app-sidebar .slide, [data-nav-layout=horizontal] .app-sidebar .slide.has-sub { position: static } [data-nav-layout=horizontal] .app-sidebar .main-menu { margin-block-end: 0 } [data-nav-layout=horizontal] .main-sidebar { margin-block-start: 0; padding-block-end: 3rem } [data-nav-layout=horizontal] .main-menu-container .slide-left { inset-inline-start: 1.438rem; inset-inline-start: -2% } [data-nav-layout=horizontal] .main-menu-container .slide-left, [data-nav-layout=horizontal] .main-menu-container .slide-right { padding: .375rem; color: var(--custom-white); display: flex; align-items: center; justify-content: center; border: 1px solid var(--default-border); border-radius: 3.125rem; position: absolute; top: .313rem; color: var(--custom-white); display: flex; align-items: center; justify-content: center; z-index: 1; cursor: pointer; border: 1px solid var(--default-border); background: var(--custom-white) } [data-nav-layout=horizontal] .main-menu-container .slide-right { inset-inline-end: -2% } [data-nav-layout=horizontal][page-style=classic] .app-sidebar { border-block-end: 1px solid var(--default-border) } [data-nav-layout=horizontal][dir=rtl] .main-menu-container .slide-left, [data-nav-layout=horizontal][dir=rtl] .main-menu-container .slide-right { transform: rotate(180deg) } [data-nav-layout=horizontal][data-menu-styles=transparent][data-theme-mode=dark][data-icon-overlay=open] .app-sidebar:hover { -webkit-backdrop-filter: blur(0px); backdrop-filter: blur(0px) } [data-nav-layout=horizontal][data-menu-styles=light] .main-menu-container .slide-left, [data-nav-layout=horizontal][data-menu-styles=light] .main-menu-container .slide-right { --custom-white: #fff; --default-border: #f3f3f3 } [data-nav-layout=horizontal][data-page-style=modern] .app-sidebar { border-block-end: 1px solid var(--header-border-color) } [data-nav-layout=horizontal][data-menu-styles=transparent][data-theme-mode=dark] .app-sidebar { -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px) } .icon-click .app-sidebar .main-sidebar, .icon-hover .app-sidebar .main-sidebar, .menu-click .app-sidebar .main-sidebar, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .main-sidebar, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .main-sidebar, [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .main-sidebar, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .main-sidebar, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .main-sidebar, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .main-sidebar { overflow: visible; height: 90% } .icon-click .app-sidebar .category-name, .icon-click .app-sidebar .main-sidebar-header .header-logo .desktop-dark, .icon-click .app-sidebar .main-sidebar-header .header-logo .desktop-logo, .icon-click .app-sidebar .main-sidebar-header .header-logo .desktop-white, .icon-click .app-sidebar .main-sidebar-header .header-logo .toggle-dark, .icon-click .app-sidebar .main-sidebar-header .header-logo .toggle-white, .icon-click .app-sidebar .side-menu__angle, .icon-click .app-sidebar .side-menu__label, .icon-hover .app-sidebar .category-name, .icon-hover .app-sidebar .main-sidebar-header .header-logo .desktop-dark, .icon-hover .app-sidebar .main-sidebar-header .header-logo .desktop-logo, .icon-hover .app-sidebar .main-sidebar-header .header-logo .desktop-white, .icon-hover .app-sidebar .main-sidebar-header .header-logo .toggle-dark, .icon-hover .app-sidebar .main-sidebar-header .header-logo .toggle-white, .icon-hover .app-sidebar .side-menu__angle, .icon-hover .app-sidebar .side-menu__label, .menu-click .app-sidebar .side-menu__angle, .menu-click .app-sidebar .slide-menu.child1 .slide.has-sub.side-menu__label1, .menu-click .app-sidebar .slide-menu.child1 .slide.side-menu__label1, .menu-click .app-sidebar .slide-menu.child2 .slide.has-sub.side-menu__label1, .menu-click .app-sidebar .slide-menu.child2 .slide.side-menu__label1, .menu-click .app-sidebar .slide-menu.child3 .slide.has-sub.side-menu__label1, .menu-click .app-sidebar .slide-menu.child3 .slide.side-menu__label1, .menu-click .app-sidebar .slide__category, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .category-name, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .main-sidebar-header .header-logo .desktop-white, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .main-sidebar-header .header-logo .toggle-dark, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .main-sidebar-header .header-logo .toggle-white, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .side-menu__angle, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .side-menu__label, [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-theme-mode=dark] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-theme-mode=dark] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-theme-mode=dark] .app-sidebar .main-sidebar-header .header-logo .desktop-white, [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-theme-mode=dark] .app-sidebar .main-sidebar-header .header-logo .toggle-logo, [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-theme-mode=dark] .app-sidebar .main-sidebar-header .header-logo .toggle-white, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-theme-mode=dark] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-theme-mode=dark] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-theme-mode=dark] .app-sidebar .main-sidebar-header .header-logo .desktop-white, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-theme-mode=dark] .app-sidebar .main-sidebar-header .header-logo .toggle-logo, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-theme-mode=dark] .app-sidebar .main-sidebar-header .header-logo .toggle-white, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .category-name, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .main-sidebar-header .header-logo .desktop-white, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .main-sidebar-header .header-logo .toggle-dark, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .main-sidebar-header .header-logo .toggle-white, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .side-menu__angle, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .side-menu__label, [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .category-name, [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .main-sidebar-header .header-logo .desktop-white, [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .main-sidebar-header .header-logo .toggle-dark, [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .main-sidebar-header .header-logo .toggle-white, [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .side-menu__angle, [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .side-menu__label, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .category-name, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .main-sidebar-header .header-logo .desktop-white, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .main-sidebar-header .header-logo .toggle-dark, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .main-sidebar-header .header-logo .toggle-white, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .side-menu__angle, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .side-menu__label, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .side-menu__angle, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 .slide.side-menu__label1, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 .slide.side-menu__label1, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child3 .slide.side-menu__label1, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide__category, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .side-menu__angle, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child1 .slide.side-menu__label1, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child2 .slide.side-menu__label1, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child3 .slide.side-menu__label1, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide__category, [data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open]) .app-sidebar .side-menu__angle, [data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open]) .app-sidebar .slide__category, [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .category-name, [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .main-sidebar-header .header-logo .desktop-white, [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .main-sidebar-header .header-logo .toggle-dark, [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .main-sidebar-header .header-logo .toggle-white, [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .side-menu__angle, [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .side-menu__item .badge, [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .side-menu__label, [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .main-sidebar-header .header-logo .desktop-white, [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .main-sidebar-header .header-logo .toggle-dark, [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .main-sidebar-header .header-logo .toggle-logo, [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .main-sidebar-header .header-logo .toggle-white, [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .slide__category:before, [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-theme-mode=dark] .main-sidebar-header .header-logo .desktop-dark, [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-theme-mode=dark] .main-sidebar-header .header-logo .desktop-logo, [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-theme-mode=dark] .main-sidebar-header .header-logo .desktop-white, [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-theme-mode=dark] .main-sidebar-header .header-logo .toggle-logo, [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-theme-mode=dark] .main-sidebar-header .header-logo .toggle-white, [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-theme-mode=dark][data-icon-overlay=open] .main-sidebar-header .header-logo .desktop-logo, [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-theme-mode=dark][data-icon-overlay=open] .main-sidebar-header .header-logo .desktop-white, [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-theme-mode=dark][data-icon-overlay=open] .main-sidebar-header .header-logo .toggle-dark, [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-theme-mode=dark][data-icon-overlay=open] .main-sidebar-header .header-logo .toggle-logo, [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-theme-mode=dark][data-icon-overlay=open] .main-sidebar-header .header-logo .toggle-white { display: none } .icon-click .app-sidebar .side-menu__icon, .icon-hover .app-sidebar .side-menu__icon, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .side-menu__icon, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .side-menu__icon, [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .side-menu__icon, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .side-menu__icon, [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .side-menu__icon { margin-inline-end: 0 } .icon-click .slide.side-menu__label1, .icon-hover .slide.side-menu__label1, [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide.side-menu__label1, [data-nav-style=icon-click][data-nav-layout=horizontal] .slide.side-menu__label1, [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide.side-menu__label1, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide.side-menu__label1 { display: block; padding: .5rem 1rem !important; border-block-end: 1px solid var(--default-border) } .icon-click .slide.has-sub .slide-menu, .icon-hover .slide.has-sub .slide-menu, [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide.has-sub .slide-menu, [data-nav-style=icon-click][data-nav-layout=horizontal] .slide.has-sub .slide-menu, [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide.has-sub .slide-menu, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide.has-sub .slide-menu { position: absolute !important; inset-inline-start: 5rem !important; background: var(--menu-bg); inset-block-start: auto !important; box-shadow: .125rem .063rem .5rem var(--black-1); transition: none !important } .icon-click .slide.has-sub .slide-menu.child2, .icon-click .slide.has-sub .slide-menu.child3, .menu-click .app-sidebar .slide.has-sub .slide-menu.child2, .menu-click .app-sidebar .slide.has-sub .slide-menu.child3, [data-nav-style=icon-click][data-nav-layout=horizontal] .slide.has-sub .slide-menu.child2, [data-nav-style=icon-click][data-nav-layout=horizontal] .slide.has-sub .slide-menu.child3, [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide.has-sub .slide-menu.child2, [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide.has-sub .slide-menu.child3, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child2, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child3, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide.has-sub .slide-menu.child2, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide.has-sub .slide-menu.child3 { inset-inline-start: 12rem !important } .icon-click .slide-menu.child1 .side-menu__angle, .icon-click .slide-menu.child2 .side-menu__angle, .icon-click .slide-menu.child3 .side-menu__angle, .icon-hover .slide-menu.child1 .side-menu__angle, .icon-hover .slide-menu.child2 .side-menu__angle, .icon-hover .slide-menu.child3 .side-menu__angle, .menu-click .app-sidebar .slide-menu.child1 .side-menu__angle, .menu-click .app-sidebar .slide-menu.child2 .side-menu__angle, .menu-click .app-sidebar .slide-menu.child3 .side-menu__angle, [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide-menu.child1 .side-menu__angle, [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide-menu.child2 .side-menu__angle, [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide-menu.child3 .side-menu__angle, [data-nav-style=icon-click][data-nav-layout=horizontal] .slide-menu.child1 .side-menu__angle, [data-nav-style=icon-click][data-nav-layout=horizontal] .slide-menu.child2 .side-menu__angle, [data-nav-style=icon-click][data-nav-layout=horizontal] .slide-menu.child3 .side-menu__angle, [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide-menu.child1 .side-menu__angle, [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide-menu.child2 .side-menu__angle, [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide-menu.child3 .side-menu__angle, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide-menu.child1 .side-menu__angle, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide-menu.child2 .side-menu__angle, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide-menu.child3 .side-menu__angle, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 .side-menu__angle, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 .side-menu__angle, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child3 .side-menu__angle, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child1 .side-menu__angle, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child2 .side-menu__angle, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child3 .side-menu__angle { display: block; inset-inline-end: 0.5rem; inset-block-start: 0.65rem } [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide .slide-menu.child1, [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide .slide-menu.child2, [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide .slide-menu.child3, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide .slide-menu.child1, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide .slide-menu.child2, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide .slide-menu.child3, [data-nav-style=menu-click][data-nav-layout=vertical][data-toggled=menu-click-closed] .app-sidebar .slide .slide-menu.child1, [data-nav-style=menu-click][data-nav-layout=vertical][data-toggled=menu-click-closed] .app-sidebar .slide .slide-menu.child2, [data-nav-style=menu-click][data-nav-layout=vertical][data-toggled=menu-click-closed] .app-sidebar .slide .slide-menu.child3 { border-radius: 0 .5rem .5rem 0 } [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][dir=rtl] .app-sidebar .slide .slide-menu.child1, [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][dir=rtl] .app-sidebar .slide .slide-menu.child2, [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][dir=rtl] .app-sidebar .slide .slide-menu.child3, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][dir=rtl] .app-sidebar .slide .slide-menu.child1, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][dir=rtl] .app-sidebar .slide .slide-menu.child2, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][dir=rtl] .app-sidebar .slide .slide-menu.child3, [data-nav-style=menu-click][data-nav-layout=vertical][data-toggled=menu-click-closed][dir=rtl] .app-sidebar .slide .slide-menu.child1, [data-nav-style=menu-click][data-nav-layout=vertical][data-toggled=menu-click-closed][dir=rtl] .app-sidebar .slide .slide-menu.child2, [data-nav-style=menu-click][data-nav-layout=vertical][data-toggled=menu-click-closed][dir=rtl] .app-sidebar .slide .slide-menu.child3 { border-radius: .5rem 0 0 .5rem } [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar, [data-nav-style=menu-click][data-nav-layout=vertical][data-toggled=menu-click-closed] .app-sidebar { position: absolute } [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide-menu.child1 li.slide a, [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide-menu.child2 li.slide a, [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide-menu.child3 li.slide a, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide-menu.child1 li.slide a, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide-menu.child2 li.slide a, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide-menu.child3 li.slide a, [data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open]) .app-sidebar .side-menu__item { border-radius: 0 } .icon-hover .slide.has-sub .slide-menu.child2, .icon-hover .slide.has-sub .slide-menu.child3, [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide.has-sub .slide-menu.child2, [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide.has-sub .slide-menu.child3, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide.has-sub .slide-menu.child2, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide.has-sub .slide-menu.child3 { inset-inline-start: 11.81rem !important } .icon-hover .slide.has-sub:hover .slide-menu.child1, .icon-hover .slide.has-sub:hover .slide-menu.child1 .slide.has-sub:hover .slide-menu.child2, .icon-hover .slide.has-sub:hover .slide-menu.child1 .slide.has-sub:hover .slide-menu.child2 .slide.has-sub:hover .slide-menu.child3, [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide.has-sub:hover .slide-menu.child1, [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide.has-sub:hover .slide-menu.child1 .slide.has-sub:hover .slide-menu.child2, [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide.has-sub:hover .slide-menu.child1 .slide.has-sub:hover .slide-menu.child2 .slide.has-sub:hover .slide-menu.child3, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide.has-sub:hover .slide-menu.child1, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide.has-sub:hover .slide-menu.child1 .slide.has-sub:hover .slide-menu.child2, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide.has-sub:hover .slide-menu.child1 .slide.has-sub:hover .slide-menu.child2 .slide.has-sub:hover .slide-menu.child3, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .side-menu__angle, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .side-menu__angle { display: block !important } [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide-menu.child1, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide-menu.child2, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide-menu.child3 { padding: .1875rem } [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .slide__category { padding: .75rem 1.65rem } [data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open]) .app-sidebar { position: absolute; width: 9rem } [data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open]) .app-sidebar .main-sidebar-header { width: 9rem } .menu-click .app-sidebar .side-menu__icon, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .side-menu__icon, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .side-menu__icon, [data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open]) .app-sidebar .side-menu__icon { margin-inline-end: 0; margin-block-end: 0.5rem } .menu-click .app-sidebar .side-menu__item, .menu-click .app-sidebar .side-menu__label, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .side-menu__item, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .side-menu__label, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .side-menu__item, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .side-menu__label, [data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open]) .app-sidebar .side-menu__item, [data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open]) .app-sidebar .side-menu__label { display: block; text-align: center } [data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open])[data-menu-position=fixed] .app-sidebar { position: fixed } [data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open]) .app-header { padding-inline-start: 9rem } [data-vertical-style=icontext][data-toggled=icon-text-close] .app-content { margin-inline-start: 9rem } [data-vertical-style=icontext][data-toggled=icon-text-close][data-icon-text=open] .app-sidebar .side-menu__icon { margin-block-end: 0; margin-inline-end: .625rem } [data-vertical-style=icontext][data-toggled=icon-text-close][data-icon-text=open] .app-sidebar .slide { padding: 0 .625rem } [data-vertical-style=icontext][data-toggled=icon-text-close][data-icon-text=open] .app-sidebar .slide-menu .child2 li, [data-vertical-style=icontext][data-toggled=icon-text-close][data-icon-text=open] .app-sidebar .slide-menu .child3 li, [data-vertical-style=icontext][data-toggled=icon-text-close][data-icon-text=open] .app-sidebar .slide-menu.child1 li { padding: 0; padding-inline-start: 1.5rem } [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .side-menu__item, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .side-menu__item { display: flex !important; padding-top: .93rem; padding-inline-end: 1.75rem; padding-bottom: .93rem; padding-inline-start: 0.75rem } [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .side-menu__icon, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .side-menu__icon { margin-block-end: 0 !important; margin-inline-end: .35rem !important } [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu { inset-inline-start: auto !important } [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child1, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child1 { inset-block-start: 100% !important } [data-nav-style=menu-click][data-nav-layout=horizontal] .app-header { padding-inline-start: 9.5rem } [data-nav-style=menu-click][data-nav-layout=vertical][data-toggled=menu-click-closed] .app-sidebar .side-menu__item { border-radius: .5rem; margin: .25rem .25rem 0 !important } [data-nav-style=menu-click][data-nav-layout=vertical][data-toggled=menu-click-closed] .app-sidebar .side-menu__item:last-child { margin: .25rem !important } .menu-click .app-sidebar, .menu-click .app-sidebar .main-sidebar-header, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .main-sidebar-header, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .main-sidebar-header { width: 9.5rem } .menu-click .app-sidebar .slide.has-sub .slide-menu, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide.has-sub .slide-menu { position: absolute !important; inset-inline-start: 9.5rem !important; background: var(--menu-bg); inset-block-start: auto !important; box-shadow: .125rem .063rem .5rem var(--black-1); transition: none !important } .menu-click .app-content, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-content, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-content { margin-inline-start: 9.5rem } } .app-sidebar, .app-sidebar .main-sidebar-header { width: 15rem; background: var(--menu-bg); border-inline-end: 1px solid var(--menu-border-color); transition: 50ms } .main-sidebar { margin-block-start: 3.72rem; padding-block-start: 0.5rem; padding-block-end: 5rem; height: 100vh; position: relative; overflow: auto } .app-sidebar { height: 100%; position: fixed; inset-block-start: 0; inset-inline-start: 0; font-family: Montserrat, sans-serif; z-index: 103 } .app-sidebar .main-sidebar-header { height: 3.75rem; position: fixed; display: flex; z-index: 9; align-items: center; justify-content: center; padding: .813rem 1.25rem; border-block-end: 1px solid var(--menu-border-color) } .app-sidebar .slide__category { color: var(--menu-prime-color); font-size: .6rem; font-weight: 600; letter-spacing: .065rem; text-transform: uppercase; padding: .75rem 1.65rem; white-space: nowrap; opacity: .5; position: relative } .app-sidebar .slide { margin: 0; padding: 0 .75rem } .app-sidebar .side-menu__item { padding: .75rem; position: relative; display: flex; align-items: center; text-decoration: none; font-size: .78rem; color: var(--menu-prime-color); font-weight: 500; border-radius: .5rem } .app-sidebar .side-menu__item.active, .app-sidebar .side-menu__item:hover { color: var(--menu-prime-color); background-color: rgba(var(--light-rgb), .5) } .app-sidebar .side-menu__item.active .side-menu__angle, .app-sidebar .side-menu__item.active .side-menu__label, .app-sidebar .side-menu__item:hover .side-menu__angle, .app-sidebar .side-menu__item:hover .side-menu__label, .app-sidebar .slide-menu.child1 .side-menu__item:hover, .app-sidebar .slide-menu.child2 .side-menu__item:hover, .app-sidebar .slide-menu.child3 .side-menu__item:hover { color: var(--menu-prime-color) } .app-sidebar .side-menu__item.active .side-menu__icon, .app-sidebar .side-menu__item:hover .side-menu__icon { fill: var(--menu-prime-color); color: var(--menu-prime-color) } .app-sidebar .side-menu__item.active { font-weight: 600 } .app-sidebar .slide-menu.child1 .side-menu__item, .app-sidebar .slide-menu.child2 .side-menu__item { padding: .45rem 1.6rem } .app-sidebar .slide-menu.child1 .side-menu__item:before, .app-sidebar .slide-menu.child2 .side-menu__item:before, .app-sidebar .slide-menu.child3 .side-menu__item:before { position: absolute; content: ""; width: .3rem; height: .3rem; border: 1px solid var(--menu-prime-color); border-radius: 50%; background-color: transparent; inset-inline-start: 0.5rem; opacity: .5 } .app-sidebar .slide-menu.child1 .side-menu__item:hover:before, .app-sidebar .slide-menu.child2 .side-menu__item:hover:before, .app-sidebar .slide-menu.child3 .side-menu__item:hover:before { content: ""; border: 1px solid var(--menu-prime-color) } .app-sidebar .slide-menu.child1 .side-menu__item.active:before, .app-sidebar .slide-menu.child2 .side-menu__item.active:before, .app-sidebar .slide-menu.child3 .side-menu__item.active:before { position: absolute; content: ""; width: .3rem; height: .3rem; border: 1px solid var(--menu-prime-color); border-radius: 50%; background-color: transparent; opacity: 1 } .app-sidebar .slide-menu.child1 li, .app-sidebar .slide-menu.child2 li, .app-sidebar .slide-menu.child3 li { padding: 0; padding-inline-start: 1.5rem; position: relative } .app-sidebar .side-menu__label { white-space: nowrap; color: var(--menu-prime-color); position: relative; font-size: .85rem; line-height: 1; vertical-align: middle } .app-sidebar .side-menu__icon { margin-inline-end: .625rem; width: 1.15rem; height: 1.15rem; font-size: 1.15rem; text-align: center; color: var(--menu-prime-color); fill: var(--menu-prime-color); border-radius: .5rem } .app-sidebar .side-menu__angle { transform-origin: center; position: absolute; inset-inline-end: 0.75rem; font-size: .85rem; color: var(--menu-prime-color); transition: 50ms } .ecommerce-more-link:after, .ecommerce-more-link:before { inset-inline-end: 0.5rem; font-family: bootstrap-icons !important; inset-block-start: 0.313rem; font-weight: 700 } .landing-body .team-card, .landing-body .team-card:hover { transition: box-shadow .2s ease-in } .horizontal-logo { padding: .85rem 0 } .slide.has-sub .slide-menu { transform: translate(0) !important; visibility: visible !important } .nav ul li { list-style-type: none } .nav>ul { padding-inline-start: 0px } .slide.has-sub { display: grid } .slide.has-sub.open>.side-menu__item .side-menu__angle { transform: rotate(90deg) } [data-nav-layout=vertical] .slide.has-sub.active>.side-menu__item { margin-block: 0.25rem } #responsive-overlay { visibility: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 101; background-color: #0f172a80; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: .1s } #responsive-overlay.active { visibility: visible } .file-manager-container, .main-chart-wrapper, .main-mail-container { position: relative; overflow: hidden; margin: 0 -1.25rem } .main-chart-wrapper .chat-info, .main-chart-wrapper .chat-user-details, .main-chart-wrapper .main-chat-area { background-color: var(--custom-white); height: calc(100vh - 8rem); border-radius: .5rem } .main-chart-wrapper .chat-calls-tab, .main-chart-wrapper .chat-groups-tab, .main-chart-wrapper .chat-users-tab { max-height: calc(100vh - 21rem) } .main-chart-wrapper .chat-content { max-height: calc(100vh - 17rem) } .main-chart-wrapper .chat-content .simplebar-content-wrapper .simplebar-content { margin-top: auto } .main-chart-wrapper .chat-info .chat-add-icon { position: absolute; inset-block-end: 0.75rem; inset-inline-end: 0.8rem; z-index: 1; box-shadow: 0 0 .5rem rgba(var(--secondary-rgb), .5) } .main-chart-wrapper .chat-info .nav-link { color: var(--text-muted); border-radius: 0 } .main-chart-wrapper .chat-info .chat-groups-tab .group-indivudial { color: var(--primary-color); font-weight: 600 } .main-chart-wrapper .chat-info .chat-calls-tab .incoming-call-success i, .main-chart-wrapper .chat-info .chat-calls-tab .outgoing-call-success i { color: rgb(var(--success-rgb)); font-size: .875rem } .main-chart-wrapper .chat-info .chat-calls-tab .incoming-call-failed i, .main-chart-wrapper .chat-info .chat-calls-tab .outgoing-call-failed i { color: rgb(var(--danger-rgb)); font-size: .875rem } .main-chart-wrapper .chat-info .chat-groups-tab li .chat-msg, .main-chart-wrapper .chat-info .chat-users-tab li .chat-msg { color: var(--text-muted); max-width: 11.25rem; display: inline-block } .main-chart-wrapper .chat-info .chat-groups-tab li .chat-read-icon i, .main-chart-wrapper .chat-info .chat-users-tab li .chat-read-icon i { font-size: 1rem; color: rgb(var(--success-rgb)) } .main-chart-wrapper .chat-user-details .avatar { outline: .25rem solid var(--primary02) } .main-chart-wrapper .chat-user-details .shared-files .shared-file-icon i { width: 1rem; height: 1rem; line-height: 1rem; border-radius: .3rem; border: 1px solid var(--default-border); display: flex; align-items: center; padding: 1.125rem; justify-content: center; font-size: 1.125rem; color: var(--text-muted) } .main-chart-wrapper .chat-user-details .chat-media img { width: 100%; border-radius: .5rem; margin-bottom: 1.25rem } .main-chart-wrapper .main-chat-area .chat-content { background-size: cover; background-position: center; background-repeat: no-repeat; background-attachment: fixed; padding: 2.5rem } .main-chart-wrapper .main-chat-area .chat-content .chatting-user-info { color: var(--default-text-color); font-weight: 500; font-size: .813rem } .main-chart-wrapper .main-chat-area .chat-content .chatting-user-info .msg-sent-time { color: var(--text-muted); font-size: .7rem; font-weight: 450 } .main-chart-wrapper .main-chat-area .chat-content .chatting-user-info .msg-sent-time .chat-read-mark i { color: rgb(var(--success-rgb)); margin-inline-end: .3rem } .main-chart-wrapper .main-chat-area .chat-content .main-chat-msg div { margin-block-start: 0.4rem; padding: .75rem } .main-chart-wrapper .main-chat-area .chat-content .main-chat-msg div .chat-media-image { width: 6.25rem; height: 6.25rem; border-radius: .5rem } .main-chart-wrapper .main-chat-area .chat-content .chat-item-start .main-chat-msg div { background-color: rgb(var(--light-rgb)); color: var(--default-text-color); border-start-start-radius: 1rem; border-start-end-radius: 1rem; border-end-end-radius: 1rem; border-end-start-radius: 0.1rem } .main-chart-wrapper .main-chat-area .chat-content .chat-item-start .msg-sent-time { margin-inline-start: .25rem } .main-chart-wrapper .main-chat-area .chat-content .chat-item-end { justify-content: end; text-align: left } .main-chart-wrapper .main-chat-area .chat-content .chat-item-end .main-chat-msg div { background-color: var(--primary-color); color: #fff; border-start-start-radius: 1rem; border-start-end-radius: 1rem; border-end-end-radius: 0.1rem; border-end-start-radius: 1rem } .main-chart-wrapper .main-chat-area .chat-content .chat-item-end, .main-chart-wrapper .main-chat-area .chat-content .chat-item-start { display: flex } .main-chart-wrapper .main-chat-area .chat-content .chat-item-end .chat-list-inner, .main-chart-wrapper .main-chat-area .chat-content .chat-item-start .chat-list-inner { display: flex; align-items: top; max-width: 75% } .main-chart-wrapper .main-chat-area .chat-footer { width: 100%; box-shadow: 0 .25rem 1rem #0000001a; flex-shrink: 0; display: flex; align-items: center; height: 4.75rem; padding: 0 1.5rem; border-top: 1px solid var(--default-border); background-color: var(--custom-white); position: absolute; inset-inline-start: auto; inset-inline-end: auto; inset-block-end: 0 } .main-chart-wrapper .main-chat-area .chat-day-label { text-align: center; color: var(--text-muted); margin-block-end: 2rem; opacity: .6; position: relative } .main-chart-wrapper .main-chat-area .chat-day-label span { padding: .188rem .5rem; font-size: .7rem; background-color: var(--primary02); border-radius: .3rem; color: var(--primary-color) } .main-chart-wrapper .main-chat-area { position: relative; width: 100%; max-width: 100%; overflow: hidden } .main-chart-wrapper .chat-user-details { padding: 1.5rem; min-width: 21.875rem; max-width: 21.875rem } @media (max-width:1275.98px) and (min-width:992px) { .main-chart-wrapper .chat-info { min-width: 21.875rem; max-width: 21.875rem } .main-chart-wrapper .main-chat-area { width: 100%; max-width: 100%; overflow: hidden } .main-chart-wrapper .chat-user-details { display: none } } @media (max-width:1400px) { .main-chart-wrapper .chat-user-details { display: none; position: absolute } .main-chart-wrapper .chat-user-details.open { display: block; inset-inline-end: 0; inset-block-start: 0.5rem; box-shadow: 0 .125rem #0a0a0a0a; border-inline-start: 1px solid var(--default-border) } .main-chart-wrapper button.responsive-userinfo-open { display: block } } @media (max-width:354px) { .main-chart-wrapper .chat-calls-tab, .main-chart-wrapper .chat-groups-tab, .main-chart-wrapper .chat-users-tab { max-height: calc(100vh - 22rem) } } .product-card:hover .product-icons .cart, .product-card:hover .product-icons .view, .product-card:hover .product-icons .wishlist { position: absolute; width: 1.75rem; height: 1.75rem; border-radius: .5rem; display: flex; align-items: center; justify-content: center } .product-colors, .product-sizes { width: 2rem; height: 2rem; align-items: center; margin-inline-end: .5rem; display: flex } .product-card:hover .product-icons .cart i, .product-card:hover .product-icons .view i, .product-card:hover .product-icons .wishlist i { font-size: .9rem } .product-card:hover .product-icons .wishlist { background-color: rgba(var(--danger-rgb), .2); color: rgb(var(--danger-rgb)); inset-block-start: 1.75rem; inset-inline-end: 1.75rem } .product-card:hover .product-icons .cart { background-color: rgba(var(--primary-rgb), .2); color: var(--primary-color); inset-block-start: 4rem; inset-inline-end: 1.75rem } .product-card:hover .product-icons .view { background-color: rgba(var(--success-rgb), .2); color: rgb(var(--success-rgb)); inset-block-start: 6.25rem; inset-inline-end: 1.75rem } .ecommerce-more-link { position: relative; padding: .3rem 1.5rem .3rem .75rem; background-color: var(--primary01); color: var(--primary-color); border-radius: .5rem; font-weight: 500; font-size: .625rem } .file-manager-container .file-details img, .product-colors, .product-images .products-review-images img, .product-sizes, .similar-products-image img { background-color: rgb(var(--light-rgb)) } .file-manager-container ul.files-main-nav li div, .mail-navigation ul.mail-main-nav li div, .product-documents-container .filepond--root .filepond--drop-label label, .product-sizes { color: var(--text-muted) } .ecommerce-more-link:before { position: absolute; content: "" } .ecommerce-more-link:after { position: absolute; content: ""; display: none } [dir=rtl] .ecommerce-more-link { padding: .3rem .75rem .3rem 1.5rem } [dir=rtl] .ecommerce-more-link:after, [dir=rtl] .ecommerce-more-link:before { inset-inline-end: -0.5rem } .products-navigation-card .form-check-label { font-size: .813rem; font-weight: 500 } .swiper-view-details .swiper-slide { background-color: var(--custom-white) !important; border: 1px solid var(--default-border); border-radius: .5rem !important } .swiper-preview-details .swiper-button-next, .swiper-preview-details .swiper-button-prev { background-color: var(--black-1); color: var(--custom-white) !important } .product-colors { justify-content: center; border-radius: 3.125rem; border: 1px solid var(--default-border) } .fs-24, .product-colors i { font-size: 1.5rem } .fs-12, .product-sizes, .productupload-image-container .filepond--drop-label label, .productupload-image-container1 .filepond--drop-label label, .productupload-image-container2 .filepond--drop-label label { font-size: .75rem } .product-colors.color-2.selected { border: .125rem solid #fff } .product-colors.color-4.selected { border: .125rem solid #514f4d } .product-colors.color-4 i { color: #514f4d } .product-colors.color-1.selected { border: .125rem solid #e9d2d1 } .product-colors.color-1 i { color: #e9d2d1 } .product-colors.color-3.selected { border: .125rem solid #c2c3c7 } .product-colors.color-3 i { color: #c2c3c7 } .product-colors.color-5.selected { border: .125rem solid #4a6181 } .product-colors.color-5 i { color: #4a6181 } .product-sizes { justify-content: center; border-radius: 3.125rem; border: 1px solid var(--default-border) } .offer-promotion { position: relative; padding: .5rem; background-color: rgba(var(--warning-rgb), .1); border: 1px solid var(--default-border); border-radius: .5rem } .offer-promotion .offer-details { position: absolulte; border: 1px dashed rgb(var(--warning-rgb)); padding: .25rem .5rem; border-radius: .5rem } .ecommerce-assurance { border: 1px dashed rgb(var(--success-rgb)); border-radius: .5rem; text-align: center; padding: 1rem 1.5rem } .ecommerce-assurance svg, .file-manager-container .folder-svg-container svg { width: 3rem; height: 3rem } .product-images { padding-inline-start: 1.875rem } .product-images .products-review-images img { width: 3.125rem; height: 3.125rem; margin-inline-end: .25rem; border-radius: .5rem } .similar-products-image img { width: 3rem; height: 3rem; border-radius: .5rem } .similar-product-name { max-width: 80% } .product-quantity-container .input-group .product-quantity-minus.btn:focus, .product-quantity-container .input-group .product-quantity-minus.btn:hover, .product-quantity-container .input-group .product-quantity-plus.btn:focus, .product-quantity-container .input-group .product-quantity-plus.btn:hover { border-color: var(--input-border) } .cart-empty svg { width: 6.25rem; height: 6.25rem; margin-block-end: 1.25rem; fill: var(--default-text-color) } .product-checkout .payment-card-container, .product-checkout .shipping-method-container { position: relative; padding: .625rem; border: 1px solid var(--input-border); border-radius: .5rem } .product-checkout .payment-card-container .form-check-input, .product-checkout .shipping-method-container .form-check-input { position: absolute; inset-inline-end: 0.75rem; inset-block-start: 1.2rem } .checkout-payment-success { text-align: center } .checkout-payment-success img { width: 200px; height: 200px } @media screen and (max-width:575px) { #shipped-tab-pane .btn-group .btn { width: 100%; border-radius: .5rem } } .orders-delivery-address { width: 75% } .delivery-date { width: 60px; height: 60px; padding: 10px; background-color: var(--primary005); align-items: center; justify-content: center; display: flex; flex-direction: column; border-radius: .3rem; animation-fill-mode: backwards } .order-track:before { content: ""; inset-inline-start: 20px; inset-block-start: 0; inset-inline-end: 0; inset-block-end: 0; position: absolute; width: 1px; border-inline-start: 1px dashed var(--primary-color); height: 100%; opacity: .2 } .color-selection .choices__input, .task-details-progress { width: 6.25rem } .product-image-default { width: 100%; height: 16.25rem } .productupload-image-container .filepond--root[data-style-panel-layout~=circle], .productupload-image-container1 .filepond--root[data-style-panel-layout~=circle], .productupload-image-container2 .filepond--root[data-style-panel-layout~=circle] { border-radius: .5rem; width: 100% } .productupload-image-container .filepond--drop-label.filepond--drop-label label, .productupload-image-container1 .filepond--drop-label.filepond--drop-label label, .productupload-image-container2 .filepond--drop-label.filepond--drop-label label { padding: 2em } .productupload-image-container .filepond--drop-label, .productupload-image-container1 .filepond--drop-label, .productupload-image-container2 .filepond--drop-label, .text-muted { color: var(--text-muted) !important } .productupload-image-container .filepond--panel-root, .productupload-image-container1 .filepond--panel-root, .productupload-image-container2 .filepond--panel-root { border: .125rem dashed var(--input-border) !important } .productupload-image-container .filepond--root[data-style-panel-layout~=circle] .filepond--image-preview-wrapper, .productupload-image-container1 .filepond--root[data-style-panel-layout~=circle] .filepond--image-preview-wrapper, .productupload-image-container2 .filepond--root[data-style-panel-layout~=circle] .filepond--image-preview-wrapper { border-radius: .3rem } .productupload-image-container .filepond--root[data-style-panel-layout~=circle] { height: 16.25rem !important } .productupload-image-container .filepond--file, .productupload-image-container .filepond--root[data-style-panel-layout~=circle] .filepond--image-preview-wrapper { height: 16.25rem } .productupload-image-container1 .filepond--file, .productupload-image-container1 .filepond--root[data-style-panel-layout~=circle], .productupload-image-container1 .filepond--root[data-style-panel-layout~=circle] .filepond--image-preview-wrapper, .productupload-image-container2 .filepond--file, .productupload-image-container2 .filepond--root[data-style-panel-layout~=circle], .productupload-image-container2 .filepond--root[data-style-panel-layout~=circle] .filepond--image-preview-wrapper { height: 7.375rem !important } .productupload-image-container1 .filepond--file [data-align*=bottom], .productupload-image-container2 .filepond--file [data-align*=bottom] { bottom: 9.125em } .product-img-icon { font-size: 1.625rem !important; opacity: .5 } .product-documents-container .filepond--panel-root { border-color: var(--input-border) !important; border-radius: .5rem } #product-features { max-height: 12.5rem; overflow-y: scroll } .file-manager-container .file-manager-folders, .file-manager-container .file-manager-navigation, .file-manager-container .selected-file-details { background-color: var(--custom-white); height: calc(100vh - 8rem) } .file-manager-container .files-main-nav { max-height: calc(100vh - 17.5rem) } .file-manager-container .file-folders-container, .file-manager-container .filemanager-file-details { max-height: calc(100vh - 11.9rem) } @media (min-width:576px) { .team-member-card .team-member-details { padding-inline-start: 4.75rem } .team-member-card .avatar { inset-inline-start: 1rem } .team-member-card .team-member-stats div { border-inline-end: 1px dashed var(--default-border); width: 100% } .team-member-card .team-member-stats div:last-child { border-inline-end: 0 } .contactus-form { position: relative; inset-block-start: -6.25rem } .about-company-stats { position: absolute; bottom: -5rem; z-index: 10; inset-inline-start: 0; inset-inline-end: 0 } .about-company-stats .about-company-stats-border { border-inline-end: 1px dashed var(--black-1) } .aboutus-banner { padding: 4rem; margin-block-end: 8rem } .crypto-buy-sell-input { width: 60% !important } .product-checkout .payment-card-container .saved-card-details, .product-checkout .payment-card-container .shipping-partner-details, .product-checkout .shipping-method-container .saved-card-details, .product-checkout .shipping-method-container .shipping-partner-details { width: 12.5rem } .file-manager-container .file-manager-navigation { width: 30rem } .w-sm-50 { width: 50% !important } } .file-manager-container .selected-file-details { width: 40rem } .file-manager-container ul.files-main-nav { padding: 1rem; margin-block-end: 0 } .file-manager-container ul.files-main-nav li { padding: .5rem .75rem; border-radius: .5rem; margin-block-end: 0.15rem } .file-manager-container ul.files-main-nav li div.filemanager-upgrade-storage { width: 235px; height: auto; background-color: rgb(var(--light-rgb)); border: 2px dashed var(--default-border); border-radius: .5rem; text-align: center; color: var(--default-text-color); padding: 1rem } .file-manager-container ul.files-main-nav li div.filemanager-upgrade-storage img { width: 150px; height: 150px } .file-manager-container .file-format-icon svg { width: 2.2rem; height: 2.2rem } .file-manager-container .file-details img { width: 150px; height: 150px; border-radius: .5rem } @media (max-width:1200px) { .file-manager-container .selected-file-details { display: none } .file-manager-container .selected-file-details.open { width: 19.5rem; position: absolute; display: block; inset-inline-end: 0; inset-block-start: 0.5rem; box-shadow: 0 .125rem #0a0a0a0a; border-inline-start: 1px solid var(--default-border) } } @media (max-width:365px) { .file-manager-container .file-folders-container { max-height: calc(100vh - 12.9rem) } } .landing-body .app-sidebar .side-menu__item.active, .landing-body .app-sidebar .side-menu__item:hover, .landing-body .app-sidebar.sticky.sticky-pin .side-menu__item.active .side-menu__angle, .landing-body .app-sidebar.sticky.sticky-pin .side-menu__item.active .side-menu__label, .link-primary, .link-primary:active, .link-primary:focus, .link-primary:hover { color: var(--primary-color) !important } .landing-body .app-sidebar .side-menu__item { padding: .8rem 1rem } .landing-body .app-sidebar.sticky.sticky-pin .side-menu__item.active { font-weight: 400 } .landing-body .featur-icon { width: 75px; height: 75px; padding: 14px; border-radius: 50px; background-color: #ffffff0d; box-shadow: 0 4px 16px #0000001a; margin: 0 auto } .landing-body .feature-logos { display: flex; justify-content: center } .landing-body .landing-Features { position: relative; width: 100%; height: 100%; inset-block-start: 0; background-image: url(http://127.0.1:8000/build/assets/images/media/landing/2.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; z-index: 9 } .landing-body .landing-Features:before { content: ""; position: absolute; width: 100%; height: 100%; background: rgba(var(--primary-rgb), .9); top: 0; z-index: -1 } .bg-banner-2, .landing-body .landing-banner, .ynex-kanban-board .task-Null:before { background-size: cover; background-position: center } .landing-body .app-sidebar .slide-menu.child1 .side-menu__item.active:before { width: .35rem; height: .35rem; border: 0; border-radius: 1.0625rem; background-color: var(--primary-color); inset-block-start: 12px !important } @media (min-width:992px) { [data-nav-style=menu-hover][data-nav-layout=vertical][data-toggled=menu-hover-closed] .app-sidebar, [data-toggled=open] .page { position: absolute } [data-nav-style=menu-hover][data-nav-layout=vertical][data-toggled=menu-hover-closed] .app-sidebar .side-menu__item { border-radius: .5rem; margin: .25rem .25rem 0 !important } [data-nav-style=menu-hover][data-nav-layout=vertical][data-toggled=menu-hover-closed] .app-sidebar .side-menu__item:last-child { margin: .25rem !important } [data-nav-style=menu-hover][data-nav-layout=vertical][data-toggled=menu-hover-closed] .app-sidebar .slide .slide-menu.child1, [data-nav-style=menu-hover][data-nav-layout=vertical][data-toggled=menu-hover-closed] .app-sidebar .slide .slide-menu.child2, [data-nav-style=menu-hover][data-nav-layout=vertical][data-toggled=menu-hover-closed] .app-sidebar .slide .slide-menu.child3 { border-radius: 0 .5rem .5rem 0 } [data-nav-style=menu-hover][data-nav-layout=vertical][data-toggled=menu-hover-closed][dir=rtl] .app-sidebar .slide .slide-menu.child1, [data-nav-style=menu-hover][data-nav-layout=vertical][data-toggled=menu-hover-closed][dir=rtl] .app-sidebar .slide .slide-menu.child2, [data-nav-style=menu-hover][data-nav-layout=vertical][data-toggled=menu-hover-closed][dir=rtl] .app-sidebar .slide .slide-menu.child3 { border-radius: .5rem 0 0 .5rem } .menu-hover .app-sidebar, .menu-hover .app-sidebar .main-sidebar-header, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .main-sidebar-header, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .main-sidebar-header { width: 9.5rem } .menu-hover .app-sidebar .main-sidebar, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .main-sidebar, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .main-sidebar { overflow: visible; height: 90% } .menu-hover .app-sidebar .side-menu__icon, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .side-menu__icon, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .side-menu__icon { margin-inline-end: 0; margin-block-end: 0.5rem } .landing-body .main-content, .menu-hover .app-sidebar .slide, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide { padding: 0 } .menu-hover .app-sidebar .slide-menu.child1, .menu-hover .app-sidebar .slide-menu.child2, .menu-hover .app-sidebar .slide-menu.child3, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child1, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child2, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child3, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child1, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child2, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child3 { min-width: 12rem; display: none !important } .menu-hover .app-sidebar .slide-menu.child1 .slide .side-menu__item, .menu-hover .app-sidebar .slide-menu.child2 .slide .side-menu__item, .menu-hover .app-sidebar .slide-menu.child3 .slide .side-menu__item, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 .slide .side-menu__item, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 .slide .side-menu__item, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child3 .slide .side-menu__item, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child1 .slide .side-menu__item, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child2 .slide .side-menu__item, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child3 .slide .side-menu__item { text-align: start } .menu-hover .app-sidebar .slide-menu.child1 .slide .side-menu__item:before, .menu-hover .app-sidebar .slide-menu.child2 .slide .side-menu__item:before, .menu-hover .app-sidebar .slide-menu.child3 .slide .side-menu__item:before, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 .slide .side-menu__item:before, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 .slide .side-menu__item:before, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child3 .slide .side-menu__item:before, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child1 .slide .side-menu__item:before, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child2 .slide .side-menu__item:before, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child3 .slide .side-menu__item:before { inset-block-start: 0.938rem; inset-inline-start: 0.75rem } .horizontal-logo, .landing-body .app-header, .landing-body .app-sidebar.sticky.sticky-pin .landing-logo-container .horizontal-logo .desktop-white, .landing-body .landing-logo-container .horizontal-logo .header-logo .desktop-logo, .landing-body .main-menu-container .slide-left, .landing-body .main-menu-container .slide-right, .menu-hover .app-sidebar .side-menu__angle, .menu-hover .app-sidebar .slide-menu.child1 .slide.has-sub.side-menu__label1, .menu-hover .app-sidebar .slide-menu.child1 .slide.side-menu__label1, .menu-hover .app-sidebar .slide-menu.child2 .slide.has-sub.side-menu__label1, .menu-hover .app-sidebar .slide-menu.child2 .slide.side-menu__label1, .menu-hover .app-sidebar .slide-menu.child3 .slide.has-sub.side-menu__label1, .menu-hover .app-sidebar .slide-menu.child3 .slide.side-menu__label1, .menu-hover .app-sidebar .slide__category, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .side-menu__angle, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 .slide.side-menu__label1, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 .slide.side-menu__label1, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child3 .slide.side-menu__label1, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide__category, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .side-menu__angle, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child1 .slide.side-menu__label1, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child2 .slide.side-menu__label1, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child3 .slide.side-menu__label1, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide__category { display: none } .landing-body .main-sidebar-header, .menu-hover .app-sidebar .slide.has-sub:hover .slide-menu.child1, .menu-hover .app-sidebar .slide.has-sub:hover .slide-menu.child1 .slide.has-sub:hover .slide-menu.child2, .menu-hover .app-sidebar .slide.has-sub:hover .slide-menu.child1 .slide.has-sub:hover .slide-menu.child2 .slide.has-sub:hover .slide-menu.child3, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide.has-sub:hover .slide-menu.child1, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide.has-sub:hover .slide-menu.child1 .slide.has-sub:hover .slide-menu.child2, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide.has-sub:hover .slide-menu.child1 .slide.has-sub:hover .slide-menu.child2 .slide.has-sub:hover .slide-menu.child3, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide.has-sub:hover .slide-menu.child1, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide.has-sub:hover .slide-menu.child1 .slide.has-sub:hover .slide-menu.child2, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide.has-sub:hover .slide-menu.child1 .slide.has-sub:hover .slide-menu.child2 .slide.has-sub:hover .slide-menu.child3 { display: block !important } .menu-hover .app-sidebar .slide-menu.child1 .side-menu__angle, .menu-hover .app-sidebar .slide-menu.child2 .side-menu__angle, .menu-hover .app-sidebar .slide-menu.child3 .side-menu__angle, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 .side-menu__angle, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 .side-menu__angle, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child3 .side-menu__angle, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child1 .side-menu__angle, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child2 .side-menu__angle, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child3 .side-menu__angle { display: block; inset-inline-end: 0.5rem; inset-block-start: 0.65rem } .menu-hover .app-sidebar .side-menu__item, .menu-hover .app-sidebar .side-menu__label, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .side-menu__item, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .side-menu__label, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .side-menu__item, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .side-menu__label { display: block; text-align: center } .menu-hover .app-sidebar .slide.has-sub .slide-menu, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide.has-sub .slide-menu { position: absolute !important; inset-inline-start: 9.5rem !important; background: var(--menu-bg); inset-block-start: auto !important; box-shadow: .125rem .063rem .5rem var(--black-1); transition: none !important } .menu-hover .app-sidebar .slide.has-sub .slide-menu.child2, .menu-hover .app-sidebar .slide.has-sub .slide-menu.child3, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child2, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child3, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide.has-sub .slide-menu.child2, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide.has-sub .slide-menu.child3 { inset-inline-start: 12rem !important } .menu-hover .app-sidebar .simplebar-content-wrapper, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .simplebar-content-wrapper, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .simplebar-content-wrapper { position: initial } .menu-hover .app-sidebar .simplebar-mask, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .simplebar-mask, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .simplebar-mask { position: inherit } .menu-hover .app-sidebar .simplebar-placeholder, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .simplebar-placeholder, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .simplebar-placeholder { height: auto !important } .menu-hover .app-header, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-header, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-header { padding-inline-start: 9.5rem } .menu-hover .app-content, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-content, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-content { margin-inline-start: 9.5rem } [data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-content, [data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-content, [data-toggled=icon-text-close]:not([data-nav-layout=horizontal]) .app-content, [data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-content, [data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-content { min-height: calc(100vh + 50rem) } .main-chart-wrapper .chat-info { min-width: 21.875rem; max-width: 21.875rem } .landing-body .app-sidebar.sticky.sticky-pin .side-menu__item:hover .side-menu__angle, .landing-body .app-sidebar.sticky.sticky-pin.app-sidebar .side-menu__item:hover .side-menu__label, [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body .app-sidebar .side-menu__item:hover .side-menu__angle, [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child1 .slide .side-menu__item.active .side-menu__angle, [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child1 .slide .side-menu__item:hover .side-menu__angle, [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child2 .slide .side-menu__item.active .side-menu__angle, [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child2 .slide .side-menu__item:hover .side-menu__angle, [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child3 .slide .side-menu__item.active .side-menu__angle, [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child3 .slide .side-menu__item:hover .side-menu__angle { color: var(--primary-color) !important } [data-nav-style=menu-click][data-nav-layout=horizontal][data-theme-mode=dark] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child1:before { border-block-start-color: #0000001a; border-inline-start-color: #0000001a } [data-nav-style=menu-click][data-nav-layout=horizontal][data-theme-mode=dark][dir=rtl] .slide.has-sub.open .slide-menu.child1:before { border-inline-end-color: var(--border); border-inline-start-color: transparent !important } [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body .app-sidebar .side-menu__item .side-menu__angle { color: #fff } [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child1 .slide .side-menu__item .side-menu__angle, [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child2 .slide .side-menu__item .side-menu__angle, [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child3 .slide .side-menu__item .side-menu__angle { color: var(--menu-prime-color) !important } [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child1 .slide .side-menu__item.active, [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child1 .slide .side-menu__item:hover, [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child2 .slide .side-menu__item.active, [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child2 .slide .side-menu__item:hover, [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child3 .slide .side-menu__item.active, [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child3 .slide .side-menu__item:hover { color: var(--primary-color) } [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child1 .slide .side-menu__item.active:before, [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child1 .slide .side-menu__item:hover:before, [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child2 .slide .side-menu__item.active:before, [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child2 .slide .side-menu__item:hover:before, [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child3 .slide .side-menu__item.active:before, [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child3 .slide .side-menu__item:hover:before { border-color: var(--primary-color) !important } [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body .app-sidebar .side-menu__item { border-radius: .25rem; padding: .3rem; padding-inline-end: 1.3rem; padding-inline-start: 1.3rem } [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body .app-sidebar .slide-menu.child1 { border-radius: .25rem; padding: .55rem .3rem } [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body .app-sidebar .slide-menu.child1 .side-menu__item { padding: .33rem 1.6rem } [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child1 { overflow: visible !important } [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child1:before { content: ""; position: inherit !important; inset-block-start: -7px; inset-inline-start: 10%; width: 13px; height: 13px; z-index: 99999; border: 1px solid transparent; border-block-start-color: var(--border); border-inline-start-color: var(--border); transform: rotate(45deg); background-color: var(--custom-white) } [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body .app-sidebar .side-menu__item.active, [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body .app-sidebar .side-menu__item:hover { background-color: transparent !important; background-color: var(--primary-color); color: var(--primary-color) } [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body .app-sidebar .slide-menu.child1 .slide .side-menu__item:before { inset-block-start: 0.838rem; inset-inline-start: 0.65rem } [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body .app-sidebar .side-menu__label { color: #fff; opacity: .8 } [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body .app-sidebar .side-menu__item.active .side-menu__angle, [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body .app-sidebar .side-menu__item.active .side-menu__label, [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body .app-sidebar .side-menu__item:hover .side-menu__angle, [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body .app-sidebar .side-menu__item:hover .side-menu__label { color: #fff !important } .flex-none { flex: none } .landing-body .app-sidebar { inset-block-start: 0; padding: .5rem 0; height: auto !important; background-color: var(--primary01); box-shadow: none; border-inline-end: 0 } .landing-body .app-sidebar .main-sidebar { height: auto !important; width: 100% } .landing-body .app-sidebar.sticky.sticky-pin { background-color: var(--custom-white); box-shadow: 0 .25rem 1rem var(--black-1) } .landing-body .app-sidebar.sticky.sticky-pin .side-menu__item .side-menu__angle { color: var(--menu-prime-color) } .landing-body .app-sidebar.sticky.sticky-pin.app-sidebar .side-menu__label { color: var(--custom-black) } .landing-body .app-sidebar.sticky.sticky-pin .landing-logo-container .horizontal-logo .desktop-logo, .landing-body .landing-logo-container .horizontal-logo .header-logo .desktop-white { display: block } .landing-body .app-sidebar.app-sidebar .slide.has-sub.open .slide-menu.child1:before { border-block-start-color: var(--default-border) !important; border-inline-start-color: var(--default-border) !important } .landing-body .main-menu-container { display: flex; align-items: center; justify-content: space-between } [data-theme-mode=dark] .landing-body .main-menu-container .landing-logo-container .horizontal-logo .header-logo .desktop-logo { display: none !important } } .landing-body .main-menu-container .main-menu { padding-inline-start: 0 } .landing-body .section { padding: 3.375rem 0; background-size: cover; position: relative } .landing-body .landing-banner { position: relative; width: 100%; inset-block-start: 0; background-image: url(http://127.0.1:8000/build/assets/images/media/landing/banner.jpg); background-repeat: no-repeat } .landing-body .landing-banner:before { content: ""; position: absolute; width: 100%; height: 100%; background-color: var(--primary07) } .landing-body .landing-banner .main-banner-container { padding: 4rem 3rem } .landing-body .landing-banner .landing-banner-heading { line-height: 1.25; text-shadow: 1px 1px var(--black-1); font-size: 3rem; font-weight: 600; color: #fff } @media (max-width:767.98px) { .main-chart-wrapper .main-chat-area .chat-content .main-chat-msg div .chat-media-image { width: 2.5rem; height: 2.5rem } .landing-body .landing-main-image { display: none } .landing-body .landing-banner .main-banner-container { padding: 1rem } } @media (max-width:1115.98px) { .landing-body .landing-main-image:after, .landing-body .landing-main-image:before { display: none } } .landing-body .landing-main-image { position: relative; z-index: 10 } .landing-body .landing-main-image img { z-index: 11; position: relative; width: 27.063rem; height: 26.063rem; margin-block-start: -10px } .landing-body .landing-main-image:before { content: ""; position: absolute; inset-block-start: 0rem; border-radius: 50%; box-shadow: 0 3rem 10rem var(--white-1) !important } .landing-body .landing-main-image:after { content: ""; position: absolute; width: 12.5rem; height: 12.5rem; background-color: transparent; border: .125rem dashed var(--primary05); opacity: .3; inset-inline-start: 5.1rem; inset-block-end: 4.4rem } .landing-body .landing-page-wrapper { position: relative; min-height: calc(100vh - 3.4rem) } .landing-body .main-landing-image { width: 37.5rem; padding: .5rem; border-radius: .5rem; background-color: var(--primary01) } .landing-body .app-sidebar .side-menu__label { font-family: 600 } .landing-body .landing-section-heading:before { content: ""; position: absolute; width: 60%; height: .25rem; background-image: linear-gradient(to right, rgb(var(--success-rgb)), rgba(var(--success-rgb), .1)); opacity: .5; inset-block-start: -0.625rem; border-radius: 3.125rem; inset-inline-end: 0 } .landing-body .landing-missions, .landing-body .landing-missions-dark { position: relative; overflow: hidden; z-index: 1; box-shadow: 0 1rem 1rem #0000000d !important } .bg-banner-2:before, .bg-banner:before { position: absolute; width: 100%; z-index: -1; content: "" } .landing-body .landing-missions-dark:before, .landing-body .landing-missions:before { content: ""; position: absolute; width: 100%; height: .15rem; inset-block-start: 0; inset-inline-start: 0; border-radius: 3.125rem } .avatar.avatar-md svg, .featured-card-4 svg, .landing-body .landing-missions svg, .landing-body .landing-missions-dark svg { width: 1.5rem; height: 1.5rem } .landing-body .customize-image img { width: 30.5rem; height: 20rem; margin-block-start: 20px; padding: 15px; position: relative } .landing-body .landing-footer { background-color: #232323; border-bottom: 1px solid rgba(255, 255, 255, .05) } .landing-body .landing-footer .landing-footer-list li { margin-bottom: .5rem } .landing-body .team-card:hover { box-shadow: 0 .25rem 1rem #0000000d } .landing-body .team-card .team-avatar { box-shadow: 0 0 0 .5rem #0000000d } .landing-body .btn-close { padding: 1.5rem; right: -.875rem } .bg-gray-100, .landing-body .section-bg { background-color: var(--gray-1) } [data-theme-mode=dark] .landing-body .landing-trusted-companies img { filter: imvert(1) } [data-theme-mode=dark] .landing-body .team-card:hover { box-shadow: 0 .25rem 1rem #ffffff0d } [data-theme-mode=dark] .landing-body .team-card .team-avatar { box-shadow: 0 0 0 .5rem #ffffff0d } [data-theme-mode=dark] .section-bg { background-color: var(--black-1) } @media (max-width:992px) { .landing-body .app-sidebar .slide-menu.child1 li, .landing-body .app-sidebar .slide-menu.child2 li, .landing-body .app-sidebar .slide-menu.child3 li { padding: 0; -webkit-padding-start: 1.5rem; padding-inline-start: 0; position: relative } } .landing-body.jobs-landing .landing-banner .landing-banner-heading { line-height: 1.25; font-size: 2.4rem; font-weight: 600 } .custom-form-group { position: relative; display: flex; align-items: center } .custom-form-group .form-control { padding-inline-end: 3.75rem; padding-inline-start: 1.25rem; line-height: 2.25 } .custom-form-group .form-control-lg~.custom-form-btn { inset-inline-end: 0.7rem } .custom-form-group .custom-form-btn { position: absolute; inset-inline-end: 0.5rem; border-radius: .3rem; display: flex; align-items: center; justify-content: center; background-color: var(--custom-white) } .custom-form-group .custom-form-btn .gps-location { color: var(--text-muted); opacity: .6; font-size: 1.0625rem; line-height: 0; margin-inline-end: 10px } .border-end.border-white3, .border.border-white.border-opacity-10 { border-color: #ffffff1a !important } .bg-banner { background-color: var(--primary-color); color: #fff; position: relative; overflow: hidden; z-index: 1 } .bg-banner-1, .bg-banner-2 { inset-block-start: 0; border-radius: 0 .3rem .3rem 0; z-index: 0; position: relative } .bg-banner:before { height: 100%; inset-block-start: 0; background-image: url(http://127.0.1:8000/build/assets/images/media/backgrounds/7.jpg); background-repeat: no-repeat; background-position: bottom; background-size: cover; opacity: .1; transition: transform .3s } .bg-banner-1 { height: 100% } .bg-banner-2 { background-image: url(http://127.0.1:8000/build/assets/images/media/backgrounds/4.png); background-repeat: no-repeat } .bg-banner-2:before { height: 100%; background-color: var(--primary08); inset-inline: 0; inset-block: 0 } .landing-body.jobs-landing .featured-jobs { overflow: hidden; border: 1px solid var(--default-border) } .feature-style { position: relative; overflow: hidden } .feature-style:before { content: ""; position: absolute; width: 4rem; height: 4rem; inset-inline-end: -1.5rem; inset-block-end: -1.5rem; background-color: var(--primary01); border-radius: 50% } .feature-style .feature-style-icon { position: relative; width: 4rem; height: 4rem; line-height: 4rem; font-size: 1.25rem; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; color: #fff; font-weight: 500; margin-block-end: 0.5rem } .feature-style .feature-style-icon img, .feature-style .feature-style-icon svg { width: 2.5rem; height: 2.5rem } .landing-body.jobs-landing .landing-main-footer .landing-footer-list li { display: inline-block; padding: 0 12px } .landing-body .landing-main-footer .landing-footer-list li:not(:first-child):before { position: absolute; content: ""; width: .3rem; height: .3rem; border: 1px solid var(--white-5); border-radius: 50%; background-color: transparent; inset-inline-start: -0.2rem; inset-block-start: 0.5rem } .review-quote { position: absolute; inset-inline-end: 0.8rem; inset-block-start: 1rem; font-size: 1.875rem; line-height: 0; color: var(--primary07); background-color: transparent; padding: .625rem } .blog-badge { position: absolute; inset-block-start: 1rem; inset-inline-end: 1rem } @media (max-width:480px) { .landing-body .landing-banner .section { padding: 2.375rem 0 } .jobs-landing .landing-banner .section { padding: 4.375rem 0 } .jobs-landing .landing-banner .section .main-banner-container .custom-form-group .form-control-lg { padding: .5rem } .jobs-landing .landing-banner .section .main-banner-container .custom-form-btn .btn span { display: none } } .mail-navigation, .mail-recepients, .mails-information, .total-mails { background-color: var(--custom-white); height: calc(100vh - 8rem); overflow: hidden; border-radius: .5rem } .mail-info-body { max-height: calc(100vh - 16.3rem) } @media (min-width:1400px) { [data-width=boxed] .page, [data-width=boxed] .page .app-header { width: 1400px; margin: 0 auto } [data-width=boxed] body { background-color: var(--default-background) } [data-width=boxed] .page { background-color: var(--default-body-bg-color); position: relative; box-shadow: 0 0 1rem var(--black-1) } [data-width=boxed] .page .app-sidebar { inset-inline-start: auto } [data-width=boxed][data-nav-layout=horizontal] .app-sidebar { width: 1400px !important } [data-width=boxed][data-page-style=classic] .page { background-color: var(--custom-white) } [data-width=boxed][data-page-style=classic] .card { box-shadow: none } [data-width=boxed][data-theme-mode=dark] { --default-body-bg-color: rgba(var(--body-bg-rgb), 0.85) } [data-width=boxed][data-theme-mode=dark] body { background-color: rgba(var(--body-bg-rgb), .6) } [data-width=boxed][data-vertical-style=detached] .page { width: 1400px; box-shadow: none } [data-width=boxed][data-vertical-style=detached] .page .app-header { width: 1400px } [data-width=boxed][data-vertical-style=detached][data-toggled=detached-close] .app-content { margin-inline-start: 5rem } [data-width=boxed][data-vertical-style=detached] .app-header .main-header-container { width: 99% } [data-width=boxed][data-vertical-style=detached] .app-content { margin-inline-start: 15rem } [data-width=boxed][data-vertical-style=doublemenu] .app-sidebar .main-sidebar { height: 100% } [data-width=boxed][data-vertical-style=doublemenu] .app-sidebar .simplebar-content-wrapper { position: initial } [data-width=boxed][data-vertical-style=doublemenu] .app-sidebar .simplebar-mask { position: inherit } [data-width=boxed] .mail-info-body { max-height: calc(100vh - 19.3rem) } [data-width=boxed] #Invoice .list-group-item>a>div { display: block !important } [data-width=boxed] .leads-source-labels .col { flex: 100% } .sales-visitors-countries { border-inline-end: 1px dashed var(--default-border) } .total-mails { min-width: 24rem; max-width: 24rem } .total-mails .mail-msg span { max-width: 17rem; display: inline-block } } @media (min-width:1400px) and (max-width:1489.98px) { .responsive-mail-action-icons .dropdown { display: block } .mail-action-icons, .responsive-mail-action-icons .close-button { display: none } } @media (max-width:1399.98px) { .mail-action-icons, .mails-information { display: none } .responsive-mail-action-icons { display: block; display: flex } } @media (min-width:1489px) { .responsive-mail-action-icons { display: none } } @media (max-width:991.98px) { .horizontal-logo .header-logo .desktop-dark, .horizontal-logo .header-logo .desktop-logo, .horizontal-logo .header-logo .desktop-white, .horizontal-logo .header-logo .toggle-dark, .horizontal-logo .header-logo .toggle-white, .main-chart-wrapper.responsive-chat-open .chat-info, .navigation-menu-styles, .sidemenu-layout-styles, [data-header-styles=color] .app-header .horizontal-logo .header-logo .desktop-dark, [data-header-styles=color] .app-header .horizontal-logo .header-logo .desktop-logo, [data-header-styles=color] .app-header .horizontal-logo .header-logo .desktop-white, [data-header-styles=color] .app-header .horizontal-logo .header-logo .toggle-dark, [data-header-styles=color] .app-header .horizontal-logo .header-logo .toggle-logo, [data-header-styles=dark] .app-header .horizontal-logo .header-logo .desktop-dark, [data-header-styles=dark] .app-header .horizontal-logo .header-logo .desktop-logo, [data-header-styles=dark] .app-header .horizontal-logo .header-logo .desktop-white, [data-header-styles=dark] .app-header .horizontal-logo .header-logo .toggle-logo, [data-header-styles=dark] .app-header .horizontal-logo .header-logo .toggle-white, [data-header-styles=gradient] .app-header .horizontal-logo .header-logo .desktop-dark, [data-header-styles=gradient] .app-header .horizontal-logo .header-logo .desktop-logo, [data-header-styles=gradient] .app-header .horizontal-logo .header-logo .desktop-white, [data-header-styles=gradient] .app-header .horizontal-logo .header-logo .toggle-dark, [data-header-styles=gradient] .app-header .horizontal-logo .header-logo .toggle-logo, [data-header-styles=light] .app-header .horizontal-logo .header-logo .desktop-dark, [data-header-styles=light] .app-header .horizontal-logo .header-logo .desktop-logo, [data-header-styles=light] .app-header .horizontal-logo .header-logo .desktop-white, [data-header-styles=light] .app-header .horizontal-logo .header-logo .toggle-dark, [data-header-styles=light] .app-header .horizontal-logo .header-logo .toggle-white, [data-header-styles=transparent][data-theme-mode=dark] .app-header .horizontal-logo .header-logo .desktop-dark, [data-header-styles=transparent][data-theme-mode=dark] .app-header .horizontal-logo .header-logo .desktop-logo, [data-header-styles=transparent][data-theme-mode=dark] .app-header .horizontal-logo .header-logo .desktop-white, [data-header-styles=transparent][data-theme-mode=dark] .app-header .horizontal-logo .header-logo .toggle-logo, [data-header-styles=transparent][data-theme-mode=dark] .app-header .horizontal-logo .header-logo .toggle-white, [data-header-styles=transparent][data-theme-mode=light] .app-header .horizontal-logo .header-logo .desktop-dark, [data-header-styles=transparent][data-theme-mode=light] .app-header .horizontal-logo .header-logo .desktop-logo, [data-header-styles=transparent][data-theme-mode=light] .app-header .horizontal-logo .header-logo .desktop-white, [data-header-styles=transparent][data-theme-mode=light] .app-header .horizontal-logo .header-logo .toggle-dark, [data-header-styles=transparent][data-theme-mode=light] .app-header .horizontal-logo .header-logo .toggle-white, [data-theme-mode=dark] .landing-body .app-header .main-header-container .horizontal-logo .header-logo .toggle-logo { display: none } .app-header .horizontal-logo .header-logo img { height: 2rem; line-height: 2rem } .horizontal-logo .header-logo .toggle-logo, .main-chart-wrapper .responsive-chat-close, .main-chart-wrapper.responsive-chat-open .main-chat-area, [data-header-styles=color] .app-header .horizontal-logo .header-logo .toggle-white, [data-header-styles=dark] .app-header .horizontal-logo .header-logo .toggle-dark, [data-header-styles=gradient] .app-header .horizontal-logo .header-logo .toggle-white, [data-header-styles=light] .app-header .horizontal-logo .header-logo .toggle-logo, [data-header-styles=transparent][data-theme-mode=dark] .app-header .horizontal-logo .header-logo .toggle-dark, [data-header-styles=transparent][data-theme-mode=light] .app-header .horizontal-logo .header-logo .toggle-logo, [data-theme-mode=dark] .landing-body .app-header .main-header-container .horizontal-logo .header-logo .toggle-dark, [data-toggled=close] .app-header .horizontal-logo, [data-toggled=open] .app-header .horizontal-logo { display: block } [data-toggled=close] .app-sidebar { transition: .3s; transform: translate(-15rem) } [data-toggled=close] .app-header, [data-toggled=open] .app-header { padding-inline-start: 0rem } [data-toggled=close][dir=rtl] .app-sidebar { transition: .3s; transform: translate(15rem) } [data-toggled=open] .app-sidebar { transition: .3s; transform: translate(0) } [data-menu-position=scrollable][data-nav-layout=horizontal] .app-sidebar { position: absolute } .main-sidebar, [data-header-position=scrollable][data-nav-layout=horizontal][data-menu-position=fixed] .app-sidebar.sticky .main-sidebar, [data-menu-position=scrollable][data-nav-layout=horizontal] .main-content { margin-block-start: 0 } [data-menu-position=scrollable][data-nav-layout=horizontal] .main-sidebar { height: 100% } [data-header-position=scrollable][data-nav-layout=horizontal] .app-sidebar { position: absolute !important; z-index: 102 } [data-header-position=scrollable][data-nav-layout=horizontal] .main-content { padding-block-start: 0 } [data-header-position=scrollable][data-nav-layout=horizontal][data-menu-position=fixed] .app-sidebar { position: fixed !important } [data-header-position=scrollable][data-nav-layout=horizontal][data-menu-position=fixed] .app-sidebar .main-sidebar { margin-block-start: 3.72rem } .app-sidebar, [data-header-position=scrollable][data-nav-layout=vertical] .app-sidebar.sticky { inset-block-start: 0 } .menu-click .app-sidebar, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar { width: 15rem } .landing-body .landing-logo-container .horizontal-logo .header-logo .desktop-logo, .landing-body .landing-logo-container .horizontal-logo .header-logo .desktop-white, .main-sidebar-header { display: none !important } .main-menu { margin: 0 !important } .mail-navigation, .main-chart-wrapper .chat-info { width: 100% } .main-chart-wrapper .main-chat-area { display: none; min-width: 100%; max-width: 100% } .landing-body .app-sidebar .side-menu__item.active, .landing-body .app-sidebar .side-menu__item:hover { background-color: transparent } .landing-body .main-menu-container .main-menu { padding-inline: 20px !important; width: 100% } .landing-body .app-sidebar .slide-menu { padding-inline-start: 1rem } .landing-body .app-sidebar .slide { padding: 0 } } @media (min-width:992px) { .mail-navigation { min-width: 16rem; max-width: 16rem } } .total-mails .mail-messages { max-height: calc(100vh - 16.65rem) } .total-mails .mail-messages li { padding: 1.1rem 1.25rem .625rem; border-bottom: 1px solid var(--default-border) } .avatar.avatar-lg svg, .total-mails .mail-messages li .avatar.mail-msg-avatar { width: 1.8rem; height: 1.8rem } .mail-recepients .mail-recepeint-person .avatar.offline:before, .mail-recepients .mail-recepeint-person .avatar.online:before, .total-mails .mail-messages li .avatar.mail-msg-avatar.offline:before, .total-mails .mail-messages li .avatar.mail-msg-avatar.online:before { width: .55rem; height: .55rem } .total-mails .mail-messages li .mail-msg .mail-starred i { color: var(--text-muted); opacity: .5 } .mail-recepients { min-width: 4.4rem; max-width: 4.4rem } .mail-recepients .total-mail-recepients { max-height: calc(100vh - 12.4rem) } .mail-recepients .mail-recepeint-person .avatar { width: 2rem; height: 2rem; margin-block-end: 1rem } .mail-navigation ul.mail-main-nav { max-height: calc(100vh - 17rem); padding: 1rem; margin-block-end: 0 } .mail-navigation ul.mail-main-nav li { padding: .5rem; border-radius: var(--default-border); border-radius: .5rem; font-weight: 500 } .mails-information .mail-info-header { padding: .75rem; border-block-end: 1px solid var(--default-border) } .mails-information .mail-info-footer { padding: .75rem; border-block-start: 1px solid var(--default-border) } .mails-information .mail-attachment { padding: .25rem; width: 12rem; height: 2.75rem; border: 1px solid var(--default-border); border-radius: .5rem; display: flex; align-items: center } .avatar, .avatar img { border-radius: .5rem } .mails-information .mail-attachment .attachment-icon i, .mails-information .mail-attachment .attachment-icon svg { width: 1.5rem; height: 1.5rem; font-size: 2rem; margin-inline-end: .5rem } .mails-information .mail-attachment .attachment-name { max-width: 7rem; display: inline-block; font-size: .75rem; font-weight: 500 } .mail-compose .ql-toolbar.ql-snow .ql-formats, .mail-reply .ql-toolbar.ql-snow .ql-formats { margin-top: 5px; margin-bottom: 5px } #mail-compose-editor .ql-editor { min-height: 12.62rem !important } @media (max-width:420px) { .profile-post-link { max-width: 9.375rem } [dir=rtl] #courses-earnings .apexcharts-xaxis { transform: translate(-10px, 20px) } .fc-scroller.fc-scroller-liquid { overflow: scroll !important } .landing-body .landing-banner .main-banner-container { padding: 1rem } .landing-body .landing-banner .landing-banner-heading { font-size: 2rem } .mail-msg span { max-width: 180px } } @media (max-width:357px) { .mails-information { height: calc(100vh - 2rem) } } .mail-notification-settings, .mail-security-settings { width: 60% } @media (max-width:575.98px) { .checkbox-button-group .btn-group label, .radio-button-group .btn-group label { font-size: .563rem } .main-header-container .header-element .header-link { padding: 1rem .5rem } .cart-dropdown, .header-fullscreen, .header-shortcuts-dropdown, .notifications-dropdown, .timelines-dropdown { display: none !important } .team-member-card .team-member-stats div { border-block-end: 1px dashed var(--default-border) } .team-member-card .team-member-stats div:last-child { border-block-end: 0 } .file-manager-container .file-manager-folders, .mail-recepients, .timeline .timeline-icon a, .timeline li:before { display: none } .timeline-body .media, .timeline-main-content { flex-direction: column } .timeline-body .media .main-img-user { margin-block-end: 0.625rem !important } .timeline .timeline-time { z-index: 99; width: 100%; inset-inline-end: 0.313rem !important; position: absolute; inset-block-start: 1.5rem !important } .timeline .timeline-body { margin-inline-start: 0; margin-inline-end: 0; position: relative } .timeline-badge { position: absolute; inset-inline-start: 1.15rem; inset-block-start: 0.8rem } .timeline .timeline-time .date, .timeline .timeline-time .time { display: inline } .timeline .timeline-time .time { line-height: 1rem; font-size: .688rem; margin-inline-start: .313rem; margin-inline-end: .625rem; color: var(--text-muted) } .about-company-stats .about-company-stats-border { border-block-end: 1px dashed var(--black-1) } #crm-revenue-analytics .apexcharts-canvas .apexcharts-toolbar { inset-block-start: 0.75rem !important; inset-inline-end: 0 !important } #crm-revenue-analytics .apexcharts-canvas .apexcharts-title-text { font-size: .74rem } .error-text { font-size: 3rem } .app-header .dropdown-menu, .file-manager-container .file-manager-navigation { width: 100% } .gridjs-search-input { width: 12.5rem !important } .dataTables_paginate .pagination .paginate_button .page-link { font-size: .625rem; padding: .25rem .5rem } .main-chart-wrapper .chat-user-details { min-width: 17.875rem; max-width: 17.875rem } #account-settings .btn-group label { font-size: .625rem } } .choices__list--dropdown .choices__item--selectable, .choices__list[aria-expanded] .choices__item--selectable { padding: 10px !important } .ynex-kanban-board { display: flex; overflow-x: auto; align-items: stretch; margin-bottom: .75rem; padding-bottom: 1rem } .ynex-kanban-board .kanban-tasks-type { min-width: 20rem; margin-inline-end: .5rem; width: 100% } .ynex-kanban-board::-webkit-scrollbar-thumb { background-color: rgba(var(--dark-rgb), .1); border-radius: .3125rem } .ynex-kanban-board::-webkit-scrollbar-track { border-radius: .3125rem } .ynex-kanban-board .task-image .kanban-image { height: 150px; width: 100% } .ynex-kanban-board .kanban-content { margin-top: .75rem } .ynex-kanban-board .kanban-task-description { color: var(--text-muted); font-size: .82rem } .ynex-kanban-board .kanban-tasks-type.new .kanban-tasks .card { border-top: 3px solid rgba(var(--primary-rgb), .3) } .ynex-kanban-board .kanban-tasks-type.todo .kanban-tasks .card { border-top: 3px solid rgba(var(--warning-rgb), .3) } .ynex-kanban-board .kanban-tasks-type.in-progress .kanban-tasks .card { border-top: 3px solid rgba(var(--info-rgb), .3) } .ynex-kanban-board .kanban-tasks-type.inreview .kanban-tasks .card { border-top: 3px solid rgba(var(--danger-rgb), .3) } .ynex-kanban-board .kanban-tasks-type.completed .kanban-tasks .card { border-top: 3px solid rgba(var(--success-rgb), .3) } .ynex-kanban-board #completed-tasks, .ynex-kanban-board #inprogress-tasks, .ynex-kanban-board #inreview-tasks, .ynex-kanban-board #new-tasks, .ynex-kanban-board #todo-tasks { position: relative; max-height: 35rem } .ynex-kanban-board #completed-tasks .simplebar-content, .ynex-kanban-board #inprogress-tasks .simplebar-content, .ynex-kanban-board #inreview-tasks .simplebar-content, .ynex-kanban-board #new-tasks .simplebar-content, .ynex-kanban-board #todo-tasks .simplebar-content { padding: 0 1rem 0 0 !important } .ynex-kanban-board .task-Null { position: relative; min-height: 12.5rem } .ynex-kanban-board .task-Null:before { position: absolute; content: ""; left: 0; right: 0; top: 0; bottom: 0; background-color: var(--custom-white); border-radius: .5rem; background-image: url(http://127.0.1:8000/build/assets/images/media/media-83.svg); height: 12.5rem; width: 100%; margin: 0 auto } .avatar.avatar-sm.offline:before, .avatar.avatar-sm.online:before, .task-title:before { width: .5rem; height: .5rem } .ynex-kanban-board .view-more-button { margin-right: 1rem } .task-title { position: relative; inset-inline-start: 1rem } .task-title:before { position: absolute; content: ""; inset-inline-start: -1rem; top: .5rem; border-radius: 50%; background-color: rgb(var(--secondary-rgb)) } .task-details-key-tasks { list-style-type: decimal } .task-details-key-tasks li { margin-bottom: .5rem; font-size: .875rem; color: var(--text-muted) } .fs-14, .fs-base, .task-description { font-size: .875rem } .avatar { position: relative; height: 2.625rem; width: 2.625rem; display: inline-flex; align-items: center; justify-content: center; color: #fff; font-weight: 500 } .avatar img { width: 100%; height: 100% } .avatar.avatar-rounded, .avatar.avatar-rounded img { border-radius: 50% } .avatar .avatar-badge { position: absolute; inset-block-start: -4%; inset-inline-end: -0.375rem; width: 1.4rem; height: 1.4rem; font-size: .625rem; border: 2px solid #fff; border-radius: 50% !important; display: flex; align-items: center; justify-content: center } .avatar.offline:before, .avatar.online:before { position: absolute; content: ""; width: .5rem; height: .5rem; border-radius: 50%; inset-inline-end: 0; inset-block-end: 0; border: 2px solid var(--custom-white) } .blockquote-container:before, .blockquote.custom-blockquote:before { content: ""; font-family: bootstrap-icons !important; position: absolute } .avatar.online:before { background-color: #198754 } .avatar.offline:before { background-color: #dc3545 } .avatar.avatar-xs { width: 1.25rem; height: 1.25rem; line-height: 1.25rem; font-size: .65rem } .avatar.avatar-xs .avatar-badge { padding: .25rem; width: 1rem; height: 1rem; line-height: 1rem; font-size: .5rem; inset-block-start: -25%; inset-inline-end: -0.5rem } .avatar.avatar-sm { width: 1.75rem; height: 1.75rem; line-height: 1.75rem; font-size: .65rem } .avatar.avatar-sm .avatar-badge { padding: .3rem; width: 1.1rem; height: 1.1rem; line-height: 1.1rem; font-size: .5rem; inset-block-start: -38%; inset-inline-end: -0.5rem } .avatar.avatar-md { width: 2.5rem; height: 2.5rem; line-height: 2.5rem; font-size: .8rem } .avatar.avatar-lg, .color-container { width: 3rem; height: 3rem; line-height: 3rem } .avatar.avatar-md .avatar-badge { padding: .4rem; width: 1.2rem; height: 1.2rem; line-height: 1.2rem; font-size: .65rem; inset-block-start: -6%; inset-inline-end: -13% } .avatar.avatar-md.offline:before, .avatar.avatar-md.online:before { width: .75rem; height: .75rem } .avatar.avatar-lg { font-size: 1rem } .avatar.avatar-lg .avatar-badge { inset-block-start: -15%; inset-inline-end: -0.25% } .avatar.avatar-lg.offline:before, .avatar.avatar-lg.online:before { width: .8rem; height: .8rem } .avatar.avatar-xl { width: auto; height: auto; line-height: 4rem; font-size: 1.25rem } .avatar.avatar-xl .avatar-badge { inset-block-start: -8%; inset-inline-end: -0.2% } .avatar.avatar-xl.offline:before, .avatar.avatar-xl.online:before { width: .95rem; height: .95rem } .avatar.avatar-xxl { width: 5rem; height: 5rem; line-height: 5rem; font-size: 1.5rem } .avatar.avatar-xxl .avatar-badge { inset-block-start: -4%; inset-inline-end: 0rem } .avatar.avatar-xxl.offline:before, .avatar.avatar-xxl.online:before { width: 1.05rem; height: 1.05rem; inset-block-end: 0.25rem } .avatar-list-stacked .avatar { margin-inline-end: -.65rem !important; border: 1px solid rgba(0, 0, 0, .05); vertical-align: middle; transition: transform .2s } .avatar-list-stacked .avatar:last-child { margin-inline-end: 0 !important } .avatar-list-stacked .avatar:hover { z-index: 1; transform: translateY(-.188rem) } .color-container { border-radius: 50px; display: flex; align-items: center; justify-content: center } .text-container { padding: .25rem .5rem; border-radius: .5rem; box-shadow: 0 .125rem #0a0a0a0a } .bg-primary.bg-opacity-25 { background-color: var(--primary03) !important } .bg-primary.bg-opacity-50 { background-color: var(--primary05) !important } .bg-primary.bg-opacity-75 { background-color: var(--primary08) !important } .bg-secondary.bg-opacity-10 { background-color: rgba(var(--secondary-rgb), .1) !important } .bg-secondary.bg-opacity-25 { background-color: rgba(var(--secondary-rgb), .25) !important } .bg-secondary.bg-opacity-50 { background-color: rgba(var(--secondary-rgb), .5) !important } .bg-secondary.bg-opacity-75 { background-color: rgba(var(--secondary-rgb), .75) !important } .bg-secondary.bg-opacity-100 { background-color: rgba(var(--secondary-rgb), 1) !important } .bg-info.bg-opacity-10 { background-color: rgba(var(--info-rgb), .1) !important } .bg-info.bg-opacity-25 { background-color: rgba(var(--info-rgb), .25) !important } .bg-info.bg-opacity-50 { background-color: rgba(var(--info-rgb), .5) !important } .bg-info.bg-opacity-75 { background-color: rgba(var(--info-rgb), .75) !important } .bg-info.bg-opacity-100 { background-color: rgba(var(--info-rgb), 1) !important } .bg-success.bg-opacity-10 { background-color: rgba(var(--success-rgb), .1) !important } .bg-success.bg-opacity-25 { background-color: rgba(var(--success-rgb), .25) !important } .bg-success.bg-opacity-50 { background-color: rgba(var(--success-rgb), .5) !important } .bg-success.bg-opacity-75 { background-color: rgba(var(--success-rgb), .75) !important } .bg-success.bg-opacity-100 { background-color: rgba(var(--success-rgb), 1) !important } .bg-warning.bg-opacity-10 { background-color: rgba(var(--warning-rgb), .1) !important } .bg-warning.bg-opacity-25 { background-color: rgba(var(--warning-rgb), .25) !important } .bg-warning.bg-opacity-50 { background-color: rgba(var(--warning-rgb), .5) !important } .bg-warning.bg-opacity-75 { background-color: rgba(var(--warning-rgb), .75) !important } .bg-warning.bg-opacity-100 { background-color: rgba(var(--warning-rgb), 1) !important } .bg-danger.bg-opacity-10 { background-color: rgba(var(--danger-rgb), .1) !important } .bg-danger.bg-opacity-25 { background-color: rgba(var(--danger-rgb), .25) !important } .bg-danger.bg-opacity-50 { background-color: rgba(var(--danger-rgb), .5) !important } .bg-danger.bg-opacity-75 { background-color: rgba(var(--danger-rgb), .75) !important } .bg-danger.bg-opacity-100 { background-color: rgba(var(--danger-rgb), 1) !important } .bg-dark { background-color: rgb(var(--dark-rgb)) !important } .bg-dark.bg-opacity-10 { background-color: rgba(var(--dark-rgb), .1) !important } .bg-dark.bg-opacity-25 { background-color: rgba(var(--dark-rgb), .25) !important } .bg-dark.bg-opacity-50 { background-color: rgba(var(--dark-rgb), .5) !important } .bg-dark.bg-opacity-75 { background-color: rgba(var(--dark-rgb), .75) !important } .bg-dark.bg-opacity-100 { background-color: rgba(var(--dark-rgb), 1) !important } .bg-light.bg-opacity-10 { background-color: rgba(var(--light-rgb), .1) !important } .bg-light.bg-opacity-25 { background-color: rgba(var(--light-rgb), .25) !important } .bg-light.bg-opacity-50 { background-color: rgba(var(--light-rgb), .5) !important } .bg-light.bg-opacity-75 { background-color: rgba(var(--light-rgb), .75) !important } .bg-light.bg-opacity-100 { background-color: rgba(var(--light-rgb), 1) !important } .bg-pink { background-color: rgb(var(--pink-rgb)) !important } .bg-orange { background-color: rgb(var(--orange-rgb)) !important } .bg-purple { background-color: rgb(var(--purple-rgb)) !important } .bg-green { background-color: #1dd871 !important } .bg-teal { background-color: rgb(var(--teal-rgb)) !important } .bg-blue { background-color: #2b3e65 !important } .bg-indigo { background-color: #4d5ddb !important } .bg-yellow { background-color: #ffc102 !important } .bg-primary-gradient { background: linear-gradient(to right, var(--primary-color) 0, #0086ed 100%) !important; color: #fff } .bg-secondary-gradient { background: linear-gradient(to right, rgb(var(--secondary-rgb)) 0, #6789d8 100%) !important; color: #fff } .bg-warning-gradient { background: linear-gradient(to right, rgb(var(--warning-rgb)) 0, #7fa53a 100%) !important; color: #fff } .bg-info-gradient { background: linear-gradient(to right, rgb(var(--info-rgb)) 0, #52f0ce 100%) !important; color: #fff } .bg-success-gradient { background: linear-gradient(to right, rgb(var(--success-rgb)) 0, #00a1c0 100%) !important; color: #fff } .bg-danger-gradient { background: linear-gradient(to right, rgb(var(--danger-rgb)) 0, #a34a88 100%) !important; color: #fff } .bg-orange-gradient { background: linear-gradient(to right, rgb(var(--orange-rgb)) 0, #9ba815 100%) !important; color: #fff } .bg-purple-gradient { background: linear-gradient(to right, rgb(var(--purple-rgb)) 0, #ff496d 100%) !important; color: #fff } .bg-teal-gradient { background: linear-gradient(to right, rgb(var(--teal-rgb)) 0, #0695dd 100%) !important; color: #fff } .bg-light-gradient { background: linear-gradient(to right, rgb(var(--light-rgb)) 0, #d1d6de 100%) !important; color: #000 } .bg-dark-gradient { background: linear-gradient(to right, rgb(var(--dark-rgb)) 0, #54505d 100%) !important; color: #fff } .bg-outline-danger, .bg-outline-dark, .bg-outline-info, .bg-outline-light, .bg-outline-primary, .bg-outline-secondary, .bg-outline-success, .bg-outline-warning { background-color: var(--custom-white) } .bg-outline-primary { border: 1px solid var(--primary-color); color: var(--primary-color) } .bg-outline-secondary { border: 1px solid rgb(var(--secondary-rgb)); color: rgb(var(--secondary-rgb)) } .bg-outline-warning { border: 1px solid rgb(var(--warning-rgb)); color: rgb(var(--warning-rgb)) } .bg-outline-info { border: 1px solid rgb(var(--info-rgb)); color: rgb(var(--info-rgb)) } .bg-outline-success { border: 1px solid rgb(var(--success-rgb)); color: rgb(var(--success-rgb)) } .bg-outline-danger { border: 1px solid rgb(var(--danger-rgb)); color: rgb(var(--danger-rgb)) } .bg-outline-dark { border: 1px solid rgb(var(--dark-rgb)); color: rgb(var(--dark-rgb)) } .bg-outline-light { border: 1px solid rgb(var(--light-rgb)); color: var(--custom-black) } .bg-gray-200 { background-color: var(--gray-2) } .bg-gray-300 { background-color: var(--gray-3) } .bg-gray-400 { background-color: var(--gray-4) } .bg-gray-500 { background-color: var(--gray-5) } .bg-gray-600 { background-color: var(--gray-6) } .bg-gray-800 { background-color: var(--gray-8) } .bg-gray-900 { background-color: var(--gray-9) } .bg-primary-transparent, .bg-primary-transparent:hover { background-color: var(--primary01) !important; color: var(--primary-color) !important } .bg-secondary-transparent, .bg-secondary-transparent:hover { background-color: rgba(var(--secondary-rgb), .1) !important; color: rgb(var(--secondary-rgb)) !important } .bg-info-transparent, .bg-info-transparent:hover { background-color: rgba(var(--info-rgb), .1) !important; color: rgb(var(--info-rgb)) !important } .bg-success-transparent, .bg-success-transparent:hover { background-color: rgba(var(--success-rgb), .1) !important; color: rgb(var(--success-rgb)) !important } .bg-warning-transparent, .bg-warning-transparent:hover { background-color: rgba(var(--warning-rgb), .1) !important; color: rgb(var(--warning-rgb)) !important } .bg-danger-transparent, .bg-danger-transparent:hover { background-color: rgba(var(--danger-rgb), .1) !important; color: rgb(var(--danger-rgb)) !important } .bg-light-transparent, .bg-light-transparent:hover { background-color: rgba(var(--light-rgb), .1) !important } .bg-light-transparent { color: rgb(var(--light-rgb)) !important } .bg-light-transparent:hover { color: var(--default-text-color) !important } .bg-dark-transparent, .bg-dark-transparent:hover { background-color: rgba(var(--dark-rgb), .1) !important; color: rgb(var(--dark-rgb)) !important } .bg-pink-transparent, .bg-pink-transparent:hover { background-color: rgba(var(--pink-rgb), .1) !important; color: rgb(var(--pink-rgb)) !important } .bg-orange-transparent, .bg-orange-transparent:hover { background-color: rgba(var(--orange-rgb), .1) !important; color: rgb(var(--orange-rgb)) !important } .bg-purple-transparent, .bg-purple-transparent:hover { background-color: rgba(var(--purple-rgb), .1) !important; color: rgb(var(--purple-rgb)) !important } .bg-teal-transparent, .bg-teal-transparent:hover { background-color: rgba(var(--teal-rgb), .1) !important; color: rgb(var(--teal-rgb)) !important } .bg-green-transparent, .bg-green-transparent:hover { background-color: #1dd8711a !important; color: #1dd871 !important } .bg-indigo-transparent, .bg-indigo-transparent:hover { background-color: #4d5ddb1a !important; color: #4d5ddb !important } .bg-yellow-transparent, .bg-yellow-transparent:hover { background-color: #ffc1021a !important; color: #ffc102 !important } .bg-blue-transparent, .bg-blue-transparent:hover { background-color: #2b3e651a !important; color: #2b3e65 !important } .text-bg-danger, .text-bg-info, .text-bg-secondary, .text-bg-success, .text-bg-warning { color: #fff !important } .text-bg-secondary { background-color: rgb(var(--secondary-rgb)) !important } .text-bg-warning { background-color: rgb(var(--warning-rgb)) !important } .text-bg-info { background-color: rgb(var(--info-rgb)) !important } .text-bg-success { background-color: rgb(var(--success-rgb)) !important } .text-bg-danger { background-color: rgb(var(--danger-rgb)) !important } .text-bg-light { background-color: rgb(var(--light-rgb)) !important; color: #000 !important } .text-bg-dark { background-color: rgb(var(--dark-rgb)) !important; color: #fff !important } .bd-blue-100, .bd-blue-200, .bd-blue-300, .bd-blue-400, .bd-blue-500 { color: var(--default-text-color) } .svg-danger { fill: rgb(var(--danger-rgb)) } .svg-black { fill: #000 } .svg-pink { fill: rgb(var(--pink-rgb)) } .svg-orange { fill: rgb(var(--orange-rgb)) } .svg-purple { fill: rgb(var(--purple-rgb)) } .svg-indigo { fill: #4d5ddb } .svg-info { fill: rgb(var(--info-rgb)) } .svg-yellow { fill: #ffc102 } .svg-light { fill: rgb(var(--light-rgb)) } .svg-dark { fill: rgb(var(--dark-rgb)) } .svg-teal { fill: rgb(var(--teal-rgb)) } .bd-blue-100 { background-color: #2b3e651a } .bd-blue-200 { background-color: #2b3e6533 } .bd-blue-300 { background-color: #2b3e654d } .bd-blue-400 { background-color: #2b3e6566 } .bd-blue-500 { background-color: #2b3e6580 } .bd-blue-600 { background-color: #2b3e6599; color: #fff } .bd-blue-700 { background-color: #2b3e65b3; color: #fff } .bd-blue-800 { background-color: #2b3e65cc; color: #fff } .bd-blue-900 { background-color: #2b3e65e6; color: #fff } .bd-blue { background-color: #2b3e65; color: #fff } .bd-indigo-100, .bd-indigo-200, .bd-indigo-300, .bd-indigo-400, .bd-indigo-500 { color: var(--default-text-color) } .bd-indigo-100 { background-color: #4d5ddb1a } .bd-indigo-200 { background-color: #4d5ddb33 } .bd-indigo-300 { background-color: #4d5ddb4d } .bd-indigo-400 { background-color: #4d5ddb66 } .bd-indigo-500 { background-color: #4d5ddb80 } .bd-indigo-600 { background-color: #4d5ddb99; color: #fff } .bd-indigo-700 { background-color: #4d5ddbb3; color: #fff } .bd-indigo-800 { background-color: #4d5ddbcc; color: #fff } .bd-indigo-900 { background-color: #4d5ddbe6; color: #fff } .bd-indigo { background-color: #4d5ddb; color: #fff } .bd-purple-100, .bd-purple-200, .bd-purple-300, .bd-purple-400, .bd-purple-500 { color: var(--default-text-color) } .bd-purple-100 { background-color: rgba(var(--purple-rgb), .1) } .bd-purple-200 { background-color: rgba(var(--purple-rgb), .2) } .bd-purple-300 { background-color: rgba(var(--purple-rgb), .3) } .bd-purple-400 { background-color: rgba(var(--purple-rgb), .4) } .bd-purple-500 { background-color: rgba(var(--purple-rgb), .5) } .bd-purple-600 { background-color: rgba(var(--purple-rgb), .6); color: #fff } .bd-purple-700 { background-color: rgba(var(--purple-rgb), .7); color: #fff } .bd-purple-800 { background-color: rgba(var(--purple-rgb), .8); color: #fff } .bd-purple-900 { background-color: rgba(var(--purple-rgb), .9); color: #fff } .bd-purple { background-color: rgb(var(--purple-rgb)); color: #fff } .bd-pink-100, .bd-pink-200, .bd-pink-300, .bd-pink-400, .bd-pink-500 { color: var(--default-text-color) } .bd-pink-100 { background-color: rgba(var(--pink-rgb), .1) } .bd-pink-200 { background-color: rgba(var(--pink-rgb), .2) } .bd-pink-300 { background-color: rgba(var(--pink-rgb), .3) } .bd-pink-400 { background-color: rgba(var(--pink-rgb), .4) } .bd-pink-500 { background-color: rgba(var(--pink-rgb), .5) } .bd-pink-600 { background-color: rgba(var(--pink-rgb), .6); color: #fff } .bd-pink-700 { background-color: rgba(var(--pink-rgb), .7); color: #fff } .bd-pink-800 { background-color: rgba(var(--pink-rgb), .8); color: #fff } .bd-pink-900 { background-color: rgba(var(--pink-rgb), .9); color: #fff } .bd-pink { background-color: rgb(var(--pink-rgb)); color: #fff } .bd-red-100, .bd-red-200, .bd-red-300, .bd-red-400, .bd-red-500 { color: var(--default-text-color) } .bd-red-100 { background-color: #d03d461a } .bd-red-200 { background-color: #d03d4633 } .bd-red-300 { background-color: #d03d464d } .bd-red-400 { background-color: #d03d4666 } .bd-red-500 { background-color: #d03d4680 } .bd-red-600 { background-color: #d03d4699; color: #fff } .bd-red-700 { background-color: #d03d46b3; color: #fff } .bd-red-800 { background-color: #d03d46cc; color: #fff } .bd-red-900 { background-color: #d03d46e6; color: #fff } .bd-red { background-color: #d03d46; color: #fff } .bd-orange-100, .bd-orange-200, .bd-orange-300, .bd-orange-400, .bd-orange-500 { color: var(--default-text-color) } .bd-orange-100 { background-color: rgba(var(--orange-rgb), .1) } .bd-orange-200 { background-color: rgba(var(--orange-rgb), .2) } .bd-orange-300 { background-color: rgba(var(--orange-rgb), .3) } .bd-orange-400 { background-color: rgba(var(--orange-rgb), .4) } .bd-orange-500 { background-color: rgba(var(--orange-rgb), .5) } .bd-orange-600 { background-color: rgba(var(--orange-rgb), .6); color: #fff } .bd-orange-700 { background-color: rgba(var(--orange-rgb), .7); color: #fff } .bd-orange-800 { background-color: rgba(var(--orange-rgb), .8); color: #fff } .bd-orange-900 { background-color: rgba(var(--orange-rgb), .9); color: #fff } .bd-orange { background-color: rgb(var(--orange-rgb)); color: #fff } .bd-yellow-100, .bd-yellow-200, .bd-yellow-300, .bd-yellow-400, .bd-yellow-500 { color: var(--default-text-color) } .bd-yellow-100 { background-color: #ffc1021a } .bd-yellow-200 { background-color: #ffc10233 } .bd-yellow-300 { background-color: #ffc1024d } .bd-yellow-400 { background-color: #ffc10266 } .bd-yellow-500 { background-color: #ffc10280 } .bd-yellow-600 { background-color: #ffc10299; color: #fff } .bd-yellow-700 { background-color: #ffc102b3; color: #fff } .bd-yellow-800 { background-color: #ffc102cc; color: #fff } .bd-yellow-900 { background-color: #ffc102e6; color: #fff } .bd-yellow { background-color: #ffc102; color: #fff } .bd-green-100, .bd-green-200, .bd-green-300, .bd-green-400, .bd-green-500 { color: var(--default-text-color) } .bd-green-100 { background-color: #1dd8711a } .bd-green-200 { background-color: #1dd87133 } .bd-green-300 { background-color: #1dd8714d } .bd-green-400 { background-color: #1dd87166 } .bd-green-500 { background-color: #1dd87180 } .bd-green-600 { background-color: #1dd87199; color: #fff } .bd-green-700 { background-color: #1dd871b3; color: #fff } .bd-green-800 { background-color: #1dd871cc; color: #fff } .bd-green-900 { background-color: #1dd871e6; color: #fff } .bd-green { background-color: #1dd871; color: #fff } .bd-teal-100, .bd-teal-200, .bd-teal-300, .bd-teal-400, .bd-teal-500 { color: var(--default-text-color) } .bd-teal-100 { background-color: rgba(var(--teal-rgb), .1) } .bd-teal-200 { background-color: rgba(var(--teal-rgb), .2) } .bd-teal-300 { background-color: rgba(var(--teal-rgb), .3) } .bd-teal-400 { background-color: rgba(var(--teal-rgb), .4) } .bd-teal-500 { background-color: rgba(var(--teal-rgb), .5) } .bd-teal-600 { background-color: rgba(var(--teal-rgb), .6); color: #fff } .bd-teal-700 { background-color: rgba(var(--teal-rgb), .7); color: #fff } .bd-teal-800 { background-color: rgba(var(--teal-rgb), .8); color: #fff } .bd-teal-900 { background-color: rgba(var(--teal-rgb), .9); color: #fff } .bd-teal { background-color: rgb(var(--teal-rgb)); color: #fff } .bd-cyan-100, .bd-cyan-200, .bd-cyan-300, .bd-cyan-400, .bd-cyan-500 { color: var(--default-text-color) } .bd-cyan-100 { background-color: #00d1d11a } .bd-cyan-200 { background-color: #00d1d133 } .bd-cyan-300 { background-color: #00d1d14d } .bd-cyan-400 { background-color: #00d1d166 } .bd-cyan-500 { background-color: #00d1d180 } .bd-cyan-600 { background-color: #00d1d199; color: #fff } .bd-cyan-700 { background-color: #00d1d1b3; color: #fff } .bd-cyan-800 { background-color: #00d1d1cc; color: #fff } .bd-cyan-900 { background-color: #00d1d1e6; color: #fff } .bd-cyan { background-color: #00d1d1; color: #fff } .bd-gray-100, .bd-gray-200, .bd-gray-300, .bd-gray-400, .bd-gray-500, a, a:hover { color: var(--default-text-color) } .bd-gray-100 { background-color: #8699a31a } .bd-gray-200 { background-color: #8699a333 } .bd-gray-300 { background-color: #8699a34d } .bd-gray-400 { background-color: #8699a366 } .bd-gray-500 { background-color: #8699a380 } .bd-gray-600 { background-color: #8699a399; color: #fff } .bd-gray-700 { background-color: #8699a3b3; color: #fff } .bd-gray-800 { background-color: #8699a3cc; color: #fff } .bd-gray-900 { background-color: #8699a3e6; color: #fff } .bd-gray { background-color: #8699a3; color: #fff } .border-container { display: inline-block; width: 5rem; height: 5rem; margin: .25rem; background-color: rgba(var(--light-rgb), .3) } .border.border-dashed { border-style: dashed !important } .border.border-dotted { border-style: dotted !important } .border.border-primary { border: 1px solid var(--primary-color) !important; opacity: 1 } .border.border-primary.border-opacity-10 { border-color: var(--primary01) !important } .border.border-primary.border-opacity-25 { border-color: var(--primary03) !important } .border.border-primary.border-opacity-50 { border-color: var(--primary05) !important } .border.border-primary.border-opacity-75 { border-color: var(--primary08) !important } .border.border-secondary { border: 1px solid rgb(var(--secondary-rgb)) !important; opacity: 1 } .border.border-secondary.border-opacity-10 { border-color: rgba(var(--secondary-rgb), .1) !important } .border.border-secondary.border-opacity-25 { border-color: rgba(var(--secondary-rgb), .25) !important } .border.border-secondary.border-opacity-50 { border-color: rgba(var(--secondary-rgb), .5) !important } .border.border-secondary.border-opacity-75 { border-color: rgba(var(--secondary-rgb), .75) !important } .border.border-secondary.border-opacity-100 { border-color: rgba(var(--secondary-rgb), 1) !important } .border.border-info { border: 1px solid rgb(var(--info-rgb)) !important; opacity: 1 } .border.border-info.border-opacity-10 { border-color: rgba(var(--info-rgb), .1) !important } .border.border-info.border-opacity-25 { border-color: rgba(var(--info-rgb), .25) !important } .border.border-info.border-opacity-50 { border-color: rgba(var(--info-rgb), .5) !important } .border.border-info.border-opacity-75 { border-color: rgba(var(--info-rgb), .75) !important } .border.border-info.border-opacity-100 { border-color: rgba(var(--info-rgb), 1) !important } .border.border-success { border: 1px solid rgb(var(--success-rgb)) !important; opacity: 1 } .border.border-success.border-opacity-10 { border-color: rgba(var(--success-rgb), .1) !important } .border.border-success.border-opacity-25 { border-color: rgba(var(--success-rgb), .25) !important } .border.border-success.border-opacity-50 { border-color: rgba(var(--success-rgb), .5) !important } .border.border-success.border-opacity-75 { border-color: rgba(var(--success-rgb), .75) !important } .border.border-success.border-opacity-100 { border-color: rgba(var(--success-rgb), 1) !important } .border.border-warning { border: 1px solid rgb(var(--warning-rgb)) !important; opacity: 1 } .border.border-warning.border-opacity-10 { border-color: rgba(var(--warning-rgb), .1) !important } .border.border-warning.border-opacity-25 { border-color: rgba(var(--warning-rgb), .25) !important } .border.border-warning.border-opacity-50 { border-color: rgba(var(--warning-rgb), .5) !important } .border.border-warning.border-opacity-75 { border-color: rgba(var(--warning-rgb), .75) !important } .border.border-warning.border-opacity-100 { border-color: rgba(var(--warning-rgb), 1) !important } .border.border-danger { border: 1px solid rgb(var(--danger-rgb)) !important; opacity: 1 } .border.border-danger.border-opacity-10 { border-color: rgba(var(--danger-rgb), .1) !important } .border.border-danger.border-opacity-25 { border-color: rgba(var(--danger-rgb), .25) !important } .border.border-danger.border-opacity-50 { border-color: rgba(var(--danger-rgb), .5) !important } .border.border-danger.border-opacity-75 { border-color: rgba(var(--danger-rgb), .75) !important } .border.border-danger.border-opacity-100 { border-color: rgba(var(--danger-rgb), 1) !important } .border.border-white { border: 1px solid #fff !important; opacity: 1 } .border.border-white.border-opacity-25 { border-color: #ffffff40 !important } .border.border-white.border-opacity-50 { border-color: #ffffff80 !important } .border.border-white.border-opacity-75 { border-color: #ffffffbf !important } .border.border-light { border: 1px solid rgb(var(--light-rgb)) !important; opacity: 1 } .border.border-light.border-opacity-10 { border-color: rgba(var(--light-rgb), .1) !important } .border.border-light.border-opacity-25 { border-color: rgba(var(--light-rgb), .25) !important } .border.border-light.border-opacity-50 { border-color: rgba(var(--light-rgb), .5) !important } .border.border-light.border-opacity-75 { border-color: rgba(var(--light-rgb), .75) !important } .border.border-light.border-opacity-100 { border-color: rgba(var(--light-rgb), 1) !important } .border.border-dark { border: 1px solid rgb(var(--dark-rgb)) !important; opacity: 1 } .border.border-dark.border-opacity-10 { border-color: rgba(var(--dark-rgb), .1) !important } .border.border-dark.border-opacity-25 { border-color: rgba(var(--dark-rgb), .25) !important } .border.border-dark.border-opacity-50 { border-color: rgba(var(--dark-rgb), .5) !important } .border.border-dark.border-opacity-75 { border-color: rgba(var(--dark-rgb), .75) !important } .border.border-dark.border-opacity-100 { border-color: rgba(var(--dark-rgb), 1) !important } .border.border-opacity-10 { --bs-border-opacity: 0.1 !important } .border.border-opacity-25 { --bs-border-opacity: 0.25 !important } .border.border-opacity-50 { --bs-border-opacity: 0.5 !important } .border.border-opacity-75 { --bs-border-opacity: 0.75 !important } .border.border-opacity-100 { --bs-border-opacity: 1 !important } .border.border-1 { border-width: 1px !important } .border.border-2 { border-width: 2px !important } .border.border-3 { border-width: 3px !important } .border.border-4 { border-width: 4px !important } .border.border-5 { border-width: 5px !important } .border.border-block-start-dashed { border-top-style: dashed } .border.border-block-start-dotted { border-top-style: dotted } .border.border-inline-end-dashed { border-inline-end-style: dashed } .border.border-inline-end-dotted { border-inline-end-style: dotted } .border.border-block-end-dashed { border-bottom-style: dashed } .border.border-block-end-dotted { border-bottom-style: dotted } .border.border-inline-start-dashed { border-inline-start-style: dashed } .border.border-inline-start-dotted { border-inline-start-style: dotted } .border.border-top-0 { border-block-start: 0 !important } .border.border-end-0 { border-inline-end: 0 !important } .border.border-bottom-0 { border-block-end: 0 !important } .border.border-start-0 { border-inline-start: 0 !important } .border-top.border-block-start-dashed { border-top-style: dashed !important } .border-top.border-block-start-dotted { border-top-style: dotted !important } .border-bottom.border-secondary, .border-end.border-secondary, .border-start.border-secondary, .border-top.border-secondary { border-color: rgb(var(--secondary-rgb)) !important } .border-bottom.border-warning, .border-end.border-warning, .border-start.border-warning, .border-top.border-warning { border-color: rgb(var(--warning-rgb)) !important } .border-bottom.border-info, .border-end.border-info, .border-start.border-info, .border-top.border-info { border-color: rgb(var(--info-rgb)) !important } .border-bottom.border-danger, .border-end.border-danger, .border-start.border-danger, .border-top.border-danger { border-color: rgb(var(--danger-rgb)) !important } .border-bottom.border-light, .border-end.border-light, .border-start.border-light, .border-top.border-light { border-color: rgb(var(--light-rgb)) !important } .border-bottom.border-dark, .border-end.border-dark, .border-start.border-dark, .border-top.border-dark { border-color: rgb(var(--dark-rgb)) !important } .border-end { border-inline-end: 1px solid var(--default-border) !important } .border-end.border-inline-end-dashed { border-inline-end-style: dashed !important } .border-end.border-inline-end-dotted { border-inline-end-style: dotted !important } .border-bottom { border-bottom: 1px solid var(--default-border) !important } .border-bottom.border-block-end-dashed { border-bottom-style: dashed !important } .border-bottom.border-block-end-dotted { border-bottom-style: dotted !important } .border-start.border-inline-start-dashed { border-inline-start-style: dashed !important } .border-start.border-inline-start-dotted { border-inline-start-style: dotted !important } .br-1 { border-radius: .0625rem } .br-2 { border-radius: .125rem } .br-3 { border-radius: .1875rem } .br-5 { border-radius: .3125rem } .br-6 { border-radius: .375rem } .br-7 { border-radius: .4375rem } .br-9 { border-radius: .5625rem } .br-10 { border-radius: .625rem } .br-15 { border-radius: .9375rem } .rounded { border-radius: .5rem !important } .op-0 { opacity: 0 } .op-3 { opacity: .3 } .op-4 { opacity: .4 } .op-6 { opacity: .6 } .op-9 { opacity: .9 } .fs-11, .fs-sm { font-size: .6875rem } .fs-18, .fs-lg { font-size: 1.125rem } .fs-1 { font-size: .0625rem } .fs-2 { font-size: .125rem } .fs-3 { font-size: .1875rem } .fs-4 { font-size: .25rem } .fs-5 { font-size: .3125rem } .fs-6 { font-size: .375rem } .fs-7 { font-size: .4375rem } .fs-8 { font-size: .5rem } .fs-9 { font-size: .5625rem } .fs-13 { font-size: .8125rem } .fs-15 { font-size: .9375rem } .fs-17 { font-size: 1.0625rem } .fs-19 { font-size: 1.1875rem } .fs-20 { font-size: 1.25rem } .fs-21 { font-size: 1.3125rem } .fs-22 { font-size: 1.375rem } .fs-23 { font-size: 1.4375rem } .fs-25 { font-size: 1.5625rem } .fs-26 { font-size: 1.625rem } .fs-27 { font-size: 1.6875rem } .fs-28 { font-size: 1.75rem } .fs-29 { font-size: 1.8125rem } .fs-30 { font-size: 1.875rem } .fs-32 { font-size: 2rem } .fs-34 { font-size: 2.125rem } .fs-36 { font-size: 2.25rem } .fs-38 { font-size: 2.375rem } .fs-40 { font-size: 2.5rem } .text-primary { color: var(--primary-color) !important; opacity: 1 } .text-primary.text-opacity-75 { color: var(--primary08) !important } .text-primary.text-opacity-25 { color: var(--primary03) !important } .text-primary.text-opacity-50 { color: var(--primary05) !important } .text-secondary { color: rgb(var(--secondary-rgb)) !important; opacity: 1 } .text-secondary.text-opacity-75 { color: rgba(var(--secondary-rgb), .75) !important } .text-secondary.text-opacity-25 { color: rgba(var(--secondary-rgb), .25) !important } .text-secondary.text-opacity-50 { color: rgba(var(--secondary-rgb), .5) !important } .text-info { color: rgb(var(--info-rgb)) !important; opacity: 1 } .text-info.text-opacity-75 { color: rgba(var(--info-rgb), .75) !important } .text-info.text-opacity-25 { color: rgba(var(--info-rgb), .25) !important } .text-info.text-opacity-50 { color: rgba(var(--info-rgb), .5) !important } .text-success { color: rgb(var(--success-rgb)) !important; opacity: 1 } .text-success.text-opacity-75 { color: rgba(var(--success-rgb), .75) !important } .text-success.text-opacity-25 { color: rgba(var(--success-rgb), .25) !important } .text-success.text-opacity-50 { color: rgba(var(--success-rgb), .5) !important } .text-warning { color: rgb(var(--warning-rgb)) !important; opacity: 1 } .text-warning.text-opacity-75 { color: rgba(var(--warning-rgb), .75) !important } .text-warning.text-opacity-25 { color: rgba(var(--warning-rgb), .25) !important } .text-warning.text-opacity-50 { color: rgba(var(--warning-rgb), .5) !important } .text-danger { color: rgb(var(--danger-rgb)) !important; opacity: 1 } .text-danger.text-opacity-75 { color: rgba(var(--danger-rgb), .75) !important } .text-danger.text-opacity-25 { color: rgba(var(--danger-rgb), .25) !important } .text-danger.text-opacity-50 { color: rgba(var(--danger-rgb), .5) !important } .text-blue { color: #2b3e65 !important } .text-green { color: #1dd871 !important } .text-pink { color: rgb(var(--pink-rgb)) !important } .text-teal { color: rgb(var(--teal-rgb)) !important } .text-orange { color: rgb(var(--orange-rgb)) !important } .text-indigo { color: #4d5ddb !important } .text-purple { color: rgb(var(--purple-rgb)) !important } .link-dark, .link-dark:active, .link-dark:focus, .link-dark:hover, .text-dark { color: rgb(var(--dark-rgb)) !important } .link-light, .link-light:active, .link-light:focus, .link-light:hover, .text-light { color: rgb(var(--light-rgb)) !important } .text-gray { color: var(--gray-5) !important } .text-gray-1 { color: var(--gray-1) } .text-gray-2 { color: var(--gray-2) } .text-gray-3 { color: var(--gray-3) } .text-gray-4 { color: var(--gray-4) } .text-gray-5 { color: var(--gray-5) } .text-gray-6 { color: var(--gray-6) } .text-gray-7 { color: var(--gray-7) } .text-gray-8 { color: var(--gray-8) } .text-gray-9 { color: var(--gray-9) } a:hover { --bs-text-opacity: 1; opacity: 1 } .blockquote-container { padding: 1.25rem; border: 1px solid var(--default-border); border-block-start: 4px solid var(--default-border); border-radius: .5rem; position: relative } .blockquote-container:before { width: 1.5rem; height: 1.5rem; font-size: .813rem; font-weight: 600; border: 1px solid var(--default-border); background-color: var(--custom-white); top: -.875rem; align-items: center; display: flex; padding: 0; justify-content: center; border-radius: 3.125rem; inset-inline-start: 50%; box-shadow: 0 .25rem 1rem #0000001a } .blockquote.custom-blockquote { font-size: .85rem; font-weight: 600; padding: 1rem; border-radius: .5rem; position: relative } .blockquote.custom-blockquote:before { z-index: 0; font-size: 4rem; inset-block-start: -1.5rem; inset-inline-start: -0.25rem } .blockquote.custom-blockquote .quote-icon { width: 2.5rem; height: 2.5rem; display: flex; align-items: center; justify-content: center; border-radius: 3.125rem; position: absolute; inset-block-start: -1rem; inset-inline-end: -1rem; background-color: var(--custom-white) } .blockquote.custom-blockquote .quote-icon i { font-size: 1.75rem; font-weight: 500 } .blockquote.custom-blockquote.primary { background-color: var(--primary01); border-inline-start: 2px solid var(--primary-color); border-block-start: 2px solid var(--primary-color) } .blockquote.custom-blockquote.primary:before { color: var(--primary01) } .blockquote.custom-blockquote.secondary { background-color: rgba(var(--secondary-rgb), .1); border-inline-start: 2px solid rgb(var(--secondary-rgb)); border-block-start: 2px solid rgb(var(--secondary-rgb)) } .blockquote.custom-blockquote.secondary:before { color: rgba(var(--secondary-rgb), .1) } .blockquote.custom-blockquote.info { background-color: rgba(var(--info-rgb), .1); border-inline-start: 2px solid rgb(var(--info-rgb)); border-block-start: 2px solid rgb(var(--info-rgb)) } .blockquote.custom-blockquote.info:before { color: rgba(var(--info-rgb), .1) } .blockquote.custom-blockquote.warning { background-color: rgba(var(--warning-rgb), .1); border-inline-start: 2px solid rgb(var(--warning-rgb)); border-block-start: 2px solid rgb(var(--warning-rgb)) } .blockquote.custom-blockquote.warning:before { color: rgba(var(--warning-rgb), .1) } .blockquote.custom-blockquote.success { background-color: rgba(var(--success-rgb), .1); border-inline-start: 2px solid rgb(var(--success-rgb)); border-block-start: 2px solid rgb(var(--success-rgb)) } .blockquote.custom-blockquote.success:before { color: rgba(var(--success-rgb), .1) } .blockquote.custom-blockquote.danger { background-color: rgba(var(--danger-rgb), .1); border-inline-start: 2px solid rgb(var(--danger-rgb)); border-block-start: 2px solid rgb(var(--danger-rgb)) } .blockquote.custom-blockquote.danger:before { color: rgba(var(--danger-rgb), .1) } [data-theme-mode=dark] .shadow-sm { box-shadow: 0 .125rem .25rem #2125294d !important } [data-theme-mode=dark] .shadow { box-shadow: 0 .5rem 1rem #2125294d !important } [data-theme-mode=dark] .shadow-lg { box-shadow: 0 1rem 3rem #2125294d !important } @media screen and (min-width:576px) { .timeline .timeline-body { inset-block-start: 2.5rem } .w-sm-auto { width: auto } } [dir=rtl] .text-break { word-wrap: break-word !important; word-break: break-word !important } .transform-none { transform: none !important }