@charset "UTF-8"; /*! ----------------------------------------------------------------------------------- Template Name: Cuba Admin Template URI: http://admin.pixelstrap.com/cuba/theme Description: This is Admin theme Author: Pixelstrap Author URI: https://themeforest.net/user/pixelstrap ----------------------------------------------------------------------------------- 1.Base css 1.1 Reset CSS 1.2 Typography CSS 2.Components css 2.1 According CSS 2.2 Alert CSS 2.3 Avatars CSS 2.4 Badge CSS 2.5 Bookmark CSS 2.6 Breadcrumb CSS 2.7 Basic-card CSS 2.8 Buttons CSS 2.9 Block-ui CSS 2.10 Card CSS 2.11 Color CSS 2.12 Datatable CSS 2.13 Datapicker CSS 2.14 Dropdown CSS 2.15 Form-input CSS 2.16 Form-wizard CSS 2.17 Forms CSS 2.18 Icons CSS 2.19 List CSS 2.20 Loader CSS 2.21 Modal CSS 2.22 Popover CSS 2.23 Print CSS 2.24 Radio CSS 2.25 Ribbon CSS 2.26 Range-slider CSS 2.27 Switch CSS 2.28 Tab CSS 2.29 Table CSS 2.30 Toasts CSS 2.31 Touchspin CSS 2.32 Tour CSS 2.33 Tree CSS 2.34 Typeahead-search CSS 2.35 Scrollbar CSS 3. Pages 3.1 Add-product CSS 3.2 Blog CSS 3.3 Bookmark-app CSS 3.4 Cart CSS 3.5 Chart CSS 3.6 Chat CSS 3.7 Checkout CSS 3.8 Comingsoon CSS 3.9 Contacts CSS 3.10 Dashboard_2 CSS 3.11 Dashboard_3 CSS 3.12 Dashboard_4 CSS 3.13 Dashboard_5 CSS 3.14 Dashboard_6 CSS 3.15 Dashboard_7 CSS 3.16 Dashboard_8 CSS 3.17 Dashboard_9 CSS 3.18 Dashboard_10 CSS 3.19 Dashboard_11 CSS 3.20 Dashboard_default CSS 3.21 Divider CSS 3.22 Flash_icons CSS // 3.23 General-widget CSS 3.23 Ecommerce CSS 3.24 Email-application CSS 3.25 Letter-box CSS 3.26 Errorpage CSS 3.27 Faq CSS 3.28 File CSS 3.29 File-manger CSS 3.30 Gallery CSS 3.31 Helper CSS 3.32 Internationalization CSS 3.33 Invoice CSS 3.34 Job-search CSS 3.35 Jsgrid CSS 3.36 Editors CSS 3.37 Kanban CSS 3.38 Knowledgebase CSS 3.39 Landing CSS 3.40 Language CSS 3.41 Learning CSS 3.42 Login CSS 3.43 Megaoption CSS 3.44 Navigate-link CSS 3.45 Order-history CSS 3.46 Offcanvas CSS 3.47 Page CSS 3.48 Pricing CSS 3.49 Progress CSS 3.50 Projectlist CSS 3.51 Placeholders CSS 3.52 Rating CSS 3.53 Social-app CSS 3.54 Scrollspy CSS 3.55 Sweet-alert CSS 3.56 Sellers CSS 3.57 Task CSS 3.58 Timeline-v CSS 3.59 User-profile CSS 3.60 Wishlist CSS 4. Themes 4.1. Dark CSS 4.2 Theme-customizer CSS 4.3 Update CSS 5. Layout 5.1 Footer CSS 5.2 Grid CSS 5.3 Header CSS 5.4 Navs CSS 5.5 Search CSS 5.6 Select2 CSS 5.7 Sidebar CSS 5.8 Rtl CSS 5.9 Box-layout CSS */ :root { --theme-default: #7366FF; --theme-secondary: #838383; --light-background: rgba(242, 243, 247, 0.7); --body-font-color: #2F2F3B; --chart-border: #ECF3FA; --recent-chart-bg: #FCFCFD; --light-bg: #EEF1F6; --white: #fff; --light2: #F5F6F9; --sidebar-border: rgba(0, 0, 0, 0.1); --chart-text-color: rgba(82, 82, 108, 0.8); --recent-dashed-border: rgba(82, 82, 108, 0.3); --chart-dashed-border: rgba(82, 82, 108, 0.2); --chart-progress-light: rgba(82, 82, 108, 0.1); --recent-box-bg: #F2F4F7; --recent-border: rgba(97, 101, 122, 0.25); --course-light-btn: #F2F3F7; --course-bg: #F7F7F7; --balance-profile-bg: #E0DFEF; --view-grid-bg: #ECF3FA80; --view-border-marker: #cfcdfc; --light-slate: #F5F6F9; --product-shadow: 0px 1px 0px rgba(82, 82, 108, 0.15); --light-shade-primary: rgba(245, 244, 255); --rgb-primary: rgb(115, 102, 255); --f-lighter: #7f8183; --light-datatable-odd: #F5F6FA; --dark-light-color: rgba(10, 10, 10, 0.5); --lighter-gray: rgba(33, 37, 41, 0.75); --primary-70: rgba(115, 102, 255, 0.7); --warning-70: rgba(255, 169, 65, 0.7); --success-70: rgba(84, 186, 74, 0.7); --fc-button-bg-color: var(--theme-default); --fc-button-active-bg-color: var(--theme-default); --fc-button-active-border-color: var(--theme-default); --fc-button-border-color: var(--theme-default); --fc-button-hover-bg-color: var(--theme-default); --fc-button-hover-border-color: var(--theme-default); --normal: #ECEAF3; --normal-shadow: #D9D8E3; --normal-mouth: #9795A4; --normal-eye: #595861; --active: #F8DA69; --active-shadow: #F4B555; --active-mouth: #F05136; --active-eye: #313036; --active-tear: #76b5e7; --active-shadow-angry: #e94f1d; --bs-heading-color: #404040; --bs-emphasis-color-rgb: rgba(242, 243, 247, 0.7); --bs-border-color: #e9edf1; --bs-table-bg: var(--bs-emphasis-color-rgb); --bs-heading-color: #333333; /* Do not show the "remove tag" (x) button when only a single tag remains */ } :root .customLook { --tag-bg: var(--theme-default); --tag-hover: var(--theme-secondary); --tag-text-color: var(--white); --tags-border-color: silver; --tag-border-radius: 25px; --tag-text-color--edit: #111; --tag-remove-bg: var(--tag-hover); --tag-pad: .6em 1em; --tag-inset-shadow-size: 1.35em; --tag-remove-btn-bg--hover: #000; --tagify-dd-color-primary: var(var(--theme-default)); --tagify-dd-bg-color: var(--course-light-btn); } :root .table { --bs-table-color-state: initial; --bs-body-bg: auto; } :root .table.table-inverse { --bs-table-bg: #292b2c; } :root .table.table-striped.bg-primary { --bs-table-bg: unset; } .dark-only { --light-background: rgba(31, 32, 40, 0.65); --recent-chart-bg: #262932; --light-bg: #1d1e26; --white: #262932; --sidebar-border: rgba(255, 255, 255, 0.1); --light2: #1d1e26; --chart-border: #374558; --recent-box-bg: #1d1e26; --recent-border: #374558; --body-font-color: rgba(255, 255, 255, 0.6); --chart-text-color: rgba(101, 101, 113, 1); --chart-dashed-border: rgba(135, 135, 136, 0.2); --chart-progress-light: #202128; --course-light-btn: var(--light-bg); --course-bg: rgba(31, 32, 40, 0.65); --view-grid-bg: var(--light-bg); --view-border-marker: #2c2c45d4; --light-slate: #1c1d26; --light-datatable-odd: #191e27; --product-shadow: 0px 1px 0px rgb(55 70 87); --light-shade-primary: rgba(46, 53, 67, 1); --light-gray-1: linear-gradient(0deg, #FCFCFD, #FCFCFD), linear-gradient(0deg, #FFFFFF, #FFFFFF); --bs-body-bg: rgba(255, 255, 255, 0.6); --bs-table-bg: transparent; --light-bg-primary: rgba(239, 238, 255); --lighter-gray: rgba(255, 255, 255, 0.2); --bs-heading-color: rgba(255, 255, 255, 0.7); --bs-emphasis-color-rgb: var(--light-background); --bs-border-color: var(--recent-chart-bg); } .dark-only .table.table-inverse { --bs-table-bg: #262932; } .dark-only .table.table-striped.bg-primary { --bs-table-bg: unset; } /**===================== 1.2 Mixin CSS start ==========================**/ /**===================== 1.2 Mixin CSS end ==========================**/ /**===================== 1.1 Reset CSS start ==========================**/ .f-light { color: rgba(117, 117, 138, 0.8); } .c-light { color: #52526c; } .c-o-light { color: #52526c; opacity: 0.8; } .light-white { color: #fff; } .pull-right { float: right; } svg.f-light { fill: #75758a; opacity: 0.8; } .w-600 { width: 600px; } .light-card { background-color: var(--light-background); } .light-background { background-color: var(--light-bg); } .icon-arrow-down.icon-rotate, .icon-arrow-up.icon-rotate { transform: rotate(-45deg); display: inline-block; } [contenteditable] { outline: 0 solid transparent; } ::selection { background-color: #7366FF; color: #fff; } ::-moz-selection { background-color: #7366FF; color: #fff; } /*====== Padding css starts ======*/ .p-0 { padding: 0px; } .p-5 { padding: 5px; } .p-10 { padding: 10px; } .p-15 { padding: 15px; } .p-20 { padding: 20px; } .p-25 { padding: 25px; } .p-30 { padding: 30px; } .p-35 { padding: 35px; } .p-40 { padding: 40px; } .p-45 { padding: 45px; } .p-50 { padding: 50px; } /*====== Padding css ends ======*/ /*====== Padding-left css starts ======*/ .p-l-0 { padding-left: 0px; } .p-l-5 { padding-left: 5px; } .p-l-10 { padding-left: 10px; } .p-l-15 { padding-left: 15px; } .p-l-20 { padding-left: 20px; } .p-l-25 { padding-left: 25px; } .p-l-30 { padding-left: 30px; } .p-l-35 { padding-left: 35px; } .p-l-40 { padding-left: 40px; } .p-l-45 { padding-left: 45px; } .p-l-50 { padding-left: 50px; } /*====== Padding-left css ends ======*/ /*====== Padding-top css starts ======*/ .p-t-0 { padding-top: 0px !important; } .p-t-5 { padding-top: 5px !important; } .p-t-10 { padding-top: 10px !important; } .p-t-15 { padding-top: 15px !important; } .p-t-20 { padding-top: 20px !important; } .p-t-25 { padding-top: 25px !important; } .p-t-30 { padding-top: 30px !important; } .p-t-35 { padding-top: 35px !important; } .p-t-40 { padding-top: 40px !important; } .p-t-45 { padding-top: 45px !important; } .p-t-50 { padding-top: 50px !important; } /*====== Padding-top css ends ======*/ /*====== Padding-bottom css starts ======*/ .p-b-0 { padding-bottom: 0px !important; } .p-b-5 { padding-bottom: 5px !important; } .p-b-10 { padding-bottom: 10px !important; } .p-b-15 { padding-bottom: 15px !important; } .p-b-20 { padding-bottom: 20px !important; } .p-b-25 { padding-bottom: 25px !important; } .p-b-30 { padding-bottom: 30px !important; } .p-b-35 { padding-bottom: 35px !important; } .p-b-40 { padding-bottom: 40px !important; } .p-b-45 { padding-bottom: 45px !important; } .p-b-50 { padding-bottom: 50px !important; } /*====== Padding-bottom css ends ======*/ /*====== Padding-right css starts ======*/ .p-r-0 { padding-right: 0px; } .p-r-5 { padding-right: 5px; } .p-r-10 { padding-right: 10px; } .p-r-15 { padding-right: 15px; } .p-r-20 { padding-right: 20px; } .p-r-25 { padding-right: 25px; } .p-r-30 { padding-right: 30px; } .p-r-35 { padding-right: 35px; } .p-r-40 { padding-right: 40px; } .p-r-45 { padding-right: 45px; } .p-r-50 { padding-right: 50px; } /*====== Padding-right css ends ======*/ /*====== Margin css starts ======*/ .m-0 { margin: 0px !important; } .m-5 { margin: 5px !important; } .m-10 { margin: 10px !important; } .m-15 { margin: 15px !important; } .m-20 { margin: 20px !important; } .m-25 { margin: 25px !important; } .m-30 { margin: 30px !important; } .m-35 { margin: 35px !important; } .m-40 { margin: 40px !important; } .m-45 { margin: 45px !important; } .m-50 { margin: 50px !important; } /*====== Margin css ends ======*/ /*====== Margin-top css starts ======*/ .m-t-0 { margin-top: 0px !important; } .m-t-5 { margin-top: 5px !important; } .m-t-10 { margin-top: 10px !important; } .m-t-15 { margin-top: 15px !important; } .m-t-20 { margin-top: 20px !important; } .m-t-25 { margin-top: 25px !important; } .m-t-30 { margin-top: 30px !important; } .m-t-35 { margin-top: 35px !important; } .m-t-40 { margin-top: 40px !important; } .m-t-45 { margin-top: 45px !important; } .m-t-50 { margin-top: 50px !important; } /*====== Margin-top css ends ======*/ /*====== Margin-Bottom css starts ======*/ .m-b-0 { margin-bottom: 0px !important; } .m-b-5 { margin-bottom: 5px !important; } .m-b-10 { margin-bottom: 10px !important; } .m-b-15 { margin-bottom: 15px !important; } .m-b-20 { margin-bottom: 20px !important; } .m-b-25 { margin-bottom: 25px !important; } .m-b-30 { margin-bottom: 30px !important; } .m-b-35 { margin-bottom: 35px !important; } .m-b-40 { margin-bottom: 40px !important; } .m-b-45 { margin-bottom: 45px !important; } .m-b-50 { margin-bottom: 50px !important; } /*====== Margin-Bottom css ends ======*/ /*====== Margin-left css starts ======*/ .m-l-0 { margin-left: 0px !important; } .m-l-5 { margin-left: 5px !important; } .m-l-10 { margin-left: 10px !important; } .m-l-15 { margin-left: 15px !important; } .m-l-20 { margin-left: 20px !important; } .m-l-25 { margin-left: 25px !important; } .m-l-30 { margin-left: 30px !important; } .m-l-35 { margin-left: 35px !important; } .m-l-40 { margin-left: 40px !important; } .m-l-45 { margin-left: 45px !important; } .m-l-50 { margin-left: 50px !important; } /*====== Margin-left css ends ======*/ /*====== Margin-right css starts ======*/ .m-r-0 { margin-right: 0px; } .m-r-5 { margin-right: 5px; } .m-r-10 { margin-right: 10px; } .m-r-15 { margin-right: 15px; } .m-r-20 { margin-right: 20px; } .m-r-25 { margin-right: 25px; } .m-r-30 { margin-right: 30px; } .m-r-35 { margin-right: 35px; } .m-r-40 { margin-right: 40px; } .m-r-45 { margin-right: 45px; } .m-r-50 { margin-right: 50px; } /*====== Margin-right css ends ======*/ /*====== Border-radius css starts ======*/ .b-r-0 { border-radius: 0px !important; } .b-r-1 { border-radius: 1px !important; } .b-r-2 { border-radius: 2px !important; } .b-r-3 { border-radius: 3px !important; } .b-r-4 { border-radius: 4px !important; } .b-r-5 { border-radius: 5px !important; } .b-r-6 { border-radius: 6px !important; } .b-r-7 { border-radius: 7px !important; } .b-r-8 { border-radius: 8px !important; } .b-r-9 { border-radius: 9px !important; } .b-r-10 { border-radius: 10px !important; } .b-r-11 { border-radius: 11px !important; } .b-r-12 { border-radius: 12px !important; } .b-r-13 { border-radius: 13px !important; } .b-r-14 { border-radius: 14px !important; } .b-r-15 { border-radius: 15px !important; } .b-r-16 { border-radius: 16px !important; } .b-r-17 { border-radius: 17px !important; } .b-r-18 { border-radius: 18px !important; } .b-r-19 { border-radius: 19px !important; } .b-r-20 { border-radius: 20px !important; } .b-r-21 { border-radius: 21px !important; } .b-r-22 { border-radius: 22px !important; } .b-r-23 { border-radius: 23px !important; } .b-r-24 { border-radius: 24px !important; } .b-r-25 { border-radius: 25px !important; } .b-r-26 { border-radius: 26px !important; } .b-r-27 { border-radius: 27px !important; } .b-r-28 { border-radius: 28px !important; } .b-r-29 { border-radius: 29px !important; } .b-r-30 { border-radius: 30px !important; } .b-r-31 { border-radius: 31px !important; } .b-r-32 { border-radius: 32px !important; } .b-r-33 { border-radius: 33px !important; } .b-r-34 { border-radius: 34px !important; } .b-r-35 { border-radius: 35px !important; } /*====== Border-radius css ends ======*/ /*====== Font-size css starts ======*/ .f-12 { font-size: 12px !important; } .f-14 { font-size: 14px !important; } .f-16 { font-size: 16px !important; } .f-18 { font-size: 18px !important; } .f-20 { font-size: 20px !important; } .f-22 { font-size: 22px !important; } .f-24 { font-size: 24px !important; } .f-26 { font-size: 26px !important; } .f-28 { font-size: 28px !important; } .f-30 { font-size: 30px !important; } .f-32 { font-size: 32px !important; } .f-34 { font-size: 34px !important; } .f-36 { font-size: 36px !important; } .f-38 { font-size: 38px !important; } .f-40 { font-size: 40px !important; } .f-42 { font-size: 42px !important; } .f-44 { font-size: 44px !important; } .f-46 { font-size: 46px !important; } .f-48 { font-size: 48px !important; } .f-50 { font-size: 50px !important; } .f-52 { font-size: 52px !important; } .f-54 { font-size: 54px !important; } .f-56 { font-size: 56px !important; } .f-58 { font-size: 58px !important; } .f-60 { font-size: 60px !important; } .f-62 { font-size: 62px !important; } .f-64 { font-size: 64px !important; } .f-66 { font-size: 66px !important; } .f-68 { font-size: 68px !important; } .f-70 { font-size: 70px !important; } .f-72 { font-size: 72px !important; } .f-74 { font-size: 74px !important; } .f-76 { font-size: 76px !important; } .f-78 { font-size: 78px !important; } .f-80 { font-size: 80px !important; } .f-82 { font-size: 82px !important; } .f-84 { font-size: 84px !important; } .f-86 { font-size: 86px !important; } .f-88 { font-size: 88px !important; } .f-90 { font-size: 90px !important; } .f-92 { font-size: 92px !important; } .f-94 { font-size: 94px !important; } .f-96 { font-size: 96px !important; } .f-98 { font-size: 98px !important; } .f-100 { font-size: 100px !important; } /*====== Font-size css ends ======*/ /*====== Font-weight css starts ======*/ .f-w-100 { font-weight: 100; } .f-w-300 { font-weight: 300; } .f-w-500 { font-weight: 500; } .f-w-400 { font-weight: 400; } .f-w-600 { font-weight: 600; } .f-w-700 { font-weight: 700; } .f-w-900 { font-weight: 900; } /*====== Font-weight css ends ======*/ /*====== Font-style css starts ======*/ .f-s-normal { font-style: normal; } .f-s-italic { font-style: italic; } .f-s-oblique { font-style: oblique; } .f-s-initial { font-style: initial; } .f-s-inherit { font-style: inherit; } /*====== Font-style css ends ======*/ /*====== Text-Decoration css starts ======*/ .text-overline { text-decoration: overline; } .text-line-through { text-decoration: line-through; } .text-underline { text-decoration: underline; } .text-dashed { text-decoration: dashed; } .text-blink { text-decoration: blink; } .text-dotted { text-decoration: dotted; } .text-initial { text-decoration: initial; } .text-none { text-decoration: none; } .text-solid { text-decoration: solid; } .text-wavy { text-decoration: wavy; } .text-inherit { text-decoration: inherit; } .text-double { text-decoration: double; } /*====== Text-Decoration css ends ======*/ /*====== Border-style css starts ======*/ .border-s-overline { border-style: overline; } .border-s-dashed { border-style: dashed; } .border-s-dotted { border-style: dotted; } .border-s-solid { border-style: solid; } .border-s-double { border-style: double; } .border-s-groove { border-style: groove; } .border-s-ridge { border-style: ridge; } .border-s-inset { border-style: inset; } .border-s-outset { border-style: outset; } .border-s-none { border-style: none; } .border-s-hidden { border-style: hidden; } /*====== Border-style css ends ======*/ /*====== Vertical-Align css starts ======*/ .baseline { vertical-align: baseline; } .sub { vertical-align: sub; } .super { vertical-align: super; } .top { vertical-align: top; } .text-top { vertical-align: text-top; } .middle { vertical-align: middle; } .bottom { vertical-align: bottom; } .text-bottom { vertical-align: text-bottom; } .initial { vertical-align: initial; } .inherit { vertical-align: inherit; } /*====== Vertical-Align css ends ======*/ /*====== Position css starts ======*/ .p-static { position: static; } .p-absolute { position: absolute; } .p-fixed { position: fixed; } .p-relative { position: relative; } .p-initial { position: initial; } .p-inherit { position: inherit; } /*====== Position css ends ======*/ /*====== Float css starts ======*/ .f-left { float: left; } .f-right { float: right; } .f-none { float: none; } /*====== Float css ends ======*/ /*====== Overflow css starts ======*/ .o-hidden { overflow: hidden; } .o-visible { overflow: visible; } .o-auto { overflow: auto; } /*====== Overflow css ends ======*/ /*====== Image-sizes css starts ======*/ .img-10 { width: 10px !important; } .img-h-10 { height: 10px !important; } .img-20 { width: 20px !important; } .img-h-20 { height: 20px !important; } .img-30 { width: 30px !important; } .img-h-30 { height: 30px !important; } .img-40 { width: 40px !important; } .img-h-40 { height: 40px !important; } .img-50 { width: 50px !important; } .img-h-50 { height: 50px !important; } .img-60 { width: 60px !important; } .img-h-60 { height: 60px !important; } .img-70 { width: 70px !important; } .img-h-70 { height: 70px !important; } .img-80 { width: 80px !important; } .img-h-80 { height: 80px !important; } .img-90 { width: 90px !important; } .img-h-90 { height: 90px !important; } .img-100 { width: 100px !important; } .img-h-100 { height: 100px !important; } /*====== Image-sizes css ends ======*/ /*====== Height-sizes css starts ======*/ .placeholder-h-2 { height: 2px !important; } .placeholder-h-4 { height: 4px !important; } .placeholder-h-6 { height: 6px !important; } .placeholder-h-8 { height: 8px !important; } .placeholder-h-10 { height: 10px !important; } .placeholder-h-12 { height: 12px !important; } .placeholder-h-14 { height: 14px !important; } .placeholder-h-16 { height: 16px !important; } .placeholder-h-18 { height: 18px !important; } .placeholder-h-20 { height: 20px !important; } .placeholder-h-22 { height: 22px !important; } .placeholder-h-24 { height: 24px !important; } .placeholder-h-26 { height: 26px !important; } .placeholder-h-28 { height: 28px !important; } .placeholder-h-30 { height: 30px !important; } .placeholder-h-32 { height: 32px !important; } .placeholder-h-34 { height: 34px !important; } .placeholder-h-36 { height: 36px !important; } .placeholder-h-38 { height: 38px !important; } .placeholder-h-40 { height: 40px !important; } .placeholder-h-42 { height: 42px !important; } .placeholder-h-44 { height: 44px !important; } .placeholder-h-46 { height: 46px !important; } .placeholder-h-48 { height: 48px !important; } .placeholder-h-50 { height: 50px !important; } .placeholder-h-52 { height: 52px !important; } .placeholder-h-54 { height: 54px !important; } .placeholder-h-56 { height: 56px !important; } .placeholder-h-58 { height: 58px !important; } .placeholder-h-60 { height: 60px !important; } .placeholder-h-62 { height: 62px !important; } .placeholder-h-64 { height: 64px !important; } .placeholder-h-66 { height: 66px !important; } .placeholder-h-68 { height: 68px !important; } .placeholder-h-70 { height: 70px !important; } .placeholder-h-72 { height: 72px !important; } .placeholder-h-74 { height: 74px !important; } .placeholder-h-76 { height: 76px !important; } .placeholder-h-78 { height: 78px !important; } .placeholder-h-80 { height: 80px !important; } .placeholder-h-82 { height: 82px !important; } .placeholder-h-84 { height: 84px !important; } .placeholder-h-86 { height: 86px !important; } .placeholder-h-88 { height: 88px !important; } .placeholder-h-90 { height: 90px !important; } .placeholder-h-92 { height: 92px !important; } .placeholder-h-94 { height: 94px !important; } .placeholder-h-96 { height: 96px !important; } .placeholder-h-98 { height: 98px !important; } .placeholder-h-100 { height: 100px !important; } /*====== Height-sizes css ends ======*/ /*======= Text css starts ===========*/ .font-primary { color: #7366FF !important; } .font-secondary { color: #838383 !important; } .font-success { color: #65c15c !important; } .font-danger { color: #fc564a !important; } .font-info { color: #40b8f5 !important; } .font-light { color: #f4f4f4 !important; } .font-dark { color: #3f475a !important; } .font-warning { color: #ffb829 !important; } .font-primary { color: var(--theme-default) !important; } .font-secondary { color: var(--theme-secondary) !important; } /*======= Text css ends ===========*/ /*======= Label-color css starts ======= */ .label { border-radius: 2px; color: #fff; font-size: 12px; line-height: 1; margin-bottom: 0; text-transform: capitalize; } .label-theme { background-color: #7366FF; } .label-primary { background-color: #7366FF; } .label-secondary { background-color: #838383; } .label-success { background-color: #65c15c; } .label-danger { background-color: #fc564a; } .label-info { background-color: #40b8f5; } .label-light { background-color: #f4f4f4; } .label-dark { background-color: #3f475a; } .label-warning { background-color: #ffb829; } /*======= Label-color css ends ======= */ /*======= Badge-color css starts ======= */ .badge-primary { background-color: #7366FF; } .badge-b-primary { border: 1px solid #7366FF; } .badge-secondary { background-color: #838383; } .badge-b-secondary { border: 1px solid #838383; } .badge-success { background-color: #65c15c; } .badge-b-success { border: 1px solid #65c15c; } .badge-danger { background-color: #fc564a; } .badge-b-danger { border: 1px solid #fc564a; } .badge-info { background-color: #40b8f5; } .badge-b-info { border: 1px solid #40b8f5; } .badge-light { background-color: #f4f4f4; } .badge-b-light { border: 1px solid #f4f4f4; } .badge-dark { background-color: #3f475a; } .badge-b-dark { border: 1px solid #3f475a; } .badge-warning { background-color: #ffb829; } .badge-b-warning { border: 1px solid #ffb829; } .badge-primary { background-color: var(--theme-default) !important; } .badge-secondary { background-color: var(--theme-secondary) !important; } /*======= Badge-color css end ======= */ /*======= Background-color css starts ======= */ .bg-primary { background-color: #7366FF !important; color: #fff; } .bg-primary:hover { background-color: #7366FF; color: #fff; } .title-line-primary::before { background-color: #7366FF !important; } .scope-light-primary { background-color: rgba(115, 102, 255, 0.15) !important; } .outline-10-primary { outline: 2px solid rgba(115, 102, 255, 0.1); } .bg-7-primary { background-color: rgba(115, 102, 255, 0.07); } .bg-10-primary { background-color: rgba(115, 102, 255, 0.1); } .bg-20-primary { background-color: rgba(115, 102, 255, 0.2); } .outline-20-primary { outline: 2px solid rgba(115, 102, 255, 0.2); } .shadow-10-primary { box-shadow: 0px 5.04px 14.96px 0px rgba(115, 102, 255, 0.25) inset; } .social-tabs .nav .social-box.bg-7-primary.active { border: 1px solid #7366FF; transition: all 0.4s ease; } .dotted-primary { background-color: #7366FF; } .text-bg-primary { background-color: #7366FF !important; } .divider-body.divider-primary::before, .divider-body.divider-primary::after { border-color: #7366FF !important; } .border-dashed-primary { border: 1px dashed #7366FF; color: #7366FF; } .border-dashed-primary:hover { border: 1px dashed #7366FF; background-color: #7366FF; color: #fff; } .border-left-primary { border-left: 4px solid #7366FF; } [dir="rtl"] .border-left-primary { border-left: unset; border-right: 4px solid #7366FF; } .link-underline-primary { text-decoration: underline; text-decoration-color: #7366FF !important; } .link-underline-primary:hover { color: var(--body-font-color); } .link-primary { text-decoration: underline; text-decoration-color: #7366FF !important; color: #7366FF !important; } .link-primary:hover, .link-primary:focus, .link-primary:active { color: #7366FF !important; text-decoration-color: #7366FF !important; } .bg-light-primary { background-color: rgba(115, 102, 255, 0.1) !important; color: #fff; } .bg-lighter-primary { background-color: rgba(115, 102, 255, 0.6); color: #fff; } .button-light-primary { background-color: rgba(115, 102, 255, 0.1) !important; } .button-light-primary:active { border-color: rgba(115, 102, 255, 0.1) !important; } .bg-secondary { background-color: #838383 !important; color: #fff; } .bg-secondary:hover { background-color: #838383; color: #fff; } .title-line-secondary::before { background-color: #838383 !important; } .scope-light-secondary { background-color: rgba(131, 131, 131, 0.15) !important; } .outline-10-secondary { outline: 2px solid rgba(131, 131, 131, 0.1); } .bg-7-secondary { background-color: rgba(131, 131, 131, 0.07); } .bg-10-secondary { background-color: rgba(131, 131, 131, 0.1); } .bg-20-secondary { background-color: rgba(131, 131, 131, 0.2); } .outline-20-secondary { outline: 2px solid rgba(131, 131, 131, 0.2); } .shadow-10-secondary { box-shadow: 0px 5.04px 14.96px 0px rgba(131, 131, 131, 0.25) inset; } .social-tabs .nav .social-box.bg-7-secondary.active { border: 1px solid #838383; transition: all 0.4s ease; } .dotted-secondary { background-color: #838383; } .text-bg-secondary { background-color: #838383 !important; } .divider-body.divider-secondary::before, .divider-body.divider-secondary::after { border-color: #838383 !important; } .border-dashed-secondary { border: 1px dashed #838383; color: #838383; } .border-dashed-secondary:hover { border: 1px dashed #838383; background-color: #838383; color: #fff; } .border-left-secondary { border-left: 4px solid #838383; } [dir="rtl"] .border-left-secondary { border-left: unset; border-right: 4px solid #838383; } .link-underline-secondary { text-decoration: underline; text-decoration-color: #838383 !important; } .link-underline-secondary:hover { color: var(--body-font-color); } .link-secondary { text-decoration: underline; text-decoration-color: #838383 !important; color: #838383 !important; } .link-secondary:hover, .link-secondary:focus, .link-secondary:active { color: #838383 !important; text-decoration-color: #838383 !important; } .bg-light-secondary { background-color: rgba(131, 131, 131, 0.1) !important; color: #fff; } .bg-lighter-secondary { background-color: rgba(131, 131, 131, 0.6); color: #fff; } .button-light-secondary { background-color: rgba(131, 131, 131, 0.1) !important; } .button-light-secondary:active { border-color: rgba(131, 131, 131, 0.1) !important; } .bg-success { background-color: #65c15c !important; color: #fff; } .bg-success:hover { background-color: #65c15c; color: #fff; } .title-line-success::before { background-color: #65c15c !important; } .scope-light-success { background-color: rgba(101, 193, 92, 0.15) !important; } .outline-10-success { outline: 2px solid rgba(101, 193, 92, 0.1); } .bg-7-success { background-color: rgba(101, 193, 92, 0.07); } .bg-10-success { background-color: rgba(101, 193, 92, 0.1); } .bg-20-success { background-color: rgba(101, 193, 92, 0.2); } .outline-20-success { outline: 2px solid rgba(101, 193, 92, 0.2); } .shadow-10-success { box-shadow: 0px 5.04px 14.96px 0px rgba(101, 193, 92, 0.25) inset; } .social-tabs .nav .social-box.bg-7-success.active { border: 1px solid #65c15c; transition: all 0.4s ease; } .dotted-success { background-color: #65c15c; } .text-bg-success { background-color: #65c15c !important; } .divider-body.divider-success::before, .divider-body.divider-success::after { border-color: #65c15c !important; } .border-dashed-success { border: 1px dashed #65c15c; color: #65c15c; } .border-dashed-success:hover { border: 1px dashed #65c15c; background-color: #65c15c; color: #fff; } .border-left-success { border-left: 4px solid #65c15c; } [dir="rtl"] .border-left-success { border-left: unset; border-right: 4px solid #65c15c; } .link-underline-success { text-decoration: underline; text-decoration-color: #65c15c !important; } .link-underline-success:hover { color: var(--body-font-color); } .link-success { text-decoration: underline; text-decoration-color: #65c15c !important; color: #65c15c !important; } .link-success:hover, .link-success:focus, .link-success:active { color: #65c15c !important; text-decoration-color: #65c15c !important; } .bg-light-success { background-color: rgba(101, 193, 92, 0.1) !important; color: #fff; } .bg-lighter-success { background-color: rgba(101, 193, 92, 0.6); color: #fff; } .button-light-success { background-color: rgba(101, 193, 92, 0.1) !important; } .button-light-success:active { border-color: rgba(101, 193, 92, 0.1) !important; } .bg-danger { background-color: #fc564a !important; color: #fff; } .bg-danger:hover { background-color: #fc564a; color: #fff; } .title-line-danger::before { background-color: #fc564a !important; } .scope-light-danger { background-color: rgba(252, 86, 74, 0.15) !important; } .outline-10-danger { outline: 2px solid rgba(252, 86, 74, 0.1); } .bg-7-danger { background-color: rgba(252, 86, 74, 0.07); } .bg-10-danger { background-color: rgba(252, 86, 74, 0.1); } .bg-20-danger { background-color: rgba(252, 86, 74, 0.2); } .outline-20-danger { outline: 2px solid rgba(252, 86, 74, 0.2); } .shadow-10-danger { box-shadow: 0px 5.04px 14.96px 0px rgba(252, 86, 74, 0.25) inset; } .social-tabs .nav .social-box.bg-7-danger.active { border: 1px solid #fc564a; transition: all 0.4s ease; } .dotted-danger { background-color: #fc564a; } .text-bg-danger { background-color: #fc564a !important; } .divider-body.divider-danger::before, .divider-body.divider-danger::after { border-color: #fc564a !important; } .border-dashed-danger { border: 1px dashed #fc564a; color: #fc564a; } .border-dashed-danger:hover { border: 1px dashed #fc564a; background-color: #fc564a; color: #fff; } .border-left-danger { border-left: 4px solid #fc564a; } [dir="rtl"] .border-left-danger { border-left: unset; border-right: 4px solid #fc564a; } .link-underline-danger { text-decoration: underline; text-decoration-color: #fc564a !important; } .link-underline-danger:hover { color: var(--body-font-color); } .link-danger { text-decoration: underline; text-decoration-color: #fc564a !important; color: #fc564a !important; } .link-danger:hover, .link-danger:focus, .link-danger:active { color: #fc564a !important; text-decoration-color: #fc564a !important; } .bg-light-danger { background-color: rgba(252, 86, 74, 0.1) !important; color: #fff; } .bg-lighter-danger { background-color: rgba(252, 86, 74, 0.6); color: #fff; } .button-light-danger { background-color: rgba(252, 86, 74, 0.1) !important; } .button-light-danger:active { border-color: rgba(252, 86, 74, 0.1) !important; } .bg-info { background-color: #40b8f5 !important; color: #fff; } .bg-info:hover { background-color: #40b8f5; color: #fff; } .title-line-info::before { background-color: #40b8f5 !important; } .scope-light-info { background-color: rgba(64, 184, 245, 0.15) !important; } .outline-10-info { outline: 2px solid rgba(64, 184, 245, 0.1); } .bg-7-info { background-color: rgba(64, 184, 245, 0.07); } .bg-10-info { background-color: rgba(64, 184, 245, 0.1); } .bg-20-info { background-color: rgba(64, 184, 245, 0.2); } .outline-20-info { outline: 2px solid rgba(64, 184, 245, 0.2); } .shadow-10-info { box-shadow: 0px 5.04px 14.96px 0px rgba(64, 184, 245, 0.25) inset; } .social-tabs .nav .social-box.bg-7-info.active { border: 1px solid #40b8f5; transition: all 0.4s ease; } .dotted-info { background-color: #40b8f5; } .text-bg-info { background-color: #40b8f5 !important; } .divider-body.divider-info::before, .divider-body.divider-info::after { border-color: #40b8f5 !important; } .border-dashed-info { border: 1px dashed #40b8f5; color: #40b8f5; } .border-dashed-info:hover { border: 1px dashed #40b8f5; background-color: #40b8f5; color: #fff; } .border-left-info { border-left: 4px solid #40b8f5; } [dir="rtl"] .border-left-info { border-left: unset; border-right: 4px solid #40b8f5; } .link-underline-info { text-decoration: underline; text-decoration-color: #40b8f5 !important; } .link-underline-info:hover { color: var(--body-font-color); } .link-info { text-decoration: underline; text-decoration-color: #40b8f5 !important; color: #40b8f5 !important; } .link-info:hover, .link-info:focus, .link-info:active { color: #40b8f5 !important; text-decoration-color: #40b8f5 !important; } .bg-light-info { background-color: rgba(64, 184, 245, 0.1) !important; color: #fff; } .bg-lighter-info { background-color: rgba(64, 184, 245, 0.6); color: #fff; } .button-light-info { background-color: rgba(64, 184, 245, 0.1) !important; } .button-light-info:active { border-color: rgba(64, 184, 245, 0.1) !important; } .bg-light { background-color: #f4f4f4 !important; color: #fff; } .bg-light:hover { background-color: #f4f4f4; color: #fff; } .title-line-light::before { background-color: #f4f4f4 !important; } .scope-light-light { background-color: rgba(244, 244, 244, 0.15) !important; } .outline-10-light { outline: 2px solid rgba(244, 244, 244, 0.1); } .bg-7-light { background-color: rgba(244, 244, 244, 0.07); } .bg-10-light { background-color: rgba(244, 244, 244, 0.1); } .bg-20-light { background-color: rgba(244, 244, 244, 0.2); } .outline-20-light { outline: 2px solid rgba(244, 244, 244, 0.2); } .shadow-10-light { box-shadow: 0px 5.04px 14.96px 0px rgba(244, 244, 244, 0.25) inset; } .social-tabs .nav .social-box.bg-7-light.active { border: 1px solid #f4f4f4; transition: all 0.4s ease; } .dotted-light { background-color: #f4f4f4; } .text-bg-light { background-color: #f4f4f4 !important; } .divider-body.divider-light::before, .divider-body.divider-light::after { border-color: #f4f4f4 !important; } .border-dashed-light { border: 1px dashed #f4f4f4; color: #f4f4f4; } .border-dashed-light:hover { border: 1px dashed #f4f4f4; background-color: #f4f4f4; color: #fff; } .border-left-light { border-left: 4px solid #f4f4f4; } [dir="rtl"] .border-left-light { border-left: unset; border-right: 4px solid #f4f4f4; } .link-underline-light { text-decoration: underline; text-decoration-color: #f4f4f4 !important; } .link-underline-light:hover { color: var(--body-font-color); } .link-light { text-decoration: underline; text-decoration-color: #f4f4f4 !important; color: #f4f4f4 !important; } .link-light:hover, .link-light:focus, .link-light:active { color: #f4f4f4 !important; text-decoration-color: #f4f4f4 !important; } .bg-light-light { background-color: rgba(244, 244, 244, 0.1) !important; color: #fff; } .bg-lighter-light { background-color: rgba(244, 244, 244, 0.6); color: #fff; } .button-light-light { background-color: rgba(244, 244, 244, 0.1) !important; } .button-light-light:active { border-color: rgba(244, 244, 244, 0.1) !important; } .bg-dark { background-color: #3f475a !important; color: #fff; } .bg-dark:hover { background-color: #3f475a; color: #fff; } .title-line-dark::before { background-color: #3f475a !important; } .scope-light-dark { background-color: rgba(63, 71, 90, 0.15) !important; } .outline-10-dark { outline: 2px solid rgba(63, 71, 90, 0.1); } .bg-7-dark { background-color: rgba(63, 71, 90, 0.07); } .bg-10-dark { background-color: rgba(63, 71, 90, 0.1); } .bg-20-dark { background-color: rgba(63, 71, 90, 0.2); } .outline-20-dark { outline: 2px solid rgba(63, 71, 90, 0.2); } .shadow-10-dark { box-shadow: 0px 5.04px 14.96px 0px rgba(63, 71, 90, 0.25) inset; } .social-tabs .nav .social-box.bg-7-dark.active { border: 1px solid #3f475a; transition: all 0.4s ease; } .dotted-dark { background-color: #3f475a; } .text-bg-dark { background-color: #3f475a !important; } .divider-body.divider-dark::before, .divider-body.divider-dark::after { border-color: #3f475a !important; } .border-dashed-dark { border: 1px dashed #3f475a; color: #3f475a; } .border-dashed-dark:hover { border: 1px dashed #3f475a; background-color: #3f475a; color: #fff; } .border-left-dark { border-left: 4px solid #3f475a; } [dir="rtl"] .border-left-dark { border-left: unset; border-right: 4px solid #3f475a; } .link-underline-dark { text-decoration: underline; text-decoration-color: #3f475a !important; } .link-underline-dark:hover { color: var(--body-font-color); } .link-dark { text-decoration: underline; text-decoration-color: #3f475a !important; color: #3f475a !important; } .link-dark:hover, .link-dark:focus, .link-dark:active { color: #3f475a !important; text-decoration-color: #3f475a !important; } .bg-light-dark { background-color: rgba(63, 71, 90, 0.1) !important; color: #fff; } .bg-lighter-dark { background-color: rgba(63, 71, 90, 0.6); color: #fff; } .button-light-dark { background-color: rgba(63, 71, 90, 0.1) !important; } .button-light-dark:active { border-color: rgba(63, 71, 90, 0.1) !important; } .bg-warning { background-color: #ffb829 !important; color: #fff; } .bg-warning:hover { background-color: #ffb829; color: #fff; } .title-line-warning::before { background-color: #ffb829 !important; } .scope-light-warning { background-color: rgba(255, 184, 41, 0.15) !important; } .outline-10-warning { outline: 2px solid rgba(255, 184, 41, 0.1); } .bg-7-warning { background-color: rgba(255, 184, 41, 0.07); } .bg-10-warning { background-color: rgba(255, 184, 41, 0.1); } .bg-20-warning { background-color: rgba(255, 184, 41, 0.2); } .outline-20-warning { outline: 2px solid rgba(255, 184, 41, 0.2); } .shadow-10-warning { box-shadow: 0px 5.04px 14.96px 0px rgba(255, 184, 41, 0.25) inset; } .social-tabs .nav .social-box.bg-7-warning.active { border: 1px solid #ffb829; transition: all 0.4s ease; } .dotted-warning { background-color: #ffb829; } .text-bg-warning { background-color: #ffb829 !important; } .divider-body.divider-warning::before, .divider-body.divider-warning::after { border-color: #ffb829 !important; } .border-dashed-warning { border: 1px dashed #ffb829; color: #ffb829; } .border-dashed-warning:hover { border: 1px dashed #ffb829; background-color: #ffb829; color: #fff; } .border-left-warning { border-left: 4px solid #ffb829; } [dir="rtl"] .border-left-warning { border-left: unset; border-right: 4px solid #ffb829; } .link-underline-warning { text-decoration: underline; text-decoration-color: #ffb829 !important; } .link-underline-warning:hover { color: var(--body-font-color); } .link-warning { text-decoration: underline; text-decoration-color: #ffb829 !important; color: #ffb829 !important; } .link-warning:hover, .link-warning:focus, .link-warning:active { color: #ffb829 !important; text-decoration-color: #ffb829 !important; } .bg-light-warning { background-color: rgba(255, 184, 41, 0.1) !important; color: #fff; } .bg-lighter-warning { background-color: rgba(255, 184, 41, 0.6); color: #fff; } .button-light-warning { background-color: rgba(255, 184, 41, 0.1) !important; } .button-light-warning:active { border-color: rgba(255, 184, 41, 0.1) !important; } .bg-primary { background-color: var(--theme-default) !important; } .bg-secondary { background-color: var(--theme-secondary) !important; } /*======= Background-color css end ======= */ /*======= Font-color css starts ======= */ .txt-primary { color: #7366FF !important; } .txt-secondary { color: #838383 !important; } .txt-success { color: #65c15c !important; } .txt-danger { color: #fc564a !important; } .txt-info { color: #40b8f5 !important; } .txt-light { color: #f4f4f4 !important; } .txt-dark { color: #3f475a !important; } .txt-warning { color: #ffb829 !important; } .txt-google-plus { color: #c64e40 !important; } .txt-twitter { color: #6fa2d8 !important; } .txt-linkedin { color: #0073B1 !important; } .txt-fb { color: #50598e !important; } .txt-primary { color: var(--theme-default) !important; } .txt-secondary { color: var(--theme-secondary) !important; } /*======= Font-color css end ======= */ /*======= Button-color css starts ======= */ @keyframes push { 50% { transform: scale(0.95); } 100% { transform: scale(1); } } .btn-primary { background-color: #7366FF !important; border-color: #7366FF !important; -webkit-tap-highlight-color: transparent; transform: translateZ(0); } .btn-primary.disabled, .btn-primary:disabled { background-color: #7366FF !important; border-color: #7366FF !important; } .btn-primary:focus { box-shadow: 0 0 0 0.2rem white; } .btn-secondary { background-color: #838383 !important; border-color: #838383 !important; -webkit-tap-highlight-color: transparent; transform: translateZ(0); } .btn-secondary.disabled, .btn-secondary:disabled { background-color: #838383 !important; border-color: #838383 !important; } .btn-secondary:focus { box-shadow: 0 0 0 0.2rem #d0d0d0; } .btn-success { background-color: #65c15c !important; border-color: #65c15c !important; -webkit-tap-highlight-color: transparent; transform: translateZ(0); } .btn-success.disabled, .btn-success:disabled { background-color: #65c15c !important; border-color: #65c15c !important; } .btn-success:focus { box-shadow: 0 0 0 0.2rem #ceebcb; } .btn-danger { background-color: #fc564a !important; border-color: #fc564a !important; -webkit-tap-highlight-color: transparent; transform: translateZ(0); } .btn-danger.disabled, .btn-danger:disabled { background-color: #fc564a !important; border-color: #fc564a !important; } .btn-danger:focus { box-shadow: 0 0 0 0.2rem #fee3e1; } .btn-info { background-color: #40b8f5 !important; border-color: #40b8f5 !important; -webkit-tap-highlight-color: transparent; transform: translateZ(0); color: #fff; } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active { color: #fff !important; } .btn-info.disabled, .btn-info:disabled { background-color: #40b8f5 !important; border-color: #40b8f5 !important; } .btn-info:focus { box-shadow: 0 0 0 0.2rem #d1eefd; } .btn-light { background-color: #f4f4f4 !important; border-color: #f4f4f4 !important; -webkit-tap-highlight-color: transparent; transform: translateZ(0); } .btn-light.disabled, .btn-light:disabled { background-color: #f4f4f4 !important; border-color: #f4f4f4 !important; } .btn-light:focus { box-shadow: 0 0 0 0.2rem white; } .btn-dark { background-color: #3f475a !important; border-color: #3f475a !important; -webkit-tap-highlight-color: transparent; transform: translateZ(0); } .btn-dark.disabled, .btn-dark:disabled { background-color: #3f475a !important; border-color: #3f475a !important; } .btn-dark:focus { box-shadow: 0 0 0 0.2rem #8792ab; } .btn-warning { background-color: #ffb829 !important; border-color: #ffb829 !important; -webkit-tap-highlight-color: transparent; transform: translateZ(0); color: #fff; } .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning.show { color: #fff !important; } .btn-warning.disabled, .btn-warning:disabled { background-color: #ffb829 !important; border-color: #ffb829 !important; } .btn-warning:focus { box-shadow: 0 0 0 0.2rem #ffebc2; } .btn-light { background-color: rgba(115, 102, 255, 0.06) !important; border-color: rgba(115, 102, 255, 0.06) !important; } .btn-light:hover { background-color: rgba(115, 102, 255, 0.1) !important; border-color: rgba(115, 102, 255, 0.1) !important; } .btn-primary { background-color: var(--theme-default) !important; border-color: var(--theme-default) !important; } .btn-secondary { background-color: var(--theme-secondary) !important; border-color: var(--theme-secondary) !important; } .btn-hover-effect:hover { animation: push 0.5s linear 1; } /*======= Button-color css ends ======= */ .btn-outline-primary-2x { border-width: 2px; border-color: #7366FF; color: #7366FF; background-color: transparent; } .btn-outline-primary-2x:hover, .btn-outline-primary-2x:focus, .btn-outline-primary-2x:active, .btn-outline-primary-2x.active { color: #fff !important; background-color: #4433ff !important; border-color: #4433ff !important; box-shadow: none; } .btn-outline-secondary-2x { border-width: 2px; border-color: #838383; color: #838383; background-color: transparent; } .btn-outline-secondary-2x:hover, .btn-outline-secondary-2x:focus, .btn-outline-secondary-2x:active, .btn-outline-secondary-2x.active { color: #fff !important; background-color: #6a6a6a !important; border-color: #6a6a6a !important; box-shadow: none; } .btn-outline-success-2x { border-width: 2px; border-color: #65c15c; color: #65c15c; background-color: transparent; } .btn-outline-success-2x:hover, .btn-outline-success-2x:focus, .btn-outline-success-2x:active, .btn-outline-success-2x.active { color: #fff !important; background-color: #4aaa40 !important; border-color: #4aaa40 !important; box-shadow: none; } .btn-outline-danger-2x { border-width: 2px; border-color: #fc564a; color: #fc564a; background-color: transparent; } .btn-outline-danger-2x:hover, .btn-outline-danger-2x:focus, .btn-outline-danger-2x:active, .btn-outline-danger-2x.active { color: #fff !important; background-color: #fb2718 !important; border-color: #fb2718 !important; box-shadow: none; } .btn-outline-info-2x { border-width: 2px; border-color: #40b8f5; color: #40b8f5; background-color: transparent; } .btn-outline-info-2x:hover, .btn-outline-info-2x:focus, .btn-outline-info-2x:active, .btn-outline-info-2x.active { color: #fff !important; background-color: #10a6f2 !important; border-color: #10a6f2 !important; box-shadow: none; } .btn-outline-light-2x { border-width: 2px; border-color: #f4f4f4; color: #f4f4f4; background-color: transparent; } .btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active { color: #fff !important; background-color: #dbdbdb !important; border-color: #dbdbdb !important; box-shadow: none; } .btn-outline-dark-2x { border-width: 2px; border-color: #3f475a; color: #3f475a; background-color: transparent; } .btn-outline-dark-2x:hover, .btn-outline-dark-2x:focus, .btn-outline-dark-2x:active, .btn-outline-dark-2x.active { color: #fff !important; background-color: #2a2f3c !important; border-color: #2a2f3c !important; box-shadow: none; } .btn-outline-warning-2x { border-width: 2px; border-color: #ffb829; color: #ffb829; background-color: transparent; } .btn-outline-warning-2x:hover, .btn-outline-warning-2x:focus, .btn-outline-warning-2x:active, .btn-outline-warning-2x.active { color: #fff !important; background-color: #f5a400 !important; border-color: #f5a400 !important; box-shadow: none; } .btn-outline-primary { border-color: #7366FF; color: #7366FF; background-color: transparent; } .btn-outline-primary.disabled { color: #7366FF; border-color: #7366FF; } .btn-outline-primary:hover, .btn-outline-primary:active { border-color: #7366FF !important; color: #fff; background-color: #7366FF !important; } .btn-check { color: #7366FF !important; } .btn-check:checked { color: white !important; background-color: #7366FF !important; } .btn-check:checked + .btn-outline-primary { color: white !important; background-color: #7366FF !important; box-shadow: unset !important; } .btn-check + .btn-outline-primary { border-color: #7366FF !important; color: #7366FF !important; background-color: transparent; } .btn-check + .btn-outline-primary.disabled { color: #7366FF; } .btn-check + .btn-outline-primary:hover, .btn-check + .btn-outline-primary:focus, .btn-check + .btn-outline-primary:active, .btn-check + .btn-outline-primary:focus-visible, .btn-check + .btn-outline-primary.active { color: white !important; background-color: #4433ff !important; border-color: #4433ff !important; box-shadow: none !important; } .btn-outline-secondary { border-color: #838383; color: #838383; background-color: transparent; } .btn-outline-secondary.disabled { color: #838383; border-color: #838383; } .btn-outline-secondary:hover, .btn-outline-secondary:active { border-color: #838383 !important; color: #fff; background-color: #838383 !important; } .btn-check { color: #838383 !important; } .btn-check:checked { color: white !important; background-color: #838383 !important; } .btn-check:checked + .btn-outline-secondary { color: white !important; background-color: #838383 !important; box-shadow: unset !important; } .btn-check + .btn-outline-secondary { border-color: #838383 !important; color: #838383 !important; background-color: transparent; } .btn-check + .btn-outline-secondary.disabled { color: #838383; } .btn-check + .btn-outline-secondary:hover, .btn-check + .btn-outline-secondary:focus, .btn-check + .btn-outline-secondary:active, .btn-check + .btn-outline-secondary:focus-visible, .btn-check + .btn-outline-secondary.active { color: white !important; background-color: #6a6a6a !important; border-color: #6a6a6a !important; box-shadow: none !important; } .btn-outline-success { border-color: #65c15c; color: #65c15c; background-color: transparent; } .btn-outline-success.disabled { color: #65c15c; border-color: #65c15c; } .btn-outline-success:hover, .btn-outline-success:active { border-color: #65c15c !important; color: #fff; background-color: #65c15c !important; } .btn-check { color: #65c15c !important; } .btn-check:checked { color: white !important; background-color: #65c15c !important; } .btn-check:checked + .btn-outline-success { color: white !important; background-color: #65c15c !important; box-shadow: unset !important; } .btn-check + .btn-outline-success { border-color: #65c15c !important; color: #65c15c !important; background-color: transparent; } .btn-check + .btn-outline-success.disabled { color: #65c15c; } .btn-check + .btn-outline-success:hover, .btn-check + .btn-outline-success:focus, .btn-check + .btn-outline-success:active, .btn-check + .btn-outline-success:focus-visible, .btn-check + .btn-outline-success.active { color: white !important; background-color: #4aaa40 !important; border-color: #4aaa40 !important; box-shadow: none !important; } .btn-outline-danger { border-color: #fc564a; color: #fc564a; background-color: transparent; } .btn-outline-danger.disabled { color: #fc564a; border-color: #fc564a; } .btn-outline-danger:hover, .btn-outline-danger:active { border-color: #fc564a !important; color: #fff; background-color: #fc564a !important; } .btn-check { color: #fc564a !important; } .btn-check:checked { color: white !important; background-color: #fc564a !important; } .btn-check:checked + .btn-outline-danger { color: white !important; background-color: #fc564a !important; box-shadow: unset !important; } .btn-check + .btn-outline-danger { border-color: #fc564a !important; color: #fc564a !important; background-color: transparent; } .btn-check + .btn-outline-danger.disabled { color: #fc564a; } .btn-check + .btn-outline-danger:hover, .btn-check + .btn-outline-danger:focus, .btn-check + .btn-outline-danger:active, .btn-check + .btn-outline-danger:focus-visible, .btn-check + .btn-outline-danger.active { color: white !important; background-color: #fb2718 !important; border-color: #fb2718 !important; box-shadow: none !important; } .btn-outline-info { border-color: #40b8f5; color: #40b8f5; background-color: transparent; } .btn-outline-info.disabled { color: #40b8f5; border-color: #40b8f5; } .btn-outline-info:hover, .btn-outline-info:active { border-color: #40b8f5 !important; color: #fff; background-color: #40b8f5 !important; } .btn-check { color: #40b8f5 !important; } .btn-check:checked { color: white !important; background-color: #40b8f5 !important; } .btn-check:checked + .btn-outline-info { color: white !important; background-color: #40b8f5 !important; box-shadow: unset !important; } .btn-check + .btn-outline-info { border-color: #40b8f5 !important; color: #40b8f5 !important; background-color: transparent; } .btn-check + .btn-outline-info.disabled { color: #40b8f5; } .btn-check + .btn-outline-info:hover, .btn-check + .btn-outline-info:focus, .btn-check + .btn-outline-info:active, .btn-check + .btn-outline-info:focus-visible, .btn-check + .btn-outline-info.active { color: white !important; background-color: #10a6f2 !important; border-color: #10a6f2 !important; box-shadow: none !important; } .btn-outline-light { border-color: #f4f4f4; color: #f4f4f4; background-color: transparent; color: #404040; } .btn-outline-light.disabled { color: #f4f4f4; border-color: #f4f4f4; } .btn-outline-light:hover, .btn-outline-light:active { border-color: #f4f4f4 !important; color: #fff; background-color: #f4f4f4 !important; } .btn-check { color: #f4f4f4 !important; } .btn-check:checked { color: white !important; background-color: #f4f4f4 !important; } .btn-check:checked + .btn-outline-light { color: white !important; background-color: #f4f4f4 !important; box-shadow: unset !important; } .btn-check + .btn-outline-light { border-color: #f4f4f4 !important; color: #f4f4f4 !important; background-color: transparent; color: #404040; } .btn-check + .btn-outline-light.disabled { color: #f4f4f4; } .btn-check + .btn-outline-light:hover, .btn-check + .btn-outline-light:focus, .btn-check + .btn-outline-light:active, .btn-check + .btn-outline-light:focus-visible, .btn-check + .btn-outline-light.active { color: white !important; background-color: #dbdbdb !important; border-color: #dbdbdb !important; box-shadow: none !important; } .btn-outline-dark { border-color: #3f475a; color: #3f475a; background-color: transparent; } .btn-outline-dark.disabled { color: #3f475a; border-color: #3f475a; } .btn-outline-dark:hover, .btn-outline-dark:active { border-color: #3f475a !important; color: #fff; background-color: #3f475a !important; } .btn-check { color: #3f475a !important; } .btn-check:checked { color: white !important; background-color: #3f475a !important; } .btn-check:checked + .btn-outline-dark { color: white !important; background-color: #3f475a !important; box-shadow: unset !important; } .btn-check + .btn-outline-dark { border-color: #3f475a !important; color: #3f475a !important; background-color: transparent; } .btn-check + .btn-outline-dark.disabled { color: #3f475a; } .btn-check + .btn-outline-dark:hover, .btn-check + .btn-outline-dark:focus, .btn-check + .btn-outline-dark:active, .btn-check + .btn-outline-dark:focus-visible, .btn-check + .btn-outline-dark.active { color: white !important; background-color: #2a2f3c !important; border-color: #2a2f3c !important; box-shadow: none !important; } .btn-outline-warning { border-color: #ffb829; color: #ffb829; background-color: transparent; } .btn-outline-warning.disabled { color: #ffb829; border-color: #ffb829; } .btn-outline-warning:hover, .btn-outline-warning:active { border-color: #ffb829 !important; color: #fff; background-color: #ffb829 !important; } .btn-check { color: #ffb829 !important; } .btn-check:checked { color: white !important; background-color: #ffb829 !important; } .btn-check:checked + .btn-outline-warning { color: white !important; background-color: #ffb829 !important; box-shadow: unset !important; } .btn-check + .btn-outline-warning { border-color: #ffb829 !important; color: #ffb829 !important; background-color: transparent; } .btn-check + .btn-outline-warning.disabled { color: #ffb829; } .btn-check + .btn-outline-warning:hover, .btn-check + .btn-outline-warning:focus, .btn-check + .btn-outline-warning:active, .btn-check + .btn-outline-warning:focus-visible, .btn-check + .btn-outline-warning.active { color: white !important; background-color: #f5a400 !important; border-color: #f5a400 !important; box-shadow: none !important; } .btn-primary:not([disabled]):not(.disabled).active { background-color: #4433ff; border-color: #4433ff; box-shadow: none !important; } .btn-primary:not([disabled]):not(.disabled).active:hover, .btn-primary:not([disabled]):not(.disabled).active:focus, .btn-primary:not([disabled]):not(.disabled).active:active, .btn-primary:not([disabled]):not(.disabled).active.active { color: white; background-color: #4433ff; border-color: #4433ff; } .btn-secondary:not([disabled]):not(.disabled).active { background-color: #6a6a6a; border-color: #6a6a6a; box-shadow: none !important; } .btn-secondary:not([disabled]):not(.disabled).active:hover, .btn-secondary:not([disabled]):not(.disabled).active:focus, .btn-secondary:not([disabled]):not(.disabled).active:active, .btn-secondary:not([disabled]):not(.disabled).active.active { color: white; background-color: #6a6a6a; border-color: #6a6a6a; } .btn-success:not([disabled]):not(.disabled).active { background-color: #4aaa40; border-color: #4aaa40; box-shadow: none !important; } .btn-success:not([disabled]):not(.disabled).active:hover, .btn-success:not([disabled]):not(.disabled).active:focus, .btn-success:not([disabled]):not(.disabled).active:active, .btn-success:not([disabled]):not(.disabled).active.active { color: white; background-color: #4aaa40; border-color: #4aaa40; } .btn-danger:not([disabled]):not(.disabled).active { background-color: #fb2718; border-color: #fb2718; box-shadow: none !important; } .btn-danger:not([disabled]):not(.disabled).active:hover, .btn-danger:not([disabled]):not(.disabled).active:focus, .btn-danger:not([disabled]):not(.disabled).active:active, .btn-danger:not([disabled]):not(.disabled).active.active { color: white; background-color: #fb2718; border-color: #fb2718; } .btn-info:not([disabled]):not(.disabled).active { background-color: #10a6f2; border-color: #10a6f2; box-shadow: none !important; } .btn-info:not([disabled]):not(.disabled).active:hover, .btn-info:not([disabled]):not(.disabled).active:focus, .btn-info:not([disabled]):not(.disabled).active:active, .btn-info:not([disabled]):not(.disabled).active.active { color: white; background-color: #10a6f2; border-color: #10a6f2; } .btn-light:not([disabled]):not(.disabled).active { background-color: #dbdbdb; border-color: #dbdbdb; box-shadow: none !important; } .btn-light:not([disabled]):not(.disabled).active:hover, .btn-light:not([disabled]):not(.disabled).active:focus, .btn-light:not([disabled]):not(.disabled).active:active, .btn-light:not([disabled]):not(.disabled).active.active { color: white; background-color: #dbdbdb; border-color: #dbdbdb; } .btn-dark:not([disabled]):not(.disabled).active { background-color: #2a2f3c; border-color: #2a2f3c; box-shadow: none !important; } .btn-dark:not([disabled]):not(.disabled).active:hover, .btn-dark:not([disabled]):not(.disabled).active:focus, .btn-dark:not([disabled]):not(.disabled).active:active, .btn-dark:not([disabled]):not(.disabled).active.active { color: white; background-color: #2a2f3c; border-color: #2a2f3c; } .btn-warning:not([disabled]):not(.disabled).active { background-color: #f5a400; border-color: #f5a400; box-shadow: none !important; } .btn-warning:not([disabled]):not(.disabled).active:hover, .btn-warning:not([disabled]):not(.disabled).active:focus, .btn-warning:not([disabled]):not(.disabled).active:active, .btn-warning:not([disabled]):not(.disabled).active.active { color: white; background-color: #f5a400; border-color: #f5a400; } .btn-outline-primary-2x:not([disabled]):not(.disabled).active { background-color: #7366FF; border-color: #7366FF; box-shadow: none !important; color: white; } .btn-outline-primary-2x:not([disabled]):not(.disabled).active:hover, .btn-outline-primary-2x:not([disabled]):not(.disabled).active:focus, .btn-outline-primary-2x:not([disabled]):not(.disabled).active:active, .btn-outline-primary-2x:not([disabled]):not(.disabled).active.active { color: white; box-shadow: none !important; background-color: #4433ff !important; border-color: #4433ff !important; } .btn-outline-secondary-2x:not([disabled]):not(.disabled).active { background-color: #838383; border-color: #838383; box-shadow: none !important; color: white; } .btn-outline-secondary-2x:not([disabled]):not(.disabled).active:hover, .btn-outline-secondary-2x:not([disabled]):not(.disabled).active:focus, .btn-outline-secondary-2x:not([disabled]):not(.disabled).active:active, .btn-outline-secondary-2x:not([disabled]):not(.disabled).active.active { color: white; box-shadow: none !important; background-color: #6a6a6a !important; border-color: #6a6a6a !important; } .btn-outline-success-2x:not([disabled]):not(.disabled).active { background-color: #65c15c; border-color: #65c15c; box-shadow: none !important; color: white; } .btn-outline-success-2x:not([disabled]):not(.disabled).active:hover, .btn-outline-success-2x:not([disabled]):not(.disabled).active:focus, .btn-outline-success-2x:not([disabled]):not(.disabled).active:active, .btn-outline-success-2x:not([disabled]):not(.disabled).active.active { color: white; box-shadow: none !important; background-color: #4aaa40 !important; border-color: #4aaa40 !important; } .btn-outline-danger-2x:not([disabled]):not(.disabled).active { background-color: #fc564a; border-color: #fc564a; box-shadow: none !important; color: white; } .btn-outline-danger-2x:not([disabled]):not(.disabled).active:hover, .btn-outline-danger-2x:not([disabled]):not(.disabled).active:focus, .btn-outline-danger-2x:not([disabled]):not(.disabled).active:active, .btn-outline-danger-2x:not([disabled]):not(.disabled).active.active { color: white; box-shadow: none !important; background-color: #fb2718 !important; border-color: #fb2718 !important; } .btn-outline-info-2x:not([disabled]):not(.disabled).active { background-color: #40b8f5; border-color: #40b8f5; box-shadow: none !important; color: white; } .btn-outline-info-2x:not([disabled]):not(.disabled).active:hover, .btn-outline-info-2x:not([disabled]):not(.disabled).active:focus, .btn-outline-info-2x:not([disabled]):not(.disabled).active:active, .btn-outline-info-2x:not([disabled]):not(.disabled).active.active { color: white; box-shadow: none !important; background-color: #10a6f2 !important; border-color: #10a6f2 !important; } .btn-outline-light-2x:not([disabled]):not(.disabled).active { background-color: #f4f4f4; border-color: #f4f4f4; box-shadow: none !important; color: white; } .btn-outline-light-2x:not([disabled]):not(.disabled).active:hover, .btn-outline-light-2x:not([disabled]):not(.disabled).active:focus, .btn-outline-light-2x:not([disabled]):not(.disabled).active:active, .btn-outline-light-2x:not([disabled]):not(.disabled).active.active { color: white; box-shadow: none !important; background-color: #dbdbdb !important; border-color: #dbdbdb !important; } .btn-outline-dark-2x:not([disabled]):not(.disabled).active { background-color: #3f475a; border-color: #3f475a; box-shadow: none !important; color: white; } .btn-outline-dark-2x:not([disabled]):not(.disabled).active:hover, .btn-outline-dark-2x:not([disabled]):not(.disabled).active:focus, .btn-outline-dark-2x:not([disabled]):not(.disabled).active:active, .btn-outline-dark-2x:not([disabled]):not(.disabled).active.active { color: white; box-shadow: none !important; background-color: #2a2f3c !important; border-color: #2a2f3c !important; } .btn-outline-warning-2x:not([disabled]):not(.disabled).active { background-color: #ffb829; border-color: #ffb829; box-shadow: none !important; color: white; } .btn-outline-warning-2x:not([disabled]):not(.disabled).active:hover, .btn-outline-warning-2x:not([disabled]):not(.disabled).active:focus, .btn-outline-warning-2x:not([disabled]):not(.disabled).active:active, .btn-outline-warning-2x:not([disabled]):not(.disabled).active.active { color: white; box-shadow: none !important; background-color: #f5a400 !important; border-color: #f5a400 !important; } /*======= Table-Border-Bottom-color css starts ======= */ table thead .border-bottom-primary th, table tbody .border-bottom-primary th, table tbody .border-bottom-primary td { border-bottom: 1px solid #7366FF !important; } table thead .border-bottom-secondary th, table tbody .border-bottom-secondary th, table tbody .border-bottom-secondary td { border-bottom: 1px solid #838383 !important; } table thead .border-bottom-success th, table tbody .border-bottom-success th, table tbody .border-bottom-success td { border-bottom: 1px solid #65c15c !important; } table thead .border-bottom-danger th, table tbody .border-bottom-danger th, table tbody .border-bottom-danger td { border-bottom: 1px solid #fc564a !important; } table thead .border-bottom-info th, table tbody .border-bottom-info th, table tbody .border-bottom-info td { border-bottom: 1px solid #40b8f5 !important; } table thead .border-bottom-light th, table tbody .border-bottom-light th, table tbody .border-bottom-light td { border-bottom: 1px solid #f4f4f4 !important; } table thead .border-bottom-dark th, table tbody .border-bottom-dark th, table tbody .border-bottom-dark td { border-bottom: 1px solid #3f475a !important; } table thead .border-bottom-warning th, table tbody .border-bottom-warning th, table tbody .border-bottom-warning td { border-bottom: 1px solid #ffb829 !important; } /*======= Table-Border-Bottom-color css ends ======= */ /*======= Table styling css starts ======= */ .table-styling .table-primary, .table-styling.table-primary { background-color: #7366FF; color: #fff; border: 3px solid #7366FF; } .table-styling .table-primary thead, .table-styling.table-primary thead { background-color: #4433ff; border: 3px solid #4433ff; } .table-styling .table-primary th, .table-styling .table-primary td, .table-styling.table-primary th, .table-styling.table-primary td { background-color: transparent; } .table-styling .table-secondary, .table-styling.table-secondary { background-color: #838383; color: #fff; border: 3px solid #838383; } .table-styling .table-secondary thead, .table-styling.table-secondary thead { background-color: #6a6a6a; border: 3px solid #6a6a6a; } .table-styling .table-secondary th, .table-styling .table-secondary td, .table-styling.table-secondary th, .table-styling.table-secondary td { background-color: transparent; } .table-styling .table-success, .table-styling.table-success { background-color: #65c15c; color: #fff; border: 3px solid #65c15c; } .table-styling .table-success thead, .table-styling.table-success thead { background-color: #4aaa40; border: 3px solid #4aaa40; } .table-styling .table-success th, .table-styling .table-success td, .table-styling.table-success th, .table-styling.table-success td { background-color: transparent; } .table-styling .table-danger, .table-styling.table-danger { background-color: #fc564a; color: #fff; border: 3px solid #fc564a; } .table-styling .table-danger thead, .table-styling.table-danger thead { background-color: #fb2718; border: 3px solid #fb2718; } .table-styling .table-danger th, .table-styling .table-danger td, .table-styling.table-danger th, .table-styling.table-danger td { background-color: transparent; } .table-styling .table-info, .table-styling.table-info { background-color: #40b8f5; color: #fff; border: 3px solid #40b8f5; } .table-styling .table-info thead, .table-styling.table-info thead { background-color: #10a6f2; border: 3px solid #10a6f2; } .table-styling .table-info th, .table-styling .table-info td, .table-styling.table-info th, .table-styling.table-info td { background-color: transparent; } .table-styling .table-light, .table-styling.table-light { background-color: #f4f4f4; color: #fff; border: 3px solid #f4f4f4; } .table-styling .table-light thead, .table-styling.table-light thead { background-color: #dbdbdb; border: 3px solid #dbdbdb; } .table-styling .table-light th, .table-styling .table-light td, .table-styling.table-light th, .table-styling.table-light td { background-color: transparent; } .table-styling .table-dark, .table-styling.table-dark { background-color: #3f475a; color: #fff; border: 3px solid #3f475a; } .table-styling .table-dark thead, .table-styling.table-dark thead { background-color: #2a2f3c; border: 3px solid #2a2f3c; } .table-styling .table-dark th, .table-styling .table-dark td, .table-styling.table-dark th, .table-styling.table-dark td { background-color: transparent; } .table-styling .table-warning, .table-styling.table-warning { background-color: #ffb829; color: #fff; border: 3px solid #ffb829; } .table-styling .table-warning thead, .table-styling.table-warning thead { background-color: #f5a400; border: 3px solid #f5a400; } .table-styling .table-warning th, .table-styling .table-warning td, .table-styling.table-warning th, .table-styling.table-warning td { background-color: transparent; } /*======= Table styling css ends ======= */ /*======= Svg stroke css start ======= */ .stroke-primary { stroke: #7366FF !important; } .stroke-secondary { stroke: #838383 !important; } .stroke-success { stroke: #65c15c !important; } .stroke-danger { stroke: #fc564a !important; } .stroke-info { stroke: #40b8f5 !important; } .stroke-light { stroke: #f4f4f4 !important; } .stroke-dark { stroke: #3f475a !important; } .stroke-warning { stroke: #ffb829 !important; } /*======= Svg stroke css end ======= */ /*======= Checkbox color css start ======= */ .checkbox-primary.form-check-input:checked { background-color: #7366FF; border-color: #7366FF; } .checkbox-secondary.form-check-input:checked { background-color: #838383; border-color: #838383; } .checkbox-success.form-check-input:checked { background-color: #65c15c; border-color: #65c15c; } .checkbox-danger.form-check-input:checked { background-color: #fc564a; border-color: #fc564a; } .checkbox-info.form-check-input:checked { background-color: #40b8f5; border-color: #40b8f5; } .checkbox-light.form-check-input:checked { background-color: #f4f4f4; border-color: #f4f4f4; } .checkbox-dark.form-check-input:checked { background-color: #3f475a; border-color: #3f475a; } .checkbox-warning.form-check-input:checked { background-color: #ffb829; border-color: #ffb829; } /*======= Checkbox color css end ======= */ /*======= All-Borders-color css starts ======= */ .b-primary { border: 1px solid #7366FF !important; } .b-t-primary { border-top: 1px solid #7366FF !important; } .border-t-primary { border-top: 1px solid #7366FF !important; } .b-b-primary { border-bottom: 1px solid #7366FF !important; } .border-b-primary { border-bottom: 1px solid #7366FF !important; } .b-l-primary { border-left: 1px solid #7366FF !important; } .border-l-primary { border-left: 1px solid #7366FF !important; } .b-r-primary { border-right: 1px solid #7366FF !important; } .border-r-primary { border-right: 1px solid #7366FF !important; } .b-secondary { border: 1px solid #838383 !important; } .b-t-secondary { border-top: 1px solid #838383 !important; } .border-t-secondary { border-top: 1px solid #838383 !important; } .b-b-secondary { border-bottom: 1px solid #838383 !important; } .border-b-secondary { border-bottom: 1px solid #838383 !important; } .b-l-secondary { border-left: 1px solid #838383 !important; } .border-l-secondary { border-left: 1px solid #838383 !important; } .b-r-secondary { border-right: 1px solid #838383 !important; } .border-r-secondary { border-right: 1px solid #838383 !important; } .b-success { border: 1px solid #65c15c !important; } .b-t-success { border-top: 1px solid #65c15c !important; } .border-t-success { border-top: 1px solid #65c15c !important; } .b-b-success { border-bottom: 1px solid #65c15c !important; } .border-b-success { border-bottom: 1px solid #65c15c !important; } .b-l-success { border-left: 1px solid #65c15c !important; } .border-l-success { border-left: 1px solid #65c15c !important; } .b-r-success { border-right: 1px solid #65c15c !important; } .border-r-success { border-right: 1px solid #65c15c !important; } .b-danger { border: 1px solid #fc564a !important; } .b-t-danger { border-top: 1px solid #fc564a !important; } .border-t-danger { border-top: 1px solid #fc564a !important; } .b-b-danger { border-bottom: 1px solid #fc564a !important; } .border-b-danger { border-bottom: 1px solid #fc564a !important; } .b-l-danger { border-left: 1px solid #fc564a !important; } .border-l-danger { border-left: 1px solid #fc564a !important; } .b-r-danger { border-right: 1px solid #fc564a !important; } .border-r-danger { border-right: 1px solid #fc564a !important; } .b-info { border: 1px solid #40b8f5 !important; } .b-t-info { border-top: 1px solid #40b8f5 !important; } .border-t-info { border-top: 1px solid #40b8f5 !important; } .b-b-info { border-bottom: 1px solid #40b8f5 !important; } .border-b-info { border-bottom: 1px solid #40b8f5 !important; } .b-l-info { border-left: 1px solid #40b8f5 !important; } .border-l-info { border-left: 1px solid #40b8f5 !important; } .b-r-info { border-right: 1px solid #40b8f5 !important; } .border-r-info { border-right: 1px solid #40b8f5 !important; } .b-light { border: 1px solid #f4f4f4 !important; } .b-t-light { border-top: 1px solid #f4f4f4 !important; } .border-t-light { border-top: 1px solid #f4f4f4 !important; } .b-b-light { border-bottom: 1px solid #f4f4f4 !important; } .border-b-light { border-bottom: 1px solid #f4f4f4 !important; } .b-l-light { border-left: 1px solid #f4f4f4 !important; } .border-l-light { border-left: 1px solid #f4f4f4 !important; } .b-r-light { border-right: 1px solid #f4f4f4 !important; } .border-r-light { border-right: 1px solid #f4f4f4 !important; } .b-dark { border: 1px solid #3f475a !important; } .b-t-dark { border-top: 1px solid #3f475a !important; } .border-t-dark { border-top: 1px solid #3f475a !important; } .b-b-dark { border-bottom: 1px solid #3f475a !important; } .border-b-dark { border-bottom: 1px solid #3f475a !important; } .b-l-dark { border-left: 1px solid #3f475a !important; } .border-l-dark { border-left: 1px solid #3f475a !important; } .b-r-dark { border-right: 1px solid #3f475a !important; } .border-r-dark { border-right: 1px solid #3f475a !important; } .b-warning { border: 1px solid #ffb829 !important; } .b-t-warning { border-top: 1px solid #ffb829 !important; } .border-t-warning { border-top: 1px solid #ffb829 !important; } .b-b-warning { border-bottom: 1px solid #ffb829 !important; } .border-b-warning { border-bottom: 1px solid #ffb829 !important; } .b-l-warning { border-left: 1px solid #ffb829 !important; } .border-l-warning { border-left: 1px solid #ffb829 !important; } .b-r-warning { border-right: 1px solid #ffb829 !important; } .border-r-warning { border-right: 1px solid #ffb829 !important; } /*======= All-Borders-color css ends ======= */ /*====== Border width css starts ======*/ .border-1 { border-width: 1px !important; } .border-2 { border-width: 2px !important; } .border-3 { border-width: 3px !important; } .border-4 { border-width: 4px !important; } .border-5 { border-width: 5px !important; } .border-6 { border-width: 6px !important; } .border-7 { border-width: 7px !important; } .border-8 { border-width: 8px !important; } .border-9 { border-width: 9px !important; } .border-10 { border-width: 10px !important; } /*====== Border width css ends ======*/ /*====== Border dashed css starts ======*/ .b-width-1 { border-width: 1px !important; } .b-width-2 { border-width: 2px !important; } .b-width-3 { border-width: 3px !important; } .b-width-4 { border-width: 4px !important; } .b-width-5 { border-width: 5px !important; } .b-width-6 { border-width: 6px !important; } .b-width-7 { border-width: 7px !important; } .b-width-8 { border-width: 8px !important; } .b-width-9 { border-width: 9px !important; } .b-width-10 { border-width: 10px !important; } /*====== Border dashed css ends ======*/ .map-js-height { height: 500px; } /**====== custom scrollbar css start ======**/ .custom-scrollbar::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px #e9edf1; } .custom-scrollbar::-webkit-scrollbar { width: 6px; height: 8px; } .custom-scrollbar::-webkit-scrollbar-thumb { background-color: rgba(68, 102, 242, 0.15); } .customer-table::-webkit-scrollbar-track, .recent-order-scroll::-webkit-scrollbar-track, .recent-items::-webkit-scrollbar-track, .recent-table::-webkit-scrollbar-track, .lead-table::-webkit-scrollbar-track, .deal-table::-webkit-scrollbar-track, .referral-visit::-webkit-scrollbar-track, .leave-request-table::-webkit-scrollbar-track, .chats-user::-webkit-scrollbar-track, .contact-wrapper::-webkit-scrollbar-track, .fc-scroller-liquid-absolute::-webkit-scrollbar-track, .fc-scroller-liquid::-webkit-scrollbar-track, .tagify__dropdown__wrapper::-webkit-scrollbar-track, .iti__country-list::-webkit-scrollbar-track, .tt-dataset-countries::-webkit-scrollbar-track, .dt-scroll-body::-webkit-scrollbar-track, .jsgrid-grid-body::-webkit-scrollbar-track, .select2-results__options::-webkit-scrollbar-track, .ace_scrollbar::-webkit-scrollbar-track, .anchor::-webkit-scrollbar-track, .ql-editor .inner.show::-webkit-scrollbar-track, .bootstrap-select .inner.show::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px #e9edf1; } .customer-table::-webkit-scrollbar, .recent-order-scroll::-webkit-scrollbar, .recent-items::-webkit-scrollbar, .recent-table::-webkit-scrollbar, .lead-table::-webkit-scrollbar, .deal-table::-webkit-scrollbar, .referral-visit::-webkit-scrollbar, .leave-request-table::-webkit-scrollbar, .chats-user::-webkit-scrollbar, .contact-wrapper::-webkit-scrollbar, .fc-scroller-liquid-absolute::-webkit-scrollbar, .fc-scroller-liquid::-webkit-scrollbar, .tagify__dropdown__wrapper::-webkit-scrollbar, .iti__country-list::-webkit-scrollbar, .tt-dataset-countries::-webkit-scrollbar, .dt-scroll-body::-webkit-scrollbar, .jsgrid-grid-body::-webkit-scrollbar, .select2-results__options::-webkit-scrollbar, .ace_scrollbar::-webkit-scrollbar, .anchor::-webkit-scrollbar, .ql-editor .inner.show::-webkit-scrollbar, .bootstrap-select .inner.show::-webkit-scrollbar { width: 6px; height: 5px; } .customer-table::-webkit-scrollbar-thumb, .recent-order-scroll::-webkit-scrollbar-thumb, .recent-items::-webkit-scrollbar-thumb, .recent-table::-webkit-scrollbar-thumb, .lead-table::-webkit-scrollbar-thumb, .deal-table::-webkit-scrollbar-thumb, .referral-visit::-webkit-scrollbar-thumb, .leave-request-table::-webkit-scrollbar-thumb, .chats-user::-webkit-scrollbar-thumb, .contact-wrapper::-webkit-scrollbar-thumb, .fc-scroller-liquid-absolute::-webkit-scrollbar-thumb, .fc-scroller-liquid::-webkit-scrollbar-thumb, .tagify__dropdown__wrapper::-webkit-scrollbar-thumb, .iti__country-list::-webkit-scrollbar-thumb, .tt-dataset-countries::-webkit-scrollbar-thumb, .dt-scroll-body::-webkit-scrollbar-thumb, .jsgrid-grid-body::-webkit-scrollbar-thumb, .select2-results__options::-webkit-scrollbar-thumb, .ace_scrollbar::-webkit-scrollbar-thumb, .anchor::-webkit-scrollbar-thumb, .ql-editor .inner.show::-webkit-scrollbar-thumb, .bootstrap-select .inner.show::-webkit-scrollbar-thumb { background-color: rgba(68, 102, 242, 0.15); } /**====== Animation css Start ======**/ .line { color: #3f475a; } .line pre { font-size: 100%; } /**====== Animation css end ======**/ /**====== Modal style css Start ======**/ .theme-close { opacity: 1; position: absolute; z-index: 1; right: 0; background-color: #fff !important; } /**====== Modal style css end ======**/ /**====== Animation css start ======**/ .options { display: flex; flex-wrap: wrap; gap: 10px; } .options > div { color: #cccccc; padding: 2px 10px; border: 1px solid; } .options > div:hover { background-color: #7366FF; color: #fff; transition: background-color 0.3s ease; } /**====== Animation css Ends ======**/ .modal-footer { flex-wrap: wrap; } .img-cropper .img-container { min-height: auto; margin-bottom: 0; } .img-cropper .docs-data > .input-group:last-child { margin-bottom: 0; } .img-cropper .docs-preview { margin-top: 20px; margin-bottom: 10px; } .dropzone .dz-preview .dz-error-message { background: #fff !important; color: #7366FF !important; border: 1px solid #7366FF; } .dropzone .dz-preview .dz-error-message:after { border-bottom: 6px solid #7366FF !important; } .typeahead .theme-form .form-group { margin-bottom: 0; } .primary .svg-fill { fill: var(--theme-default); } .primary .svg-fill:not(.half-circle) { stroke: var(--theme-default); } .primary .bg-gradient { background-image: linear-gradient(144.16deg, rgba(115, 102, 255, 0.1) 19.06%, rgba(115, 102, 255, 0) 79.03%) !important; } .secondary .svg-fill { fill: var(--theme-secondary); } .secondary .svg-fill:not(.half-circle) { stroke: var(--theme-secondary); } .secondary .bg-gradient { background-image: linear-gradient(144.16deg, rgba(131, 131, 131, 0.1) 19.06%, rgba(131, 131, 131, 0) 79.03%) !important; } .success .svg-fill { fill: #65c15c; } .success .bg-gradient { background-image: linear-gradient(144.16deg, rgba(101, 193, 92, 0.1) 19.06%, rgba(101, 193, 92, 0) 79.03%) !important; } .warning .svg-fill { fill: #ffb829; } .warning .bg-gradient { background-image: linear-gradient(144.16deg, rgba(255, 184, 41, 0.1) 19.06%, rgba(255, 184, 41, 0) 79.03%) !important; } .dotted { border-style: dotted; } .dashed { border-style: dashed; } .double { border-style: double; } .groove { border-style: groove; } .ridge { border-style: ridge; } .inset { border-style: inset; } .outset { border-style: outset; } @keyframes fadeIncustom { 0% { opacity: 0; top: 50px; } 75% { opacity: .6; top: 0; } 100% { opacity: 1; } } .code-box-copy { width: 100%; overflow: auto; } .code-box-copy pre[class*='language-'] { height: 300px; } @media (max-width: 1660px) and (min-width: 1400px) { .custom-rs-4 { width: 33.33333333%; } .custom-rs-12 { width: 100%; } } .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-marker { width: 10px; height: 10px; } .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-goals-group, .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-z-group { display: none; } .bg-gray { background-color: var(--chart-text-color); } .text-gray { color: var(--chart-text-color) !important; } .common-space { display: flex; justify-content: space-between; align-items: center; } .common-f-start { display: flex; justify-content: flex-start; align-items: center; } /* Override the default tooltip arrow color */ .bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before { border-top-color: #e8e5ff; } .bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before { border-right-color: #e8e5ff; } .bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before { border-bottom-color: #e8e5ff; } .bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before { border-left-color: #e8e5ff; } .common-title { background-color: var(--white); padding: 18px; border-radius: 10px; } .kunj { background-color: red; color: green; } /**===================== 1.1 Reset CSS Ends ==========================**/ /**===================== 1.2 Typography CSS start ==========================**/ body { font-size: 14px; overflow-x: hidden; font-family: Rubik, sans-serif; color: #404040; } h1, h2, h3, h4, h5, h6 { margin: 0; } h1 { font-size: 26px; line-height: 1.2; } h2 { font-size: 24px; } h3 { font-size: 22px; } h4 { font-size: 20px; } h5 { font-size: 18px; } h6 { font-size: 16px; } ul { padding-left: 0px; list-style-type: none; margin-bottom: 0; } ul, ol, dl, p { color: #404040; } ul li, ul dt, ul dd, ol li, ol dt, ol dd, dl li, dl dt, dl dd, p li, p dt, p dd { color: #404040; } * a { color: var(--theme-default); text-decoration: none; letter-spacing: 1px; } .d-flex { align-items: flex-start; } .d-flex .flex-grow-1 { flex: 1; } .f-m-light { margin: 0; color: var(--f-lighter); } a { font-size: 0.875rem; text-decoration: none; color: var(--theme-default); transition: 0.5s all; } a:hover { color: var(--theme-default); transition: all 0.5s all; } a:focus-visible { outline: none; } .btn { font-size: 14px; } *.btn:focus { box-shadow: none !important; } button:focus { outline: none !important; } p { font-size: 14px; line-height: 1.7; letter-spacing: 0.7px; } code { color: var(--theme-default) !important; border-radius: 2px; } span { display: inline-block; } .d-flex { display: flex; align-items: flex-start; } .d-flex .flex-grow-1 { flex: 1; } blockquote { border-left: 4px solid #7366FF; padding: 18px; } .figure.text-center blockquote { border: none !important; } .figure.text-end blockquote { border-left: none !important; border-right: 4px solid #7366FF; } .row > div { position: relative; } :focus { outline-color: var(--theme-default); } .disabled { cursor: not-allowed; opacity: 0.5; } svg { vertical-align: baseline; } input:focus { outline-color: transparent; } label { margin-bottom: .5rem; } .media-widgets .flex-grow-1 { margin-bottom: 30px; } .typography h1, .typography .h1, .typography h2, .typography .h2, .typography h3, .typography .h3, .typography h4, .typography .h4, .typography h5, .typography .h5, .typography h6, .typography .h6 { margin: 18px 0; margin-top: 0; } .typography h1:last-child, .typography .h1:last-child, .typography h2:last-child, .typography .h2:last-child, .typography h3:last-child, .typography .h3:last-child, .typography h4:last-child, .typography .h4:last-child, .typography h5:last-child, .typography .h5:last-child, .typography h6:last-child, .typography .h6:last-child { margin-bottom: 0; } .typography small { padding-left: 10px; color: #3f475a; } pre { background-color: rgba(115, 102, 255, 0.03); padding: 20px 0; } .typography-list ul li ul { padding-left: 32px; list-style-type: circle; } .owl-theme .owl-dots .owl-dot span { background: #d0ccff; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: var(--theme-default); } .owl-theme .owl-nav.disabled + .owl-dots { margin-bottom: -10px; margin-top: 25px; } .click2edit ~ .note-editor.note-frame { margin-bottom: 30px; } .note-editor.note-frame { border-color: #f4f4f4; } .note-editor.fullscreen .note-toolbar-wrapper { height: 0 !important; } .note-editor.note-frame { border-color: #f4f4f4; } .alert-theme.notify-alert button { top: 45px !important; right: 20px !important; color: var(--theme-default); } @media (max-width: 420px) { .alert-theme.notify-alert button { top: 40px !important; font-size: 20px; } } [dir="rtl"] .alert-theme.notify-alert button { right: unset !important; left: 20px !important; } .alert-theme.notify-alert span + span + span { background-color: #fff; color: var(--theme-default); border-radius: 4px; box-shadow: 0 2px 14px -3px rgba(0, 0, 0, 0.2); } .alert-theme.notify-alert .close { color: var(--theme-default); } .alert-theme.notify-alert i { padding: 20px; padding-right: 0 !important; margin-right: 20px !important; } .alert-theme.notify-alert .progress { margin-top: -2px !important; height: 2px; width: 100%; } .alert-theme.notify-alert .progress .progress-bar { background-color: var(--theme-default); } .ace-editor { height: 400px; width: 100%; } .editor-toolbar { width: 100% !important; } .editor-toolbar.fullscreen { z-index: 100; } .CodeMirror { top: 0 !important; } .CodeMirror-fullscreen { top: 50px !important; } table tbody tr { vertical-align: middle; } .common-flex { display: flex; gap: 12px; flex-wrap: wrap; } .common-align { display: flex; justify-content: center; align-items: center; } .typography-table thead tr th { font-size: 16px; } .typography-table tbody tr td:last-child { min-width: 280px; } .typography-table tbody tr td:first-child { min-width: 100px; } /**===================== 1.2 Typography CSS Ends ==========================**/ /**===================== 2.1 According CSS start ==========================**/ .default-according .avatar-showcase { margin-bottom: 0; } .default-according .card { margin-bottom: 0; box-shadow: none; } .default-according .card + .card { margin-top: 10px; } .default-according .card .btn-link { font-weight: 500; color: #404040; text-decoration: none; } .default-according .card .btn-link:focus, .default-according .card .btn-link:hover { text-decoration: none; } .default-according .card .card-header { padding: 0.75rem 1.25rem; border: 1px solid #e9edf1; } .default-according .card .card-header i { position: absolute; left: 18px; font-size: 20px; top: 20px; } .default-according .card .card-header h5 { margin-top: 2px; } .default-according .card .card-body { border: 1px solid #e9edf1; border-top: none; } .default-according.style-1 button { width: 100%; text-align: left; } .default-according.style-1 button:before { right: 20px; position: absolute; -webkit-transition: 0.4s; transition: 0.4s; font-size: 20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 575px) { .default-according.style-1 button:before { right: 15px; } } .default-according.style-1 button[aria-expanded="true"]:before { content: ""; font-family: IcoFont; } .default-according.style-1 button[aria-expanded="false"]:before { content: ""; font-family: IcoFont; } .accordion-button .svg-color { position: absolute; right: 20px; } [dir="rtl"] .accordion-button .svg-color { left: 20px; right: unset; } .accordion-button .svg-color::after { content: ''; background-image: unset; } .accordion-button svg { transition: transform 0.2s ease-in-out; } .accordion-button:not(.collapsed) { background-color: unset; box-shadow: none; } .accordion-button:not(.collapsed) svg { transform: rotate(-180deg); } .accordion-button:not(.collapsed)::after { background-image: unset; } .accordion-button::after { background-image: unset; } .accordion-button:focus { box-shadow: none; } .accordion-button.accordion-light-primary:not(.collapsed) { background-color: #e8e5ff; } .accordion-button.accordion-light-primary:active, .accordion-button.accordion-light-primary.active { background-color: #e8e5ff; color: #000; } .multi-collapse.show .collapse-wrapper.accordion-light-primary { background-color: #e8e5ff !important; } .accordion-button.accordion-light-secondary:not(.collapsed) { background-color: #f2f2f2; } .accordion-button.accordion-light-secondary:active, .accordion-button.accordion-light-secondary.active { background-color: #f2f2f2; color: #000; } .multi-collapse.show .collapse-wrapper.accordion-light-secondary { background-color: #f2f2f2 !important; } .accordion-button.accordion-light-success:not(.collapsed) { background-color: #dcf1da; } .accordion-button.accordion-light-success:active, .accordion-button.accordion-light-success.active { background-color: #dcf1da; color: #000; } .multi-collapse.show .collapse-wrapper.accordion-light-success { background-color: #dcf1da !important; } .accordion-button.accordion-light-warning:not(.collapsed) { background-color: #fff7e5; } .accordion-button.accordion-light-warning:active, .accordion-button.accordion-light-warning.active { background-color: #fff7e5; color: #000; } .multi-collapse.show .collapse-wrapper.accordion-light-warning { background-color: #fff7e5 !important; } .accordion-button.accordion-light-info:not(.collapsed) { background-color: #D5F5FE; } .accordion-button.accordion-light-info:active, .accordion-button.accordion-light-info.active { background-color: #D5F5FE; color: #000; } .multi-collapse.show .collapse-wrapper.accordion-light-info { background-color: #D5F5FE !important; } .accordion-button.accordion-light-light:not(.collapsed) { background-color: #F9F9FB; } .accordion-button.accordion-light-light:active, .accordion-button.accordion-light-light.active { background-color: #F9F9FB; color: #000; } .multi-collapse.show .collapse-wrapper.accordion-light-light { background-color: #F9F9FB !important; } .accordion-button.accordion-light-danger:not(.collapsed) { background-color: #ffe8e6; } .accordion-button.accordion-light-danger:active, .accordion-button.accordion-light-danger.active { background-color: #ffe8e6; color: #000; } .multi-collapse.show .collapse-wrapper.accordion-light-danger { background-color: #ffe8e6 !important; } .accordion-button.accordion-light-dark:not(.collapsed) { background-color: #EAEBF2; } .accordion-button.accordion-light-dark:active, .accordion-button.accordion-light-dark.active { background-color: #EAEBF2; color: #000; } .multi-collapse.show .collapse-wrapper.accordion-light-dark { background-color: #EAEBF2 !important; } .accordion-item .accordion-button .svg-wrapper { width: 18px; height: 18px; } .accordion-wrapper.accordion-item { background-color: transparent !important; } .accordion-wrapper.accordion-item .accordion-button { background-color: transparent !important; border-bottom: 1px solid var(--recent-border); } .accordion-wrapper.accordion-item .accordion-button.collapsed { border-bottom: none; } .accordion-wrapper:active { border: 1px solid #7366FF; border-top: 1px solid #7366FF !important; } .accordion-border .accordion-item { border: 0; } .icons-accordion .accordion-item:last-child .accordion-body { padding-bottom: 0 !important; } .accordions-content li { color: #3f475a; } .collapse-accordion .btn-dark.collapse { border-radius: 15px; color: #fff; } .main-accordion .accordion:not(.accordion-flush) .accordion-item { border-color: var(--view-border-marker) !important; } .main-accordion .accordion.accordion-flush .accordion-item { border-color: var(--recent-dashed-border); } /**===================== 2.1 According CSS Ends ==========================**/ /**===================== 2.2 Alert CSS start ==========================**/ .notify-alert .close { color: #fff; background: unset; border: none; font-size: 25px; } [dir="rtl"] .notify-alert .close { right: unset !important; left: 10px !important; } .notify-alert.alert-light .close { color: #404040; } .alert { border-radius: 0.15rem; padding: 15px; } .alert svg { vertical-align: middle; } .alert .progress { margin-top: 15px; } .alert [data-notify='icon'] { margin-right: 10px; line-height: 20px; position: absolute; } .alert [data-notify='message'] { display: inline-block; width: 100%; } .alert i { margin-right: 5px; font-size: 16px; } .alert p { margin-bottom: 0; } .alert .close { opacity: 1; } .alert .close span { font-size: 24px; font-weight: 400; display: inline-block; border-radius: 3px; text-shadow: none; padding: 0 5px; padding-right: 0; } .alert-dismissible { padding-right: 2.5rem; } [dir="rtl"] .alert-dismissible { padding-right: 15px; padding-left: 2.5rem; } .alert-dismissible .btn-close { box-shadow: none; } @media (max-width: 767px) { .alert-dismissible .btn-close { font-size: 10px; } } .alert-dismissible .close { padding: 10px 1.25rem; top: 4px; padding-right: 13px; opacity: 0.5; transition: all 0.3s ease; } .alert-dismissible .close:hover { transition: all 0.3s ease; opacity: 1; color: inherit; } .card-body button:focus { outline: none; } .card-body .alert:last-child { margin-bottom: 0; } .card-body .alert svg { width: 16px; height: 16px; margin-right: 4px; position: absolute; top: 18px; } .card-body .alert svg ~ p { padding-left: 20px; } strong { display: inline-block; } strong ~ p { display: inline-block; } .alert-primary { background-color: rgba(115, 102, 255, 0.8); border-color: rgba(115, 102, 255, 0.9); color: #fff; } .alert-primary .progress { height: 5px; background-color: #6e61ff; border-radius: 0; } .alert-primary .progress-bar { background-color: white; } .alert-primary .btn-close { filter: brightness(1) invert(1); } .alert-primary .alert-link { color: #7366FF; } .alert-primary hr { border-top-color: #7366FF; } .border-primary { border-color: #7366FF !important; } .income-wrapper ul li .income-dot.dot-primary { background-color: #7366FF; } .touchspin-wrapper .btn-touchspin.touchspin-primary { background-color: #7366FF; border: 1px solid #7366FF; color: #fff; } .touchspin-wrapper .btn-touchspin.spin-border-primary { background-color: unset; border: 1px solid #7366FF; color: #7366FF; } .touchspin-wrapper input[type='number'].spin-outline-primary { outline: 1px solid #7366FF; border: none; border-radius: 3px; } .pre-post-touchspin .btn-touchspin.touchspin-primary { background-color: #7366FF; border: 1px solid #7366FF; color: #fff; } .form-switch .form-check-input.switch-primary:checked { background-color: #7366FF; border-color: #7366FF; } .payment-second .mega-icons.stroke-primary { stroke: #7366FF; } .toast-primary { color: #7366FF !important; } .list-group-horizontal-sm .list-group-item.border-left-primary, .list-group-horizontal-md .list-group-item.border-left-primary, .list-group-horizontal-lg .list-group-item.border-left-primary, .list-group-horizontal-xl .list-group-item.border-left-primary, .list-group-horizontal-xxl .list-group-item.border-left-primary { border-left: 4px solid #7366FF; } [dir="rtl"] .list-group-horizontal-sm .list-group-item.border-left-primary, [dir="rtl"] .list-group-horizontal-md .list-group-item.border-left-primary, [dir="rtl"] .list-group-horizontal-lg .list-group-item.border-left-primary, [dir="rtl"] .list-group-horizontal-xl .list-group-item.border-left-primary, [dir="rtl"] .list-group-horizontal-xxl .list-group-item.border-left-primary { border-right: 4px solid #7366FF; border-left: unset; } .main-radio-toggle .btn-check.radio-light-primary:focus + .btn { box-shadow: 0 0 0 4px rgba(115, 102, 255, 0.55); } .fill-radios .radio.radio-primary input[type='radio']:checked + label::before { border: 10px solid #7366FF; } .fill-radios .radio.radio-primary input[type='radio']:checked + label::after { background-color: #7366FF; } .list-group .form-check-input[type=checkbox].checkbox-primary, .list-group [type=radio].checkbox-primary { background-color: unset; border-color: #7366FF; outline: 0; } .list-group .form-check-input[type=checkbox].checkbox-primary:focus, .list-group .form-check-input[type=checkbox].checkbox-primary:active, .list-group .form-check-input[type=checkbox].checkbox-primary.active, .list-group .form-check-input[type=checkbox].checkbox-primary:checked, .list-group [type=radio].checkbox-primary:focus, .list-group [type=radio].checkbox-primary:active, .list-group [type=radio].checkbox-primary.active, .list-group [type=radio].checkbox-primary:checked { border-color: #7366FF; outline: 0; background-color: #7366FF; } .list-group .alert-primary.light { background-color: rgba(115, 102, 255, 0.4); border-color: rgba(115, 102, 255, 0.7); } .list-group .alert-primary.dark { background-color: #7366FF; border-color: #7366FF; color: #fafafa; } .list-group .alert-primary.dark .alert-link { color: #fff; } .list-group .alert-primary.outline, .list-group .alert-primary.outline-2x { background-color: transparent; border-color: #7366FF; color: #7366FF; } .list-group .alert-primary.outline .btn-close, .list-group .alert-primary.outline-2x .btn-close { filter: unset; } .list-group .alert-primary.inverse { background-color: transparent; padding: 13px 20px 13px 65px; border-color: #7366FF; color: #404040; } .list-group .alert-primary.inverse:before { top: 16px; content: ""; position: absolute; left: 54px; width: 0; height: 0; border-left: 7px solid #7366FF; border-top: 7px solid transparent; border-bottom: 7px solid transparent; } @media (max-width: 576px) { .list-group .alert-primary.inverse:before { left: 45px; } } .list-group .alert-primary.inverse i { padding: 17px 20px; display: inline-block; background-color: #7366FF; color: #fff; border-radius: 3px 0 0 3px; position: absolute; left: 0; top: 0; height: 100%; } @media (max-width: 576px) { .list-group .alert-primary.inverse i { padding: 17px 14px; } } .list-group .btn-close { filter: unset; top: -3px; } .alert-secondary { background-color: rgba(131, 131, 131, 0.8); border-color: rgba(131, 131, 131, 0.9); color: #fff; } .alert-secondary .progress { height: 5px; background-color: gray; border-radius: 0; } .alert-secondary .progress-bar { background-color: white; } .alert-secondary .btn-close { filter: brightness(1) invert(1); } .alert-secondary .alert-link { color: #838383; } .alert-secondary hr { border-top-color: #838383; } .border-secondary { border-color: #838383 !important; } .income-wrapper ul li .income-dot.dot-secondary { background-color: #838383; } .touchspin-wrapper .btn-touchspin.touchspin-secondary { background-color: #838383; border: 1px solid #838383; color: #fff; } .touchspin-wrapper .btn-touchspin.spin-border-secondary { background-color: unset; border: 1px solid #838383; color: #838383; } .touchspin-wrapper input[type='number'].spin-outline-secondary { outline: 1px solid #838383; border: none; border-radius: 3px; } .pre-post-touchspin .btn-touchspin.touchspin-secondary { background-color: #838383; border: 1px solid #838383; color: #fff; } .form-switch .form-check-input.switch-secondary:checked { background-color: #838383; border-color: #838383; } .payment-second .mega-icons.stroke-secondary { stroke: #838383; } .toast-secondary { color: #838383 !important; } .list-group-horizontal-sm .list-group-item.border-left-secondary, .list-group-horizontal-md .list-group-item.border-left-secondary, .list-group-horizontal-lg .list-group-item.border-left-secondary, .list-group-horizontal-xl .list-group-item.border-left-secondary, .list-group-horizontal-xxl .list-group-item.border-left-secondary { border-left: 4px solid #838383; } [dir="rtl"] .list-group-horizontal-sm .list-group-item.border-left-secondary, [dir="rtl"] .list-group-horizontal-md .list-group-item.border-left-secondary, [dir="rtl"] .list-group-horizontal-lg .list-group-item.border-left-secondary, [dir="rtl"] .list-group-horizontal-xl .list-group-item.border-left-secondary, [dir="rtl"] .list-group-horizontal-xxl .list-group-item.border-left-secondary { border-right: 4px solid #838383; border-left: unset; } .main-radio-toggle .btn-check.radio-light-secondary:focus + .btn { box-shadow: 0 0 0 4px rgba(131, 131, 131, 0.55); } .fill-radios .radio.radio-secondary input[type='radio']:checked + label::before { border: 10px solid #838383; } .fill-radios .radio.radio-secondary input[type='radio']:checked + label::after { background-color: #838383; } .list-group .form-check-input[type=checkbox].checkbox-secondary, .list-group [type=radio].checkbox-secondary { background-color: unset; border-color: #838383; outline: 0; } .list-group .form-check-input[type=checkbox].checkbox-secondary:focus, .list-group .form-check-input[type=checkbox].checkbox-secondary:active, .list-group .form-check-input[type=checkbox].checkbox-secondary.active, .list-group .form-check-input[type=checkbox].checkbox-secondary:checked, .list-group [type=radio].checkbox-secondary:focus, .list-group [type=radio].checkbox-secondary:active, .list-group [type=radio].checkbox-secondary.active, .list-group [type=radio].checkbox-secondary:checked { border-color: #838383; outline: 0; background-color: #838383; } .list-group .alert-secondary.light { background-color: rgba(131, 131, 131, 0.4); border-color: rgba(131, 131, 131, 0.7); } .list-group .alert-secondary.dark { background-color: #838383; border-color: #838383; color: #fafafa; } .list-group .alert-secondary.dark .alert-link { color: #fff; } .list-group .alert-secondary.outline, .list-group .alert-secondary.outline-2x { background-color: transparent; border-color: #838383; color: #838383; } .list-group .alert-secondary.outline .btn-close, .list-group .alert-secondary.outline-2x .btn-close { filter: unset; } .list-group .alert-secondary.inverse { background-color: transparent; padding: 13px 20px 13px 65px; border-color: #838383; color: #404040; } .list-group .alert-secondary.inverse:before { top: 16px; content: ""; position: absolute; left: 54px; width: 0; height: 0; border-left: 7px solid #838383; border-top: 7px solid transparent; border-bottom: 7px solid transparent; } @media (max-width: 576px) { .list-group .alert-secondary.inverse:before { left: 45px; } } .list-group .alert-secondary.inverse i { padding: 17px 20px; display: inline-block; background-color: #838383; color: #fff; border-radius: 3px 0 0 3px; position: absolute; left: 0; top: 0; height: 100%; } @media (max-width: 576px) { .list-group .alert-secondary.inverse i { padding: 17px 14px; } } .list-group .btn-close { filter: unset; top: -3px; } .alert-success { background-color: rgba(101, 193, 92, 0.8); border-color: rgba(101, 193, 92, 0.9); color: #fff; } .alert-success .progress { height: 5px; background-color: #62c058; border-radius: 0; } .alert-success .progress-bar { background-color: white; } .alert-success .btn-close { filter: brightness(1) invert(1); } .alert-success .alert-link { color: #65c15c; } .alert-success hr { border-top-color: #65c15c; } .border-success { border-color: #65c15c !important; } .income-wrapper ul li .income-dot.dot-success { background-color: #65c15c; } .touchspin-wrapper .btn-touchspin.touchspin-success { background-color: #65c15c; border: 1px solid #65c15c; color: #fff; } .touchspin-wrapper .btn-touchspin.spin-border-success { background-color: unset; border: 1px solid #65c15c; color: #65c15c; } .touchspin-wrapper input[type='number'].spin-outline-success { outline: 1px solid #65c15c; border: none; border-radius: 3px; } .pre-post-touchspin .btn-touchspin.touchspin-success { background-color: #65c15c; border: 1px solid #65c15c; color: #fff; } .form-switch .form-check-input.switch-success:checked { background-color: #65c15c; border-color: #65c15c; } .payment-second .mega-icons.stroke-success { stroke: #65c15c; } .toast-success { color: #65c15c !important; } .list-group-horizontal-sm .list-group-item.border-left-success, .list-group-horizontal-md .list-group-item.border-left-success, .list-group-horizontal-lg .list-group-item.border-left-success, .list-group-horizontal-xl .list-group-item.border-left-success, .list-group-horizontal-xxl .list-group-item.border-left-success { border-left: 4px solid #65c15c; } [dir="rtl"] .list-group-horizontal-sm .list-group-item.border-left-success, [dir="rtl"] .list-group-horizontal-md .list-group-item.border-left-success, [dir="rtl"] .list-group-horizontal-lg .list-group-item.border-left-success, [dir="rtl"] .list-group-horizontal-xl .list-group-item.border-left-success, [dir="rtl"] .list-group-horizontal-xxl .list-group-item.border-left-success { border-right: 4px solid #65c15c; border-left: unset; } .main-radio-toggle .btn-check.radio-light-success:focus + .btn { box-shadow: 0 0 0 4px rgba(101, 193, 92, 0.55); } .fill-radios .radio.radio-success input[type='radio']:checked + label::before { border: 10px solid #65c15c; } .fill-radios .radio.radio-success input[type='radio']:checked + label::after { background-color: #65c15c; } .list-group .form-check-input[type=checkbox].checkbox-success, .list-group [type=radio].checkbox-success { background-color: unset; border-color: #65c15c; outline: 0; } .list-group .form-check-input[type=checkbox].checkbox-success:focus, .list-group .form-check-input[type=checkbox].checkbox-success:active, .list-group .form-check-input[type=checkbox].checkbox-success.active, .list-group .form-check-input[type=checkbox].checkbox-success:checked, .list-group [type=radio].checkbox-success:focus, .list-group [type=radio].checkbox-success:active, .list-group [type=radio].checkbox-success.active, .list-group [type=radio].checkbox-success:checked { border-color: #65c15c; outline: 0; background-color: #65c15c; } .list-group .alert-success.light { background-color: rgba(101, 193, 92, 0.4); border-color: rgba(101, 193, 92, 0.7); } .list-group .alert-success.dark { background-color: #65c15c; border-color: #65c15c; color: #fafafa; } .list-group .alert-success.dark .alert-link { color: #fff; } .list-group .alert-success.outline, .list-group .alert-success.outline-2x { background-color: transparent; border-color: #65c15c; color: #65c15c; } .list-group .alert-success.outline .btn-close, .list-group .alert-success.outline-2x .btn-close { filter: unset; } .list-group .alert-success.inverse { background-color: transparent; padding: 13px 20px 13px 65px; border-color: #65c15c; color: #404040; } .list-group .alert-success.inverse:before { top: 16px; content: ""; position: absolute; left: 54px; width: 0; height: 0; border-left: 7px solid #65c15c; border-top: 7px solid transparent; border-bottom: 7px solid transparent; } @media (max-width: 576px) { .list-group .alert-success.inverse:before { left: 45px; } } .list-group .alert-success.inverse i { padding: 17px 20px; display: inline-block; background-color: #65c15c; color: #fff; border-radius: 3px 0 0 3px; position: absolute; left: 0; top: 0; height: 100%; } @media (max-width: 576px) { .list-group .alert-success.inverse i { padding: 17px 14px; } } .list-group .btn-close { filter: unset; top: -3px; } .alert-danger { background-color: rgba(252, 86, 74, 0.8); border-color: rgba(252, 86, 74, 0.9); color: #fff; } .alert-danger .progress { height: 5px; background-color: #fc5145; border-radius: 0; } .alert-danger .progress-bar { background-color: white; } .alert-danger .btn-close { filter: brightness(1) invert(1); } .alert-danger .alert-link { color: #fc564a; } .alert-danger hr { border-top-color: #fc564a; } .border-danger { border-color: #fc564a !important; } .income-wrapper ul li .income-dot.dot-danger { background-color: #fc564a; } .touchspin-wrapper .btn-touchspin.touchspin-danger { background-color: #fc564a; border: 1px solid #fc564a; color: #fff; } .touchspin-wrapper .btn-touchspin.spin-border-danger { background-color: unset; border: 1px solid #fc564a; color: #fc564a; } .touchspin-wrapper input[type='number'].spin-outline-danger { outline: 1px solid #fc564a; border: none; border-radius: 3px; } .pre-post-touchspin .btn-touchspin.touchspin-danger { background-color: #fc564a; border: 1px solid #fc564a; color: #fff; } .form-switch .form-check-input.switch-danger:checked { background-color: #fc564a; border-color: #fc564a; } .payment-second .mega-icons.stroke-danger { stroke: #fc564a; } .toast-danger { color: #fc564a !important; } .list-group-horizontal-sm .list-group-item.border-left-danger, .list-group-horizontal-md .list-group-item.border-left-danger, .list-group-horizontal-lg .list-group-item.border-left-danger, .list-group-horizontal-xl .list-group-item.border-left-danger, .list-group-horizontal-xxl .list-group-item.border-left-danger { border-left: 4px solid #fc564a; } [dir="rtl"] .list-group-horizontal-sm .list-group-item.border-left-danger, [dir="rtl"] .list-group-horizontal-md .list-group-item.border-left-danger, [dir="rtl"] .list-group-horizontal-lg .list-group-item.border-left-danger, [dir="rtl"] .list-group-horizontal-xl .list-group-item.border-left-danger, [dir="rtl"] .list-group-horizontal-xxl .list-group-item.border-left-danger { border-right: 4px solid #fc564a; border-left: unset; } .main-radio-toggle .btn-check.radio-light-danger:focus + .btn { box-shadow: 0 0 0 4px rgba(252, 86, 74, 0.55); } .fill-radios .radio.radio-danger input[type='radio']:checked + label::before { border: 10px solid #fc564a; } .fill-radios .radio.radio-danger input[type='radio']:checked + label::after { background-color: #fc564a; } .list-group .form-check-input[type=checkbox].checkbox-danger, .list-group [type=radio].checkbox-danger { background-color: unset; border-color: #fc564a; outline: 0; } .list-group .form-check-input[type=checkbox].checkbox-danger:focus, .list-group .form-check-input[type=checkbox].checkbox-danger:active, .list-group .form-check-input[type=checkbox].checkbox-danger.active, .list-group .form-check-input[type=checkbox].checkbox-danger:checked, .list-group [type=radio].checkbox-danger:focus, .list-group [type=radio].checkbox-danger:active, .list-group [type=radio].checkbox-danger.active, .list-group [type=radio].checkbox-danger:checked { border-color: #fc564a; outline: 0; background-color: #fc564a; } .list-group .alert-danger.light { background-color: rgba(252, 86, 74, 0.4); border-color: rgba(252, 86, 74, 0.7); } .list-group .alert-danger.dark { background-color: #fc564a; border-color: #fc564a; color: #fafafa; } .list-group .alert-danger.dark .alert-link { color: #fff; } .list-group .alert-danger.outline, .list-group .alert-danger.outline-2x { background-color: transparent; border-color: #fc564a; color: #fc564a; } .list-group .alert-danger.outline .btn-close, .list-group .alert-danger.outline-2x .btn-close { filter: unset; } .list-group .alert-danger.inverse { background-color: transparent; padding: 13px 20px 13px 65px; border-color: #fc564a; color: #404040; } .list-group .alert-danger.inverse:before { top: 16px; content: ""; position: absolute; left: 54px; width: 0; height: 0; border-left: 7px solid #fc564a; border-top: 7px solid transparent; border-bottom: 7px solid transparent; } @media (max-width: 576px) { .list-group .alert-danger.inverse:before { left: 45px; } } .list-group .alert-danger.inverse i { padding: 17px 20px; display: inline-block; background-color: #fc564a; color: #fff; border-radius: 3px 0 0 3px; position: absolute; left: 0; top: 0; height: 100%; } @media (max-width: 576px) { .list-group .alert-danger.inverse i { padding: 17px 14px; } } .list-group .btn-close { filter: unset; top: -3px; } .alert-warning { background-color: rgba(255, 184, 41, 0.8); border-color: rgba(255, 184, 41, 0.9); color: #fff; } .alert-warning .progress { height: 5px; background-color: #ffb624; border-radius: 0; } .alert-warning .progress-bar { background-color: white; } .alert-warning .btn-close { filter: brightness(1) invert(1); } .alert-warning .alert-link { color: #ffb829; } .alert-warning hr { border-top-color: #ffb829; } .border-warning { border-color: #ffb829 !important; } .income-wrapper ul li .income-dot.dot-warning { background-color: #ffb829; } .touchspin-wrapper .btn-touchspin.touchspin-warning { background-color: #ffb829; border: 1px solid #ffb829; color: #fff; } .touchspin-wrapper .btn-touchspin.spin-border-warning { background-color: unset; border: 1px solid #ffb829; color: #ffb829; } .touchspin-wrapper input[type='number'].spin-outline-warning { outline: 1px solid #ffb829; border: none; border-radius: 3px; } .pre-post-touchspin .btn-touchspin.touchspin-warning { background-color: #ffb829; border: 1px solid #ffb829; color: #fff; } .form-switch .form-check-input.switch-warning:checked { background-color: #ffb829; border-color: #ffb829; } .payment-second .mega-icons.stroke-warning { stroke: #ffb829; } .toast-warning { color: #ffb829 !important; } .list-group-horizontal-sm .list-group-item.border-left-warning, .list-group-horizontal-md .list-group-item.border-left-warning, .list-group-horizontal-lg .list-group-item.border-left-warning, .list-group-horizontal-xl .list-group-item.border-left-warning, .list-group-horizontal-xxl .list-group-item.border-left-warning { border-left: 4px solid #ffb829; } [dir="rtl"] .list-group-horizontal-sm .list-group-item.border-left-warning, [dir="rtl"] .list-group-horizontal-md .list-group-item.border-left-warning, [dir="rtl"] .list-group-horizontal-lg .list-group-item.border-left-warning, [dir="rtl"] .list-group-horizontal-xl .list-group-item.border-left-warning, [dir="rtl"] .list-group-horizontal-xxl .list-group-item.border-left-warning { border-right: 4px solid #ffb829; border-left: unset; } .main-radio-toggle .btn-check.radio-light-warning:focus + .btn { box-shadow: 0 0 0 4px rgba(255, 184, 41, 0.55); } .fill-radios .radio.radio-warning input[type='radio']:checked + label::before { border: 10px solid #ffb829; } .fill-radios .radio.radio-warning input[type='radio']:checked + label::after { background-color: #ffb829; } .list-group .form-check-input[type=checkbox].checkbox-warning, .list-group [type=radio].checkbox-warning { background-color: unset; border-color: #ffb829; outline: 0; } .list-group .form-check-input[type=checkbox].checkbox-warning:focus, .list-group .form-check-input[type=checkbox].checkbox-warning:active, .list-group .form-check-input[type=checkbox].checkbox-warning.active, .list-group .form-check-input[type=checkbox].checkbox-warning:checked, .list-group [type=radio].checkbox-warning:focus, .list-group [type=radio].checkbox-warning:active, .list-group [type=radio].checkbox-warning.active, .list-group [type=radio].checkbox-warning:checked { border-color: #ffb829; outline: 0; background-color: #ffb829; } .list-group .alert-warning.light { background-color: rgba(255, 184, 41, 0.4); border-color: rgba(255, 184, 41, 0.7); } .list-group .alert-warning.dark { background-color: #ffb829; border-color: #ffb829; color: #fafafa; } .list-group .alert-warning.dark .alert-link { color: #fff; } .list-group .alert-warning.outline, .list-group .alert-warning.outline-2x { background-color: transparent; border-color: #ffb829; color: #ffb829; } .list-group .alert-warning.outline .btn-close, .list-group .alert-warning.outline-2x .btn-close { filter: unset; } .list-group .alert-warning.inverse { background-color: transparent; padding: 13px 20px 13px 65px; border-color: #ffb829; color: #404040; } .list-group .alert-warning.inverse:before { top: 16px; content: ""; position: absolute; left: 54px; width: 0; height: 0; border-left: 7px solid #ffb829; border-top: 7px solid transparent; border-bottom: 7px solid transparent; } @media (max-width: 576px) { .list-group .alert-warning.inverse:before { left: 45px; } } .list-group .alert-warning.inverse i { padding: 17px 20px; display: inline-block; background-color: #ffb829; color: #fff; border-radius: 3px 0 0 3px; position: absolute; left: 0; top: 0; height: 100%; } @media (max-width: 576px) { .list-group .alert-warning.inverse i { padding: 17px 14px; } } .list-group .btn-close { filter: unset; top: -3px; } .alert-info { background-color: rgba(64, 184, 245, 0.8); border-color: rgba(64, 184, 245, 0.9); color: #fff; } .alert-info .progress { height: 5px; background-color: #3bb6f5; border-radius: 0; } .alert-info .progress-bar { background-color: white; } .alert-info .btn-close { filter: brightness(1) invert(1); } .alert-info .alert-link { color: #40b8f5; } .alert-info hr { border-top-color: #40b8f5; } .border-info { border-color: #40b8f5 !important; } .income-wrapper ul li .income-dot.dot-info { background-color: #40b8f5; } .touchspin-wrapper .btn-touchspin.touchspin-info { background-color: #40b8f5; border: 1px solid #40b8f5; color: #fff; } .touchspin-wrapper .btn-touchspin.spin-border-info { background-color: unset; border: 1px solid #40b8f5; color: #40b8f5; } .touchspin-wrapper input[type='number'].spin-outline-info { outline: 1px solid #40b8f5; border: none; border-radius: 3px; } .pre-post-touchspin .btn-touchspin.touchspin-info { background-color: #40b8f5; border: 1px solid #40b8f5; color: #fff; } .form-switch .form-check-input.switch-info:checked { background-color: #40b8f5; border-color: #40b8f5; } .payment-second .mega-icons.stroke-info { stroke: #40b8f5; } .toast-info { color: #40b8f5 !important; } .list-group-horizontal-sm .list-group-item.border-left-info, .list-group-horizontal-md .list-group-item.border-left-info, .list-group-horizontal-lg .list-group-item.border-left-info, .list-group-horizontal-xl .list-group-item.border-left-info, .list-group-horizontal-xxl .list-group-item.border-left-info { border-left: 4px solid #40b8f5; } [dir="rtl"] .list-group-horizontal-sm .list-group-item.border-left-info, [dir="rtl"] .list-group-horizontal-md .list-group-item.border-left-info, [dir="rtl"] .list-group-horizontal-lg .list-group-item.border-left-info, [dir="rtl"] .list-group-horizontal-xl .list-group-item.border-left-info, [dir="rtl"] .list-group-horizontal-xxl .list-group-item.border-left-info { border-right: 4px solid #40b8f5; border-left: unset; } .main-radio-toggle .btn-check.radio-light-info:focus + .btn { box-shadow: 0 0 0 4px rgba(64, 184, 245, 0.55); } .fill-radios .radio.radio-info input[type='radio']:checked + label::before { border: 10px solid #40b8f5; } .fill-radios .radio.radio-info input[type='radio']:checked + label::after { background-color: #40b8f5; } .list-group .form-check-input[type=checkbox].checkbox-info, .list-group [type=radio].checkbox-info { background-color: unset; border-color: #40b8f5; outline: 0; } .list-group .form-check-input[type=checkbox].checkbox-info:focus, .list-group .form-check-input[type=checkbox].checkbox-info:active, .list-group .form-check-input[type=checkbox].checkbox-info.active, .list-group .form-check-input[type=checkbox].checkbox-info:checked, .list-group [type=radio].checkbox-info:focus, .list-group [type=radio].checkbox-info:active, .list-group [type=radio].checkbox-info.active, .list-group [type=radio].checkbox-info:checked { border-color: #40b8f5; outline: 0; background-color: #40b8f5; } .list-group .alert-info.light { background-color: rgba(64, 184, 245, 0.4); border-color: rgba(64, 184, 245, 0.7); } .list-group .alert-info.dark { background-color: #40b8f5; border-color: #40b8f5; color: #fafafa; } .list-group .alert-info.dark .alert-link { color: #fff; } .list-group .alert-info.outline, .list-group .alert-info.outline-2x { background-color: transparent; border-color: #40b8f5; color: #40b8f5; } .list-group .alert-info.outline .btn-close, .list-group .alert-info.outline-2x .btn-close { filter: unset; } .list-group .alert-info.inverse { background-color: transparent; padding: 13px 20px 13px 65px; border-color: #40b8f5; color: #404040; } .list-group .alert-info.inverse:before { top: 16px; content: ""; position: absolute; left: 54px; width: 0; height: 0; border-left: 7px solid #40b8f5; border-top: 7px solid transparent; border-bottom: 7px solid transparent; } @media (max-width: 576px) { .list-group .alert-info.inverse:before { left: 45px; } } .list-group .alert-info.inverse i { padding: 17px 20px; display: inline-block; background-color: #40b8f5; color: #fff; border-radius: 3px 0 0 3px; position: absolute; left: 0; top: 0; height: 100%; } @media (max-width: 576px) { .list-group .alert-info.inverse i { padding: 17px 14px; } } .list-group .btn-close { filter: unset; top: -3px; } .alert-light { background-color: rgba(244, 244, 244, 0.8); border-color: rgba(244, 244, 244, 0.9); color: #fff; color: #3f475a; background-color: #f4f4f4; } .alert-light .progress { height: 5px; background-color: #f1f1f1; border-radius: 0; } .alert-light .progress-bar { background-color: white; } .alert-light .btn-close { filter: brightness(1) invert(1); } .alert-light .alert-link { color: #f4f4f4; color: #3f475a; } .alert-light .btn-close { filter: unset; } .alert-light hr { border-top-color: #f4f4f4; } .border-light { border-color: #f4f4f4 !important; } .income-wrapper ul li .income-dot.dot-light { background-color: #f4f4f4; } .touchspin-wrapper .btn-touchspin.touchspin-light { background-color: #f4f4f4; border: 1px solid #f4f4f4; color: #fff; } .touchspin-wrapper .btn-touchspin.spin-border-light { background-color: unset; border: 1px solid #f4f4f4; color: #f4f4f4; } .touchspin-wrapper input[type='number'].spin-outline-light { outline: 1px solid #f4f4f4; border: none; border-radius: 3px; } .pre-post-touchspin .btn-touchspin.touchspin-light { background-color: #f4f4f4; border: 1px solid #f4f4f4; color: #fff; } .form-switch .form-check-input.switch-light:checked { background-color: #f4f4f4; border-color: #f4f4f4; } .payment-second .mega-icons.stroke-light { stroke: #f4f4f4; } .toast-light { color: #f4f4f4 !important; } .list-group-horizontal-sm .list-group-item.border-left-light, .list-group-horizontal-md .list-group-item.border-left-light, .list-group-horizontal-lg .list-group-item.border-left-light, .list-group-horizontal-xl .list-group-item.border-left-light, .list-group-horizontal-xxl .list-group-item.border-left-light { border-left: 4px solid #f4f4f4; } [dir="rtl"] .list-group-horizontal-sm .list-group-item.border-left-light, [dir="rtl"] .list-group-horizontal-md .list-group-item.border-left-light, [dir="rtl"] .list-group-horizontal-lg .list-group-item.border-left-light, [dir="rtl"] .list-group-horizontal-xl .list-group-item.border-left-light, [dir="rtl"] .list-group-horizontal-xxl .list-group-item.border-left-light { border-right: 4px solid #f4f4f4; border-left: unset; } .main-radio-toggle .btn-check.radio-light-light:focus + .btn { box-shadow: 0 0 0 4px rgba(244, 244, 244, 0.55); } .fill-radios .radio.radio-light input[type='radio']:checked + label::before { border: 10px solid #f4f4f4; } .fill-radios .radio.radio-light input[type='radio']:checked + label::after { background-color: #f4f4f4; } .list-group .form-check-input[type=checkbox].checkbox-light, .list-group [type=radio].checkbox-light { background-color: unset; border-color: #f4f4f4; outline: 0; } .list-group .form-check-input[type=checkbox].checkbox-light:focus, .list-group .form-check-input[type=checkbox].checkbox-light:active, .list-group .form-check-input[type=checkbox].checkbox-light.active, .list-group .form-check-input[type=checkbox].checkbox-light:checked, .list-group [type=radio].checkbox-light:focus, .list-group [type=radio].checkbox-light:active, .list-group [type=radio].checkbox-light.active, .list-group [type=radio].checkbox-light:checked { border-color: #f4f4f4; outline: 0; background-color: #f4f4f4; } .list-group .alert-light.light { background-color: rgba(244, 244, 244, 0.4); border-color: rgba(244, 244, 244, 0.7); } .list-group .alert-light.dark { background-color: #f4f4f4; border-color: #f4f4f4; color: #fafafa; color: #3f475a; } .list-group .alert-light.dark .alert-link { color: #fff; color: #3f475a; } .list-group .alert-light.outline, .list-group .alert-light.outline-2x { background-color: transparent; border-color: #f4f4f4; color: #f4f4f4; color: #3f475a; } .list-group .alert-light.outline .btn-close, .list-group .alert-light.outline-2x .btn-close { filter: unset; } .list-group .alert-light.inverse { background-color: transparent; padding: 13px 20px 13px 65px; border-color: #f4f4f4; color: #404040; } .list-group .alert-light.inverse:before { top: 16px; content: ""; position: absolute; left: 54px; width: 0; height: 0; border-left: 7px solid #f4f4f4; border-top: 7px solid transparent; border-bottom: 7px solid transparent; } @media (max-width: 576px) { .list-group .alert-light.inverse:before { left: 45px; } } .list-group .alert-light.inverse i { padding: 17px 20px; display: inline-block; background-color: #f4f4f4; color: #fff; border-radius: 3px 0 0 3px; position: absolute; left: 0; top: 0; height: 100%; } @media (max-width: 576px) { .list-group .alert-light.inverse i { padding: 17px 14px; } } .list-group .btn-close { filter: unset; top: -3px; } .alert-dark { background-color: rgba(63, 71, 90, 0.8); border-color: rgba(63, 71, 90, 0.9); color: #fff; } .alert-dark .progress { height: 5px; background-color: #3d4557; border-radius: 0; } .alert-dark .progress-bar { background-color: #c3c8d5; } .alert-dark .btn-close { filter: brightness(1) invert(1); } .alert-dark .alert-link { color: #3f475a; } .alert-dark hr { border-top-color: #3f475a; } .border-dark { border-color: #3f475a !important; } .income-wrapper ul li .income-dot.dot-dark { background-color: #3f475a; } .touchspin-wrapper .btn-touchspin.touchspin-dark { background-color: #3f475a; border: 1px solid #3f475a; color: #fff; } .touchspin-wrapper .btn-touchspin.spin-border-dark { background-color: unset; border: 1px solid #3f475a; color: #3f475a; } .touchspin-wrapper input[type='number'].spin-outline-dark { outline: 1px solid #3f475a; border: none; border-radius: 3px; } .pre-post-touchspin .btn-touchspin.touchspin-dark { background-color: #3f475a; border: 1px solid #3f475a; color: #fff; } .form-switch .form-check-input.switch-dark:checked { background-color: #3f475a; border-color: #3f475a; } .payment-second .mega-icons.stroke-dark { stroke: #3f475a; } .toast-dark { color: #3f475a !important; } .list-group-horizontal-sm .list-group-item.border-left-dark, .list-group-horizontal-md .list-group-item.border-left-dark, .list-group-horizontal-lg .list-group-item.border-left-dark, .list-group-horizontal-xl .list-group-item.border-left-dark, .list-group-horizontal-xxl .list-group-item.border-left-dark { border-left: 4px solid #3f475a; } [dir="rtl"] .list-group-horizontal-sm .list-group-item.border-left-dark, [dir="rtl"] .list-group-horizontal-md .list-group-item.border-left-dark, [dir="rtl"] .list-group-horizontal-lg .list-group-item.border-left-dark, [dir="rtl"] .list-group-horizontal-xl .list-group-item.border-left-dark, [dir="rtl"] .list-group-horizontal-xxl .list-group-item.border-left-dark { border-right: 4px solid #3f475a; border-left: unset; } .main-radio-toggle .btn-check.radio-light-dark:focus + .btn { box-shadow: 0 0 0 4px rgba(63, 71, 90, 0.55); } .fill-radios .radio.radio-dark input[type='radio']:checked + label::before { border: 10px solid #3f475a; } .fill-radios .radio.radio-dark input[type='radio']:checked + label::after { background-color: #3f475a; } .list-group .form-check-input[type=checkbox].checkbox-dark, .list-group [type=radio].checkbox-dark { background-color: unset; border-color: #3f475a; outline: 0; } .list-group .form-check-input[type=checkbox].checkbox-dark:focus, .list-group .form-check-input[type=checkbox].checkbox-dark:active, .list-group .form-check-input[type=checkbox].checkbox-dark.active, .list-group .form-check-input[type=checkbox].checkbox-dark:checked, .list-group [type=radio].checkbox-dark:focus, .list-group [type=radio].checkbox-dark:active, .list-group [type=radio].checkbox-dark.active, .list-group [type=radio].checkbox-dark:checked { border-color: #3f475a; outline: 0; background-color: #3f475a; } .list-group .alert-dark.light { background-color: rgba(63, 71, 90, 0.4); border-color: rgba(63, 71, 90, 0.7); } .list-group .alert-dark.dark { background-color: #3f475a; border-color: #3f475a; color: #fafafa; } .list-group .alert-dark.dark .alert-link { color: #fff; } .list-group .alert-dark.outline, .list-group .alert-dark.outline-2x { background-color: transparent; border-color: #3f475a; color: #3f475a; } .list-group .alert-dark.outline .btn-close, .list-group .alert-dark.outline-2x .btn-close { filter: unset; } .list-group .alert-dark.inverse { background-color: transparent; padding: 13px 20px 13px 65px; border-color: #3f475a; color: #404040; } .list-group .alert-dark.inverse:before { top: 16px; content: ""; position: absolute; left: 54px; width: 0; height: 0; border-left: 7px solid #3f475a; border-top: 7px solid transparent; border-bottom: 7px solid transparent; } @media (max-width: 576px) { .list-group .alert-dark.inverse:before { left: 45px; } } .list-group .alert-dark.inverse i { padding: 17px 20px; display: inline-block; background-color: #3f475a; color: #fff; border-radius: 3px 0 0 3px; position: absolute; left: 0; top: 0; height: 100%; } @media (max-width: 576px) { .list-group .alert-dark.inverse i { padding: 17px 14px; } } .list-group .btn-close { filter: unset; top: -3px; } .outline-2x { border-width: 2px; padding: 11px 1.25rem; } .alert-icons.outline-2x { padding: 15px; } .alert-icons svg { position: absolute !important; top: 18px !important; } .alert-dark .btn-close, .alert-info .btn-close { filter: none; } .alert-dark .btn-close { filter: brightness(1) invert(1); } .alert-light-primary { background-color: #e8e5ff; } .shadow-primary { box-shadow: 0px 10.511241px 12.40899277px 0px #e8e5ff; } .alert-light-secondary { background-color: #f2f2f2; } .shadow-secondary { box-shadow: 0px 10.511241px 12.40899277px 0px #f2f2f2; } .alert-light-success { background-color: #dcf1da; } .shadow-success { box-shadow: 0px 10.511241px 12.40899277px 0px #dcf1da; } .alert-light-warning { background-color: #fff7e5; } .shadow-warning { box-shadow: 0px 10.511241px 12.40899277px 0px #fff7e5; } .alert-light-info { background-color: #D5F5FE; } .shadow-info { box-shadow: 0px 10.511241px 12.40899277px 0px #D5F5FE; } .alert-light-light { background-color: #F9F9FB; } .shadow-light { box-shadow: 0px 10.511241px 12.40899277px 0px #F9F9FB; } .alert-light-danger { background-color: #ffe8e6; } .shadow-danger { box-shadow: 0px 10.511241px 12.40899277px 0px #ffe8e6; } .alert-light-dark { background-color: #EAEBF2; } .shadow-dark { box-shadow: 0px 10.511241px 12.40899277px 0px #EAEBF2; } .alert-arrow { min-width: 55px; height: 55px; display: flex; justify-content: center; align-items: center; position: relative; } .alert-arrow i { margin-right: 0; } @media (max-width: 576px) { .ellipsis.content { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 294px; } } @media (max-width: 575px) { .ellipsis.content { max-width: 180px; } } .alert-dismissible { display: flex; align-items: center; gap: 8px; } .alert.notify-alert.alert-copy { display: flex !important; background-color: var(--theme-default); border: 1px solid var(--theme-default); width: 300px; line-height: 1; color: #fff; } .alerts-icon .alert > div { min-width: 30px; min-height: 30px; border-radius: 50%; background-color: var(--white); display: flex; justify-content: center; align-items: center; margin-right: 10px; } .alerts-icon .alert svg { position: relative; top: 0; width: 18px; height: 18px; margin: 0; } .outline-alerts .double-border { border: 4px double; } .outline-alerts .inset-border { border: 4px inset; } .outline-alerts .alert p { display: inline-block; max-width: 92%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .alert-box .alert-body { text-align: center; } .alert-box .alert-body svg { width: 100px; height: 100px; position: relative; margin-bottom: 20px; } .alert-box .alert-body p { margin-bottom: 12px; } .alert-box .alert-body .button-box button:first-child { margin-right: 6px; } .alert-box .alert-body .button-box button.light-background:hover, .alert-box .alert-body .button-box button.light-background:focus { background-color: var(--light-bg) !important; border-color: transparent; } .swal2-container.swal2-center button { color: var(--swal2-confirm-button-color); } /**===================== 2.2 Alert CSS end ==========================**/ /**===================== 2.3 Avatars CSS start ==========================**/ .avatars .avatar { display: inline-block; margin-right: 10px; position: relative; width: auto; } .avatars .avatar:last-child { margin-right: 0; } .avatars .avatar.ratio img { width: auto; } .avatars .avatar .status { position: absolute; height: 12%; width: 12%; border-radius: 100%; bottom: 12%; right: 4%; } .avatars.badge-avatar .avatar .badge { width: 20px; height: 20px; display: flex; justify-content: center; align-items: center; padding: 0; } .customers ul { display: inline-block; } .customers ul li img { border: 2px solid var(--white); transition: 0.5s; } .customers ul li img:hover { transform: translateY(-4px) scale(1.02); transition: 0.5s; } .customers ul li + li { margin-left: -7%; } .customers.avatar-group { margin-right: 30px; } .customers.avatar-group:last-child { margin-right: 0; } .avatar-showcase { margin-bottom: -10px; } .avatar-showcase .avatars .avatar { margin-bottom: 10px; } .avatar-showcase .avatar-group { margin-bottom: 10px; } .avatar-showcase .ratio > * { position: relative; top: unset; left: unset; } .letter-avatar { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 24px; } .letter-avatar h6 { width: 60px; height: 60px; display: flex; justify-content: center; align-items: center; border-radius: 50%; } .animation-ping { animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; } @keyframes ping { 75%, 100% { transform: scale(2); opacity: 0; } } /**===================== 2.3 Avatars CSS Ends ==========================**/ /**===================== 2.4 Badge CSS start ==========================**/ .badge-spacing { display: flex; flex-wrap: wrap; gap: 12px; } .badge-spacing .badge { padding: 6px 12px; font-size: 12px; } .badge-spacing .badge.badge svg { padding-top: 0px; } .badge-spacing .badge.rounded-circle { padding: 10px 14px; display: flex; justify-content: center; align-items: center; } .badge-spacing .badge.badge-p-space { padding: 10px 13px; } .badge-spacing .badge + .badge { margin-left: 0px; } a.badge:hover { color: inherit; } a.badge:hover.badge-dark:hover { color: #fff; } .badge { padding: 0.25em 0.5em; font-family: Roboto, sans-serif; font-weight: 500; line-height: 1.1; } .badge + .badge { margin-left: 5px; } .badge svg { width: 16px; height: 16px; padding-top: 3px; } .b-ln-height { line-height: 5px; } .pill-badge-primary { background-color: var(--theme-default); box-shadow: -0.5px 4.33px 16px 0px rgba(var(--theme-default), 0.25); color: #fff; border-radius: 0; } .pill-badge-secondary { background-color: #838383; box-shadow: -0.5px 4.33px 16px 0px rgba(131, 131, 131, 0.25); color: #fff; border-radius: 0; } .pill-badge-success { background-color: #65c15c; box-shadow: -0.5px 4.33px 16px 0px rgba(101, 193, 92, 0.25); color: #fff; border-radius: 0; } .pill-badge-danger { background-color: #fc564a; box-shadow: -0.5px 4.33px 16px 0px rgba(252, 86, 74, 0.25); color: #fff; border-radius: 0; } .pill-badge-info { background-color: #40b8f5; box-shadow: -0.5px 4.33px 16px 0px rgba(64, 184, 245, 0.25); color: #fff; border-radius: 0; } .pill-badge-light { background-color: #f4f4f4; box-shadow: -0.5px 4.33px 16px 0px rgba(244, 244, 244, 0.25); color: #fff; border-radius: 0; } .pill-badge-dark { background-color: #3f475a; box-shadow: -0.5px 4.33px 16px 0px rgba(63, 71, 90, 0.25); color: #fff; border-radius: 0; } .pill-badge-warning { background-color: #ffb829; box-shadow: -0.5px 4.33px 16px 0px rgba(255, 184, 41, 0.25); color: #fff; border-radius: 0; } .pill-badge-primary { background-color: var(--theme-default); } .pill-badge-secondary { background-color: var(--theme-secondary); } .round-badge-primary { border-radius: 6px; background-color: var(--theme-default); box-shadow: -0.5px -6.67px 14px 0px rgba(var(--theme-default), 0.18); color: #fff !important; } .round-badge-secondary { border-radius: 6px; background-color: #838383; box-shadow: -0.5px -6.67px 14px 0px rgba(131, 131, 131, 0.18); color: #fff !important; } .round-badge-success { border-radius: 6px; background-color: #65c15c; box-shadow: -0.5px -6.67px 14px 0px rgba(101, 193, 92, 0.18); color: #fff !important; } .round-badge-danger { border-radius: 6px; background-color: #fc564a; box-shadow: -0.5px -6.67px 14px 0px rgba(252, 86, 74, 0.18); color: #fff !important; } .round-badge-info { border-radius: 6px; background-color: #40b8f5; box-shadow: -0.5px -6.67px 14px 0px rgba(64, 184, 245, 0.18); color: #fff !important; } .round-badge-light { border-radius: 6px; background-color: #f4f4f4; box-shadow: -0.5px -6.67px 14px 0px rgba(244, 244, 244, 0.18); color: #fff !important; } .round-badge-dark { border-radius: 6px; background-color: #3f475a; box-shadow: -0.5px -6.67px 14px 0px rgba(63, 71, 90, 0.18); color: #fff !important; } .round-badge-warning { border-radius: 6px; background-color: #ffb829; box-shadow: -0.5px -6.67px 14px 0px rgba(255, 184, 41, 0.18); color: #fff !important; } .round-badge-primary { background-color: var(--theme-default); } .round-badge-secondary { background-color: var(--theme-secondary); } .badge-heading h1, .badge-heading h2, .badge-heading h3, .badge-heading h4, .badge-heading h5 { margin-bottom: 16px; } .badge-flex { display: flex; justify-content: flex-start; align-items: flex-start; gap: 22px; flex-wrap: wrap; } .badge-flex .badge-square { width: 35px; height: 35px; padding: 0; } .badge-flex .badge-p-5 { padding: 5px; } .image-badges span img { height: 24px; } .image-badges span.vr { min-height: 12px; height: auto; } /**===================== 2.4 Badge CSS Ends ==========================**/ /**===================== 2.5 Bookmark CSS start ==========================**/ .bookmark ul li { display: inline-block; } .bookmark ul li .search-form { position: absolute; bottom: 53px; z-index: 1; } .bookmark ul li .search-form .form-control-search { top: 65px; position: absolute; transition: all linear 0.3s; right: -20px; transform: translateY(-35px) scaleY(0); opacity: 0; visibility: hidden; } .bookmark ul li .search-form .form-control-search input { width: 240px; background-color: #fff; box-shadow: 0 5px 21px rgba(0, 0, 0, 0.1); } .bookmark ul li .search-form .form-control-search.open { transform: translateY(0px) scaleY(1); opacity: 1; visibility: visible; transition: all linear 0.3s; z-index: 100; } .bookmark ul li .search-form .form-control-search:after { top: 12px; left: 20px; z-index: 1; } .bookmark ul li .search-form .form-control-search:before { left: 50px; top: 9px; z-index: 2; } .bookmark ul li a { position: relative; color: #404040; } .bookmark ul li a svg { vertical-align: middle; height: 20px; width: 20px; } .bookmark ul li + li { margin-left: 10px; } .bookmark ul li:last-child { padding-right: 0; } .bookmark ul li:last-child a { border-radius: 5px; } .bookmark ul li:last-child a svg { color: #ff9f40; } .offcanvas-bookmark.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body .bookmark ul li a { z-index: 99999; color: rgba(255, 255, 255, 0.5); } .offcanvas-bookmark:before { position: fixed; content: ''; background-color: rgba(0, 0, 0, 0.5); height: 100%; width: 100%; z-index: 1; right: 0; left: 0; } body.modal-open .select2-container--open { width: unset !important; display: block; } body.modal-open .select2-container--open .select2-dropdown { z-index: 1076; } /**===================== 2.5 Bookmark CSS Ends ==========================**/ /**===================== 2.6 Breadcrumb CSS Start ==========================**/ .breadcrumb-colored { padding: 12px 16px; border-radius: 4px; } .breadcrumb-colored li a { color: #fff; } .breadcrumb-colored li.active { color: #fff; opacity: 0.7; } .breadcrumb-colored .breadcrumb-item:before { color: #fff; } .breadcrumb-colored .breadcrumb-item.txt-dark:before { color: #000; } .breadcrumb-icon { --bs-breadcrumb-divider: '>'; } .breadcrumb-icon li { display: inline-block; } .breadcrumb-no-divider { --bs-breadcrumb-divider: ''; } .breadcrumb-item.active { text-transform: capitalize; color: var(--theme-default); font-weight: 500; } .breadcrumb-space .breadcrumb-item::before { padding-right: 0; } .breadcrumb { display: block; } .breadcrumb .shortcut-btn { border: 2px dashed rgba(255, 255, 255, 0.8); background: transparent; color: white; padding: 0.5vw 0.2vw; border-radius: 0.8vw; text-align: center; width: 4.5vw; height: 4.5vw; font-size: 1.4vw; display: flex; flex-direction: column; justify-content: flex-start; letter-spacing: -0.05vw; } .breadcrumb .shortcut-btn .icon-plus { font-size: 1.22vw; height: 2.22vw; padding-top: 0.3vw; } .breadcrumb .action-btn { background: white; color: #6366F1; padding: 0.5vw 0.2vw; border-radius: 0.8vw; text-align: center; font-size: 1.4vw; border: none; width: 4.5vw; height: 4.5vw; letter-spacing: -0.05vw; display: flex; flex-direction: column; justify-content: flex-start; } .breadcrumb .action-btn i, .breadcrumb .shortcut-btn i { font-size: 1.5vw; /* margin-bottom: 0.4vw; */ height: 2.3vw; } .breadcrumb .action-btn span, .breadcrumb .shortcut-btn span { font-size: 0.71vw; } .breadcrumb .shortcut-list .action-btn { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; width: 4.5vw; height: 4.5vw; background: #6366F1; color: #fff; border-radius: 0.75rem; text-align: center; font-size: 1.4vw !important; text-decoration: none; transition: all 0.3s; font-weight: 500; cursor: pointer; } .breadcrumb .shortcut-list .action-btn i { font-size: 1.5vw; } .breadcrumb .shortcut-list .action-btn span { font-size: 0.71vw !important; } .breadcrumb .shortcut-list .action-btn i { font-size: 1.3vw; margin-bottom: 0px; height: 2.3vw; } .breadcrumb .shortcut-list input[type="checkbox"] { display: none; } .breadcrumb .slot { display: flex; } .shortcut-container { position: relative; } .shortcut-container .delete-shortcut-btn { position: absolute; top: -5px; right: -5px; z-index: 1; padding: 0px 3px; font-size: 10px; border-radius: 50%; background-color: #6366F1 !important; color: white; border: 1px solid #fff !important; cursor: pointer; width: 20px; height: 20px; } .btn-close-primary { padding: 0px 5px; font-size: 14px; border-radius: 50%; background-color: #6366F1 !important; color: white; border: 1px solid #fff !important; cursor: pointer; float: right; position: absolute; right: 20px; transition: transform 0.3s ease; width: 30px; height: 30px; } .btn-close-primary:hover { transform: rotate(180deg); } .modal-dialog.modal-xl-custom { max-width: 80% !important; } /**===================== 2.6 Breadcrumb CSS ends ==========================**/ /**===================== 2.7 Basic-card CSS Start ==========================**/ .dark-color-header { background-color: unset !important; color: #7366FF; } .dark-color-header ul li:first-child i, .dark-color-header ul li:last-child i { color: #7366FF !important; } .dark-color-header ul li i { color: #f4f4f4 !important; } /**===================== 2.7 Basic-card CSS Ends ==========================**/ /**===================== 2.9 Buttons CSS start ==========================**/ .btn-link { color: var(--theme-default); } .btn-outline-light { color: #242934 !important; } .purchase-btn { background: linear-gradient(90deg, var(--theme-default) -18.33%, #563EE0 62.78%); padding: 12px 20px; min-width: 200px; border: none; transition: 0.5s; } .purchase-btn:hover { background: linear-gradient(90deg, #563EE0 -18.33%, var(--theme-default) 62.78%); transition: 0.5s; } @media (max-width: 991px) { .purchase-btn { min-width: 160px; } } @media (max-width: 767px) { .purchase-btn { min-width: 140px; padding: 10px 17px; font-size: 16px; } } @media (max-width: 575px) { .purchase-btn { font-size: 14px; } } .btn-light:not([disabled]):not(.disabled).active.active { color: #404040; background-color: #efefef !important; } .btn-primary-gradien { background-image: linear-gradient(to right, #4e3dff 0%, #988fff 51%, #4e3dff 100%); border: none; color: #fff; background-size: auto 200%; transition: all 0.3s ease; color: #fff; } .btn-primary-gradien:focus, .btn-primary-gradien:active, .btn-primary-gradien.active { transition: 1.5s; background-position: right center; background-image: linear-gradient(to right, #988fff, 0%, #4e3dff, 100%, #fff) !important; } .btn-secondary-gradien { background-image: linear-gradient(to right, #979797 0%, #6f6f6f 51%, #979797 100%); border: none; color: #fff; background-size: auto 200%; transition: all 0.3s ease; } .btn-secondary-gradien:hover, .btn-secondary-gradien:focus, .btn-secondary-gradien:active, .btn-secondary-gradien.active, .btn-secondary-gradien.hover { transition: 1.5s; background-position: right center; background-image: linear-gradient(to right, #979797, 0%, #6f6f6f, 100%, #fff) !important; } .btn-success-gradien { background-image: linear-gradient(to right, #81cc7a 0%, #4db143 51%, #81cc7a 100%); border: none; color: #fff; background-size: auto 200%; transition: all 0.3s ease; } .btn-success-gradien:hover, .btn-success-gradien:focus, .btn-success-gradien:active, .btn-success-gradien.active, .btn-success-gradien.hover { transition: 1.5s; background-position: right center; background-image: linear-gradient(to right, #81cc7a, 0%, #4db143, 100%, #fff) !important; } .btn-danger-gradien { background-image: linear-gradient(to right, #fd7b72 0%, #fb3122 51%, #fd7b72 100%); border: none; color: #fff; background-size: auto 200%; transition: all 0.3s ease; } .btn-danger-gradien:hover, .btn-danger-gradien:focus, .btn-danger-gradien:active, .btn-danger-gradien.active, .btn-danger-gradien.hover { transition: 1.5s; background-position: right center; background-image: linear-gradient(to right, #fd7b72, 0%, #fb3122, 100%, #fff) !important; } .btn-warning-gradien { background-image: linear-gradient(to right, #ffc652 0%, #ffaa00 51%, #ffc652 100%); border: none; color: #fff; background-size: auto 200%; transition: all 0.3s ease; } .btn-warning-gradien:hover, .btn-warning-gradien:focus, .btn-warning-gradien:active, .btn-warning-gradien.active, .btn-warning-gradien.hover { transition: 1.5s; background-position: right center; background-image: linear-gradient(to right, #ffc652, 0%, #ffaa00, 100%, #fff) !important; } .btn-info-gradien { background-image: linear-gradient(to right, #67c6f7 0%, #19aaf3 51%, #67c6f7 100%); border: none; color: #fff; background-size: auto 200%; transition: all 0.3s ease; } .btn-info-gradien:hover, .btn-info-gradien:focus, .btn-info-gradien:active, .btn-info-gradien.active, .btn-info-gradien.hover { transition: 1.5s; background-position: right center; background-image: linear-gradient(to right, #67c6f7, 0%, #19aaf3, 100%, #fff) !important; } .btn-light-gradien { background-image: linear-gradient(to right, white 0%, #e0e0e0 51%, white 100%); border: none; color: #fff; background-size: auto 200%; transition: all 0.3s ease; } .btn-light-gradien:hover, .btn-light-gradien:focus, .btn-light-gradien:active, .btn-light-gradien.active, .btn-light-gradien.hover { transition: 1.5s; background-position: right center; background-image: linear-gradient(to right, white, 0%, #e0e0e0, 100%, #fff) !important; } .btn-dark-gradien { background-image: linear-gradient(to right, #505a72 0%, #2e3442 51%, #505a72 100%); border: none; color: #fff; background-size: auto 200%; transition: all 0.3s ease; } .btn-dark-gradien:hover, .btn-dark-gradien:focus, .btn-dark-gradien:active, .btn-dark-gradien.active, .btn-dark-gradien.hover { transition: 1.5s; background-position: right center; background-image: linear-gradient(to right, #505a72, 0%, #2e3442, 100%, #fff) !important; } .btn { padding: 0.375rem 1.75rem; } .btn.bg-light-primary:hover { background: #7366FF !important; color: #fff !important; } .btn-lg { font-size: 18px; } .btn-sm { font-size: 12px; } .btn-xs { padding: 0.05rem 0.4rem; font-size: 11px; line-height: 1.4; } .large-btn { margin-bottom: -20px; } .large-btn .btn { margin-right: 5px; margin-bottom: 15px; } .btn-outline-white { border: 1px solid #fff; color: #fff; } .btn-outline-white:hover, .btn-outline-white:focus { background: #fff; color: var(--theme-default); } .button-light-primary { background-color: #e8e5ff; } .button-light-primary:hover { background-color: #e8e5ff; } .button-light-secondary { background-color: #f2f2f2; } .button-light-secondary:hover { background-color: #f2f2f2; } .button-light-success { background-color: #dcf1da; } .button-light-success:hover { background-color: #dcf1da; } .button-light-warning { background-color: #fff7e5; } .button-light-warning:hover { background-color: #fff7e5; } .button-light-info { background-color: #D5F5FE; } .button-light-info:hover { background-color: #D5F5FE; } .button-light-light { background-color: #F9F9FB; } .button-light-light:hover { background-color: #F9F9FB; } .button-light-danger { background-color: #ffe8e6; } .button-light-danger:hover { background-color: #ffe8e6; } .button-light-dark { background-color: #EAEBF2; } .button-light-dark:hover { background-color: #EAEBF2; } .btn-air-primary { box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; } .btn-air-primary:hover, .btn-air-primary:active, .btn-air-primary:not([disabled]):not(.disabled):active { background-color: #4433ff; border-color: #4433ff; } .input-air-primary { box-shadow: 0 3px 5px 1px rgba(115, 102, 255, 0.1) !important; } .input-air-primary:focus { border-color: #7366FF; } .btn-air-secondary { box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; } .btn-air-secondary:hover, .btn-air-secondary:active, .btn-air-secondary:not([disabled]):not(.disabled):active { background-color: #6a6a6a; border-color: #6a6a6a; } .input-air-secondary { box-shadow: 0 3px 5px 1px rgba(131, 131, 131, 0.1) !important; } .input-air-secondary:focus { border-color: #838383; } .btn-air-success { box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; } .btn-air-success:hover, .btn-air-success:active, .btn-air-success:not([disabled]):not(.disabled):active { background-color: #4aaa40; border-color: #4aaa40; } .input-air-success { box-shadow: 0 3px 5px 1px rgba(101, 193, 92, 0.1) !important; } .input-air-success:focus { border-color: #65c15c; } .btn-air-danger { box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; } .btn-air-danger:hover, .btn-air-danger:active, .btn-air-danger:not([disabled]):not(.disabled):active { background-color: #fb2718; border-color: #fb2718; } .input-air-danger { box-shadow: 0 3px 5px 1px rgba(252, 86, 74, 0.1) !important; } .input-air-danger:focus { border-color: #fc564a; } .btn-air-info { box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; } .btn-air-info:hover, .btn-air-info:active, .btn-air-info:not([disabled]):not(.disabled):active { background-color: #10a6f2; border-color: #10a6f2; } .input-air-info { box-shadow: 0 3px 5px 1px rgba(64, 184, 245, 0.1) !important; } .input-air-info:focus { border-color: #40b8f5; } .btn-air-light { box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; } .btn-air-light:hover, .btn-air-light:active, .btn-air-light:not([disabled]):not(.disabled):active { background-color: #dbdbdb; border-color: #dbdbdb; } .input-air-light { box-shadow: 0 3px 5px 1px rgba(244, 244, 244, 0.1) !important; } .input-air-light:focus { border-color: #f4f4f4; } .btn-air-dark { box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; } .btn-air-dark:hover, .btn-air-dark:active, .btn-air-dark:not([disabled]):not(.disabled):active { background-color: #2a2f3c; border-color: #2a2f3c; } .input-air-dark { box-shadow: 0 3px 5px 1px rgba(63, 71, 90, 0.1) !important; } .input-air-dark:focus { border-color: #3f475a; } .btn-air-warning { box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; } .btn-air-warning:hover, .btn-air-warning:active, .btn-air-warning:not([disabled]):not(.disabled):active { background-color: #f5a400; border-color: #f5a400; } .input-air-warning { box-shadow: 0 3px 5px 1px rgba(255, 184, 41, 0.1) !important; } .input-air-warning:focus { border-color: #ffb829; } .btn-warning { color: #fff; } .btn-warning:hover, .btn-warning.disabled { color: #fff; } [class*='-gradien']:hover { background-size: 50% 100%; transition: all 0.3s ease; color: #fff; } .btn-square { border-radius: 0px; } .btn-pill { border-radius: 60px; } .btn-group-pill .btn:first-child { border-radius: 60px 0 0 60px; } .btn-group-pill .btn:last-child { border-radius: 0 60px 60px 0; } .btn-group-square .btn:first-child { border-radius: 0px 0 0 0px; } .btn-group-square .btn:last-child { border-radius: 0 0px 0px 0; } .btn-showcase { margin-bottom: -10px; } .btn-showcase .btn { margin-bottom: 10px; margin-right: 10px; } .btn-dropdown-showcase { margin-bottom: -10px; } .btn-dropdown-showcase .dropdown { margin-bottom: 10px; margin-right: 18px; } .btn-dropdown-showcase .btn-group { margin-bottom: 10px; margin-right: 18px; } .btn-group .radio label::before { top: 2px; } .btn-group .radio label::after { top: 7px; } .btn-group .checkbox label { margin-top: 3px; } .tooltiptext { visibility: visible; width: 120px; background-color: #555; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; z-index: 1; bottom: 125%; left: 50%; margin-left: -60px; opacity: 1; transition: opacity 0.3s; } .tooltiptext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent; } .card-header-right-icon .btn.btn-light-primary { background-color: var(--light-shade-primary); color: var(--theme-default); } .card-header-right-icon .btn.btn-light-primary:hover { color: #fff; background-color: var(--theme-default); } .btn.button-primary, button.button-primary { background-color: var(--light-shade-primary); color: var(--theme-default); } .btn.button-primary:hover, button.button-primary:hover { background-color: var(--theme-default); color: #fff; } .visual-button button, .visual-button .btn { width: 45px; height: 45px; padding: 0; } .visual-button button svg, .visual-button .btn svg { width: 18px; height: 18px; vertical-align: middle; } .visual-button button.btn-pill, .visual-button .btn.btn-pill { border-radius: 50%; width: 45px; height: 45px; border: unset; } @media (max-width: 1200px) { .visual-button button.btn-pill, .visual-button .btn.btn-pill { width: 40px; height: 40px; } } @media (max-width: 1200px) { .visual-button button, .visual-button .btn { width: 40px; height: 40px; } } .visual-button.visual-button1 .btn, .visual-button.visual-button1 .btn-pill { width: auto; height: auto; display: flex; justify-content: center; align-items: center; gap: 8px; padding: 6px 28px; } .visual-button.visual-button1 .btn-pill { border-radius: 60px; } .button-wrapper { display: flex; align-items: flex-start; gap: 12px; flex-direction: column; } .button-wrapper .btn-group .btn { vertical-align: middle; } .button-wrapper .btn-group .btn svg { width: 18px; height: 18px; } @media (max-width: 1190px) { .button-wrapper .btn-group.select-checkbox label { padding: 6px; } } @media (max-width: 1065px) { .button-wrapper .btn-group.select-checkbox label.btn-outline-primary { display: none; } } @media (max-width: 1065px) and (min-width: 591px) { .button-wrapper.button-box .btn-group .btn { padding: 6px 10px; } } @media (max-width: 590px) { .button-wrapper.button-box .btn-group .btn { padding: 6px 8px; } } .button-wrapper.button-outlined .btn-group .btn { line-height: 0.8; } @media (max-width: 1399px) { .btn-groups .button-wrapper { align-items: center; } } .btn-group-vertical .btn-group .btn.show { border-color: var(--recent-border); } @media (max-width: 360px) { .btn-radio .btn-group .btn { border-radius: 6px !important; } } .btn-radio .btn-group .btn:hover { color: var(--body-font-color); } @media (max-width: 369px) { .btn-radio .btn-group { display: grid; gap: 8px; } .btn-radio .btn-group .btn { border-radius: 6px; } } .btn-toolbar { gap: 12px; } .card-wrapper .btn-option .btn:hover { color: var(--body-font-color); } .card-wrapper .btn-option .btn:focus, .card-wrapper .btn-option .btn:active { color: var(--body-font-color); box-shadow: unset; } @media (max-width: 369px) { .card-wrapper .btn-option.btn-group { display: grid; gap: 8px; } .card-wrapper .btn-option.btn-group .btn { border-radius: 6px; } } .loader-buttons button i { margin-left: 8px; } .ripple-button { overflow: hidden; position: relative; transform-origin: center center; } .ripple-button:focus, .ripple-button:active { outline: 0; box-shadow: none; } .ripple-button .ripple-span { border-radius: 50%; background-color: rgba(255, 255, 255, 0.7); position: absolute; transform: scale(0); animation: ripple 0.7s linear; width: 20px; height: 20px; } @keyframes ripple { from { transform: scale(1); opacity: 0.4; } to { transform: scale(30); opacity: 0; } } .mix-hover-btn .btn { position: relative; } .mix-hover-btn .btn.btn-border-pop::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; border: 2px solid var(--theme-default); transition: top, left, right, bottom, 100ms ease-in-out; } .mix-hover-btn .btn.btn-border-pop:hover::before, .mix-hover-btn .btn.btn-border-pop:focus::before { top: -5px; left: -5px; right: -5px; bottom: -5px; border-radius: 10px; } .mix-hover-btn .btn.btn-bg-slide { transition: color 300ms ease-in-out; z-index: 1; } .mix-hover-btn .btn.btn-bg-slide::before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; background-color: var(--theme-default); transition: transform 300ms ease-in-out; transform: scaleX(0); transform-origin: left; border-radius: 6px; } .mix-hover-btn .btn.btn-bg-slide:hover, .mix-hover-btn .btn.btn-bg-slide:focus { color: #fff; } .mix-hover-btn .btn.btn-bg-slide:hover::before, .mix-hover-btn .btn.btn-bg-slide:focus::before { transform: scaleX(1); } .mix-hover-btn .btn.btn-border-bottom::before { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background-color: var(--theme-default); transform: scaleX(0); transition: transform 300ms ease-in-out; } .mix-hover-btn .btn.btn-border-bottom:hover::before, .mix-hover-btn .btn.btn-border-bottom:focus::before { transform: scaleX(1); } .button--winona { position: relative; overflow: hidden; padding: 0; -webkit-transition: border-color 0.3s, background-color 0.3s; transition: border-color 0.3s, background-color 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); border: 2px solid #7366FF; background-color: transparent; color: var(--body-font-color); } .button--winona::after { content: attr(data-text); position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; color: #7366FF; -webkit-transform: translate3d(0, 25%, 0); transform: translate3d(0, 25%, 0); } .button--winona > span { display: block; } .button--winona::after, .button--winona > span { padding: 6px 28px; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .button--winona:hover { background-color: rgba(232, 229, 255, 0.7); } .button--winona:hover::after { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .button--winona:hover > span { opacity: 0; -webkit-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); } /**===================== 2.9 Buttons CSS end ==========================**/ /**===================== 2.9 BlockUi CSS start ==========================**/ .block-main-wrapper p, .card-block-wrapper p { display: block; display: -webkit-box; height: 68px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .block-main-wrapper { position: relative; } .block-main-wrapper .block-wrapper { padding: 12px; margin-bottom: 12px; position: relative; border: 1px dashed var(--chart-dashed-border); } .block-main-wrapper .block-wrapper p { margin: 0; } .card-img-top1, .card-img-top2 { width: 100%; height: 100px; object-fit: cover; object-position: bottom; border-radius: 0; } .form-main-wrapper .form-block-wrapper { position: relative; margin-bottom: 12px; } .form-main-wrapper .form-block-wrapper .card-wrapper.overlay-bg { cursor: wait; } .form-main-wrapper .form-block-wrapper .card-wrapper.overlay-bg form .form-control { background-color: transparent; border-color: var(--view-grid-bg); } .overlay-bg { background-color: rgba(0, 0, 0, 0.3); } .page-loader-10 { position: relative; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; background-color: rgba(255, 255, 255, 0.8); opacity: 0.4; } .page-loader-10::before { content: attr(data-text); display: block; max-width: 125px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #343a40; text-align: center; } .page-loader-10::after { content: ''; display: block; width: 35px; height: 35px; border-radius: 50%; border-width: 2px; border-style: solid; border-color: transparent var(--recent-dashed-border) var(--recent-dashed-border) var(--recent-dashed-border); position: absolute; top: 50%; left: 50%; animation: load .85s infinite linear; } @keyframes load { 0% { transform: translate3d(-50%, -50%, 0) rotate(0deg); } 100% { transform: translate3d(-50%, -50%, 0) rotate(360deg); } } .page-loader-12 { animation: content-loading 2s linear; position: relative; top: 0; left: 0; background-color: rgba(255, 255, 255, 0.8); } .page-loader-12::before { content: "Loading..."; display: block; max-width: 125px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: var(--body-font-color); z-index: 1; font-size: 20px; padding: 18px; border-radius: 25px 0 25px 0; background-color: var(--theme-secondary); } @keyframes content-loading { to { opacity: 0; } } /**===================== 2.9 BlockUi CSS start ==========================**/ /**===================== 2.10 Card CSS Start ==========================**/ .card { margin-bottom: 20px; border: none; transition: all 0.3s ease; letter-spacing: 0.5px; border-radius: 15px; box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07); } .card:hover { box-shadow: 0 0 40px rgba(8, 21, 66, 0.05); transition: all 0.3s ease; } .card .card-header { background-color: #fff; padding: 20px; border-bottom: 1px solid #e9edf1; border-top-left-radius: 15px; border-top-right-radius: 15px; position: relative; } .card .card-header.card-no-border { border-bottom: none !important; } .card .card-header h5:not(.mb-0), .card .card-header h5:not(.m-0) { margin-bottom: 0; text-transform: capitalize; } .card .card-header > span { font-size: 12px; color: #75758a; margin-top: 5px; display: block; letter-spacing: 1px; } .card .card-header .card-header-right { border-radius: 0 0 0 7px; right: 20px; top: 14px; display: inline-block; float: right; padding: 8px 0; position: absolute; background-color: var(--white); z-index: 1; } .card .card-header .card-header-right .card-option { text-align: right; width: 35px; height: 20px; overflow: hidden; transition: 0.3s ease-in-out; } .card .card-header .card-header-right .card-option li { display: inline-block; } .card .card-header .card-header-right .card-option li:first-child i { transition: 1s; font-size: 16px; color: var(--theme-default); } .card .card-header .card-header-right .card-option li:first-child i.icofont { color: unset; } .card .card-header .card-header-right i { margin: 0 5px; cursor: pointer; color: #3f475a; line-height: 20px; } .card .card-header .card-header-right i.icofont-refresh { font-size: 13px; } .card .card-body { padding: 20px; background-color: transparent; } .card .card-body p:last-child { margin-bottom: 0; } .card .sub-title { padding-bottom: 12px; font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1920 - 320))); } .card .card-footer { background-color: #fff; border-top: 1px solid #e9edf1; padding: 20px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; } .card.card-load .card-loader { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; background-color: rgba(255, 255, 255, 0.7); z-index: 8; align-items: center; justify-content: center; } .card.card-load .card-loader i { margin: 0 auto; color: var(--theme-default); font-size: 20px; } .card.full-card { position: fixed; top: 0; z-index: 99999; box-shadow: none; right: 0; border-radius: 0; border: 1px solid #efefef; width: calc(100vw - 12px); height: calc(100vh); } .card.full-card .card-body { overflow: auto; } .page-body-wrapper .card .sub-title { font-family: Rubik, sans-serif; font-weight: 500; color: #75758a; } .card-absolute { margin-top: 20px; } .card-absolute .card-header { position: absolute; top: -20px; left: 15px; border-radius: 0.25rem; padding: 10px 15px; } .card-absolute .card-header h5 { font-size: 17px; } .card-absolute .card-body { margin-top: 10px; } .card-header .border-tab { margin-bottom: -13px; } .custom-card { overflow: hidden; padding: 30px; } .custom-card .card-header { padding: 0; } .custom-card .card-header img { border-radius: 50%; margin-top: -100px; transform: scale(1.5); } .custom-card .card-profile { text-align: center; } .custom-card .card-profile img { height: 110px; padding: 7px; background-color: #fff; z-index: 1; position: relative; } .custom-card .card-social { text-align: center; } .custom-card .card-social li { display: inline-block; padding: 15px 0; } .custom-card .card-social li:last-child a { margin-right: 0; } .custom-card .card-social li a { padding: 0; margin-right: 15px; color: #bcc6de; font-size: 16px; transition: all 0.3s ease; } .custom-card .card-social li a:hover { color: var(--theme-default); transition: all 0.3s ease; } .custom-card .profile-details h6 { margin-bottom: 30px; margin-top: 10px; color: #75758a; font-size: 14px; } .custom-card .card-footer { padding: 0; } .custom-card .card-footer > div { padding: 15px; text-align: center; } .custom-card .card-footer > div + div { border-left: 1px solid #efefef; } .custom-card .card-footer > div h3 { margin-bottom: 0; font-size: 24px; } .custom-card .card-footer > div h6 { font-size: 14px; color: #75758a; } .custom-card .card-footer > div h5 { font-size: 16px; margin-bottom: 0; } .custom-card .card-footer > div i { font-size: 24px; display: inline-block; margin-bottom: 15px; } .custom-card .card-footer > div .m-b-card { margin-bottom: 10px; } .social-profile { text-align: center; background-image: url(../images/dashboard-5/profile-bg.png); background-repeat: no-repeat; background-size: cover; } .social-profile .card-body { padding-left: 20px; padding-right: 20px; } @media (max-width: 1399px) { .social-profile .card-body { padding: 23px 15px; } } .social-details { margin-top: 15px; } .social-details h5 a { color: var(--body-font-color); } .social-details .social-follow { column-count: 3; column-gap: 30px; margin-top: 25px; } @media (max-width: 1399px) { .social-details .social-follow { column-gap: 23px; } } .social-details .social-follow li { position: relative; } .social-details .social-follow li + li::before { position: absolute; content: ""; width: 1px; height: 14px; background-color: var(--recent-dashed-border); left: -15px; top: 50%; transform: translateY(-50%); } [dir="rtl"] .social-details .social-follow li + li::before { left: unset; right: -15px; } .social-details .card-social { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 15px; } .social-img-wrap { background: linear-gradient(253deg, var(--theme-default) 11.51%, rgba(115, 102, 255, 0) 82.07%); display: inline-block; border-radius: 100%; padding: 2px; position: relative; } .social-img-wrap .edit-icon { position: absolute; right: 0; bottom: 0; } .social-img-wrap .edit-icon svg { width: 20px; height: 20px; border-radius: 100%; border: 2px solid var(--white); background: var(--white); } .social-img { padding: 5px; background: var(--white); border-radius: 100%; } .social-img img { height: 68px; border-radius: 100%; } .effective-card .effect-card { display: block; position: relative; background-color: var(--light-background); border-radius: 4px; text-decoration: none; padding: 18px; z-index: 0; overflow: hidden; } .effective-card .effect-card .common-box1 { gap: 8px; justify-content: flex-start; margin-bottom: 8px; } .effective-card .effect-card .common-box1 svg { min-width: 16px; min-height: 16px; color: #455a64; } .effective-card .effect-card h5 { color: var(--body-font-color); } .effective-card .effect-card p { color: #75758a; } .effective-card .effect-card:hover p { transition: all 0.3s ease-out; color: #fff; } .effective-card .effect-card:hover h5 { transition: all 0.3s ease-out; color: #fff; } .effective-card .effect-card:hover svg { color: #fff; } @media (max-width: 1399px) { .effective-card .effect-card:hover::before { width: 82px; height: 82px; } } .effective-card .effect-card .go-corner { display: flex; align-items: center; justify-content: center; position: absolute; width: 36px; height: 36px; overflow: hidden; top: 0; right: 0; background-color: var(--theme-default); border-radius: 0 4px 0 32px; cursor: pointer; } @media (max-width: 1788px) and (min-width: 576px) { .effective-card .effect-card .go-corner { width: 28px; height: 28px; } } [dir="rtl"] .effective-card .effect-card .go-corner { right: unset; left: 0; border-radius: 4px 0 32px 0; } .effective-card .effect-card .go-corner .go-arrow { margin-top: -4px; margin-right: -4px; color: var(--white); } [dir="rtl"] .effective-card .effect-card .go-corner .go-arrow { margin-right: unset; margin-left: -4px; } .effective-card .effect-card .go-corner .go-arrow i { font-size: 14px; transform: rotateZ(140deg); } .effective-card .effect-card:before { content: ""; position: absolute; z-index: -1; top: -16px; right: -2%; background: var(--theme-default); height: 40px; width: 40px; border-radius: 32px; transform: scale(1); transform-origin: 60% 50%; transition: transform 0.25s ease-out; } @media (max-width: 1788px) and (min-width: 576px) { .effective-card .effect-card:before { height: 28px; width: 28px; } } [dir="rtl"] .effective-card .effect-card:before { right: unset; left: -2%; } .effective-card .effect-card:hover:before { transform: scale(21); } .creative-wrapper { border-radius: 15px; padding: 18px; background: #fff; position: relative; display: flex; align-items: flex-end; transition: 0.4s ease-out; box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.5); } @media (max-width: 1399px) and (min-width: 1200px) { .creative-wrapper { padding: 4px; } } .creative-wrapper img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; border-radius: 15px; } [dir="rtl"] .creative-wrapper img { left: unset; right: 0; } .creative-wrapper:hover .creative-info { opacity: 1; transform: translateY(0px); } .creative-wrapper:hover .creative-info:before { opacity: 1; } .creative-wrapper .creative-info { opacity: 1; transform: translateY(0px); } .creative-wrapper .creative-info:before { content: ""; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; border-radius: 15px; background: rgba(63, 71, 90, 0.2); z-index: 2; transition: 0.5s; opacity: 0; } [dir="rtl"] .creative-wrapper .creative-info:before { left: unset; right: 0; } .creative-wrapper .creative-info { position: relative; z-index: 3; padding: 16px; opacity: 0; transform: translateY(30px); transition: 0.5s; backdrop-filter: blur(6px); width: 100%; } .creative-wrapper h5, .creative-wrapper p { color: #fff; } .creative-wrapper h5 { margin-bottom: 8px; } .overlay-card { height: 136px; position: relative; inset: 0; background: url(../images/masonry/6.jpg); background-size: cover; cursor: pointer; background-repeat: no-repeat; background-position: center; } @media (max-width: 1626px) and (min-width: 1400px) { .overlay-card { height: 190px; } } @media (max-width: 1399px) and (min-width: 576px) { .overlay-card { height: 98px; } } @media (max-width: 576px) { .overlay-card { height: 128px; } } .overlay-card .overlay { width: 100%; height: 100%; display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr 2fr 2fr 1fr; background: rgba(77, 77, 77, 0.9); color: var(--white); opacity: 0; transition: all 0.5s; } .overlay-card .overlay .overlay-box { padding: 0 14px; } .overlay-card .overlay .overlay-box.overlay-heading { transform: translateY(40px); transition: all 0.7s; } .overlay-card .overlay .overlay-box.overlay-heading hr { display: block; width: 0; border: none; border-bottom: solid 2px ridge; position: absolute; bottom: 0; left: 20px; transition: all .5s; } [dir="rtl"] .overlay-card .overlay .overlay-box.overlay-heading hr { left: unset; right: 20px; } .overlay-card .overlay .overlay-box.overlay-subtitle { font-weight: bold; opacity: 0; transform: translateY(40px); transition: all 0.7s; } .overlay-card .overlay .overlay-box.overlay-subtitle .overlay-pera { color: #fff; margin-bottom: 0; } @media (max-width: 350px) { .overlay-card .overlay .overlay-box.overlay-subtitle .overlay-pera { display: -webkit-box; height: 70px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } } .overlay-card:hover .overlay { opacity: 1; } .overlay-card:hover .overlay .overlay-heading { transform: translateY(0px); } .overlay-card:hover .overlay .overlay-heading hr { width: 75px; transition-delay: 0.4s; } .overlay-card:hover .overlay .overlay-subtitle { transform: translateY(0px); transition-delay: 0.3s; opacity: 1; } .common-hover { transition: 0.5s; } .common-hover:hover { transform: translateY(-5px); transition: 0.5s; } /**===================== 2.10 Card CSS End ==========================**/ /**===================== 2.12 Data-table CSS Start ==========================**/ .default-dashboard .heading-space .card-header .header-top, .dashboard-2 .heading-space .card-header .header-top, .dashboard-3 .heading-space .card-header .header-top, .dashboard-4 .heading-space .card-header .header-top, .dashboard-5 .heading-space .card-header .header-top, .dashboard-6 .heading-space .card-header .header-top, .dashboard-7 .heading-space .card-header .header-top, .dashboard-09 .heading-space .card-header .header-top, .dashboard-10 .heading-space .card-header .header-top, .dashboard-11 .heading-space .card-header .header-top, .main-scope-project .heading-space .card-header .header-top, .e-category .heading-space .card-header .header-top, .list-product-view .heading-space .card-header .header-top, .seller-details-wrapper .heading-space .card-header .header-top, .common-order-history .heading-space .card-header .header-top, .datatable-init .heading-space .card-header .header-top, .common-cart .heading-space .card-header .header-top, .role-permission-wrapper .heading-space .card-header .header-top, .project-status .heading-space .card-header .header-top { margin-left: 74px; } .default-dashboard div.dt-container .dt-layout-row thead, .dashboard-2 div.dt-container .dt-layout-row thead, .dashboard-3 div.dt-container .dt-layout-row thead, .dashboard-4 div.dt-container .dt-layout-row thead, .dashboard-5 div.dt-container .dt-layout-row thead, .dashboard-6 div.dt-container .dt-layout-row thead, .dashboard-7 div.dt-container .dt-layout-row thead, .dashboard-09 div.dt-container .dt-layout-row thead, .dashboard-10 div.dt-container .dt-layout-row thead, .dashboard-11 div.dt-container .dt-layout-row thead, .main-scope-project div.dt-container .dt-layout-row thead, .e-category div.dt-container .dt-layout-row thead, .list-product-view div.dt-container .dt-layout-row thead, .seller-details-wrapper div.dt-container .dt-layout-row thead, .common-order-history div.dt-container .dt-layout-row thead, .datatable-init div.dt-container .dt-layout-row thead, .common-cart div.dt-container .dt-layout-row thead, .role-permission-wrapper div.dt-container .dt-layout-row thead, .project-status div.dt-container .dt-layout-row thead { background: var(--light2); } .default-dashboard div.dt-container .dt-layout-row thead th, .dashboard-2 div.dt-container .dt-layout-row thead th, .dashboard-3 div.dt-container .dt-layout-row thead th, .dashboard-4 div.dt-container .dt-layout-row thead th, .dashboard-5 div.dt-container .dt-layout-row thead th, .dashboard-6 div.dt-container .dt-layout-row thead th, .dashboard-7 div.dt-container .dt-layout-row thead th, .dashboard-09 div.dt-container .dt-layout-row thead th, .dashboard-10 div.dt-container .dt-layout-row thead th, .dashboard-11 div.dt-container .dt-layout-row thead th, .main-scope-project div.dt-container .dt-layout-row thead th, .e-category div.dt-container .dt-layout-row thead th, .list-product-view div.dt-container .dt-layout-row thead th, .seller-details-wrapper div.dt-container .dt-layout-row thead th, .common-order-history div.dt-container .dt-layout-row thead th, .datatable-init div.dt-container .dt-layout-row thead th, .common-cart div.dt-container .dt-layout-row thead th, .role-permission-wrapper div.dt-container .dt-layout-row thead th, .project-status div.dt-container .dt-layout-row thead th { font-size: 14px; font-weight: 500; color: #52526c; } .default-dashboard div.dt-container .dt-layout-row .dt-length, .dashboard-2 div.dt-container .dt-layout-row .dt-length, .dashboard-3 div.dt-container .dt-layout-row .dt-length, .dashboard-4 div.dt-container .dt-layout-row .dt-length, .dashboard-5 div.dt-container .dt-layout-row .dt-length, .dashboard-6 div.dt-container .dt-layout-row .dt-length, .dashboard-7 div.dt-container .dt-layout-row .dt-length, .dashboard-09 div.dt-container .dt-layout-row .dt-length, .dashboard-10 div.dt-container .dt-layout-row .dt-length, .dashboard-11 div.dt-container .dt-layout-row .dt-length, .main-scope-project div.dt-container .dt-layout-row .dt-length, .e-category div.dt-container .dt-layout-row .dt-length, .list-product-view div.dt-container .dt-layout-row .dt-length, .seller-details-wrapper div.dt-container .dt-layout-row .dt-length, .common-order-history div.dt-container .dt-layout-row .dt-length, .datatable-init div.dt-container .dt-layout-row .dt-length, .common-cart div.dt-container .dt-layout-row .dt-length, .role-permission-wrapper div.dt-container .dt-layout-row .dt-length, .project-status div.dt-container .dt-layout-row .dt-length { position: absolute; top: 20px; left: 20px; } .default-dashboard div.dt-container .dt-layout-row .dt-length .dt-input, .dashboard-2 div.dt-container .dt-layout-row .dt-length .dt-input, .dashboard-3 div.dt-container .dt-layout-row .dt-length .dt-input, .dashboard-4 div.dt-container .dt-layout-row .dt-length .dt-input, .dashboard-5 div.dt-container .dt-layout-row .dt-length .dt-input, .dashboard-6 div.dt-container .dt-layout-row .dt-length .dt-input, .dashboard-7 div.dt-container .dt-layout-row .dt-length .dt-input, .dashboard-09 div.dt-container .dt-layout-row .dt-length .dt-input, .dashboard-10 div.dt-container .dt-layout-row .dt-length .dt-input, .dashboard-11 div.dt-container .dt-layout-row .dt-length .dt-input, .main-scope-project div.dt-container .dt-layout-row .dt-length .dt-input, .e-category div.dt-container .dt-layout-row .dt-length .dt-input, .list-product-view div.dt-container .dt-layout-row .dt-length .dt-input, .seller-details-wrapper div.dt-container .dt-layout-row .dt-length .dt-input, .common-order-history div.dt-container .dt-layout-row .dt-length .dt-input, .datatable-init div.dt-container .dt-layout-row .dt-length .dt-input, .common-cart div.dt-container .dt-layout-row .dt-length .dt-input, .role-permission-wrapper div.dt-container .dt-layout-row .dt-length .dt-input, .project-status div.dt-container .dt-layout-row .dt-length .dt-input { border-color: var(--recent-dashed-border); padding: 4px 6px; border-radius: 4px; background-color: #f8f8f8; } .default-dashboard div.dt-container .dt-layout-row .dt-length label, .dashboard-2 div.dt-container .dt-layout-row .dt-length label, .dashboard-3 div.dt-container .dt-layout-row .dt-length label, .dashboard-4 div.dt-container .dt-layout-row .dt-length label, .dashboard-5 div.dt-container .dt-layout-row .dt-length label, .dashboard-6 div.dt-container .dt-layout-row .dt-length label, .dashboard-7 div.dt-container .dt-layout-row .dt-length label, .dashboard-09 div.dt-container .dt-layout-row .dt-length label, .dashboard-10 div.dt-container .dt-layout-row .dt-length label, .dashboard-11 div.dt-container .dt-layout-row .dt-length label, .main-scope-project div.dt-container .dt-layout-row .dt-length label, .e-category div.dt-container .dt-layout-row .dt-length label, .list-product-view div.dt-container .dt-layout-row .dt-length label, .seller-details-wrapper div.dt-container .dt-layout-row .dt-length label, .common-order-history div.dt-container .dt-layout-row .dt-length label, .datatable-init div.dt-container .dt-layout-row .dt-length label, .common-cart div.dt-container .dt-layout-row .dt-length label, .role-permission-wrapper div.dt-container .dt-layout-row .dt-length label, .project-status div.dt-container .dt-layout-row .dt-length label { display: none; } .default-dashboard div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, .default-dashboard div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, .default-dashboard div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, .default-dashboard div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, .dashboard-2 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, .dashboard-2 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, .dashboard-2 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, .dashboard-2 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, .dashboard-3 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, .dashboard-3 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, .dashboard-3 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, .dashboard-3 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, .dashboard-4 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, .dashboard-4 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, .dashboard-4 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, .dashboard-4 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, .dashboard-5 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, .dashboard-5 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, .dashboard-5 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, .dashboard-5 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, .dashboard-6 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, .dashboard-6 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, .dashboard-6 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, .dashboard-6 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, .dashboard-7 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, .dashboard-7 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, .dashboard-7 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, .dashboard-7 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, .dashboard-09 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, .dashboard-09 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, .dashboard-09 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, .dashboard-09 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, .dashboard-10 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, .dashboard-10 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, .dashboard-10 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, .dashboard-10 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, .dashboard-11 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, .dashboard-11 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, .dashboard-11 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, .dashboard-11 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, .main-scope-project div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, .main-scope-project div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, .main-scope-project div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, .main-scope-project div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, .e-category div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, .e-category div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, .e-category div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, .e-category div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, .list-product-view div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, .list-product-view div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, .list-product-view div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, .list-product-view div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, .seller-details-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, .seller-details-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, .seller-details-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, .seller-details-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, .common-order-history div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, .common-order-history div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, .common-order-history div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, .common-order-history div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, .datatable-init div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, .datatable-init div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, .datatable-init div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, .datatable-init div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, .common-cart div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, .common-cart div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, .common-cart div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, .common-cart div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, .role-permission-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, .role-permission-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, .role-permission-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, .role-permission-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc, .project-status div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc, .project-status div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc, .project-status div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc, .project-status div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc { padding-right: 20px; } .default-dashboard div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, .default-dashboard div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, .default-dashboard div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, .default-dashboard div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, .dashboard-2 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, .dashboard-2 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, .dashboard-2 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, .dashboard-2 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, .dashboard-3 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, .dashboard-3 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, .dashboard-3 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, .dashboard-3 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, .dashboard-4 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, .dashboard-4 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, .dashboard-4 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, .dashboard-4 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, .dashboard-5 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, .dashboard-5 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, .dashboard-5 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, .dashboard-5 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, .dashboard-6 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, .dashboard-6 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, .dashboard-6 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, .dashboard-6 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, .dashboard-7 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, .dashboard-7 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, .dashboard-7 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, .dashboard-7 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, .dashboard-09 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, .dashboard-09 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, .dashboard-09 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, .dashboard-09 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, .dashboard-10 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, .dashboard-10 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, .dashboard-10 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, .dashboard-10 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, .dashboard-11 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, .dashboard-11 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, .dashboard-11 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, .dashboard-11 div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, .main-scope-project div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, .main-scope-project div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, .main-scope-project div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, .main-scope-project div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, .e-category div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, .e-category div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, .e-category div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, .e-category div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, .list-product-view div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, .list-product-view div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, .list-product-view div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, .list-product-view div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, .seller-details-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, .seller-details-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, .seller-details-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, .seller-details-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, .common-order-history div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, .common-order-history div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, .common-order-history div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, .common-order-history div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, .datatable-init div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, .datatable-init div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, .datatable-init div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, .datatable-init div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, .common-cart div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, .common-cart div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, .common-cart div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, .common-cart div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, .role-permission-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, .role-permission-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, .role-permission-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, .role-permission-wrapper div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order, .project-status div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-asc span.dt-column-order, .project-status div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-orderable-desc span.dt-column-order, .project-status div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-asc span.dt-column-order, .project-status div.dt-container .dt-layout-row .dataTable.table-sm thead tr th.dt-ordering-desc span.dt-column-order { right: 5px; } .default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, .default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, .e-category div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .e-category div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .e-category div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, .e-category div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, .datatable-init div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .datatable-init div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .datatable-init div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, .datatable-init div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, .common-cart div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .common-cart div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .common-cart div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, .common-cart div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc, .project-status div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .project-status div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .project-status div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc, .project-status div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc { position: relative; padding-right: 28px; } .default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, .default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, .default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, .default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, .e-category div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, .e-category div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, .e-category div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, .e-category div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, .datatable-init div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, .datatable-init div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, .datatable-init div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, .datatable-init div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, .common-cart div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, .common-cart div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, .common-cart div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, .common-cart div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order, .project-status div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order, .project-status div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order, .project-status div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order, .project-status div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order { position: absolute; right: 12px; top: 0; bottom: 0; width: 12px; } .default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, .default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, .default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, .default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, .default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .e-category div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .e-category div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, .e-category div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, .e-category div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .e-category div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .e-category div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, .e-category div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, .e-category div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .datatable-init div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .datatable-init div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, .datatable-init div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, .datatable-init div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .datatable-init div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .datatable-init div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, .datatable-init div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, .datatable-init div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .common-cart div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .common-cart div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, .common-cart div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, .common-cart div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .common-cart div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .common-cart div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, .common-cart div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, .common-cart div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .project-status div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .project-status div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::after, .project-status div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::before, .project-status div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .project-status div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .project-status div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::after, .project-status div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::before, .project-status div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after { left: 0; opacity: 0.125; line-height: 9px; font-size: 0.8em; } .default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .e-category div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .e-category div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .datatable-init div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .datatable-init div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .common-cart div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .common-cart div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .project-status div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc span.dt-column-order::before, .project-status div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before { position: absolute; display: block; bottom: 50%; content: "▲"; content: "▲"/""; } .default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .e-category div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .e-category div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .datatable-init div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .datatable-init div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .common-cart div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .common-cart div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .project-status div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc span.dt-column-order::after, .project-status div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after { position: absolute; display: block; top: 50%; content: "▼"; content: "▼"/""; } .default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::after, .default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::before, .default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::after, .default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::before, .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::after, .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::before, .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::after, .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::before, .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::after, .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::before, .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::after, .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::before, .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::after, .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::before, .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::after, .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::before, .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::after, .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::before, .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::after, .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::before, .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::after, .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::before, .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::after, .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::before, .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::after, .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::before, .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::after, .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::before, .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::after, .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::before, .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::after, .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::before, .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::after, .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::before, .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::after, .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::before, .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::after, .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::before, .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::after, .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::before, .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::after, .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::before, .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::after, .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::before, .e-category div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::after, .e-category div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::before, .e-category div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::after, .e-category div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::before, .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::after, .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::before, .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::after, .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::before, .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::after, .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::before, .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::after, .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::before, .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::after, .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::before, .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::after, .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::before, .datatable-init div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::after, .datatable-init div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::before, .datatable-init div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::after, .datatable-init div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::before, .common-cart div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::after, .common-cart div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::before, .common-cart div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::after, .common-cart div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::before, .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::after, .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::before, .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::after, .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::before, .project-status div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::after, .project-status div.dt-container .dt-layout-row .dataTable thead tr th.sorting_desc_disabled span.dt-column-order::before, .project-status div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::after, .project-status div.dt-container .dt-layout-row .dataTable thead tr th.sorting_asc_disabled span.dt-column-order::before { display: none; } .default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .e-category div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .e-category div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .datatable-init div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .datatable-init div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .common-cart div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .common-cart div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc, .project-status div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-asc, .project-status div.dt-container .dt-layout-row .dataTable thead tr th.dt-orderable-desc { cursor: pointer; } .default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .e-category div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .datatable-init div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .common-cart div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before, .project-status div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-asc span.dt-column-order::before { opacity: 0.6; } .default-dashboard div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .dashboard-2 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .dashboard-3 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .dashboard-4 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .dashboard-5 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .dashboard-6 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .dashboard-7 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .dashboard-09 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .dashboard-10 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .dashboard-11 div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .main-scope-project div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .e-category div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .list-product-view div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .seller-details-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .common-order-history div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .datatable-init div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .common-cart div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .role-permission-wrapper div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after, .project-status div.dt-container .dt-layout-row .dataTable thead tr th.dt-ordering-desc span.dt-column-order::after { opacity: 0.6; } .default-dashboard div.dt-container .dt-layout-row:last-child, .dashboard-2 div.dt-container .dt-layout-row:last-child, .dashboard-3 div.dt-container .dt-layout-row:last-child, .dashboard-4 div.dt-container .dt-layout-row:last-child, .dashboard-5 div.dt-container .dt-layout-row:last-child, .dashboard-6 div.dt-container .dt-layout-row:last-child, .dashboard-7 div.dt-container .dt-layout-row:last-child, .dashboard-09 div.dt-container .dt-layout-row:last-child, .dashboard-10 div.dt-container .dt-layout-row:last-child, .dashboard-11 div.dt-container .dt-layout-row:last-child, .main-scope-project div.dt-container .dt-layout-row:last-child, .e-category div.dt-container .dt-layout-row:last-child, .list-product-view div.dt-container .dt-layout-row:last-child, .seller-details-wrapper div.dt-container .dt-layout-row:last-child, .common-order-history div.dt-container .dt-layout-row:last-child, .datatable-init div.dt-container .dt-layout-row:last-child, .common-cart div.dt-container .dt-layout-row:last-child, .role-permission-wrapper div.dt-container .dt-layout-row:last-child, .project-status div.dt-container .dt-layout-row:last-child { display: flex; justify-content: space-between; align-items: center; } @media (max-width: 575px) { .default-dashboard div.dt-container .dt-layout-row:last-child, .dashboard-2 div.dt-container .dt-layout-row:last-child, .dashboard-3 div.dt-container .dt-layout-row:last-child, .dashboard-4 div.dt-container .dt-layout-row:last-child, .dashboard-5 div.dt-container .dt-layout-row:last-child, .dashboard-6 div.dt-container .dt-layout-row:last-child, .dashboard-7 div.dt-container .dt-layout-row:last-child, .dashboard-09 div.dt-container .dt-layout-row:last-child, .dashboard-10 div.dt-container .dt-layout-row:last-child, .dashboard-11 div.dt-container .dt-layout-row:last-child, .main-scope-project div.dt-container .dt-layout-row:last-child, .e-category div.dt-container .dt-layout-row:last-child, .list-product-view div.dt-container .dt-layout-row:last-child, .seller-details-wrapper div.dt-container .dt-layout-row:last-child, .common-order-history div.dt-container .dt-layout-row:last-child, .datatable-init div.dt-container .dt-layout-row:last-child, .common-cart div.dt-container .dt-layout-row:last-child, .role-permission-wrapper div.dt-container .dt-layout-row:last-child, .project-status div.dt-container .dt-layout-row:last-child { flex-direction: column; } } .default-dashboard div.dt-container .dt-layout-row .dt-layout-cell .dt-empty, .dashboard-2 div.dt-container .dt-layout-row .dt-layout-cell .dt-empty, .dashboard-3 div.dt-container .dt-layout-row .dt-layout-cell .dt-empty, .dashboard-4 div.dt-container .dt-layout-row .dt-layout-cell .dt-empty, .dashboard-5 div.dt-container .dt-layout-row .dt-layout-cell .dt-empty, .dashboard-6 div.dt-container .dt-layout-row .dt-layout-cell .dt-empty, .dashboard-7 div.dt-container .dt-layout-row .dt-layout-cell .dt-empty, .dashboard-09 div.dt-container .dt-layout-row .dt-layout-cell .dt-empty, .dashboard-10 div.dt-container .dt-layout-row .dt-layout-cell .dt-empty, .dashboard-11 div.dt-container .dt-layout-row .dt-layout-cell .dt-empty, .main-scope-project div.dt-container .dt-layout-row .dt-layout-cell .dt-empty, .e-category div.dt-container .dt-layout-row .dt-layout-cell .dt-empty, .list-product-view div.dt-container .dt-layout-row .dt-layout-cell .dt-empty, .seller-details-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-empty, .common-order-history div.dt-container .dt-layout-row .dt-layout-cell .dt-empty, .datatable-init div.dt-container .dt-layout-row .dt-layout-cell .dt-empty, .common-cart div.dt-container .dt-layout-row .dt-layout-cell .dt-empty, .role-permission-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-empty, .project-status div.dt-container .dt-layout-row .dt-layout-cell .dt-empty { text-align: center; color: var(--body-font-color); } .default-dashboard div.dt-container .dt-layout-row .dt-layout-cell .dt-info, .dashboard-2 div.dt-container .dt-layout-row .dt-layout-cell .dt-info, .dashboard-3 div.dt-container .dt-layout-row .dt-layout-cell .dt-info, .dashboard-4 div.dt-container .dt-layout-row .dt-layout-cell .dt-info, .dashboard-5 div.dt-container .dt-layout-row .dt-layout-cell .dt-info, .dashboard-6 div.dt-container .dt-layout-row .dt-layout-cell .dt-info, .dashboard-7 div.dt-container .dt-layout-row .dt-layout-cell .dt-info, .dashboard-09 div.dt-container .dt-layout-row .dt-layout-cell .dt-info, .dashboard-10 div.dt-container .dt-layout-row .dt-layout-cell .dt-info, .dashboard-11 div.dt-container .dt-layout-row .dt-layout-cell .dt-info, .main-scope-project div.dt-container .dt-layout-row .dt-layout-cell .dt-info, .e-category div.dt-container .dt-layout-row .dt-layout-cell .dt-info, .list-product-view div.dt-container .dt-layout-row .dt-layout-cell .dt-info, .seller-details-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-info, .common-order-history div.dt-container .dt-layout-row .dt-layout-cell .dt-info, .datatable-init div.dt-container .dt-layout-row .dt-layout-cell .dt-info, .common-cart div.dt-container .dt-layout-row .dt-layout-cell .dt-info, .role-permission-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-info, .project-status div.dt-container .dt-layout-row .dt-layout-cell .dt-info { padding: 16px 20px 0px 20px; color: #3f475a; } .default-dashboard div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .dashboard-2 div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .dashboard-3 div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .dashboard-4 div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .dashboard-5 div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .dashboard-6 div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .dashboard-7 div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .dashboard-09 div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .dashboard-10 div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .dashboard-11 div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .main-scope-project div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .e-category div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .list-product-view div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .seller-details-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .common-order-history div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .datatable-init div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .common-cart div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .role-permission-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .project-status div.dt-container .dt-layout-row .dt-layout-cell .dt-search { position: absolute; top: 20px; right: -10px; z-index: 0; } @media (max-width: 640px) { .default-dashboard div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .dashboard-2 div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .dashboard-3 div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .dashboard-4 div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .dashboard-5 div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .dashboard-6 div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .dashboard-7 div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .dashboard-09 div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .dashboard-10 div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .dashboard-11 div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .main-scope-project div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .e-category div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .list-product-view div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .seller-details-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .common-order-history div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .datatable-init div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .common-cart div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .role-permission-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search, .project-status div.dt-container .dt-layout-row .dt-layout-cell .dt-search { position: relative; top: 4px; left: 20px; margin-bottom: 20px; } } .default-dashboard div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, .dashboard-2 div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, .dashboard-3 div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, .dashboard-4 div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, .dashboard-5 div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, .dashboard-6 div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, .dashboard-7 div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, .dashboard-09 div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, .dashboard-10 div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, .dashboard-11 div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, .main-scope-project div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, .e-category div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, .list-product-view div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, .seller-details-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, .common-order-history div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, .datatable-init div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, .common-cart div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, .role-permission-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search label, .project-status div.dt-container .dt-layout-row .dt-layout-cell .dt-search label { margin-right: 6px; color: #52526c; } .default-dashboard div.dt-container .dt-layout-row .dt-layout-cell .dt-search input, .dashboard-2 div.dt-container .dt-layout-row .dt-layout-cell .dt-search input, .dashboard-3 div.dt-container .dt-layout-row .dt-layout-cell .dt-search input, .dashboard-4 div.dt-container .dt-layout-row .dt-layout-cell .dt-search input, .dashboard-5 div.dt-container .dt-layout-row .dt-layout-cell .dt-search input, .dashboard-6 div.dt-container .dt-layout-row .dt-layout-cell .dt-search input, .dashboard-7 div.dt-container .dt-layout-row .dt-layout-cell .dt-search input, .dashboard-09 div.dt-container .dt-layout-row .dt-layout-cell .dt-search input, .dashboard-10 div.dt-container .dt-layout-row .dt-layout-cell .dt-search input, .dashboard-11 div.dt-container .dt-layout-row .dt-layout-cell .dt-search input, .main-scope-project div.dt-container .dt-layout-row .dt-layout-cell .dt-search input, .e-category div.dt-container .dt-layout-row .dt-layout-cell .dt-search input, .list-product-view div.dt-container .dt-layout-row .dt-layout-cell .dt-search input, .seller-details-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search input, .common-order-history div.dt-container .dt-layout-row .dt-layout-cell .dt-search input, .datatable-init div.dt-container .dt-layout-row .dt-layout-cell .dt-search input, .common-cart div.dt-container .dt-layout-row .dt-layout-cell .dt-search input, .role-permission-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search input, .project-status div.dt-container .dt-layout-row .dt-layout-cell .dt-search input { border: 1px solid rgba(82, 82, 108, 0.3); width: 50%; color: #59667a; } .default-dashboard div.dt-container .dt-layout-row .dt-layout-cell tr td, .dashboard-2 div.dt-container .dt-layout-row .dt-layout-cell tr td, .dashboard-3 div.dt-container .dt-layout-row .dt-layout-cell tr td, .dashboard-4 div.dt-container .dt-layout-row .dt-layout-cell tr td, .dashboard-5 div.dt-container .dt-layout-row .dt-layout-cell tr td, .dashboard-6 div.dt-container .dt-layout-row .dt-layout-cell tr td, .dashboard-7 div.dt-container .dt-layout-row .dt-layout-cell tr td, .dashboard-09 div.dt-container .dt-layout-row .dt-layout-cell tr td, .dashboard-10 div.dt-container .dt-layout-row .dt-layout-cell tr td, .dashboard-11 div.dt-container .dt-layout-row .dt-layout-cell tr td, .main-scope-project div.dt-container .dt-layout-row .dt-layout-cell tr td, .e-category div.dt-container .dt-layout-row .dt-layout-cell tr td, .list-product-view div.dt-container .dt-layout-row .dt-layout-cell tr td, .seller-details-wrapper div.dt-container .dt-layout-row .dt-layout-cell tr td, .common-order-history div.dt-container .dt-layout-row .dt-layout-cell tr td, .datatable-init div.dt-container .dt-layout-row .dt-layout-cell tr td, .common-cart div.dt-container .dt-layout-row .dt-layout-cell tr td, .role-permission-wrapper div.dt-container .dt-layout-row .dt-layout-cell tr td, .project-status div.dt-container .dt-layout-row .dt-layout-cell tr td { color: var(--body-font-color); } .default-dashboard div.dt-container .dt-layout-row .dt-layout-cell tr.selected td, .dashboard-2 div.dt-container .dt-layout-row .dt-layout-cell tr.selected td, .dashboard-3 div.dt-container .dt-layout-row .dt-layout-cell tr.selected td, .dashboard-4 div.dt-container .dt-layout-row .dt-layout-cell tr.selected td, .dashboard-5 div.dt-container .dt-layout-row .dt-layout-cell tr.selected td, .dashboard-6 div.dt-container .dt-layout-row .dt-layout-cell tr.selected td, .dashboard-7 div.dt-container .dt-layout-row .dt-layout-cell tr.selected td, .dashboard-09 div.dt-container .dt-layout-row .dt-layout-cell tr.selected td, .dashboard-10 div.dt-container .dt-layout-row .dt-layout-cell tr.selected td, .dashboard-11 div.dt-container .dt-layout-row .dt-layout-cell tr.selected td, .main-scope-project div.dt-container .dt-layout-row .dt-layout-cell tr.selected td, .e-category div.dt-container .dt-layout-row .dt-layout-cell tr.selected td, .list-product-view div.dt-container .dt-layout-row .dt-layout-cell tr.selected td, .seller-details-wrapper div.dt-container .dt-layout-row .dt-layout-cell tr.selected td, .common-order-history div.dt-container .dt-layout-row .dt-layout-cell tr.selected td, .datatable-init div.dt-container .dt-layout-row .dt-layout-cell tr.selected td, .common-cart div.dt-container .dt-layout-row .dt-layout-cell tr.selected td, .role-permission-wrapper div.dt-container .dt-layout-row .dt-layout-cell tr.selected td, .project-status div.dt-container .dt-layout-row .dt-layout-cell tr.selected td { box-shadow: inset 0 0 0 9999px #f9f9fa; } .default-dashboard div.dt-container .dt-layout-row .dt-paging, .dashboard-2 div.dt-container .dt-layout-row .dt-paging, .dashboard-3 div.dt-container .dt-layout-row .dt-paging, .dashboard-4 div.dt-container .dt-layout-row .dt-paging, .dashboard-5 div.dt-container .dt-layout-row .dt-paging, .dashboard-6 div.dt-container .dt-layout-row .dt-paging, .dashboard-7 div.dt-container .dt-layout-row .dt-paging, .dashboard-09 div.dt-container .dt-layout-row .dt-paging, .dashboard-10 div.dt-container .dt-layout-row .dt-paging, .dashboard-11 div.dt-container .dt-layout-row .dt-paging, .main-scope-project div.dt-container .dt-layout-row .dt-paging, .e-category div.dt-container .dt-layout-row .dt-paging, .list-product-view div.dt-container .dt-layout-row .dt-paging, .seller-details-wrapper div.dt-container .dt-layout-row .dt-paging, .common-order-history div.dt-container .dt-layout-row .dt-paging, .datatable-init div.dt-container .dt-layout-row .dt-paging, .common-cart div.dt-container .dt-layout-row .dt-paging, .role-permission-wrapper div.dt-container .dt-layout-row .dt-paging, .project-status div.dt-container .dt-layout-row .dt-paging { text-align: end; padding: 12px 20px 0 20px; } .default-dashboard div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .dashboard-2 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .dashboard-3 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .dashboard-4 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .dashboard-5 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .dashboard-6 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .dashboard-7 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .dashboard-09 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .dashboard-10 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .dashboard-11 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .main-scope-project div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .e-category div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .list-product-view div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .seller-details-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .common-order-history div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .datatable-init div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .common-cart div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .role-permission-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .project-status div.dt-container .dt-layout-row .dt-paging .dt-paging-button { border: unset; padding: 2px 10px; font-size: 14px; color: var(--body-font-color); margin-right: 12px; border-radius: 4px; } @media (max-width: 767px) { .default-dashboard div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .dashboard-2 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .dashboard-3 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .dashboard-4 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .dashboard-5 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .dashboard-6 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .dashboard-7 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .dashboard-09 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .dashboard-10 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .dashboard-11 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .main-scope-project div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .e-category div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .list-product-view div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .seller-details-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .common-order-history div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .datatable-init div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .common-cart div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .role-permission-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button, .project-status div.dt-container .dt-layout-row .dt-paging .dt-paging-button { font-size: 13px; margin-right: 8px; } } .default-dashboard div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, .dashboard-2 div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, .dashboard-3 div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, .dashboard-4 div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, .dashboard-5 div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, .dashboard-6 div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, .dashboard-7 div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, .dashboard-09 div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, .dashboard-10 div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, .dashboard-11 div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, .main-scope-project div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, .e-category div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, .list-product-view div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, .seller-details-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, .common-order-history div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, .datatable-init div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, .common-cart div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, .role-permission-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child, .project-status div.dt-container .dt-layout-row .dt-paging .dt-paging-button:last-child { margin-right: 0; } .default-dashboard div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, .dashboard-2 div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, .dashboard-3 div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, .dashboard-4 div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, .dashboard-5 div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, .dashboard-6 div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, .dashboard-7 div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, .dashboard-09 div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, .dashboard-10 div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, .dashboard-11 div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, .main-scope-project div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, .e-category div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, .list-product-view div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, .seller-details-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, .common-order-history div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, .datatable-init div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, .common-cart div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, .role-permission-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, .project-status div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current { background-color: var(--theme-default); color: #fff; } .default-dashboard div.dt-container .dt-layout-row .dt-select .dt-select-checkbox, .dashboard-2 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox, .dashboard-3 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox, .dashboard-4 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox, .dashboard-5 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox, .dashboard-6 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox, .dashboard-7 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox, .dashboard-09 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox, .dashboard-10 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox, .dashboard-11 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox, .main-scope-project div.dt-container .dt-layout-row .dt-select .dt-select-checkbox, .e-category div.dt-container .dt-layout-row .dt-select .dt-select-checkbox, .list-product-view div.dt-container .dt-layout-row .dt-select .dt-select-checkbox, .seller-details-wrapper div.dt-container .dt-layout-row .dt-select .dt-select-checkbox, .common-order-history div.dt-container .dt-layout-row .dt-select .dt-select-checkbox, .datatable-init div.dt-container .dt-layout-row .dt-select .dt-select-checkbox, .common-cart div.dt-container .dt-layout-row .dt-select .dt-select-checkbox, .role-permission-wrapper div.dt-container .dt-layout-row .dt-select .dt-select-checkbox, .project-status div.dt-container .dt-layout-row .dt-select .dt-select-checkbox { padding: 6px; border-color: rgba(82, 82, 108, 0.8); cursor: pointer; } .default-dashboard div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, .dashboard-2 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, .dashboard-3 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, .dashboard-4 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, .dashboard-5 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, .dashboard-6 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, .dashboard-7 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, .dashboard-09 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, .dashboard-10 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, .dashboard-11 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, .main-scope-project div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, .e-category div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, .list-product-view div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, .seller-details-wrapper div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, .common-order-history div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, .datatable-init div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, .common-cart div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, .role-permission-wrapper div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after, .project-status div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:indeterminate::after { top: 4px; left: 4px; } .default-dashboard div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked, .dashboard-2 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked, .dashboard-3 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked, .dashboard-4 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked, .dashboard-5 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked, .dashboard-6 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked, .dashboard-7 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked, .dashboard-09 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked, .dashboard-10 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked, .dashboard-11 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked, .main-scope-project div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked, .e-category div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked, .list-product-view div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked, .seller-details-wrapper div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked, .common-order-history div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked, .datatable-init div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked, .common-cart div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked, .role-permission-wrapper div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked, .project-status div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked { background-color: var(--theme-default); border-color: transparent; } .default-dashboard div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, .dashboard-2 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, .dashboard-3 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, .dashboard-4 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, .dashboard-5 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, .dashboard-6 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, .dashboard-7 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, .dashboard-09 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, .dashboard-10 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, .dashboard-11 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, .main-scope-project div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, .e-category div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, .list-product-view div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, .seller-details-wrapper div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, .common-order-history div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, .datatable-init div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, .common-cart div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, .role-permission-wrapper div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after, .project-status div.dt-container .dt-layout-row .dt-select .dt-select-checkbox:checked::after { content: "\f00c"; font-family: 'fontawesome'; font-size: 9px; margin-top: -10px; margin-left: -4px; color: #fff; } .dt-buttons .btn { padding: 6px calc(14px + (17 - 14) * ((100vw - 320px) / (1920 - 320))) !important; } .datatable-init div.dt-container.dt-bootstrap5 table, .datatable-advance-wrapper div.dt-container.dt-bootstrap5 table, .datatable-api-wrapper div.dt-container.dt-bootstrap5 table, .data-source-wrapper div.dt-container.dt-bootstrap5 table, .autofill-data-tables div.dt-container.dt-bootstrap5 table, .support-ticket-table div.dt-container.dt-bootstrap5 table { border-collapse: initial !important; } .datatable-init div.dt-container.dt-bootstrap5 table thead tr th, .datatable-init div.dt-container.dt-bootstrap5 table thead tr td, .datatable-init div.dt-container.dt-bootstrap5 table tbody tr th, .datatable-init div.dt-container.dt-bootstrap5 table tbody tr td, .datatable-init div.dt-container.dt-bootstrap5 table tfoot tr th, .datatable-init div.dt-container.dt-bootstrap5 table tfoot tr td, .datatable-advance-wrapper div.dt-container.dt-bootstrap5 table thead tr th, .datatable-advance-wrapper div.dt-container.dt-bootstrap5 table thead tr td, .datatable-advance-wrapper div.dt-container.dt-bootstrap5 table tbody tr th, .datatable-advance-wrapper div.dt-container.dt-bootstrap5 table tbody tr td, .datatable-advance-wrapper div.dt-container.dt-bootstrap5 table tfoot tr th, .datatable-advance-wrapper div.dt-container.dt-bootstrap5 table tfoot tr td, .datatable-api-wrapper div.dt-container.dt-bootstrap5 table thead tr th, .datatable-api-wrapper div.dt-container.dt-bootstrap5 table thead tr td, .datatable-api-wrapper div.dt-container.dt-bootstrap5 table tbody tr th, .datatable-api-wrapper div.dt-container.dt-bootstrap5 table tbody tr td, .datatable-api-wrapper div.dt-container.dt-bootstrap5 table tfoot tr th, .datatable-api-wrapper div.dt-container.dt-bootstrap5 table tfoot tr td, .data-source-wrapper div.dt-container.dt-bootstrap5 table thead tr th, .data-source-wrapper div.dt-container.dt-bootstrap5 table thead tr td, .data-source-wrapper div.dt-container.dt-bootstrap5 table tbody tr th, .data-source-wrapper div.dt-container.dt-bootstrap5 table tbody tr td, .data-source-wrapper div.dt-container.dt-bootstrap5 table tfoot tr th, .data-source-wrapper div.dt-container.dt-bootstrap5 table tfoot tr td, .autofill-data-tables div.dt-container.dt-bootstrap5 table thead tr th, .autofill-data-tables div.dt-container.dt-bootstrap5 table thead tr td, .autofill-data-tables div.dt-container.dt-bootstrap5 table tbody tr th, .autofill-data-tables div.dt-container.dt-bootstrap5 table tbody tr td, .autofill-data-tables div.dt-container.dt-bootstrap5 table tfoot tr th, .autofill-data-tables div.dt-container.dt-bootstrap5 table tfoot tr td, .support-ticket-table div.dt-container.dt-bootstrap5 table thead tr th, .support-ticket-table div.dt-container.dt-bootstrap5 table thead tr td, .support-ticket-table div.dt-container.dt-bootstrap5 table tbody tr th, .support-ticket-table div.dt-container.dt-bootstrap5 table tbody tr td, .support-ticket-table div.dt-container.dt-bootstrap5 table tfoot tr th, .support-ticket-table div.dt-container.dt-bootstrap5 table tfoot tr td { text-align: left; } [dir="rtl"] .datatable-init div.dt-container.dt-bootstrap5 table thead tr th, [dir="rtl"] .datatable-init div.dt-container.dt-bootstrap5 table thead tr td, [dir="rtl"] .datatable-init div.dt-container.dt-bootstrap5 table tbody tr th, [dir="rtl"] .datatable-init div.dt-container.dt-bootstrap5 table tbody tr td, [dir="rtl"] .datatable-init div.dt-container.dt-bootstrap5 table tfoot tr th, [dir="rtl"] .datatable-init div.dt-container.dt-bootstrap5 table tfoot tr td, [dir="rtl"] .datatable-advance-wrapper div.dt-container.dt-bootstrap5 table thead tr th, [dir="rtl"] .datatable-advance-wrapper div.dt-container.dt-bootstrap5 table thead tr td, [dir="rtl"] .datatable-advance-wrapper div.dt-container.dt-bootstrap5 table tbody tr th, [dir="rtl"] .datatable-advance-wrapper div.dt-container.dt-bootstrap5 table tbody tr td, [dir="rtl"] .datatable-advance-wrapper div.dt-container.dt-bootstrap5 table tfoot tr th, [dir="rtl"] .datatable-advance-wrapper div.dt-container.dt-bootstrap5 table tfoot tr td, [dir="rtl"] .datatable-api-wrapper div.dt-container.dt-bootstrap5 table thead tr th, [dir="rtl"] .datatable-api-wrapper div.dt-container.dt-bootstrap5 table thead tr td, [dir="rtl"] .datatable-api-wrapper div.dt-container.dt-bootstrap5 table tbody tr th, [dir="rtl"] .datatable-api-wrapper div.dt-container.dt-bootstrap5 table tbody tr td, [dir="rtl"] .datatable-api-wrapper div.dt-container.dt-bootstrap5 table tfoot tr th, [dir="rtl"] .datatable-api-wrapper div.dt-container.dt-bootstrap5 table tfoot tr td, [dir="rtl"] .data-source-wrapper div.dt-container.dt-bootstrap5 table thead tr th, [dir="rtl"] .data-source-wrapper div.dt-container.dt-bootstrap5 table thead tr td, [dir="rtl"] .data-source-wrapper div.dt-container.dt-bootstrap5 table tbody tr th, [dir="rtl"] .data-source-wrapper div.dt-container.dt-bootstrap5 table tbody tr td, [dir="rtl"] .data-source-wrapper div.dt-container.dt-bootstrap5 table tfoot tr th, [dir="rtl"] .data-source-wrapper div.dt-container.dt-bootstrap5 table tfoot tr td, [dir="rtl"] .autofill-data-tables div.dt-container.dt-bootstrap5 table thead tr th, [dir="rtl"] .autofill-data-tables div.dt-container.dt-bootstrap5 table thead tr td, [dir="rtl"] .autofill-data-tables div.dt-container.dt-bootstrap5 table tbody tr th, [dir="rtl"] .autofill-data-tables div.dt-container.dt-bootstrap5 table tbody tr td, [dir="rtl"] .autofill-data-tables div.dt-container.dt-bootstrap5 table tfoot tr th, [dir="rtl"] .autofill-data-tables div.dt-container.dt-bootstrap5 table tfoot tr td, [dir="rtl"] .support-ticket-table div.dt-container.dt-bootstrap5 table thead tr th, [dir="rtl"] .support-ticket-table div.dt-container.dt-bootstrap5 table thead tr td, [dir="rtl"] .support-ticket-table div.dt-container.dt-bootstrap5 table tbody tr th, [dir="rtl"] .support-ticket-table div.dt-container.dt-bootstrap5 table tbody tr td, [dir="rtl"] .support-ticket-table div.dt-container.dt-bootstrap5 table tfoot tr th, [dir="rtl"] .support-ticket-table div.dt-container.dt-bootstrap5 table tfoot tr td { text-align: right; } .datatable-init div.dt-container.dt-bootstrap5 table thead tr .dt-empty, .datatable-init div.dt-container.dt-bootstrap5 table tbody tr .dt-empty, .datatable-init div.dt-container.dt-bootstrap5 table tfoot tr .dt-empty, .datatable-advance-wrapper div.dt-container.dt-bootstrap5 table thead tr .dt-empty, .datatable-advance-wrapper div.dt-container.dt-bootstrap5 table tbody tr .dt-empty, .datatable-advance-wrapper div.dt-container.dt-bootstrap5 table tfoot tr .dt-empty, .datatable-api-wrapper div.dt-container.dt-bootstrap5 table thead tr .dt-empty, .datatable-api-wrapper div.dt-container.dt-bootstrap5 table tbody tr .dt-empty, .datatable-api-wrapper div.dt-container.dt-bootstrap5 table tfoot tr .dt-empty, .data-source-wrapper div.dt-container.dt-bootstrap5 table thead tr .dt-empty, .data-source-wrapper div.dt-container.dt-bootstrap5 table tbody tr .dt-empty, .data-source-wrapper div.dt-container.dt-bootstrap5 table tfoot tr .dt-empty, .autofill-data-tables div.dt-container.dt-bootstrap5 table thead tr .dt-empty, .autofill-data-tables div.dt-container.dt-bootstrap5 table tbody tr .dt-empty, .autofill-data-tables div.dt-container.dt-bootstrap5 table tfoot tr .dt-empty, .support-ticket-table div.dt-container.dt-bootstrap5 table thead tr .dt-empty, .support-ticket-table div.dt-container.dt-bootstrap5 table tbody tr .dt-empty, .support-ticket-table div.dt-container.dt-bootstrap5 table tfoot tr .dt-empty { text-align: center; } .datatable-init div.dt-container.dt-bootstrap5 table tbody tr td, .datatable-advance-wrapper div.dt-container.dt-bootstrap5 table tbody tr td, .datatable-api-wrapper div.dt-container.dt-bootstrap5 table tbody tr td, .data-source-wrapper div.dt-container.dt-bootstrap5 table tbody tr td, .autofill-data-tables div.dt-container.dt-bootstrap5 table tbody tr td, .support-ticket-table div.dt-container.dt-bootstrap5 table tbody tr td { color: #404040; } .datatable-init div.dt-container.dt-bootstrap5 table thead tr th, .datatable-init div.dt-container.dt-bootstrap5 table tfoot tr th, .datatable-advance-wrapper div.dt-container.dt-bootstrap5 table thead tr th, .datatable-advance-wrapper div.dt-container.dt-bootstrap5 table tfoot tr th, .datatable-api-wrapper div.dt-container.dt-bootstrap5 table thead tr th, .datatable-api-wrapper div.dt-container.dt-bootstrap5 table tfoot tr th, .data-source-wrapper div.dt-container.dt-bootstrap5 table thead tr th, .data-source-wrapper div.dt-container.dt-bootstrap5 table tfoot tr th, .autofill-data-tables div.dt-container.dt-bootstrap5 table thead tr th, .autofill-data-tables div.dt-container.dt-bootstrap5 table tfoot tr th, .support-ticket-table div.dt-container.dt-bootstrap5 table thead tr th, .support-ticket-table div.dt-container.dt-bootstrap5 table tfoot tr th { font-weight: 500; } .datatable-init div.dt-container.dt-bootstrap5 table thead tr th:hover, .datatable-init div.dt-container.dt-bootstrap5 table tfoot tr th:hover, .datatable-advance-wrapper div.dt-container.dt-bootstrap5 table thead tr th:hover, .datatable-advance-wrapper div.dt-container.dt-bootstrap5 table tfoot tr th:hover, .datatable-api-wrapper div.dt-container.dt-bootstrap5 table thead tr th:hover, .datatable-api-wrapper div.dt-container.dt-bootstrap5 table tfoot tr th:hover, .data-source-wrapper div.dt-container.dt-bootstrap5 table thead tr th:hover, .data-source-wrapper div.dt-container.dt-bootstrap5 table tfoot tr th:hover, .autofill-data-tables div.dt-container.dt-bootstrap5 table thead tr th:hover, .autofill-data-tables div.dt-container.dt-bootstrap5 table tfoot tr th:hover, .support-ticket-table div.dt-container.dt-bootstrap5 table thead tr th:hover, .support-ticket-table div.dt-container.dt-bootstrap5 table tfoot tr th:hover { outline: unset; } .datatable-init div.dt-container.dt-bootstrap5 thead tr th, .datatable-advance-wrapper div.dt-container.dt-bootstrap5 thead tr th, .datatable-api-wrapper div.dt-container.dt-bootstrap5 thead tr th, .data-source-wrapper div.dt-container.dt-bootstrap5 thead tr th, .autofill-data-tables div.dt-container.dt-bootstrap5 thead tr th, .support-ticket-table div.dt-container.dt-bootstrap5 thead tr th { border-bottom: 1px solid #efefef; } .datatable-init div.dt-container.dt-bootstrap5 tfoot tr th, .datatable-advance-wrapper div.dt-container.dt-bootstrap5 tfoot tr th, .datatable-api-wrapper div.dt-container.dt-bootstrap5 tfoot tr th, .data-source-wrapper div.dt-container.dt-bootstrap5 tfoot tr th, .autofill-data-tables div.dt-container.dt-bootstrap5 tfoot tr th, .support-ticket-table div.dt-container.dt-bootstrap5 tfoot tr th { border-top: 1px solid #efefef; } .datatable-init div.dt-container.dt-bootstrap5 .pagination .dt-paging-button .page-link, .datatable-advance-wrapper div.dt-container.dt-bootstrap5 .pagination .dt-paging-button .page-link, .datatable-api-wrapper div.dt-container.dt-bootstrap5 .pagination .dt-paging-button .page-link, .data-source-wrapper div.dt-container.dt-bootstrap5 .pagination .dt-paging-button .page-link, .autofill-data-tables div.dt-container.dt-bootstrap5 .pagination .dt-paging-button .page-link, .support-ticket-table div.dt-container.dt-bootstrap5 .pagination .dt-paging-button .page-link { color: #404040; background-color: var(--light-background); padding: calc(4px + (6 - 4) * ((100vw - 320px) / (1920 - 320))) calc(7px + (12 - 7) * ((100vw - 320px) / (1920 - 320))); font-size: calc(13px + (16 - 13) * ((100vw - 320px) / (1920 - 320))); } .datatable-init div.dt-container.dt-bootstrap5 .pagination .dt-paging-button .page-link:focus, .datatable-advance-wrapper div.dt-container.dt-bootstrap5 .pagination .dt-paging-button .page-link:focus, .datatable-api-wrapper div.dt-container.dt-bootstrap5 .pagination .dt-paging-button .page-link:focus, .data-source-wrapper div.dt-container.dt-bootstrap5 .pagination .dt-paging-button .page-link:focus, .autofill-data-tables div.dt-container.dt-bootstrap5 .pagination .dt-paging-button .page-link:focus, .support-ticket-table div.dt-container.dt-bootstrap5 .pagination .dt-paging-button .page-link:focus { box-shadow: unset; border-color: unset; } .datatable-init div.dt-container.dt-bootstrap5 .pagination .dt-paging-button.active .page-link, .datatable-advance-wrapper div.dt-container.dt-bootstrap5 .pagination .dt-paging-button.active .page-link, .datatable-api-wrapper div.dt-container.dt-bootstrap5 .pagination .dt-paging-button.active .page-link, .data-source-wrapper div.dt-container.dt-bootstrap5 .pagination .dt-paging-button.active .page-link, .autofill-data-tables div.dt-container.dt-bootstrap5 .pagination .dt-paging-button.active .page-link, .support-ticket-table div.dt-container.dt-bootstrap5 .pagination .dt-paging-button.active .page-link { color: #fff; background-color: var(--theme-default); border-color: var(--theme-default); } .complex-header-table thead tr th:first-child, .complex-header-table thead tr td:first-child, .complex-header-table tbody tr th:first-child, .complex-header-table tbody tr td:first-child { min-width: 150px; } .complex-header-table thead tr th:nth-child(2), .complex-header-table thead tr td:nth-child(2), .complex-header-table tbody tr th:nth-child(2), .complex-header-table tbody tr td:nth-child(2) { min-width: 230px; } .complex-header-table thead tr th:nth-child(4), .complex-header-table thead tr td:nth-child(4), .complex-header-table tbody tr th:nth-child(4), .complex-header-table tbody tr td:nth-child(4) { min-width: 120px; } .state-saving-table thead tr th:nth-child(1), .state-saving-table thead tr td:nth-child(1), .state-saving-table tbody tr th:nth-child(1), .state-saving-table tbody tr td:nth-child(1) { min-width: 140px; } .state-saving-table thead tr th:nth-child(3), .state-saving-table thead tr td:nth-child(3), .state-saving-table tbody tr th:nth-child(3), .state-saving-table tbody tr td:nth-child(3) { min-width: 130px; } .state-saving-table thead tr th:nth-child(5), .state-saving-table thead tr td:nth-child(5), .state-saving-table tbody tr th:nth-child(5), .state-saving-table tbody tr td:nth-child(5) { min-width: 120px; } .callback-table thead tr th:first-child, .callback-table thead tr td:first-child, .callback-table tbody tr th:first-child, .callback-table tbody tr td:first-child { min-width: 165px; } .callback-table thead tr th:nth-child(5), .callback-table thead tr td:nth-child(5), .callback-table tbody tr th:nth-child(5), .callback-table tbody tr td:nth-child(5) { min-width: 150px; } table.selection-deletion.dataTable tbody tr.selected > * { box-shadow: inset 0 0 0 9999px rgba(82, 82, 108, 0.2) !important; } table.selection-deletion.dataTable tbody tr.selected:hover > * { box-shadow: inset 0 0 0 9999px rgba(82, 82, 108, 0.2) !important; } .add-row-table thead tr th, .add-row-table thead tr td, .add-row-table tbody tr th, .add-row-table tbody tr td { min-width: 118px; } .child-row-table thead tr th:first-child, .child-row-table thead tr td:first-child, .child-row-table tbody tr th:first-child, .child-row-table tbody tr td:first-child { min-width: 75px; } .child-row-table thead tr th:nth-child(2), .child-row-table thead tr td:nth-child(2), .child-row-table tbody tr th:nth-child(2), .child-row-table tbody tr td:nth-child(2) { min-width: 160px; } .child-row-table thead tr th:nth-child(3), .child-row-table thead tr td:nth-child(3), .child-row-table tbody tr th:nth-child(3), .child-row-table tbody tr td:nth-child(3) { min-width: 210px; } .child-row-table thead tr th:nth-child(4), .child-row-table thead tr td:nth-child(4), .child-row-table tbody tr th:nth-child(4), .child-row-table tbody tr td:nth-child(4) { min-width: 128px; } .row-selection-table thead tr th:first-child, .row-selection-table thead tr td:first-child, .row-selection-table tbody tr th:first-child, .row-selection-table tbody tr td:first-child { min-width: 175px; } .row-selection-table thead tr th:nth-child(2), .row-selection-table thead tr td:nth-child(2), .row-selection-table tbody tr th:nth-child(2), .row-selection-table tbody tr td:nth-child(2) { min-width: 180px; } .row-selection-table thead tr th:nth-child(3), .row-selection-table thead tr td:nth-child(3), .row-selection-table tbody tr th:nth-child(3), .row-selection-table tbody tr td:nth-child(3) { min-width: 160px; } .row-selection-table thead tr th:nth-child(4), .row-selection-table thead tr td:nth-child(4), .row-selection-table tbody tr th:nth-child(4), .row-selection-table tbody tr td:nth-child(4) { min-width: 130px; } .custom-filtering-table thead tr th:nth-child(3), .custom-filtering-table thead tr td:nth-child(3), .custom-filtering-table tbody tr th:nth-child(3), .custom-filtering-table tbody tr td:nth-child(3) { min-width: 125px; } .dom-source-data thead tr th:first-child, .dom-source-data thead tr td:first-child, .dom-source-data tbody tr th:first-child, .dom-source-data tbody tr td:first-child { min-width: 170px; } .dom-source-data thead tr th:nth-child(2), .dom-source-data thead tr td:nth-child(2), .dom-source-data tbody tr th:nth-child(2), .dom-source-data tbody tr td:nth-child(2) { min-width: 230px; } .dom-source-data thead tr th:nth-child(4), .dom-source-data thead tr td:nth-child(4), .dom-source-data tbody tr th:nth-child(4), .dom-source-data tbody tr td:nth-child(4) { min-width: 120px; } .ajax-table thead tr th:first-child, .ajax-table thead tr td:first-child, .ajax-table tbody tr th:first-child, .ajax-table tbody tr td:first-child { min-width: 150px; } .ajax-table thead tr th:nth-child(2), .ajax-table thead tr td:nth-child(2), .ajax-table tbody tr th:nth-child(2), .ajax-table tbody tr td:nth-child(2) { min-width: 230px; } .ajax-table thead tr th:nth-child(5), .ajax-table thead tr td:nth-child(5), .ajax-table tbody tr th:nth-child(5), .ajax-table tbody tr td:nth-child(5) { min-width: 130px; } .js-source-table thead tr th:first-child, .js-source-table thead tr td:first-child, .js-source-table tbody tr th:first-child, .js-source-table tbody tr td:first-child { min-width: 150px; } .js-source-table thead tr th:nth-child(2), .js-source-table thead tr td:nth-child(2), .js-source-table tbody tr th:nth-child(2), .js-source-table tbody tr td:nth-child(2) { min-width: 230px; } .js-source-table thead tr th:nth-child(3), .js-source-table thead tr th:nth-child(5), .js-source-table thead tr td:nth-child(3), .js-source-table thead tr td:nth-child(5), .js-source-table tbody tr th:nth-child(3), .js-source-table tbody tr th:nth-child(5), .js-source-table tbody tr td:nth-child(3), .js-source-table tbody tr td:nth-child(5) { min-width: 130px; } .server-side-table thead tr th:first-child, .server-side-table thead tr td:first-child, .server-side-table tbody tr th:first-child, .server-side-table tbody tr td:first-child { min-width: 125px; } .server-side-table thead tr th:nth-child(2), .server-side-table thead tr td:nth-child(2), .server-side-table tbody tr th:nth-child(2), .server-side-table tbody tr td:nth-child(2) { min-width: 130px; } .server-side-table thead tr th:nth-child(3), .server-side-table thead tr td:nth-child(3), .server-side-table tbody tr th:nth-child(3), .server-side-table tbody tr td:nth-child(3) { min-width: 195px; } .server-side-table thead tr th:nth-child(4), .server-side-table thead tr td:nth-child(4), .server-side-table tbody tr th:nth-child(4), .server-side-table tbody tr td:nth-child(4) { min-width: 120px; } .server-side-table thead tr th:nth-child(5), .server-side-table thead tr td:nth-child(5), .server-side-table tbody tr th:nth-child(5), .server-side-table tbody tr td:nth-child(5) { min-width: 120px; } .keytable-table thead tr th:first-child, .keytable-table thead tr td:first-child, .keytable-table tbody tr th:first-child, .keytable-table tbody tr td:first-child { min-width: 175px; } .keytable-table thead tr th:nth-child(2), .keytable-table thead tr td:nth-child(2), .keytable-table tbody tr th:nth-child(2), .keytable-table tbody tr td:nth-child(2) { min-width: 195px; } .keytable-table thead tr th:nth-child(3), .keytable-table thead tr td:nth-child(3), .keytable-table tbody tr th:nth-child(3), .keytable-table tbody tr td:nth-child(3) { min-width: 152px; } .keytable-table thead tr th:nth-child(4), .keytable-table thead tr td:nth-child(4), .keytable-table tbody tr th:nth-child(4), .keytable-table tbody tr td:nth-child(4) { min-width: 120px; } .multi-level-table thead tr th:first-child, .multi-level-table thead tr td:first-child, .multi-level-table tbody tr th:first-child, .multi-level-table tbody tr td:first-child { min-width: 95px; } .multi-level-table thead tr th:nth-child(2), .multi-level-table thead tr td:nth-child(2), .multi-level-table tbody tr th:nth-child(2), .multi-level-table tbody tr td:nth-child(2) { min-width: 208px; } .multi-level-table thead tr th:nth-child(3), .multi-level-table thead tr td:nth-child(3), .multi-level-table tbody tr th:nth-child(3), .multi-level-table tbody tr td:nth-child(3) { min-width: 108px; } .multi-level-table thead tr th:nth-child(4), .multi-level-table thead tr td:nth-child(4), .multi-level-table tbody tr th:nth-child(4), .multi-level-table tbody tr td:nth-child(4) { min-width: 120px; } .header-footer-table thead tr th:first-child, .header-footer-table thead tr td:first-child, .header-footer-table tbody tr th:first-child, .header-footer-table tbody tr td:first-child { min-width: 155px; } .header-footer-table thead tr th:nth-child(2), .header-footer-table thead tr td:nth-child(2), .header-footer-table tbody tr th:nth-child(2), .header-footer-table tbody tr td:nth-child(2) { min-width: 165px; } .header-footer-table thead tr th:nth-child(3), .header-footer-table thead tr td:nth-child(3), .header-footer-table tbody tr th:nth-child(3), .header-footer-table tbody tr td:nth-child(3) { min-width: 132px; } .header-footer-table thead tr th:nth-child(4), .header-footer-table thead tr td:nth-child(4), .header-footer-table tbody tr th:nth-child(4), .header-footer-table tbody tr td:nth-child(4) { min-width: 80px; } .header-footer-table thead tr th:nth-child(5), .header-footer-table thead tr td:nth-child(5), .header-footer-table tbody tr th:nth-child(5), .header-footer-table tbody tr td:nth-child(5) { min-width: 120px; } .html-expert-table .pagination { justify-content: flex-end; } .html-expert-table thead tr th:first-child, .html-expert-table thead tr td:first-child, .html-expert-table tbody tr th:first-child, .html-expert-table tbody tr td:first-child { min-width: 155px; } .html-expert-table thead tr th:nth-child(2), .html-expert-table thead tr td:nth-child(2), .html-expert-table tbody tr th:nth-child(2), .html-expert-table tbody tr td:nth-child(2) { min-width: 235px; } .html-expert-table thead tr th:nth-child(3), .html-expert-table thead tr td:nth-child(3), .html-expert-table tbody tr th:nth-child(3), .html-expert-table tbody tr td:nth-child(3) { min-width: 132px; } .html-expert-table thead tr th:nth-child(4), .html-expert-table thead tr td:nth-child(4), .html-expert-table tbody tr th:nth-child(4), .html-expert-table tbody tr td:nth-child(4) { min-width: 80px; } .html-expert-table thead tr th:nth-child(5), .html-expert-table thead tr td:nth-child(5), .html-expert-table tbody tr th:nth-child(5), .html-expert-table tbody tr td:nth-child(5) { min-width: 120px; } .row-selection thead tr th:first-child, .row-selection thead tr td:first-child, .row-selection tbody tr th:first-child, .row-selection tbody tr td:first-child { min-width: 224px; } .row-selection thead tr th:nth-child(2), .row-selection thead tr td:nth-child(2), .row-selection tbody tr th:nth-child(2), .row-selection tbody tr td:nth-child(2) { min-width: 200px; } .row-selection thead tr th:nth-child(3), .row-selection thead tr td:nth-child(3), .row-selection tbody tr th:nth-child(3), .row-selection tbody tr td:nth-child(3) { min-width: 132px; } .row-selection thead tr th:nth-child(4), .row-selection thead tr td:nth-child(4), .row-selection tbody tr th:nth-child(4), .row-selection tbody tr td:nth-child(4) { min-width: 65px; } .row-selection thead tr th:nth-child(6), .row-selection thead tr td:nth-child(6), .row-selection tbody tr th:nth-child(6), .row-selection tbody tr td:nth-child(6) { min-width: 114px; } .support-ticket-table thead tr th:first-child, .support-ticket-table thead tr td:first-child, .support-ticket-table tbody tr th:first-child, .support-ticket-table tbody tr td:first-child { min-width: 224px; } .support-ticket-table thead tr th:nth-child(2), .support-ticket-table thead tr td:nth-child(2), .support-ticket-table tbody tr th:nth-child(2), .support-ticket-table tbody tr td:nth-child(2) { min-width: 200px; } .support-ticket-table thead tr th:nth-child(3), .support-ticket-table thead tr td:nth-child(3), .support-ticket-table tbody tr th:nth-child(3), .support-ticket-table tbody tr td:nth-child(3) { min-width: 132px; } .support-ticket-table thead tr th:nth-child(4), .support-ticket-table thead tr td:nth-child(4), .support-ticket-table tbody tr th:nth-child(4), .support-ticket-table tbody tr td:nth-child(4) { min-width: 65px; } .support-ticket-table thead tr th:nth-child(5), .support-ticket-table thead tr td:nth-child(5), .support-ticket-table tbody tr th:nth-child(5), .support-ticket-table tbody tr td:nth-child(5) { min-width: 120px; } #batchDelete .jsgrid-grid-header tr th:first-child, #batchDelete .jsgrid-grid-header tr td:first-child, #batchDelete .jsgrid-grid-body tr th:first-child, #batchDelete .jsgrid-grid-body tr td:first-child { min-width: 130px; width: 130px !important; } .autofill-data-tables .dt-ext table.keytable-table tbody tr td.focus { outline: 2px solid var(--theme-default); } .autofill-data-tables .dt-ext .dt-autofill-handle { background: var(--theme-default); } div.dt-rowReorder-float-parent { outline: 2px solid var(--theme-default) !important; } div.dt-button-background { display: none !important; } div.DTS div.dataTables_scrollBody table { z-index: 1; } div .table-avtar { height: 32px; margin-right: 10px; } [dir="rtl"] div .table-avtar { margin-right: unset; margin-left: 10px; } div .action { display: flex; } div .action i { font-size: 16px; } div .action .pdf i { font-size: 20px; color: #fc564a; } div .action .view { margin-right: 5px; } div .action .edit { margin-right: 5px; } div .action .edit i { color: #65c15c; } [dir="rtl"] div .action .edit { margin-left: 5px; } div .action .delete i { color: #fc564a; } #auto-generate-content_wrapper.dataTables_wrapper button { background-color: var(--white); border: 1px solid var(--theme-default); color: var(--theme-default); } .dataTables_wrapper { width: calc(100% - 1px); padding: 0; } .dataTables_wrapper.no-footer .dataTables_scrollBody { border-bottom: 1px solid #e9edf1; } .dataTables_wrapper .dt-buttons .btn { border-radius: 0.25rem !important; } .dataTables_wrapper .btn-group button { margin-right: 5px; } .dataTables_wrapper button { font-weight: 400; padding: 0.375rem 0.75rem; font-size: 14px; border-radius: 0.25rem; color: #fff; } .dataTables_wrapper + .dataTables_wrapper { margin-top: 20px; } .dataTables_wrapper .dataTables_paginate { margin-left: 15px !important; border: 1px solid #f4f4f4; border-radius: 0.25rem; padding-top: 0; } .dataTables_wrapper .dataTables_paginate .paginate_button { margin: 0; } .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button:active { background: var(--theme-default); color: #fff !important; box-shadow: none; } .dataTables_wrapper .dataTables_paginate .paginate_button:hover { border: 1px solid var(--theme-default); color: #3f475a !important; background: transparent !important; } .dataTables_wrapper .dataTables_length { margin-bottom: 30px; } .dataTables_wrapper .dataTables_length select { border-color: #f4f4f4; color: #3f475a; padding: 0 10px; margin: 0 10px; height: 2.7142em; background-color: #fff; } .dataTables_wrapper table.dataTable { border: 1px solid #efefef; } .dataTables_wrapper table.dataTable tbody td.select-checkbox, .dataTables_wrapper table.dataTable tbody th.select-checkbox { padding-right: 40px !important; } .dataTables_wrapper table.dataTable tbody td.select-checkbox:before, .dataTables_wrapper table.dataTable tbody th.select-checkbox:before { right: 20px; top: 22px; left: unset; } .dataTables_wrapper table.dataTable tbody td.select-checkbox:after, .dataTables_wrapper table.dataTable tbody th.select-checkbox:after { margin-top: -5px; margin-left: 21px; } .dataTables_wrapper table.dataTable thead th, .dataTables_wrapper table.dataTable thead td { border-bottom: 2px solid #efefef; } .dataTables_wrapper table.dataTable th, .dataTables_wrapper table.dataTable td { padding: 0.75rem; } .dataTables_wrapper .dataTables_filter { margin-bottom: 25px; margin-left: 15px; } .dataTables_wrapper .dataTables_filter input[type="search"] { border: 1px solid #efefef; padding: 0 10px; margin-left: 10px; height: 37px; border-radius: 0; } .dataTables_scrollHeadInner { width: 100% !important; } table .fixedHeader-floating { position: fixed !important; background-color: #fff; } table .box > div { padding: 5px 15px; background-color: var(--theme-default); display: inline-block; color: #fff; border-radius: 5px; margin-bottom: 15px; margin-right: 15px; } table.dataTable.fixedHeader-locked, table.dataTable.fixedHeader-floating { width: calc(100vw - 250px) !important; max-width: calc(100vw - 250px) !important; overflow: hidden !important; right: 0 !important; z-index: 99; left: 260px !important; } table.dataTable:not(.fixedHeader-locked):not(.fixedHeader-floating) { width: 100% !important; } table.dataTable { border-collapse: collapse !important; margin-top: 0 !important; } table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after { bottom: 12px !important; } table.dataTable input, table.dataTable select { border: 1px solid #efefef; height: 37px; } .user-datatable tr td:first-child, .user-datatable tr th:first-child { min-width: 198px; } .user-datatable tr td:nth-child(2), .user-datatable tr th:nth-child(2) { min-width: 190px; } .user-datatable tr td:nth-child(5), .user-datatable tr th:nth-child(5) { min-width: 130px; } .jsgrid .jsgrid-button { width: 20px; height: 20px; } .jsgrid .jsgrid-delete-button { background-position: 0 -78px; width: 22px; height: 22px; } .jsgrid .jsgrid-edit-button { background-position: -2px -122px; width: 22px; height: 22px; } .jsgrid .jsgrid-insert-mode-button { background-position: -2px -160px; width: 25px; height: 25px; } .jsgrid .jsgrid-insert-button { background-position: -3px -202px; width: 16px; height: 16px; } .toolbar { padding: 5px 15px; background-color: var(--theme-default); display: inline-block; color: #fff; border-radius: 5px; margin-bottom: 15px; margin-right: 15px; } code.option { color: #fc564a !important; } code.api { color: #65c15c !important; } .dt-ext .dataTables_wrapper .page-item.active .page-link { background-color: var(--theme-default) !important; border-color: var(--theme-default) !important; color: #fff; } .dt-ext .dataTables_wrapper .dataTables_paginate { border: none; } .dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button { padding: 0; border: none; } .dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button.hover, .dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button.active { border: none !important; } .dt-ext .dataTables_wrapper .dataTables_paginate .page-link { margin-left: 0px; color: var(--theme-default); } .dt-ext .dataTables_wrapper button.dt-button, .dt-ext .dataTables_wrapper div.dt-button, .dt-ext .dataTables_wrapper a.dt-button, .dt-ext .dataTables_wrapper button.dt-button:focus:not(.disabled), .dt-ext .dataTables_wrapper div.dt-button:focus:not(.disabled), .dt-ext .dataTables_wrapper a.dt-button:focus:not(.disabled), .dt-ext .dataTables_wrapper button.dt-button:active:not(.disabled), .dt-ext .dataTables_wrapper button.dt-button.active:not(.disabled), .dt-ext .dataTables_wrapper div.dt-button:active:not(.disabled), .dt-ext .dataTables_wrapper div.dt-button.active:not(.disabled), .dt-ext .dataTables_wrapper a.dt-button:active:not(.disabled), .dt-ext .dataTables_wrapper a.dt-button.active:not(.disabled) { background-color: var(--theme-default); border-color: var(--theme-default); border-radius: 2px; color: #fff; background-image: none; font-size: 14px; } .dt-ext .dataTables_wrapper button.dt-button.btn-success, .dt-ext .dataTables_wrapper div.dt-button.btn-success, .dt-ext .dataTables_wrapper a.dt-button.btn-success { background-color: #65c15c; border-color: #65c15c; } .dt-ext .dataTables_wrapper button.dt-button.btn-primary, .dt-ext .dataTables_wrapper div.dt-button.btn-primary, .dt-ext .dataTables_wrapper a.dt-button.btn-primary { background-color: var(--theme-default); border-color: var(--theme-default); } .dt-ext .dataTables_wrapper button.dt-button.btn-danger, .dt-ext .dataTables_wrapper div.dt-button.btn-danger, .dt-ext .dataTables_wrapper a.dt-button.btn-danger { background-color: #fc564a; border-color: #fc564a; } .dt-ext .dataTables_wrapper table.dataTable th.focus, .dt-ext .dataTables_wrapper table.dataTable td.focus { outline: 3px solid var(--theme-default); } .dt-ext .dataTables_wrapper table.dataTable.display tbody > tr.odd.selected > .sorting_1, .dt-ext .dataTables_wrapper table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_1 { background-color: white; } .dt-ext .dataTables_wrapper table.dataTable.stripe tbody > tr.odd.selected, .dt-ext .dataTables_wrapper table.dataTable.stripe tbody > tr.odd > .selected, .dt-ext .dataTables_wrapper table.dataTable.display tbody > tr.odd.selected, .dt-ext .dataTables_wrapper table.dataTable.display tbody > tr.odd > .selected { background-color: white; } .dt-ext .dataTables_wrapper table.dataTable.display tbody > tr.even.selected > .sorting_1, .dt-ext .dataTables_wrapper table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_1 { background-color: white; } .dt-ext .dataTables_wrapper table.dataTable tbody > tr.selected, .dt-ext .dataTables_wrapper table.dataTable tbody > tr > .selected { background-color: white; } td.highlight { background-color: #f4f4f4 !important; } td.details-control { background: url("../images/details_open.png") no-repeat center center; cursor: pointer; } tr.shown td.details-control { background: url("../images/details_close.png") no-repeat center center; } .dataTables_scroll ~ .dataTables_paginate { margin-top: 20px !important; } .product-table th:last-child { min-width: 120px; } .product-table h6 { font-weight: 600; color: #3f475a; } table.dataTable.display tbody tr.odd > .sorting_1 { background-color: #fdfeff; } table.dataTable.display tbody tr.odd .badge { line-height: 15px; } table.dataTable.display tbody tr.even .badge { line-height: 15px; } .jsgrid-row .jsgrid-cell .badge, .jsgrid-alt-row .jsgrid-cell .badge { line-height: 15px !important; } /**===================== 2.12 Datatable CSS Ends ==========================**/ /**===================== 2.13 Data picker CSS Start ==========================**/ .datepicker { z-index: 99; } .datepicker--day-name { color: #7366FF; font-weight: bold; } .datepicker--cell.-current- { color: #000; border-radius: 5px; font-weight: bold; border: 2px solid var(--theme-default); } .datepicker--cell.-focus- { background: var(--theme-default); color: #fff; } .datepicker--cell.-selected- { background: var(--theme-default) !important; } .datepicker--cell-day { width: 14.2857142857%; } .datepickers-container, .bootstrap-datetimepicker-widget { z-index: 7; } .datetime-picker .bootstrap-datetimepicker-widget.dropdown-menu { width: auto; } .datetime-picker .input-group-text i { line-height: 1.3; } .bootstrap-calendar .form-control { font-size: 14px; color: #898989; } .clockpicker-popover { border: none; box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07); z-index: 7; } .clockpicker-popover .popover-content { background-color: rgba(115, 102, 255, 0.05); } .clockpicker-canvas-bg { fill: white; } .clockpicker-tick:hover { color: inherit; background-color: white; } .calendar-basic .md-sidebar-aside { background-color: #fff; } .calendar-basic #external-events { padding: 20px; border: 1px solid #d7e2e9; } .calendar-basic #external-events h4 { margin-bottom: 14px; } .calendar-basic #external-events p { margin-top: 12px; } .calendar-basic #external-events .fc-h-event { padding: 12px; background-color: var(--theme-default); border: 1px solid var(--theme-default); } .calendar-basic #external-events .fc-h-event + .fc-h-event { margin-top: 10px; } .calendar-basic #external-events .fc-h-event .fc-event-main { font-size: 13px; } .calendar-basic .calendar-default .fc-event-main-frame { padding: 2px 6px; font-size: 13px; } .calendar-basic .calendar-default .fc .fc-highlight { background: #e8e5ff; } .calendar-basic .calendar-default .fc-daygrid-dot-event { font-size: 13px; } .calendar-basic .calendar-default .fc-daygrid-dot-event .fc-event-title { text-overflow: ellipsis; } .calendar-basic .calendar-default .fc td[role="presentation"] { border: 0; } .calendar-basic .calendar-default .fc .fc-daygrid-day-number, .calendar-basic .calendar-default .fc .fc-col-header-cell-cushion { color: #404040; font-weight: 500; } .calendar-basic .calendar-default .fc .fc-button:focus { box-shadow: unset; } .calendar-basic .calendar-default .fc .fc-button .fc-icon { height: 23px; } .calendar-basic .calendar-default .fc-h-event { padding: 2px; background-color: #7366FF; border: 1px solid #7366FF; } .calendar-basic .calendar-default .fc-toolbar-chunk .fc-button-group ~ .fc-today-button { margin: 0 8px; } .fc-event-dragging { padding: 10px; background-color: var(--theme-default); } .fc .fc-toolbar { flex-wrap: wrap; gap: 10px; } .fc .fc-button-primary:focus { box-shadow: 0 0 0 0.2rem rgba(115, 102, 255, 0.5); } .main-inline-calender.input-group { flex-direction: column; } .main-inline-calender.input-group .form-control { width: 100%; border-radius: 6px !important; } .main-inline-calender.input-group .form-control:focus { box-shadow: unset; border-color: var(--recent-border); } .main-inline-calender.input-group .flatpickr-calendar.inline { width: 100%; border-radius: 6px !important; } .main-inline-calender.input-group .flatpickr-innerContainer { display: block; } .main-inline-calender.input-group .flatpickr-rContainer { display: block; } .main-inline-calender.input-group .flatpickr-rContainer .flatpickr-weekdays { width: 100%; } .main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days { width: 100%; } .main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days .dayContainer { width: 100%; max-width: none; min-width: unset; } .main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day { border-radius: 5px; width: 100%; max-width: unset; } .main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day.prevMonthDay, .main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day.nextMonthDay { color: rgba(82, 82, 108, 0.6); } .main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day:hover { background: var(--theme-default) !important; color: #fff !important; } .flatpickr-day.selected, .flatpickr-day .endRange { background-color: var(--theme-default) !important; border-color: var(--theme-default) !important; } .flatpickr-day.selected:hover, .flatpickr-day .endRange:hover { background-color: var(--theme-default) !important; border-color: var(--theme-default) !important; } .main-flatpickr .form-control:read-only { background-color: unset; } .flatpickr-months { font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320))); } .flatpickr-current-month { font-size: calc(14px + (19 - 14) * ((100vw - 320px) / (1920 - 320))); } @media (max-width: 400px) { .flatpickr-calendar.animate { width: 77%; left: 50% !important; transform: translateX(-50%); } } .flatpickr-calendar .flatpickr-days { width: unset; } .flatpickr-calendar .flatpickr-days .dayContainer { width: unset; min-width: unset; max-width: unset; } .flatpickr-calendar.rangeMode .flatpickr-days .dayContainer .flatpickr-day.endRange { border-color: var(--theme-default); background-color: var(--theme-default); } @media (max-width: 768px) { .flatpicker-calender .form-control { font-size: 14px; } } .timepicker-wrapper .row { margin-bottom: 16px; } .timepicker-wrapper .row:last-child { margin-bottom: 0; } .timepicker-wrapper .row .input-group .form-control { font-size: 14px; color: #898989; } .timepicker-wrapper .row .input-group .form-control.input { border-top-left-radius: 5px !important; border-bottom-left-radius: 5px !important; } /**===================== 2.13 Data picker CSS End ==========================**/ /**===================== 2.14 Dropdown CSS Start ==========================**/ .img-cropper .dropup .dropdown-toggle::after { content: ''; display: none; } .dropdown-divider { margin: 0; } .dropdown .dropdown-toggle { background-color: rgba(115, 102, 255, 0.08); color: #7366FF; border-radius: 10px; padding: 5px 10px; width: 100px; text-align: left; } .dropdown .dropdown-toggle:after { position: absolute; top: 50%; right: 10px; -webkit-transform: translateY(-50%); transform: translateY(-50%); content: "\f107"; border: none; font-family: "Font Awesome 6 Free"; font-size: 18px; font-weight: 600; margin: 0; } .dropdown .dropdown-toggle.show { border-color: transparent; } .dropdown .dropdown-toggle.btn-primary { color: #fff; } .dropdown .dropdown-toggle:focus, .dropdown .dropdown-toggle:active { border: 1px solid transparent; } .dropdown.custom-dropdown .dropdown-toggle { border-radius: 3px; border: 1px solid rgba(82, 82, 108, 0.2); background-color: transparent; color: var(--body-font-color); font-weight: 500; } .dropdown.custom-dropdown .dropdown-toggle::after { color: var(--theme-default); } .dropdown.custom-dropdown .dropdown-menu .dropdown-item:hover { background-color: #F7F8F9; color: var(--theme-default); opacity: 1; } .dropdown .dropdown-menu { font-family: Rubik, sans-serif; border-radius: 0px; } .docs-toggles .dropdown .dropdown-toggle { width: auto; } .docs-toggles .dropdown .dropdown-menu .dropdown-item .form-check .form-check-input:focus { box-shadow: unset; border-color: #52526c; } .nav-tabs .dropdown .dropdown-toggle { width: 120px; } @media only screen and (max-width: 575.98px) { .nav-tabs .dropdown .dropdown-toggle { width: 100%; text-align: center; } } .icon-dropdown .dropdown-toggle { background: transparent; color: #75758a; padding: 0; width: auto; z-index: 1; position: relative; } .icon-dropdown .dropdown-toggle i { font-size: 16px; } .icon-dropdown .dropdown-toggle::after { display: none; } .icon-dropdown .dropdown-item { line-height: 1.5; } .dropdown-basic { margin-bottom: -10px; } .dropdown-basic .btn-group .btn-round { border-radius: 50px; } .dropdown-basic .separated-btn { margin-left: -6px; } [dir="rtl"] .dropdown-basic .separated-btn { margin-left: unset; margin-right: -6px; } .dropdown-basic .separated-btn .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; padding: 10px; } .dropdown-basic .separated-btn.dropdown { margin-bottom: 0; } .dropdown-basic button { max-height: 43px; } .dropdown-basic .dropdown { position: relative; display: inline-block; margin-bottom: 10px; } .dropdown-basic .dropdown .dropbtn { color: #fff; padding: 12px 35px; border: none; cursor: pointer; } .dropdown-basic .dropdown-content a:hover { background-color: #f1f1f1; } .dropdown-basic .dropdown:hover .dropdown-content { display: block; } .dropdown-block li .dropdown-item:hover { background-color: #cccccc; } .dropdown-block li .helper-truncate:hover { background-color: unset !important; } .dropdown-basic .dropdown .dropdown-content a:hover { background-color: #cccccc !important; } .dropdown-menu .input-group { background-color: unset; padding: 6px 12px; border-top: 1px solid #efefef; background-color: var(--white); opacity: 0.6; } .dropdown-menu .input-group:hover, .dropdown-menu .input-group:active { background-color: #cccccc; } .dropdown-menu .input-group .input-group-text { background-color: unset; border: none; } .dark-form .form-label { color: var(--chart-text-color); } .dark-form .form-control { border: 1px solid var(--chart-text-color) !important; } .dark-form .form-check .form-check-input { border: 1px solid var(--chart-text-color); } .dark-form .form-check .form-check-label { color: var(--chart-text-color); } .dark-form h6 { color: var(--chart-text-color); } .dark-form p.dropdown-item { padding: 7px 0 0 0; border-top: 1px solid var(--chart-dashed-border); } .dark-form .helper-truncate { color: var(--chart-text-color); background-color: transparent; } .dropdown-toggle::after { display: inline-block; margin-left: 8px; vertical-align: 4px; content: ''; border-top: 4px solid; border-right: 4px solid transparent; border-bottom: 0; border-left: 4px solid transparent; } [dir="rtl"] .dropdown-toggle::after { margin-left: unset; margin-right: 8px; } .dropstart .dropdown-toggle::before { display: inline-block; margin-right: 8px; content: ''; border-top: 4px solid transparent; border-right: 4px solid; border-bottom: 4px solid transparent; } [dir="rtl"] .dropstart .dropdown-toggle::before { margin-left: 8px; margin-right: unset; } .dropup .dropdown-toggle::after { content: ''; display: inline-block; margin-left: 8px; vertical-align: 4px; border-top: 0; border-right: 4px solid transparent; border-bottom: 4px solid; border-left: 4px solid transparent; } [dir="rtl"] .dropup .dropdown-toggle::after { margin-left: unset; margin-right: 8px; } .dropend .dropdown-toggle::after { content: ''; display: inline-block; content: ''; border-top: 4px solid transparent; border-right: 0; border-bottom: 4px solid transparent; border-left: 4px solid; margin-left: 8px; } [dir="rtl"] .dropend .dropdown-toggle::after { margin-left: unset; margin-right: 8px; } .form-wrapper { width: 260px; } @media (max-width: 400px) { .dropdown-menu .helper-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } } .dropdown-menu .form-control::placeholder { color: #999999; font-size: 14px; } .dark-dropdown .dropdown-block li .dropdown-item:hover, .dark-dropdown .dropdown-block li .dropdown-item.active { background-color: #3f475a; color: #fff; } btn-group .dropdown-wrapper { z-index: 2; } btn-group .dropdown-wrapper .input-group .input-group-text { padding: 0px 8px 0px 0px; } [dir="rtl"] btn-group .dropdown-wrapper .input-group .input-group-text { padding: 0px 0px 0px 8px; } .helper-cards .common-flex .btn-group .dropdown-menu li .dropdown-item:hover { background-color: transparent; } .dropdown-option .dropdown .dropdown-toggle { color: #fff; } .dropdown-option .dropdown .dropdown-toggle::after { font-size: 14px; } [dir="rtl"] .rtl-dropdown .dropdown-menu li .dropdown-item { text-align: right; } .rtl-dropdown .dropdown-menu.show .form-control { color: #52526c; } [dir="rtl"] .rtl-dropdown .btn-group .dropdown-menu { text-align: right; } .heading-dropdown .dropdown-menu > li:first-child > a { border-bottom: 4px solid var(--recent-border); border-top: 0; background-color: #d7e2e9; } .split-dropdown .dropdown-basic .btn-group .dropdown-menu .dropdown-item a { color: #2b2b2b; font-size: 13px; padding: initial; background: transparent; } /**===================== 2.14 Dropdown CSS Ends ==========================**/ /**===================== 2.15 Form-input CSS Start ==========================**/ .icon-addon .addon-md .fa, .icon-addon .addon-md .glyphicon { position: absolute; z-index: 2; left: 10px; font-size: 14px; width: 20px; margin-left: -2.5px; text-align: center; padding: 10px 0; top: 1px; } .icon-addon .glyphicon, .icon-addon .fa { position: absolute; z-index: 2; left: 10px; font-size: 14px; width: 20px; margin-left: -2.5px; text-align: center; padding: 10px 0; top: 1px; } .input-group-square .input-group-text, .input-group-square .form-control { border-radius: 0; } .input-group-air { box-shadow: 0 3px 20px 0 #efefef; } .icon-addon { position: relative; color: #4c5667; display: block; } .icon-addon:after { display: table; content: ""; clear: both; } .icon-addon:before { display: table; content: ""; } .icon-addon .addon-md .form-control { padding-left: 30px; float: left; font-weight: normal; } .icon-addon .form-control { padding-left: 30px; float: left; font-weight: normal; } .input-group-wrapper .input-group { margin-bottom: 16px; } .input-group-wrapper .input-group .form-control { font-size: 16px; } .input-group-wrapper .input-group .form-control:focus { border-color: var(--recent-border); box-shadow: unset; } .input-group-wrapper .input-group:last-child { margin-bottom: 0; } .input-group-wrapper .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .main-custom-form label { margin-bottom: 0; } .main-custom-form .form-select:focus { box-shadow: unset; border-color: var(--recent-border); } .main-custom-form .dropdown-menu { z-index: 3; } .main-custom-form .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .main-custom-form .form-select, .main-custom-form .form-control { font-size: calc(14px + (15 - 14) * ((100vw - 320px) / (1920 - 320))); } .main-custom-form .input-group-text { font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320))); } @media (max-width: 338px) { .main-custom-form .dropdown-toggle.btn { padding: 6px 11px; } } .main-segment-btn .dropdown-toggle::after { content: ''; margin-left: 0; border-top: 6px solid; border-right: 6px solid transparent; border-left: 6px solid transparent; vertical-align: 2px; } .main-segment-btn .dropdown-menu { z-index: 3; } #exampleDataList::-webkit-calendar-picker-indicator:hover, #exampleDataList::-webkit-calendar-picker-indicator:focus { display: none; } .form-control-color { max-width: 70rem; } .form-control { padding: 10px 15px; background-color: #fff !important; } .form-select { padding: 10px 15px; background-color: #fff !important; } .select2-container--default .select2-selection--single { border: 1px dashed #cccccc; } .select2-container--default .select2-results__option--highlighted { background-color: #7366FF !important; } .theme-form select.form-select option { padding: 8px 10px; border-radius: 100px; } .input-radius .form-control:focus { box-shadow: unset; border-color: var(--recent-border); } .input-radius .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .floating-wrapper .form-floating .form-control { height: 54px; } .btn-circle-success { background-color: rgba(70, 179, 105, 0.18); border-radius: 50%; padding: 4px 8px; color: #45B369; } .btn-circle-success:hover { background-color: rgba(70, 179, 105, 0.36); color: #45B369; } .btn-circle-danger { background-color: rgba(248, 102, 36, 0.18); border-radius: 50%; padding: 4px 8px; color: #F86624; } .btn-circle-danger:hover { background-color: rgba(248, 102, 36, 0.36); color: #F86624; } .btn-circle-primary { background-color: rgba(52, 152, 219, 0.18); border-radius: 50%; padding: 4px 8px; color: #3498DB; } .btn-circle-primary:hover { background-color: rgba(52, 152, 219, 0.36); color: #3498DB; } .btn-circle-warning { background-color: rgba(255, 193, 7, 0.18); border-radius: 50%; padding: 4px 8px; color: #FFC107; } .btn-circle-warning:hover { background-color: rgba(248, 102, 36, 0.36); color: #FFC107; } .btn-circle-info { background-color: rgba(255, 193, 7, 0.18); border-radius: 50%; padding: 4px 8px; color: #3498DB; } .btn-circle-info:hover { background-color: rgba(52, 152, 219, 0.36); color: #3498DB; } /**===================== 2.15 Form-input CSS Ends ==========================**/ /**===================== 2.16 Form-wizard CSS Start ==========================**/ /*Form Wizard One Start*/ .form-wizard .tab { display: none; } .form-wizard .step { width: 10px; height: 10px; margin: 0 2px; background-color: var(--theme-default); border: none; border-radius: 50%; display: inline-block; opacity: 0.5; } .form-wizard .step.active { opacity: 1; } .form-wizard .step.finish { background-color: var(--theme-secondary); } /*Form Wizard One ends*/ /*Form Wizard Four Start*/ .wizard-4 .action-bar { position: absolute; bottom: 50px; right: 50px; } [dir="rtl"] .wizard-4 .action-bar { right: unset; left: 50px; } .wizard-4 .action-bar .btn { float: right; margin: 0 5px; background-color: #e3e0ff !important; border-color: #e3e0ff !important; color: var(--theme-default); } .wizard-4 .action-bar .buttonDisabled { color: #59667a; background-color: rgba(89, 102, 122, 0.05) !important; border: 1px solid rgba(89, 102, 122, 0.05) !important; cursor: text; } .wizard-4 .step-container { background: #f8f9fe; position: relative; margin: 0; padding: 0; border: 0 solid #e8ebf2; overflow: hidden; clear: right; width: 70%; } .wizard-4 .step-container div.content { display: block; position: absolute; float: left; text-align: left; overflow: auto; z-index: 1; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; clear: both; } [dir="rtl"] .wizard-4 .step-container div.content { text-align: unset; text-align: right; } .wizard-4 .step-container div.content .wizard-title { width: 450px; margin: 0 auto; } .wizard-4 .loader { display: none; } .wizard-4 .msg-box { position: fixed; display: none; padding: 5px 10px; background-color: #a299ff; top: 30px; border-radius: 5px; right: 60px; padding: 10px 20px; } .wizard-4 .msg-box .content { padding: 0; float: left; padding-top: 3px; color: #fff; } .wizard-4 .msg-box .close { color: #fff; margin-left: 10px; opacity: 1; font-size: 18px; line-height: 1.4; } [dir="rtl"] .wizard-4 .msg-box .close { margin-right: 10px; margin-left: unset; } .wizard-4 ul.anchor { float: left; width: 30%; height: calc(100vh - 300px); padding: 40px 30px; overflow: auto; } .wizard-4 ul.anchor .disabled { opacity: 0.7; color: #59667a; } .wizard-4 ul.anchor .disabled h4 { background-color: rgba(89, 102, 122, 0.15); } .wizard-4 ul.anchor .logo { padding-bottom: 20px; } .wizard-4 ul.anchor li { position: relative; display: block; margin: 0; padding: 0; padding-bottom: 19px; float: left; clear: both; width: 100%; box-sizing: border-box; z-index: 0; } .wizard-4 ul.anchor li + li a { padding-left: 80px; } [dir="rtl"] .wizard-4 ul.anchor li + li a { padding-left: unset; padding-right: 80px; } .wizard-4 ul.anchor li:last-child { position: absolute; bottom: 0; width: auto; padding-bottom: 0; left: 9%; } [dir="rtl"] .wizard-4 ul.anchor li:last-child { left: unset; right: 9%; } .wizard-4 ul.anchor li:last-child img { height: 300px; } @media (max-width: 1199px) { .wizard-4 ul.anchor li:last-child img { height: 220px; } } .wizard-4 ul.anchor li h4 { display: inline-block; background-color: rgba(115, 102, 255, 0.2); padding: 16px 23px; border-radius: 100%; position: absolute; left: 0; top: 6px; width: 60px; display: flex; justify-content: center; align-items: center; } [dir="rtl"] .wizard-4 ul.anchor li h4 { left: unset; right: 0; } .wizard-4 ul.anchor li a { display: block; position: relative; float: left; margin: 0; padding: 10px 20px; width: 100%; box-sizing: border-box; text-decoration: none; outline-style: none; z-index: 1; font-size: 18px; } .wizard-4 ul.anchor li a small { display: block; font-size: 14px; } .wizard-4 ul.anchor li a .stepNumber { position: relative; float: left; width: 30px; text-align: center; padding: 5px; padding-top: 0; } .wizard-4 ul.anchor li a.done h4 { color: #fff; background: var(--theme-default); } .wizard-4 ul.anchor li a.done h4:before { font-size: 12px; position: absolute; left: 5px; top: -3px; content: "\e64c"; font-family: 'themify'; background-color: #fff; color: var(--theme-default); border-radius: 15px; padding: 2px; border: 1px solid; } .wizard-4 ul.anchor li a.error { color: #898989; background: #fe8a7d; border: 1px solid #fc564a; } .wizard-4 ul.anchor li a.error:hover { color: #000; } .wizard { max-width: 670px; margin: 0 auto; } .wizard .wizard-content { box-shadow: unset; background-color: #fff; border-radius: 5px; } .vertical-main-wizard .header-vertical-wizard { background-color: var(--light-background); height: 100%; text-align: unset; } .vertical-main-wizard .header-vertical-wizard .nav-link { border-bottom: 1px solid var(--recent-border); border-radius: 0; padding: 18px; } .vertical-main-wizard .header-vertical-wizard .nav-link:last-child { border-bottom: 0; } .vertical-main-wizard .nav-pills .nav-link.active { background-color: transparent; } .vertical-main-wizard .nav-pills.show > .nav-link { background-color: transparent; } .vertical-main-wizard .nav-link .vertical-wizard { display: flex; align-items: center; gap: 14px; } .vertical-main-wizard .nav-link .vertical-wizard .stroke-icon-wizard { width: 33px; height: 33px; display: flex; justify-content: center; align-items: center; background-color: var(--white); border-radius: 50%; position: relative; border: 1px solid #52526c; } .vertical-main-wizard .nav-link .vertical-wizard .stroke-icon-wizard i { margin-right: 0; color: #52526c; } .vertical-main-wizard .nav-link .vertical-wizard .vertical-wizard-content h6 { font-weight: 400; line-height: 1; color: var(--body-font-color); } .vertical-main-wizard .nav-link .vertical-wizard .vertical-wizard-content p { color: var(--chart-text-color); } .vertical-main-wizard .nav-link:active, .vertical-main-wizard .nav-link.active { background-color: unset; } .vertical-main-wizard .nav-link:active .vertical-wizard .stroke-icon-wizard, .vertical-main-wizard .nav-link.active .vertical-wizard .stroke-icon-wizard { background-color: var(--theme-default); border: 1px solid var(--theme-default); } .vertical-main-wizard .nav-link:active .vertical-wizard .stroke-icon-wizard i, .vertical-main-wizard .nav-link.active .vertical-wizard .stroke-icon-wizard i { color: #fff; font-size: 18px; } .vertical-main-wizard .nav-link:active .vertical-wizard .stroke-icon-wizard::before, .vertical-main-wizard .nav-link.active .vertical-wizard .stroke-icon-wizard::before { content: ''; width: 45px; height: 45px; border-radius: 50%; position: absolute; border: 1px solid #7366FF; } .vertical-main-wizard .nav-link:active .vertical-wizard .vertical-wizard-content h6, .vertical-main-wizard .nav-link.active .vertical-wizard .vertical-wizard-content h6 { color: var(--theme-default); } .vertical-main-wizard .form-check .form-check-label { margin-bottom: 0; } .vertical-main-wizard .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .basic-wizard .stepper-horizontal { display: flex; width: 100%; margin: 0 auto; overflow: auto; margin-bottom: calc(14px + (24 - 14) * ((100vw - 320px) / (1920 - 320))); } .basic-wizard .stepper-horizontal .step { position: relative; padding-inline: 24px; z-index: 2; width: 100%; } .basic-wizard .stepper-horizontal .step:first-child { padding-left: 0; } [dir="rtl"] .basic-wizard .stepper-horizontal .step:first-child { padding-left: 24px; padding-right: 0; } .basic-wizard .stepper-horizontal .step:last-child { padding-right: 0; } [dir="rtl"] .basic-wizard .stepper-horizontal .step:last-child { padding-right: 24px; padding-left: 0; } .basic-wizard .stepper-horizontal .step:last-child .step-bar-left, .basic-wizard .stepper-horizontal .step:last-child .step-bar-right { display: none; } .basic-wizard .stepper-horizontal .step .step-circle { width: 32px; height: 32px; margin: 0 auto; border-radius: 50%; text-align: center; line-height: 1.8; font-size: 16px; font-weight: 600; z-index: 2; border: 2px solid #cccccc; background: var(--white); } .basic-wizard .stepper-horizontal .step.done .step-circle { background-color: var(--white); border: 2px solid #75758a; color: #7366FF; z-index: 4; position: relative; } .basic-wizard .stepper-horizontal .step.done .step-circle:before { font-family: "Font Awesome 6 Free"; font-weight: 600; content: "\f00c"; } .basic-wizard .stepper-horizontal .step.done .step-circle * { display: none; } .basic-wizard .stepper-horizontal .step.done .step-title { color: #75758a; } .basic-wizard .stepper-horizontal .step.editing .step-circle { background: var(--white); border-color: #75758a; color: var(--theme-default); } .basic-wizard .stepper-horizontal .step .step-title { margin-top: 8px; font-size: 16px; font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320))); font-weight: 600; white-space: nowrap; color: var(--chart-text-color); } .basic-wizard .stepper-horizontal .step .step-title, .basic-wizard .stepper-horizontal .step .step-optional { text-align: center; } .basic-wizard .stepper-horizontal .step .step-bar-left, .basic-wizard .stepper-horizontal .step .step-bar-right { position: absolute; top: calc(32px - 18px); height: 4px; background-color: var(--view-border-marker); border: solid var(--view-border-marker); border-width: 2px 0; } .basic-wizard .stepper-horizontal .step .step-bar-left { width: 100%; left: 50%; z-index: -1; } [dir="rtl"] .basic-wizard .stepper-horizontal .step .step-bar-left { left: unset; right: 50%; } .basic-wizard .stepper-horizontal .step .step-bar-right { width: 0; left: 50%; z-index: -1; transition: width 500ms ease-in-out; } [dir="rtl"] .basic-wizard .stepper-horizontal .step .step-bar-right { right: 50%; left: unset; } .basic-wizard .stepper-horizontal .step.done .step-bar-right { background-color: var(--theme-default); border-color: var(--theme-default); z-index: 3; width: 100%; } .basic-wizard form.none { display: none; } .basic-wizard form.block { display: block; } .basic-wizard form .form-check-label { margin-bottom: 0; } .important-validation .form-label span { color: #fc564a; } .select-size.form-select { font-size: 14px; } .wizard-footer button.disabled { background-color: #EAEBF2; } .wizard-footer button.back { background-color: #ffb829; } .successful-form { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 10px; padding-bottom: 24px; } .successful-form img { width: calc(68px + (100 - 68) * ((100vw - 320px) / (1920 - 320))); height: calc(68px + (100 - 68) * ((100vw - 320px) / (1920 - 320))); } #horizontal-wizard-tab .nav-link.active h6, #vertical-wizard-tab .nav-link.active h6 { color: #fff; } .inquiries-form h6 { margin-bottom: 14px; } .inquiries-form .choose-option { display: flex; flex-direction: column; justify-content: center; } .inquiries-form .choose-option .form-check:last-child { margin-bottom: 0; } .form-completed img { height: 100px; margin: 0 auto; display: block; } .form-completed h6 { text-align: center; margin-top: 24px; } .horizontal-wizard-wrapper .main-horizontal-header { padding: 0 0 20px 0; } .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options { display: flex; justify-content: space-around; flex-wrap: wrap; gap: 14px; } @media (max-width: 1182px) { .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options { justify-content: flex-start; } } .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a { display: flex; justify-content: center; align-items: center; } .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a .horizontal-wizard { display: flex; justify-content: center; align-items: center; color: var(--body-font-color); transition: all 0.3s ease; } .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a .horizontal-wizard .stroke-icon-wizard i { font-size: 18px; color: var(--body-font-color); } [dir="rtl"] .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a .horizontal-wizard .stroke-icon-wizard i { margin-right: unset; margin-left: 10px; } .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link:active .horizontal-wizard, .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link.active .horizontal-wizard { color: var(--white); transition: all 0.3s ease; } .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link:active .horizontal-wizard .stroke-icon-wizard i, .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link.active .horizontal-wizard .stroke-icon-wizard i { color: #fff; } .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link:active .horizontal-wizard .stroke-icon-wizard span, .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link.active .horizontal-wizard .stroke-icon-wizard span { color: #fff; } .horizontal-wizard-wrapper .main-horizontal-header .form-check { margin-bottom: 0; } .horizontal-wizard-wrapper .bank-search { margin-bottom: 22px; } @media (max-width: 767px) { .horizontal-wizard-wrapper .bank-search { margin-bottom: 0; } } .horizontal-wizard-wrapper .bank-selection { padding: 10px 0 0 0; } @media (max-width: 401px) { .horizontal-wizard-wrapper .bank-selection .radio-wrapper { justify-content: center; } } .horizontal-wizard-wrapper .bank-selection .radio-wrapper li { display: flex; justify-content: center; align-items: center; height: 100%; } .horizontal-wizard-wrapper .bank-selection .radio-wrapper li .form-check-label { margin-bottom: 0; padding: 6px; } .horizontal-wizard-wrapper .bank-selection .radio-wrapper li .form-check-label img { height: calc(45px + (52 - 45) * ((100vw - 320px) / (1920 - 320))); } .horizontal-wizard-wrapper .bank-selection .radio-wrapper li .form-check-label span { font-size: 14px; } .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options { gap: 12px; } @media (max-width: 1400px) { .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options { justify-content: flex-start; } } .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link { color: var(--body-font-color); } .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link .horizontal-wizard { gap: 10px; } .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link .horizontal-wizard .stroke-icon-wizard { width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; background-color: #e8e5ff; border-radius: 6px; } .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link .horizontal-wizard .stroke-icon-wizard i { margin-right: 0; } .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link:active, .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link.active { background-color: unset; } .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link:active .horizontal-wizard, .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link.active .horizontal-wizard { color: var(--body-font-color); } .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link:active .horizontal-wizard .stroke-icon-wizard, .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link.active .horizontal-wizard .stroke-icon-wizard { background-color: var(--theme-default); } .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link:active .horizontal-wizard .stroke-icon-wizard i, .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link.active .horizontal-wizard .stroke-icon-wizard i { margin-right: 0; color: var(--white); } .horizontal-wizard-wrapper.vertical-variations .select-account .radio-wrapper li { padding: 20px; display: grid; width: 100%; height: 100%; place-content: baseline; text-align: unset; align-items: unset; max-width: unset; } .horizontal-wizard-wrapper.vertical-variations .select-account .radio-wrapper li .form-check-label { justify-content: unset; display: flex; align-items: center; } .horizontal-wizard-wrapper.vertical-variations .select-account .radio-wrapper li .form-check-label span > span + span { font-size: 13px; } @media (max-width: 400px) { .horizontal-wizard-wrapper.vertical-variations .select-account .radio-wrapper li .form-check-label span > span + span { display: none; } } .horizontal-wizard-wrapper.vertical-options .main-horizontal-header { padding-bottom: 0; } .horizontal-wizard-wrapper.vertical-options .main-horizontal-header .horizontal-options { flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 12px; } .authentication-options .radio-wrapper { display: flex; gap: calc(8px + 8 * (100vw - 320px) / 1600); flex-wrap: wrap; justify-content: center; } .authentication-options .radio-wrapper li { padding: 20px; display: grid; width: 100%; height: 100%; place-content: baseline; text-align: unset; align-items: unset; max-width: unset; } .authentication-options .radio-wrapper li .form-check-label { display: flex; align-items: center; text-align: left; gap: 14px; } @media (max-width: 400px) { .authentication-options .radio-wrapper li .form-check-label { align-items: baseline; } } .authentication-options .radio-wrapper li .form-check-label i { padding: 0; } [dir="rtl"] .authentication-options .radio-wrapper li .form-check-label i { padding: 0; } .authentication-options .radio-wrapper li .form-check-label span > span { font-size: 16px; color: #1f2533; font-weight: 500; } .authentication-options .radio-wrapper li .form-check-label span > span + span { color: var(--chart-text-color); font-size: 14px; } .main-qr-code .modal-toggle-wrapper .modal-img { flex-direction: column; align-items: center; margin-bottom: 22px; } @media (max-width: 480px) { .main-qr-code .modal-toggle-wrapper .modal-img { align-items: unset; } } @media (max-width: 480px) { .main-qr-code .modal-toggle-wrapper .modal-img .qr-img { text-align: center; } } .main-qr-code .modal-toggle-wrapper .modal-img .qr-img img { width: 100px; height: 100px; } .main-qr-code .modal-toggle-wrapper .modal-img .qr-content { margin-top: 16px; } .main-qr-code .modal-toggle-wrapper .modal-img .qr-content .alert { align-items: unset; } .main-qr-code .modal-toggle-wrapper .modal-img .qr-content .alert div { word-break: break-word; } .main-qr-code .modal-toggle-wrapper .modal-img .qr-content i { font-size: 20px; margin-right: 0; } .main-qr-code .modal-toggle-wrapper .btn { display: block; margin: auto; margin-top: 12px; } .authentication-body { display: flex; justify-content: center; align-items: center; flex-direction: column; margin: auto; text-align: center; } .authentication-body img { height: calc(200px + (420 - 200) * ((100vw - 320px) / (1920 - 320))); } .shipping-form .shipping-border, .checkout-cart .shipping-border { border-right: 1px solid var(--recent-dashed-border); } @media (max-width: 1200px) { .shipping-form .shipping-border, .checkout-cart .shipping-border { border-right: unset; } } .shipping-form .shipping-options, .checkout-cart .shipping-options { display: flex; align-items: center; background-color: #e8e5ff; flex-wrap: nowrap; margin-bottom: 18px; } @media (max-width: 768px) { .shipping-form .shipping-options, .checkout-cart .shipping-options { flex-direction: column; } } .shipping-form .shipping-options .nav-link, .checkout-cart .shipping-options .nav-link { width: 100%; } @media (min-width: 1200px) and (max-width: 1920px) { .shipping-form .shipping-options .nav-link, .checkout-cart .shipping-options .nav-link { padding: calc(8px + (8 - 8) * ((100vw - 300px) / (1920 - 300))) calc(6px + (16 - 6) * ((100vw - 300px) / (1920 - 300))); } } .shipping-form .shipping-options .nav-link.active i, .checkout-cart .shipping-options .nav-link.active i { background-color: #e8e5ff; color: var(--theme-default); transition: all 0.3s ease-in-out; } .shipping-form .shipping-options .nav-link.active h6, .checkout-cart .shipping-options .nav-link.active h6 { color: #fff; } .shipping-form .shipping-options .nav-link:nth-child(2) .cart-options i, .checkout-cart .shipping-options .nav-link:nth-child(2) .cart-options i { transform: scaleX(-1); } .shipping-form .shipping-options .cart-options, .checkout-cart .shipping-options .cart-options { display: flex; align-items: center; gap: 11px; } .shipping-form .shipping-options .cart-options i, .checkout-cart .shipping-options .cart-options i { font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320))); color: #fff; width: 40px; height: 40px; background-color: var(--theme-default); display: flex; justify-content: center; align-items: center; border-radius: 50%; margin: 0; transition: all 0.3s ease-in-out; } @media (min-width: 1200px) and (max-width: 1920px) { .shipping-form .shipping-options .cart-options i, .checkout-cart .shipping-options .cart-options i { font-size: calc(14px + (18 - 14) * ((100vw - 1200px) / (1920 - 1200))); width: calc(30px + (40 - 30) * ((100vw - 1200px) / (1920 - 1200))); height: calc(30px + (40 - 30) * ((100vw - 1200px) / (1920 - 1200))); } } .shipping-form .shipping-options .cart-options h6, .checkout-cart .shipping-options .cart-options h6 { color: var(--theme-default); } .shipping-form .shipping-info .table thead th, .checkout-cart .shipping-info .table thead th { white-space: nowrap; } .shipping-form .shipping-info .table thead th:last-child, .checkout-cart .shipping-info .table thead th:last-child { text-align: end; } .shipping-form .shipping-info .table tbody tr td img, .checkout-cart .shipping-info .table tbody tr td img { height: 50px; } .shipping-form .shipping-info .table tbody tr td:last-child, .checkout-cart .shipping-info .table tbody tr td:last-child { text-align: end; } .shipping-form .shipping-info .table tbody tr td span, .checkout-cart .shipping-info .table tbody tr td span { color: var(--chart-text-color); } .shipping-form .shipping-info .table tbody tr:last-child td, .checkout-cart .shipping-info .table tbody tr:last-child td { border: 0; } .shipping-form .shipping-info .table tfoot, .checkout-cart .shipping-info .table tfoot { font-weight: 400; } .shipping-form .shipping-info .table tfoot tr td, .checkout-cart .shipping-info .table tfoot tr td { white-space: nowrap; } .shipping-form .shipping-info .table tfoot tr td:first-child, .checkout-cart .shipping-info .table tfoot tr td:first-child { max-width: 370px; } .shipping-form .shipping-info .table tfoot tr td:last-child, .checkout-cart .shipping-info .table tfoot tr td:last-child { min-width: 0; text-align: end; } .shipping-form .shipping-info .table tfoot tr:first-child, .checkout-cart .shipping-info .table tfoot tr:first-child { font-weight: 500; } .shipping-form .shipping-info .table tfoot tr:last-child, .checkout-cart .shipping-info .table tfoot tr:last-child { font-weight: 600; } .shipping-form .shipping-info .table tfoot tr:last-child td, .checkout-cart .shipping-info .table tfoot tr:last-child td { border-bottom: 0; } .shipping-form .shipping-content, .checkout-cart .shipping-content { height: 100%; padding: 0; } .shipping-form .shipping-content .shipping-wizard .shipping-title, .checkout-cart .shipping-content .shipping-wizard .shipping-title { display: flex; justify-content: space-between; align-items: center; } .shipping-form .shipping-content .shipping-wizard .shipping-title > .btn, .checkout-cart .shipping-content .shipping-wizard .shipping-title > .btn { background: none !important; border: 0; padding: 0 28px; } .shipping-form .shipping-content .shipping-wizard .shipping-title > .btn i, .checkout-cart .shipping-content .shipping-wizard .shipping-title > .btn i { color: var(--theme-default); } .shipping-form .shipping-content .shipping-wizard .collect-address, .checkout-cart .shipping-content .shipping-wizard .collect-address { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; } .shipping-form .shipping-content .shipping-wizard .collect-address .card-icon, .checkout-cart .shipping-content .shipping-wizard .collect-address .card-icon { display: flex; align-items: center; gap: 12px; } .shipping-form .shipping-content .shipping-wizard .collect-address .card-icon i, .checkout-cart .shipping-content .shipping-wizard .collect-address .card-icon i { font-size: 16px; color: var(--theme-default); } .shipping-form .shipping-content .shipping-wizard .shipping-address, .checkout-cart .shipping-content .shipping-wizard .shipping-address { display: flex; flex-direction: column; gap: 8px; } .shipping-form .shipping-content .shipping-wizard .shipping-address h6, .checkout-cart .shipping-content .shipping-wizard .shipping-address h6 { font-size: 15px; font-weight: 500; } .shipping-form .shipping-content > .active.finish-wizard1, .checkout-cart .shipping-content > .active.finish-wizard1 { display: flex; justify-content: center; align-items: center; height: calc(100% - 55px - 18px); } @media (max-width: 768px) { .shipping-form .shipping-content > .active.finish-wizard1, .checkout-cart .shipping-content > .active.finish-wizard1 { height: unset; } } .shipping-form .shipping-method p, .checkout-cart .shipping-method p { padding-left: 25px; color: var(--chart-text-color); } [dir="rtl"] .shipping-form .shipping-method p, [dir="rtl"] .checkout-cart .shipping-method p { padding-right: 25px; padding-left: unset; } .shipping-form .proceed-next, .checkout-cart .proceed-next { padding-left: 8px; } [dir="rtl"] .shipping-form .proceed-next, [dir="rtl"] .checkout-cart .proceed-next { padding-left: unset; padding-right: 8px; } .shipping-form .proceed-prev, .checkout-cart .proceed-prev { transform: scaleX(-1); padding-left: 8px; } [dir="rtl"] .shipping-form .proceed-prev, [dir="rtl"] .checkout-cart .proceed-prev { transform: scaleX(1); padding-right: 8px; padding-left: unset; } .shipping-form .payment-info-wrapper .card-wrapper, .checkout-cart .payment-info-wrapper .card-wrapper { display: flex; justify-content: space-between; align-items: center; } @media (max-width: 768px) { .shipping-form .payment-info-wrapper .card-wrapper, .checkout-cart .payment-info-wrapper .card-wrapper { justify-content: unset; align-items: flex-start; flex-direction: column; } } .shipping-form .payment-info-wrapper .card-wrapper img, .checkout-cart .payment-info-wrapper .card-wrapper img { height: 50px; } .shipping-form .payment-info-wrapper .pay-info, .checkout-cart .payment-info-wrapper .pay-info { display: block; } .shipping-form .payment-info-wrapper .pay-info > div, .checkout-cart .payment-info-wrapper .pay-info > div { margin-bottom: 12px; display: flex; align-items: center; } @media (max-width: 768px) { .shipping-form .payment-info-wrapper .pay-info > div, .checkout-cart .payment-info-wrapper .pay-info > div { flex-direction: column; align-items: flex-start; } } .shipping-form .order-confirm, .checkout-cart .order-confirm { text-align: center; } @media (max-width: 1200px) { .shipping-form .order-confirm, .checkout-cart .order-confirm { margin-bottom: 18px; } } .shipping-form .order-confirm img, .checkout-cart .order-confirm img { height: calc(95px + (140 - 95) * ((100vw - 320px) / (1920 - 320))); } .shipping-form .finish-shipping, .checkout-cart .finish-shipping { background-color: var(--light-background); width: 100%; height: 100%; padding-block: calc(100% - 85%); padding-inline: 12px; text-align: center; } .shipping-form .finish-shipping svg, .checkout-cart .finish-shipping svg { width: calc(140px + (230 - 140) * ((100vw - 320px) / (1920 - 320))); height: calc(140px + (230 - 140) * ((100vw - 320px) / (1920 - 320))); animation: up-down 2.9s ease-in-out infinite; } .shipping-form .form-select, .checkout-cart .form-select { font-size: 14px; color: var(--chart-text-color); } .avatar-upload { flex-direction: column; } .avatar-upload div:first-child { position: relative; max-width: 205px; margin: auto; } .avatar-upload div:first-child .avatar-edit { position: absolute; right: 25px; z-index: 1; top: 4px; } .avatar-upload div:first-child .avatar-edit input { display: none; } .avatar-upload div:first-child .avatar-edit label { display: inline-block; width: 35px; height: 35px; margin-bottom: 0; border-radius: 100%; background: var(--light-bg); border: 1px solid transparent; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12); cursor: pointer; font-weight: normal; transition: all 0.2s ease-in-out; } .avatar-upload div:first-child .avatar-edit label::after { content: "\f303"; font-family: "Font Awesome 6 Free"; color: var(--body-font-color); position: absolute; top: 8px; left: 3px; right: 0; text-align: center; margin: auto; font-weight: 600; } [dir="rtl"] .avatar-upload div:first-child .avatar-edit label::after { right: 3px; left: 0; } .avatar-upload div:first-child .avatar-preview { width: 150px; height: 150px; position: relative; border-radius: 100%; border: 6px solid #F8F8F8; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1); margin: auto; } .avatar-upload div:first-child .avatar-preview > div { background-image: url("../images/forms/user.png"); width: 100%; height: 100%; border-radius: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } .avatar-upload h6 { text-align: center; padding-top: 14px; } .email-verify .card-wrapper { display: grid; place-content: center; } .email-verify .card-wrapper > div { align-items: center; } .email-verify .card-wrapper .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .authenticate { display: flex; justify-content: center; align-items: center; flex-direction: column; } .authenticate span:nth-of-type(1) { margin-top: 12px; } .authenticate h4 { margin-bottom: 12px; } .authenticate img { height: calc(145px + (200 - 145) * ((100vw - 320px) / (1920 - 320))); } .authenticate form { flex-direction: column; text-align: center; } .authenticate form .otp-generate { display: flex; gap: 12px; margin: 14px 0; justify-content: center; } .authenticate form .form-control { width: calc(25px + (35 - 25) * ((100vw - 320px) / (1920 - 320))); height: calc(25px + (35 - 25) * ((100vw - 320px) / (1920 - 320))); border-radius: 5px; text-align: center; padding: 0; display: block; min-width: 0; } .authenticate form div { display: inline-grid; gap: 2px; margin-top: 12px; } .accordion .accordion-item .accordion-body .choose-bank .form-check .form-check-label { color: var(--body-font-color); } /*Form Wizard Four Ends*/ /**===================== 2.16 Form-wizard CSS Ends ==========================**/ /**===================== 2.17 Forms CSS Start ==========================**/ .form-label { margin-bottom: 4px; font-size: 14px; font-weight: 600; } .col-form-label { padding-bottom: 4px; } .form-space { margin-bottom: -10px; } .form-space > div { margin-bottom: 10px; } .btn-filter { min-height: 45px; } .swal2-container.swal2-center .swal2-actions .swal2-confirm-custom-form { border: 1px solid #d35400 !important; color: #d35400 !important; background-color: white !important; padding-top: 8px !important; padding-bottom: 8px !important; border-radius: 9px; min-width: 125px; padding-right: 10px; padding-left: 10px; } .swal2-cancel-custom-form { height: 39px; border-radius: 9px; } .swal2-container.swal2-center .swal2-actions .swal2-confirm-custom-form:hover { background-color: var(--swal2-confirm-button-color) !important; } .theme-form .form-control :focus { box-shadow: 0 0 0 0.2rem rgba(171, 140, 228, 0.05); } .theme-form textarea { border-color: #efefef; } .theme-form textarea::-webkit-input-placeholder { color: #898989; font-size: 14px; letter-spacing: 1px; font-weight: 100; } .theme-form input[type=text], .theme-form input[type=email], .theme-form input[type=search], .theme-form input[type=password], .theme-form input[type=number], .theme-form input[type=tel], .theme-form input[type=date], .theme-form input[type=datetime-local], .theme-form input[type=time], .theme-form input[type=datetime-local], .theme-form input[type=month], .theme-form input[type=week], .theme-form input[type=url], .theme-form input[type=file], .theme-form textarea, .theme-form select { border-color: #cccccc; background-color: #fff; font-size: 14px; color: #898989; padding: 12px 10px; -webkit-box-shadow: none; box-shadow: none; } .theme-form input[type=text]::-webkit-input-placeholder, .theme-form input[type=email]::-webkit-input-placeholder, .theme-form input[type=search]::-webkit-input-placeholder, .theme-form input[type=password]::-webkit-input-placeholder, .theme-form input[type=number]::-webkit-input-placeholder, .theme-form input[type=tel]::-webkit-input-placeholder, .theme-form input[type=date]::-webkit-input-placeholder, .theme-form input[type=datetime-local]::-webkit-input-placeholder, .theme-form input[type=time]::-webkit-input-placeholder, .theme-form input[type=datetime-local]::-webkit-input-placeholder, .theme-form input[type=month]::-webkit-input-placeholder, .theme-form input[type=week]::-webkit-input-placeholder, .theme-form input[type=url]::-webkit-input-placeholder, .theme-form input[type=file]::-webkit-input-placeholder, .theme-form textarea::-webkit-input-placeholder, .theme-form select::-webkit-input-placeholder { color: #898989; font-size: 14px; letter-spacing: 1px; font-weight: 100; } .theme-form input[type=file] { height: auto; } .theme-form select.form-control:not([size]):not([multiple]) { border-color: #efefef; font-size: 14px; } .theme-form .checkbox label { padding-left: 10px; } [dir="rtl"] .theme-form .checkbox label { padding-right: 10px; padding-left: unset; } .theme-form .form-divider { position: relative; clear: both; height: 0; margin: 30px 0; border-top: 1px solid #efefef; } .theme-form .form-divider:before { position: absolute; top: -11px; left: 40%; margin-left: -10px; padding: 0 5px; content: "Or Signup With"; color: #242934; background: #fff; } [dir="rtl"] .theme-form .form-divider:before { left: unset; right: 40%; margin-left: unset; margin-right: -10px; } .theme-form .login-divider { position: relative; clear: both; height: 0; margin: 30px 0; border-top: 1px solid #efefef; } .theme-form .login-divider:before { position: absolute; top: -11px; left: 40%; margin-left: -10px; padding: 0 5px; color: #242934; background: #fff; content: "Or Login With"; } [dir="rtl"] .theme-form .login-divider:before { left: unset; right: 40%; margin-left: unset; margin-right: -10px; } .theme-form .btn-fb, .theme-form .btn-twitter, .theme-form .btn-google, .theme-form .btn-linkedin { color: #fff; width: 100%; } .theme-form .btn-fb { background-color: #50598e; } .theme-form .btn-twitter { background-color: #6fa2d8; } .theme-form .btn-google { background-color: #c64e40; } .theme-form .btn-linkedin { background-color: #0073B1; } .form-inline { display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 0; } .form-inline .col-form-label { margin-right: 5px; } [dir="rtl"] .form-inline .col-form-label { margin-left: 5px; margin-right: unset; } .search-form .form-group:before { position: absolute; content: ""; width: 1px; height: 25px; background: #e8ebf2; left: 82px; top: 50px; } [dir="rtl"] .search-form .form-group:before { left: unset; right: 82px; } .search-form .form-group:after { position: absolute; content: "\f002"; font-family: "FontAwesome"; top: 53px; left: 53px; color: #8e8e8e; } [dir="rtl"] .search-form .form-group:after { left: unset; right: 53px; } .search-form input { border: 1px solid #efefef; padding: 10px 10px 10px 70px; border-radius: 10px; background-color: rgba(244, 244, 244, 0.3); } [dir="rtl"] .search-form input { padding: 10px 70px 10px 10px; } .search-form input:focus { outline: none !important; } .form-label-align-right label { text-align: right; padding-top: 17px; font-weight: 500; } .needs-validation.was-validated .form-control:valid, .needs-validation.was-validated .form-select:valid { border-color: #65c15c; } .needs-validation.was-validated .form-control:valid ~ .valid-feedback, .needs-validation.was-validated .form-select:valid ~ .valid-feedback { color: #65c15c; } .needs-validation.was-validated .form-control:invalid, .needs-validation.was-validated .form-select:invalid { border-color: #fc564a; } .needs-validation.was-validated .form-control:invalid ~ .invalid-feedback, .needs-validation.was-validated .form-select:invalid ~ .invalid-feedback { color: #fc564a; } .custom-input.was-validated .form-control:valid, .custom-input.was-validated .form-select:valid { border-color: #65c15c; } .custom-input.was-validated .form-control:invalid, .custom-input.was-validated .form-select:invalid { border-color: #fc564a; } .custom-input .valid-tooltip { background-color: #65c15c; } .custom-input .invalid-tooltip { background-color: rgba(252, 86, 74, 0.8); } .custom-input .invalid-feedback { color: #fc564a !important; } .custom-input .form-check .form-check-input:valid { border-color: #65c15c; } .custom-input .form-check .form-check-input:invalid { border-color: #fc564a; } .custom-input .form-check .form-check-input:invalid ~ .form-check-label { color: #fc564a; } .custom-input .form-check .form-check-input:valid ~ .form-check-label { color: #65c15c; } .custom-input .form-check .form-check-input:checked { background-color: #65c15c; } .custom-input .form-check .invalid-feedback { color: #fc564a; } [dir="rtl"] .custom-input .form-check.form-switch .form-check-input { margin-left: 7px; } .form-check-reverse { display: flex; flex-direction: row-reverse; justify-content: flex-end; padding: 0; } .form-check-reverse .form-check-input { float: left; margin-right: 0; margin-left: 10px; } .checkbox-checked.card-wrapper h6.sub-title { font-weight: 500; } .checkbox-checked .form-check-input:checked { background-color: #7366FF; border-color: #7366FF; } .checkbox-checked .form-check-input:focus { border-color: #7366FF; box-shadow: 0 0 0 4px rgba(115, 102, 255, 0.25); } .checkbox-checked .card-wrapper .form-check:last-child { min-height: 0; margin-bottom: 0; } .checkbox-checked .card-wrapper .form-check:last-child label { margin-bottom: 0; } .form-check-size { display: flex; gap: 22px; align-items: center; flex-wrap: wrap; } .form-check-size .form-check-inline { margin: 0; min-height: 0; } [dir="rtl"] .form-check-size .form-check-inline { margin: 0; } .form-check-size .form-check-inline .form-check-input { width: 18px; height: 18px; margin-top: 0; } .form-check-size .form-check-inline .check-size { width: 36px; height: 18px; margin-top: 0; } .form-check-size .form-check-inline label { margin: 0; } .main-img-checkbox .img-checkbox { position: relative; display: flex; justify-content: center; align-items: center; } .main-img-checkbox .img-checkbox .main-img-cover { position: absolute; top: 15px; left: 15px; width: 24px; height: 24px; } [dir="rtl"] .main-img-checkbox .img-checkbox .main-img-cover { left: unset; right: 15px; } .main-img-checkbox .img-checkbox .form-check-label { width: 100%; } .main-img-checkbox .img-checkbox img { width: 100%; height: 220px; object-fit: cover; } .main-icon-checkbox.checkbox label { margin-top: 0; } .main-icon-checkbox.checkbox label::before { content: ''; width: 100%; height: 100%; margin-left: 1px; background-color: transparent; top: 0; display: block; } [dir="rtl"] .main-icon-checkbox.checkbox label::before { margin-left: unset; margin-right: 1px; } .main-icon-checkbox.checkbox-primary input[type=checkbox]:checked + label::before { color: transparent; border: 2px solid #7366FF; } .main-icon-checkbox.checkbox-primary input[type=checkbox] { opacity: 1; } .main-icon-checkbox.checkbox-primary .form-check-input { border: 1px solid #cccccc; } .main-icon-checkbox.checkbox-primary .form-check-input.checkbox-shadow:focus { box-shadow: none; } .main-icon-checkbox.checkbox-primary .form-check-input:checked[type=checkbox] { background-image: none; } .main-radio-toggle .btn, .main-checkbox-toggle .btn { margin-bottom: 0; } .radio-wrapper, .checkbox-wrapper { display: flex; gap: calc(8px + (16 - 8) * ((100vw - 320px) / (1920 - 320))); flex-wrap: wrap; justify-content: center; } @media (max-width: 1200px) { .radio-wrapper, .checkbox-wrapper { justify-content: unset; } } .radio-wrapper li, .checkbox-wrapper li { position: relative; width: 100%; padding: 12px; border: none; text-align: center; display: flex; align-items: center; justify-content: center; max-width: 130px; } @media (max-width: 1335px) { .radio-wrapper li, .checkbox-wrapper li { max-width: 113px; } } @media (max-width: 1232px) { .radio-wrapper li, .checkbox-wrapper li { padding: 10px; max-width: 105px; } } .radio-wrapper li .form-check-input, .checkbox-wrapper li .form-check-input { position: absolute; width: 100%; height: 100%; float: none; margin: 0; top: 0; left: 0; opacity: 1; border-radius: 0; background-color: transparent; border: 1px solid #cccccc; } .radio-wrapper li .form-check-input:focus, .checkbox-wrapper li .form-check-input:focus { box-shadow: none; } .radio-wrapper li .form-check-input[type=radio], .checkbox-wrapper li .form-check-input[type=radio] { opacity: 1; } .radio-wrapper li .form-check-input:checked, .checkbox-wrapper li .form-check-input:checked { border: 2px solid #7366FF; background-color: transparent; } .radio-wrapper li .form-check-input:checked[type=radio], .checkbox-wrapper li .form-check-input:checked[type=radio] { background-image: none; box-shadow: unset; } .radio-wrapper li .form-check-label, .checkbox-wrapper li .form-check-label { position: unset; padding: 0; margin-bottom: 0; } .radio-wrapper li .form-check-label:after, .checkbox-wrapper li .form-check-label:after { content: none; } .radio-wrapper li .form-check-label::before, .checkbox-wrapper li .form-check-label::before { content: none; } .radio-wrapper li .form-check-label i, .checkbox-wrapper li .form-check-label i { font-size: 18px; padding-right: 8px; } [dir="rtl"] .radio-wrapper li .form-check-label i, [dir="rtl"] .checkbox-wrapper li .form-check-label i { padding-right: 0; padding-left: 8px; } .radio-wrapper li .form-check-label span, .checkbox-wrapper li .form-check-label span { font-size: 16px; } [dir="rtl"] .rtl-input .form-check.form-check-inline { padding: 0; } [dir="rtl"] .rtl-input .form-check.form-switch { padding-right: 40px; } [dir="rtl"] .rtl-input .form-check.form-switch .form-check-input { margin-left: unset; margin-right: -40px; float: right; } .radio-form { display: flex; gap: 18px; flex-wrap: wrap; } .radio-form .form-check { min-height: 0; margin-bottom: 0; } .radio-form .form-check .form-check-label { margin-bottom: 0; } .basic-form { position: relative; } .basic-form svg { position: absolute; top: 50%; right: 12px; transform: translateY(-50%); } [dir="rtl"] .basic-form svg { right: 0; left: 12px; } .basic-form svg.stroke-icon { width: 25px; height: 25px; stroke: #3f475a; position: absolute; top: 50%; right: 12px; transform: translateY(-50%); } [dir="rtl"] .basic-form svg.stroke-icon { right: unset; left: 12px; } .form-check { margin-bottom: 0; } .form-check [class*="form-check-"] { cursor: pointer; } .theme-form .custom-input .row .col .row:last-child label { margin: 0; } .theme-form.dark-inputs input::file-selector-button { border-radius: 30px; } [dir="rtl"] .theme-form .form-floating > label { left: unset; right: 0; } .create-project-form .form-label { color: var(--body-font-color); } .create-project-form .form-control, .create-project-form .form-select { border-color: #cccccc; background-color: #fff; font-size: 14px; color: #898989; padding: 12px 10px; -webkit-box-shadow: none; box-shadow: none; } .create-project-form .form-control::-webkit-input-placeholder, .create-project-form .form-select::-webkit-input-placeholder { color: #898989; font-size: 14px; letter-spacing: 1px; font-weight: 100; } .create-project-form input[type="file"] { padding: 6px 12px; } .create-project-form .bootstrap-select { width: 100% !important; } .create-project-form .bootstrap-select .dropdown-toggle { width: 100%; padding: 12px 10px; background-color: unset !important; border-radius: 6px; border-color: #cccccc !important; color: #898989; } .create-project-form .bootstrap-select .dropdown-toggle:focus { outline: unset !important; } .create-project-form .bootstrap-select .dropdown-toggle::after { font-size: 15px; color: #2c323fb8; } .create-project-form .bootstrap-select .dropdown-toggle .filter-option { white-space: initial; } .create-project-form .bootstrap-select .bs-searchbox .form-control { padding: 6px 10px; } .create-project-form .was-validated .bootstrap-select select:valid + .dropdown-toggle { border-color: #65c15c !important; } .upload-box { border: 1px dashed #0d6dfd; border-radius: 12px; background: #0d6dfd1a; padding: 16px 8px; text-align: center; color: #248def; margin-bottom: 18px; } .upload-box input[type="file"] { display: none; } .upload-box .upload-icon { font-size: 30px; color: red; margin-bottom: 8px; } .file-list { background: #fff; border-radius: 10px; padding: 12px 0 0 0; margin-bottom: 0; } .file-list-item { display: flex; align-items: center; justify-content: space-between; padding: 6px 18px; border-bottom: 1px solid #f0e6ff; font-size: 1rem; } .file-list-item:last-child { border-bottom: none; } .file-link { color: #248def; text-decoration: underline; margin-right: 8px; } .file-remove { color: #248def; font-size: 1.2rem; cursor: pointer; border: none; background: none; } .btn-circle-tab { border-radius: 20px; padding-left: 20px; padding-right: 20px; } #filterForm .form-control { height: 40px; font-size: 14px; } /**===================== 2.17 Forms CSS Ends ==========================**/ /**===================== 2.18 Icons CSS Start ==========================**/ .icon-lists div { cursor: pointer; line-height: 60px; border-radius: 4px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; } .icon-lists div:hover { background-color: var(--light-background); } .icon-lists div i { margin: 0 15px 0 10px; font-size: 24px; vertical-align: middle; } .icon-lists.whether-icon svg { height: calc(40px + (50 - 40) * ((100vw - 320px) / (1920 - 320))); width: calc(40px + (50 - 40) * ((100vw - 320px) / (1920 - 320))); } .icon-lists.feather-icons .d-flex svg { margin: 0 15px 0 10px; } .icon-lists .feather-icon .icon-first h6 { display: none; } .flag-icons, .feather-icons { margin-bottom: -15px; margin-top: -15px; } .flag-icons div, .feather-icons div { line-height: 1; word-wrap: break-word; overflow: auto; } .flag-icons div .flag-icon, .feather-icons div .flag-icon { height: 50px; width: 50px; } .flag-icons div .d-flex, .feather-icons div .d-flex { padding-top: 15px; padding-bottom: 15px; width: 100%; } .flag-icons div .flex-grow-1 h6, .feather-icons div .flex-grow-1 h6 { margin-bottom: 0; font-size: 14px; font-weight: 400; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .flag-icons div .flex-grow-1 h5, .feather-icons div .flex-grow-1 h5 { background-color: var(--theme-default); display: inline-block; padding: 3px 5px; font-size: 11px; border-radius: 3px; margin-bottom: 5px; margin-right: 5px; color: #fff; } .icon-hover-bottom { background-color: #fdfeff; width: 100%; bottom: 0; left: 0; box-shadow: 0px 0px 1px 1px #f4f4f4; z-index: 999; } .icon-hover-bottom .icon-popup { display: flex; align-items: center; justify-content: center; width: 100%; padding: 20px; } .icon-hover-bottom .icon-popup .close-icon { position: absolute; right: 10px; top: 10px; font-size: 20px; color: #cccccc; cursor: pointer; } [dir="rtl"] .icon-hover-bottom .icon-popup .close-icon { right: unset; left: 10px; } .icon-hover-bottom .icon-popup > div { display: inline-block; } .icon-hover-bottom .icon-popup > div .flag-icon { width: 60px; height: 60px; } .icon-hover-bottom .icon-popup .icon-class { margin: 0 20px; cursor: pointer; } .icon-hover-bottom .icon-popup .icon-last .form-inline .form-group { display: initial; } .icon-hover-bottom .icon-title { display: block; color: #3f475a; text-transform: uppercase; font-weight: 500; } .icon-hover-bottom span, .icon-hover-bottom label, .icon-hover-bottom .btn { font-family: Roboto, sans-serif; } .icon-hover-bottom .form-group input { display: inline-block; width: 300px; background-color: #fff; font-family: Roboto, sans-serif; } .fa-fa-icon-show-div, .icons-show-div { display: none; } .icon-first i { color: #898989; } .icon-first h6 { display: none; } /**===================== 2.18 Icons CSS Ends ==========================**/ /**===================== 2.19 List CSS Start ==========================**/ .list-group-item.active { background-color: var(--theme-default); border-color: var(--theme-default); } .list-group i { margin-right: 10px; } .list-group img { width: 40px; height: 40px; margin-right: 10px; } .list-light-primary { background-color: #e8e5ff; } .list-light-primary:hover, .list-light-primary:active, .list-light-primary:focus { background-color: #e8e5ff !important; } .list-hover-primary { background-color: unset; } .list-hover-primary:hover, .list-hover-primary:active, .list-hover-primary.active, .list-hover-primary:focus { background-color: #e8e5ff; color: #3f475a; z-index: 0; } .list-light-secondary { background-color: #f2f2f2; } .list-light-secondary:hover, .list-light-secondary:active, .list-light-secondary:focus { background-color: #f2f2f2 !important; } .list-hover-secondary { background-color: unset; } .list-hover-secondary:hover, .list-hover-secondary:active, .list-hover-secondary.active, .list-hover-secondary:focus { background-color: #f2f2f2; color: #3f475a; z-index: 0; } .list-light-success { background-color: #dcf1da; } .list-light-success:hover, .list-light-success:active, .list-light-success:focus { background-color: #dcf1da !important; } .list-hover-success { background-color: unset; } .list-hover-success:hover, .list-hover-success:active, .list-hover-success.active, .list-hover-success:focus { background-color: #dcf1da; color: #3f475a; z-index: 0; } .list-light-warning { background-color: #fff7e5; } .list-light-warning:hover, .list-light-warning:active, .list-light-warning:focus { background-color: #fff7e5 !important; } .list-hover-warning { background-color: unset; } .list-hover-warning:hover, .list-hover-warning:active, .list-hover-warning.active, .list-hover-warning:focus { background-color: #fff7e5; color: #3f475a; z-index: 0; } .list-light-info { background-color: #D5F5FE; } .list-light-info:hover, .list-light-info:active, .list-light-info:focus { background-color: #D5F5FE !important; } .list-hover-info { background-color: unset; } .list-hover-info:hover, .list-hover-info:active, .list-hover-info.active, .list-hover-info:focus { background-color: #D5F5FE; color: #3f475a; z-index: 0; } .list-light-light { background-color: #F9F9FB; } .list-light-light:hover, .list-light-light:active, .list-light-light:focus { background-color: #F9F9FB !important; } .list-hover-light { background-color: unset; } .list-hover-light:hover, .list-hover-light:active, .list-hover-light.active, .list-hover-light:focus { background-color: #F9F9FB; color: #3f475a; z-index: 0; } .list-light-danger { background-color: #ffe8e6; } .list-light-danger:hover, .list-light-danger:active, .list-light-danger:focus { background-color: #ffe8e6 !important; } .list-hover-danger { background-color: unset; } .list-hover-danger:hover, .list-hover-danger:active, .list-hover-danger.active, .list-hover-danger:focus { background-color: #ffe8e6; color: #3f475a; z-index: 0; } .list-light-dark { background-color: #EAEBF2; } .list-light-dark:hover, .list-light-dark:active, .list-light-dark:focus { background-color: #EAEBF2 !important; } .list-hover-dark { background-color: unset; } .list-hover-dark:hover, .list-hover-dark:active, .list-hover-dark.active, .list-hover-dark:focus { background-color: #EAEBF2; color: #3f475a; z-index: 0; } .horizontal-list-wrapper .list-group .list-group-item { padding: 8px; } .list-wrapper { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; } @media (max-width: 414px) { .list-wrapper { flex-wrap: unset; word-break: break-word; } } @media (max-width: 366px) { .list-wrapper { padding-bottom: 8px; } } .list-wrapper .list-img { width: calc(40px + (55 - 40) * ((100vw - 320px) / (1920 - 320))); height: calc(40px + (55 - 40) * ((100vw - 320px) / (1920 - 320))); margin-bottom: 10px; border-radius: 50%; } .list-wrapper .list-content p { margin-bottom: 0; } .scrollbar-wrapper { max-height: 270px; overflow: auto; } .scrollbar-wrapper .list-group-item.active .list-content h6, .scrollbar-wrapper .list-group-item.active .list-content p, .scrollbar-wrapper .list-group-item.active .list-content small { color: var(--body-font-color); } .main-lists-content .list-group-item.active h6, .main-lists-content .list-group-item.active p { color: #fff; } @media (max-width: 480px) { .main-lists-content small { display: none; } } @media (max-width: 1199px) { .list-behavior-1 { gap: 12px; } } @media (max-width: 575px) { .list-behavior-1:first-child { margin-bottom: 14px; } } @media (max-width: 1999px) { .list-behavior-1 img { height: 86px; } } @media (max-width: 992px) { .list-behavior-1 img { height: 64px; } } .list-behavior-1 .flex-grow-1 { margin-left: 16px; } @media (max-width: 1199px) { .list-behavior-1 .flex-grow-1 { margin-left: 0; } .list-behavior-1 .flex-grow-1 p { display: block; display: -webkit-box; max-width: 100%; margin: 0 auto; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } } [dir="rtl"] .list-behavior-1 .flex-grow-1 { margin-right: 16px; margin-left: unset; } .list-behaviors > div:nth-child(even) .flex-grow-1 { order: -1; margin-left: unset; margin-right: 16px; } @media (max-width: 1199px) { .list-behaviors > div:nth-child(even) .flex-grow-1 { margin-left: 0; margin-right: 0; order: unset; } } .list-group .list-group-item { padding: 11px 16px; border-width: 1px; } .list-group .list-group-item .form-check-input:focus { box-shadow: unset !important; } [dir="rtl"] .list-group .list-group-item i { margin-left: 10px; margin-right: unset; } @media (max-width: 1216px) { .contact-profile { background-color: unset; } .contact-profile.list-light-dark:hover { background-color: unset; } } .badge-list .list-group-item { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; } .badge-list .list-group-item div { margin-right: auto; margin-left: 8px; } [dir="rtl"] .badge-list .list-group-item div { margin-left: auto; margin-right: 8px; } .list-group-flush li { border-bottom-width: 1px; border-inline: unset; } .list-group-flush li:last-child { border-bottom-width: 1px !important; } .list-group-flush li i { font-size: 16px; } /**===================== 2.19 List CSS Ends ==========================**/ /**===================== 2.20 Loader CSS Start ==========================**/ .loader-wrapper { height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; position: fixed; background-color: #fff; z-index: 11; top: 0; /*Color Loader*/ /*Color Loader*/ } .loader-wrapper .loader-index { display: flex; align-items: center; justify-content: center; position: relative; filter: url("#goo"); } .loader-wrapper .loader-index:after { content: ""; width: 4em; height: 4em; background: var(--theme-default); border-radius: 50%; position: absolute; transform: scale(0.5); animation: grow 2s cubic-bezier(0.14, 0.05, 0.55, 0.5) infinite alternate; } .loader-wrapper .loader-index span { width: 2em; height: 2em; background: var(--theme-secondary); border-radius: 50%; margin-right: 2em; position: relative; transform: translateX(7em); animation: move 4s ease-in-out infinite; } .loader-wrapper .loader-index span:before { content: ""; width: 2em; height: 2em; background: var(--theme-default); border-radius: 50%; position: absolute; left: 3em; transform: translateX(0em); animation: shrink 2s ease-in-out infinite; } .loader-wrapper .loader-index span:after { content: ""; width: 2em; height: 2em; background: #40b8f5; border-radius: 50%; position: absolute; right: 3em; transform: translateX(0em); animation: shrink 2s ease-in-out infinite; } @keyframes grow { 0% { transform: scale(0.5); background: #40b8f5; } 50% { transform: scale(1); background: var(--theme-secondary); } } @keyframes move { 0% { transform: translateX(7em); } 50% { transform: translateX(-5em); } } @keyframes shrink { 0% { transform: translateX(0em); } 50% { transform: translateX(-1em); } } .loader-wrapper svg { width: 0; height: 0; } .loader-wrapper body { font-family: sans; min-height: 100vh; margin: 0; display: grid; place-content: center; background: #000; } .loader-wrapper h1 { color: #fff; text-align: center; margin-bottom: 2em; letter-spacing: 3px; position: relative; z-index: 2; } .loader-wrapper h1:before { position: absolute; content: ""; height: 1px; background: linear-gradient(to right, var(--theme-secondary), var(--theme-default), #40b8f5); color: #fff; top: 2.75em; left: 0.75em; width: 2.5em; font-weight: 400; font-variant: small-caps; font-size: 0.5em; } /**===================== 2.20 Loader CSS Ends ==========================**/ /**===================== 2.21 Modal CSS start ==========================**/ .modal-toggle-wrapper .form-control::placeholder { font-size: 13px; } .modal-toggle-wrapper .modal-img { display: flex; justify-content: center; } .modal-toggle-wrapper .modal-img img { width: 200px; height: 200px; } @media (max-width: 992px) { .modal-toggle-wrapper .modal-img img { width: calc(136px + (200 - 136) * ((100vw - 320px) / (992 - 320))); height: calc(136px + (200 - 136) * ((100vw - 320px) / (992 - 320))); } } .modal-toggle-wrapper .modal-img li img { width: 100px; height: 100px; } @media (max-width: 992px) { .modal-toggle-wrapper .modal-img li img { width: calc(75px + (100 - 75) * ((100vw - 320px) / (992 - 320))); height: calc(75px + (100 - 75) * ((100vw - 320px) / (992 - 320))); } } .modal-toggle-wrapper .modal-img li + li { margin-left: -39px; } [dir="rtl"] .modal-toggle-wrapper .modal-img li + li { margin-left: unset; margin-right: -39px; } .modal-toggle-wrapper button svg { width: 16px; height: 16px; } .grid-space { display: block; text-align: center; padding: 12px; margin-bottom: 12px; font-weight: 500; } .large-modal-header, .large-modal-body { display: flex; align-items: center; color: #3f475a; } .large-modal-header svg, .large-modal-body svg { width: 20px; height: 20px; } [dir="rtl"] .large-modal-header svg, [dir="rtl"] .large-modal-body svg { transform: scaleX(-1); } .modal-padding-space { padding-left: 20px; } .svg-modal { width: 15px; height: 15px; stroke: #838383; vertical-align: middle; } [dir="rtl"] .svg-modal { transform: scaleX(-1); } .card-wrapper .modal-heading h5 { font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1400 - 320))); } @media (min-width: 750px) and (max-width: 1200px) { .card-wrapper .balance-modal { display: flex; flex-direction: column; } } .modal-footer .btn { margin: 0 4px; } .modal-content .modal-header .btn-close:focus { box-shadow: unset; } .modal-details h6 { padding-bottom: 12px; } .modal-details .web-content { margin-bottom: 16px; } .modal-details .web-content .d-flex p { padding-bottom: 8px; } .modal-details .web-content .d-flex:last-child p { padding-bottom: 0; } .modal-details .web-content:last-child { margin-bottom: 0; } .modal .modal-body .card { box-shadow: none !important; } .modal-dialog .modal-content .modal-body p a { margin-right: 0; } .irs-from, .irs-to, .irs-single { background: var(--theme-default); } .irs-from:after, .irs-to:after, .irs-single:after { border-top-color: var(--theme-default); } .irs-line-mid, .irs-line-left, .irs-line-right, .irs-bar, .irs-bar-edge { background-color: var(--theme-default); } .swal-button { background-color: var(--theme-default); } .swal-button:active { background-color: #5c4dff; } .swal-button--cancel { background-color: #EFEFEE !important; } .clipboaard-container h6 { line-height: 1.6; font-size: 14px; } fieldset .bootstrap-touchspin-postfix, fieldset .bootstrap-touchspin-prefix { border-radius: 0; padding: .4rem .75rem; } fieldset .input-group-lg .touchspin { height: 50px; } .f1 .f1-steps .f1-step .f1-step-icon { padding: 12px; } .form-inline .form-group { display: flex; } .input-group-text i { line-height: 1.5; } .animated-modal .form-select { display: inline-block; width: auto; vertical-align: middle; } .card-wrapper { padding: 14px; } .card-wrapper dl dt { font-weight: 500; } .custom-alert .card-wrapper .cuba-demo-img .dot-group { display: flex; gap: calc(3px + (6 - 3) * ((100vw - 320px) / (1920 - 320))); padding: 15px 10px 0; } .custom-alert .card-wrapper .cuba-demo-img .dot-group li { width: calc(6px + (8 - 6) * ((100vw - 320px) / (1920 - 320))); height: calc(6px + (8 - 6) * ((100vw - 320px) / (1920 - 320))); background-color: var(--f-lighter); border-radius: 100%; opacity: 0.6; } @media (max-width: 768px) and (min-width: 709px) { .custom-col-2 { width: 9.333333%; flex: 0 0 auto; } } @media (max-width: 708px) and (min-width: 582px) { .custom-col-2 { width: 10.333333%; flex: 0 0 auto; } } @media (max-width: 581px) and (min-width: 575px) { .custom-col-2 { width: 11.333333%; flex: 0 0 auto; } } @media (max-width: 574px) and (min-width: 481px) { .custom-col-2 { width: 12.333333%; flex: 0 0 auto; } } @media (max-width: 480px) and (min-width: 410px) { .custom-col-2 { width: 14.333333%; flex: 0 0 auto; } } @media (max-width: 409px) and (min-width: 364px) { .custom-col-2 { width: 16.333333%; flex: 0 0 auto; } } @media (max-width: 363px) { .custom-col-2 { width: 100%; flex: 0 0 auto; } } /**===================== 2.21 Modal CSS end ==========================**/ /**===================== 2.22 Popover CSS Start ==========================**/ .popover { background-color: #fff; border: none; -webkit-box-shadow: 0 0 20px rgba(115, 102, 255, 0.1); box-shadow: 0 0 20px rgba(115, 102, 255, 0.1); } .popover .popover-header { background-color: #eae8ff; color: #7366FF; border-bottom: none; } .popover .popover-body { color: rgba(43, 43, 43, 0.7); } .popover-main .btn-showcase a { color: #fff; } .popover-main .btn-showcase button:last-child { margin-right: 0; } .svg-tooltip .common-flex > div { width: calc(40px + (50 - 40) * ((100vw - 320px) / (1920 - 320))); height: calc(40px + (50 - 40) * ((100vw - 320px) / (1920 - 320))); display: flex; justify-content: center; align-items: center; border-radius: 10px; border: 1px solid; } .svg-tooltip .common-flex > div i { font-size: calc(18px + (20 - 18) * ((100vw - 320px) / (1920 - 320))); } .svg-tooltip .common-flex > div:hover i { stroke: var(--white) !important; } .svg-tooltip .common-flex svg { width: calc(18px + (20 - 18) * ((100vw - 320px) / (1920 - 320))); height: calc(18px + (20 - 18) * ((100vw - 320px) / (1920 - 320))); } /**===================== 2.22 Popover CSS Ends ==========================**/ /**===================== 2.23 Print CSS Start ==========================**/ @media print { .sidebar-wrapper, .page-header { display: none; } .page-body { margin: 0 !important; } .customizer-links { display: none !important; } .page-wrapper .page-title { visibility: hidden; } .page-wrapper .page-body-wrapper .page-title { display: none; } .page-wrapper.compact-wrapper .page-body-wrapper .page-body { margin: 0; } table.fixedHeader-floating { display: none; } .main-invoice-1 .table-wrapper { width: 100%; } .main-invoice-1 .banner-image { width: 100%; } .main-tasks .email-body .tab-content .card-header a { display: none; } .mail-body-wrapper { margin-top: 20px; } .mail-body-wrapper .user-mail-wrapper { width: 100%; } .mail-body-wrapper .user-mail-wrapper .send-btn { display: none; } .email-left-aside { display: none; } .footer { display: none; } .print-btn { display: none; } } .invoice-table { margin-top: 16px; margin-bottom: 16px; } .invoice .text-right input { margin-top: 6px; } .invoice .d-flex { align-items: center; } /**===================== 2.23 Print CSS Ends ==========================**/ /**===================== 2.24 Radio CSS Start ==========================**/ .animate-chk label { line-height: 1.6; cursor: pointer; } .animate-chk label:last-child { margin-bottom: 0; } .checkbox_animated { cursor: pointer; position: relative; margin: 0 1rem 0 0; } .checkbox_animated:before { transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75); transform: rotate(-45deg) scale(0, 0); content: ""; position: absolute; left: 0.25rem; top: 0.225rem; z-index: 1; width: 0.75rem; height: 0.375rem; border: 2px solid var(--theme-default); border-top-style: none; border-right-style: none; } .checkbox_animated:after { content: ""; position: absolute; top: -0.125rem; left: 0; width: 1.3rem; height: 1.3rem; background: #fff; border: 2px solid #e9edf1; cursor: pointer; } .checkbox_animated:checked:before { transform: rotate(-45deg) scale(1, 1); } .radio_animated { position: relative; margin: 0 1rem 0 0; cursor: pointer; } .radio_animated:before { transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75); transform: scale(0, 0); content: ""; position: absolute; top: 0; left: 0.125rem; z-index: 1; width: 0.75rem; height: 0.75rem; background: var(--theme-default); border-radius: 50%; } .radio_animated:after { content: ""; position: absolute; top: -0.25rem; left: -0.125rem; width: 1.25rem; height: 1.25rem; background: #fff; border: 2px solid #e9edf1; border-radius: 50%; } .radio_animated:checked:before { transform: scale(1, 1); } .checkbox label { display: inline-block; position: relative; padding-left: 16px; cursor: pointer; margin-top: 10px; margin-bottom: 10px; } .checkbox label::before { content: ""; display: inline-block; position: absolute; width: 19px; height: 19px; left: 0; margin-left: -16px; border: 1px solid #efefef; border-radius: 3px; background-color: #fff; -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; transition: border 0.15s ease-in-out, color 0.15s ease-in-out; } .checkbox label::after { display: inline-block; position: absolute; width: 16px; height: 16px; left: 0; top: 0; margin-left: -20px; padding-left: 3px; padding-top: 1px; font-size: 11px; color: #242934; } .checkbox input[type="checkbox"] { opacity: 0; } .checkbox input[type="checkbox"]:focus { outline-offset: -2px; } .checkbox input[type="checkbox"]:focus + label::before { outline-offset: -2px; } .checkbox input[type="checkbox"]:checked + label::before { font-family: themify; content: "\e64c"; text-align: center; line-height: 1.2; } .checkbox input[type="checkbox"]:disabled + label { opacity: 0.65; } .checkbox input[type="checkbox"]:disabled + label::before { background-color: #f4f4f4; cursor: not-allowed; } .checkbox .checkbox-circle label::before { border-radius: 50%; } .checkbox .checkbox-inline { margin-top: 0; } .m-squar label::before { border-radius: 0; } .m-squar .checkbox-circle label::before { border-radius: 50%; } .m-squar .checkbox-inline { margin-top: 0; } .checkbox-primary label::before { border-color: var(--theme-default); } .checkbox-primary input[type="checkbox"]:checked + label::before { border-color: var(--theme-default); color: var(--theme-default); } .checkbox-primary input[type="checkbox"]:checked + label::after { color: #fff; } .checkbox-solid-primary label:before { background-color: var(--theme-default); border-color: var(--theme-default); color: #fff; } .checkbox-solid-primary input[type="checkbox"]:checked + label::before { background-color: var(--theme-default); border-color: var(--theme-default); color: #fff; } .checkbox-solid-primary input[type="checkbox"]:checked + label::after { color: #fff; } .radio-primary input[type="radio"] + label::before { border-color: var(--theme-default); } .radio-primary input[type="radio"] + label::after { background-color: var(--theme-default); } .radio-primary input[type="radio"]:checked + label::before { border-color: var(--theme-default); } .radio-primary input[type="radio"]:checked + label::after { background-color: var(--theme-default); } .checkbox-secondary label::before { border-color: #838383; } .checkbox-secondary input[type="checkbox"]:checked + label::before { border-color: #838383; color: #838383; } .checkbox-secondary input[type="checkbox"]:checked + label::after { color: #fff; } .checkbox-solid-secondary label:before { background-color: #838383; border-color: #838383; color: #fff; } .checkbox-solid-secondary input[type="checkbox"]:checked + label::before { background-color: #838383; border-color: #838383; color: #fff; } .checkbox-solid-secondary input[type="checkbox"]:checked + label::after { color: #fff; } .radio-secondary input[type="radio"] + label::before { border-color: #838383; } .radio-secondary input[type="radio"] + label::after { background-color: #838383; } .radio-secondary input[type="radio"]:checked + label::before { border-color: #838383; } .radio-secondary input[type="radio"]:checked + label::after { background-color: #838383; } .checkbox-success label::before { border-color: #65c15c; } .checkbox-success input[type="checkbox"]:checked + label::before { border-color: #65c15c; color: #65c15c; } .checkbox-success input[type="checkbox"]:checked + label::after { color: #fff; } .checkbox-solid-success label:before { background-color: #65c15c; border-color: #65c15c; color: #fff; } .checkbox-solid-success input[type="checkbox"]:checked + label::before { background-color: #65c15c; border-color: #65c15c; color: #fff; } .checkbox-solid-success input[type="checkbox"]:checked + label::after { color: #fff; } .radio-success input[type="radio"] + label::before { border-color: #65c15c; } .radio-success input[type="radio"] + label::after { background-color: #65c15c; } .radio-success input[type="radio"]:checked + label::before { border-color: #65c15c; } .radio-success input[type="radio"]:checked + label::after { background-color: #65c15c; } .checkbox-danger label::before { border-color: #fc564a; } .checkbox-danger input[type="checkbox"]:checked + label::before { border-color: #fc564a; color: #fc564a; } .checkbox-danger input[type="checkbox"]:checked + label::after { color: #fff; } .checkbox-solid-danger label:before { background-color: #fc564a; border-color: #fc564a; color: #fff; } .checkbox-solid-danger input[type="checkbox"]:checked + label::before { background-color: #fc564a; border-color: #fc564a; color: #fff; } .checkbox-solid-danger input[type="checkbox"]:checked + label::after { color: #fff; } .radio-danger input[type="radio"] + label::before { border-color: #fc564a; } .radio-danger input[type="radio"] + label::after { background-color: #fc564a; } .radio-danger input[type="radio"]:checked + label::before { border-color: #fc564a; } .radio-danger input[type="radio"]:checked + label::after { background-color: #fc564a; } .checkbox-info label::before { border-color: #40b8f5; } .checkbox-info input[type="checkbox"]:checked + label::before { border-color: #40b8f5; color: #40b8f5; } .checkbox-info input[type="checkbox"]:checked + label::after { color: #fff; } .checkbox-solid-info label:before { background-color: #40b8f5; border-color: #40b8f5; color: #fff; } .checkbox-solid-info input[type="checkbox"]:checked + label::before { background-color: #40b8f5; border-color: #40b8f5; color: #fff; } .checkbox-solid-info input[type="checkbox"]:checked + label::after { color: #fff; } .radio-info input[type="radio"] + label::before { border-color: #40b8f5; } .radio-info input[type="radio"] + label::after { background-color: #40b8f5; } .radio-info input[type="radio"]:checked + label::before { border-color: #40b8f5; } .radio-info input[type="radio"]:checked + label::after { background-color: #40b8f5; } .checkbox-light label::before { border-color: #f4f4f4; } .checkbox-light input[type="checkbox"]:checked + label::before { border-color: #f4f4f4; color: #f4f4f4; } .checkbox-light input[type="checkbox"]:checked + label::after { color: #fff; } .checkbox-solid-light label:before { background-color: #f4f4f4; border-color: #f4f4f4; color: #fff; } .checkbox-solid-light input[type="checkbox"]:checked + label::before { background-color: #f4f4f4; border-color: #f4f4f4; color: #fff; } .checkbox-solid-light input[type="checkbox"]:checked + label::after { color: #fff; } .radio-light input[type="radio"] + label::before { border-color: #f4f4f4; } .radio-light input[type="radio"] + label::after { background-color: #f4f4f4; } .radio-light input[type="radio"]:checked + label::before { border-color: #f4f4f4; } .radio-light input[type="radio"]:checked + label::after { background-color: #f4f4f4; } .checkbox-dark label::before { border-color: #3f475a; } .checkbox-dark input[type="checkbox"]:checked + label::before { border-color: #3f475a; color: #3f475a; } .checkbox-dark input[type="checkbox"]:checked + label::after { color: #fff; } .checkbox-solid-dark label:before { background-color: #3f475a; border-color: #3f475a; color: #fff; } .checkbox-solid-dark input[type="checkbox"]:checked + label::before { background-color: #3f475a; border-color: #3f475a; color: #fff; } .checkbox-solid-dark input[type="checkbox"]:checked + label::after { color: #fff; } .radio-dark input[type="radio"] + label::before { border-color: #3f475a; } .radio-dark input[type="radio"] + label::after { background-color: #3f475a; } .radio-dark input[type="radio"]:checked + label::before { border-color: #3f475a; } .radio-dark input[type="radio"]:checked + label::after { background-color: #3f475a; } .checkbox-warning label::before { border-color: #ffb829; } .checkbox-warning input[type="checkbox"]:checked + label::before { border-color: #ffb829; color: #ffb829; } .checkbox-warning input[type="checkbox"]:checked + label::after { color: #fff; } .checkbox-solid-warning label:before { background-color: #ffb829; border-color: #ffb829; color: #fff; } .checkbox-solid-warning input[type="checkbox"]:checked + label::before { background-color: #ffb829; border-color: #ffb829; color: #fff; } .checkbox-solid-warning input[type="checkbox"]:checked + label::after { color: #fff; } .radio-warning input[type="radio"] + label::before { border-color: #ffb829; } .radio-warning input[type="radio"] + label::after { background-color: #ffb829; } .radio-warning input[type="radio"]:checked + label::before { border-color: #ffb829; } .radio-warning input[type="radio"]:checked + label::after { background-color: #ffb829; } .m-checkbox-inline .checkbox { display: inline-block; } .m-checkbox-inline .radio { display: inline-block; } .m-checkbox-inline label { margin-right: 20px; } .radio label { display: inline-block; position: relative; padding-left: 5px; cursor: pointer; } .radio label::before { content: ""; display: inline-block; position: absolute; width: 19px; height: 19px; left: 0; margin-left: -20px; border: 1px solid #efefef; border-radius: 50%; background-color: #fff; -webkit-transition: border 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out; transition: border 0.15s ease-in-out; } .radio label::after { display: inline-block; position: absolute; content: " "; width: 9px; height: 9px; left: 5px; top: 5px; margin-left: -20px; border-radius: 50%; background-color: #898989; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); } .radio input[type="radio"] { opacity: 0; } .radio input[type="radio"]:focus + label::before { outline-offset: -2px; } .radio input[type="radio"]:checked + label::after { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } .radio input[type="radio"]:disabled + label { opacity: 0.65; } .radio input[type="radio"]:disabled + label::before { cursor: not-allowed; } .radio .radio-inline { margin-top: 0; } /**===================== 2.24 Radio CSS Ends ==========================**/ /**===================== 2.25 Ribbon CSS Start ==========================**/ [class*="ribbon-wrapper"] { position: relative; padding: 58px 18px 28px 18px; } .ribbon { padding: 0 20px; height: 30px; line-height: 30px; clear: left; position: absolute; top: 12px; left: 0px; color: #fff; z-index: 2; } .ribbon-clip { left: -14px; } .ribbon-clip:before { position: absolute; top: 30px; left: 0; width: 0; height: 0; content: ""; border: 7px solid transparent; border-top-color: #3f475a; border-right-color: #3f475a; } .ribbon-vertical-left-wrapper { padding-left: 40px; position: relative; } .ribbon-vertical-right-wrapper { padding-right: 40px; } .ribbon-wrapper-bottom { padding-bottom: 40px; padding-top: 0; } .ribbon-wrapper-right-bottom { padding-right: 40px; } .ribbon-space-bottom { top: 0px; } .ribbon-bookmark:before { position: absolute; top: 0; left: 100%; display: block; width: 0; height: 0; content: ''; border: 15px solid #3f475a; border-right: 10px solid transparent; } .ribbon-right { left: auto; right: -2px; } .ribbon-clip-right { right: -14px; } .ribbon-clip-right:before { position: absolute; top: 30px; right: 0; width: 0; height: 0; content: ""; border: 7px solid transparent; border-top-color: #3f475a; border-right-color: #3f475a; } .ribbon-clip-bottom { left: -14px; bottom: 12px; top: auto; } .ribbon-clip-bottom:before { position: absolute; bottom: 30px; left: 0; width: 0; height: 0; content: ""; border: 7px solid transparent; border-top-color: #3f475a; border-right-color: #3f475a; } .ribbon-clip-bottom-right { right: -14px; left: auto; bottom: 12px; top: auto; } .ribbon-clip-bottom-right:before { position: absolute; bottom: 30px; right: 0; width: 0; height: 0; content: ""; border: 7px solid transparent; border-top-color: #3f475a; border-right-color: #3f475a; } .ribbon-bookmark.ribbon-right:before { right: 100%; left: auto; border-right: 15px solid #3f475a; border-left: 10px solid transparent; } .ribbon-vertical-left { clear: none; padding: 0 5px; height: 70px; width: 30px; line-height: 70px; text-align: center; left: 12px; top: -2px; } .ribbon-vertical-right { clear: none; padding: 0 5px; height: 70px; width: 30px; line-height: 70px; text-align: center; top: -2px; left: auto; right: 20px; } [dir="rtl"] .ribbon-vertical-right { left: auto !important; right: 20px !important; } .ribbon-bookmark.ribbon-vertical-left:before, .ribbon-bookmark.ribbon-vertical-right:before { top: 100%; left: 0; margin-top: -14px; border-right: 15px solid #3f475a; border-bottom: 10px solid transparent; } .ribbon-primary { background: #7366FF; } .ribbon-primary { background: #7366FF; } .ribbon-bookmark.ribbon-primary:before { border-color: #7366FF; border-right-color: transparent; } .ribbon-bookmark.ribbon-right.ribbon-primary:before { border-right-color: #7366FF; border-left-color: transparent; } .ribbon-bookmark.ribbon-vertical-left.ribbon-primary:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-primary:before { border-right-color: #7366FF; border-bottom-color: transparent; } .ribbon-primary.ribbon-corner:before { border-top-color: #7366FF; border-left-color: #7366FF; } .ribbon-primary.ribbon-corner.ribbon-right:before { border-right-color: #7366FF; border-left-color: transparent; } .ribbon-primary.ribbon-corner.ribbon-bottom:before { border-top-color: transparent; border-bottom-color: #7366FF; } .ribbon-primary.ribbon-clip:before { border-color: transparent; border-top-color: #4433ff; border-right-color: #4433ff; } .ribbon-primary.ribbon-clip-right:before { border-right-color: transparent; border-top-color: #4433ff; border-left-color: #4433ff; } .ribbon-primary.ribbon-clip-bottom:before { border-top-color: transparent; border-bottom-color: #4433ff; border-right-color: #4433ff; } .ribbon-primary.ribbon-clip-bottom-right:before { border-top-color: transparent; border-bottom-color: #4433ff; border-right-color: transparent; border-left-color: #4433ff; } .ribbon-secondary { background: #838383; } .ribbon-secondary { background: #838383; } .ribbon-bookmark.ribbon-secondary:before { border-color: #838383; border-right-color: transparent; } .ribbon-bookmark.ribbon-right.ribbon-secondary:before { border-right-color: #838383; border-left-color: transparent; } .ribbon-bookmark.ribbon-vertical-left.ribbon-secondary:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-secondary:before { border-right-color: #838383; border-bottom-color: transparent; } .ribbon-secondary.ribbon-corner:before { border-top-color: #838383; border-left-color: #838383; } .ribbon-secondary.ribbon-corner.ribbon-right:before { border-right-color: #838383; border-left-color: transparent; } .ribbon-secondary.ribbon-corner.ribbon-bottom:before { border-top-color: transparent; border-bottom-color: #838383; } .ribbon-secondary.ribbon-clip:before { border-color: transparent; border-top-color: #6a6a6a; border-right-color: #6a6a6a; } .ribbon-secondary.ribbon-clip-right:before { border-right-color: transparent; border-top-color: #6a6a6a; border-left-color: #6a6a6a; } .ribbon-secondary.ribbon-clip-bottom:before { border-top-color: transparent; border-bottom-color: #6a6a6a; border-right-color: #6a6a6a; } .ribbon-secondary.ribbon-clip-bottom-right:before { border-top-color: transparent; border-bottom-color: #6a6a6a; border-right-color: transparent; border-left-color: #6a6a6a; } .ribbon-success { background: #65c15c; } .ribbon-success { background: #65c15c; } .ribbon-bookmark.ribbon-success:before { border-color: #65c15c; border-right-color: transparent; } .ribbon-bookmark.ribbon-right.ribbon-success:before { border-right-color: #65c15c; border-left-color: transparent; } .ribbon-bookmark.ribbon-vertical-left.ribbon-success:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-success:before { border-right-color: #65c15c; border-bottom-color: transparent; } .ribbon-success.ribbon-corner:before { border-top-color: #65c15c; border-left-color: #65c15c; } .ribbon-success.ribbon-corner.ribbon-right:before { border-right-color: #65c15c; border-left-color: transparent; } .ribbon-success.ribbon-corner.ribbon-bottom:before { border-top-color: transparent; border-bottom-color: #65c15c; } .ribbon-success.ribbon-clip:before { border-color: transparent; border-top-color: #4aaa40; border-right-color: #4aaa40; } .ribbon-success.ribbon-clip-right:before { border-right-color: transparent; border-top-color: #4aaa40; border-left-color: #4aaa40; } .ribbon-success.ribbon-clip-bottom:before { border-top-color: transparent; border-bottom-color: #4aaa40; border-right-color: #4aaa40; } .ribbon-success.ribbon-clip-bottom-right:before { border-top-color: transparent; border-bottom-color: #4aaa40; border-right-color: transparent; border-left-color: #4aaa40; } .ribbon-danger { background: #fc564a; } .ribbon-danger { background: #fc564a; } .ribbon-bookmark.ribbon-danger:before { border-color: #fc564a; border-right-color: transparent; } .ribbon-bookmark.ribbon-right.ribbon-danger:before { border-right-color: #fc564a; border-left-color: transparent; } .ribbon-bookmark.ribbon-vertical-left.ribbon-danger:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-danger:before { border-right-color: #fc564a; border-bottom-color: transparent; } .ribbon-danger.ribbon-corner:before { border-top-color: #fc564a; border-left-color: #fc564a; } .ribbon-danger.ribbon-corner.ribbon-right:before { border-right-color: #fc564a; border-left-color: transparent; } .ribbon-danger.ribbon-corner.ribbon-bottom:before { border-top-color: transparent; border-bottom-color: #fc564a; } .ribbon-danger.ribbon-clip:before { border-color: transparent; border-top-color: #fb2718; border-right-color: #fb2718; } .ribbon-danger.ribbon-clip-right:before { border-right-color: transparent; border-top-color: #fb2718; border-left-color: #fb2718; } .ribbon-danger.ribbon-clip-bottom:before { border-top-color: transparent; border-bottom-color: #fb2718; border-right-color: #fb2718; } .ribbon-danger.ribbon-clip-bottom-right:before { border-top-color: transparent; border-bottom-color: #fb2718; border-right-color: transparent; border-left-color: #fb2718; } .ribbon-info { background: #40b8f5; } .ribbon-info { background: #40b8f5; } .ribbon-bookmark.ribbon-info:before { border-color: #40b8f5; border-right-color: transparent; } .ribbon-bookmark.ribbon-right.ribbon-info:before { border-right-color: #40b8f5; border-left-color: transparent; } .ribbon-bookmark.ribbon-vertical-left.ribbon-info:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-info:before { border-right-color: #40b8f5; border-bottom-color: transparent; } .ribbon-info.ribbon-corner:before { border-top-color: #40b8f5; border-left-color: #40b8f5; } .ribbon-info.ribbon-corner.ribbon-right:before { border-right-color: #40b8f5; border-left-color: transparent; } .ribbon-info.ribbon-corner.ribbon-bottom:before { border-top-color: transparent; border-bottom-color: #40b8f5; } .ribbon-info.ribbon-clip:before { border-color: transparent; border-top-color: #10a6f2; border-right-color: #10a6f2; } .ribbon-info.ribbon-clip-right:before { border-right-color: transparent; border-top-color: #10a6f2; border-left-color: #10a6f2; } .ribbon-info.ribbon-clip-bottom:before { border-top-color: transparent; border-bottom-color: #10a6f2; border-right-color: #10a6f2; } .ribbon-info.ribbon-clip-bottom-right:before { border-top-color: transparent; border-bottom-color: #10a6f2; border-right-color: transparent; border-left-color: #10a6f2; } .ribbon-light { background: #f4f4f4; } .ribbon-light { background: #f4f4f4; } .ribbon-bookmark.ribbon-light:before { border-color: #f4f4f4; border-right-color: transparent; } .ribbon-bookmark.ribbon-right.ribbon-light:before { border-right-color: #f4f4f4; border-left-color: transparent; } .ribbon-bookmark.ribbon-vertical-left.ribbon-light:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-light:before { border-right-color: #f4f4f4; border-bottom-color: transparent; } .ribbon-light.ribbon-corner:before { border-top-color: #f4f4f4; border-left-color: #f4f4f4; } .ribbon-light.ribbon-corner.ribbon-right:before { border-right-color: #f4f4f4; border-left-color: transparent; } .ribbon-light.ribbon-corner.ribbon-bottom:before { border-top-color: transparent; border-bottom-color: #f4f4f4; } .ribbon-light.ribbon-clip:before { border-color: transparent; border-top-color: #dbdbdb; border-right-color: #dbdbdb; } .ribbon-light.ribbon-clip-right:before { border-right-color: transparent; border-top-color: #dbdbdb; border-left-color: #dbdbdb; } .ribbon-light.ribbon-clip-bottom:before { border-top-color: transparent; border-bottom-color: #dbdbdb; border-right-color: #dbdbdb; } .ribbon-light.ribbon-clip-bottom-right:before { border-top-color: transparent; border-bottom-color: #dbdbdb; border-right-color: transparent; border-left-color: #dbdbdb; } .ribbon-dark { background: #3f475a; } .ribbon-dark { background: #3f475a; } .ribbon-bookmark.ribbon-dark:before { border-color: #3f475a; border-right-color: transparent; } .ribbon-bookmark.ribbon-right.ribbon-dark:before { border-right-color: #3f475a; border-left-color: transparent; } .ribbon-bookmark.ribbon-vertical-left.ribbon-dark:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-dark:before { border-right-color: #3f475a; border-bottom-color: transparent; } .ribbon-dark.ribbon-corner:before { border-top-color: #3f475a; border-left-color: #3f475a; } .ribbon-dark.ribbon-corner.ribbon-right:before { border-right-color: #3f475a; border-left-color: transparent; } .ribbon-dark.ribbon-corner.ribbon-bottom:before { border-top-color: transparent; border-bottom-color: #3f475a; } .ribbon-dark.ribbon-clip:before { border-color: transparent; border-top-color: #2a2f3c; border-right-color: #2a2f3c; } .ribbon-dark.ribbon-clip-right:before { border-right-color: transparent; border-top-color: #2a2f3c; border-left-color: #2a2f3c; } .ribbon-dark.ribbon-clip-bottom:before { border-top-color: transparent; border-bottom-color: #2a2f3c; border-right-color: #2a2f3c; } .ribbon-dark.ribbon-clip-bottom-right:before { border-top-color: transparent; border-bottom-color: #2a2f3c; border-right-color: transparent; border-left-color: #2a2f3c; } .ribbon-warning { background: #ffb829; } .ribbon-warning { background: #ffb829; } .ribbon-bookmark.ribbon-warning:before { border-color: #ffb829; border-right-color: transparent; } .ribbon-bookmark.ribbon-right.ribbon-warning:before { border-right-color: #ffb829; border-left-color: transparent; } .ribbon-bookmark.ribbon-vertical-left.ribbon-warning:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-warning:before { border-right-color: #ffb829; border-bottom-color: transparent; } .ribbon-warning.ribbon-corner:before { border-top-color: #ffb829; border-left-color: #ffb829; } .ribbon-warning.ribbon-corner.ribbon-right:before { border-right-color: #ffb829; border-left-color: transparent; } .ribbon-warning.ribbon-corner.ribbon-bottom:before { border-top-color: transparent; border-bottom-color: #ffb829; } .ribbon-warning.ribbon-clip:before { border-color: transparent; border-top-color: #f5a400; border-right-color: #f5a400; } .ribbon-warning.ribbon-clip-right:before { border-right-color: transparent; border-top-color: #f5a400; border-left-color: #f5a400; } .ribbon-warning.ribbon-clip-bottom:before { border-top-color: transparent; border-bottom-color: #f5a400; border-right-color: #f5a400; } .ribbon-warning.ribbon-clip-bottom-right:before { border-top-color: transparent; border-bottom-color: #f5a400; border-right-color: transparent; border-left-color: #f5a400; } .vertical-lp-space { padding: 58px 28px 28px 50px; } .vertical-rp-space { padding: 58px 50px 28px 28px; } .clip-bp-space { padding: 28px 18px 58px 18px; } .ribbon-wrapper { transform: translate(20deg); } .animated-ribbon { position: relative; } .animated-ribbon .box { left: 50%; top: 50%; width: 100%; transform: translate(-50%, 50%); perspective: 50px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); position: relative; } .animated-ribbon .box .ribbon { position: absolute; right: -21px; bottom: 10px; height: 60px; transform-style: preserve-3d; line-height: 2.2; } .animated-ribbon .box .ribbon i { position: absolute; display: block; bottom: 0px; transition: all .2s ease-in; } .animated-ribbon .box .ribbon i.back { background: var(--theme-default); width: 0px; height: 36px; left: 100%; transform: skewY(-30deg); transform-origin: 0% 100%; transition-delay: .45s; } .animated-ribbon .box .ribbon i.front { width: 0px; background: var(--theme-default); height: 36px; right: -10px; bottom: 11px; transition-delay: .35s; } .animated-ribbon .box .ribbon i.fold { background: var(--theme-default); right: 180px; height: 40px; width: 0px; bottom: 11px; transform: rotateY(-45deg) skewY(-40deg); transform-origin: 100% 0%; transition-delay: .15s; } .animated-ribbon .box .ribbon i.foldback { width: 0px; background: var(--theme-default); height: 29px; right: 200px; bottom: 16px; transition-delay: 0s; } .animated-ribbon .box .ribbon i span { position: absolute; opacity: 0; color: #fff; text-align: center; padding: 3px 38px; transition: all .4s ease-out; } .animated-ribbon:hover .ribbon i.back { width: 10px; transition-delay: 0s; } .animated-ribbon:hover .ribbon i.front { width: 145px; transition-delay: .15s; } .animated-ribbon:hover .ribbon i span { opacity: 1; transition-delay: .2s; } .smooth-animate:hover .label { padding-left: 1em; } [dir="rtl"] .smooth-animate:hover .label { padding-left: 0.75em; padding-right: 1em; } .smooth-animate .media-image { display: inline-block; width: auto; position: relative; } .smooth-animate .media-image img { display: block; } .smooth-animate .label { position: absolute; top: -132px; left: -24px; display: inline-block; padding: 0 0.75em; border-radius: 5px 2px 2px 0px; text-transform: uppercase; letter-spacing: .1em; line-height: 2.35em; font-weight: bold; color: #fff; background-color: #fc564a; z-index: 7; box-shadow: 0px 2px 0 rgba(63, 71, 90, 0.1); transition: all 0.1s; } [dir="rtl"] .smooth-animate .label { left: unset; right: -24px; border-radius: 2px 5px 0px 2px; } .smooth-animate .label:before { content: " "; display: block; position: absolute; width: 5px; height: 4px; left: 0; bottom: -4px; background-color: #fc564a; } [dir="rtl"] .smooth-animate .label:before { left: unset; right: 0; } .smooth-animate .label:after { content: " "; display: block; position: absolute; width: 5px; height: 6px; bottom: -6px; left: 0; background-color: #fc564a; border-radius: 5px 0 0 5px; } [dir="rtl"] .smooth-animate .label:after { left: unset; right: 0; } .vertical-left-animate .ribbon-wrapper { overflow: hidden; } .vertical-left-animate .ribbon-wrapper .ribbon { left: -50px; transition: all 0.2s ease; } [dir="rtl"] .vertical-left-animate .ribbon-wrapper .ribbon { direction: ltr; } .vertical-left-animate .ribbon-wrapper .ribbon i { margin-left: 12px; } .vertical-left-animate .ribbon-wrapper .ribbon span { opacity: 0; transition: all 0.2s ease; } .vertical-left-animate .ribbon-wrapper .ribbon-bookmark::before { left: 84%; } .vertical-left-animate:hover .ribbon-wrapper .ribbon { left: 0px; transition: all 0.2s ease; } .vertical-left-animate:hover .ribbon-wrapper .ribbon span { opacity: 1; transition: all 0.2s ease; } .triangular-ribbon { transition: all 0.3s ease; } .triangular-ribbon .ribbon-wrapper { overflow: hidden; } .triangular-ribbon .ribbon-wrapper .triangular-ribbon-box { width: 100px; height: 100px; background: #e8e5ff; position: absolute; top: -50px; left: -50px; transform: rotate(315deg); text-align: center; display: flex; justify-content: center; align-items: end; border: 3px solid var(--theme-default); transition: all 0.3s ease; opacity: 0; } .triangular-ribbon .ribbon-wrapper .triangular-ribbon-box > div { position: absolute; bottom: -2px; left: 36px; } .triangular-ribbon .ribbon-wrapper .triangular-ribbon-box > div svg { width: 20px; height: 20px; stroke: var(--theme-default); } .triangular-ribbon:hover { transition: all 0.3s ease; } .triangular-ribbon:hover .triangular-ribbon-box { opacity: 1; transition: all 0.3s ease; } .vertical-ribbon-animate:hover .ribbon-vertical-right { animation: shrink .3s ease; } .vertical-ribbon-animate .ribbon-vertical-right { width: 115px; line-height: 45px; height: 45px; border-radius: 0 0 50% 50%; box-shadow: 0px 8px 16px -4px rgba(0, 0, 0, 0.25); top: 0; } .vertical-ribbon-animate .ribbon-vertical-right::before { content: unset; } .vertical-ribbon-animate .ribbon-vertical-right > div i { margin-right: 6px; } [dir="rtl"] .vertical-ribbon-animate .ribbon-vertical-right > div i { margin-right: unset; margin-left: 6px; } .vertical-ribbon-animate .ribbon-bottom-arrow { position: absolute; left: 38px; line-height: 40px; border-radius: 0; top: calc(-1*12px); border-left: 12px solid #0005; border-bottom: 14px solid #0000; clip-path: polygon(12px 0, 100% 0, 100% calc(100% - 14px), calc(50% + 12px/2) 100%, 12px calc(100% - 14px), 12px 12px, 0 12px); } @media (max-width: 1407px) and (min-width: 992px) { .smooth-animate .label { top: -178px !important; } } @media (max-width: 793px) and (min-width: 619px) { .smooth-animate .label { top: -173px; } } @media (max-width: 618px) and (min-width: 576px) { .smooth-animate .label { top: -200px; } } @media (max-width: 399px) { .smooth-animate .label { top: -175px; } } /**===================== 2.25 Ribbon CSS Ends ==========================**/ /**===================== 2.26 Range-slider CSS Start ==========================**/ .irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single, .irs--flat .irs-bar { background-color: #7366FF; } .irs--flat .irs-from::before, .irs--flat .irs-to::before, .irs--flat .irs-single::before, .irs--flat .irs-bar::before { border-top-color: #7366FF; } .irs--flat .irs-handle i:first-child { background-color: #7366FF; } .irs--round .irs-single { background-color: #838383; } .irs--round .irs-single::before { border-top-color: #838383; } .irs--round .irs-handle { border: 4px solid #838383; } .irs--round .irs-bar { background-color: #838383; } .irs--square .irs-handle { border: 3px solid #65c15c; } .irs--square .irs-from, .irs--square .irs-to, .irs--square .irs-bar { background-color: #65c15c; } .irs--sharp .irs-from::before, .irs--sharp .irs-to::before { border-top-color: #40b8f5; } .irs--sharp .irs-min, .irs--sharp .irs-max, .irs--sharp .irs-from, .irs--sharp .irs-to, .irs--sharp .irs-bar { background-color: #40b8f5; } .irs--sharp .irs-line { background-color: #cccccc; } .irs--sharp .irs-handle { background-color: #40b8f5; } .irs--sharp .irs-handle i:first-child { border-top-color: #40b8f5; } .irs--big .irs-bar { border: 1px solid #ffb829; background: #ffb829; box-shadow: unset; } .irs--big .irs-from, .irs--big .irs-to { background-color: #ffb829; background: unset; } .irs--big .irs-handle { background: #ffb829; } .irs--big .irs-grid-pol { background-color: #ffb829; } .irs--big .irs-grid-text { color: #ffb829; } .irs--modern .irs-single { background-color: #fc564a; } .irs--modern .irs-single::before { border-top-color: #fc564a; } .irs--modern .irs-bar { background: #fc564a; } .irs--modern .irs-grid-text { color: #fc564a; } /**===================== 2.26 Range-slider CSS Ends ==========================**/ /**===================== 2.27 Switch CSS Start ==========================**/ .switch { position: relative; display: inline-block; width: 60px; height: 34px; } .switch input { display: none; } .switch input:checked + .switch-state { background-color: var(--theme-default); } .switch input:checked + .switch-state:before { transform: translateX(26px); } .switch input:checked + .switch-state.large-switch::before { transform: translateX(32px); } .switch input:focus + .switch-state { box-shadow: 0 0 1px var(--theme-default); } .switch-state { border-radius: 20px; position: absolute; cursor: pointer; inset: 0; background-color: #f4f4f4; transition: .4s; } .switch-state:before { position: absolute; content: ""; width: 26px; height: 26px; left: 4px; bottom: 4px; background-color: #fff; transition: .4s; border-radius: 20px; } .icon-state .switch-state:after { content: "\efb8"; font-family: IcoFont; left: 10px; position: absolute; top: 10px; color: #3f475a; transition: .4s; opacity: 0.3; } .icon-state input:checked + .switch-state:after { content: "\efad"; left: 36px; opacity: 1; transition: .4s; } .switch-lg .switch { width: 75px; height: 40px; padding: 0; margin: 0; } .switch-lg .switch .switch-state:before { width: 30px; height: 30px; left: 7px; bottom: 5px; top: 4px; } .switch-lg .switch .switch-state.large-switch::before { top: 5px; } .switch-lg.icon-state .switch .switch-state:after { left: 12px; font-size: 18px; } .switch-lg.icon-state .switch input:checked + .switch-state:after { left: 47px; } .switch-lg.icon-state .switch input:checked + .switch-state:before { transform: translateX(32px); } .switch-sm.icon-state .switch .switch-state:after { top: 4px; left: 4px; font-size: 8px; } .switch-sm.icon-state .switch input:checked + .switch-state:after { left: 13px; top: 4px; } .switch-sm .switch { width: 25px; height: 16px; margin-top: 10px; margin-bottom: 0px; } .switch-sm .switch .switch-state:before { width: 8px; height: 8px; left: 4px; bottom: 4px; } .switch-sm input:checked + .switch-state:before { left: -13px; } .switch-outline .switch-state { background-color: #fff; border: 1px solid var(--theme-default); transition: .4s; } .switch-outline .switch-state:before { background-color: #f4f4f4; bottom: 3px; color: #fff; } .switch-outline .switch input { display: none; } .switch-outline .switch input:checked + .switch-state { background-color: transparent; border: 1px solid var(--theme-default); } .switch-outline .switch input:checked + .switch-state:before { background-color: var(--theme-default); bottom: 3px; transform: translateX(26px); } .switch-outline .switch input:checked + .switch-state:after { color: #fff; } .switch-outline .switch input:checked + .switch-state.bg-primary { background-color: transparent !important; border: 1px solid var(--theme-default); } .switch-outline .switch input:checked + .switch-state.bg-primary:before { background-color: var(--theme-default); } .switch-outline .switch input:checked + .switch-state.bg-dark { background-color: transparent !important; border: 1px solid #3f475a; } .switch-outline .switch input:checked + .switch-state.bg-dark:before { background-color: #3f475a; } .switch-outline .switch input:checked + .switch-state.bg-warning { background-color: transparent !important; border: 1px solid #ffb829; } .switch-outline .switch input:checked + .switch-state.bg-warning:before { background-color: #ffb829; } .switch-outline .switch input:checked + .switch-state.bg-success { background-color: transparent !important; border: 1px solid #65c15c; } .switch-outline .switch input:checked + .switch-state.bg-success:before { background-color: #65c15c; } .switch-outline .switch input:checked + .switch-state.bg-info { background-color: transparent !important; border: 1px solid #40b8f5; } .switch-outline .switch input:checked + .switch-state.bg-info:before { background-color: #40b8f5; } .switch-outline .switch input:checked + .switch-state.bg-danger { background-color: transparent !important; border: 1px solid #fc564a; } .switch-outline .switch input:checked + .switch-state.bg-danger:before { background-color: #fc564a; } .switch-outline .switch input:checked + .switch-state.bg-primary { background-color: transparent !important; border: 1px solid var(--theme-default); } .switch-outline .switch input:checked + .switch-state.bg-primary:before { background-color: var(--theme-default); } .switch-outline .switch input:checked + .switch-state.bg-secondary { background-color: transparent !important; border: 1px solid var(--theme-secondary); } .switch-outline .switch input:checked + .switch-state.bg-secondary:before { background-color: var(--theme-secondary); } .switch-outline .switch-state.bg-primary { border: 1px solid var(--theme-default); background-color: transparent !important; } .switch-outline .switch-state.bg-secondary { border: 1px solid var(--theme-secondary); background-color: transparent !important; } .switch-outline .switch-state.bg-warning { border: 1px solid #ffb829; background-color: transparent !important; } .switch-outline .switch-state.bg-success { border: 1px solid #65c15c; background-color: transparent !important; } .switch-outline .switch-state.bg-info { border: 1px solid #40b8f5; background-color: transparent !important; } .switch-outline .switch-state.bg-danger { border: 1px solid #fc564a; background-color: transparent !important; } .switch-outline .switch-state.bg-dark { border: 1px solid #3f475a; background-color: transparent !important; } .switch-showcase { margin-bottom: -8px; } .switch-showcase .d-flex { line-height: 1; } .switch-showcase .form-check .form-check-input { float: right; } .form-switch .form-check-input:checked { background-color: var(--theme-default); border-color: var(--theme-default); } .tg-list { text-align: center; display: flex; align-items: center; } .tgl { display: none; } .tgl, .tgl:after, .tgl:before, .tgl *, .tgl *:after, .tgl *:before, .tgl + .tgl-btn { box-sizing: border-box; } .tgl::selection, .tgl:after::selection, .tgl:before::selection, .tgl *::selection, .tgl *:after::selection, .tgl *:before::selection, .tgl + .tgl-btn::selection { background: none; } .tgl + .tgl-btn { outline: 0; display: block; width: 4em; height: 2em; position: relative; cursor: pointer; user-select: none; } .tgl + .tgl-btn:after, .tgl + .tgl-btn:before { position: relative; display: block; content: ""; width: 50%; height: 100%; } .tgl + .tgl-btn:after { left: 0; } .tgl + .tgl-btn:before { display: none; } .tgl:checked + .tgl-btn:after { left: 50%; } .tgl-skewed + .tgl-btn { overflow: hidden; transform: skew(-10deg); backface-visibility: hidden; transition: all .2s ease; background: #838383; } .tgl-skewed + .tgl-btn:after, .tgl-skewed + .tgl-btn:before { transform: skew(10deg); display: inline-block; transition: all .2s ease; width: 100%; text-align: center; position: absolute; line-height: 2em; font-weight: bold; color: var(--white); text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); } .tgl-skewed + .tgl-btn:after { left: 100%; content: attr(data-tg-on); } .tgl-skewed + .tgl-btn:before { left: 0; content: attr(data-tg-off); } .tgl-skewed + .tgl-btn:active { background: #838383; } .tgl-skewed + .tgl-btn:active:before { left: -10%; } .tgl-skewed:checked + .tgl-btn { background: #7366FF; } .tgl-skewed:checked + .tgl-btn:before { left: -100%; } .tgl-skewed:checked + .tgl-btn:after { left: 0; } .tgl-skewed:checked + .tgl-btn:active:after { left: 10%; } .tgl-flip + .tgl-btn { padding: 2px; transition: all .2s ease; perspective: 100px; } .tgl-flip + .tgl-btn:after, .tgl-flip + .tgl-btn:before { display: inline-block; transition: all .4s ease; width: 100%; text-align: center; position: absolute; line-height: 2em; font-weight: 500; color: var(--white); position: absolute; top: 0; left: 0; backface-visibility: hidden; border-radius: 4px; } .tgl-flip + .tgl-btn:after { content: attr(data-tg-on); background: #ffb829; transform: rotateY(-180deg); } .tgl-flip + .tgl-btn:before { background: #fc564a; content: attr(data-tg-off); } .tgl-flip + .tgl-btn:active:before { transform: rotateY(-20deg); } .tgl-flip:checked + .tgl-btn:before { transform: rotateY(180deg); } .tgl-flip:checked + .tgl-btn:after { transform: rotateY(0); left: 0; background: #65c15c; } .tgl-flip:checked + .tgl-btn:active:after { transform: rotateY(20deg); } .radius-none .form-check-input { border-radius: 3px; } .tg-list .tg-list-item .square-checked .switch-state::before { content: ''; border-radius: 0; } .switch-wrapper .d-flex { margin-right: 20px; } [dir='rtl'] .switch-wrapper .d-flex { margin-right: unset; margin-left: 20px; } .switch-wrapper .d-flex .col-form-label { padding-bottom: 0; } .switch-wrapper .tg-list p { margin: 0 8px 0 0; } .default-square .form-switch .form-check-input { background-image: url(../images/switch/square-gray.png); } .default-square .form-switch .form-check-input:checked { background-image: url(../images/switch/square.svg); } /**===================== 2.27 Switch CSS Ends ==========================**/ /**===================== 2.28 Tab CSS Start ==========================**/ .nav-pills .nav-link.active, .nav-pills .show > .nav-link { background-color: var(--theme-default); } .main-vertical-tab .nav .nav-link { display: flex; align-items: center; gap: 8px; } .nav i { margin-right: 10px; } .nav-right { justify-content: flex-end; } .nav-theme .nav-link, .nav-pills.nav-theme .nav-link { color: var(--theme-default); } .nav-theme .nav-link.active, .nav-theme .show > .nav-link, .nav-pills.nav-theme .nav-link.active, .nav-pills.nav-theme .show > .nav-link { background-color: var(--theme-default); color: #fff; } .nav-primary .nav-link, .nav-pills.nav-primary .nav-link { color: var(--theme-default); } .nav-primary .nav-link.active, .nav-primary .show > .nav-link, .nav-pills.nav-primary .nav-link.active, .nav-pills.nav-primary .show > .nav-link { background-color: var(--theme-default); color: #fff; } .nav-secondary .nav-link, .nav-pills.nav-secondary .nav-link { color: #838383; } .nav-secondary .nav-link.active, .nav-secondary .show > .nav-link, .nav-pills.nav-secondary .nav-link.active, .nav-pills.nav-secondary .show > .nav-link { background-color: #838383; color: #fff; } .nav-success .nav-link, .nav-pills.nav-success .nav-link { color: #65c15c; } .nav-success .nav-link.active, .nav-success .show > .nav-link, .nav-pills.nav-success .nav-link.active, .nav-pills.nav-success .show > .nav-link { background-color: #65c15c; color: #fff; } .nav-danger .nav-link, .nav-pills.nav-danger .nav-link { color: #fc564a; } .nav-danger .nav-link.active, .nav-danger .show > .nav-link, .nav-pills.nav-danger .nav-link.active, .nav-pills.nav-danger .show > .nav-link { background-color: #fc564a; color: #fff; } .nav-info .nav-link, .nav-pills.nav-info .nav-link { color: #40b8f5; } .nav-info .nav-link.active, .nav-info .show > .nav-link, .nav-pills.nav-info .nav-link.active, .nav-pills.nav-info .show > .nav-link { background-color: #40b8f5; color: #fff; } .nav-light .nav-link, .nav-pills.nav-light .nav-link { color: #f4f4f4; } .nav-light .nav-link.active, .nav-light .show > .nav-link, .nav-pills.nav-light .nav-link.active, .nav-pills.nav-light .show > .nav-link { background-color: #f4f4f4; color: #fff; } .nav-dark .nav-link, .nav-pills.nav-dark .nav-link { color: #3f475a; } .nav-dark .nav-link.active, .nav-dark .show > .nav-link, .nav-pills.nav-dark .nav-link.active, .nav-pills.nav-dark .show > .nav-link { background-color: #3f475a; color: #fff; } .nav-warning .nav-link, .nav-pills.nav-warning .nav-link { color: #ffb829; } .nav-warning .nav-link.active, .nav-warning .show > .nav-link, .nav-pills.nav-warning .nav-link.active, .nav-pills.nav-warning .show > .nav-link { background-color: #ffb829; color: #fff; } .nav-tabs.nav-bottom .nav-item .nav-link.active, .nav-tabs.nav-bottom .nav-item .nav-link.focus, .nav-tabs.nav-bottom .nav-item .nav-link.hover { border-color: #fff #dee2e6 #dee2e6; } .tab-content ~ .nav-tabs.border-tab { margin-bottom: 0; margin-top: 30px; } .border-tab.nav-tabs { display: flex; align-items: center; flex-wrap: nowrap; margin-bottom: 30px; } .border-tab.nav-tabs .nav-item .nav-link { font-size: 16px; color: #3f475a; text-align: center; padding: 10px 25px; border: none; border-bottom: none; transition: 0.3s; } @media (min-width: 576px) and (max-width: 1920px) { .border-tab.nav-tabs .nav-item .nav-link { padding-top: 0; } } .border-tab.nav-tabs .nav-item .nav-link.active, .border-tab.nav-tabs .nav-item .nav-link.show, .border-tab.nav-tabs .nav-item .nav-link:focus, .border-tab.nav-tabs .nav-item .nav-link:hover { color: var(--theme-default); } .border-tab.nav-tabs .nav-item .nav-link.active, .border-tab.nav-tabs .nav-item .nav-link.show, .border-tab.nav-tabs .nav-item .nav-link:focus { border-bottom: none; } .border-tab.nav-left .nav-link { transition: all 0.3s ease; color: #3f475a; } .border-tab.nav-left .nav-link.active, .border-tab.nav-left .show > .nav-link { background-color: transparent; border-left-color: var(--theme-default); color: var(--theme-default); border-radius: 0; transition: all 0.3s ease; } .border-tab.nav-right .nav-link { border-right: 2px solid transparent; transition: all 0.3s ease; color: #3f475a; text-align: right; } .border-tab.nav-right .nav-link.active, .border-tab.nav-right .show > .nav-link { background-color: transparent; border-right-color: var(--theme-default); color: var(--theme-default); border-radius: 0; transition: all 0.3s ease; } .border-tab.nav-theme .nav-link.active, .border-tab.nav-theme .nav-item.show, .border-tab.nav-theme .nav-link:focus, .border-tab.nav-theme .nav-link:hover { color: var(--theme-default); background-color: transparent; } .border-tab.nav-theme .nav-item .nav-link { transition: 0.3s; } .border-tab.nav-theme .nav-item .nav-link.active, .border-tab.nav-theme .nav-item .nav-link.show, .border-tab.nav-theme .nav-item .nav-link:focus { border-bottom: 2px solid var(--theme-default); } .border-tab.nav-theme .nav-item .nav-link.active, .border-tab.nav-theme .nav-item .nav-link.show, .border-tab.nav-theme .nav-item .nav-link:focus, .border-tab.nav-theme .nav-item .nav-link:hover { color: var(--theme-default); } .border-tab.nav-left.nav-theme .nav-link.active, .border-tab.nav-left.nav-theme .show > .nav-link { border-left-color: var(--theme-default); color: var(--theme-default); } .border-tab.nav-right.nav-theme .nav-link.active, .border-tab.nav-right.nav-theme .show > .nav-link { border-right-color: var(--theme-default); color: var(--theme-default); } .border-tab.nav-primary .nav-link.active, .border-tab.nav-primary .nav-item.show, .border-tab.nav-primary .nav-link:focus, .border-tab.nav-primary .nav-link:hover { color: var(--theme-default); background-color: transparent; } .border-tab.nav-primary .nav-item .nav-link { transition: 0.3s; } .border-tab.nav-primary .nav-item .nav-link.active, .border-tab.nav-primary .nav-item .nav-link.show, .border-tab.nav-primary .nav-item .nav-link:focus { border-bottom: 2px solid var(--theme-default); } .border-tab.nav-primary .nav-item .nav-link.active, .border-tab.nav-primary .nav-item .nav-link.show, .border-tab.nav-primary .nav-item .nav-link:focus, .border-tab.nav-primary .nav-item .nav-link:hover { color: var(--theme-default); } .border-tab.nav-left.nav-primary .nav-link.active, .border-tab.nav-left.nav-primary .show > .nav-link { border-left-color: var(--theme-default); color: var(--theme-default); } .border-tab.nav-right.nav-primary .nav-link.active, .border-tab.nav-right.nav-primary .show > .nav-link { border-right-color: var(--theme-default); color: var(--theme-default); } .border-tab.nav-secondary .nav-link.active, .border-tab.nav-secondary .nav-item.show, .border-tab.nav-secondary .nav-link:focus, .border-tab.nav-secondary .nav-link:hover { color: #838383; background-color: transparent; } .border-tab.nav-secondary .nav-item .nav-link { transition: 0.3s; } .border-tab.nav-secondary .nav-item .nav-link.active, .border-tab.nav-secondary .nav-item .nav-link.show, .border-tab.nav-secondary .nav-item .nav-link:focus { border-bottom: 2px solid #838383; } .border-tab.nav-secondary .nav-item .nav-link.active, .border-tab.nav-secondary .nav-item .nav-link.show, .border-tab.nav-secondary .nav-item .nav-link:focus, .border-tab.nav-secondary .nav-item .nav-link:hover { color: #838383; } .border-tab.nav-left.nav-secondary .nav-link.active, .border-tab.nav-left.nav-secondary .show > .nav-link { border-left-color: #838383; color: #838383; } .border-tab.nav-right.nav-secondary .nav-link.active, .border-tab.nav-right.nav-secondary .show > .nav-link { border-right-color: #838383; color: #838383; } .border-tab.nav-success .nav-link.active, .border-tab.nav-success .nav-item.show, .border-tab.nav-success .nav-link:focus, .border-tab.nav-success .nav-link:hover { color: #65c15c; background-color: transparent; } .border-tab.nav-success .nav-item .nav-link { transition: 0.3s; } .border-tab.nav-success .nav-item .nav-link.active, .border-tab.nav-success .nav-item .nav-link.show, .border-tab.nav-success .nav-item .nav-link:focus { border-bottom: 2px solid #65c15c; } .border-tab.nav-success .nav-item .nav-link.active, .border-tab.nav-success .nav-item .nav-link.show, .border-tab.nav-success .nav-item .nav-link:focus, .border-tab.nav-success .nav-item .nav-link:hover { color: #65c15c; } .border-tab.nav-left.nav-success .nav-link.active, .border-tab.nav-left.nav-success .show > .nav-link { border-left-color: #65c15c; color: #65c15c; } .border-tab.nav-right.nav-success .nav-link.active, .border-tab.nav-right.nav-success .show > .nav-link { border-right-color: #65c15c; color: #65c15c; } .border-tab.nav-danger .nav-link.active, .border-tab.nav-danger .nav-item.show, .border-tab.nav-danger .nav-link:focus, .border-tab.nav-danger .nav-link:hover { color: #fc564a; background-color: transparent; } .border-tab.nav-danger .nav-item .nav-link { transition: 0.3s; } .border-tab.nav-danger .nav-item .nav-link.active, .border-tab.nav-danger .nav-item .nav-link.show, .border-tab.nav-danger .nav-item .nav-link:focus { border-bottom: 2px solid #fc564a; } .border-tab.nav-danger .nav-item .nav-link.active, .border-tab.nav-danger .nav-item .nav-link.show, .border-tab.nav-danger .nav-item .nav-link:focus, .border-tab.nav-danger .nav-item .nav-link:hover { color: #fc564a; } .border-tab.nav-left.nav-danger .nav-link.active, .border-tab.nav-left.nav-danger .show > .nav-link { border-left-color: #fc564a; color: #fc564a; } .border-tab.nav-right.nav-danger .nav-link.active, .border-tab.nav-right.nav-danger .show > .nav-link { border-right-color: #fc564a; color: #fc564a; } .border-tab.nav-info .nav-link.active, .border-tab.nav-info .nav-item.show, .border-tab.nav-info .nav-link:focus, .border-tab.nav-info .nav-link:hover { color: #40b8f5; background-color: transparent; } .border-tab.nav-info .nav-item .nav-link { transition: 0.3s; } .border-tab.nav-info .nav-item .nav-link.active, .border-tab.nav-info .nav-item .nav-link.show, .border-tab.nav-info .nav-item .nav-link:focus { border-bottom: 2px solid #40b8f5; } .border-tab.nav-info .nav-item .nav-link.active, .border-tab.nav-info .nav-item .nav-link.show, .border-tab.nav-info .nav-item .nav-link:focus, .border-tab.nav-info .nav-item .nav-link:hover { color: #40b8f5; } .border-tab.nav-left.nav-info .nav-link.active, .border-tab.nav-left.nav-info .show > .nav-link { border-left-color: #40b8f5; color: #40b8f5; } .border-tab.nav-right.nav-info .nav-link.active, .border-tab.nav-right.nav-info .show > .nav-link { border-right-color: #40b8f5; color: #40b8f5; } .border-tab.nav-light .nav-link.active, .border-tab.nav-light .nav-item.show, .border-tab.nav-light .nav-link:focus, .border-tab.nav-light .nav-link:hover { color: #f4f4f4; background-color: transparent; } .border-tab.nav-light .nav-item .nav-link { transition: 0.3s; } .border-tab.nav-light .nav-item .nav-link.active, .border-tab.nav-light .nav-item .nav-link.show, .border-tab.nav-light .nav-item .nav-link:focus { border-bottom: 2px solid #f4f4f4; } .border-tab.nav-light .nav-item .nav-link.active, .border-tab.nav-light .nav-item .nav-link.show, .border-tab.nav-light .nav-item .nav-link:focus, .border-tab.nav-light .nav-item .nav-link:hover { color: #f4f4f4; } .border-tab.nav-left.nav-light .nav-link.active, .border-tab.nav-left.nav-light .show > .nav-link { border-left-color: #f4f4f4; color: #f4f4f4; } .border-tab.nav-right.nav-light .nav-link.active, .border-tab.nav-right.nav-light .show > .nav-link { border-right-color: #f4f4f4; color: #f4f4f4; } .border-tab.nav-dark .nav-link.active, .border-tab.nav-dark .nav-item.show, .border-tab.nav-dark .nav-link:focus, .border-tab.nav-dark .nav-link:hover { color: #3f475a; background-color: transparent; } .border-tab.nav-dark .nav-item .nav-link { transition: 0.3s; } .border-tab.nav-dark .nav-item .nav-link.active, .border-tab.nav-dark .nav-item .nav-link.show, .border-tab.nav-dark .nav-item .nav-link:focus { border-bottom: 2px solid #3f475a; } .border-tab.nav-dark .nav-item .nav-link.active, .border-tab.nav-dark .nav-item .nav-link.show, .border-tab.nav-dark .nav-item .nav-link:focus, .border-tab.nav-dark .nav-item .nav-link:hover { color: #3f475a; } .border-tab.nav-left.nav-dark .nav-link.active, .border-tab.nav-left.nav-dark .show > .nav-link { border-left-color: #3f475a; color: #3f475a; } .border-tab.nav-right.nav-dark .nav-link.active, .border-tab.nav-right.nav-dark .show > .nav-link { border-right-color: #3f475a; color: #3f475a; } .border-tab.nav-warning .nav-link.active, .border-tab.nav-warning .nav-item.show, .border-tab.nav-warning .nav-link:focus, .border-tab.nav-warning .nav-link:hover { color: #ffb829; background-color: transparent; } .border-tab.nav-warning .nav-item .nav-link { transition: 0.3s; } .border-tab.nav-warning .nav-item .nav-link.active, .border-tab.nav-warning .nav-item .nav-link.show, .border-tab.nav-warning .nav-item .nav-link:focus { border-bottom: 2px solid #ffb829; } .border-tab.nav-warning .nav-item .nav-link.active, .border-tab.nav-warning .nav-item .nav-link.show, .border-tab.nav-warning .nav-item .nav-link:focus, .border-tab.nav-warning .nav-item .nav-link:hover { color: #ffb829; } .border-tab.nav-left.nav-warning .nav-link.active, .border-tab.nav-left.nav-warning .show > .nav-link { border-left-color: #ffb829; color: #ffb829; } .border-tab.nav-right.nav-warning .nav-link.active, .border-tab.nav-right.nav-warning .show > .nav-link { border-right-color: #ffb829; color: #ffb829; } .flex-space { display: flex; gap: 16px; } @media (max-width: 576px) { .flex-space { justify-content: center; } } .tab-img { height: 100px; } .nav-item .navlink-title { background-color: unset; padding: 8px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .simple-wrapper .dropdown-collection .dropdown-item:hover, .simple-wrapper .dropdown-collection .dropdown-item:active { background-color: #cccccc !important; } .blog-wrapper .blog-img { height: 100px; } @media (max-width: 500px) { .blog-wrapper .blog-img { height: 75px; } } .designer-details { display: flex; align-items: center; flex-wrap: wrap; gap: 20px; } @media (max-width: 1540px) { .designer-details { gap: 14px; } } .designer-details .designer-profile { display: inline-block; } .designer-details .designer-profile .designer-wrap { display: flex; align-items: center; gap: 12px; } .designer-details .designer-profile .designer-wrap .designer-img { height: calc(38px + (50 - 38) * ((100vw - 320px) / (1920 - 320))); border-radius: 100%; } .designer-details .designer-profile .designer-wrap .designer-content h6 { font-weight: 500; } .designer-details .designer-profile .designer-wrap .designer-content p { color: #999999; } .nav-tabs .nav-border { color: #000; border: none; } .ico-color { color: #ffb829; font-size: 16px; } .main-inbox .header-inbox { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #999999; padding-bottom: 8px; } .main-inbox .header-inbox .header-left-inbox { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; } .main-inbox .header-inbox .header-left-inbox .inbox-img img { width: 50px; height: 50px; border-radius: 100%; } .main-inbox .header-inbox .header-right-inbox { display: flex; gap: 12px; } @media (max-width: 560px) { .main-inbox .header-inbox .header-right-inbox { display: none; } } .main-inbox .body-inbox .body-h-wrapper { display: flex; padding-bottom: 6px; border-bottom: 1px solid var(--light-border); align-items: center; } @media (max-width: 630px) { .main-inbox .body-inbox .body-h-wrapper { align-items: unset; } } .tab-space { font-size: 14px; } #bottom-tab .nav-border.tab-primary:hover { color: #7366FF; } #bottom-tab .nav-border.tab-primary:focus, #bottom-tab .nav-border.tab-primary:active, #bottom-tab .nav-border.tab-primary.active { color: #7366FF; border-bottom: 2px solid #7366FF; } #bottom-tab .nav-border.tab-secondary:hover { color: #838383; } #bottom-tab .nav-border.tab-secondary:focus, #bottom-tab .nav-border.tab-secondary:active, #bottom-tab .nav-border.tab-secondary.active { color: #838383; border-bottom: 2px solid #838383; } #bottom-tab .nav-border.tab-success:hover { color: #65c15c; } #bottom-tab .nav-border.tab-success:focus, #bottom-tab .nav-border.tab-success:active, #bottom-tab .nav-border.tab-success.active { color: #65c15c; border-bottom: 2px solid #65c15c; } #bottom-tab .nav-border.tab-danger:hover { color: #fc564a; } #bottom-tab .nav-border.tab-danger:focus, #bottom-tab .nav-border.tab-danger:active, #bottom-tab .nav-border.tab-danger.active { color: #fc564a; border-bottom: 2px solid #fc564a; } #bottom-tab .nav-border.tab-warning:hover { color: #ffb829; } #bottom-tab .nav-border.tab-warning:focus, #bottom-tab .nav-border.tab-warning:active, #bottom-tab .nav-border.tab-warning.active { color: #ffb829; border-bottom: 2px solid #ffb829; } #bottom-tab .nav-border.tab-info:hover { color: #40b8f5; } #bottom-tab .nav-border.tab-info:focus, #bottom-tab .nav-border.tab-info:active, #bottom-tab .nav-border.tab-info.active { color: #40b8f5; border-bottom: 2px solid #40b8f5; } #bottom-tab .nav-border.tab-light:hover { color: #f4f4f4; } #bottom-tab .nav-border.tab-light:focus, #bottom-tab .nav-border.tab-light:active, #bottom-tab .nav-border.tab-light.active { color: #f4f4f4; border-bottom: 2px solid #f4f4f4; } #bottom-tab .nav-border.tab-dark:hover { color: #3f475a; } #bottom-tab .nav-border.tab-dark:focus, #bottom-tab .nav-border.tab-dark:active, #bottom-tab .nav-border.tab-dark.active { color: #3f475a; border-bottom: 2px solid #3f475a; } #sideline-tab .nav-effect { display: inline-block; position: relative; } #sideline-tab .nav-effect::after { content: ''; position: absolute; left: 0; display: inline-block; height: 14px; width: 80%; border-bottom: 1px solid; margin-top: 10px; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transform: scale(0, 1); } #sideline-tab .nav-effect:hover::after { opacity: 1; transform: scale(1); } .tabs-responsive-side .border-tab.nav-secondary.nav-left .nav-link:hover, .tabs-responsive-side .border-tab.nav-secondary.nav-left .nav-link.active { background-color: unset; border-left: none; border-radius: 0; transition: none; } @media (max-width: 576px) { .pills-blogger { justify-content: center; flex-wrap: wrap; } } ::placeholder { font-size: 14px; } .material-wrapper { display: flex; gap: 12px; } @media (max-width: 576px) { .material-wrapper { flex-direction: column; align-items: center; } } .bg-navbar .nav { justify-content: flex-end; background-color: #f4f4f4; border-radius: 8px; } .bg-navbar .nav .nav-item .nav-link { color: #898989; } .bg-navbar .nav .nav-item .nav-link.active { background-color: #7366FF; color: #fff; } .bg-navbar .skill-tab .form-control { width: 45%; } .bg-navbar .skill-tab ul { list-style-type: circle; margin-left: 16px; } [dir="rtl"] .bg-navbar .skill-tab ul { margin-left: unset; margin-right: 16px; } .bg-navbar .skill-tab ul li { padding-bottom: 4px; } .bg-navbar .skill-tab ul li:last-child { padding-bottom: unset; } .bg-navbar img { height: calc(160px + (245 - 160) * ((100vw - 320px) / (1920 - 320))); } @media (max-width: 500px) and (min-width: 356px) { .bg-navbar img { height: 118px; } } @media (max-width: 355px) { .bg-navbar img { height: 80px; } } @media (max-width: 1694px) { .arrow-tabs.bg-navbar .tab-content .common-box p { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } } .arrow-tabs.bg-navbar .nav { justify-content: flex-start; border-radius: 0; } .arrow-tabs.bg-navbar .nav .nav-item { clip-path: polygon(0% 0%, 85% 0%, 100% 50%, 85% 100%, 0% 100%); } [dir="rtl"] .arrow-tabs.bg-navbar .nav .nav-item { clip-path: polygon(15% 0%, 0% 50%, 15% 100%, 100% 100%, 100% 0%); } .arrow-tabs.bg-navbar .nav .nav-item .nav-link.active { border-radius: 0; background-color: var(--theme-default); } .arrow-tabs.bg-navbar .common-box { display: flex; justify-content: center; align-items: baseline; gap: 18px; } .arrow-tabs.bg-navbar .common-box:first-child p { margin-bottom: 14px; } .arrow-tabs i { font-size: calc(13px + (16 - 13) * ((100vw - 320px) / (1920 - 320))); color: #52526c; } [dir="rtl"] .arrow-tabs i { transform: scaleX(-1); } .bottom-navbar .nav.nav-pills { justify-content: center; } .bottom-navbar .nav.nav-pills .nav-item { flex: 1 1 0; } .bottom-navbar .nav.nav-pills .nav-item .nav-link { text-align: center; } .bottom-navbar .nav.nav-pills .nav-item .nav-link img { height: 20px; margin-right: 8px; filter: grayscale(1); transition: all 0.3s ease; } [dir="rtl"] .bottom-navbar .nav.nav-pills .nav-item .nav-link img { margin-right: unset; margin-left: 8px; } .bottom-navbar .nav.nav-pills .nav-item .nav-link.active img { filter: grayscale(0); transition: all 0.3s ease; transform: scale(1.2); } .bottom-navbar .tab-content .common-flex { margin-bottom: 18px; } .bottom-navbar .tab-content .common-flex img { height: 20px; } .bottom-navbar .tab-content .tab-paragraph { display: flex; align-items: baseline; gap: 8px; margin-bottom: 14px; } .bottom-navbar .tab-content .tab-paragraph i { font-size: calc(13px + (16 - 13) * ((100vw - 320px) / (1920 - 320))); color: #52526c; } [dir="rtl"] .bottom-navbar .tab-content .tab-paragraph i { transform: scaleX(-1); } .horizontal-icons-tab .nav-tabs { margin: 0; background-image: linear-gradient(135deg, var(--light-bg) 0%, var(--light-bg) 100%); display: flex; justify-content: flex-start; align-items: center; border-radius: 2px 2px 0px 0px; flex-wrap: wrap; } @media (max-width: 764px) { .horizontal-icons-tab .nav-tabs { row-gap: 8px; } } .horizontal-icons-tab .nav-tabs .nav-item .nav-link { background: transparent; background-image: linear-gradient(90deg, transparent 70%, rgba(255, 255, 255, 0.2) 100%); border: none; outline: none; cursor: pointer; position: relative; display: flex; justify-content: center; align-items: center; overflow: hidden; transition: 0.3s ease; border-radius: 0; padding-top: 10px; } @media (max-width: 1529px) and (min-width: 1400px) { .horizontal-icons-tab .nav-tabs .nav-item .nav-link { padding-inline: 12px; } } .horizontal-icons-tab .nav-tabs .nav-item .nav-link i { color: var(--body-font-color); opacity: 0.8; z-index: 2; } [dir="rtl"] .horizontal-icons-tab .nav-tabs .nav-item .nav-link i { margin-right: unset; margin-left: 10px; } .horizontal-icons-tab .nav-tabs .nav-item .nav-link::before { background-image: linear-gradient(135deg, var(--theme-default) 0%, #40b8f5 100%); content: ""; width: 100%; height: 0px; position: absolute; top: 0; left: 0; transition: 0.3s ease-in-out; z-index: 2; } .horizontal-icons-tab .nav-tabs .nav-item .nav-link:hover, .horizontal-icons-tab .nav-tabs .nav-item .nav-link::before { height: 100%; z-index: 2; bottom: 0; } .horizontal-icons-tab .nav-tabs .nav-item .nav-link.active { background-color: var(--white); z-index: 0; border-right: 0px; border-left: 0px; bottom: 0px; overflow: hidden; color: #7366FF; } .horizontal-icons-tab .nav-tabs .nav-item .nav-link.active:hover span { opacity: 1; background-color: #fff; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .horizontal-icons-tab .nav-tabs .nav-item .nav-link::before { content: ""; width: 100%; height: 2px; top: 0; left: 0; } .horizontal-icons-tab .nav-tabs .nav-item .nav-link span { opacity: 0.6; display: flex; justify-content: center; align-items: center; z-index: 2; transition: 0.5s ease; padding: 0; margin: 0; color: var(--body-font-color); backface-visibility: hidden; font-weight: 400; } .horizontal-icons-tab .nav-tabs .nav-item .nav-link span::before { content: attr(data-title); position: absolute; height: auto; width: auto; color: #fff; display: flex; justify-content: center; align-items: center; opacity: 0.1; font-size: 40px; transition: 1s ease-out; z-index: -1; font-weight: 600; top: 110%; } .horizontal-icons-tab .nav-tabs .nav-item .nav-link:hover span { color: #fff; opacity: 1; } .horizontal-icons-tab .nav-tabs .nav-item .nav-link:hover::before { height: 100%; z-index: 2; bottom: 0; } .horizontal-icons-tab .nav-tabs .nav-item .nav-link:hover i { color: #fff; } .bottom-border-tab .nav .nav-item .nav-link { border-bottom: 2px solid transparent; } /**===================== 2.28 Tab CSS Ends ==========================**/ /**===================== 2.29 Table CSS Start ==========================**/ thead, tbody, tfoot, tr, td, th { border-color: var(--chart-progress-light); } .table { border-collapse: separate !important; border-spacing: 0; border-radius: 10px; overflow: hidden; border: 1px solid var(--bs-table-border-color); } .table tbody tr:last-child td, .table tbody tr:last-child th { border-bottom: none; } .table tbody tr:hover { background: #f8f9fa; } .swal2-cancel-custom-table { border: 1px solid #d35400 !important; color: #d35400 !important; background-color: white !important; padding-top: 8px !important; padding-bottom: 8px !important; border-radius: 9px; min-width: 125px; } .swal2-container.swal2-center .swal2-actions .swal2-confirm-custom-table { border: 1px solid #d35400 !important; background-color: #d35400 !important; color: white !important; padding-top: 8px !important; padding-bottom: 8px !important; border-radius: 9px; min-width: 125px; } .swal2-container.swal2-center .swal2-actions .swal2-confirm-custom-table:hover { border: 1px solid #d35400 !important; background-color: #d35400 !important; } .pills-component { width: 20%; } #row_create td.highlight { font-weight: 500; color: #7366FF; } #row_create td.danger { font-weight: 500; color: #fc564a; } .table { margin-bottom: 0px; } .table > :not(:last-child) > :last-child > * { border-bottom-color: #e9edf1; } .table th, .table td { padding: 0.75rem; } .table.table-primary th { color: #fff; } .table thead.bg-primary tr th { color: #fff; } .table th { color: #404040; font-weight: 500; } .table th.c-light { color: #52526c; } .table td { color: #404040; } .table [class*='bg-'] { color: #fff; } .table .bg-light { color: #404040; } .table tfoot { font-weight: bold; } .table-dark th { color: #fff; } .table-inverse { color: #fff; background-color: #292b2c; } .table-inverse th, .table-inverse td { border-color: #fff; color: #fff; } .table-inverse.table-bordered { border: 0; } .table[class*='bg-'] th, .table[class*='bg-'] td { color: #fff; } .table-hover > tbody > tr:hover { --bs-table-accent-bg: #f6f6f6; } .table-hover tbody tr { vertical-align: middle; } .table-hover tbody tr:hover { background-color: rgba(115, 102, 255, 0.1); } .table-hover tbody tr td svg { width: 30px; height: 30px; padding: 5px; border-radius: 4px; margin-right: 10px; } [dir="rtl"] .table-hover tbody tr td svg { margin-right: unset; margin-left: 10px; } .typography-table tr:last-child { border-bottom: none; } .typography-table tr:last-child td { border-bottom: none; } .table-double { border-left: 4px double #dee2e6; border-right: 4px double #dee2e6; } .table-double thead, .table-double tbody, .table-double tfoot, .table-double tr, .table-double td, .table-double th { border-style: double; border-width: 4px; border-right: 0; border-left: 0; } .table-dotted { border-left: 2px dotted #dee2e6; border-right: 2px dotted #dee2e6; } .table-dotted thead, .table-dotted tbody, .table-dotted tfoot, .table-dotted tr, .table-dotted td, .table-dotted th { border-style: dotted !important; border-width: 2px; border-right: 0; border-left: 0; } .table-dashed { border-left: 2px dashed #dee2e6; border-right: 2px dashed #dee2e6; } .table-dashed thead, .table-dashed tbody, .table-dashed tfoot, .table-dashed tr, .table-dashed td, .table-dashed th { border-style: dashed !important; border-width: 2px; border-right: 0; border-left: 0; } .table-dashed tbody tr:last-child th, .table-dashed tbody tr:last-child td { border-color: var(--chart-progress-light); } .table-xl td, .table-xl th { padding: 1.25rem 2rem; font-size: 120%; } .table-lg td, .table-lg th { padding: 0.9rem 2rem; font-size: 110%; } .table-de td, .table-de th { padding: 0.75rem 2rem; } .table-sm th, .table-sm td { padding: 0.5rem 2rem; font-size: 90%; } .table-xs th, .table-xs td { padding: 0.2rem 2rem; font-size: 80%; } .table-border-horizontal tr, .table-border-horizontal th, .table-border-horizontal td { border-top: 1px solid #f2f4ff; padding: 0.75rem 2rem; } .table-border-vertical tr, .table-border-vertical th, .table-border-vertical td { border-top: 0; border-right: 1px solid #f2f4ff; } .table-border-vertical tr td { border-bottom: 0; } .table-border-vertical tr td:last-child { border-right: none; } .table-border-vertical tbody tr th { border-bottom: 0; } .table-bordernone td { border: none !important; } .table-bordernone thead th { border: none !important; } .table-bordernone .u-s-tb { padding: 11px; } .table-striped thead tr th { border-bottom: unset; } .table-striped tbody tr:nth-of-type(odd) > * { background-color: var(--light-background) !important; --bs-table-accent-bg: unset; } .table-bordered thead, .table-bordered tbody, .table-bordered tfoot, .table-bordered tr, .table-bordered td, .table-bordered th { border-color: var(--bs-border-color); } .common-striped .table.table-striped[class*='bg-'] { --bs-table-bg: auto; } .table-components .table-bordered .dropdown-menu.show { background-color: var(--white); } @media (max-width: 767px) { .table-components .table tbody tr td:first-child { min-width: 180px; } } .btn-search { border: none; border-radius: 8px; padding: 12px 24px; font-weight: 600; color: white; transition: all 0.3s ease; min-height: 45px; } .btn-reset { min-height: 45px; padding-top: 11px !important; } .custom-datepicker { border-top-left-radius: 6px !important; border-bottom-left-radius: 6px !important; width: 160px !important; } /**===================== 2.29 Table CSS Ends ==========================**/ /**===================== 2.30 Toasts CSS Start ==========================**/ .toast-container { position: unset; z-index: 2; } .toast-container .toast-header { border-top-left-radius: 6px; border-top-right-radius: 6px; } .toast-container .toast-body { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .toast .btn-close { box-shadow: unset; } .toast { width: 350px; max-width: 100%; font-size: .875rem; pointer-events: auto; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .toast-index { z-index: 12; } .toast-index.toast:not(.showing):not(.show) { opacity: 0; } .toast-index.toast-fade { transition: opacity 0.15s linear; } .toast-index.show { display: block; } .toast-img img { width: 30px; height: 30px; } .bd-example-toasts { min-height: 400px; } .toast:not(.showing):not(.show) { opacity: 0; } .toast-content { display: block; display: -webkit-box; max-width: 100%; height: 65px; margin: 0 auto; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .toast-rtl.toast-dark form .form-select { font-size: 14px; } [dir="rtl"] .toast-rtl .toast .toast-header strong { margin-right: unset !important; margin-left: auto !important; } [dir="rtl"] .toast-rtl .toast .btn-close { margin-right: 6px; margin-left: unset; } @media (max-width: 1920px) { .toast-dark .btn { padding: calc(6px + (6 - 6) * ((100vw - 320px) / (1920 - 320))) calc(4px + (28 - 4) * ((100vw - 320px) / (1920 - 320))); } } .toast-icons { margin-right: 6px; width: 20px; height: 20px; } [dir="rtl"] .toast-icons { margin-right: unset; margin-left: 6px; } .common-toasts { position: relative; } .common-toasts div[class*='alert-light-'] { padding: 12px; gap: 10px; border-radius: 10px; } .common-toasts .toast-body { display: flex; justify-content: center; align-items: center; gap: 8px; padding: 0; } .animated-toast-box { position: fixed; bottom: 0; right: 0; padding: 16px; } .animated-toast-box .toast-body { background-color: var(--light-background); } /**===================== 2.30 Toasts CSS Ends ==========================**/ /**===================== 2.31 Touchspin CSS Start ==========================**/ .bootstrap-touchspin input.touchspin { padding: 0 12px; } .bootstrap-touchspin .input-group .btn { padding: 0.5rem 1.75rem; } .bootstrap-touchspin .touchspin-vertical-tab .input-group .input-group-btn-vertical { position: relative; white-space: nowrap; width: 1%; vertical-align: middle; display: table-cell; } .bootstrap-touchspin .touchspin-vertical-tab .input-group .input-group-btn-vertical .bootstrap-touchspin-down { margin-top: -2px; } .bootstrap-touchspin .touchspin-vertical-tab .input-group .input-group-btn-vertical i { position: absolute; top: 4px; left: 7px; font-size: 10px; font-weight: normal; } .bootstrap-touchspin .touchspin-vertical-tab .input-group .input-group-btn-vertical > .btn { display: block; float: none; width: 100%; max-width: 100%; padding: 9px; margin-left: -1px; position: relative; } .bootstrap-touchspin .input-group { font-family: Rubik, sans-serif; } .bootstrap-touchspin .input-group .btn { border-radius: 0 !important; } .bootstrap-touchspin .dropdown-basic .dropdown .dropbtn { padding: 9px 30px; } .bootstrap-touchspin .dropdown-basic .dropdown .dropdown-content { z-index: 9999; } .touchspin-wrapper .btn-touchspin { border-radius: 5px; width: 32px; height: 32px; } .touchspin-wrapper .btn-touchspin i { vertical-align: middle; } .touchspin-wrapper input[type='number'] { width: 85px; height: 30px; padding: 3px; text-align: center; } .hover-touchspin .btn-touchspin.spin-border-dark:hover { background-color: #3f475a; color: #fff; } .pre-post-touchspin .decrement-touchspin, .pre-post-touchspin .increment-touchspin, .pre-post-touchspin .input-group-text { padding: 7px 14px; border: 0; } .pre-post-touchspin .input-group-text { background-color: var(--light-bg); } .pre-post-touchspin .input-touchspin { border: 1px solid var(--course-light-btn); border-width: 2px; text-align: center; } .pre-post-touchspin .input-group { width: auto; } @media (max-width: 768px) { .pre-post-touchspin .input-group .input-touchspin { width: 100px; } } .pre-post-touchspin.bg-touchspin button[type='button'] { border: 1px solid var(--course-light-btn); border-width: 2px; text-align: center; } .pre-post-touchspin .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .rounded-touchspin .btn-touchspin { border-radius: 50%; } .rounded-touchspin .touchspin-wrapper input[type="number"].input-touchspin { border-radius: 15px; } /* Chrome, Safari, Edge, Opera */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ input[type=number] { -moz-appearance: textfield; } /**===================== 2.31 Touchspin CSS Ends ==========================**/ /**===================== 2.32 Tour CSS Start ==========================**/ .introjs-helperLayer { background-color: rgba(255, 255, 255, 0.9); border: 1px solid rgba(0, 0, 0, 0.5); box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4); } .introjs-tooltipReferenceLayer { background-color: transparent; } .introjs-helperNumberLayer { color: #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); background: #fc564a; background: linear-gradient(to bottom, var(--theme-default) 0%, var(--theme-default) 100%); border: 3px solid #fff; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4); } .introjs-arrow { border: 12px solid #fff; } .introjs-arrow.top { border-top-color: transparent; border-right-color: transparent; border-bottom-color: var(--theme-default); border-left-color: transparent; } .introjs-arrow.top-right { border-top-color: transparent; border-right-color: transparent; border-bottom-color: var(--theme-default); border-left-color: transparent; } .introjs-arrow.top-middle { border-top-color: transparent; border-right-color: transparent; border-bottom-color: var(--theme-default); border-left-color: transparent; } .introjs-arrow.right { border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: var(--theme-default); } .introjs-arrow.right-bottom { border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: var(--theme-default); } .introjs-arrow.bottom { border-top-color: var(--theme-default); border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; } .introjs-arrow.left { border-top-color: transparent; border-right-color: var(--theme-default); border-bottom-color: transparent; border-left-color: transparent; } .introjs-arrow.left-bottom { border-top-color: transparent; border-right-color: var(--theme-default); border-bottom-color: transparent; border-left-color: transparent; } .introjs-tooltip { background-color: var(--theme-default); box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4); color: #fff; border-color: var(--theme-default); min-width: calc(275px + (310 - 275) * ((100vw - 320px) / (1920 - 320))); max-width: 400px; min-height: 90px; } .introjs-button { border: 1px solid #efefef; text-shadow: 1px 1px 0 #fff; color: #404040 !important; background-color: #fff; background-image: linear-gradient(#fff, #fff); font-size: 13px; } .introjs-button:hover { border-color: #efefef; } .introjs-button:focus, .introjs-button:active { background-image: linear-gradient(#e9edf1, #efefef); } .introjs-skipbutton { color: var(--theme-default); } .introjs-prevbutton.introjs-fullbutton { border: 1px solid #efefef; } .introjs-disabled { color: var(--theme-default); border-color: #efefef; } .introjs-disabled:hover, .introjs-disabled:focus { color: var(--theme-default); border-color: #efefef; } .introjs-bullets ul li a { background: #e9edf1; } .introjs-bullets ul li a:hover { background: #fff; } .introjs-bullets ul li a.active { background: #fff; } .introjs-progress { background-color: #f4f4f4; } .introjs-progressbar { background-color: var(--theme-default); } .introjs-hint:hover > .introjs-hint-pulse { border: 5px solid rgba(60, 60, 60, 0.57); } .introjs-hint-pulse { border: 5px solid rgba(60, 60, 60, 0.27); background-color: rgba(136, 136, 136, 0.24); } .introjs-hint-dot { border: 10px solid rgba(146, 146, 146, 0.36); } .introjs-tooltip-header { display: none; } .introjs-tooltiptext { font-size: 16px; } .introjs-arrow.bottom-middle { display: none; } [class*="introjs-"] { font-family: Rubik; } .flex-grow-1 .tour-wrapper { display: flex; align-items: center; gap: 8px; } .flex-grow-1 .tour-wrapper .tour-dot { font-size: 5px; } .tour-blog { height: 350px; } @media (max-width: 992px) { .tour-blog { height: calc(200px + (350 - 200) * ((100vw - 320px) / (992 - 320))); } } .tour-blog img { height: 100%; object-fit: cover; } .info h6 { font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320))); } .info span { font-size: calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320))); } .tour-email { display: flex; flex-direction: column; } @media (max-width: 576px) { .tour-email { align-items: center; } } .tour-email span { color: #52526c; } .block-ellipsis { display: block; display: -webkit-box; max-width: 100%; margin: 0 auto; font-size: 14px; line-height: 26px !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .profile-img-style h5 { line-height: 25px; } .list-inline .list-inline-item.b-r-gray { border-right: 1px solid #cccccc; } .social-tour { display: flex; justify-content: flex-end; align-items: center; gap: 26px; } .social-tour .list-inline { display: flex; justify-content: center; gap: calc(12px + (26 - 12) * ((100vw - 320px) / (1920 - 320))); } .social-tour .list-inline .list-inline-item { margin-right: 0; } .social-tour .list-inline .list-inline-item a { padding: 0px; } .social-tour .list-inline .list-inline-item a i { font-size: 18px; } @media (max-width: 599px) { .social-tour .list-inline { display: none; } } .social-tour .float-sm-end { min-width: 81px; } .tour-mb-space { margin-bottom: calc(2px + (8 - 2) * ((100vw - 320px) / (1920 - 320))); } .like-comment .list-inline { justify-content: flex-start; } @media (max-width: 324px) { .like-comment .list-inline { flex-wrap: wrap; justify-content: flex-start; gap: 8px; } } [dir="rtl"] .like-comment .list-inline .list-inline-item { border-right: 0; border-left: 1px solid #cccccc; } [dir="rtl"] .like-comment .list-inline .list-inline-item:last-child { border-right: 0; border-left: unset; } /**===================== 2.32 Tour CSS Ends ==========================**/ /**===================== 2.33 Tree CSS Start ==========================**/ .sortable-handler ul li i { cursor: pointer; } .grid-box-wrapper { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } @media (max-width: 1500px) { .grid-box-wrapper { justify-content: flex-start; } } @media (max-width: 992px) { .grid-box-wrapper { justify-content: center; } } .grid-box { padding: 8px; width: 100px; height: 100px; border-radius: 10px; display: grid; place-items: center; } .draggable-filter ul li img { width: 37px; height: 37px; } .stackable-list .list-group { padding: 11px 16px; } .stackable-list .list-group .list-group-item { padding: 11px 16px; } @media (max-width: 575px) { .stackable-list .list-group .list-group-item { padding: 11px 8px; } } .stackable-list .list-group .list-group-item i { color: #ffb829; } .nested-1 { background-color: rgba(115, 102, 255, 0.03); } .nested-2 { background-color: rgba(115, 102, 255, 0.05); } .nested-3 { background-color: rgba(115, 102, 255, 0.07); } .nested-4 { background-color: rgba(115, 102, 255, 0.09); } .swap-wrapper .list-group { padding: 11px 16px; } @media (max-width: 575px) { .swap-wrapper .list-group .list-group-item { padding: 11px 4px; } } .swap-wrapper .list-group img { height: 16px; width: auto; } /**===================== 2.33 Tree CSS Ends ==========================**/ /**===================== 2.34 Typeahead-search CSS Start ==========================**/ .Typeahead { width: 100%; } .Typeahead * { box-sizing: border-box; } .Typeahead *:before { box-sizing: border-box; } .Typeahead *:after { box-sizing: border-box; } .Typeahead .tt-hint { display: none !important; } .u-cf:before { content: " "; display: table; } .u-cf:after { content: " "; display: table; clear: both; } .u-hidden { display: none !important; } .u-posRelative { position: relative; } .Typeahead-spinner { position: absolute; top: 14px; right: 18px; display: none; color: #c5c5c5; } .ProfileCard-avatar svg { height: 18px; vertical-align: bottom; } .ProfileCard-avatar svg path { color: #7e7c7c !important; } .ProfileCard-avatar svg polygon { color: #7e7c7c !important; } .Typeahead-hint { width: 100%; padding: 5px 8px; font-size: 24px; line-height: 30px; border: 1px solid #024e6a; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; position: absolute; top: 0; left: 0; color: #ccd6dd; opacity: 1; } .Typeahead-menu { position: absolute; top: 100%; left: 0; padding: 15px; z-index: 100; display: none; width: 100%; overflow: hidden; background-color: #fff; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .Typeahead-menu.is-open { display: block; } .Typeahead-selectable { cursor: pointer; } .Typeahead-selectable + .Typeahead-selectable { border-top: 1px solid #ccd6dd; } .ProfileCard { position: relative; padding: 10px; border: 1px solid #cccccc !important; margin-bottom: 10px; border-radius: 10px; } .ProfileCard:hover { color: #414345; background: #f8f8f8; } .ProfileCard:hover .ProfileCard-avatar { border-color: #f5f8fa; } .ProfileCard:hover .ProfileCard-screenName { color: #fff; } .ProfileCard:hover .ProfileCard-stat-label { color: #fff; } .ProfileCard-avatar { position: absolute; border-radius: 5px; } .ProfileCard-details { padding-left: 35px; float: left; } .ProfileCard-realName { display: inline-block; color: #898989; } .ProfileCard-screenName { display: inline-block; color: #898989; } .ProfileCard-description { margin-top: 5px; font-size: 14px; line-height: 18px; } .ProfileCard-stats { float: right; text-align: right; } .ProfileCard-stat { display: inline-block; font-size: 12px; line-height: 16px; text-transform: uppercase; } .ProfileCard-stat + .ProfileCard-stat { margin-left: 5px; } .ProfileCard-stat-label { color: #898989; font-weight: 500; } .ProfileCard.is-active { color: #fff; background: var(--theme-default); } .ProfileCard.is-active .ProfileCard-screenName { color: #fff; } .ProfileCard.is-active .ProfileCard-stat-label { color: #fff; } .EmptyMessage { position: relative; padding: 10px; font-size: 14px; line-height: 30px; text-align: center; } .Typeahead-spinner { width: 1rem; height: 1rem; } .sey-container { display: none; position: absolute; box-shadow: 1px 2px 6px; background-color: #fff; color: #333; transition: left 0.1s ease-in-out; z-index: 1; } .sey-list { padding: 0; margin: 0; list-style-type: none; } .sey-show { display: block; } .sey-hide { display: none; } .sey-empty { cursor: default; padding: 7px; } .sey-item { cursor: pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 7px; } .sey-item:hover { background-color: #444; color: #fff; } .sey-selected { background-color: #333; color: #fff; } .sey-char-highlight { font-weight: bold; } .sey-category-id { background-color: #eee; color: #aaa; text-align: right; text-transform: capitalize; font-style: italic; font-size: 12px; box-shadow: 1px 0px 1px; padding: 7px; } /**===================== 2.34 Typeahead-search CSS Ends ==========================**/ /**===================== 2.35 Scrollbar CSS Start ==========================**/ [data-simplebar] { position: unset; } .simplebar-mask { top: 100px; } .simplebar-track { right: -2px; } .simplebar-track.simplebar-vertical { top: 100px; width: 10px; } .simplebar-track.simplebar-horizontal { visibility: hidden !important; } .simplebar-scrollbar:before { background: rgba(115, 102, 255, 0.2); } .scrollbar-images { margin-bottom: 12px; } .visible-wrapper img { width: calc(230px + (330 - 230) * ((100vw - 320px) / (1920 - 320))) !important; height: calc(230px + (330 - 230) * ((100vw - 320px) / (1920 - 320))); } .horizontal-scroll .horz-scroll-content .horizontal-img { height: 100%; max-width: 240px; } @media (max-width: 576px) { .horizontal-scroll .horz-scroll-content .horizontal-img { max-width: calc(220px + (240 - 220) * ((100vw - 320px) / (576 - 320))); } } .horizontal-scroll .horz-scroll-content .horizontal-img img { height: 100%; object-fit: cover; } .scroll-demo.scroll-b-none { padding: 0; border: none; } [dir="rtl"] .scroll-demo .scroll-rtl .list-group-item span { margin-right: auto; } @media (max-width: 1497px) { .vertical-scroll.scroll-demo .list-group .list-group-item .list-wrapper .list-img { height: 40px; width: auto; } } /**===================== 2.35 Scrollbar CSS Ends ==========================**/ /**===================== 3.6 Chat CSS Start ==========================**/ .radial-bar.radial-bar-lg > img, .radial-bar.radial-bar-lg:after { width: 70px; height: 70px; margin-left: 15px; margin-top: 15px; line-height: 70px; } .radial-bar.radial-bar-sm > img, .radial-bar.radial-bar-sm:after { width: 35px; height: 35px; margin-left: 7.5px; margin-top: 7.5px; line-height: 35px; } .radial-bar.radial-bar-xs > img, .radial-bar.radial-bar-xs:after { width: 20px; height: 20px; margin-left: 5.5px; margin-top: 4.5px; line-height: 21px; } .chart-block canvas { width: 100% !important; } .chart-block .chart-overflow { overflow: hidden; text-align: center; } .candidcahrt { width: 100%; height: 470px; } .amcharts-export-canvas { position: absolute; display: none; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background-color: #fff; } .amcharts-export-canvas .canvas-container { transition: opacity .5s ease-out; } .amcharts-export-canvas.active { display: block; } .amcharts-export-canvas.dropbox .canvas-container { opacity: .5; } .flot-chart-container { box-sizing: border-box; width: 100%; height: 400px; } .flot-chart-container #toggling-series-flot { width: 79% !important; } .all-chart .flot-chart-container { height: 350px; } .flot-chart-placeholder { width: 100%; height: 100%; font-size: 14px; line-height: 1.2em; text-align: center; } .flot-chart-placeholder .legend table { border-spacing: 5px; } .morris-hover { position: absolute; z-index: 1; } .morris-hover.morris-default-style { border-radius: 10px; padding: 6px; color: #898989; background: #fff; border: solid 1px #e9edf1; font-family: sans-serif; font-size: 12px; text-align: center; } .morris-hover.morris-default-style .morris-hover-row-label { font-weight: bold; margin: 0.25em 0; } .morris-hover.morris-default-style .morris-hover-point { white-space: nowrap; margin: 0.1em 0; } .chart-sparkline { position: absolute; left: 0; top: 0; visibility: hidden; background: rgba(49, 49, 49, 0.7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); color: #fff; font: 10px Rubik, sans-serif; text-align: left; white-space: nowrap; padding: 5px; border: 1px solid rgba(49, 49, 49, 0.75); box-sizing: content-box; z-index: 10000; border-radius: 5px; } .chart-sparkline .jqsfield { color: #fff; font: 10px Rubik, sans-serif; text-align: left; } .radial-bar { position: relative; display: inline-block; border-radius: 50%; background-color: transparent; box-sizing: content-box; width: 80px; height: 80px; font-size: 18px; background-clip: content-box; } .radial-bar:after { display: inline-block; position: absolute; top: 0; left: 0; border-radius: 50%; text-align: center; font-weight: 500; color: #455a64; content: attr(data-label); background-color: #fff; z-index: 1; width: 56px; height: 56px; margin-left: 12px; margin-top: 12px; line-height: 56px; } .radial-bar > img { display: inline-block; position: absolute; top: 0; left: 0; border-radius: 50%; text-align: center; font-weight: 500; color: #455a64; z-index: 3; width: 56px; height: 56px; margin-left: 12px; margin-top: 12px; line-height: 56px; } .radial-bar-danger.radial-bar-20 { background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(162deg, #fc564a 50%, #efefef 50%, #efefef); } .radial-bar.radial-bar-lg { width: 100px; height: 100px; font-size: 20px; } .radial-bar.radial-bar-sm { width: 50px; height: 50px; font-size: 12px; } .radial-bar.radial-bar-xs { width: 30px; height: 30px; font-size: 8px; } .pieLabel div { color: #fff !important; } .pieLabel div input[type=checkbox] { margin: 7px; } .knob-chart { min-height: 255px; } .knob-chart .chart-clock-main { position: relative; width: 200px; margin: 45px auto; } .knob-chart .chart-clock-main .clock-large { position: absolute; left: -48px; top: -45px; } .knob-chart .chart-clock-main .clock-medium { position: absolute; left: 2px; top: 5px; } .knob-chart .chart-clock-main .clock-small { position: absolute; left: 15px; top: 55px; } .peity-charts svg { width: 100%; height: 250px; } .peity-charts.peity-chart-primary svg polygon { fill: rgba(115, 102, 255, 0.2); } .peity-charts.peity-chart-primary svg polyline { stroke: var(--theme-default); } .bar-odd-even svg rect:nth-child(odd) { fill: var(--theme-default); } .bar-odd-even svg rect:nth-child(even) { fill: var(--theme-secondary); } .donut-peity svg path:nth-child(odd) { fill: var(--theme-default); } .donut-peity svg path:nth-child(even) { fill: var(--theme-secondary); } .small-donut ~ svg path:nth-child(odd), .small-donut svg path:nth-child(odd), .donut-peity2 ~ svg path:nth-child(odd), .donut-peity2 svg path:nth-child(odd), .pie-peity ~ svg path:nth-child(odd), .pie-peity svg path:nth-child(odd) { fill: var(--theme-default); } .small-donut ~ svg path:nth-child(even), .small-donut svg path:nth-child(even), .donut-peity2 ~ svg path:nth-child(even), .donut-peity2 svg path:nth-child(even), .pie-peity ~ svg path:nth-child(even), .pie-peity svg path:nth-child(even) { fill: #efefef; } .small-donut2 ~ svg path:nth-child(odd) { fill: var(--theme-secondary); } .small-donut3 ~ svg path:nth-child(odd) { fill: #65c15c; } .small-donut4 ~ svg path:nth-child(odd) { fill: #40b8f5; } .small-donut5 ~ svg path:nth-child(odd) { fill: #ffb829; } .small-donut6 ~ svg path:nth-child(odd) { fill: #fc564a; } p.data-attributes svg { margin-right: 10px; } .knob-block { position: relative; } .knob-block input { display: flex !important; align-items: center !important; justify-content: center !important; height: 100% !important; width: 100% !important; left: 0 !important; top: 0 !important; margin-left: 0 !important; margin-top: -3px !important; } .knob-input-disable input { display: none !important; } .apex-chart { margin: 0 auto; } .apexcharts-toolbar { z-index: 1 !important; } .apexcharts-menu-item { width: 110px; } .word-tree { height: 400px; } .ct-series-a .ct-slice-pie, .ct-series-a .ct-slice-donut-solid, .ct-series-a .ct-area { fill: var(--theme-default); } .ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut { stroke: var(--theme-default); } .ct-series-b .ct-point, .ct-series-b .ct-line, .ct-series-b .ct-bar, .ct-series-b .ct-slice-donut { stroke: var(--theme-secondary); } .ct-series-b .ct-slice-pie, .ct-series-b .ct-slice-donut-solid, .ct-series-b .ct-area { fill: var(--theme-secondary); } .test-buttons button + button { margin-left: 10px; } .clip-chart-wrapper .test-chart-block { margin-bottom: -30px; } #dotted { height: 390px; } .apexcharts-canvas .apexcharts-tooltip, .apexcharts-canvas .apexcharts-xaxistooltip, .apexcharts-canvas .apexcharts-yaxistooltip { z-index: 1; } @media (max-width: 1346px) { .flot-chart-container .flot-chart-placeholder ~ p.float-end { float: left !important; } [dir="rtl"] .flot-chart-container .flot-chart-placeholder ~ p.float-end { float: right !important; } } /**===================== 3.6 Chat CSS End ==========================**/ /**===================== 14. Chat CSS Start ==========================**/ .status-circle { width: 12px; height: 12px; position: absolute; top: 4px; left: 44px; border-radius: 50%; border: 2px solid #fff; } .left-sidebar-wrapper { padding: 20px; border-radius: 10px 0 0 10px; z-index: 1; border: 2px solid var(--white); border-right: unset; } [dir="rtl"] .left-sidebar-wrapper { border-left: unset; border-radius: 0 10px 10px 0; } @media (max-width: 767px) { [dir="rtl"] .left-sidebar-wrapper { border-radius: 10px; } } @media (max-width: 767px) { .left-sidebar-wrapper { border-radius: 10px; } } .left-sidebar-wrapper .left-sidebar-chat .input-group .input-group-text { background-color: var(--chart-progress-light); padding-right: 0; margin-right: 1px; border-right: none; } [dir="rtl"] .left-sidebar-wrapper .left-sidebar-chat .input-group .input-group-text { padding-left: 0; padding-right: 12px; margin-left: 1px; border-left: none; margin-right: unset; border-right: unset; } .left-sidebar-wrapper .left-sidebar-chat .input-group .input-group-text svg { width: 16px; height: 16px; } .left-sidebar-wrapper .left-sidebar-chat .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .left-sidebar-wrapper .left-sidebar-chat .input-group .form-control { border-left: unset; background-color: var(--chart-progress-light); } [dir="rtl"] .left-sidebar-wrapper .left-sidebar-chat .input-group .form-control { border-right: unset; border-left: 1px solid #ddd; border-radius: 0.25rem !important; } .left-sidebar-wrapper .left-sidebar-chat .input-group .form-control:focus, .left-sidebar-wrapper .left-sidebar-chat .input-group .form-control:focus-visible { border-color: var(--chart-progress-light); box-shadow: unset; } .left-sidebar-wrapper .advance-options ul { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; padding: 0; } @media (max-width: 767px) { .left-sidebar-wrapper .advance-options ul { justify-content: flex-start; } } .left-sidebar-wrapper .advance-options ul .nav-item .nav-link { color: var(--body-font-color); border-bottom: 2px solid transparent; background-color: transparent; padding: 16px 57px; text-decoration: unset; } @media (max-width: 1855px) { .left-sidebar-wrapper .advance-options ul .nav-item .nav-link { padding: 16px 45px; } } @media (max-width: 1663px) { .left-sidebar-wrapper .advance-options ul .nav-item .nav-link { padding: 16px 30px; } } @media (max-width: 1423px) { .left-sidebar-wrapper .advance-options ul .nav-item .nav-link { padding: 16px 28px; } } .left-sidebar-wrapper .advance-options ul .nav-item .nav-link:active, .left-sidebar-wrapper .advance-options ul .nav-item .nav-link.active { border-bottom: 2px solid var(--theme-default); color: var(--theme-default); } .left-sidebar-wrapper .advance-options .common-space { padding: 11px 0; } .left-sidebar-wrapper .advance-options .common-space p { margin: 0; color: var(--chart-text-color); } .left-sidebar-wrapper .advance-options .common-space .header-top .btn { padding: 6px 12px; } .left-sidebar-wrapper .advance-options .common-space .header-top .btn:hover i { color: #fff; } .left-sidebar-wrapper .advance-options .chats-user { border-bottom: unset; height: 563px; overflow-y: auto; } .left-sidebar-wrapper .advance-options .chats-user li { width: 100%; gap: 10px; border-bottom: 1px solid var(--chart-dashed-border); border-radius: 0; cursor: pointer; padding: 11px; flex-wrap: wrap; } .left-sidebar-wrapper .advance-options .chats-user li:hover, .left-sidebar-wrapper .advance-options .chats-user li:active, .left-sidebar-wrapper .advance-options .chats-user li.active { background-color: var(--light-slate); } @media (max-width: 1505px) { .left-sidebar-wrapper .advance-options .chats-user li { gap: 1px; } } .left-sidebar-wrapper .advance-options .chats-user li:last-child { border-bottom: unset; } .left-sidebar-wrapper .advance-options .chats-user li .chat-time { display: flex; gap: 10px; align-items: center; } .left-sidebar-wrapper .advance-options .chats-user li > div:not(.chat-time) { margin-left: auto; } [dir="rtl"] .left-sidebar-wrapper .advance-options .chats-user li > div:not(.chat-time) { margin-left: unset; margin-right: auto; } @media (max-width: 991px) { .left-sidebar-wrapper .advance-options .chats-user li > div:not(.chat-time) { width: 100%; text-align: end; } [dir="rtl"] .left-sidebar-wrapper .advance-options .chats-user li > div:not(.chat-time) { text-align: start; } } .left-sidebar-wrapper .advance-options .chats-user li.active { background-color: var(--theme-default); } .left-sidebar-wrapper .advance-options .chats-user li.active .chat-time span, .left-sidebar-wrapper .advance-options .chats-user li.active .chat-time p { color: #fff; } .left-sidebar-wrapper .advance-options .chats-user li.active p { color: #fff; } .active-profile { position: relative; } .active-profile img { width: 42px; height: 42px; } @media (max-width: 1650px) { .active-profile img { width: 33px; height: 33px; } } .active-profile .status { position: absolute; height: 14px; width: 14px; border-radius: 100%; bottom: 5%; right: -2px; border: 3px solid var(--white); } [dir="rtl"] .active-profile .status { left: -2px; right: unset; } @media (max-width: 1600px) { .active-profile .status { width: 11px; height: 11px; border: 2px solid var(--white); } } .offcanvas-right-icon { gap: 6px; } .offcanvas-right-icon .contact-edit.chat-alert { width: 29px; height: 29px; } .offcanvas-right-icon .contact-edit.chat-alert svg { width: 16px; height: 16px; stroke: var(--chart-text-color); } .offcanvas-right-icon .contact-edit.chat-alert .dropdown-menu .dropdown-item { color: #2b2b2b; opacity: 0.6; font-size: 13px; padding: 6px 12px; border-top: 1px solid var(--light-semi-gray); background: var(--white); } .offcanvas-right-icon .contact-edit.chat-alert .dropdown-menu .dropdown-item:hover { background-color: var(--light-background); opacity: 1; text-decoration: unset; } .contact-edit svg { cursor: pointer; width: 18px; height: 18px; stroke: #52526c; } @media (max-width: 360px) { .contact-edit svg { width: 14px; height: 14px; } } .contact-edit .dropdown-menu .dropdown-item:hover { background-color: var(--light-background); opacity: 1; text-decoration: unset; } .contact-edit.chat-alert { width: 40px; height: 40px; background: var(--light-slate); display: fke; display: flex; justify-content: center; align-items: center; border-radius: 5px; } @media (max-width: 360px) { .contact-edit.chat-alert { width: 32px; height: 32px; } } @media (max-width: 340px) { .contact-edit.chat-alert { display: none; } } .search-contacts { display: flex; align-items: center; justify-content: center; position: relative; } .search-contacts .form-control { padding-inline: 35px; } .search-contacts .form-control:focus { box-shadow: unset; border-color: var(--chart-dashed-border); } .search-contacts svg { stroke: var(--chart-text-color); width: 18px; height: 18px; left: 10px; top: 10px; position: absolute; } [dir="rtl"] .search-contacts svg { left: unset; right: 10px; } .search-contacts .mic-search { right: 10px; top: 8px; position: absolute; left: unset; } [dir="rtl"] .search-contacts .mic-search { right: unset; left: 10px; } .contact-wrapper { padding-top: 14px; border-bottom: unset; height: 526px; overflow-y: auto; } .contact-wrapper > p { line-height: 0; margin: 0; padding: 12px 0; font-size: 18px; font-weight: 500; color: var(--body-font-color); } .contact-wrapper ul li { width: 100%; cursor: pointer; } .contact-wrapper ul li .chat-time { display: flex; align-items: center; gap: 10px; } .contact-wrapper ul li .chat-time img { width: 42px; height: 42px; } @media (max-width: 1650px) { .contact-wrapper ul li .chat-time img { width: 33px; height: 33px; } } .contact-wrapper ul li .chat-time > div span { color: var(--body-font-color); } .contact-wrapper ul li svg { width: 18px; height: 18px; } .contact-wrapper ul:last-child .common-space { padding-bottom: unset; } .right-sidebar-chat { border-top-left-radius: 0; border-bottom-left-radius: 0; border: 2px solid var(--white); border-left: unset; } [dir="rtl"] .right-sidebar-chat { border-right: unset; border-top-left-radius: 15px; border-bottom-left-radius: 15px; border-top-right-radius: unset; border-bottom-right-radius: unset; } @media (max-width: 767px) { [dir="rtl"] .right-sidebar-chat { border-radius: 10px; } } @media (max-width: 767px) { .right-sidebar-chat { border-radius: 10px; } } .right-sidebar-title { padding: 13px 25px; display: flex; justify-content: space-between; box-shadow: 0px 12px 13px -17px rgba(131, 131, 131, 0.67); } .right-sidebar-title .active-profile-chat { position: relative; } .right-sidebar-title .active-profile-chat img { width: 42px; height: 42px; } .right-sidebar-title .active-profile-chat .status { position: absolute; height: 14px; width: 14px; border-radius: 100%; bottom: 5%; right: -2px; border: 3px solid var(--white); } .right-sidebar-title .offcanvas-body .btn { background-color: rgba(115, 102, 255, 0.1); } .right-sidebar-title .offcanvas-body .btn svg { width: 13px; height: 13px; fill: var(--theme-default); vertical-align: middle; transition: 0.5s; } .right-sidebar-title .offcanvas-body .btn:hover svg { transform: translateX(5px); transition: 0.5s; } .right-sidebar-title .common-space { width: 100%; } .right-sidebar-title .common-space .offcanvas-header h6 { color: var(--body-font-color); } .right-sidebar-title .common-space .chat-time-chat { display: flex; gap: 10px; align-items: center; } .right-sidebar-title .common-space .chat-time-chat .active-profile img { width: 42px; height: 42px; } @media (max-width: 360px) { .right-sidebar-title .common-space .chat-time-chat .active-profile img { width: 36px; height: 36px; } } .right-sidebar-title .common-space .chat-time-chat div p { margin: 0; color: var(--chart-text-color); } .right-sidebar-title .common-space .chat-time-chat ul li img { width: 42px; height: 42px; } .right-sidebar-title .common-space .chat-time-chat.group-chat ul { display: flex; } .right-sidebar-title .common-space .chat-time-chat.group-chat ul li img { border: 3px solid transparent; } .right-sidebar-title .common-space .chat-time-chat.group-chat ul li + li { margin-left: -12px; } [dir="rtl"] .right-sidebar-title .common-space .chat-time-chat.group-chat ul li + li { margin-left: unset; margin-right: -12px; } .right-sidebar-title .common-space .chat-time-chat.group-chat ul li + li img { border: 3px solid var(--white); } .right-sidebar-title .common-space .chat-time-chat.group-chat ul li img { width: 38px; height: 38px; } .right-sidebar-title .common-space .chat-time-chat.group-chat ul li .profile-count { width: 38px; height: 38px; } @media (min-width: 768px) and (max-width: 1199px) { .right-sidebar-title .common-space .chat-time-chat.group-chat ul li:nth-child(2), .right-sidebar-title .common-space .chat-time-chat.group-chat ul li:nth-child(3), .right-sidebar-title .common-space .chat-time-chat.group-chat ul li:nth-child(5), .right-sidebar-title .common-space .chat-time-chat.group-chat ul li:nth-child(6) { display: none; } } @media (min-width: 341px) and (max-width: 410px) { .right-sidebar-title .common-space .chat-time-chat.group-chat ul li:nth-child(2), .right-sidebar-title .common-space .chat-time-chat.group-chat ul li:nth-child(3), .right-sidebar-title .common-space .chat-time-chat.group-chat ul li:nth-child(5), .right-sidebar-title .common-space .chat-time-chat.group-chat ul li:nth-child(6) { display: none; } } @media (max-width: 1045px) { .right-sidebar-title .common-space .chat-time-chat.group-chat > div span, .right-sidebar-title .common-space .chat-time-chat.group-chat > div p { display: none; } } .msger-chat { flex: 1; overflow-y: auto; padding: 10px; background: linear-gradient(0deg, #F5F6FA, #F5F6FA), linear-gradient(0deg, #FFFFFF, #FFFFFF); background-image: url(../images/chats/chat-bg.png); height: 620px; } .msger-chat::-webkit-scrollbar { width: 6px; } .msger-chat::-webkit-scrollbar-track { background: #ddd; } .msger-chat::-webkit-scrollbar-thumb { background: #bdbdbd; } .msg { display: flex; align-items: flex-end; margin-bottom: 10px; } .msg:last-of-type { margin: 0; } .msg-img { width: 50px; height: 50px; margin-right: 10px; background: #ddd; background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 50%; } [dir="rtl"] .msg-img { margin-left: 10px; margin-right: unset; } .msg-bubble { max-width: 450px; padding: 15px; border-radius: 15px; } .msg-info { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; } .msg-info-name { margin-right: 10px; font-weight: bold; } [dir="rtl"] .msg-info-name { margin-left: 10px; margin-right: unset; } .msg-info-time { font-size: 0.85em; } .left-msg .msg-img { background-image: url(../images/dashboard/user/13.jpg); width: 33px; height: 33px; } @media (max-width: 1200px) { .left-msg .msg-img { min-width: 16px; min-height: 16px; } } .left-msg .msg-bubble { position: relative; border-radius: 15px; background: #f4f4f4; color: var(--chart-text-color); width: calc(100% - 33px); } .right-msg { flex-direction: row-reverse; } .right-msg .msg-bubble { color: #fff; background: var(--theme-default); width: calc(100% - 33px); } .right-msg .msg-img { background-image: url(../images/dashboard-11/user/10.jpg); width: 33px; height: 33px; margin: 0 0 0 10px; } [dir="rtl"] .right-msg .msg-img { margin: 0 10px 0 0; } @media (max-width: 1200px) { .right-msg .msg-img { min-width: 16px; min-height: 16px; } } .msger-inputarea { display: flex; padding: 10px; border-top: 1px solid var(--chart-dashed-border); background: linear-gradient(0deg, #F5F6FA, #F5F6FA), linear-gradient(0deg, #FFFFFF, #FFFFFF); align-items: center; cursor: pointer; } .msger-inputarea .dropdown-toggle::after { content: unset; } .msger-inputarea .dropdown-toggle .dropdown-menu { inset: unset !important; } .msger-inputarea .dropdown-form { position: relative; margin-right: 10px; border-radius: 100%; display: grid; place-content: center; margin-right: 10px; } [dir="rtl"] .msger-inputarea .dropdown-form { margin-right: unset; margin-left: 10px; } .msger-inputarea .dropdown-form:hover { background-color: #e8e5ff; } .msger-inputarea .dropdown-form i { font-size: 16px; font-weight: 900; color: var(--theme-default); cursor: pointer; padding: 0; } .msger-inputarea .dropdown-form .chat-icon { position: absolute; left: 0 !important; bottom: 22px !important; background: transparent; box-shadow: unset; } [dir="rtl"] .msger-inputarea .dropdown-form .chat-icon { left: unset !important; right: 0 !important; } .msger-inputarea .dropdown-form .chat-icon div { width: 47px; height: 47px; border-radius: 50%; background-color: #fff; display: flex; justify-content: center; align-items: center; padding: 0; opacity: 1; } .msger-inputarea .dropdown-form .chat-icon div svg { width: 42px; height: 42px; cursor: pointer; } .msger-inputarea .dropdown-form .chat-icon div:nth-child(1) svg { fill: var(--chart-text-color); stroke: none; } .msger-inputarea .dropdown-form .chat-icon div:nth-child(2) svg { stroke: var(--chart-text-color); fill: none; } .msger-inputarea .dropdown-form .chat-icon div:hover { background-color: var(--theme-default); opacity: 1; } .msger-inputarea .dropdown-form .chat-icon div:hover:nth-child(1) svg { fill: #fff; } .msger-inputarea .dropdown-form .chat-icon div:hover:nth-child(2) svg { stroke: #fff; } .msger-inputarea .msger-send-btn i { color: #fff; } [dir="rtl"] .msger-inputarea .msger-send-btn i { transform: scaleX(-1); } .msger-inputarea * { padding: 10px; border: none; border-radius: 3px; font-size: 1em; } .msger-input { flex: 1; background-color: var(--white); width: 100%; } .msger-input:focus, .msger-input:focus-visible { outline: unset; } .fg-emoji-container { left: calc(10px + (1405 - 10) * ((100vw - 320px) / (1920 - 320))) !important; } @media (min-width: 860px) and (max-width: 945px) { .fg-emoji-container { left: 417px !important; } [dir="rtl"] .fg-emoji-container { left: unset; right: 417px; } } @media (min-width: 686px) and (max-width: 860px) { .fg-emoji-container { left: 360px !important; } [dir="rtl"] .fg-emoji-container { left: unset; right: 360px; } } @media (min-width: 588px) and (max-width: 770px) { .fg-emoji-container { left: 200px !important; } [dir="rtl"] .fg-emoji-container { left: unset; right: 200px; } } @media (min-width: 546px) and (max-width: 588px) { .fg-emoji-container { left: 144px !important; } [dir="rtl"] .fg-emoji-container { left: unset; right: 144px; } } @media (min-width: 500px) and (max-width: 546px) { .fg-emoji-container { left: 88px !important; } [dir="rtl"] .fg-emoji-container { left: unset; right: 88px; } } @media (max-width: 500px) { .fg-emoji-container { left: 22px !important; width: 262px !important; } [dir="rtl"] .fg-emoji-container { left: unset; right: 22px; } } .fg-emoji-container .fg-emoji-nav { background-color: var(--theme-secondary); } .fg-emoji-container .fg-emoji-nav ul li:last-child a { background-color: rgba(82, 82, 108, 0.5); } .fg-emoji-container #fg-emoji-picker-move { display: none; } .open-emoji { padding: 0; } .open-emoji button { z-index: 0; position: relative; padding: 0 14px; background: transparent; } .open-emoji button::before { content: "\f118"; font-family: "FontAwesome"; z-index: 1; position: relative; font-size: 20px; color: var(--chart-text-color); } .second-btn { z-index: 0; position: relative; padding: 0 14px; background: transparent; } .second-btn::before { content: "\f118"; font-family: "FontAwesome"; z-index: 1; position: relative; font-size: 20px; color: var(--chart-text-color); } .msger-send-btn { margin-left: 10px; background: var(--theme-default); width: 40px; height: 39px; font-weight: bold; cursor: pointer; transition: all 0.23s; display: flex; align-items: center; justify-content: center; } [dir="rtl"] .msger-send-btn { margin-left: unset; margin-right: 10px; } .msger-send-btn svg { width: 1px; height: 12px; } .custom-name { width: 42px; height: 42px; display: flex; justify-content: center; align-items: center; border-radius: 50px; } @media (max-width: 1650px) { .custom-name { width: 33px; height: 33px; } } .offcanvas-wrapper .offcanvas { position: fixed; background-color: var(--white); z-index: 1045; } /**===================== 14. Chat CSS Ends ==========================**/ /**===================== 3.26 Errorpage CSS Start ==========================**/ .error-wrapper { display: flex; align-items: center; justify-content: center; min-height: 100vh; text-align: center; } .error-wrapper.maintenance-bg { background-image: url(../images/other-images/maintenance-bg.jpg); background-color: rgba(255, 255, 255, 0.6); background-blend-mode: overlay; } .error-wrapper .maintenance-icons li i { color: #59667a; font-size: 50px; animation: rotate-effect 40s infinite linear reverse; } .error-wrapper .maintenance-icons li:nth-child(2) i { font-size: 100px; margin-left: 110px; margin-top: -25px; animation: rotate-effect 40s linear infinite reverse; } .error-wrapper .maintenance-icons li:nth-child(3) i { animation: rotate-effect 30s infinite linear; font-size: 150px; margin-top: -85px; margin-right: 120px; } @keyframes rotate-effect { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes reverse-rotate-effect { 0% { transform: rotate(360deg); } 100% { transform: rotate(0deg); } } .error-wrapper .maintenance-heading { margin-top: 70px; } .error-wrapper .maintenance-heading .headline { font-size: 99px; font-weight: 900; letter-spacing: 10px; color: var(--theme-default); z-index: 2; position: relative; margin-top: -70px; } .error-wrapper .error-heading { margin-top: 115px; } .error-wrapper .error-heading .headline { font-size: 285px; font-weight: 700; letter-spacing: 1px; margin-top: -130px; } .error-wrapper .sub-content { font-size: 18px; color: #404040; letter-spacing: 1px; font-weight: normal; line-height: 35px; z-index: 3; position: relative; margin-top: 30px; margin-bottom: 0; } .error-wrapper .btn { margin-top: 40px; } .error { margin: 70px 0 100px; color: #000; } .error .error-title { font-size: 9.5rem; color: #fff; text-shadow: 6px 6px 7px rgba(0, 0, 0, 0.32); } .error .line-bottom { width: 10%; height: 5px; background-color: #ffb829; border: none; } .error .c-white { color: #fff; } .error .error-btn { text-align: center; } .error .padd { padding: 10px 30px 10px 30px; } .error .btn-back-home { background-color: #f4f4f4; color: #000; } .error .btn-back-home:hover { background-color: #ffb829; color: #fff; box-shadow: 0 20px 35px 0 rgba(0, 0, 0, 0.21); } .error .btn-adnc-serc { background-color: #3f475a; color: #fff; } .error .btn-adnc-serc:hover { background-color: #ffb829; color: #fff; box-shadow: 0 20px 35px 0 rgba(0, 0, 0, 0.21); } /**===================== 3.26 Errorpage CSS Start ==========================**/ /**===================== 3.28 File CSS ==========================**/ .file-sidebar .card .card-body, .file-sidebar .card .card-header, .file-content .card .card-body, .file-content .card .card-header { padding: 20px !important; } .file-sidebar hr, .file-content hr { border-top-color: var(--recent-dashed-border); } .file-sidebar ul li + li { margin-top: 8px; } .file-sidebar .btn { display: flex; align-items: center; } .file-sidebar .btn.btn-light:hover { color: var(--theme-default) !important; } .file-sidebar .btn.btn-light:hover svg { stroke: var(--theme-default); } .file-sidebar .btn svg { width: 15px; vertical-align: middle; margin-right: 8px; } .file-manager > h6 { opacity: 0.6; font-weight: 400 !important; font-size: 15px; margin-bottom: 12px; } .file-manager .files h6 { margin-top: 10px; margin-bottom: 0; } .file-manager p { opacity: 0.9; font-size: 12px; } .files h6, .folder h6 { opacity: 0.9; font-weight: 500 !important; font-size: 14px; } .file-content .form-inline { border: 1px solid #f4f4f4; border-radius: 5px; padding: 0 20px; } .file-content .form-inline i { padding-right: 10px; color: #898989; line-height: 3; } .file-content .form-inline input::-webkit-input-placeholder { color: #898989; } .file-content .form-inline input:focus { outline: none !important; } .file-content .search-form input { padding: 5px 10px 5px 70px; border-radius: 5px; } .file-content .search-form .form-group:before { left: 82px; top: 37px; } .file-content .search-form .form-group:after { top: 39px; left: 53px; } .file-content .btn svg { height: 15px; margin-right: 2px; vertical-align: middle; } .file-content h5 { font-weight: 500; } .file-content .folder .folder-box { border: 1px solid #f1f1f1; border-radius: 5px; padding: 15px; background-color: #f6f7fb; width: calc(25% - 15px); display: inline-block; } .file-content .folder .folder-box:nth-child(1) { animation-fill-mode: both; animation: fadeIncustom 0.5s linear 10ms; } .file-content .folder .folder-box:nth-child(2) { animation-fill-mode: both; animation: fadeIncustom 0.5s linear 20ms; } .file-content .folder .folder-box:nth-child(3) { animation-fill-mode: both; animation: fadeIncustom 0.5s linear 30ms; } .file-content .folder .folder-box:nth-child(4) { animation-fill-mode: both; animation: fadeIncustom 0.5s linear 40ms; } .file-content .folder .folder-box:nth-child(5) { animation-fill-mode: both; animation: fadeIncustom 0.5s linear 50ms; } .file-content .folder .folder-box:nth-child(6) { animation-fill-mode: both; animation: fadeIncustom 0.5s linear 60ms; } .file-content .folder .folder-box:nth-child(7) { animation-fill-mode: both; animation: fadeIncustom 0.5s linear 70ms; } .file-content .folder .folder-box:nth-child(8) { animation-fill-mode: both; animation: fadeIncustom 0.5s linear 80ms; } .file-content .folder .folder-box:nth-child(9) { animation-fill-mode: both; animation: fadeIncustom 0.5s linear 90ms; } .file-content .folder .folder-box:nth-child(10) { animation-fill-mode: both; animation: fadeIncustom 0.5s linear 100ms; } .file-content .folder .folder-box:nth-child(11) { animation-fill-mode: both; animation: fadeIncustom 0.5s linear 110ms; } .file-content .folder .folder-box:nth-child(12) { animation-fill-mode: both; animation: fadeIncustom 0.5s linear 120ms; } .file-content .folder .folder-box:nth-child(13) { animation-fill-mode: both; animation: fadeIncustom 0.5s linear 130ms; } .file-content .folder .folder-box:nth-child(14) { animation-fill-mode: both; animation: fadeIncustom 0.5s linear 140ms; } .file-content .folder .folder-box:nth-child(15) { animation-fill-mode: both; animation: fadeIncustom 0.5s linear 150ms; } @media screen and (max-width: 1440px) { .file-content .folder .folder-box .d-flex { display: block; } .file-content .folder .folder-box .d-flex .flex-grow-1 { margin-left: 0 !important; margin-top: 5px; } } @media screen and (max-width: 1366px) { .file-content .files { margin-bottom: -10px; } } @media screen and (max-width: 768px) { .file-content .folder { margin-bottom: -10px; } .file-content .folder .folder-box { width: calc(50% - 15px); margin-bottom: 10px; margin-right: 8px; } .file-content .d-flex { display: block !important; text-align: center !important; } .file-content .d-flex .flex-grow-1 { margin-top: 18px !important; justify-content: center; } } @media screen and (max-width: 575px) { .file-content .folder .folder-box, .file-content .files .file-box { width: calc(100%); } } /**===================== 3.28 File CSS ==========================**/ /**===================== 3.29 File Manager CSS Start ==========================**/ @media (max-width: 1199px) and (min-width: 576px) { .main-file-sidebar .md-sidebar .md-sidebar-aside { width: 325px; } } .main-file-sidebar .md-sidebar .md-sidebar-aside .common-sort-card { background-color: rgba(244, 244, 244, 0.4); padding: 14px; border-radius: 8px; } .main-file-sidebar .md-sidebar .md-sidebar-aside .common-sort-card li .common-sort-card { padding: 16px 0 0 0; margin-top: 16px; border-top: 1px solid var(--chart-dashed-border); border-radius: 0; } .main-file-sidebar .md-sidebar .md-sidebar-aside .common-sort-card .files-left-icons li { position: relative; padding-bottom: 0; overflow: hidden; width: 100%; } .main-file-sidebar .md-sidebar .md-sidebar-aside .common-sort-card .files-left-icons li + li { margin-top: 0; } .main-file-sidebar .md-sidebar .md-sidebar-aside .common-sort-card .files-left-icons li a { display: flex; align-items: center; flex-wrap: wrap; gap: calc(6px + (12 - 6) * ((100vw - 320px) / (1920 - 320))); padding: 12px; } @media (max-width: 575px) { .main-file-sidebar .md-sidebar .md-sidebar-aside .common-sort-card .files-left-icons li a { display: block; } } .main-file-sidebar .md-sidebar .md-sidebar-aside .common-sort-card .files-left-icons li a svg { width: 28px; height: 28px; } .main-file-sidebar .md-sidebar .md-sidebar-aside .common-sort-card .files-left-icons li a span { color: var(--body-font-color); } @media (max-width: 1270px) and (min-width: 1200px) { .main-file-sidebar .md-sidebar .md-sidebar-aside .common-sort-card .files-left-icons li a span { display: -webkit-box; max-width: 100%; -webkit-line-clamp: 1; height: auto; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } } @media (max-width: 1270px) { .main-file-sidebar .md-sidebar .md-sidebar-aside .common-sort-card .files-left-icons li a > span { text-align: start; } [dir="rtl"] .main-file-sidebar .md-sidebar .md-sidebar-aside .common-sort-card .files-left-icons li a > span { text-align: end; } } .main-file-sidebar .md-sidebar .md-sidebar-aside .common-sort-card .files-left-icons.file-type-icons li a { justify-content: space-between; transition-delay: 0.1s; } @media (max-width: 575px) { .main-file-sidebar .md-sidebar .md-sidebar-aside .common-sort-card .files-left-icons.file-type-icons li a { border-bottom: 1px solid var(--chart-progress-light); } } .main-file-sidebar .md-sidebar .md-sidebar-aside .common-sort-card .files-left-icons.file-type-icons li a > div { display: flex; justify-content: center; align-items: center; gap: 12px; } @media (max-width: 1270px) { .main-file-sidebar .md-sidebar .md-sidebar-aside .common-sort-card .files-left-icons.file-type-icons li a > div { justify-content: flex-start; } } @media (max-width: 575px) { .main-file-sidebar .md-sidebar .md-sidebar-aside .common-sort-card .files-left-icons.file-type-icons li a > div { padding-bottom: 12px; } } .main-file-sidebar .md-sidebar .md-sidebar-aside .common-sort-card .files-left-icons.file-type-icons li a:hover { background-color: rgba(82, 82, 108, 0.15); transition-delay: 0.1s; } .main-file-sidebar .md-sidebar .md-sidebar-aside .common-sort-card .files-left-icons.file-type-icons li:last-child a { border-bottom: unset; } .file-manager-grid { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; width: 100%; gap: calc(10px + (16 - 10) * ((100vw - 320px) / (1920 - 320))); position: relative; } @media (max-width: 1655px) and (min-width: 768px) { .file-manager-grid { grid-template-columns: 1fr 1fr 1fr 1fr; } } @media (max-width: 767px) and (min-width: 640px) { .file-manager-grid { grid-template-columns: 1fr 1fr 1fr; } } @media (max-width: 639px) and (min-width: 320px) { .file-manager-grid { grid-template-columns: 1fr 1fr; } } .file-manager-grid .common-space { flex-direction: column; flex-wrap: wrap; width: 100%; } .file-manager-grid .folder { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; min-width: 100%; max-width: 100%; flex-direction: column; padding: calc(10px + (18 - 10) * ((100vw - 320px) / (1920 - 320))); cursor: pointer; border-radius: 10px; background-color: var(--light2); } .file-manager-grid .folder:hover { background-color: var(--light-bg); } .file-manager-grid .folder:hover .folder-icon::after { content: ''; background-color: #efa000; border-radius: 5px; margin-left: 3px; width: calc(40px + (60 - 40) * ((100vw - 320px) / (1920 - 320))); height: calc(24px + (35 - 24) * ((100vw - 320px) / (1920 - 320))); position: absolute; transform: skewX(-10deg); margin-top: 5px; opacity: 1; } [dir="rtl"] .file-manager-grid .folder:hover .folder-icon::after { margin-left: unset; margin-right: 3px; transform: skewX(10deg); } .file-manager-grid .folder .folder-icon { background-color: #ffb829; border-radius: 8px; width: calc(40px + (60 - 40) * ((100vw - 320px) / (1920 - 320))); height: calc(28px + (40 - 28) * ((100vw - 320px) / (1920 - 320))); position: relative; margin-top: 8px; } .file-manager-grid .folder .folder-icon::after { content: ''; background-color: #efa000; border-radius: 5px; width: calc(40px + (60 - 40) * ((100vw - 320px) / (1920 - 320))); height: calc(28px + (40 - 28) * ((100vw - 320px) / (1920 - 320))); position: absolute; transform: skewX(0deg); opacity: 0; transition: 0.2s; } .file-manager-grid .folder .folder-icon::before { margin-top: -8px; position: absolute; background-color: #ffb829; border-radius: 5px; border-end-start-radius: 8px; content: ""; width: calc(20px + (28 - 20) * ((100vw - 320px) / (1920 - 320))); height: calc(36px + (48 - 36) * ((100vw - 320px) / (1920 - 320))); } .file-manager-grid .folder .folder-name { margin: 5px 0 0 0; text-align: center; width: auto; } .file-manager-grid .file { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; min-width: 100%; max-width: 100%; flex-direction: column; padding: calc(10px + (18 - 10) * ((100vw - 320px) / (1920 - 320))); cursor: pointer; border-radius: 10px; background-color: var(--light2); } .file-manager-grid .file:hover { background-color: var(--light-bg); } .file-manager-grid .file:hover .doc-icon::after { border-color: var(--light-bg); border-bottom-color: var(--dark-light-color); border-left-color: var(--dark-light-color); border-style: solid; border-width: 7px; } [dir="rtl"] .file-manager-grid .file:hover .doc-icon::after { border-left-color: unset; border-right-color: var(--dark-light-color); } .file-manager-grid .file .file-name { margin: 10px 0 6px 0; text-align: center; width: 100%; line-height: 1.3; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 1; height: auto; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .file-manager-grid .file .image-preview { width: 60px; height: 48px; display: flex; justify-content: center; align-items: center; } .file-manager-grid .file .image-preview img { border-radius: 5px; max-height: 48px; height: 100%; } .file-manager-grid .item-selected { background-color: #f4f4f4; padding: 9px; border: 1px dotted rgba(82, 82, 108, 0.3); } .file-manager-grid .item-selected:hover { background-color: #f4f4f4; padding: 9px; border: 1px dotted rgba(82, 82, 108, 0.3); } .file-manager-grid .item-selected .doc-icon::after { border-color: var(--light-bg); border-bottom-color: var(--dark-light-color); border-left-color: var(--dark-light-color); border-style: solid; } [dir="rtl"] .file-manager-grid .item-selected .doc-icon::after { border-left-color: unset; border-right-color: var(--dark-light-color); } .file-manager-grid .doc-icon { background-color: var(--theme-default); border-radius: 8px; width: calc(40px + (48 - 40) * (100vw - 320px) / (1920 - 320)); height: calc(40px + (48 - 40) * (100vw - 320px) / (1920 - 320)); position: relative; color: #f4f4f4; display: flex; text-align: right; align-items: end; } .file-manager-grid .doc-icon::after { content: ""; width: 0; height: 0; border-color: #f4f4f4; border-width: calc(7px + (10 - 7) * (100vw - 320px) / (1920 - 320)); border-style: solid; border-bottom-color: var(--dark-light-color); border-left-color: var(--dark-light-color); right: 0; top: 0; position: absolute; transition-property: border-width; transition-duration: 0.3s; } [dir="rtl"] .file-manager-grid .doc-icon::after { right: unset; left: 0; border-left-color: unset; border-right-color: var(--dark-light-color); } .file-manager-grid .doc-icon p { padding: 2px; margin: 0; text-align: center; width: 100%; color: #fff; font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320))); display: -webkit-box; max-width: 100%; -webkit-line-clamp: 1; height: auto; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .common-file-manager .filemanger { display: flex; flex-direction: column; gap: 8px; } .common-file-manager .filemanger .top-folder-path { height: 40px; background-color: #fff; padding: 3px 10px; display: flex; justify-content: space-between; align-items: center; } @media (max-width: 429px) { .common-file-manager .filemanger .top-folder-path { height: 100%; flex-direction: column; align-items: flex-start; justify-content: center; gap: 8px; padding: 0; } .common-file-manager .filemanger .top-folder-path .folder-path-write { width: 100%; } } .common-file-manager .filemanger .top-folder-path .folder-path-write { display: flex; height: 35px; flex: 1; border-radius: 7px; background-color: #f4f4f4; overflow: hidden; align-items: center; } .common-file-manager .filemanger .top-folder-path .folder-path-write input { border: 0; flex: 1; font-size: 15px; background-color: transparent; outline: 0; color: #3f475a; margin-left: 10px; } [dir="rtl"] .common-file-manager .filemanger .top-folder-path .folder-path-write input { margin-left: unset; margin-right: 10px; } .common-file-manager .filemanger .top-folder-path .folder-path-write button { margin: 0; border: 0; background-color: #f4f4f4; border-radius: 50px; cursor: pointer; color: var(--theme-default); margin-right: 5px; width: 27px; height: 27px; } [dir="rtl"] .common-file-manager .filemanger .top-folder-path .folder-path-write button { margin-right: unset; margin-left: 5px; } .common-file-manager .filemanger .top-folder-path .folder-path-write button:hover { background-color: var(--course-bg); } .common-file-manager .filemanger .top-folder-path .path-action-btns { width: 90px; display: flex; justify-content: space-around; align-items: center; margin-right: 5px; } [dir="rtl"] .common-file-manager .filemanger .top-folder-path .path-action-btns { margin-right: unset; margin-left: 5px; } .common-file-manager .filemanger .top-folder-path .path-action-btns button { cursor: pointer; margin: 0; border: 0; border-radius: 50px; background-color: #fff; color: var(--theme-default); width: 26px; height: 26px; } .common-file-manager .filemanger .top-folder-path .path-action-btns button:disabled { color: #999999; background-color: #fff; cursor: not-allowed; } .common-file-manager .filemanger .top-folder-path .path-action-btns button:disabled:hover { color: #999999; background-color: #fff; cursor: not-allowed; } .common-file-manager .filemanger .top-menu { width: 100%; padding: 6px; background-color: #f4f4f4; border-radius: 4px; } .common-file-manager .filemanger .top-menu button { font-size: 14px; padding: 6px 12px; background-color: rgba(82, 82, 108, 0.15); border: 0; border-radius: 3px; margin: 4px; cursor: pointer; } .common-file-manager .filemanger .top-menu button i { margin-right: 8px; } [dir="rtl"] .common-file-manager .filemanger .top-menu button i { margin-right: unset; margin-left: 8px; } .common-file-manager .filemanger .top-menu button:hover { background-color: rgba(204, 204, 204, 0.8); } .common-file-manager .filemanger .top-menu button:disabled:hover { cursor: not-allowed; background-color: rgba(82, 82, 108, 0.15); } .common-file-manager .folderEmpty { width: 100%; padding: calc(50px + (100 - 50) * ((100vw - 320px) / (1920 - 320))); text-align: center; display: none; } .common-file-manager .folderEmpty svg { width: calc(100px + (300 - 100) * ((100vw - 320px) / (1920 - 320))); height: calc(100px + (300 - 100) * ((100vw - 320px) / (1920 - 320))); animation: up-down 4s infinite ease-in-out; } .common-file-manager .folderEmpty h5 { font-size: calc(16px + (35 - 16) * ((100vw - 320px) / (1920 - 320))); margin: calc(20px + (100 - 20) * ((100vw - 320px) / (1920 - 320))) 0 0 0; padding: 0; opacity: 0.4; } .common-file-manager .popup { position: fixed; inset: 0; z-index: 9; display: flex; justify-content: center; align-items: center; display: none; } .common-file-manager .popup .popup-bg { background-color: rgba(0, 0, 0, 0.6); z-index: -1; width: 100%; height: 100vh; position: absolute; } .common-file-manager .popup .popup-content { background-color: #f8f8f8; padding: 16px; border-radius: 12px; width: 400px; height: auto; text-align: center; } .common-file-manager .popup .popup-content h5 { margin-bottom: 12px; font-size: 20px; } .common-file-manager .popup .popup-content form { text-align: center; } .common-file-manager .popup .popup-content form input { width: 100%; height: 30px; font-size: 14px; border: 1px solid var(--recent-dashed-border); padding: 8px; border-radius: 4px; } .common-file-manager .popup .popup-content form input:focus-visible { outline: unset; } .common-file-manager .popup .popup-content form button { width: 100px; cursor: pointer; height: 35px; background-color: var(--theme-secondary); color: #f8f8f8; border: 0; font-size: 14px; border-radius: 6px; padding: 6px; margin: 10px; } .common-file-manager .popup .popup-content form button:hover { background-color: var(--theme-secondary); } .common-file-manager .toast-messages { position: fixed; width: 400px; max-height: 98vh; overflow: hidden; overflow-y: auto; bottom: 0; right: 0; align-items: end; display: flex; flex-direction: column; padding: 1vh 2rem; } [dir="rtl"] .common-file-manager .toast-messages { right: unset; left: 0; } @media (max-width: 415px) { .common-file-manager .toast-messages { width: 308px; } } .common-file-manager .toast-messages .toast-container { margin-bottom: 10px; background-color: var(--white); box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; width: fit-content; min-width: 300px; border-radius: 10px; padding: 10px; display: flex; justify-content: space-between; min-height: 30px; align-items: center; opacity: 0; transition: 0.5s; } @media (max-width: 415px) { .common-file-manager .toast-messages .toast-container { min-width: 245px; } } .common-file-manager .toast-messages .toast-container.toast-success { background-color: #65c15c; } .common-file-manager .toast-messages .toast-container.toast-success p, .common-file-manager .toast-messages .toast-container.toast-success button { color: #fff; } .common-file-manager .toast-messages .toast-container.toast-danger { background-color: #fc564a; cursor: pointer; } .common-file-manager .toast-messages .toast-container.toast-danger p, .common-file-manager .toast-messages .toast-container.toast-danger button { color: #fff; } .common-file-manager .toast-messages .toast-container.toast-inf p, .common-file-manager .toast-messages .toast-container.toast-inf button { color: var(--body-font-color); } .common-file-manager .toast-messages .toast-container p { margin: 0; font-size: 15px; } @media (max-width: 415px) { .common-file-manager .toast-messages .toast-container p { display: -webkit-box; max-width: 100%; -webkit-line-clamp: 1; height: auto; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } } .common-file-manager .toast-messages .toast-container button { border: 0; background-color: transparent; cursor: pointer; border-radius: 50%; font-size: 16px; width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; } .common-file-manager .toast-messages .toast-container button:hover { background-color: rgba(0, 0, 0, 0.096); } .pricing-plan { border: 1px solid #e9edf1; border-radius: 5px; margin-top: 10px; padding: 15px; position: relative; overflow: hidden; } .pricing-plan h5 { font-weight: 600; font-size: 14px; margin-bottom: 2px; color: #898989; } .pricing-plan h6 { font-weight: 800; } .pricing-plan p { margin-bottom: 5px; color: #898989; } .pricing-plan .btn { display: inline-block; padding: 0.05rem 0.4rem; } .pricing-plan .bg-img { position: absolute; top: 40px; opacity: 0.3; transform: rotate(-45deg); right: -40px; animation: fadeIn-out 4s infinite ease-in-out; } [dir="rtl"] .pricing-plan .bg-img { right: unset; left: -40px; transform: rotate(45deg); } @keyframes fadeIn-out { 0%, 100% { opacity: 0.07; } 50% { opacity: 0.4; } } @keyframes up-down { 0% { transform: translateY(0); } 50% { transform: translateY(-15px); } 100% { transform: translateY(0); } } /**===================== 3.29 File Manager CSS End ==========================**/ /**===================== 3.30 Gallery CSS Start ==========================**/ .profile-img-style img, .scroll-bar-wrap img { width: 100%; } .gallery { margin-bottom: -30px; } .gallery > a { margin-bottom: 30px; } .gallery > a:before { content: "\edee"; font-family: IcoFont; position: absolute; height: calc(100% - 10px); left: 20px; width: calc(100% - 40px); background-color: rgba(255, 255, 255, 0.27); top: 5px; transform: scale(0); transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; font-size: 30px; color: #000; } .gallery > a:hover:before { transform: scale(1); transition: all 0.3s ease; } .gallery > a .img-thumbnail { border-radius: 0; } .gallery-with-description { margin-bottom: -30px; } .gallery-with-description a > div { padding: 10px; border: 1px solid rgba(204, 204, 204, 0.6); margin-bottom: 30px; border-radius: 0 0 5px 5px; } .gallery-with-description a:hover { text-decoration: none !important; } @media (max-width: 1599px) { .gallery-with-description a .caption p { display: -webkit-box; max-width: 100%; -webkit-line-clamp: 3; height: auto; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } } .gallery-with-description h4 { color: #3f475a; margin-top: 15px; font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320))); } .gallery-with-description p { color: #a3a3a3; } .lg-backdrop { background-color: #fff; } .lg-outer .lg-actions .lg-next, .lg-outer .lg-actions .lg-prev { background-color: white; border: 1px solid #efefef; } .lg-outer .lg-actions .lg-next:hover, .lg-outer .lg-actions .lg-prev:hover { color: #3f475a; } .lg-outer .lg-toolbar { background-color: rgba(255, 255, 255, 0.45); border-bottom: 1px solid #3f475a; } .lg-outer .lg-toolbar .lg-icon:hover { color: #3f475a; } .lg-outer #lg-counter { color: #3f475a; } .lg-outer .lg-sub-html { background-color: rgba(255, 255, 255, 0.45); } .lg-outer .lg-sub-html h4 { font-size: inherit; color: #3f475a; } .lg-outer .lg-sub-html p { color: #3f475a; } .lg-outer .lg-thumb-outer { background-color: #e9edf1; } .lg-outer .lg-thumb-item { padding: 4px; border: 1px solid #efefef; border-radius: 0; } .lg-outer .lg-thumb-item .active, .lg-outer .lg-thumb-item:hover { border-color: #000; } .gallery a:before, .gallery a:after { content: none; } .gallery .img-hover > div { overflow: hidden; } .gallery .hover-1 img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .gallery .hover-1 img:hover { -webkit-transform: scale(1.2); transform: scale(1.2); } .gallery .hover-2 img { width: 100%; height: auto; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; transform: translateX(0px); } .gallery .hover-2:hover img { transform: translateX(40px) scale(1.2); } .gallery .hover-3 img { -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .gallery .hover-3:hover img { -webkit-transform: scale(1); transform: scale(1); } .gallery .hover-4 img { -webkit-transform: scale(1.5); transform: scale(1.5); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .gallery .hover-4:hover img { -webkit-transform: scale(1); transform: scale(1); } .gallery .hover-5 img { margin-left: 30px; -webkit-transform: scale(1.3); transform: scale(1.3); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .gallery .hover-5:hover img { margin-left: 0; } .gallery .hover-6 img { -webkit-transform: rotate(15deg) scale(1.4); transform: rotate(15deg) scale(1.4); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .gallery .hover-6:hover img { -webkit-transform: rotate(0) scale(1); transform: rotate(0) scale(1); } .gallery .hover-7 img { -webkit-filter: blur(3px); filter: blur(3px); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .gallery .hover-7:hover img { -webkit-filter: blur(0); filter: blur(0); } .gallery .hover-8 img { -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .gallery .hover-8:hover img { -webkit-filter: grayscale(0); filter: grayscale(0); } .gallery .hover-9 img { -webkit-filter: sepia(100%); filter: sepia(100%); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .gallery .hover-9:hover img { -webkit-filter: sepia(0); filter: sepia(0); } .gallery .hover-10 img { -webkit-filter: grayscale(0) blur(0); filter: grayscale(0) blur(0); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .gallery .hover-10:hover img { -webkit-filter: grayscale(100%) blur(3px); filter: grayscale(100%) blur(3px); } .gallery .hover-11 img { opacity: 1; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .gallery .hover-11:hover img { opacity: .5; } @-webkit-keyframes flash { 0% { opacity: .4; } 100% { opacity: 1; } } @keyframes flash { 0% { opacity: .4; } 100% { opacity: 1; } } .gallery .hover-13:hover img { opacity: 1; -webkit-animation: flash 1.5s; animation: flash 1.5s; } @-webkit-keyframes shine { 100% { left: 125%; } } @keyframes shine { 100% { left: 125%; } } .gallery .hover-14 div { position: relative; } .gallery .hover-14 div:before { position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); } .gallery .hover-14 div:hover:before { -webkit-animation: shine .75s; animation: shine .75s; } .gallery .hover-15 div { position: relative; } .gallery .hover-15 div:before { position: absolute; top: 50%; left: 50%; z-index: 2; display: block; content: ''; width: 0; height: 0; background: rgba(255, 255, 255, 0.2); border-radius: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; } .gallery .hover-15 div:hover:before { -webkit-animation: circle .75s; animation: circle .75s; } @-webkit-keyframes circle { 0% { opacity: 1; } 40% { opacity: 1; } 100% { width: 200%; height: 200%; opacity: 0; } } @keyframes circle { 0% { opacity: 1; } 40% { opacity: 1; } 100% { width: 200%; height: 200%; opacity: 0; } } * { box-sizing: border-box; } *:after, *:before { box-sizing: border-box; } .grid { position: relative; } /* clear fix */ .grid:after { content: ''; display: block; clear: both; } /* ---- .grid-item ---- */ .grid-item img { max-width: 100%; padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; } .gallery-with-description .grid-item img { border: 0; padding: 0; } .my-gallery.gallery-with-description .pswp__caption__center h4 { color: #F7F8F9; } .my-gallery.gallery-with-description .pswp__caption__center p { color: #6C757D; } /**===================== 3.30 Gallery CSS Ends ==========================**/ /**===================== 3.31 Helper CSS start ==========================**/ .helper-common-box { display: flex; align-items: center; margin-bottom: 16px; gap: 8px; } .helper-common-box.helper-p-wrapper { gap: 12px; margin-bottom: 0; flex-wrap: wrap; } .helper-common-box .border-common-box { width: auto; height: 50px; background-color: var(--light-background); border-radius: 10px; border-color: var(--recent-dashed-border); padding: 12px; } .helper-common-box .border { --bs-border-color: var(--recent-border) !important; } .helper-common-box [class*="border-"] { --bs-border-color: var(--recent-border) !important; } .txt-space div { margin-bottom: 16px; } .txt-space div:nth-child(7) { margin-bottom: 0; } .border-wrapper { padding: 20px; } .helper-box { width: 40px; height: 40px; border-radius: 25%; } .helper-box.helper-text { display: flex; justify-content: center; align-items: center; font-weight: 900; } .helper-radius { width: 60px; height: 30px; } .fill-wrapper { background-color: #f4f4f4; } .gradient-border { display: flex; gap: 22px; flex-wrap: wrap; align-items: center; } @media (max-width: 1200px) { .gradient-border { gap: calc(13px + (22 - 13) * ((100vw - 320px) / (1200 - 320))); } } .radius-wrapper { background-color: #efefef; } .font-wrapper { display: flex; align-items: center; padding: 12px 20px; } .helper-padding { display: flex; flex-direction: column; gap: 12px; } .helper-p-box { display: flex; justify-content: center; align-items: center; } .helper-p-box span { color: var(--body-font-color); } .common-p-box { display: flex; flex-direction: column; gap: 12px; align-items: flex-start; } /**===================== 3.31 Helper CSS end ==========================**/ /**===================== 3.42 Login CSS Start ==========================**/ .login-card { min-height: 100vh; align-items: center; justify-content: center; margin: 0 auto; background: #6366F1; background-position: center; padding: 30px 12px; } .login-card .title-login { color: #7366FF !important; } .login-card .logo { display: block; margin-bottom: 30px; text-align: center; } .login-card .btn-showcase .btn { line-height: 1; padding: 10px 15px; margin: 0; } .login-card .btn-showcase .btn + .btn { margin-left: 5px; } .login-card .btn-showcase .btn svg { height: 16px; vertical-align: bottom; } .login-card .login-main { width: 450px; padding: 40px; border-radius: 10px; box-shadow: 0 0 37px rgba(8, 21, 66, 0.05); margin: 0 auto; background-color: #fff; margin: 20px; } .login-card .login-main .theme-form h4 { margin-bottom: 5px; } .login-card .login-main .theme-form label { font-size: 15px; letter-spacing: 0.4px; } .login-card .login-main .theme-form .checkbox label::before { background-color: #f9f9fa; border: 1px solid #dfdfdf; } .login-card .login-main .theme-form .or { position: relative; } .login-card .login-main .theme-form .or:before { content: ""; position: absolute; width: 65%; height: 2px; background-color: #f3f3ff; top: 9px; z-index: 0; right: 0; } .login-card .login-main .theme-form input { background-color: #fff !important; transition: all 0.3s ease; } .login-card .login-main .theme-form input::-webkit-input-placeholder { color: #999999; } .login-card .login-main .theme-form input:hover, .login-card .login-main .theme-form input:focus { border: 1px solid #b9c1cc; box-shadow: none !important; transition: all 0.3s ease; } .login-card .login-main .theme-form p { margin-bottom: 25px; font-size: 14px; color: #898989; } .login-card .login-main .theme-form .form-group { margin-bottom: 10px; position: relative; } .login-card .login-main .theme-form .link { position: absolute; top: 10px; right: 0; } .show-hide { position: absolute; top: 52px; right: 20px; transform: translateY(-50%); } .show-hide span { cursor: pointer; font-size: 13px; color: var(--theme-default); } .needs-validation .invalid-feedback { color: #898989; } .needs-validation .show-hide { right: 30px; } .needs-validation .invalid-tooltip { top: 10px; right: 10px; } /**===================== 3.42 Login CSS Ends ==========================**/ /**===================== 3.55 Sweet-alert CSS Start ==========================**/ .swal2-container .swal2-image { width: calc(70px + (120 - 70) * ((100vw - 320px) / (1920 - 320))) !important; height: calc(70px + (120 - 70) * ((100vw - 320px) / (1920 - 320))) !important; margin-bottom: 0; } .swal2-container .swal2-html-container { font-size: 16px; margin-top: 8px; } .swal2-container .swal2-input { cursor: pointer; } .swal2-container .swal2-input:focus, .swal2-container .swal2-input:focus-visible { box-shadow: unset; border-color: var(--chart-dashed-border); } .swal2-container .swal2-title { font-size: calc(18px + (20 - 18) * ((100vw - 320px) / (1920 - 320))); font-weight: 500; } .swal2-container .swal2-question { border-color: #40b8f5; color: #40b8f5; } .swal2-container .swal2-actions { gap: 12px; } .swal2-container .swal2-actions .swal2-confirm { background-color: var(--theme-default) !important; } .swal2-container .swal2-actions .swal2-confirm:hover { background-color: var(--theme-default) !important; } .swal2-container .swal2-actions .swal2-confirm.btn.btn-success { background-color: #65c15c !important; color: var(--white); } .swal2-container .swal2-actions .swal2-deny { background-color: #fc564a !important; } .swal2-container .swal2-actions .swal2-cancel { background-color: #898989; color: #fff; } .swal2-container .swal2-close { color: #8F8F8F; } .swal2-container .swal2-error { border-color: #fc564a; color: #fc564a; } .swal2-container .swal2-error .swal2-x-mark span { background-color: #fc564a; } .swal2-container .swal2-warning { border-color: #ffb829; color: #ffb829; } .swal2-container .swal2-warning .swal2-icon-content { color: #ffb829; } .swal2-container div:where(.swal2-icon).swal2-success .swal2-success-ring { border: 2px solid rgba(101, 193, 92, 0.3); } .swal2-container div:where(.swal2-icon).swal2-success [class^=swal2-success-line] { background-color: #65c15c; } .swal2-container div:where(.swal2-icon).swal2-info { border-color: #40b8f5 !important; color: #40b8f5 !important; } .swal2-container .swal2-loader { border-color: #8F8F8F rgba(0, 0, 0, 0) #8F8F8F rgba(0, 0, 0, 0); } .swal2-container button { font-size: 14px !important; padding: 6px 28px; font-weight: 400; color: var(--theme-default); margin: 0; } .swal2-container button.swal2-close { font-size: 40px !important; } .swal2-container button.swal2-close:focus, .swal2-container button.swal2-close:hover { box-shadow: unset; } .swal2-container .swal2-wrapper { display: flex; flex-direction: column; text-align: left; } .swal2-container .swal2-wrapper .swal2-select { padding: 0 !important; } .swal2-container .swal2-wrapper .swal2-select label { font-size: 16px !important; } .swal2-container .swal2-wrapper .swal2-select .swal2-input { border: 1px solid var(--recent-dashed-border); border-radius: 5px; font-size: 16px; color: #75758a; } .swal2-container .swal2-wrapper .swal2-select .swal2-input option { font-size: 14px; } .swal2-container .swal2-wrapper label { margin: 0; margin-bottom: 6px; } .swal2-container .swal2-wrapper .swal2-input { margin: 0; } .swal2-container .swal2-wrapper .swal2-input:focus { box-shadow: unset; border-color: var(--recent-dashed-border); } .swal2-container .swal2-wrapper .form-check-input:focus { box-shadow: unset; border-color: var(--recent-dashed-border); } .swal2-container .swal2-wrapper .swal2-genders { display: flex; gap: calc(12px + (50 - 12) * ((100vw - 320px) / (1920 - 320))); margin: 18px 0; } .swal2-container .swal2-wrapper .swal2-radio-group, .swal2-container .swal2-wrapper .swal2-checkbox { display: flex; gap: 8px; } .swal2-container .swal2-wrapper .form-control, .swal2-container .swal2-wrapper .form-select { border-color: #cccccc; } div:where(.swal2-container) button:where(.swal2-close):hover { color: var(--theme-default) !important; } /**===================== 3.55 Sweet-alert CSS ends ==========================**/ /**===================== 3.56 Sellers CSS Start ==========================**/ .seller-wrapper .basic-wizard .stepper-horizontal .step .step-title { display: -webkit-box; max-width: 100%; -webkit-line-clamp: 2; height: auto; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal; width: calc(78px + (180 - 78) * ((100vw - 320px) / (1920 - 320))); } .seller-wrapper .basic-wizard .stepper-horizontal .step .product-date input { font-size: 14px; } .seller-wrapper .card-header { border-radius: 15px; flex-wrap: wrap; gap: 12px; } @media (max-width: 575px) { .seller-wrapper .card-header { flex-direction: column; align-items: flex-start; } } .seller-wrapper .common-f-start { gap: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320))); flex-wrap: wrap; } @media (max-width: 575px) { .seller-wrapper .common-f-start { flex-direction: column; align-items: flex-start; } } .seller-wrapper .common-f-start .seller-filter { cursor: pointer; font-weight: 500; font-size: 16px; transition: all .5s ease-in-out; left: 0; position: relative; } [dir="rtl"] .seller-wrapper .common-f-start .seller-filter { left: unset; right: 0; } .seller-wrapper .common-f-start .seller-filter::after { content: ''; position: absolute; width: 0; height: 3px; bottom: -1px; left: 0; background-color: var(--theme-default); opacity: .3; border-radius: 50px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } [dir="rtl"] .seller-wrapper .common-f-start .seller-filter::after { left: unset; right: 0; } .seller-wrapper .common-f-start .seller-filter:hover, .seller-wrapper .common-f-start .seller-filter:active, .seller-wrapper .common-f-start .seller-filter.active { color: var(--theme-default); transition: all .5s ease-in-out; } .seller-wrapper .common-f-start .seller-filter:hover::after, .seller-wrapper .common-f-start .seller-filter:active::after, .seller-wrapper .common-f-start .seller-filter.active::after { width: 50%; } .seller-wrapper .right-vendor { display: flex; justify-content: flex-end; align-items: center; gap: 12px; flex-wrap: wrap; } @media (max-width: 1422px) { .seller-wrapper .right-vendor { justify-content: flex-start; } } .seller-wrapper .right-vendor .input-group { width: 60%; } @media (max-width: 445px) { .seller-wrapper .right-vendor .input-group { width: 100%; } } .seller-wrapper .right-vendor .input-group svg { width: 18px; height: 18px; } @media (max-width: 445px) { .seller-wrapper .right-vendor .btn { margin-left: auto; } [dir="rtl"] .seller-wrapper .right-vendor .btn { margin-left: unset; margin-right: auto; } } .seller-wrapper .basic-wizard .custom-input .form-control[type='file'] { color: #6C757D; } .seller-wrapper .basic-wizard .custom-input .form-control[type='file']::file-selector-button { color: #6C757D; } .seller-wrapper .basic-wizard .custom-input .flatpicker-calender .form-control { color: #6C757D; } .seller-wrapper .basic-wizard .stepper-horizontal .step .step-bar-left { border-color: #cccccc; height: .125rem; border-width: .0625rem 0; } .seller-wrapper .basic-wizard .stepper-horizontal .step .step-bar-right { border-width: .0625rem 0; height: .125rem; } .seller-wrapper .basic-wizard .stepper-horizontal .step-circle { font-weight: 500; } .seller-wrapper .basic-wizard .stepper-horizontal .step-circle span { line-height: 1; font-weight: 400; font-size: .875rem; } .seller-wrapper .basic-wizard .wizard-footer { margin-top: 1rem; } .seller-wrapper .basic-wizard .wizard-footer [class*='button-light-']:disabled { border-color: transparent; color: #52526c; opacity: 1; } .seller-wrapper .modal .modal-body .form-select { font-size: .875rem; font-weight: 400; color: var(--lighter-gray); } .seller-wrapper .form-check .form-check-input:checked { background-color: var(--theme-default); } .seller-wrapper .form-check .form-check-input:valid { border-color: var(--theme-default); } .seller-wrapper .form-check .form-check-input:valid ~ .form-check-label { color: #242934; } .seller-cards { display: grid; place-content: center; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; gap: 20px; padding-bottom: 20px; } @media (max-width: 1660px) and (min-width: 1400px) { .seller-cards { grid-template-columns: 1fr 1fr 1fr 1fr; } } @media (max-width: 1399px) and (min-width: 890px) { .seller-cards { grid-template-columns: 1fr 1fr 1fr; } } @media (max-width: 889px) and (min-width: 620px) { .seller-cards { grid-template-columns: 1fr 1fr; } } @media (max-width: 619px) { .seller-cards { grid-template-columns: 1fr; } } .seller-cards .seller-box { border-radius: 15px; padding: 20px; background: var(--white); } .seller-cards .seller-box > div { display: flex; align-items: center; gap: 12px; margin-bottom: 22px; } .seller-cards .seller-box .seller-profits li { padding-block: 6px; } .seller-cards .seller-box .seller-profits li:first-child { padding-top: 0; } .seller-cards .seller-box .seller-profits li:last-child { padding-bottom: 0; } .seller-cards .seller-box .seller-profits li .common-space { position: relative; z-index: 0; } .seller-cards .seller-box .seller-profits li .common-space::before { content: ""; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; border-top: 1px dashed var(--chart-dashed-border); z-index: -1; } .seller-cards .seller-box .seller-profits li .common-space span { background-color: var(--white); } .seller-cards .seller-box .seller-profits li .common-space span:first-child { padding-right: 6px; } [dir="rtl"] .seller-cards .seller-box .seller-profits li .common-space span:first-child { padding-right: unset; padding-left: 6px; } .seller-cards .seller-box .seller-profits li .common-space span:last-child { font-weight: 500; padding-left: 6px; } [dir="rtl"] .seller-cards .seller-box .seller-profits li .common-space span:last-child { padding-left: unset; padding-right: 6px; } .seller-cards .seller-box svg { width: calc(28px + (34 - 28) * ((100vw - 320px) / (1920 - 320))); height: calc(28px + (34 - 28) * ((100vw - 320px) / (1920 - 320))); } .seller-cards .seller-box .btn { width: 100%; margin-top: 22px; } .seller-cards .hide { animation: hide .3s ease 0s 1 normal forwards; transform-origin: center; } .seller-cards .show { animation: show .3s ease 0s 1 normal forwards; transform-origin: center; } @keyframes hide { 0% { transform: scale(1); } 100% { transform: scale(0); width: 0; height: 0; margin: 0; } } @keyframes show { 0% { transform: scale(0); width: 0; height: 0; margin: 0; } 100% { transform: scale(1); } } .review-box .seller-profile .accordion-button { font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320))); color: #242934; font-weight: 500; letter-spacing: 0.2px; background-color: rgba(82, 82, 108, 0.1); } .review-box .seller-profile .accordion-button.collapsed { background-color: transparent; } .review-box .seller-profile .accordion-item { margin-bottom: 12px; } .review-box .seller-profile .accordion-item .accordion-header .accordion-button::after { background-image: var(--bs-accordion-btn-icon); background-size: 16px; } .review-box .seller-profile .accordion-item .accordion-body .common-space, .review-box .seller-profile .accordion-item .accordion-body .common-f-start { gap: 10px; } .review-box .seller-profile .accordion-item .accordion-body .common-space h5, .review-box .seller-profile .accordion-item .accordion-body .common-f-start h5 { font-size: calc(16px + (17 - 16) * ((100vw - 320px) / (1920 - 320))); } .review-box .seller-profile .accordion-item .accordion-body .common-space i, .review-box .seller-profile .accordion-item .accordion-body .common-f-start i { font-size: 16px; } .review-box .seller-profile .accordion-item .accordion-body .common-space svg, .review-box .seller-profile .accordion-item .accordion-body .common-f-start svg { width: calc(28px + (40 - 28) * ((100vw - 320px) / (1920 - 320))); height: calc(28px + (40 - 28) * ((100vw - 320px) / (1920 - 320))); } .review-box .seller-profile .accordion-item .accordion-body .seller-details { margin-top: 20px; } .review-box .seller-profile .accordion-item .accordion-body .seller-details li { display: flex; justify-content: space-between; align-items: center; padding-bottom: 12px; gap: 4px; flex-wrap: wrap; } @media (max-width: 340px) { .review-box .seller-profile .accordion-item .accordion-body .seller-details li { display: block; border-bottom: 1px dashed var(--recent-dashed-border); margin-bottom: 12px; } } .review-box .seller-profile .accordion-item .accordion-body .seller-details li > div { display: flex; justify-content: flex-start; align-items: center; gap: 10px; } .review-box .seller-profile .accordion-item .accordion-body .seller-details li > div i { font-size: 14px; color: rgba(64, 64, 64, 0.8); } .review-box .seller-profile .accordion-item .accordion-body .seller-details li > div h6 { color: #404040; font-size: 15px; font-weight: 400; } .review-box .seller-profile .accordion-item .accordion-body .notification-wrapper { padding-bottom: 16px; } .review-box .seller-profile .accordion-item .accordion-body .notification-wrapper .form-check-label { letter-spacing: 0.3px; } .review-box .seller-profile .accordion-item .accordion-body .checkbox-wrapper li { width: calc(38px + (45 - 38) * ((100vw - 320px) / (1920 - 320))); height: calc(38px + (45 - 38) * ((100vw - 320px) / (1920 - 320))); max-width: 45px; background-color: rgba(82, 82, 108, 0.1); display: grid; place-items: center; } .review-box .seller-profile .accordion-item .accordion-body .checkbox-wrapper li .form-check-input { background-image: unset; z-index: 0; transition: all 0.2s ease-in-out; } .review-box .seller-profile .accordion-item .accordion-body .checkbox-wrapper li .form-check-input:checked { background-color: #e8e5ff; } .review-box .seller-profile .accordion-item .accordion-body .checkbox-wrapper li .form-check-input:checked ~ .form-check-label i { transform: scale(1.2); transition: all 0.2s ease-in-out; color: var(--theme-default); } .review-box .seller-profile .accordion-item .accordion-body .checkbox-wrapper li .form-check-label { z-index: 1; } .review-box .seller-profile .accordion-item .accordion-body .checkbox-wrapper li .form-check-label i { padding-right: 0; color: #52526c; font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320))); } [dir="rtl"] .review-box .seller-profile .accordion-item .accordion-body .checkbox-wrapper li .form-check-label i { padding-right: unset; padding-left: 0; } .review-box .seller-profile .accordion-item .accordion-body .policies-wrapper li { padding-bottom: 16px; } .review-box .seller-profile .accordion-item .accordion-body .policies-wrapper li label { font-weight: 500; color: #52526c; } .review-box .seller-profile .accordion-item .accordion-body .policies-wrapper li p { letter-spacing: 0.2px; margin: 0; color: #6C757D; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 3; height: auto; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .review-box .seller-profile .accordion-item .accordion-body .policies-wrapper li a { color: var(--theme-default); text-decoration: unset; } .review-box .seller-profile .accordion-item .accordion-body .policies-wrapper li a:hover { text-decoration: underline; } .review-box .seller-profile .accordion-item .accordion-body .policies-wrapper li .ql-tooltip { visibility: hidden; } .review-box .seller-profile .product-reviews .review-people .review-list { max-height: 295px; } .review-box .seller-profile .product-reviews .review-people .review-list li { background-color: var(--light-background); padding: 16px 20px; border-radius: 10px; } .review-box .seller-profile .product-reviews .review-people .review-list li .people-box { background: unset; padding: 0; border-radius: 0; } .review-box .seller-profile .product-reviews .review-people .review-list li .people-box .people-name { flex-wrap: wrap; gap: 0; } .review-box .seller-profile .product-reviews .review-people .review-list li .people-box .people-name .date-time { flex-wrap: wrap; gap: 4px; } .review-box .seller-profile .product-reviews .review-people .review-list li > p { margin: calc(8px + (12 - 8) * ((100vw - 320px) / (1920 - 320))) 0 0 0; line-height: 1.6; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 3; height: auto; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .seller-details-table .recent-table div.dt-container .dt-layout-row .dt-search { top: 26px; right: 214px; } @media (max-width: 767px) { .seller-details-table .recent-table div.dt-container .dt-layout-row .dt-search { position: relative; top: 4px; left: 20px; margin-bottom: 20px; } } @media (max-width: 640px) { .seller-details-table .recent-table div.dt-container .dt-layout-row .dt-search { top: 0px; } } .seller-details-table .recent-table div.dt-container .dt-layout-row .dt-search .dt-input { width: auto; } .seller-details-table .recent-table div.dt-container .dt-layout-row .dt-length { top: 25px; } .seller-details-table .recent-table .table thead tr th, .seller-details-table .recent-table .table thead tr td, .seller-details-table .recent-table .table tbody tr th, .seller-details-table .recent-table .table tbody tr td { color: var(--body-font-color); min-width: auto; } .seller-details-table .recent-table .table thead tr th:first-child, .seller-details-table .recent-table .table thead tr td:first-child, .seller-details-table .recent-table .table tbody tr th:first-child, .seller-details-table .recent-table .table tbody tr td:first-child { padding-left: 20px; } .seller-details-table .recent-table .table thead tr th:last-child, .seller-details-table .recent-table .table thead tr td:last-child, .seller-details-table .recent-table .table tbody tr th:last-child, .seller-details-table .recent-table .table tbody tr td:last-child { padding-right: 20px; } @media (max-width: 1199px) { .seller-details-table .recent-table .table thead tr th:nth-child(6), .seller-details-table .recent-table .table thead tr td:nth-child(6), .seller-details-table .recent-table .table tbody tr th:nth-child(6), .seller-details-table .recent-table .table tbody tr td:nth-child(6) { min-width: 98px; } } .seller-details-table .recent-table .table thead tr th .badge, .seller-details-table .recent-table .table thead tr td .badge, .seller-details-table .recent-table .table tbody tr th .badge, .seller-details-table .recent-table .table tbody tr td .badge { font-size: 12px; padding: 6px 12px; } .seller-details-table .recent-table .table thead tr th .product-names p, .seller-details-table .recent-table .table thead tr td .product-names p, .seller-details-table .recent-table .table tbody tr th .product-names p, .seller-details-table .recent-table .table tbody tr td .product-names p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 160px; min-width: 228px; max-width: 228px; } .seller-details-table .recent-table .table thead tr th .product-action, .seller-details-table .recent-table .table thead tr td .product-action, .seller-details-table .recent-table .table tbody tr th .product-action, .seller-details-table .recent-table .table tbody tr td .product-action { display: flex; align-items: center; justify-content: flex-start; gap: 8px; } .seller-details-table .recent-table .table thead tr th .product-action .square-white, .seller-details-table .recent-table .table thead tr td .product-action .square-white, .seller-details-table .recent-table .table tbody tr th .product-action .square-white, .seller-details-table .recent-table .table tbody tr td .product-action .square-white { width: 34px; height: 34px; border-radius: 2px; background-color: var(--white); display: flex; justify-content: center; align-items: center; box-shadow: 0px 0px 28px 6px rgba(235, 235, 235, 0.4); } .seller-details-table .recent-table .table thead tr th .product-action .square-white svg, .seller-details-table .recent-table .table thead tr td .product-action .square-white svg, .seller-details-table .recent-table .table tbody tr th .product-action .square-white svg, .seller-details-table .recent-table .table tbody tr td .product-action .square-white svg { fill: rgba(82, 82, 108, 0.8); width: 16px; height: 16px; } .vendor-selling-table .recent-table div.dt-container .dt-layout-row .dt-search { right: 20px; } @media (max-width: 640px) { .vendor-selling-table .recent-table div.dt-container .dt-layout-row .dt-search { top: 4px; } } .vendor-selling-table .recent-table div.dt-container .dt-layout-row .dt-search .dt-input { width: auto; } .vendor-selling-table .recent-table div.dt-container .dt-layout-row .dt-length { top: 16px; } .vendor-selling-table .recent-table .table thead tr th, .vendor-selling-table .recent-table .table thead tr td, .vendor-selling-table .recent-table .table tbody tr th, .vendor-selling-table .recent-table .table tbody tr td { color: var(--body-font-color); min-width: auto; } .vendor-selling-table .recent-table .table thead tr th:first-child, .vendor-selling-table .recent-table .table thead tr td:first-child, .vendor-selling-table .recent-table .table tbody tr th:first-child, .vendor-selling-table .recent-table .table tbody tr td:first-child { padding-left: 20px; } .vendor-selling-table .recent-table .table thead tr th:last-child, .vendor-selling-table .recent-table .table thead tr td:last-child, .vendor-selling-table .recent-table .table tbody tr th:last-child, .vendor-selling-table .recent-table .table tbody tr td:last-child { padding-right: 20px; } @media (max-width: 1199px) { .vendor-selling-table .recent-table .table thead tr th:last-child, .vendor-selling-table .recent-table .table thead tr td:last-child, .vendor-selling-table .recent-table .table tbody tr th:last-child, .vendor-selling-table .recent-table .table tbody tr td:last-child { min-width: 118px; } } .vendor-selling-table .recent-table .table thead tr th .product-names p, .vendor-selling-table .recent-table .table thead tr td .product-names p, .vendor-selling-table .recent-table .table tbody tr th .product-names p, .vendor-selling-table .recent-table .table tbody tr td .product-names p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 160px; min-width: 228px; max-width: 228px; } .seller-order-table .recent-table div.dt-container .dt-layout-row .dt-search { right: 20px; } @media (max-width: 640px) { .seller-order-table .recent-table div.dt-container .dt-layout-row .dt-search { top: 4px; } } .seller-order-table .recent-table div.dt-container .dt-layout-row .dt-search .dt-input { width: auto; } .seller-order-table .recent-table div.dt-container .dt-layout-row .dt-length { top: 16px; } .seller-order-table .recent-table .table thead tr th, .seller-order-table .recent-table .table thead tr td, .seller-order-table .recent-table .table tbody tr th, .seller-order-table .recent-table .table tbody tr td { color: var(--body-font-color); min-width: auto; } .seller-order-table .recent-table .table thead tr th:first-child, .seller-order-table .recent-table .table thead tr td:first-child, .seller-order-table .recent-table .table tbody tr th:first-child, .seller-order-table .recent-table .table tbody tr td:first-child { padding-left: 20px; } .seller-order-table .recent-table .table thead tr th:last-child, .seller-order-table .recent-table .table thead tr td:last-child, .seller-order-table .recent-table .table tbody tr th:last-child, .seller-order-table .recent-table .table tbody tr td:last-child { padding-right: 20px; } .seller-order-table .recent-table .table thead tr th a, .seller-order-table .recent-table .table thead tr td a, .seller-order-table .recent-table .table tbody tr th a, .seller-order-table .recent-table .table tbody tr td a { color: #52526c; } .seller-order-table .recent-table .table thead tr th:nth-child(2) a, .seller-order-table .recent-table .table thead tr td:nth-child(2) a, .seller-order-table .recent-table .table tbody tr th:nth-child(2) a, .seller-order-table .recent-table .table tbody tr td:nth-child(2) a { color: var(--theme-default) !important; font-weight: 500; } .seller-order-table .recent-table .table thead tr th:nth-child(4) img, .seller-order-table .recent-table .table thead tr td:nth-child(4) img, .seller-order-table .recent-table .table tbody tr th:nth-child(4) img, .seller-order-table .recent-table .table tbody tr td:nth-child(4) img { height: 30px; } .seller-order-table .recent-table .table thead tr th:nth-child(4) a, .seller-order-table .recent-table .table thead tr td:nth-child(4) a, .seller-order-table .recent-table .table tbody tr th:nth-child(4) a, .seller-order-table .recent-table .table tbody tr td:nth-child(4) a { color: #52526c; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 160px; min-width: 120px; max-width: 120px; } .seller-order-table .recent-table .table thead tr th .badge, .seller-order-table .recent-table .table thead tr td .badge, .seller-order-table .recent-table .table tbody tr th .badge, .seller-order-table .recent-table .table tbody tr td .badge { font-size: 12px; padding: 6px 12px; } @media (max-width: 1199px) { .seller-order-table .recent-table .table thead tr th:nth-child(2), .seller-order-table .recent-table .table thead tr td:nth-child(2), .seller-order-table .recent-table .table tbody tr th:nth-child(2), .seller-order-table .recent-table .table tbody tr td:nth-child(2) { min-width: 128px; } .seller-order-table .recent-table .table thead tr th:nth-child(3), .seller-order-table .recent-table .table thead tr td:nth-child(3), .seller-order-table .recent-table .table tbody tr th:nth-child(3), .seller-order-table .recent-table .table tbody tr td:nth-child(3) { min-width: 110px; } .seller-order-table .recent-table .table thead tr th:nth-child(4), .seller-order-table .recent-table .table thead tr td:nth-child(4), .seller-order-table .recent-table .table tbody tr th:nth-child(4), .seller-order-table .recent-table .table tbody tr td:nth-child(4) { min-width: 165px; } .seller-order-table .recent-table .table thead tr th:nth-child(5), .seller-order-table .recent-table .table thead tr td:nth-child(5), .seller-order-table .recent-table .table tbody tr th:nth-child(5), .seller-order-table .recent-table .table tbody tr td:nth-child(5) { min-width: 68px; } .seller-order-table .recent-table .table thead tr th:nth-child(6), .seller-order-table .recent-table .table thead tr td:nth-child(6), .seller-order-table .recent-table .table tbody tr th:nth-child(6), .seller-order-table .recent-table .table tbody tr td:nth-child(6) { min-width: 80px; } } .seller-order-table .recent-table .table tbody tr td:last-child { padding-left: 24px; } @media (max-width: 575px) { .seller-details-wrapper .heading-space .card-header .header-top { margin-left: 63px; } } @media (max-width: 400px) { .seller-details-wrapper .heading-space:nth-last-of-type(1) .card-header-right-icon { display: none; } } @media (min-width: 1661px) { .seller-details-wrapper .review-box .md-sidebar .email-left-aside .card { box-shadow: unset; background-color: transparent; border-radius: 0; } .seller-details-wrapper .review-box .md-sidebar .email-left-aside .card .card-body { padding: 0; } } @media (max-width: 1660px) { .seller-details-wrapper .review-box .md-sidebar .accordion .accordion-item { margin-bottom: 0; } .seller-details-wrapper .review-box .md-sidebar .md-sidebar-toggle { display: block; width: fit-content; text-transform: capitalize; margin-bottom: 20px; } .seller-details-wrapper .review-box .md-sidebar .md-sidebar-aside { position: absolute; top: 40px; left: 0; opacity: 0; visibility: hidden; z-index: 3; width: 360px; transition: all 0.2s ease; } .seller-details-wrapper .review-box .md-sidebar .md-sidebar-aside.open { opacity: 1; visibility: visible; transition: all 0.2s ease; } } @media (max-width: 1660px) and (max-width: 390px) { .seller-details-wrapper .review-box .md-sidebar .md-sidebar-aside { width: 300px; } } .seller-details-wrapper .widget-hover .card-body > div span { overflow: unset; } .seller-details-wrapper .widget-hover:hover svg { animation: tada 1.5s ease infinite; } .seller-details-wrapper .social-tabs .nav .frame-image svg { width: 18px; height: 18px; } @media (max-width: 1660px) { .ord-xxl-1 { order: 1 !important; } .ord-xxl-2 { order: 2 !important; } .ord-xxl-3 { order: 3 !important; } } /**===================== 3.56 Sellers CSS End ==========================**/ /**===================== 3.59 User-profile CSS start ==========================**/ .user-profile .ttl-info { display: flex; flex-direction: column; gap: 4px; } @media (max-width: 576px) { .user-profile .ttl-info { align-items: center; } } .user-profile .ttl-info h6 { font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320))); color: #59667a; font-weight: 400; } .user-profile .border-right { border-right: 1px solid rgba(204, 204, 204, 0.6); } .user-profile hr { margin: 20px 0; } .user-profile .hovercard .cardheader { background: url(../images/other-images/bg-profile.png); background-size: cover; background-position: 10%; height: 470px; } .user-profile .hovercard .user-image { position: relative; height: 0; } .user-profile .hovercard .user-image .avatar { margin-top: -80px; } .user-profile .hovercard .user-image .avatar img { width: 100px; height: 100px; max-width: 155px; max-height: 155px; border-radius: 50%; border: 7px solid #fff; } .user-profile .hovercard .user-image .icon-wrapper { position: absolute; bottom: -20px; left: 51%; display: flex; justify-content: center; align-items: center; height: calc(32px + (40 - 32) * ((100vw - 320px) / (1920 - 320))); width: calc(32px + (40 - 32) * ((100vw - 320px) / (1920 - 320))); border-radius: 50%; background-color: #fff; cursor: pointer; overflow: hidden; margin: 0 auto; font-size: calc(12px + (17 - 12) * ((100vw - 320px) / (1920 - 320))); box-shadow: 0 0 6px 3px rgba(68, 102, 242, 0.1); } .user-profile .hovercard .info { padding: 30px; } .user-profile .hovercard .info .title { margin-bottom: 4px; font-size: 24px; line-height: 1; color: #3f475a; vertical-align: middle; } .user-profile .hovercard .info .title a { color: #242934; font-size: 20px; text-transform: uppercase; font-weight: 500; } .user-profile .hovercard .info .desc { overflow: hidden; font-size: 14px; line-height: 20px; color: #59667a; text-overflow: ellipsis; text-transform: uppercase; } .user-profile .follow { margin-top: 20px; } .user-profile .follow .follow-num { font-size: 20px; color: #242934; font-family: Rubik, sans-serif; font-weight: 500; } .user-profile .follow span { color: #59667a; } .user-profile .profile-img-style { padding: 20px; } .user-profile .profile-img-style .img-container { margin-top: 20px; } .user-profile .profile-img-style .user-name { font-size: 14px; color: #242934; margin: 0; font-weight: 600; } .user-profile .profile-img-style p { line-height: 30px; font-size: 14px; color: #898989; margin-bottom: 0; } .user-profile .profile-img-style .d-flex img { width: 50px; } .user-profile .like-comment li a { color: #898989; } .user-profile .like-comment li:first-child a:hover, .user-profile .like-comment li:first-child a:active { color: #fc564a; } .user-profile .like-comment span { font-family: Rubik, sans-serif; } .user-profile .social-media a { padding: 0 15px; color: #59667a; font-size: 24px; cursor: pointer; } .user-profile .social-media a:hover { color: var(--theme-default); } .edit-profile textarea { font-size: 14px; color: rgba(82, 82, 108, 0.8); } .edit-profile .profile-title .d-flex { align-items: center; margin-bottom: 30px; } .edit-profile .profile-title .d-flex .flex-grow-1 { margin-left: 14px; } [dir="rtl"] .edit-profile .profile-title .d-flex .flex-grow-1 { margin-left: unset; margin-right: 14px; } .edit-profile .add-project table .btn-transparent:active { border-color: transparent; } .social-user-cards .social-profile .social-follow li span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } /**===================== 3.59 User-profile CSS Ends ==========================**/ .permission-section { background: white; border-radius: 8px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); margin-bottom: 20px; overflow: hidden; } .permission-header { display: flex; justify-content: space-between; align-items: center; padding: 15px 20px; background: #f8f9fa; border-bottom: 1px solid #e9ecef; } .permission-title { font-size: 16px; font-weight: 600; color: #333; margin: 0; display: flex; align-items: center; gap: 10px; } .permission-title i { color: #7366FF; font-size: 18px; } .permission-description { font-size: 12px; color: #666; margin-top: 5px; font-style: italic; } .permission-toggle { position: relative; display: inline-block; width: 50px; height: 24px; } .permission-toggle input { opacity: 0; width: 0; height: 0; } .permission-slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; transition: .4s; border-radius: 24px; } .permission-slider:before { position: absolute; content: ""; height: 18px; width: 18px; left: 3px; bottom: 3px; background-color: white; transition: .4s; border-radius: 50%; } input:checked + .permission-slider { background-color: #7366FF; } input:checked + .permission-slider:before { transform: translateX(26px); } .permission-content { padding: 20px; background-color: #fff; } .permission-checkbox { width: 18px; height: 18px; accent-color: #7366FF; } .form-check-label { font-size: 14px; cursor: pointer; transition: color 0.3s ease; } .permission-quick-actions { display: flex; justify-content: center; gap: 10px; margin: 20px 0; padding: 15px; background: #f8f9fa; border-radius: 8px; border: 1px solid #e9ecef; } .permission-quick-actions .btn { font-size: 12px; padding: 6px 12px; } .permission-summary { margin: 20px 0; padding: 20px; background: white; border-radius: 8px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .summary-card { text-align: center; padding: 15px; background: #f8f9fa; border-radius: 6px; border: 1px solid #e9ecef; } .summary-number { font-size: 24px; font-weight: bold; color: #7366FF; margin-bottom: 5px; } .summary-label { font-size: 12px; color: #666; text-transform: uppercase; letter-spacing: 0.5px; } .permission-actions { display: flex; justify-content: center; gap: 15px; margin-top: 30px; padding-top: 20px; border-top: 1px solid #e9ecef; } .btn-save { background: #7366FF; color: white; border: none; padding: 10px 25px; border-radius: 6px; font-weight: 500; cursor: pointer; transition: all 0.3s ease; } .btn-save:hover { background: #5a4fcc; } .btn-save:disabled { background: #ccc; cursor: not-allowed; } .permission-table-row { background-color: #fff; display: flex; align-items: center; justify-content: space-between; padding: 10px; margin-bottom: 10px; gap: 10px; } .permission-table-row label { font-size: 14px; cursor: pointer; transition: color 0.3s ease; margin-bottom: 0px !important; } .permission-table-row .form-check { background-color: #fff !important; } .permission-table-row .item-parent { width: 220px; } /* --------------------- themes *** -----------------------*/ /**===================== 4.1. Dark CSS Start ==========================**/ body.dark-only { color: rgba(255, 255, 255, 0.6); background-color: #1d1e26; } body.dark-only .card { --bs-card-title-color: var(--body-font-color); --bs-card-subtitle-color: var(--body-font-color); --bs-card-cap-color: var(--body-font-color); --bs-card-color: var(--body-font-color); --bs-body-color: var(--body-font-color); } body.dark-only .breadcrumb { --bs-breadcrumb-bg: transparent; } body.dark-only .toast { --bs-toast-color: var(--body-font-color); } body.dark-only .modal { --bs-modal-color: rgba(255, 255, 255, 0.4); --bs-modal-footer-bg: $dark-card-background; } body.dark-only .form-control { background-color: #262932; border-color: #374558; } body.dark-only .form-control::placeholder { color: rgba(255, 255, 255, 0.2); } body.dark-only .c-light { color: #98a6ad; } body.dark-only .c-o-light { color: rgba(255, 255, 255, 0.4); } body.dark-only input:-webkit-autofill, body.dark-only input:-webkit-autofill:hover, body.dark-only input:-webkit-autofill:focus, body.dark-only input:-webkit-autofill:active { -webkit-background-clip: text; -webkit-text-fill-color: rgba(255, 255, 255, 0.6); } body.dark-only input[type=file]::file-selector-button { color: rgba(255, 255, 255, 0.6); background-color: #262932 !important; } body.dark-only input[type=file]::file-selector-button:hover { color: rgba(255, 255, 255, 0.6) !important; background-color: #262932 !important; } body.dark-only .apexcharts-tooltip.light .apexcharts-tooltip-title { background: #1d1e26; color: #fff; } body.dark-only .apexcharts-tooltip.apexcharts-theme-light { border: 1px solid #374558; background: #1d1e26; } body.dark-only .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title { border: 1px solid #374558; background: #1d1e26; color: rgba(255, 255, 255, 0.6); } body.dark-only .apexcharts-tooltip-series-group { color: rgba(255, 255, 255, 0.6) !important; } body.dark-only .apexcharts-yaxistooltip, body.dark-only .apexcharts-xaxistooltip { color: rgba(255, 255, 255, 0.6); background: #1d1e26; border: 1px solid #374558; } body.dark-only .apexcharts-yaxistooltip-left::before, body.dark-only .apexcharts-yaxistooltip-left::after { border-left-color: #374558; } body.dark-only .apexcharts-xaxistooltip-bottom::before, body.dark-only .apexcharts-xaxistooltip-bottom::after { border-bottom-color: #374558; } body.dark-only .bottom-content .apexcharts-canvas span { color: rgba(255, 255, 255, 0.6); } body.dark-only .apexcharts-canvas .apexcharts-tooltip { border: 1px solid #374558; } body.dark-only .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title { margin-bottom: 0; } body.dark-only .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-series-group { background-color: #262932; color: rgba(255, 255, 255, 0.6); } body.dark-only .apexcharts-canvas .apexcharts-yaxis text { fill: #98a6ad; } body.dark-only .apexcharts-xaxistooltip { background-color: #1d1e26; color: rgba(255, 255, 255, 0.6); border: 1px solid #374558; } body.dark-only .apexcharts-xaxistooltip-bottom:before { border-bottom-color: #374558; } body.dark-only .apexcharts-xaxistooltip-bottom:after { border-bottom-color: #374558; } body.dark-only .apexcharts-tooltip.apexcharts-theme-light { border: 1px solid #374558; background: #1d1e26; } body.dark-only .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-text { color: #98a6ad; } body.dark-only .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title { background: #262932; border-bottom: 1px solid #374558; color: #98a6ad; } body.dark-only .apexcharts-yaxis text { color: rgba(255, 255, 255, 0.6); } body.dark-only .theme-form input[type=text] { background-color: #1d1e26; border: 1px solid #374558; } body.dark-only .theme-form textarea { background-color: #1d1e26; } body.dark-only .page-body .bg-light { background-color: #1d1e26 !important; } body.dark-only .basic-wizard .stepper-horizontal .step .step-circle { border-color: #323846; } body.dark-only .basic-wizard .stepper-horizontal .step .step-bar-left { border-color: #374558; } body.dark-only .wizard-4 .step-container { background-color: #262932; border-color: #374558; } body.dark-only .wizard-4 .login-card .login-main { background-color: #1d1e26; } body.dark-only .total-balance { background-blend-mode: overlay; } body.dark-only .progress { background: rgba(255, 255, 255, 0.2); } body.dark-only .icon-state .switch-state:after { color: rgba(255, 255, 255, 0.6); } body.dark-only .breadcrumb-item + .breadcrumb-item::before { color: rgba(255, 255, 255, 0.6); } body.dark-only .social-widget .social-icons { box-shadow: 0px 42.1092px 27.8569px #1d1e26, 0px 8.90772px 7.12618px #1d1e26, 0px 2.02448px 3.44162px #1d1e26; } body.dark-only .calendar-basic .md-sidebar-aside { background: #262932; } body.dark-only .calendar-basic #external-events { border-color: #374558; } body.dark-only .calendar-basic .calendar-default .fc .fc-daygrid-day-number, body.dark-only .calendar-basic .calendar-default .fc .fc-col-header-cell-cushion { color: rgba(255, 255, 255, 0.6); } body.dark-only .clockpicker-popover .popover-title { background-color: #262932; } body.dark-only .clockpicker-popover.bottom > .arrow { border-bottom-color: #1d1e26; } body.dark-only .clockpicker-popover.bottom > .arrow:after { border-bottom-color: #262932; } body.dark-only .clockpicker-popover.top > .arrow { border-top-color: #1d1e26; } body.dark-only .clockpicker-popover.top > .arrow::after { border-top-color: #262932; } body.dark-only .clockpicker-popover.left > .arrow { border-left-color: #1d1e26; } body.dark-only .clockpicker-popover.left > .arrow::after { border-left-color: #262932; } body.dark-only .clockpicker-popover .popover-title { border-bottom-color: #262932; } body.dark-only .fc-theme-standard .fc-scrollgrid, body.dark-only .fc-theme-standard .fc-list { border-color: #374558; } body.dark-only .fc-theme-standard .fc-list-day-cushion { background-color: #1d1e26; } body.dark-only .fc .fc-list-event:hover td { background-color: #1d1e26; } body.dark-only .currency-widget div[class*=bg-light-] { color: rgba(255, 255, 255, 0.6); } body.dark-only .btn.badge-light-primary:hover { color: rgba(255, 255, 255, 0.6); } body.dark-only .portfolio-chart-container .apexcharts-canvas .apexcharts-radialbar image { display: none; } body.dark-only svg.f-light { fill: rgba(255, 255, 255, 0.6); opacity: 1; } body.dark-only .course-widget .btn-light { background-color: #1d1e26 !important; } body.dark-only .schedule-list > li { box-shadow: 4px 7px 17px 5px rgba(29, 30, 38, 0.3); } body.dark-only .upcoming-event-wrap .apexcharts-canvas .apexcharts-data-labels rect { fill: none; stroke: none; } body.dark-only .page-wrapper.material-type.compact-wrapper .page-header.close_icon .header-wrapper { border-bottom: 1px solid #374558; } body.dark-only .page-wrapper.advance-layout .page-header { background: #262932; } body.dark-only .page-wrapper.advance-layout .page-body-wrapper .sidebar-wrapper { border-bottom: 1px solid #374558; } body.dark-only .page-wrapper.only-body { background: #1d1e26; } body.dark-only .balance-card .svg-box { background: #262932; box-shadow: none; } body.dark-only .balance-card .svg-box svg { fill: rgba(255, 255, 255, 0.6); } body.dark-only .f-light { color: rgba(255, 255, 255, 0.6); } body.dark-only .apexcharts-tooltip.light .apexcharts-tooltip-title { background: #262932; color: #fff; } body.dark-only .card { background-color: #262932; } body.dark-only .ecommerce-widget { border: 1px solid #374558 !important; } body.dark-only .btn-light { color: rgba(255, 255, 255, 0.6) !important; } body.dark-only .form-select { color: rgba(255, 255, 255, 0.6); } body.dark-only .knowledgebase-search { color: #404040; } body.dark-only .knowledgebase-search .form-control-plaintext { color: rgba(255, 255, 255, 0.4); } body.dark-only .layout-color span, body.dark-only .layout-color h6 { color: rgba(255, 255, 255, 0.6); } body.dark-only .toast { border: 1px solid #374558; box-shadow: 0 0.5rem 1rem rgba(38, 41, 50, 0.5); } body.dark-only .toast .toast-header { background-color: #262932; color: rgba(255, 255, 255, 0.6); border-bottom-color: #374558; } body.dark-only .toast .toast-dark { background-color: #262932; color: rgba(255, 255, 255, 0.6) !important; } body.dark-only .animated-toast .toast { background-color: transparent; } body.dark-only .animated-toast .toast .toast-header { border-color: #374558; } body.dark-only .animated-toast .toast .toast-body { background-color: #262932; } body.dark-only .toast-container .toast { background-color: transparent; } body.dark-only .default-toasts .card-body.toast-rtl .toast { background-color: transparent; } body.dark-only .btn-close { filter: brightness(0.8) invert(1); } body.dark-only .product-price del { color: #98a6ad; } body.dark-only .ProfileCard { border: 1px solid #374558 !important; } body.dark-only .form-control-plaintext { color: rgba(255, 255, 255, 0.6); } body.dark-only .form-select { background-color: #1d1e26; border: 1px solid #1d1e26; } body.dark-only .box-layout { background-color: #1d1e26; } body.dark-only .box-layout .page-wrapper .page-body-wrapper, body.dark-only .box-layout.page-wrapper .page-body-wrapper { background-color: transparent; } body.dark-only .box-layout .page-wrapper .page-header .header-wrapper, body.dark-only .box-layout.page-wrapper .page-header .header-wrapper { border: 1px solid #1d1e26; } body.dark-only .form-check-input { background-color: #1d1e26; border-color: #374558; } body.dark-only .common-toasts .toast { border: 1px solid #374558; } body.dark-only .common-toasts .toast .btn-close { filter: grayscale(1); } body.dark-only .common-toasts .toast-body { color: #2b2b2b; } body.dark-only .dt-button-collection { background-color: #1d1e26; } body.dark-only .dt-button-collection .dropdown-item { background-color: #1d1e26; } body.dark-only .dt-autofill-list.dtaf-popover-closeable { background-color: #262932; } body.dark-only .dt-autofill-list.dtaf-popover-closeable .dt-autofill-list-items button { background-color: #323846; color: rgba(255, 255, 255, 0.6); } body.dark-only .dt-autofill-list.dtaf-popover-closeable .dt-autofill-list-items button:hover { background-color: #1d1e26; } body.dark-only .form-floating .form-control:not(:placeholder-shown) ~ label, body.dark-only .form-floating .form-select:not(:placeholder-shown) ~ label { color: rgba(255, 255, 255, 0.4); } body.dark-only .form-floating .form-control:not(:placeholder-shown) ~ label::after, body.dark-only .form-floating .form-select:not(:placeholder-shown) ~ label::after { background-color: #1d1e26; } body.dark-only .form-floating .form-control:focus ~ label, body.dark-only .form-floating .form-select:focus ~ label { color: rgba(255, 255, 255, 0.4); } body.dark-only .form-floating .form-control:focus ~ label::after, body.dark-only .form-floating .form-select:focus ~ label::after { background-color: #1d1e26; } body.dark-only .radio label::before, body.dark-only .checkbox label::before { background-color: #1d1e26; } body.dark-only .checkbox-wrapper li .form-check-input, body.dark-only .radio-wrapper li .form-check-input { background-color: transparent; } body.dark-only .switch-state:before { background-color: #262932; } body.dark-only .main-radio-toggle label { color: #1f2533; } body.dark-only .main-radio-toggle label:hover { color: #1f2533; } body.dark-only .main-icon-checkbox .checkbox-wrapper label::before { background-color: transparent; } body.dark-only .dropdown.custom-dropdown .dropdown-menu .dropdown-item:hover { background-color: #262932; } body.dark-only .tooltip[data-popper-placement="left"] .tooltip-arrow::before { border-left-color: #323846; } body.dark-only .tooltip[data-popper-placement="right"] .tooltip-arrow::before { border-right-color: #323846; } body.dark-only .tooltip[data-popper-placement="top"] .tooltip-arrow::before { border-top-color: #323846; } body.dark-only .tooltip[data-popper-placement="bottom"] .tooltip-arrow::before { border-bottom-color: #323846; } body.dark-only .tooltip.bs-tooltip-top .tooltip-arrow:before { border-top-color: #323846; } body.dark-only .tooltip.bs-tooltip-bottom .tooltip-arrow:before { border-bottom-color: #323846; border-top-color: transparent; } body.dark-only .tooltip.bs-tooltip-start .tooltip-arrow:before { border-left-color: #323846; border-top-color: transparent; } body.dark-only .tooltip.bs-tooltip-end .tooltip-arrow:before { border-right-color: #323846; border-top-color: transparent; } body.dark-only .tooltip .tooltip-inner { background-color: #323846; color: #fff; } body.dark-only .tooltip .tooltip-arrow:before { border-top-color: #323846; } body.dark-only .svg-tooltip .common-flex [class*="bg-light-"] { border-color: #1d1e26; } body.dark-only .page-wrapper.only-body .page-body-wrapper .page-title > .row .col-6:first-child h6 { color: rgba(255, 255, 255, 0.5); } body.dark-only .page-wrapper.only-body .page-header .header-wrapper .search-full .form-group .Typeahead .u-posRelative { background-color: #262932; } body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown ul li .btn-close { filter: brightness(0.8) invert(1); } body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li span { color: #fff; } body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back { background-color: #1d1e26 !important; } body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back .flip-back-content input { background-color: #1d1e26; border: 1px solid #374558; color: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back li:last-child { border-top: 1px solid #374558; } body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front { background-color: #1d1e26 !important; } body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front svg { stroke: #fff; } body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total { background-color: #262932; } body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group .btn { color: rgba(255, 255, 255, 0.4); border-color: #262932 !important; background-color: #262932 !important; } body.dark-only .qty-box input { color: rgba(255, 255, 255, 0.5); } body.dark-only .customizer-contain { color: #1d1e26; } body.dark-only .customizer-contain .customizer-header p { color: #2b2b2b; } body.dark-only .customizer-contain .customizer-body .main-layout .box-layout { background-color: #fff; } body.dark-only .login-dark { background-color: #262932; background-blend-mode: overlay; } body.dark-only .login-dark .login-main { background-color: #323846; } body.dark-only .login-dark.login-card .login-main .text-muted { color: rgba(255, 255, 255, 0.4) !important; } body.dark-only .login-card .btn-showcase .btn { background-color: #262932 !important; color: #fff; border-color: #262932 !important; } body.dark-only .login-card .login-main { box-shadow: 0 0 37px rgba(255, 255, 255, 0.05); } body.dark-only .login-card .login-main .theme-form input { background-color: #262932 !important; } body.dark-only .login-card .login-main .theme-form .or:before { background-color: #262932; } body.dark-only .login-card .login-main .theme-form .checkbox label::before { background-color: #262932 !important; border-color: #262932 !important; } body.dark-only .wizard-4 .action-bar .buttonDisabled { background-color: #1d1e26; border-color: #1d1e26; color: rgba(255, 255, 255, 0.6); } body.dark-only .H_ui ~ div { background-color: #1d1e26 !important; } body.dark-only .swal-icon--success:after, body.dark-only .swal-icon--success:before { background: #262932; } body.dark-only .swal-icon--success__hide-corners { background-color: #262932; } body.dark-only .note-editor.note-frame .note-status-output { border-top: 1px solid #262932; } body.dark-only .note-editor.note-frame .note-statusbar { border-top: 1px solid #262932; } body.dark-only .note-editor.note-frame .note-statusbar .note-resizebar { background-color: #262932; } body.dark-only .light-font { color: rgba(255, 255, 255, 0.7); } body.dark-only .page-link { background-color: #1d1e26; border: 1px solid #374558; } body.dark-only .b-r-light { border-right: 1px solid #374558 !important; } body.dark-only .history-details .d-flex { border-top: 1px solid #374558; } body.dark-only .history-details > div i { color: rgba(255, 255, 255, 0.6); } body.dark-only .modal-header { border-bottom: 1px solid #374558; } body.dark-only .placeholder-light { background-color: #fff; } body.dark-only #right-history { background-color: #262932; box-shadow: 0 0 9px #1d1e26; } body.dark-only #right-history h6 span a { color: rgba(255, 255, 255, 0.6); } body.dark-only .ProfileCard:hover { color: rgba(255, 255, 255, 0.6); background-color: #262932; } body.dark-only .translate_wrapper.active .more_lang:before { border-bottom: 7px solid #262932; } body.dark-only .translate_wrapper.active .more_lang .lang { border-bottom: 1px solid #1d1e26; } body.dark-only .toggle-sidebar svg { stroke: var(--theme-default); } body.dark-only .page-wrapper .page-body-wrapper { background-color: #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-title { background-color: #262932; box-shadow: rgba(0, 0, 0, 0.07) 0px 4px 40px; } body.dark-only .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.stroke-icon { stroke: #fff; } body.dark-only .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.fill-icon { fill: rgba(255, 255, 255, 0.5); stroke: transparent; } body.dark-only .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.stroke-icon { stroke: var(--theme-default); } body.dark-only .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.fill-icon { fill: var(--theme-default); stroke: transparent; } body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .sidebar-link.active svg.stroke-icon { stroke: var(--theme-default); } body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links li a span { color: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active { background-color: rgba(115, 102, 255, 0.2); } body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a { color: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active { color: var(--theme-default); } body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span { color: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active { color: var(--theme-default); } body.dark-only .page-wrapper .page-header { box-shadow: 0px 4px 40px #323846; } body.dark-only .page-wrapper .badge-b-light { border-color: rgba(255, 255, 255, 0.4); } body.dark-only .page-wrapper .badge-b-light.txt-dark { color: rgba(255, 255, 255, 0.6) !important; } body.dark-only .page-wrapper .badge-b-dark { border-color: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper .badge-b-dark.txt-dark { color: rgba(255, 255, 255, 0.6) !important; } body.dark-only .page-wrapper.modern-type .page-body-wrapper.default-menu { background-color: #1d1e26; } body.dark-only .page-wrapper.modern-type .page-body-wrapper.default-menu .page-title { background-color: transparent; border: none; } body.dark-only .page-wrapper .sidebar-main-title p { color: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper { background-color: #262932; } body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-link.active svg { stroke: var(--theme-default); } body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span { color: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active { background-color: rgba(115, 102, 255, 0.2); } body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a { color: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active { color: var(--theme-default); } body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span { color: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active { color: var(--theme-default); } body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper .according-menu i { color: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper { background: #262932; border-top: 1px solid #374558; } body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a { color: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu { background: #262932; } body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a { color: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active, body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover { color: var(--theme-default); } body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .sidebar-submenu { background: #262932; } body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow, body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow { background-color: #262932; color: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper > div { background: #262932; } body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-title { border-bottom: 1px solid #374558; } body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span { color: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a svg { stroke: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu { background-color: #262932; } body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a { border-bottom: 1px solid #374558; } body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active { background-color: rgba(115, 102, 255, 0.2); } body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active span { color: var(--theme-default); } body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active svg { color: var(--theme-default); stroke: var(--theme-default); } body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a { color: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span { color: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active { color: var(--theme-default); } body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper .according-menu i { color: rgba(255, 255, 255, 0.6); } @media (min-width: 576px) { body.dark-only .page-wrapper.compact-small .page-header.close_icon .header-wrapper { border-bottom: 1px solid #374558; } } @media (min-width: 576px) { body.dark-only .page-wrapper.compact-small .page-body-wrapper .page-body .page-title { border-top: 1px solid #374558; } } body.dark-only .page-wrapper.compact-small.material-icon .page-header { box-shadow: unset; } @media (min-width: 576px) { body.dark-only .page-wrapper.compact-small.material-icon .page-body-wrapper .page-body .page-title { border-top: 0; } } body.dark-only .page-wrapper.material-type .page-header .header-wrapper { border-radius: 15px 15px 0 0; } body.dark-only .page-wrapper.material-icon .page-header .header-wrapper { background-color: transparent; } body.dark-only .page-wrapper.material-icon .page-header .header-wrapper .nav-right .language-nav .more_lang { color: #fff; } body.dark-only .page-wrapper.material-icon .page-header .header-wrapper .nav-right .onhover-show-div { color: #fff; } body.dark-only .page-wrapper.material-icon .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back .flip-back-content input { border: 1px solid #1d1e26; background: #1d1e26; color: #fff; } body.dark-only .page-wrapper.material-icon .page-header .header-logo-wrapper { background-color: transparent; } body.dark-only .page-wrapper.material-icon .page-body-wrapper .page-body { background-color: transparent; } body.dark-only .page-wrapper.advance-layout { background-color: #1d1e26; } body.dark-only .page-wrapper.advance-layout .page-header .header-wrapper { background: transparent; } body.dark-only .page-wrapper.advance-layout .page-header .header-wrapper .header-logo-wrapper { background: transparent; } body.dark-only .page-wrapper.advance-layout .page-body-wrapper { background: transparent; } body.dark-only .page-wrapper.advance-layout .page-body-wrapper .page-body { background: transparent; } body.dark-only .page-wrapper.material-icon .page-body-wrapper .page-title { background-color: transparent; box-shadow: none; border: none; } body.dark-only .page-wrapper .page-header .header-wrapper .search-full { background-color: #262932; } body.dark-only .page-wrapper .page-header .header-wrapper .search-full input { color: rgba(255, 255, 255, 0.6); } @media only screen and (min-width: 768px) { body.dark-only .page-wrapper.material-icon .page-header .header-wrapper .nav-right ul li .profile-dropdown li svg { stroke: #fff; } } body.dark-only ::-webkit-calendar-picker-indicator { filter: invert(1); } body.dark-only .kanban-item { background-color: #262932; } body.dark-only .kanban-board-header { background-color: #1d1e26; border-bottom: 1px solid #374558; } body.dark-only .kanban-board .kanban-drag { background: #1d1e26; } body.dark-only .kanban-container .kanban-board { background: #1d1e26; } body.dark-only .kanban-container .kanban-board .kanban-item .kanban-box .date { color: rgba(255, 255, 255, 0.4); } body.dark-only .kanban-container .kanban-board footer .btn { background-color: #323846; } body.dark-only .kanban-container .kanban-board footer .btn:hover { background-color: rgba(50, 56, 70, 0.8); } body.dark-only .project-box { border: 1px solid rgba(115, 102, 255, 0.15); background-color: #1d1e26; } body.dark-only .file-content .form-inline { border: 1px solid #1d1e26; } body.dark-only .file-content .folder .folder-box { border: 1px solid rgba(115, 102, 255, 0.15); background-color: #1d1e26; } body.dark-only .file-sidebar .pricing-plan { border: 1px solid rgba(115, 102, 255, 0.15) !important; } body.dark-only .file-sidebar .btn-light { color: rgba(255, 255, 255, 0.6); background-color: #1d1e26 !important; border: 1px solid rgba(115, 102, 255, 0.15) !important; } body.dark-only #lnb { border-right: 1px solid #374558; } body.dark-only .lnb-new-schedule, body.dark-only .lnb-calendars > div { border-bottom: 1px solid #374558; } body.dark-only #menu .sidebar-list .btn-default { color: rgba(255, 255, 255, 0.2); } body.dark-only .tui-full-calendar-timegrid-hour { background-color: #262932; color: #fff !important; } body.dark-only .tui-full-calendar-timegrid-gridline { border-bottom: 1px solid #374558 !important; } body.dark-only .tui-full-calendar-time-date, body.dark-only .tui-full-calendar-weekday-grid-line, body.dark-only .tui-full-calendar-left, body.dark-only .tui-full-calendar-timegrid-timezone { border-right-color: #374558 !important; } body.dark-only .tui-full-calendar-popup { color: #404040; } body.dark-only #menu .btn-default { color: rgba(255, 255, 255, 0.6); } body.dark-only #menu .btn-default:hover { color: #404040; } body.dark-only #menu .dropdown-menu { color: rgba(255, 255, 255, 0.6); } body.dark-only .tui-full-calendar-dayname-container, body.dark-only .tui-full-calendar-splitter { border-top-color: #374558 !important; border-bottom-color: #374558 !important; } body.dark-only span.tui-full-calendar-dayname-date-area { color: #fff !important; } body.dark-only .tui-full-calendar-layout { background-color: #262932 !important; } body.dark-only .blockquote { border-left: 4px solid #374558; } body.dark-only .figure.text-end blockquote { border-right-color: #374558; } body.dark-only .contacts-tabs .nav-pills { border-right: 1px solid #374558; } body.dark-only .contacts-tabs .nav-pills .nav-link + .nav-link { border-top: 1px solid #374558; } body.dark-only .list-persons .profile-mail .d-flex .flex-grow-1 ul li + li { border-left: 2px solid #374558; } body.dark-only .product-wrapper.sidebaron .product-sidebar .filter-section .card .left-filter { background-color: #262932; } body.dark-only .apexcharts-gridline { stroke: #1d1e26; } body.dark-only .apexcharts-tooltip-title, body.dark-only .apexcharts-tooltip-series-group, body.dark-only .apexcharts-tooltip.light, body.dark-only .apexcharts-menu-item { color: #000; } body.dark-only .apexcharts-toolbar .apexcharts-menu-open { background: #323846; border-color: #323846; } body.dark-only .apexcharts-toolbar .apexcharts-menu-open .apexcharts-menu-item { opacity: 0.9; color: rgba(255, 255, 255, 0.6); } body.dark-only .apexcharts-toolbar .apexcharts-menu-open .apexcharts-menu-item:hover { background: #1d1e26; } body.dark-only .small-donut ~ svg path:nth-child(even), body.dark-only .small-donut svg path:nth-child(even), body.dark-only .donut-peity2 ~ svg path:nth-child(even), body.dark-only .donut-peity2 svg path:nth-child(even), body.dark-only .pie-peity ~ svg path:nth-child(even), body.dark-only .pie-peity svg path:nth-child(even) { fill: #1d1e26; } body.dark-only .appointment-table table tr td.img-content-box .font-roboto { color: rgba(255, 255, 255, 0.6); } body.dark-only .notification .card .d-flex .w-100 p span { color: rgba(255, 255, 255, 0.6); } body.dark-only .notification .card .d-flex .w-100 span { color: rgba(255, 255, 255, 0.6); } body.dark-only .datepicker { background-color: #323846; color: rgba(255, 255, 255, 0.6); } body.dark-only .datepicker .datepicker--cell.-current- { color: #fff; } body.dark-only .datepicker .datepicker--cell.-current-.-focus- { color: #fff; } body.dark-only .datepicker .datepicker--cell-day.-other-month-, body.dark-only .datepicker .datepicker--cell-year.-other-decade- { color: rgba(255, 255, 255, 0.4); } body.dark-only .datepicker .datepicker--nav { border-bottom: 1px solid #374558; } body.dark-only .datepicker .datepicker--pointer { background: #323846; border-top-color: #323846; border-right-color: #323846; } body.dark-only [class*='activity-dot-'] { background-color: #262932; } body.dark-only .sm-progress-bar { background-color: #1d1e26; } body.dark-only .alert-primary { background-color: rgba(115, 102, 255, 0.8) !important; border-color: rgba(115, 102, 255, 0.9) !important; color: #fff; } body.dark-only .alert-primary .progress { height: 5px; background-color: #6e61ff; border-radius: 0; } body.dark-only .alert-primary .progress-bar { background-color: white; } body.dark-only .alert-primary.inverse { background-color: transparent !important; } body.dark-only .alert-primary.inverse .btn-close { filter: brightness(1) invert(1); } body.dark-only .alert-primary.outline .btn-close, body.dark-only .alert-primary.outline-2x .btn-close { filter: brightness(1) invert(1); } body.dark-only .dismiss-text .alert-dismissible .btn-close { filter: unset; } body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light { color: #404040 !important; } body.dark-only .alert-secondary { background-color: rgba(131, 131, 131, 0.8) !important; border-color: rgba(131, 131, 131, 0.9) !important; color: #fff; } body.dark-only .alert-secondary .progress { height: 5px; background-color: gray; border-radius: 0; } body.dark-only .alert-secondary .progress-bar { background-color: white; } body.dark-only .alert-secondary.inverse { background-color: transparent !important; } body.dark-only .alert-secondary.inverse .btn-close { filter: brightness(1) invert(1); } body.dark-only .alert-secondary.outline .btn-close, body.dark-only .alert-secondary.outline-2x .btn-close { filter: brightness(1) invert(1); } body.dark-only .dismiss-text .alert-dismissible .btn-close { filter: unset; } body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light { color: #404040 !important; } body.dark-only .alert-success { background-color: rgba(101, 193, 92, 0.8) !important; border-color: rgba(101, 193, 92, 0.9) !important; color: #fff; } body.dark-only .alert-success .progress { height: 5px; background-color: #62c058; border-radius: 0; } body.dark-only .alert-success .progress-bar { background-color: white; } body.dark-only .alert-success.inverse { background-color: transparent !important; } body.dark-only .alert-success.inverse .btn-close { filter: brightness(1) invert(1); } body.dark-only .alert-success.outline .btn-close, body.dark-only .alert-success.outline-2x .btn-close { filter: brightness(1) invert(1); } body.dark-only .dismiss-text .alert-dismissible .btn-close { filter: unset; } body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light { color: #404040 !important; } body.dark-only .alert-danger { background-color: rgba(252, 86, 74, 0.8) !important; border-color: rgba(252, 86, 74, 0.9) !important; color: #fff; } body.dark-only .alert-danger .progress { height: 5px; background-color: #fc5145; border-radius: 0; } body.dark-only .alert-danger .progress-bar { background-color: white; } body.dark-only .alert-danger.inverse { background-color: transparent !important; } body.dark-only .alert-danger.inverse .btn-close { filter: brightness(1) invert(1); } body.dark-only .alert-danger.outline .btn-close, body.dark-only .alert-danger.outline-2x .btn-close { filter: brightness(1) invert(1); } body.dark-only .dismiss-text .alert-dismissible .btn-close { filter: unset; } body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light { color: #404040 !important; } body.dark-only .alert-warning { background-color: rgba(255, 184, 41, 0.8) !important; border-color: rgba(255, 184, 41, 0.9) !important; color: #fff; } body.dark-only .alert-warning .progress { height: 5px; background-color: #ffb624; border-radius: 0; } body.dark-only .alert-warning .progress-bar { background-color: white; } body.dark-only .alert-warning.inverse { background-color: transparent !important; } body.dark-only .alert-warning.inverse .btn-close { filter: brightness(1) invert(1); } body.dark-only .alert-warning.outline .btn-close, body.dark-only .alert-warning.outline-2x .btn-close { filter: brightness(1) invert(1); } body.dark-only .dismiss-text .alert-dismissible .btn-close { filter: unset; } body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light { color: #404040 !important; } body.dark-only .alert-info { background-color: rgba(64, 184, 245, 0.8) !important; border-color: rgba(64, 184, 245, 0.9) !important; color: #fff; } body.dark-only .alert-info .progress { height: 5px; background-color: #3bb6f5; border-radius: 0; } body.dark-only .alert-info .progress-bar { background-color: white; } body.dark-only .alert-info.inverse { background-color: transparent !important; } body.dark-only .alert-info.inverse .btn-close { filter: brightness(1) invert(1); } body.dark-only .alert-info.outline .btn-close, body.dark-only .alert-info.outline-2x .btn-close { filter: brightness(1) invert(1); } body.dark-only .dismiss-text .alert-dismissible .btn-close { filter: unset; } body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light { color: #404040 !important; } body.dark-only .alert-light { background-color: rgba(244, 244, 244, 0.8) !important; border-color: rgba(244, 244, 244, 0.9) !important; color: #fff; } body.dark-only .alert-light .progress { height: 5px; background-color: #f1f1f1; border-radius: 0; } body.dark-only .alert-light .progress-bar { background-color: white; } body.dark-only .alert-light.inverse { background-color: transparent !important; } body.dark-only .alert-light.inverse .btn-close { filter: brightness(1) invert(1); } body.dark-only .alert-light.outline .btn-close, body.dark-only .alert-light.outline-2x .btn-close { filter: brightness(1) invert(1); } body.dark-only .dismiss-text .alert-dismissible .btn-close { filter: unset; } body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light { color: #404040 !important; } body.dark-only .alert-dark { background-color: rgba(63, 71, 90, 0.8) !important; border-color: rgba(63, 71, 90, 0.9) !important; color: #fff; } body.dark-only .alert-dark .progress { height: 5px; background-color: #3d4557; border-radius: 0; } body.dark-only .alert-dark .progress-bar { background-color: #c3c8d5; } body.dark-only .alert-dark.inverse { background-color: transparent !important; } body.dark-only .alert-dark.inverse .btn-close { filter: brightness(1) invert(1); } body.dark-only .alert-dark.outline .btn-close, body.dark-only .alert-dark.outline-2x .btn-close { filter: brightness(1) invert(1); } body.dark-only .dismiss-text .alert-dismissible .btn-close { filter: unset; } body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light { color: #404040 !important; } body.dark-only .options > div { border: 1px solid #374558; } body.dark-only .was-validated .custom-control-input:invalid ~ .custom-control-label::before { background-color: #1d1e26; } body.dark-only .pricing-simple { box-shadow: 1px 1px 2px 1px #1d1e26 !important; } body.dark-only .pricing-block { box-shadow: 0 0 10px 5px rgba(115, 102, 255, 0.05) !important; } body.dark-only .search-page .nav.nav-tabs { border-bottom: unset; } body.dark-only .search-page .nav.nav-tabs .nav-item .nav-link.active { background-color: #323846; } body.dark-only .search-page ul.search-info li { color: #98a6ad; } body.dark-only .search-page ul.search-info li + li { border-left: 1px solid rgba(255, 255, 255, 0.2); } body.dark-only .search-page .info-block a { color: rgba(255, 255, 255, 0.6); } body.dark-only .search-page p:not(.blog-details p) { color: rgba(255, 255, 255, 0.4); } body.dark-only .browse .browse-articles h6 { border-bottom: 1px solid #374558; } body.dark-only .job-search .job-description ul:not(.job-apply-wrapper .job-search .job-description ul) li { color: rgba(255, 255, 255, 0.4); } body.dark-only .job-search .job-description .theme-form .row div[class^="col-"] .input-group .datepicker-here { border: 1px solid #1d1e26; } body.dark-only .job-search .job-description ul li { color: rgba(255, 255, 255, 0.4); } body.dark-only .calendar-wrap .fc-unthemed td, body.dark-only .calendar-wrap .fc-unthemed th { border-color: #1d1e26; } body.dark-only .mega-inline, body.dark-only .mega-horizontal, body.dark-only .mega-vertical { --bs-body-color: rgba(255, 255, 255, 0.6); } body.dark-only .mega-inline .card, body.dark-only .mega-horizontal .card, body.dark-only .mega-vertical .card { box-shadow: 1px 1px 7px 0 rgba(55, 69, 88, 0.5) !important; border-color: #374558; } body.dark-only .mega-inline.plain-style .card, body.dark-only .mega-inline.border-style .card, body.dark-only .mega-inline.offer-style .card, body.dark-only .mega-horizontal.plain-style .card, body.dark-only .mega-horizontal.border-style .card, body.dark-only .mega-horizontal.offer-style .card, body.dark-only .mega-vertical.plain-style .card, body.dark-only .mega-vertical.border-style .card, body.dark-only .mega-vertical.offer-style .card { box-shadow: none !important; } body.dark-only .mega-inline.border-style .card, body.dark-only .mega-horizontal.border-style .card, body.dark-only .mega-vertical.border-style .card { border: 1px solid #374558 !important; } body.dark-only .mega-inline.offer-style .card, body.dark-only .mega-horizontal.offer-style .card, body.dark-only .mega-vertical.offer-style .card { border: 1px dashed #374558 !important; } body.dark-only .setting-dot .setting-bg { background-color: var(--theme-secondary); } body.dark-only .bookmark.pull-right { border: none; } body.dark-only .popover { background-color: #1d1e26; --bs-popover-header-bg: unset; } body.dark-only .popover.bs-popover-bottom .popover-arrow:after { border-bottom-color: #1d1e26; border-right-color: transparent; } body.dark-only .popover.bs-popover-top .popover-arrow:after { border-right-color: transparent; border-top-color: #1d1e26; } body.dark-only .popover.bs-popover-start .popover-arrow:after { border-left-color: #1d1e26; } body.dark-only .popover[data-popper-placement="left"] .popover-arrow:after { border-left-color: #1d1e26; } body.dark-only .popover[data-popper-placement="right"] .popover-arrow:after { border-right-color: #1d1e26; } body.dark-only .popover[data-popper-placement="top"] .popover-arrow:after { border-top-color: #1d1e26; } body.dark-only .popover[data-popper-placement="bottom"] .popover-arrow:after { border-bottom-color: #1d1e26; } body.dark-only .popover .popover-header { background-color: #262932; } body.dark-only .popover .popover-body { color: rgba(255, 255, 255, 0.6); } body.dark-only .popover code { background-color: unset; } body.dark-only .apex-chart-container .apexcharts-legend .apexcharts-legend-series span { color: rgba(255, 255, 255, 0.6) !important; } body.dark-only .apexcharts-canvas svg .apexcharts-title-text { fill: #fff; } body.dark-only .apexcharts-canvas svg .apexcharts-subtitle-text { fill: #fff; } body.dark-only .apexcharts-canvas svg .apexcharts-yaxis .apexcharts-yaxis-texts-g .apexcharts-yaxis-label { fill: #fff; } body.dark-only .apexcharts-canvas svg .apexcharts-xaxis .apexcharts-xaxis-texts-g .apexcharts-xaxis-label { fill: #fff; } body.dark-only .apexcharts-canvas svg .apexcharts-legend-series span { color: rgba(255, 255, 255, 0.6) !important; } body.dark-only .apexcharts-canvas svg .apexcharts-datalabels-group .apexcharts-datalabel-label { fill: #fff !important; } body.dark-only .apexcharts-canvas svg .apexcharts-datalabels-group .apexcharts-datalabel-value { fill: #fff; } body.dark-only .Typeahead-menu { background-color: #1d1e26; } body.dark-only .ecommerce-widget { border: 1px solid #1d1e26; } body.dark-only .bookmark ul li .search-form .form-control-search input { background-color: #1d1e26; border: 1px solid #1d1e26; color: rgba(255, 255, 255, 0.6); } body.dark-only .bookmark ul li .search-form .form-control-search:before { background: #1d1e26; } body.dark-only .cart .qty-box .input-group .btn { background-color: #2e3648 !important; border-color: #374558 !important; } body.dark-only .order-box .title-box { color: #bfc2c6; border-bottom: 1px solid #1d1e26; } body.dark-only .order-box .qty { border-bottom: 1px solid #1d1e26; } body.dark-only .order-box .qty li { color: #bfc2c6; } body.dark-only .order-box .qty li span { color: #bfc2c6; } body.dark-only .order-box .sub-total li { color: #bfc2c6; } body.dark-only .order-box .total li { color: #bfc2c6; } body.dark-only .shopping-checkout-option .checkbox_animated:after { border: 2px solid #262932; } body.dark-only .animate-chk .radio_animated:after { border: 2px solid #1d1e26; } body.dark-only .custom-scrollbar::-webkit-scrollbar-thumb { background-color: rgba(41, 50, 64, 0.52); } body.dark-only .product-box .product-img .product-hover ul li .btn { color: #98a6ad; } body.dark-only .product-box .product-img .product-hover ul li:hover .btn { color: #fff; } body.dark-only .radio_animated:after, body.dark-only .checkbox_animated:after { background: #1d1e26; border: 2px solid #1d1e26; } body.dark-only .slider-product { border-top: 1px solid #1d1e26; border-bottom: 1px solid #1d1e26; } body.dark-only .square-product-setting .icon-grid { background-color: #262932; } body.dark-only .square-product-setting .icon-grid svg { color: rgba(255, 255, 255, 0.6); } body.dark-only .active-order-table table thead tr th, body.dark-only .market-table table thead tr th { border-top: none !important; } body.dark-only .active-order-table table tbody tr td, body.dark-only .market-table table tbody tr td { border-bottom: 1px solid #1d1e26; } body.dark-only .active-order-table table tbody tr:last-child td, body.dark-only .market-table table tbody tr:last-child td { border-bottom: none; } body.dark-only .pricing-card-design-2 .pricing-block .pricing-inner ul li { border-bottom: 1px solid #1d1e26; } body.dark-only .flot-chart-container .legend .table tbody { background-color: #262932; color: #fff; } body.dark-only .flot-chart-container .legend .table tbody .legendLabel { padding-left: 5px; } body.dark-only .google-visualization-tooltip text { fill: rgba(0, 0, 0, 0.7) !important; } body.dark-only .nav-dark .nav-link, body.dark-only .nav-pills.nav-dark .nav-link { color: #fff; } body.dark-only .loader-wrapper { background-color: #1d1e26; } body.dark-only .loader-wrapper .loader { background-color: #1d1e26 !important; } body.dark-only .page-wrapper { /* Main Header start */ /* Main Header ends */ } body.dark-only .page-wrapper .sidebar-main-title h6 { color: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper .page-header .translate_wrapper.active .more_lang { background-color: #1d1e26; } body.dark-only .page-wrapper .page-header .translate_wrapper.active .lang { background-color: #262932; } body.dark-only .page-wrapper .page-header form { background-color: #1d1e26; } body.dark-only .page-wrapper .page-header .header-wrapper { background-color: #262932; } body.dark-only .page-wrapper .page-header .header-wrapper li i { color: #f4f4f4; } body.dark-only .page-wrapper .page-header .header-wrapper .nav-right > ul > li svg { stroke: #fff; } body.dark-only .page-wrapper .page-header .header-wrapper .nav-right > ul > li .mode svg { fill: #fff; } body.dark-only .page-wrapper .page-header .header-wrapper .nav-right.right-header > ul > li .profile-media .flex-grow-1 p { color: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .d-flex .flex-grow-1 .txt-dark { color: rgba(255, 255, 255, 0.6) !important; } body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div { background-color: #1d1e26; box-shadow: 0 0 14px #1d1e26; } body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div li { border-color: #262932; } body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div p { color: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div:before { border-bottom: 7px solid #1d1e26; } body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div:after { border-bottom: 7px solid #1d1e26; } body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .notification-dropdown.onhover-show-div li { background-color: #262932; } body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .notification-dropdown.onhover-show-div li span { color: #98a6ad; } body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .notification-dropdown.onhover-show-div .bg-light { background-color: #282e38 !important; color: rgba(255, 255, 255, 0.6) !important; } body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a { color: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a svg path, body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a svg line, body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a svg circle { color: rgba(255, 255, 255, 0.6) !important; } body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a:hover { color: var(--theme-default); } body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a:hover svg line, body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a:hover svg path, body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a:hover svg circle { color: var(--theme-default) !important; } body.dark-only .page-wrapper .page-header .header-wrapper .nav-right > ul > li .d-flex .flex-grow-1 .txt-dark { color: rgba(255, 255, 255, 0.6) !important; } body.dark-only .page-wrapper .page-header .header-wrapper .nav-right > ul > li .onhover-show-div { background-color: #1d1e26; box-shadow: 0 0 2px 2px #262932; } body.dark-only .page-wrapper .page-header .header-wrapper .nav-right > ul > li .onhover-show-div:before { border-bottom: 7px solid #1d1e26; } body.dark-only .page-wrapper .page-header .header-wrapper .nav-right > ul > li .onhover-show-div:after { border-bottom: 7px solid #1d1e26; } body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip .bookmark-dropdown .bookmark-content .bookmark-icon { background-color: #262932; } body.dark-only .page-wrapper .page-header .header-logo-wrapper { background-color: #262932; } body.dark-only .page-wrapper .page-header .header-logo-wrapper .logo-wrapper a .image-dark { display: none; } body.dark-only .page-wrapper .page-header .header-logo-wrapper .logo-wrapper a .image-light { display: block; } body.dark-only .page-wrapper .page-body-wrapper { /* body start*/ } body.dark-only .page-wrapper .page-body-wrapper .page-body .topper-lists table tbody tr td p { color: #98a6ad; } body.dark-only .page-wrapper .page-body-wrapper .page-body .header-small { color: #98a6ad; } body.dark-only .page-wrapper .page-body-wrapper .page-body .statistics p { color: #98a6ad; } body.dark-only .page-wrapper .page-body-wrapper .page-body .feather-main .flex-grow-1 p, body.dark-only .page-wrapper .page-body-wrapper .page-body .feather-main .professor-block p, body.dark-only .page-wrapper .page-body-wrapper .page-body .professor-table .flex-grow-1 p, body.dark-only .page-wrapper .page-body-wrapper .page-body .professor-table .professor-block p { color: #98a6ad; } body.dark-only .page-wrapper .page-body-wrapper .page-body .logs-element span + span { color: #98a6ad; } body.dark-only .page-wrapper .page-body-wrapper .page-body .progress-block .progress-title span + span { color: #98a6ad; } body.dark-only .page-wrapper .page-body-wrapper .page-body .ecommerce-icons div span { color: #98a6ad; } body.dark-only .page-wrapper .page-body-wrapper .page-body .new-users .d-flex .flex-grow-1 span, body.dark-only .page-wrapper .page-body-wrapper .page-body .progress-media .d-flex .flex-grow-1 span { color: #98a6ad; } body.dark-only .page-wrapper .page-body-wrapper .page-body .new-users .progress-change span, body.dark-only .page-wrapper .page-body-wrapper .page-body .progress-media .progress-change span { color: #98a6ad; } body.dark-only .page-wrapper .page-body-wrapper .page-body .topper-lists table tbody tr td { border-top: none !important; border-bottom: 1px solid #374558; } body.dark-only .page-wrapper .page-body-wrapper .page-body .topper-lists table tbody tr:last-child td { border-bottom: none; } body.dark-only .page-wrapper .page-body-wrapper .page-body .notifiaction-media .d-flex .flex-grow-1 .circle-left { border: 5px solid #334154; } body.dark-only .page-wrapper .page-body-wrapper .page-body .upcoming-event .upcoming-innner { border-bottom: 1px solid #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .upcoming-event .upcoming-innner:last-child { border-bottom: none; } body.dark-only .page-wrapper .page-body-wrapper .page-body .professor-table table tbody tr td { border-top: none !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .number-widgets .d-flex .flex-grow-1 h6 { color: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper .page-body-wrapper .page-body .activity .d-flex .flex-grow-1 h6 span { color: #98a6ad; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card.custom-card .card-header { border-bottom: none !important; } body.dark-only .page-wrapper .page-body-wrapper .custom-card .card-header img { background-color: #000; opacity: 0.8; } body.dark-only .page-wrapper .page-body-wrapper .page-title .row h3 { color: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper .page-body-wrapper .page-title .row h3 small { color: #98a6ad; } body.dark-only .page-wrapper .page-body-wrapper .page-title .breadcrumb li { color: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item a svg { stroke: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item + .breadcrumb-item:before { color: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper .page-body-wrapper .page-body { background-color: #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according .card:not(.email-body) { border: none; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) { background-color: #262932; box-shadow: 1px 1px 2px 1px rgba(29, 28, 28, 0.08); } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body).widget-1 { background-blend-mode: color-burn; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body).widget-1 .widget-round .bg-round { box-shadow: 1px 2px 21px -2px rgba(14, 14, 16, 0.83); } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body).widget-1 .widget-round .bg-round .half-circle { background: rgba(49, 53, 66, 0); } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body).social-profile { background-blend-mode: overlay; background-color: #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table.table-light tr th, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table.table-light tr td { color: #404040; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) table thead .border-bottom-light th, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) table thead .border-bottom-light td, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) table tbody .border-bottom-light th, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) table tbody .border-bottom-light td { border-bottom: 1px solid #374558 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body).trending-card { background-color: #010314; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body).explore-card { background-color: #262932; background-blend-mode: overlay; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body).balance-box { background-blend-mode: overlay; background-color: #16171c; border-color: transparent; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-block #bar-chart2 svg > rect { fill: #262932; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-block #bar-chart2 svg > g text { fill: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-block .word-tree svg > g > rect { fill: #262932; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-block .word-tree svg > g > text { fill: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header { background-color: transparent; border-bottom: 1px solid #374558; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header > span { color: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header p { color: rgba(255, 255, 255, 0.4); } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h1, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h2, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h3, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h4, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h5, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h6 { color: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header .card-header-right { background-color: #262932; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header .card-header-right i { color: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header .card-header-right i.fa-cog { color: var(--theme-default); } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header.note-toolbar { background-color: #262932; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body).basic-dark-card .card-header { border-bottom: 1px solid #98a6ad !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body).basic-dark-card .card-footer { border-top: 1px solid #98a6ad; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .alert-dark { color: #98a6ad; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .alert-dark a { color: #98a6ad; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .alert-light.outline, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .alert-light.outline-2x, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .alert-light.inverse { color: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #animation-box .animate-widget p { color: #98a6ad !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .grid-item img { background-color: #262932; border: 1px solid #374558; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .line { color: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) thead, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) tbody, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) tfoot, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) tr, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) td, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) th { border-color: #374558; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table th, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table td { color: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table thead th { border-bottom-color: #374558; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table thead .border-bottom-primary th { border-bottom-color: var(--theme-default); } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-primary th, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-primary td, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-secondary th, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-secondary td, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-success th, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-success td, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-info th, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-info td, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-warning th, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-warning td, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-light th, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-light td, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-danger th, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-danger td { color: #262932; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-primary, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-secondary, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-success, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-info, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-warning, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-danger { color: #fff; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-light { color: #000; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .thead-light th { color: #000; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table tbody .border-bottom-primary th, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table tbody .border-bottom-primary td { border-bottom: 1px solid var(--theme-default); } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table[class*='bg-'] th, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table[class*='bg-'] td { color: #fff; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-striped tbody tr:nth-of-type(odd) { --bs-table-accent-bg: rgba(0, 0, 0, 0.05); } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-striped tbody tr:nth-of-type(odd):hover th, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-striped tbody tr:nth-of-type(odd):hover td { color: #fff; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-double, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-dotted, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-dashed { border-left-color: #374558; border-right-color: #374558; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-bordered { border-color: #374558 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-bordered td, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-bordered th { border-color: #374558 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-inverse tbody tr:nth-of-type(odd):hover td { color: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-border-vertical tr, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-border-vertical th, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-border-vertical td { border-right: 1px solid #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-styling thead th, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-styling thead td, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-styling tbody th, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-styling tbody td { color: #fff; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-footer { background-color: #262932; border-top: 1px solid #374558; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .switch .switch-state { background-color: #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .switch input:checked + .switch-state { background-color: var(--theme-default); } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .bg-white { background-color: #262932 !important; color: rgba(255, 255, 255, 0.6) !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ct-grid { stroke: #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ct-label { color: #98a6ad; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) hr { border-top: 1px solid rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) hr.dropdown-divider { border-color: #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .text-muted { color: rgba(255, 255, 255, 0.6) !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-outline-light, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-outline-dark, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-outline-light-2x { color: #fff !important; border: 1px solid #374558; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-outline-light:hover { color: #000 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-right { border-right: 1px solid #374558 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .flot-chart-placeholder .flot-text { color: rgba(255, 255, 255, 0.6) !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .flot-chart-placeholder svg text { fill: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dark-alert.alert-addition-content .alert hr { border-top: 1px solid #374558; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow#gantt_chart svg g rect:first-child { fill: #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow#gantt_chart rect:nth-child(6) { fill: #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow#line-chart rect, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow#column-chart1 rect, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow#column-chart2 rect { fill: #262932; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow svg > rect { fill: #262932; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow svg > g > g > g text { fill: #b1b1b2; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow svg > g > text { fill: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .radial-bar:after { background-color: #262932; color: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .bar-chart-widget .bottom-content .num { color: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .bar-chart-widget .bottom-content .num .color-bottom { color: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .live-products .ct-labels .ct-label, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .turnover .ct-labels .ct-label, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .monthly .ct-labels .ct-label, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .uses .ct-labels .ct-label { color: #fff; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .live-products .ct-grid, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .turnover .ct-grid, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .monthly .ct-grid, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .uses .ct-grid { stroke: #fff; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container #browser-uses-chart svg text, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container #website-visiter-chart svg text { fill: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .status-details h4 { color: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .status-details h4 span { color: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .status-details span { color: #98a6ad; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .clipboaard-container .form-control { background-color: #1d1e26; color: #98a6ad; border: 1px solid #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .img-thumbnail { background-color: #1d1e26; border: 1px solid #374558; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper button { color: #000; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper.no-footer .dataTables_scrollBody { border-bottom: 1px solid #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .btn-danger, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .btn-success, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .btn-primary { color: #fff; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_length select { background-color: #1d1e26; color: rgba(255, 255, 255, 0.6); border: 1px solid #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_length, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_filter, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_info, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_processing, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate { color: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate { border: 1px solid #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_filter input[type="search"] { background-color: #1d1e26; border: 1px solid #1d1e26; color: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.stripe tbody tr { background-color: #262932; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr:hover > .sorting_1, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.stripe tbody tr:hover > .sorting_1 { background-color: #1c212b; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr.odd, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.stripe tbody tr.odd { background-color: #1f232b; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr.odd > .sorting_1, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 { background-color: #1c212b; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr.even > .sorting_1, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.stripe tbody tr.even > .sorting_1 { background-color: #22262f; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable { border: 1px solid #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable thead th, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable thead td { border-bottom: 2px solid #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable input, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable select { background-color: #1d1e26; color: rgba(255, 255, 255, 0.6); border: 1px solid #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable tbody tr { background-color: #262932; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable tbody td.select-checkbox:before, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable tbody th.select-checkbox:before { border: 1px solid #98a6ad; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .table-striped tbody tr:nth-of-type(odd) { --bs-table-accent-bg: #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button { color: rgba(255, 255, 255, 0.6) !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button.current, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button:active { border-color: var(--theme-default); } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button.disabled { color: #98a6ad !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button.disabled :active { color: #98a6ad !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.row-border tbody th, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.row-border tbody td, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody th, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody td { border-top: 1px solid #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr.even:hover > .sorting_1, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.hover tbody tr.even:hover > .sorting_1 { background-color: #191e27; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.hover tbody tr:hover, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr:hover { background-color: #1c212b; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.cell-border th, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.cell-border td { border-top: 1px solid #1d1e26; border-right: 1px solid #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.cell-border th:first-child, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.cell-border td:first-child { border-left: 1px solid #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column tbody tr > .sorting_1, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column tbody tr > .sorting_2, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column tbody tr > .sorting_3, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr > .sorting_1, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr > .sorting_2, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr > .sorting_3 { background-color: #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #example-style-3_wrapper #example-style-3 tfoot { border-top: 2px solid #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-link { border: 1px solid #374558; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-item.disabled .page-link { background-color: #262932; border-color: #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-link { color: rgba(255, 255, 255, 0.6); background-color: #262932; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-item:hover .page-link { background-color: #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-item.active .page-link { background-color: #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ecommerce-widget .icon { color: #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ecommerce-widget .total-num { color: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ecommerce-widget .total-num span { color: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ecommerce-widget span { color: #98a6ad; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .flot-chart-container-small { background-color: #262932; border-top: 1px solid #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .product-table #API-2_wrapper #API-2 tbody td span, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .product-table #API-2_wrapper #API-2 tbody td p { color: #98a6ad; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .product-table h6 { color: #98a6ad; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-tab.nav-tabs { border-bottom: 1px solid #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-tab.nav-tabs .nav-item .nav-link { color: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-tab.nav-tabs .nav-link.active, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-tab.nav-tabs .nav-link:focus, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-tab.nav-tabs .nav-link:hover { color: var(--theme-default); } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .project-tabs .nav-tabs { border-bottom: unset; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-1to10 .br-widget a, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-movie .br-widget a, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-pill .br-widget a, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-reversed .br-widget a, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-horizontal .br-widget a { background-color: #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-1to10 .br-widget a.br-active, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-1to10 .br-widget a.br-selected, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-movie .br-widget a.br-active, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-movie .br-widget a.br-selected, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-pill .br-widget a.br-active, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-pill .br-widget a.br-selected, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-reversed .br-widget a.br-active, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-reversed .br-widget a.br-selected, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-horizontal .br-widget a.br-active, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-horizontal .br-widget a.br-selected { background-color: var(--theme-default); } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-square .br-widget a { border: 2px solid #1d1e26; background-color: #262932; color: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-square .br-widget a.br-active, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-square .br-widget a.br-selected { border: 2px solid var(--theme-default); color: var(--theme-default); } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-fontawesome-stars .br-widget a.br-selected:after, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-fontawesome-stars .br-widget a.br-active:after, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-fontawesome-stars-o .br-widget a.br-selected:after, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-fontawesome-stars-o .br-widget a.br-active:after { color: var(--theme-default); } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .scroll-demo { border: 1px solid #374558; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .vertical-scroll.scroll-demo:not(.default-scroll) { border: unset; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .vertical-scroll.scroll-demo .list-group .list-group-item:hover { z-index: 0; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .search-form input { border: 1px solid #1d1e26; color: rgba(255, 255, 255, 0.6); background-color: #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .search-form .form-group:before { background: #262932; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .breadcrumb.bg-white { background-color: #262932 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #donut-color-chart-morris-daily svg, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #donut-color-chart-morris svg, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #browser-uses-chart svg, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #website-visiter-chart svg { opacity: 0.5; } body.dark-only .page-wrapper .page-body-wrapper .page-body .collapse-accordion .btn-dark.show .dark-accordion { background-color: #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .main-bookmark .email-right-aside .card-body .details-bookmark .bookmark-card { background-color: #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .email-wrap .flex-grow-1 h6 { color: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper .page-body-wrapper .page-body .bookmark-wrap .main-bookmark .bootstrap-select .dropdown-toggle { border-color: #374558 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .bookmark-wrap .main-bookmark .bootstrap-select .dropdown-menu li { background-color: #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .bookmark-wrap .main-bookmark .bootstrap-select .dropdown-menu li:hover { background-color: #323846; } body.dark-only .page-wrapper .page-body-wrapper .page-body .bookmark-wrap .main-bookmark .bootstrap-select .dropdown-menu li:hover .dropdown-item { color: rgba(255, 255, 255, 0.6) !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .contact-editform .more-data .bootstrap-select .dropdown-toggle { background-color: #1d1e26 !important; border-color: transparent !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .contact-editform .more-data .bootstrap-select .dropdown-toggle .filter-option { color: rgba(255, 255, 255, 0.2); } body.dark-only .page-wrapper .page-body-wrapper .page-body .social-user-cards .card.social-profile { background-blend-mode: overlay; } body.dark-only .page-wrapper .page-body-wrapper .page-body .social-user-cards .card.social-profile .social-details .social-follow li + li::before { background-color: rgba(255, 255, 255, 0.2); } body.dark-only .page-wrapper .page-body-wrapper .page-body .user-profile .list-inline .border-right { border-right-color: #374558 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .product-sidebar .filter-section .card { border: unset; } body.dark-only .page-wrapper .page-body-wrapper .page-body .product-sidebar .filter-section .card .card-header { background-color: #262932; border-bottom: unset; } body.dark-only .page-wrapper .page-body-wrapper .page-body #viewhtml .render { background-color: #262932; color: rgba(255, 255, 255, 0.6); border-color: #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .wizard-4 ul.anchor li a.disabled { color: #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .gallery-with-description h4 { color: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper .page-body-wrapper .page-body .gallery-with-description a > div { border: 1px solid #374558; } body.dark-only .page-wrapper .page-body-wrapper .page-body .gallery-with-description p { color: #98a6ad; } body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-grid-header { background-color: #262932; border: 1px solid #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row > .jsgrid-header-cell, body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row > .jsgrid-cell, body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row > .jsgrid-header-cell, body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row > .jsgrid-cell { background: #262932; border: 1px solid #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row > .jsgrid-header-cell input, body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row > .jsgrid-cell input, body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row > .jsgrid-header-cell input, body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row > .jsgrid-cell input { background-color: #1d1e26; border-color: #1d1e26; color: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row > .jsgrid-header-cell input:focus, body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row > .jsgrid-cell input:focus, body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row > .jsgrid-header-cell input:focus, body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row > .jsgrid-cell input:focus { outline: none; } body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row select, body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row select { background-color: #1d1e26; border-color: #1d1e26; color: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-row > .jsgrid-cell { background-color: #262932; } body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-alt-row > .jsgrid-cell { background-color: #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-cell, body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-grid-body { border: 1px solid #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-selected-row > .jsgrid-cell { background-color: #1c212b; } body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid .jsgrid-pager [class*="jsgrid-pager"] { border: 1px solid #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid .jsgrid-pager .jsgrid-pager-page a { color: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-pager-current-page { color: rgba(255, 255, 255, 0.6); font-weight: 700; } body.dark-only .page-wrapper .page-body-wrapper .page-body .sub-title { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } body.dark-only .page-wrapper .page-body-wrapper .page-body .card .sub-title { color: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-icon li a { color: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-icon li a:hover { color: var(--theme-default); } body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-icon .separator { border-bottom: 1px solid #374558; } body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according li .text-muted { color: rgba(255, 255, 255, 0.6) !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-icon.default-according.style-1 li button:hover { color: var(--theme-default) !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .nav-list .nav-list-disc li a { color: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper .page-body-wrapper .page-body .nav-list .nav-list-disc li:hover { color: var(--theme-default); } body.dark-only .page-wrapper .page-body-wrapper .page-body .nav-list .nav-list-disc li:hover a { color: var(--theme-default); } body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div { background-color: #1d1e26; box-shadow: 0 0 14px 0 #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li p { color: #fff; } body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a svg path, body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a svg line, body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a svg polyline, body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a svg polygon, body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a svg rect { color: rgba(255, 255, 255, 0.6) !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a:hover svg path, body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a:hover svg line, body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a:hover svg polyline, body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a:hover svg polygon, body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a:hover svg rect { color: var(--theme-default) !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .onhover-dropdown:hover .onhover-show-div:before { border-bottom: 7px solid #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according .card .btn-link { color: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according .card .card-body { color: #98a6ad; } body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according .card .card-body { border: none; border-top: none; } body.dark-only .page-wrapper .page-body-wrapper .page-body .border { border: 1px solid #374558 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .border-1 { border: 1px solid #1d1e26 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .border-2 { border: 2px solid #1d1e26 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .grid-showcase span.border-2 { border: 2px solid #374558 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .border-3 { border-color: #1d1e26 !important; border-width: 3px !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .border-4 { border: 4px solid #1d1e26 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .border-5 { border: 5px solid #1d1e26 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .border-6 { border: 6px solid #1d1e26 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .border-7 { border: 7px solid #1d1e26 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .border-8 { border: 8px solid #1d1e26 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .border-9 { border: 9px solid #1d1e26 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .border-10 { border: 10px solid #1d1e26 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .subtract-border.border-wrapper .helper-common-box .helper-box.border-0 { border: 0 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .subtract-border.border-wrapper .helper-common-box .helper-box.border-top-0 { border-top: 0 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .subtract-border.border-wrapper .helper-common-box .helper-box.border-end-0 { border-right: 0 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .subtract-border.border-wrapper .helper-common-box .helper-box.border-bottom-0 { border-bottom: 0 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .subtract-border.border-wrapper .helper-common-box .helper-box.border-start-0 { border-left: 0 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .b-primary { border-color: #7366FF !important; background-color: #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-primary { border-top: 1px solid #7366FF !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-primary { border-top-color: #7366FF !important; background-color: #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-primary { border-bottom: 1px solid #7366FF !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-primary { border-bottom-color: #7366FF !important; background-color: #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-primary { border-left-color: #7366FF !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-primary { border-left-color: #7366FF !important; background-color: #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-primary { border-right: #7366FF !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-primary { border-right-color: #7366FF !important; background-color: #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .border-primary { border-color: #7366FF !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .gradient-border .helper-common-box .helper-box.b-t-dark { border-top-color: #1f2533 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .gradient-border .helper-common-box .helper-box.b-b-dark { border-bottom-color: #1f2533 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .gradient-border .helper-common-box .helper-box.b-l-dark { border-left-color: #1f2533 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .gradient-border .helper-common-box .helper-box.b-r-dark { border-right-color: #1f2533 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .schedule-calender .tab-content .activity-update > li > div { background-color: transparent !important; border-left-width: 4px !important; } [dir="rtl"] body.dark-only .page-wrapper .page-body-wrapper .page-body .schedule-calender .tab-content .activity-update > li > div { border-left: unset !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .schedule-calender .card-header-right-icon .btn { border-color: #374558; } body.dark-only .page-wrapper .page-body-wrapper .page-body .b-secondary { border-color: #838383 !important; background-color: #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-secondary { border-top: 1px solid #838383 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-secondary { border-top-color: #838383 !important; background-color: #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-secondary { border-bottom: 1px solid #838383 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-secondary { border-bottom-color: #838383 !important; background-color: #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-secondary { border-left-color: #838383 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-secondary { border-left-color: #838383 !important; background-color: #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-secondary { border-right: #838383 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-secondary { border-right-color: #838383 !important; background-color: #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .border-secondary { border-color: #838383 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .gradient-border .helper-common-box .helper-box.b-t-dark { border-top-color: #1f2533 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .gradient-border .helper-common-box .helper-box.b-b-dark { border-bottom-color: #1f2533 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .gradient-border .helper-common-box .helper-box.b-l-dark { border-left-color: #1f2533 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .gradient-border .helper-common-box .helper-box.b-r-dark { border-right-color: #1f2533 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .schedule-calender .tab-content .activity-update > li > div { background-color: transparent !important; border-left-width: 4px !important; } [dir="rtl"] body.dark-only .page-wrapper .page-body-wrapper .page-body .schedule-calender .tab-content .activity-update > li > div { border-left: unset !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .schedule-calender .card-header-right-icon .btn { border-color: #374558; } body.dark-only .page-wrapper .page-body-wrapper .page-body .b-success { border-color: #65c15c !important; background-color: #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-success { border-top: 1px solid #65c15c !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-success { border-top-color: #65c15c !important; background-color: #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-success { border-bottom: 1px solid #65c15c !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-success { border-bottom-color: #65c15c !important; background-color: #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-success { border-left-color: #65c15c !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-success { border-left-color: #65c15c !important; background-color: #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-success { border-right: #65c15c !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-success { border-right-color: #65c15c !important; background-color: #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .border-success { border-color: #65c15c !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .gradient-border .helper-common-box .helper-box.b-t-dark { border-top-color: #1f2533 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .gradient-border .helper-common-box .helper-box.b-b-dark { border-bottom-color: #1f2533 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .gradient-border .helper-common-box .helper-box.b-l-dark { border-left-color: #1f2533 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .gradient-border .helper-common-box .helper-box.b-r-dark { border-right-color: #1f2533 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .schedule-calender .tab-content .activity-update > li > div { background-color: transparent !important; border-left-width: 4px !important; } [dir="rtl"] body.dark-only .page-wrapper .page-body-wrapper .page-body .schedule-calender .tab-content .activity-update > li > div { border-left: unset !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .schedule-calender .card-header-right-icon .btn { border-color: #374558; } body.dark-only .page-wrapper .page-body-wrapper .page-body .b-danger { border-color: #fc564a !important; background-color: #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-danger { border-top: 1px solid #fc564a !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-danger { border-top-color: #fc564a !important; background-color: #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-danger { border-bottom: 1px solid #fc564a !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-danger { border-bottom-color: #fc564a !important; background-color: #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-danger { border-left-color: #fc564a !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-danger { border-left-color: #fc564a !important; background-color: #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-danger { border-right: #fc564a !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-danger { border-right-color: #fc564a !important; background-color: #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .border-danger { border-color: #fc564a !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .gradient-border .helper-common-box .helper-box.b-t-dark { border-top-color: #1f2533 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .gradient-border .helper-common-box .helper-box.b-b-dark { border-bottom-color: #1f2533 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .gradient-border .helper-common-box .helper-box.b-l-dark { border-left-color: #1f2533 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .gradient-border .helper-common-box .helper-box.b-r-dark { border-right-color: #1f2533 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .schedule-calender .tab-content .activity-update > li > div { background-color: transparent !important; border-left-width: 4px !important; } [dir="rtl"] body.dark-only .page-wrapper .page-body-wrapper .page-body .schedule-calender .tab-content .activity-update > li > div { border-left: unset !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .schedule-calender .card-header-right-icon .btn { border-color: #374558; } body.dark-only .page-wrapper .page-body-wrapper .page-body .b-warning { border-color: #ffb829 !important; background-color: #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-warning { border-top: 1px solid #ffb829 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-warning { border-top-color: #ffb829 !important; background-color: #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-warning { border-bottom: 1px solid #ffb829 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-warning { border-bottom-color: #ffb829 !important; background-color: #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-warning { border-left-color: #ffb829 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-warning { border-left-color: #ffb829 !important; background-color: #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-warning { border-right: #ffb829 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-warning { border-right-color: #ffb829 !important; background-color: #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .border-warning { border-color: #ffb829 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .gradient-border .helper-common-box .helper-box.b-t-dark { border-top-color: #1f2533 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .gradient-border .helper-common-box .helper-box.b-b-dark { border-bottom-color: #1f2533 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .gradient-border .helper-common-box .helper-box.b-l-dark { border-left-color: #1f2533 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .gradient-border .helper-common-box .helper-box.b-r-dark { border-right-color: #1f2533 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .schedule-calender .tab-content .activity-update > li > div { background-color: transparent !important; border-left-width: 4px !important; } [dir="rtl"] body.dark-only .page-wrapper .page-body-wrapper .page-body .schedule-calender .tab-content .activity-update > li > div { border-left: unset !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .schedule-calender .card-header-right-icon .btn { border-color: #374558; } body.dark-only .page-wrapper .page-body-wrapper .page-body .b-info { border-color: #40b8f5 !important; background-color: #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-info { border-top: 1px solid #40b8f5 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-info { border-top-color: #40b8f5 !important; background-color: #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-info { border-bottom: 1px solid #40b8f5 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-info { border-bottom-color: #40b8f5 !important; background-color: #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-info { border-left-color: #40b8f5 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-info { border-left-color: #40b8f5 !important; background-color: #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-info { border-right: #40b8f5 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-info { border-right-color: #40b8f5 !important; background-color: #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .border-info { border-color: #40b8f5 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .gradient-border .helper-common-box .helper-box.b-t-dark { border-top-color: #1f2533 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .gradient-border .helper-common-box .helper-box.b-b-dark { border-bottom-color: #1f2533 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .gradient-border .helper-common-box .helper-box.b-l-dark { border-left-color: #1f2533 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .gradient-border .helper-common-box .helper-box.b-r-dark { border-right-color: #1f2533 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .schedule-calender .tab-content .activity-update > li > div { background-color: transparent !important; border-left-width: 4px !important; } [dir="rtl"] body.dark-only .page-wrapper .page-body-wrapper .page-body .schedule-calender .tab-content .activity-update > li > div { border-left: unset !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .schedule-calender .card-header-right-icon .btn { border-color: #374558; } body.dark-only .page-wrapper .page-body-wrapper .page-body .b-light { border-color: #f4f4f4 !important; background-color: #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-light { border-top: 1px solid #f4f4f4 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-light { border-top-color: #f4f4f4 !important; background-color: #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-light { border-bottom: 1px solid #f4f4f4 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-light { border-bottom-color: #f4f4f4 !important; background-color: #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-light { border-left-color: #f4f4f4 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-light { border-left-color: #f4f4f4 !important; background-color: #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-light { border-right: #f4f4f4 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-light { border-right-color: #f4f4f4 !important; background-color: #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .border-light { border-color: #f4f4f4 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .gradient-border .helper-common-box .helper-box.b-t-dark { border-top-color: #1f2533 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .gradient-border .helper-common-box .helper-box.b-b-dark { border-bottom-color: #1f2533 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .gradient-border .helper-common-box .helper-box.b-l-dark { border-left-color: #1f2533 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .gradient-border .helper-common-box .helper-box.b-r-dark { border-right-color: #1f2533 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .schedule-calender .tab-content .activity-update > li > div { background-color: transparent !important; border-left-width: 4px !important; } [dir="rtl"] body.dark-only .page-wrapper .page-body-wrapper .page-body .schedule-calender .tab-content .activity-update > li > div { border-left: unset !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .schedule-calender .card-header-right-icon .btn { border-color: #374558; } body.dark-only .page-wrapper .page-body-wrapper .page-body .b-dark { border-color: #3f475a !important; background-color: #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-dark { border-top: 1px solid #3f475a !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-dark { border-top-color: #3f475a !important; background-color: #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-dark { border-bottom: 1px solid #3f475a !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-dark { border-bottom-color: #3f475a !important; background-color: #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-dark { border-left-color: #3f475a !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-dark { border-left-color: #3f475a !important; background-color: #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-dark { border-right: #3f475a !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-dark { border-right-color: #3f475a !important; background-color: #1d1e26; } body.dark-only .page-wrapper .page-body-wrapper .page-body .border-dark { border-color: #3f475a !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .gradient-border .helper-common-box .helper-box.b-t-dark { border-top-color: #1f2533 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .gradient-border .helper-common-box .helper-box.b-b-dark { border-bottom-color: #1f2533 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .gradient-border .helper-common-box .helper-box.b-l-dark { border-left-color: #1f2533 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .gradient-border .helper-common-box .helper-box.b-r-dark { border-right-color: #1f2533 !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .schedule-calender .tab-content .activity-update > li > div { background-color: transparent !important; border-left-width: 4px !important; } [dir="rtl"] body.dark-only .page-wrapper .page-body-wrapper .page-body .schedule-calender .tab-content .activity-update > li > div { border-left: unset !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .schedule-calender .card-header-right-icon .btn { border-color: #374558; } body.dark-only .page-wrapper .page-body-wrapper .page-body .border-opacity-wrapper .border { border-color: rgba(var(--theme-default), var(--bs-border-opacity)) !important; } body.dark-only .page-wrapper .page-body-wrapper .page-body .bg-opacity-wrapper .text-dark { color: rgba(255, 255, 255, 0.6) !important; } body.dark-only .page-wrapper .page-body-wrapper .footer { border-top: 1px solid #1d1e26; background-color: #262932; } body.dark-only .page-wrapper .page-body-wrapper .footer p, body.dark-only .page-wrapper .page-body-wrapper .footer span { color: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper .page-body-wrapper .custom-select, body.dark-only .page-wrapper .page-body-wrapper .custom-file-label { background: #1d1e26; color: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper .page-body-wrapper .footer-fix { background-color: #262932; border-top: 1px solid #1d1e26; } body.dark-only .page-wrapper .note textarea { color: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper .dt-button-info { background-color: #262932; border: 1px solid #98a6ad; } body.dark-only .page-wrapper .dt-button-info h2 { background-color: #262932; } body.dark-only .page-wrapper pre { background-color: #1d1e26; color: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper .scorlled { background-color: #1d1e26; } body.dark-only .page-wrapper .input-group-air { box-shadow: 0 3px 20px 0 #1d1e26; } body.dark-only .page-wrapper .input-group-text { background-color: #262932; border: 1px solid #1d1e26; color: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper .input-group-text i { color: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper .input-group-solid .input-group-text, body.dark-only .page-wrapper .input-group-solid .form-control { background: #1d1e26; border: 1px solid #1d1e26; color: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper .semilight-bg-color, body.dark-only .page-wrapper .header-bg-color { background-color: #fff; } body.dark-only .page-wrapper .list-group-item { background-color: #262932; border: 1px solid rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper .list-group-item + .list-group-item { border-top-width: 0; } body.dark-only .page-wrapper .list-group-item.active { background-color: var(--theme-default) !important; border-color: var(--theme-default); color: #fff; } body.dark-only .page-wrapper .list-group-item:hover, body.dark-only .page-wrapper .list-group-item:focus { z-index: 1; text-decoration: none; } body.dark-only .page-wrapper .list-group-item-action:hover:not(.active), body.dark-only .page-wrapper .list-group-item-action:focus { background-color: #1d1e26; } body.dark-only .page-wrapper .contextual-wrapper .list-group-item-action:hover { color: #242934; } body.dark-only .page-wrapper .contextual-wrapper .list-group-item-action.list-light-white:hover { color: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper .list-group-flush .list-group-item { border-left: 0; border-right: 0; border-radius: 0; } body.dark-only .page-wrapper .dark-list .list-group .border-left-primary { border-left: 4px solid var(--theme-default); } body.dark-only .page-wrapper .dark-list .list-group .border-left-secondary { border-left: 4px solid var(--theme-secondary); } body.dark-only .page-wrapper .dark-list .list-group .border-left-warning { border-left: 4px solid #ffb829; } body.dark-only .page-wrapper .dark-list .list-group .border-left-success { border-left: 4px solid #65c15c; } body.dark-only .page-wrapper .dark-list .list-group .border-left-info { border-left: 4px solid #40b8f5; } [dir="rtl"] body.dark-only .page-wrapper .dark-list .list-group [class*="border-left-"] { border-left: none; } body.dark-only .page-wrapper .list-group-item-primary { color: #004085; background-color: #b8daff; } body.dark-only .page-wrapper .list-group-item-secondary { color: #383d41; background-color: #d6d8db; } body.dark-only .page-wrapper .list-group-item-success { color: #155724; background-color: #c3e6cb; } body.dark-only .page-wrapper .list-group-item-danger { color: #721c24; background-color: #f5c6cb; } body.dark-only .page-wrapper .list-group-item-warning { color: #856404; background-color: #ffeeba; } body.dark-only .page-wrapper .list-group-item-info { color: #0c5460; background-color: #bee5eb; } body.dark-only .page-wrapper .list-group-item-light { color: #818182; background-color: #fdfdfe; } body.dark-only .page-wrapper .list-group-item-dark { color: #1b1e21; background-color: #c6c8ca; } body.dark-only .page-wrapper .auth-bg { background-blend-mode: overlay; background-color: rgba(54, 64, 74, 0.9); } body.dark-only .page-wrapper .auth-bg .authentication-box .card { background-color: #262932; } body.dark-only .page-wrapper .auth-bg .authentication-box .card .theme-form .form-group input { color: rgba(255, 255, 255, 0.6); background-color: #1d1e26; border: 1px solid #1d1e26; } body.dark-only .page-wrapper .auth-bg .authentication-box .card .theme-form .form-group label { color: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper .auth-bg .authentication-box .card .theme-form .checkbox label { color: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper .auth-bg .authentication-box .card .theme-form .checkbox label::before { background-color: #1d1e26; border: 1px solid #1d1e26; } body.dark-only .page-wrapper .auth-bg .authentication-box h3, body.dark-only .page-wrapper .auth-bg .authentication-box h4, body.dark-only .page-wrapper .auth-bg .authentication-box h6 { color: #fff; } body.dark-only .page-wrapper .auth-bg-video { background-blend-mode: overlay; background-color: rgba(54, 64, 74, 0.7); } body.dark-only .page-wrapper .auth-bg-video .authentication-box h4, body.dark-only .page-wrapper .auth-bg-video .authentication-box h3 { color: #fff; } body.dark-only .page-wrapper .auth-bg-video .authentication-box h6 { color: #98a6ad; } body.dark-only .page-wrapper .auth-bg-video .authentication-box .card { background-color: #262932; } body.dark-only .page-wrapper .auth-bg-video .authentication-box .card .theme-form .form-group input[type=text], body.dark-only .page-wrapper .auth-bg-video .authentication-box .card .theme-form .form-group input[type=password] { background-color: #1d1e26; border: 1px solid #1d1e26; color: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper .auth-bg-video .authentication-box .card .theme-form .checkbox label::before { background-color: #1d1e26; border: 1px solid #1d1e26; } body.dark-only .page-wrapper .error-wrapper .maintenance-icons li i { color: #1d1e26; } body.dark-only .page-wrapper .error-wrapper .maintenance-icons li:nth-child(3) i { color: #1d1e26; } body.dark-only .page-wrapper .modal-content { background-color: #262932; } body.dark-only .page-wrapper .modal-content .modal-header { border-bottom: 1px solid #1d1e26; } body.dark-only .page-wrapper .modal-content .modal-header .close { color: #98a6ad; } body.dark-only .page-wrapper .modal-content .modal-footer { border-top: 1px solid #1d1e26; } body.dark-only .page-wrapper .comingsoon { background-blend-mode: overlay; background-color: rgba(54, 64, 74, 0.9); } body.dark-only .page-wrapper .comingsoon .comingsoon-inner h5 { color: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper .comingsoon .comingsoon-inner .countdown { border-top: 1px solid #1d1e26; border-bottom: 1px solid #1d1e26; } body.dark-only .page-wrapper .comingsoon .comingsoon-inner .countdown .title { color: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper .comingsoon .comingsoon-inner .coming-soon-bottom-link a { color: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper .theme-form .login-divider { border-top: 1px solid #1d1e26; } body.dark-only .page-wrapper .theme-form .login-divider:before { background: #1d1e26; color: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper .authentication-main { background-color: #1d1e26; } body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .card { background-color: #262932; } body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .reset-password-link { color: #98a6ad; } body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .theme-form .form-group label { color: #98a6ad; } body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .theme-form .form-group .form-control { background-color: #1d1e26; color: rgba(255, 255, 255, 0.6); border-color: #1d1e26; } body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .theme-form .opt-box { background-color: #1d1e26; } body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box h4 { color: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box h6 { color: #98a6ad; } body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box h3 { color: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box .card { background-color: #262932; } body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box .card .theme-form .form-group input[type=text], body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box .card .theme-form .form-group input[type=password] { background-color: #1d1e26; border: 1px solid #1d1e26; color: rgba(255, 255, 255, 0.6); } body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box .card .theme-form .checkbox label::before { background-color: #1d1e26; border: 1px solid #1d1e26; } body.dark-only .page-wrapper .vertical-menu-main { background-color: #262932; } body.dark-only .page-wrapper .mega-menu .title { color: rgba(255, 255, 255, 0.6); border-bottom: 1px solid #1d1e26; } body.dark-only .page-wrapper .mega-menu .list-unstyled div a:hover { color: var(--theme-default); } body.dark-only .page-wrapper .default-according .card { background-color: #262932; } body.dark-only .page-wrapper .default-according .card .btn-link { background-color: #262932; border: 1px solid #374558; border-bottom: none; color: #fff; } body.dark-only .page-wrapper .default-according .card .text-muted { color: #98a6ad !important; } body.dark-only .page-wrapper .default-according .bg-primary .btn-link { background-color: var(--theme-default); border: 1px solid var(--theme-default); } body.dark-only .page-wrapper .default-according .bg-secondary .btn-link { background-color: var(--theme-secondary); border: 1px solid var(--theme-secondary); } body.dark-only .page-wrapper .collapse .card-body { background-color: #262932; } body.dark-only .page-wrapper .balance-widget.card-body { background-color: #262932; background-blend-mode: overlay; } @media screen and (max-width: 1660px) { body.dark-only .page-wrapper .caller-img img { opacity: 0.7; } } @media only screen and (max-width: 1199px) { body.dark-only .page-wrapper .mobile-title.d-none { border-bottom: 1px solid #374558; } body.dark-only .page-wrapper .chat-menu { border-top: 1px solid #1d1e26; background-color: #262932; } body.dark-only .page-wrapper .error-wrapper .maintenance-icons li i { color: #3f475a; } } @media only screen and (max-width: 575.98px) { body.dark-only .page-wrapper.compact-sidebar .page-header .header-wrapper .toggle-sidebar { border-right: 1px solid rgba(255, 255, 255, 0.2); } body.dark-only .page-wrapper .user-profile .hovercard .info .user-designation { border-top: 1px solid #374558; border-bottom: 1px solid #374558; } body.dark-only .page-wrapper .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar, body.dark-only .page-wrapper .page-wrapper.compact-sidebar .page-header .header-wrapper .toggle-sidebar { border-right: 1px solid #374558; } } body.dark-only .lg-backdrop { background-color: #1d1e26; } body.dark-only .lg-outer .lg-thumb-outer { background-color: #262932; } body.dark-only .drag { background-color: #262932; } body.dark-only .drag form { background: #262932; box-shadow: 0 0 30px #1d1e26; border: 1px dotted #1d1e26; } body.dark-only .drag form input { background-color: #1d1e26; border: 1px solid #1d1e26; color: rgba(255, 255, 255, 0.6); } body.dark-only .drag form .help-block { text-transform: capitalize; color: #98a6ad; } body.dark-only .draggable input { background-color: #1d1e26; color: rgba(255, 255, 255, 0.6); border: 1px solid #1d1e26; } body.dark-only .draggable p { color: #98a6ad; } body.dark-only .draggable select { background-color: #1d1e26; color: rgba(255, 255, 255, 0.6); border: 1px solid #1d1e26; } body.dark-only .draggable .radio label::before, body.dark-only .draggable .checkbox label::before { background-color: #1d1e26; border: 1px solid #1d1e26; } body.dark-only .select2-container--default .select2-results__option[aria-selected=true] { background-color: #323846; } body.dark-only .select2-container--default .select2-selection--multiple, body.dark-only .select2-container--default .select2-selection--single { background-color: #1d1e26; border: 1px solid #1d1e26 !important; } body.dark-only .select2-container--default .select2-search--inline .select2-search__field { color: rgba(255, 255, 255, 0.6); } body.dark-only .select2-container--default .select2-selection--single .select2-selection__rendered { color: rgba(255, 255, 255, 0.6); } body.dark-only .select2-container--default .select2-search--dropdown .select2-search__field { background-color: #1d1e26; border: 1px solid #1d1e26; color: rgba(255, 255, 255, 0.6); } body.dark-only .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #262932 !important; color: rgba(255, 255, 255, 0.6) !important; } body.dark-only .select2-dropdown { background-color: #1d1e26; border: 1px solid #1d1e26; } body.dark-only .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #1d1e26; } body.dark-only .theme-form .form-group select.form-control:not([size]):not([multiple]) { background-color: #1d1e26; color: rgba(255, 255, 255, 0.6); border-color: #1d1e26; } body.dark-only .theme-form .form-group input[type=text], body.dark-only .theme-form .form-group input[type=email], body.dark-only .theme-form .form-group input[type=search], body.dark-only .theme-form .form-group input[type=password], body.dark-only .theme-form .form-group input[type=number], body.dark-only .theme-form .form-group input[type=tel], body.dark-only .theme-form .form-group input[type=date], body.dark-only .theme-form .form-group input[type=datetime-local], body.dark-only .theme-form .form-group input[type=time], body.dark-only .theme-form .form-group input[type=datetime-local], body.dark-only .theme-form .form-group input[type=month], body.dark-only .theme-form .form-group input[type=week], body.dark-only .theme-form .form-group input[type=url], body.dark-only .theme-form .form-group input[type=file], body.dark-only .theme-form .form-group select { border-color: #1d1e26; background-color: #1d1e26; color: rgba(255, 255, 255, 0.6); } body.dark-only .theme-form .form-group input[type=text]::-webkit-input-placeholder, body.dark-only .theme-form .form-group input[type=email]::-webkit-input-placeholder, body.dark-only .theme-form .form-group input[type=search]::-webkit-input-placeholder, body.dark-only .theme-form .form-group input[type=password]::-webkit-input-placeholder, body.dark-only .theme-form .form-group input[type=number]::-webkit-input-placeholder, body.dark-only .theme-form .form-group input[type=tel]::-webkit-input-placeholder, body.dark-only .theme-form .form-group input[type=date]::-webkit-input-placeholder, body.dark-only .theme-form .form-group input[type=datetime-local]::-webkit-input-placeholder, body.dark-only .theme-form .form-group input[type=time]::-webkit-input-placeholder, body.dark-only .theme-form .form-group input[type=datetime-local]::-webkit-input-placeholder, body.dark-only .theme-form .form-group input[type=month]::-webkit-input-placeholder, body.dark-only .theme-form .form-group input[type=week]::-webkit-input-placeholder, body.dark-only .theme-form .form-group input[type=url]::-webkit-input-placeholder, body.dark-only .theme-form .form-group input[type=file]::-webkit-input-placeholder, body.dark-only .theme-form .form-group select::-webkit-input-placeholder { color: #98a6ad; } body.dark-only .theme-form .form-group .form-control { background-color: #1d1e26; color: rgba(255, 255, 255, 0.6); } body.dark-only .theme-form .form-group textarea { border-color: #1d1e26; } body.dark-only .theme-form .form-divider { border-top: 1px solid #1d1e26; } body.dark-only .theme-form .form-divider::before { background: #262932; color: rgba(255, 255, 255, 0.6); } body.dark-only .CodeMirror { background: #262932; border: 1px solid #98a6ad; color: rgba(255, 255, 255, 0.6); } body.dark-only .CodeMirror .CodeMirror-code pre { background: #262932; } body.dark-only .editor-toolbar { border-top: 1px solid #98a6ad; border-left: 1px solid #98a6ad; border-right: 1px solid #98a6ad; } body.dark-only .editor-toolbar a { color: rgba(255, 255, 255, 0.6) !important; } body.dark-only .editor-toolbar a:hover, body.dark-only .editor-toolbar a.active { background: #1d1e26; } body.dark-only .editor-toolbar i.separator { border-left: 1px solid #98a6ad; border-right: 1px solid #98a6ad; } body.dark-only .editor-toolbar.fullscreen::before { background: linear-gradient(to right, #1d1e26 0, rgba(0, 0, 0, 0) 100%); } body.dark-only .editor-toolbar.fullscreen::after { background: linear-gradient(to right, rgba(0, 0, 0, 0) 0, #1d1e26 100%); } body.dark-only .editor-toolbar.disabled-for-preview a:not(.no-disable) { background: #1d1e26; } body.dark-only .editor-preview { background-color: #262932; } body.dark-only .editor-toolbar.fullscreen, body.dark-only .editor-preview-side { background: #262932; border: 1px solid #98a6ad; } body.dark-only .u-step { background: #1d1e26; } body.dark-only .u-step.active, body.dark-only .u-step.current { background: var(--theme-default); color: #fff; } body.dark-only .u-step-title, body.dark-only .u-pearl-title { color: rgba(255, 255, 255, 0.6); } body.dark-only .u-step-number { background-color: #262932; } body.dark-only .u-pearl:before { background-color: #1d1e26; } body.dark-only .u-pearl-number, body.dark-only .u-pearl-icon { background: #1d1e26; border: 2px solid #1d1e26; } body.dark-only .u-pearl.disabled .u-pearl-icon, body.dark-only .u-pearl.disabled .u-pearl-number { background: #1d1e26; border: 2px solid #1d1e26; } body.dark-only .u-pearl.disabled:after { background-color: #334053; } body.dark-only .u-pearl.error:after { background-color: #1d1e26; } body.dark-only .note-editor.note-frame { border-color: #1d1e26; } body.dark-only .note-editor.note-frame .note-editing-area .note-editable { background-color: #262932; color: rgba(255, 255, 255, 0.6); } body.dark-only .swal-modal { background-color: #262932; } body.dark-only .swal-modal .swal-title { color: rgba(255, 255, 255, 0.6); } body.dark-only .swal-modal .swal-text { color: #98a6ad; } body.dark-only .swal-modal .swal-content__input { background-color: #1d1e26; color: rgba(255, 255, 255, 0.6); } body.dark-only .nav-tabs { border-bottom: 1px solid #374558; } body.dark-only .nav-tabs .nav-link { color: rgba(255, 255, 255, 0.6); } body.dark-only .nav-tabs .nav-link.active { background-color: #262932; color: rgba(255, 255, 255, 0.6); border-color: #374558 #374558 #262932; } body.dark-only .nav-tabs .nav-link:hover, body.dark-only .nav-tabs .nav-link:focus { border-color: #374558 #374558 #323846; } body.dark-only .nav-tabs .nav-item.show .nav-link { background-color: #262932; color: rgba(255, 255, 255, 0.6); border-color: #1d1e26 #1d1e26 #262932; } body.dark-only .nav-primary .nav-link.active { background-color: var(--theme-default); } body.dark-only .nav-primary .nav-item.show .nav-link { background-color: var(--theme-default); } body.dark-only .custom-tab.nav-tabs { border-bottom: none; } body.dark-only .bg-navbar .nav { background-color: #1d1e26; } body.dark-only .nav-tabs.nav-bottom .nav-item .nav-link.active, body.dark-only .nav-tabs.nav-bottom .nav-item .nav-link.focus, body.dark-only .nav-tabs.nav-bottom .nav-item .nav-link.hover { border-color: #262932 #1d1e26 #1d1e26; } body.dark-only .border-tab .nav-link.active { background-color: transparent; } body.dark-only .border-tab .show > .nav-link { background-color: transparent; } body.dark-only .border-tab.nav-left .nav-link, body.dark-only .border-tab.nav-right .nav-link { color: rgba(255, 255, 255, 0.6); } body.dark-only .border-tab.nav-left .nav-link.active, body.dark-only .border-tab.nav-right .nav-link.active { color: var(--theme-default); } body.dark-only .border-tab.nav-left .show > .nav-link, body.dark-only .border-tab.nav-right .show > .nav-link { color: var(--theme-default); } body.dark-only .border-tab.nav-left.nav-secondary .nav-link.active, body.dark-only .border-tab.nav-left.nav-secondary .nav-link:focus, body.dark-only .border-tab.nav-left.nav-secondary .nav-link:hover { border-left-color: var(--theme-secondary); color: var(--theme-secondary) !important; } body.dark-only .border-tab.nav-left.nav-secondary .show > .nav-link { border-left-color: var(--theme-secondary); color: var(--theme-secondary) !important; } body.dark-only .border-tab.nav-left.nav-secondary .nav-item.show { color: var(--theme-secondary) !important; border-left-color: var(--theme-secondary); } body.dark-only .border-tab.nav-left.nav-success .nav-link.active, body.dark-only .border-tab.nav-left.nav-success .nav-link:focus, body.dark-only .border-tab.nav-left.nav-success .nav-link:hover { color: #65c15c !important; } body.dark-only .border-tab.nav-left.nav-success .show > .nav-link { border-left-color: #65c15c; color: #65c15c !important; } body.dark-only .border-tab.nav-left.nav-success .nav-item.show { color: #65c15c !important; border-left-color: #65c15c; } body.dark-only .border-tab.nav-right.nav-info .nav-link.active, body.dark-only .border-tab.nav-right.nav-info .nav-link:focus, body.dark-only .border-tab.nav-right.nav-info .nav-link:hover { color: #40b8f5 !important; } body.dark-only .border-tab.nav-right.nav-info .show > .nav-link { border-left-color: #40b8f5; color: #40b8f5 !important; } body.dark-only .border-tab.nav-right.nav-info .nav-item.show { color: #40b8f5 !important; border-left-color: #40b8f5; } body.dark-only .border-tab.nav-secondary .nav-link.active, body.dark-only .border-tab.nav-secondary .nav-link:focus, body.dark-only .border-tab.nav-secondary .nav-link:hover { color: var(--theme-secondary) !important; } body.dark-only .border-tab.nav-secondary .nav-item.show { color: var(--theme-secondary) !important; } body.dark-only .border-tab.nav-success .nav-link.active, body.dark-only .border-tab.nav-success .nav-link:focus, body.dark-only .border-tab.nav-success .nav-link:hover { color: #65c15c !important; } body.dark-only .border-tab.nav-success .nav-item.show { color: #65c15c !important; } body.dark-only .dropdown-divider { border-top: 1px solid #1d1e26; } body.dark-only .icon-hover-bottom { background-color: #262932; box-shadow: 0px 0px 1px 1px #1d1e26; } body.dark-only .icon-hover-bottom .icon-title { color: rgba(255, 255, 255, 0.6); } body.dark-only .icon-hover-bottom span { color: #98a6ad; } body.dark-only .icon-hover-bottom .form-group input { background-color: #1d1e26; color: rgba(255, 255, 255, 0.6); border: 1px solid #1d1e26; } body.dark-only .icon-hover-bottom .icon-first i { color: #98a6ad; } body.dark-only .horizontal-icons-tab .nav-tabs .nav-item .nav-link { background-image: linear-gradient(90deg, transparent 70%, rgba(255, 255, 255, 0.08) 100%); } body.dark-only .arrow-tabs.bg-navbar i { color: rgba(255, 255, 255, 0.6); } body.dark-only .bottom-navbar .tab-content .tab-paragraph i { color: rgba(255, 255, 255, 0.6); } body.dark-only ul, body.dark-only ol, body.dark-only dl, body.dark-only p { color: rgba(255, 255, 255, 0.6); } body.dark-only ul li, body.dark-only ul dt, body.dark-only ul dd, body.dark-only ol li, body.dark-only ol dt, body.dark-only ol dd, body.dark-only dl li, body.dark-only dl dt, body.dark-only dl dd, body.dark-only p li, body.dark-only p dt, body.dark-only p dd { color: rgba(255, 255, 255, 0.6); } body.dark-only #cd-timeline::before { background: #1d1e26; } body.dark-only .timeliny { border-top: 1px solid #1d1e26; border-bottom: 1px solid #1d1e26; } body.dark-only .timeliny::before { background-color: #fff; } body.dark-only .timeliny .timeliny-dot { background-color: #262932; border: 1px solid #fff; } body.dark-only .timeliny .timeliny-dot::before { color: rgba(255, 255, 255, 0.6); } body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock.active .timeliny-dot::before { color: rgba(255, 255, 255, 0.6); } body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock.active .timeliny-dot::after { background-color: #1d1e26; color: rgba(255, 255, 255, 0.6); border: none; } body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock:not(.inactive):not(.active) .timeliny-dot:hover { background-color: #fff; } body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock:not(.inactive):not(.active) .timeliny-dot:hover::before { color: rgba(255, 255, 255, 0.6); } body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock .timeliny-dot:hover::after { background-color: #262932; border: 1px solid #1d1e26; color: rgba(255, 255, 255, 0.6); } body.dark-only .stroke-dark { stroke: rgba(255, 255, 255, 0.6) !important; } body.dark-only .taskadd table tr td .task_title_0 { color: rgba(255, 255, 255, 0.8); } body.dark-only .todo .todo-list-wrapper #todo-list li .task-container { background: #262932; border-bottom: 1px solid #1d1e26; } body.dark-only .todo .todo-list-wrapper #todo-list li .task-container .task-label { color: rgba(255, 255, 255, 0.6); } body.dark-only .todo .todo-list-wrapper #todo-list li .task-container:hover h4 { color: #fff; } body.dark-only .todo .todo-list-wrapper #todo-list li .task-container .task-action-btn .action-box:hover:not(.active) { background: #262932; border: 1px solid #1d1e26; } body.dark-only .todo .todo-list-wrapper #todo-list li.completed .task-container .task-label { color: var(--theme-default); } body.dark-only .todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn:hover { border: 1px solid #65c15c !important; } body.dark-only .todo .todo-list-wrapper .todo-list-footer .new-task-wrapper textarea { background-color: #262932; border: 1px solid #1d1e26; color: rgba(255, 255, 255, 0.6); } body.dark-only .user-profile .ttl-info h6 { color: #98a6ad; } body.dark-only .user-profile .ttl-info span { color: rgba(255, 255, 255, 0.6); } body.dark-only .user-profile .hovercard .info .title a { color: rgba(255, 255, 255, 0.6); } body.dark-only .user-profile .hovercard .user-image .avatar img { border: 10px solid #262932; } body.dark-only .user-profile .hovercard .user-image .icon-wrapper { background-color: #262932; } body.dark-only .user-profile .hovercard .tabs-scoial { border-bottom: none !important; } body.dark-only .user-profile .follow .follow-num { color: rgba(255, 255, 255, 0.6); } body.dark-only .user-profile .profile-img-style .user-name { color: rgba(255, 255, 255, 0.6); } body.dark-only .user-profile .profile-img-style p { color: #98a6ad; } body.dark-only .introjs-helperLayer { background-color: rgba(54, 64, 74, 0.9); border: rgba(255, 255, 255, 0.5); } body.dark-only .jstree-default .jstree-node, body.dark-only .jstree-default .jstree-icon { color: #455869 !important; } body.dark-only .jstree-default .jstree-anchor { color: #98a6ad; } body.dark-only .jstree-default .jstree-clicked { color: #fff; background-color: transparent; } body.dark-only .jstree-default .jstree-hovered { background-color: #1d1e26; border: 1px solid #1d1e26; } body.dark-only span.twitter-typeahead .tt-menu { background-color: #1d1e26; color: rgba(255, 255, 255, 0.6); } body.dark-only span.twitter-typeahead .tt-suggestion { color: rgba(255, 255, 255, 0.6); background-color: #1d1e26; border-top: 1px solid #374558; } body.dark-only span.twitter-typeahead .tt-suggestion:hover, body.dark-only span.twitter-typeahead .tt-suggestion:focus { background-color: #262932; } body.dark-only .typography small { color: rgba(255, 255, 255, 0.6); } body.dark-only .code-box-copy pre { background-color: #1d1e26; } body.dark-only .code-box-copy pre code { background-color: #1d1e26; } body.dark-only .code-box-copy pre[class*="language-"] { border: 1px solid #1d1e26; } body.dark-only .code-box-copy .code-box-copy__btn { background-color: #1d1e26; border: 1px solid #1d1e26; color: #fff; } body.dark-only .code-box-copy code[class*=language-], body.dark-only .code-box-copy pre[class*=language-] { text-shadow: 0px 1px #000; } body.dark-only .code-box-copy code[class*=language-] ::selection, body.dark-only .code-box-copy pre[class*=language-] ::selection { text-shadow: none; background: #262932; } body.dark-only table.fixedHeader-floating { background-color: #1d1e26; } body.dark-only .note textarea { color: rgba(255, 255, 255, 0.6); } body.dark-only .dt-button-info { background-color: #262932; border: 1px solid #1d1e26; } body.dark-only .dt-button-info h2 { background-color: #262932; border-bottom: 1px solid #1d1e26; } body.dark-only pre { background-color: #1d1e26; } body.dark-only #keytable_wrapper .dataTables_paginate, body.dark-only #column-selector_wrapper .dataTables_paginate, body.dark-only #auto-fill_wrapper .dataTables_paginate, body.dark-only #custom-button_wrapper .dataTables_paginate, body.dark-only #class-button_wrapper .dataTables_paginate, body.dark-only #keyboard-btn_wrapper .dataTables_paginate, body.dark-only #multilevel-btn_wrapper .dataTables_paginate, body.dark-only #pagelength-btn_wrapper .dataTables_paginate, body.dark-only #basic-colreorder_wrapper .dataTables_paginate, body.dark-only #state-saving_wrapper .dataTables_paginate, body.dark-only #real-time_wrapper .dataTables_paginate, body.dark-only #basic-fixed-header_wrapper .dataTables_paginate, body.dark-only #fixed-header-footer_wrapper .dataTables_paginate, body.dark-only #export-button_wrapper .dataTables_paginate, body.dark-only #excel-cust-bolder_wrapper .dataTables_paginate, body.dark-only #cust-json_wrapper .dataTables_paginate, body.dark-only #basic-key-table_wrapper .dataTables_paginate, body.dark-only #focus-cell_wrapper .dataTables_paginate, body.dark-only #responsive_wrapper .dataTables_paginate, body.dark-only #new-cons_wrapper .dataTables_paginate, body.dark-only #show-hidden-row_wrapper .dataTables_paginate, body.dark-only #basic-row-reorder_wrapper .dataTables_paginate, body.dark-only #full-row_wrapper .dataTables_paginate, body.dark-only #rest-column_wrapper .dataTables_paginate { border: none; } body.dark-only #example-style-8_wrapper table.dataTable.stripe tbody tr.odd, body.dark-only #example-style-8_wrapper table.dataTable.display tbody tr.odd { background-color: #1d1e26; } body.dark-only .error-wrapper { background-color: rgba(54, 64, 74, 0.8); } body.dark-only .error-wrapper .sub-content { color: rgba(255, 255, 255, 0.6); } body.dark-only .b-light { border: 1px solid #1d1e26 !important; } body.dark-only .modal-content { background-color: #262932; } body.dark-only .modal-content .modal-header { border-bottom: 1px solid #374558; } body.dark-only .modal-content .modal-header .close { color: rgba(255, 255, 255, 0.6); font-weight: 400; } body.dark-only .modal-content .ui-front .form-control { background-color: #262932; color: rgba(255, 255, 255, 0.6); border: 1px solid #374558; } body.dark-only .modal .theme-close { color: rgba(255, 255, 255, 0.2); } body.dark-only .token.atrule, body.dark-only .token.attr-value, body.dark-only .token.keyword { color: #40b8f5; } body.dark-only .token.boolean, body.dark-only .token.constant, body.dark-only .token.deleted, body.dark-only .token.number, body.dark-only .token.property, body.dark-only .token.symbol, body.dark-only .token.tag { color: #fc564a; } body.dark-only .loader-box.card-loader { background-color: #262932; } body.dark-only .my-gallery.gallery-with-description img { border: 1px solid #374558 !important; border-bottom: none !important; } body.dark-only .alert-primary.inverse { color: rgba(255, 255, 255, 0.6); } body.dark-only .alert-secondary.inverse { color: rgba(255, 255, 255, 0.6); } body.dark-only .alert-success.inverse { color: rgba(255, 255, 255, 0.6); } body.dark-only .alert-danger.inverse { color: rgba(255, 255, 255, 0.6); } body.dark-only .alert-warning.inverse { color: rgba(255, 255, 255, 0.6); } body.dark-only .alert-info.inverse { color: rgba(255, 255, 255, 0.6); } body.dark-only .alert-light.inverse { color: rgba(255, 255, 255, 0.6); } body.dark-only .alert-dark.inverse { color: rgba(255, 255, 255, 0.6); } body.dark-only .alert-theme span + span + span { background-color: #1d1e26; } body.dark-only .alert-theme i { padding: 20px; margin-right: 20px !important; } body.dark-only .user-card .user-deatils h6 { color: #98a6ad; } body.dark-only .user-card .card-footer > div:first-child { border-right: 1px solid #1d1e26; } body.dark-only .user-card .card-footer .user-footer h6 { color: #98a6ad; } body.dark-only .user-card .card-footer .user-footer svg path, body.dark-only .user-card .card-footer .user-footer svg rect { color: #98a6ad; } body.dark-only .navigation-option ul li a { color: rgba(255, 255, 255, 0.6); } body.dark-only .navigation-option ul li:hover { background-color: #1d1e26; } body.dark-only .product-box .product-details h6 { color: rgba(255, 255, 255, 0.6); } body.dark-only .product-box .product-details > a { color: rgba(255, 255, 255, 0.6); } body.dark-only .product-box .product-details span { color: #98a6ad; } body.dark-only .product-box .product-img .product-hover ul li { background-color: #262932; } body.dark-only .product-box .product-img .product-hover ul li:hover { background-color: #000; color: #fff; } body.dark-only .browse .browse-articles ul li a { color: rgba(255, 255, 255, 0.6); } body.dark-only .browse .browse-articles ul li:hover { background-color: #1d1e26; } body.dark-only .radio-primary input[type="radio"] + label::before { border-color: var(--theme-default) !important; } body.dark-only .radio-primary input[type="radio"] + label::after { background-color: var(--theme-default); } body.dark-only .radio-primary input[type="radio"]:checked + label::before { border-color: var(--theme-default) !important; } body.dark-only .radio-primary input[type="radio"]:checked + label::after { background-color: var(--theme-default); } body.dark-only .radio-secondary input[type="radio"] + label::before { border-color: #838383 !important; } body.dark-only .radio-secondary input[type="radio"] + label::after { background-color: #838383; } body.dark-only .radio-secondary input[type="radio"]:checked + label::before { border-color: #838383 !important; } body.dark-only .radio-secondary input[type="radio"]:checked + label::after { background-color: #838383; } body.dark-only .radio-success input[type="radio"] + label::before { border-color: #65c15c !important; } body.dark-only .radio-success input[type="radio"] + label::after { background-color: #65c15c; } body.dark-only .radio-success input[type="radio"]:checked + label::before { border-color: #65c15c !important; } body.dark-only .radio-success input[type="radio"]:checked + label::after { background-color: #65c15c; } body.dark-only .radio-danger input[type="radio"] + label::before { border-color: #fc564a !important; } body.dark-only .radio-danger input[type="radio"] + label::after { background-color: #fc564a; } body.dark-only .radio-danger input[type="radio"]:checked + label::before { border-color: #fc564a !important; } body.dark-only .radio-danger input[type="radio"]:checked + label::after { background-color: #fc564a; } body.dark-only .radio-info input[type="radio"] + label::before { border-color: #40b8f5 !important; } body.dark-only .radio-info input[type="radio"] + label::after { background-color: #40b8f5; } body.dark-only .radio-info input[type="radio"]:checked + label::before { border-color: #40b8f5 !important; } body.dark-only .radio-info input[type="radio"]:checked + label::after { background-color: #40b8f5; } body.dark-only .radio-light input[type="radio"] + label::before { border-color: #f4f4f4 !important; } body.dark-only .radio-light input[type="radio"] + label::after { background-color: #f4f4f4; } body.dark-only .radio-light input[type="radio"]:checked + label::before { border-color: #f4f4f4 !important; } body.dark-only .radio-light input[type="radio"]:checked + label::after { background-color: #f4f4f4; } body.dark-only .radio-dark input[type="radio"] + label::before { border-color: #3f475a !important; } body.dark-only .radio-dark input[type="radio"] + label::after { background-color: #3f475a; } body.dark-only .radio-dark input[type="radio"]:checked + label::before { border-color: #3f475a !important; } body.dark-only .radio-dark input[type="radio"]:checked + label::after { background-color: #3f475a; } body.dark-only .radio-warning input[type="radio"] + label::before { border-color: #ffb829 !important; } body.dark-only .radio-warning input[type="radio"] + label::after { background-color: #ffb829; } body.dark-only .radio-warning input[type="radio"]:checked + label::before { border-color: #ffb829 !important; } body.dark-only .radio-warning input[type="radio"]:checked + label::after { background-color: #ffb829; } body.dark-only .checkbox-primary label::before { border-color: var(--theme-default) !important; } body.dark-only .checkbox-secondary label::before { border-color: #838383 !important; } body.dark-only .checkbox-success label::before { border-color: #65c15c !important; } body.dark-only .checkbox-danger label::before { border-color: #fc564a !important; } body.dark-only .checkbox-info label::before { border-color: #40b8f5 !important; } body.dark-only .checkbox-light label::before { border-color: #f4f4f4 !important; } body.dark-only .checkbox-dark label::before { border-color: #3f475a !important; } body.dark-only .checkbox-warning label::before { border-color: #ffb829 !important; } body.dark-only .checkbox-solid-primary label:before { background-color: var(--theme-default) !important; border-color: var(--theme-default) !important; color: #fff !important; } body.dark-only .checkbox-solid-primary input[type="checkbox"]:checked + label::before { background-color: var(--theme-default) !important; border-color: var(--theme-default) !important; color: #fff !important; } body.dark-only .checkbox-solid-primary input[type="checkbox"]:checked + label::after { color: #fff !important; } body.dark-only .checkbox-solid-secondary label:before { background-color: #838383 !important; border-color: #838383 !important; color: #fff !important; } body.dark-only .checkbox-solid-secondary input[type="checkbox"]:checked + label::before { background-color: #838383 !important; border-color: #838383 !important; color: #fff !important; } body.dark-only .checkbox-solid-secondary input[type="checkbox"]:checked + label::after { color: #fff !important; } body.dark-only .checkbox-solid-success label:before { background-color: #65c15c !important; border-color: #65c15c !important; color: #fff !important; } body.dark-only .checkbox-solid-success input[type="checkbox"]:checked + label::before { background-color: #65c15c !important; border-color: #65c15c !important; color: #fff !important; } body.dark-only .checkbox-solid-success input[type="checkbox"]:checked + label::after { color: #fff !important; } body.dark-only .checkbox-solid-danger label:before { background-color: #fc564a !important; border-color: #fc564a !important; color: #fff !important; } body.dark-only .checkbox-solid-danger input[type="checkbox"]:checked + label::before { background-color: #fc564a !important; border-color: #fc564a !important; color: #fff !important; } body.dark-only .checkbox-solid-danger input[type="checkbox"]:checked + label::after { color: #fff !important; } body.dark-only .checkbox-solid-info label:before { background-color: #40b8f5 !important; border-color: #40b8f5 !important; color: #fff !important; } body.dark-only .checkbox-solid-info input[type="checkbox"]:checked + label::before { background-color: #40b8f5 !important; border-color: #40b8f5 !important; color: #fff !important; } body.dark-only .checkbox-solid-info input[type="checkbox"]:checked + label::after { color: #fff !important; } body.dark-only .checkbox-solid-light label:before { background-color: #f4f4f4 !important; border-color: #f4f4f4 !important; color: #fff !important; } body.dark-only .checkbox-solid-light input[type="checkbox"]:checked + label::before { background-color: #f4f4f4 !important; border-color: #f4f4f4 !important; color: #fff !important; } body.dark-only .checkbox-solid-light input[type="checkbox"]:checked + label::after { color: #fff !important; } body.dark-only .checkbox-solid-dark label:before { background-color: #3f475a !important; border-color: #3f475a !important; color: #fff !important; } body.dark-only .checkbox-solid-dark input[type="checkbox"]:checked + label::before { background-color: #3f475a !important; border-color: #3f475a !important; color: #fff !important; } body.dark-only .checkbox-solid-dark input[type="checkbox"]:checked + label::after { color: #fff !important; } body.dark-only .checkbox-solid-warning label:before { background-color: #ffb829 !important; border-color: #ffb829 !important; color: #fff !important; } body.dark-only .checkbox-solid-warning input[type="checkbox"]:checked + label::before { background-color: #ffb829 !important; border-color: #ffb829 !important; color: #fff !important; } body.dark-only .checkbox-solid-warning input[type="checkbox"]:checked + label::after { color: #fff !important; } body.dark-only .bootstrap-datetimepicker-widget ul li { color: rgba(255, 255, 255, 0.6); border-bottom: 1px solid #1d1e26; } body.dark-only .bootstrap-datetimepicker-widget tr th:hover, body.dark-only .bootstrap-datetimepicker-widget tr td:hover { background-color: #262932; } body.dark-only .bootstrap-datetimepicker-widget tr th span:hover, body.dark-only .bootstrap-datetimepicker-widget tr td span:hover { background-color: #262932; } body.dark-only .bootstrap-datetimepicker-widget tr th.prev:hover, body.dark-only .bootstrap-datetimepicker-widget tr th.next:hover, body.dark-only .bootstrap-datetimepicker-widget tr td.prev:hover, body.dark-only .bootstrap-datetimepicker-widget tr td.next:hover { background-color: #262932; } body.dark-only .bootstrap-datetimepicker-widget tr:first-child th:hover { background-color: #262932; } body.dark-only .btn-transparent { color: rgba(255, 255, 255, 0.6); } body.dark-only #cal-basic .fc-toolbar .fc-left .fc-next-button .fc-icon-right-single-arrow:after, body.dark-only #cal-basic .fc-toolbar .fc-right .fc-next-button .fc-icon-right-single-arrow:after { color: #98a6ad; } body.dark-only #cal-basic .fc-toolbar .fc-left .fc-prev-button .fc-icon-left-single-arrow:after, body.dark-only #cal-basic .fc-toolbar .fc-right .fc-prev-button .fc-icon-left-single-arrow:after { color: #98a6ad; } body.dark-only #cal-basic .fc-toolbar .fc-left .fc-button-group .fc-month-button { color: #fff !important; } body.dark-only .fc-button-group .fc-basicWeek-button, body.dark-only .fc-button-group .fc-basicDay-button, body.dark-only .fc-button-group .fc-agendaWeek-button, body.dark-only .fc-button-group .fc-agendaDay-button { color: #000 !important; } body.dark-only .fc-button-group .fc-month-button { color: #fff !important; } body.dark-only .visual-button .button-light-secondary, body.dark-only .visual-button .button-light-warning, body.dark-only .visual-button .button-light-success { color: rgba(255, 255, 255, 0.6); } body.dark-only .mix-hover-btn .txt-dark { color: rgba(255, 255, 255, 0.6) !important; } body.dark-only .btn-light:not([disabled]):not(.disabled).active.active { background-color: #1d1e26 !important; } body.dark-only .btn-light.disabled, body.dark-only .btn-light:disabled { color: rgba(64, 64, 64, 0.5) !important; } body.dark-only #cal-agenda-view .fc-toolbar .fc-right .fc-button-group .fc-month-button, body.dark-only #cal-agenda-view .fc-toolbar .fc-right .fc-button-group .btn-light { color: #000 !important; } body.dark-only #cal-agenda-view .fc-toolbar .fc-right .fc-button-group .fc-agendaWeek-button { color: #fff !important; } body.dark-only #cal-agenda-view .fc-toolbar .fc-right .fc-button-group .fc-agendaWeek-button:hover { color: #000 !important; } body.dark-only .basic-calendar .fc-toolbar .fc-right .fc-button-group .fc-basicWeek-button, body.dark-only .basic-calendar .fc-toolbar .fc-right .fc-button-group .btn-light, body.dark-only #cal-bg-events .fc-toolbar .fc-right .fc-button-group .fc-basicWeek-button, body.dark-only #cal-bg-events .fc-toolbar .fc-right .fc-button-group .btn-light, body.dark-only #cal-event-colors .fc-toolbar .fc-right .fc-button-group .fc-basicWeek-button, body.dark-only #cal-event-colors .fc-toolbar .fc-right .fc-button-group .btn-light { color: #000 !important; } body.dark-only .basic-calendar .fc-toolbar .fc-right .fc-button-group .fc-month-button, body.dark-only #cal-bg-events .fc-toolbar .fc-right .fc-button-group .fc-month-button, body.dark-only #cal-event-colors .fc-toolbar .fc-right .fc-button-group .fc-month-button { color: #fff !important; } body.dark-only .basic-calendar .fc-toolbar .fc-right .fc-button-group .fc-month-button:hover, body.dark-only #cal-bg-events .fc-toolbar .fc-right .fc-button-group .fc-month-button:hover, body.dark-only #cal-event-colors .fc-toolbar .fc-right .fc-button-group .fc-month-button:hover { color: #000 !important; } body.dark-only .categories ul li a { color: #98a6ad; } body.dark-only .categories ul li:hover { background-color: #1d1e26; } body.dark-only .socialprofile .badge { background-color: #1d1e26; } body.dark-only .socialprofile .likes-profile h5 span { color: rgba(255, 255, 255, 0.6); } body.dark-only .socialprofile span { color: #98a6ad; } body.dark-only .social-status .d-flex .flex-grow-1 span + span { color: rgba(255, 255, 255, 0.4); } body.dark-only .social-status .d-flex .flex-grow-1 p, body.dark-only .social-status .d-flex .flex-grow-1 .light-span { color: #98a6ad; } body.dark-only .filter-cards-view p, body.dark-only .timeline-content p { color: #98a6ad; } body.dark-only .filter-cards-view .comment-number i, body.dark-only .timeline-content .comment-number i { color: #98a6ad; } body.dark-only .filter-cards-view .comments-box .input-group, body.dark-only .timeline-content .comments-box .input-group { background-color: #1d1e26; } body.dark-only .filter-cards-view .comments-box .input-group .form-control, body.dark-only .timeline-content .comments-box .input-group .form-control { border: none !important; } body.dark-only .filter-cards-view .comments-box .input-group .input-group-append, body.dark-only .timeline-content .comments-box .input-group .input-group-append { background-color: #1d1e26; } body.dark-only .filter-cards-view .comments-box .input-group .input-txt-bx, body.dark-only .timeline-content .comments-box .input-group .input-txt-bx { background-color: #1d1e26; } body.dark-only .social-chat .flex-grow-1 { border: 1px solid #374558; } body.dark-only .social-chat .flex-grow-1:after { border-right: 7px solid #262932; } body.dark-only .social-chat span span { color: #98a6ad; } body.dark-only .details-about .your-details p { color: #98a6ad; } body.dark-only .activity-log .my-activity p { color: #98a6ad; } body.dark-only .bookmark ul li a { color: rgba(255, 255, 255, 0.6); } @media only screen and (max-width: 991.98px) { body.dark-only .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar { border-right: 1px solid #374558; } } @media only screen and (max-width: 767.98px) { body.dark-only .page-wrapper.material-icon .page-header { background-color: #262932; } } body.dark-only .apexcharts-tooltip.light { border-color: #374558; background-color: #1d1e26; } body.dark-only .apexcharts-tooltip.light .apexcharts-tooltip-title { border-color: #374558; } body.dark-only .apexcharts-tooltip.light .apexcharts-tooltip-text-label, body.dark-only .apexcharts-tooltip.light .apexcharts-tooltip-text-value { color: #fff; } body.dark-only .faq-accordion.default-according .card .faq-header { border: 0 !important; } body.dark-only .seller-order-table .recent-table div.dt-container .table thead tr th a, body.dark-only .seller-order-table .recent-table div.dt-container .table thead tr td a, body.dark-only .seller-order-table .recent-table div.dt-container .table tbody tr th a, body.dark-only .seller-order-table .recent-table div.dt-container .table tbody tr td a { color: rgba(255, 255, 255, 0.4); } body.dark-only .seller-order-table .recent-table div.dt-container .table thead tr th:nth-child(4) a, body.dark-only .seller-order-table .recent-table div.dt-container .table thead tr td:nth-child(4) a, body.dark-only .seller-order-table .recent-table div.dt-container .table tbody tr th:nth-child(4) a, body.dark-only .seller-order-table .recent-table div.dt-container .table tbody tr td:nth-child(4) a { color: rgba(255, 255, 255, 0.4); } body.dark-only .seller-details-table .recent-table .table thead tr th .product-action .square-white, body.dark-only .seller-details-table .recent-table .table thead tr td .product-action .square-white, body.dark-only .seller-details-table .recent-table .table tbody tr th .product-action .square-white, body.dark-only .seller-details-table .recent-table .table tbody tr td .product-action .square-white { box-shadow: 0px 0px 10px 3px #1d1e26; } body.dark-only .seller-details-table .recent-table .table thead tr th .product-action .square-white svg, body.dark-only .seller-details-table .recent-table .table thead tr td .product-action .square-white svg, body.dark-only .seller-details-table .recent-table .table tbody tr th .product-action .square-white svg, body.dark-only .seller-details-table .recent-table .table tbody tr td .product-action .square-white svg { fill: rgba(255, 255, 255, 0.6); } body.dark-only .review-box .seller-profile .accordion-button { background-color: #262932; color: rgba(255, 255, 255, 0.6); } body.dark-only .review-box .seller-profile .accordion-item .accordion-body { background-color: #323846; } body.dark-only .review-box .seller-profile .accordion-item .accordion-body li > div h6, body.dark-only .review-box .seller-profile .accordion-item .accordion-body li > div i:not(.fill) { color: rgba(255, 255, 255, 0.6); } body.dark-only .review-box .seller-profile .accordion-item .accordion-body .policies-wrapper li label { color: rgba(255, 255, 255, 0.6); } body.dark-only .review-box .seller-profile .accordion-item .accordion-body .notification-wrapper .form-check-label { color: rgba(255, 255, 255, 0.6); } body.dark-only .review-box .seller-profile .accordion-item .accordion-body .checkbox-wrapper li .form-check-label i { color: rgba(255, 255, 255, 0.6); } body.dark-only .review-box .review-people .review-list li .people-box .people-comment h6 { color: rgba(255, 255, 255, 0.4); } body.dark-only .review-box .review-people .review-list li .people-box .people-comment .date-time h6 { color: rgba(255, 255, 255, 0.4); } body.dark-only .seller-details-wrapper .review-box .seller-profile .accordion-item { background-color: #262932; } body.dark-only .seller-details-wrapper .review-box .seller-profile .accordion-item .accordion-header .accordion-button::after { filter: invert(1); } body.dark-only .seller-details-wrapper .review-box .md-sidebar .email-left-aside .card { background-color: #1d1e26; } body.dark-only #radarchart .apexcharts-canvas .apexcharts-graphical .apexcharts-plot-series polygon { fill: #1d1e26; stroke: #1f2533; } body.dark-only #radarchart .apexcharts-canvas .apexcharts-graphical .apexcharts-plot-series polygon:nth-child(odd) { fill: #323846; } body.dark-only #radarchart .apexcharts-canvas .apexcharts-graphical .apexcharts-plot-series line { stroke: #1f2533; } body.dark-only .apexcharts-radialbar-track.apexcharts-track path { stroke: #1d1e26; } body.dark-only .collection-filter-block h6 { color: rgba(255, 255, 255, 0.6); } body.dark-only .collection-filter-block ul.pro-services li span { color: rgba(255, 255, 255, 0.3); } body.dark-only .rating-box ul li .rating-list .progress { background: #1d1e26; } body.dark-only .product-rating-box .review-title-2 p { color: rgba(255, 255, 255, 0.4); } body.dark-only .seller-wrapper .form-check .form-check-input:valid ~ .form-check-label { color: rgba(255, 255, 255, 0.3); } body.dark-only .megaoption-space span:not(.pull-right):last-child { color: rgba(255, 255, 255, 0.4); } body.dark-only .main-upgrade .variation-box .selection-box .d-flex { color: #1f2533; } body.dark-only .main-upgrade .variation-box .selection-box input[type='checkbox']:checked ~ div li { color: #1f2533; } body.dark-only .common-alert .btn-close { filter: grayscale(1); } body.dark-only .dark-alert .alert p { color: #1d1e26; } body.dark-only .dark-alert-msg .alert[class*="alert-"] p { color: #1f2533; } body.dark-only .dark-alert-msg .alert[class*="alert-light-"] .btn-close { filter: none; } body.dark-only .dark-txt p strong { color: rgba(255, 255, 255, 0.6) !important; } body.dark-only .live-dark .btn-close { filter: initial; } body.dark-only .alert-light { color: #1d1e26 !important; } body.dark-only .heart-rating .rating-text { color: rgba(255, 255, 255, 0.6); } body.dark-only .main-animate a { background: #323846; } body.dark-only .main-animate svg { stroke: rgba(255, 255, 255, 0.6); } body.dark-only .main-animate svg.fill-icon, body.dark-only .main-animate svg.fill-secondary { stroke: none; fill: rgba(255, 255, 255, 0.6); } body.dark-only .main-animate i { color: rgba(255, 255, 255, 0.6); } body.dark-only .main-animate.heartbeat-wrapper svg { stroke: #fc564a; } body.dark-only .main-animate.heartbeat-wrapper i { color: #fc564a; } body.dark-only .main-animate.border-pulse-wrapper a { border-color: #374558; } body.dark-only .pulse-wrapper svg, body.dark-only .pulse-wrapper i { animation: pulse-animate-dark 1s infinite ease; } @keyframes pulse-animate-dark { 0% { box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.4); } 100% { box-shadow: 0 0 0 20px rgba(0, 0, 0, 0); } } body.dark-only .mobile-app-card.social-empower, body.dark-only .mobile-app-card.upgrade-plan { background: #1d1e26; } body.dark-only .campaign-table .badge-light-light.disabled { color: #2b2b2b; } body.dark-only .campaign-table .twitter > div { border-color: rgba(255, 255, 255, 0.6); } body.dark-only .campaign-table .twitter .social-circle { background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6); } body.dark-only .live-auction-wrapper .product-nft-content > div p span.text-black { color: rgba(255, 255, 255, 0.6) !important; } body.dark-only .nft-collection .nft-user-info .user-desc { color: rgba(255, 255, 255, 0.4); } body.dark-only .currency-table.task-table .table .main-task-wrapper tr td .form-check-label::before { background-color: #1d1e26; } body.dark-only .currency-table.task-table .table .main-task-wrapper tr .icons-box .square-white i { color: rgba(255, 255, 255, 0.4); } body.dark-only .currency-table.task-table .table .main-task-wrapper .square-white i { color: rgba(255, 255, 255, 0.4); } body.dark-only .hovercard .info .follow .border-end { border-color: rgba(255, 255, 255, 0.2) !important; } body.dark-only .tour-email span { color: #98a6ad; } body.dark-only .dropdown-menu li:first-child .dropdown-item { border-top-color: transparent; } body.dark-only .dropdown-menu .dropdown-item { border-top-color: #1d1e26; color: rgba(255, 255, 255, 0.6); opacity: 0.9; } body.dark-only .dropdown-menu .dropdown-item:hover { background-color: #323846; } body.dark-only .split-dropdown .dropdown-basic .btn-group .dropdown-menu .dropdown-item a { border-top-color: #1d1e26; color: rgba(255, 255, 255, 0.6); opacity: 0.9; } body.dark-only .split-dropdown .dropdown-basic .btn-group .dropdown-menu .dropdown-item a:hover { background-color: #323846; } body.dark-only .dropdown-basic .dropdown .dropdown-content a { border-top-color: #1d1e26; color: rgba(255, 255, 255, 0.6); opacity: 0.9; } body.dark-only .dropdown-basic .dropdown .dropdown-content a:hover { background-color: #323846 !important; } body.dark-only .dark-input-type .input-group .input-group-text { background: transparent; border: unset; } body.dark-only .heading-dropdown .dropdown-menu > li:first-child > a { background-color: #1d1e26; color: rgba(255, 255, 255, 0.6); } body.dark-only btn-group .dropdown-wrapper .input-group { border-top-color: #1d1e26; color: rgba(255, 255, 255, 0.6); opacity: 0.9; } body.dark-only btn-group .dropdown-wrapper .input-group:hover { background-color: #323846; } body.dark-only .helper-cards .dropdown-block { background-color: #323846; } body.dark-only .helper-cards .dropdown-block li h6 { color: rgba(255, 255, 255, 0.6); } body.dark-only .helper-cards .dropdown-block li .dropdown-item { background-color: transparent; } body.dark-only .dark-dropdown-box .btn-group .dropdown-toggle { color: rgba(255, 255, 255, 0.6); } body.dark-only .form-wrapper.dark-form, body.dark-only .form-wrapper.show { background-color: #1d1e26; } body.dark-only .dark-accordion .accordion-item { border: 1px solid #374558; background-color: #374558; } body.dark-only .dark-accordion .accordion-item .accordion-collapse p { color: #1d1e26; } body.dark-only .dark-accordion .accordion-item .accordion-collapse .accordion-body { background-color: #262932; } body.dark-only .dark-accordion .accordion-item .accordion-collapse .accordion-body h6 { border: 0; } body.dark-only .dark-accordion .collapse-wrapper { color: #1d1e26; } body.dark-only .dark-accordion.card { border-radius: unset; } body.dark-only .dark-accordion.card.card-body.mb-0 { border-radius: 15px; } body.dark-only .accordion.dark-accordion .accordion-item .accordion-collapse .accordion-body .accordions-content li { color: #98a6ad; } body.dark-only .accordion.dark-accordion .accordion-item .accordion-collapse p { color: #98a6ad; } body.dark-only .accordions-content li { color: #262932; } body.dark-only .dark-list .list-group .list-group-item + .list-group-item { border-top-width: 1px; } body.dark-only .dark-list .list-group .list-group-item .form-check-input { border: 1px solid rgba(255, 255, 255, 0.6); background-color: transparent; } body.dark-only .dark-list .list-light-dark { background-color: #1d1e26 !important; } body.dark-only .card-wrapper .sub-title { border-bottom: unset !important; } body.dark-only .figure.dark-blockquote .blockquote { border-left-color: var(--theme-default); border-right-color: var(--theme-default); } body.dark-only .figure.dark-blockquote .blockquote p { color: rgba(255, 255, 255, 0.6) !important; } body.dark-only .typography-list .card-wrapper dl dt { color: rgba(255, 255, 255, 0.8); } body.dark-only .datatable-init div.dt-container.dt-bootstrap5 table tbody tr td, body.dark-only .datatable-advance-wrapper div.dt-container.dt-bootstrap5 table tbody tr td, body.dark-only .datatable-api-wrapper div.dt-container.dt-bootstrap5 table tbody tr td, body.dark-only .data-source-wrapper div.dt-container.dt-bootstrap5 table tbody tr td, body.dark-only .autofill-data-tables div.dt-container.dt-bootstrap5 table tbody tr td, body.dark-only .support-ticket-table div.dt-container.dt-bootstrap5 table tbody tr td { color: rgba(255, 255, 255, 0.4); } body.dark-only .basic_table .card-block .table.light-card { background-color: rgba(255, 255, 255, 0.8); } body.dark-only .basic_table .card-block .table.light-card td, body.dark-only .basic_table .card-block .table.light-card th { color: #000 !important; } body.dark-only .basic_table .card-block .table.light-card td.font-danger, body.dark-only .basic_table .card-block .table.light-card th.font-danger { color: #fc564a !important; } body.dark-only .basic_table .card-block .table.light-card td.font-success, body.dark-only .basic_table .card-block .table.light-card th.font-success { color: #65c15c !important; } body.dark-only .dark-sign-up h3 { color: #262932; } body.dark-only .dark-sign-up p { color: #262932; } body.dark-only .dark-sign-up .modal-body form .form-label { color: #1f2533; } body.dark-only .dark-sign-up .modal-body form .form-check .form-check-label { color: #1f2533; } body.dark-only .dark-sign-up .modal-body form .form-control { color: rgba(255, 255, 255, 0.6); } body.dark-only .modal-dialog .modal-content .dark-modal .large-modal-header svg { color: rgba(255, 255, 255, 0.6); } body.dark-only .modal-dialog .modal-content .dark-modal .large-modal-header h6 { color: rgba(255, 255, 255, 0.6); } body.dark-only .modal-dialog .modal-content .dark-modal .large-modal-body svg { color: rgba(255, 255, 255, 0.6); } body.dark-only .modal-dialog .modal-content .dark-modal .large-modal-body p { color: rgba(255, 255, 255, 0.6); } body.dark-only .modal-toggle-wrapper .dark-toggle-btn { color: rgba(255, 255, 255, 0.6); } body.dark-only .social-profile { background-attachment: fixed; } body.dark-only .social-profile .social-details h5 a { color: rgba(255, 255, 255, 0.6); } body.dark-only .main-file-sidebar .md-sidebar .md-sidebar-aside .common-sort-card { background-color: #1d1e26; } body.dark-only .file-manager-grid .freeze-ui { background-color: rgba(29, 30, 38, 0.8); } body.dark-only .file-manager-grid .doc-icon { color: #1d1e26; } body.dark-only .file-manager-grid .doc-icon::after { border-color: #1d1e26; border-bottom-color: var(--dark-light-color); border-left-color: var(--dark-light-color); } [dir="rtl"] body.dark-only .file-manager-grid .doc-icon::after { border-left-color: unset; border-right-color: var(--dark-light-color); } body.dark-only .file-manager-grid .file:hover .doc-icon::after { border-color: #1d1e26; border-bottom-color: var(--dark-light-color); border-left-color: var(--dark-light-color); } [dir="rtl"] body.dark-only .file-manager-grid .file:hover .doc-icon::after { border-left-color: unset; border-right-color: var(--dark-light-color); } body.dark-only .file-manager-grid .item-selected { background-color: #323846; } body.dark-only .file-manager-grid .item-selected.file .doc-icon::after { border-color: #323846; border-bottom-color: var(--dark-light-color); border-left-color: var(--dark-light-color); } [dir="rtl"] body.dark-only .file-manager-grid .item-selected.file .doc-icon::after { border-left-color: unset; border-right-color: var(--dark-light-color); } body.dark-only .file-manager-grid .item-selected:hover { background-color: #323846; } body.dark-only .common-file-manager .filemanger .top-menu { background-color: #1d1e26; } body.dark-only .common-file-manager .filemanger .top-menu button { background-color: #323846; color: rgba(255, 255, 255, 0.6); } body.dark-only .common-file-manager .filemanger .top-folder-path { background-color: #262932; } body.dark-only .common-file-manager .filemanger .top-folder-path .path-action-btns button { background-color: #262932; } body.dark-only .common-file-manager .filemanger .top-folder-path .path-action-btns button:disabled { background-color: #262932; } body.dark-only .common-file-manager .filemanger .top-folder-path .folder-path-write { background-color: #1d1e26; } body.dark-only .common-file-manager .filemanger .top-folder-path .folder-path-write button { background-color: #1d1e26; } body.dark-only .common-file-manager .filemanger .top-folder-path .folder-path-write input { color: rgba(255, 255, 255, 0.4); } body.dark-only .common-file-manager .popup .popup-content { background-color: #1f2533; } body.dark-only .common-file-manager .popup .popup-content form input { background-color: #323846; color: rgba(255, 255, 255, 0.6); } body.dark-only .common-file-manager .folderEmpty { background-color: rgba(29, 30, 38, 0.4); } body.dark-only .bootstrap-select .dropdown-toggle { color: #898989; background-color: #1d1e26 !important; border-color: transparent !important; } body.dark-only .bootstrap-select .bs-searchbox { background-color: #323846; } body.dark-only .bootstrap-select .no-results { background-color: #1d1e26; } body.dark-only .bootstrap-select .dropdown-menu .dropdown-header { background-color: #1d1e26; } body.dark-only .bootstrap-select .dropdown-menu .dropdown-item { background-color: #262932; color: rgba(255, 255, 255, 0.6) !important; } body.dark-only .bootstrap-select .dropdown-menu .dropdown-item:hover { background-color: #1d1e26 !important; } body.dark-only .bootstrap-select .dropdown-menu .form-control { border-color: #374558; } body.dark-only .discount-options .nav-link { color: rgba(255, 255, 255, 0.4); } body.dark-only .filepond--drop-label.filepond--drop-label label { color: rgba(255, 255, 255, 0.6); } body.dark-only .filepond--root .filepond--panel-root { background-color: #1d1e26; } body.dark-only .dropzone.dropzone-secondary i { color: rgba(255, 255, 255, 0.6); } body.dark-only .dropzone .dz-preview.dz-file-preview .dz-image { background: linear-gradient(to bottom, #323846, #1d1e26); } body.dark-only .dropzone .dz-preview.dz-image-preview { background: transparent; } body.dark-only .dropzone .dz-preview .dz-details .dz-size span, body.dark-only .dropzone .dz-preview .dz-details .dz-filename span { background-color: transparent !important; color: rgba(255, 255, 255, 0.3); } body.dark-only .warning-alert p { color: #242934; } body.dark-only .warning-alert .btn-close { filter: brightness(1); } body.dark-only .dark-helper { background-color: rgba(29, 30, 38, 0.4); } body.dark-only .dark-helper h6, body.dark-only .dark-helper span { color: rgba(255, 255, 255, 0.6); } body.dark-only .dark-helper .text-muted { color: #262932 !important; } body.dark-only .font-dark { color: rgba(255, 255, 255, 0.6) !important; } body.dark-only .helper-common-box .border-common-box { border-color: #374558; } body.dark-only .helper-common-box .radius-wrapper { background-color: #1d1e26; } body.dark-only .irs-min, body.dark-only .irs-max { color: #98a6ad; background-color: #323846; } body.dark-only .irs--flat .irs-line, body.dark-only .irs--square .irs-line, body.dark-only .irs--round .irs-line { background-color: #1d1e26; } body.dark-only .irs--big .irs-line, body.dark-only .irs--modern .irs-line { background: #1d1e26; border-color: #374558; } body.dark-only .irs--sharp .irs-line { background-color: #1d1e26; } body.dark-only .jvectormap-container .jvectormap-zoomin, body.dark-only .jvectormap-container .jvectormap-zoomout { background: #323846; } body.dark-only .linear-divider h6 { color: rgba(255, 255, 255, 0.5); } body.dark-only .main-divider .vertical-divider .divider-dark-icon { stroke: rgba(255, 255, 255, 0.5); } body.dark-only .main-divider .vertical-divider .vertical-line { color: #262932; } body.dark-only .main-divider .vertical-divider .vertical-line.bg-dark { background-color: rgba(255, 255, 255, 0.6) !important; } body.dark-only .main-divider .divider-h-line.bg-dark, body.dark-only .main-divider .vr.bg-dark { background-color: rgba(255, 255, 255, 0.6) !important; } body.dark-only .animated-divider.animated-line:before { background: linear-gradient(90deg, #262932 0%, #262932 5%, transparent 5%, transparent 10%, #262932 10%, #262932 15%, transparent 15%, transparent 20%, #262932 20%, #262932 25%, transparent 25%, transparent 30%, #262932 30%, #262932 35%, transparent 35%, transparent 40%, #262932 40%, #262932 45%, transparent 45%, transparent 50%, #262932 50%, #262932 55%, transparent 55%, transparent 60%, #262932 60%, #262932 65%, transparent 65%, transparent 70%, #262932 70%, #262932 75%, transparent 75%, transparent 80%, #262932 80%, #262932 85%, transparent 85%, transparent 90%, #262932 90%, #262932 95%, transparent 95%, transparent 100%); background-size: 150px; } body.dark-only .ribbon-wrapper.alert-light-light, body.dark-only .ribbon-wrapper-bottom.alert-light-light, body.dark-only .ribbon-vertical-left-wrapper.alert-light-light, body.dark-only .ribbon-wrapper-right.alert-light-light, body.dark-only .ribbon-vertical-right-wrapper.alert-light-light { background-color: #323846; } body.dark-only .pagination .page-item .page-link.rounded-circle { color: rgba(255, 255, 255, 0.6) !important; } body.dark-only .pagination .page-item.disabled .page-link { border-color: #374558 !important; } body.dark-only .dark-timeline .date-content { color: rgba(255, 255, 255, 0.6) !important; background-color: #1d1e26 !important; } body.dark-only .animated-timeline .timeline-block .title { color: rgba(255, 255, 255, 0.6); } body.dark-only .animated-timeline .timeline-block::before { border: 1px dashed #374558; } body.dark-only .animated-timeline .timeline-block .timeline-event { background-color: #1d1e26; border: 1px dashed #374558; } body.dark-only .animated-timeline .timeline-block .timeline-event .timeline-desc h6 { color: rgba(255, 255, 255, 0.6); } body.dark-only .animated-timeline .timeline-block .timeline-event .timeline-desc span { color: rgba(255, 255, 255, 0.2); } body.dark-only .animated-timeline .timeline-block .timeline-event::before { background-color: #374558; } body.dark-only .animated-timeline .timeline-block .timeline-event.non-focus { background-color: rgba(29, 30, 38, 0.4); border: 1px dashed rgba(55, 69, 88, 0.4); } body.dark-only .animated-timeline .timeline-block .timeline-event.non-focus .timeline-desc h6 { color: rgba(255, 255, 255, 0.4); } body.dark-only .animated-timeline .timeline-block .timeline-event.non-focus .timeline-desc span { color: rgba(255, 255, 255, 0.4); } body.dark-only .timeline-list.timeline-border { border-bottom-color: #374558; } body.dark-only .activity-log.main-timeline.notification .basic-timeline ul li .date-content { background-color: transparent !important; } body.dark-only .student-leader-wrapper .student-leader-content { border-bottom-color: #374558; } body.dark-only .attendance-card .left-overview-content .svg-box { box-shadow: unset; border: 1px solid #374558; } body.dark-only .task-table .main-task-wrapper .square-white { box-shadow: unset; border: 1px solid transparent; background-color: #1d1e26; } body.dark-only .income-wrapper ul li + li { border-left: 1px dashed #374558; } [dir="rtl"] body.dark-only .income-wrapper ul li + li { border-left: unset; border-right: 1px dashed #374558; } @media (max-width: 1735px) { body.dark-only .income-wrapper ul li + li { border-left: unset; } [dir="rtl"] body.dark-only .income-wrapper ul li + li { border-right: unset; } } body.dark-only .icons-box-2 .open-options .dropdown-menu { background-color: #1d1e26; } body.dark-only .icons-box-2 .open-options .dropdown-menu .dropdown-item:hover { background-color: #323846; } body.dark-only .main-product-wrapper .product-body .product-search.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { color: #98a6ad; } body.dark-only .main-product-wrapper .product-body .product-search.input-group .input-group-text { border: 1px solid #374558; } body.dark-only .main-product-wrapper .product-body .product-search.input-group .form-control { border: 1px solid #374558; border-left: unset; background-color: #262932; } [dir="rtl"] body.dark-only .main-product-wrapper .product-body .product-search.input-group .form-control { border: 1px solid #374558; border-right: unset; } body.dark-only .shop-category-slider .swiper-wrapper .category-title { color: rgba(255, 255, 255, 0.6) !important; } body.dark-only .our-product-wrapper { box-shadow: 0px 3px 17px rgba(113, 113, 137, 0.18); } body.dark-only .order-details .search-items .input-group-text { border: 1px solid #374558; } body.dark-only .order-details .common-search .input-group-text { border: 1px solid #374558; } body.dark-only .order-details .common-search.input-group .form-control:focus { border-color: #374558; } body.dark-only .create-customers .modal-body .dark-sign-up form .form-label { color: rgba(255, 255, 255, 0.6); } body.dark-only .create-customers .modal-body .dark-sign-up form .form-control { color: rgba(255, 255, 255, 0.2); } body.dark-only .create-customers .modal-body .dark-sign-up form .form-control::placeholder { color: rgba(255, 255, 255, 0.2); } body.dark-only .customer-sticky .border-bottom { border-bottom-color: #374558 !important; } body.dark-only .compare-order .card-body .user-text { color: rgba(255, 255, 255, 0.4); } body.dark-only .compare-order .compare-icon[class*="shadow-"] { box-shadow: 0px 10.511241px 12.40899277px 0px #323846; } body.dark-only .pipeline-data .common-flex span { color: rgba(255, 255, 255, 0.4); } body.dark-only .crm-todo-list li span { color: rgba(255, 255, 255, 0.4); } body.dark-only .analytics-widget { background-color: #262932; background-blend-mode: darken; } body.dark-only .grid-showcase span { background-color: #1d1e26; } body.dark-only .ribbon-wrapper.alert-light-light, body.dark-only .ribbon-wrapper-bottom.alert-light-light, body.dark-only .ribbon-vertical-left-wrapper.alert-light-light, body.dark-only .ribbon-wrapper-right.alert-light-light, body.dark-only .ribbon-vertical-right-wrapper.alert-light-light { background-color: #1d1e26; } body.dark-only .main-session-devices .progress { background: #1d1e26; } body.dark-only .widget-11 { background-blend-mode: color-burn; } body.dark-only .project-finish-card .project-left-content .progress { background: linear-gradient(180.36deg, #374558 -32.82%, #1d1e26 99.69%); } body.dark-only .employee-list-table.recent-table table tbody .square-white { box-shadow: 0px 0px 16px -2px rgba(255, 255, 255, 0.1); } body.dark-only .employee-list-table.recent-table table tbody .square-white svg { fill: rgba(255, 255, 255, 0.6); } body.dark-only .rounded-timeline .container::before { background: #374558; } body.dark-only .rounded-timeline .container::after { border-color: #374558; background: #1f2533; } body.dark-only .rounded-timeline .timeline::after { background: #374558; } body.dark-only audio::-webkit-media-controls-play-button, body.dark-only audio::-webkit-media-controls-panel { background-color: #262932; color: rgba(255, 255, 255, 0.6); } @media (max-width: 335px) { body.dark-only audio::-webkit-media-controls-play-button, body.dark-only audio::-webkit-media-controls-panel { background-color: transparent; } } body.dark-only .project-cards .project-list .main-card-box .cost-right-data ul li:first-child { border-color: rgba(255, 255, 255, 0.3); } body.dark-only .project-cards .project-list .main-card-box .cost-right-data ul li span { color: rgba(255, 255, 255, 0.4); } body.dark-only .project-cards .project-list .main-card-box > .common-space { border-color: rgba(255, 255, 255, 0.3); } body.dark-only .project-cards .projects-wrapper .list-box .project-body .progress { background-color: rgba(255, 255, 255, 0.2); } body.dark-only .social-app-profile .tab-pane .job-accordion .filter-cards-view p { color: rgba(255, 255, 255, 0.4); } body.dark-only .main-scope-project .progress-project-box .project-body .progress { background-color: rgba(255, 255, 255, 0.2); } body.dark-only .create-project-form .bootstrap-select .dropdown-toggle { border-color: #1d1e26 !important; background-color: #1d1e26 !important; color: rgba(255, 255, 255, 0.2) !important; } body.dark-only .create-project-form .bootstrap-select .dropdown-menu .bs-searchbox { background-color: #1d1e26; } body.dark-only .create-project-form .bootstrap-select .inner { background-color: #1d1e26; } body.dark-only .create-project-form .bootstrap-select .inner .dropdown-menu .no-results { background: #1d1e26; } body.dark-only .create-project-form .form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.2); } body.dark-only .progress-project-box .card, body.dark-only .progress-project-box .list-box { box-shadow: 0px 9px 20px 0px #323846; } body.dark-only .progress-project-box .card .project-body span, body.dark-only .progress-project-box .list-box .project-body span { color: rgba(255, 255, 255, 0.4); } body.dark-only .progress-project-box .card .project-body .project-bottom, body.dark-only .progress-project-box .list-box .project-body .project-bottom { border-top: 1px solid #374558; } body.dark-only .progress-project-box .card .project-body .project-bottom svg, body.dark-only .progress-project-box .list-box .project-body .project-bottom svg { stroke: rgba(255, 255, 255, 0.6); } body.dark-only .projects-wrapper .project-body .project-bottom p { color: rgba(255, 255, 255, 0.6); } body.dark-only .budget-card.widget-2 { background-blend-mode: color-burn; } body.dark-only .filter-header .btn-group .dropdown-toggle { border-color: rgba(55, 69, 88, 0.4); color: rgba(255, 255, 255, 0.6); } body.dark-only .filter-header .btn-group .dropdown-menu li .dropdown-item { color: rgba(255, 255, 255, 0.6); } body.dark-only .project-timeline .notification ul li span { color: rgba(255, 255, 255, 0.6); } body.dark-only .project-timeline .notification ul li span .activity-profile { border-color: #374558; } body.dark-only .project-timeline .notification ul li .upload-doc { background-color: #1d1e26; } body.dark-only .project-timeline .notification ul li .flowchart-wrapper { background-color: #1d1e26; } body.dark-only .project-timeline .notification ul li .project-task-note { border-color: #374558; } body.dark-only .attach-files-wrapper .upload-files-wrapper > div { background-color: #1d1e26; } body.dark-only .attach-files-wrapper .upload-files-wrapper > div .common-space p, body.dark-only .attach-files-wrapper .upload-files-wrapper > div .common-space span { color: rgba(255, 255, 255, 0.4); } body.dark-only .project-budget-wrapper .form-check-input:focus, body.dark-only .project-budget-wrapper .form-control:focus { border-color: #374558; } body.dark-only .project-budget-wrapper .touchspin-wrapper { background-color: rgba(29, 30, 38, 0.8); } body.dark-only .common-searchbox .input-group-text { border: 1px solid #374558; } body.dark-only .common-searchbox .form-control:focus { border-color: #374558; color: rgba(255, 255, 255, 0.4); } body.dark-only .progress-project { border-color: #323846; } body.dark-only .progress-project .common-space .common-align .badge { background-color: #1f2533; } body.dark-only .summary-chart-box { background-color: #1d1e26; } body.dark-only .summary-chart-box .apexcharts-graphical .apexcharts-radial-series .apexcharts-text { fill: rgba(255, 255, 255, 0.6); } body.dark-only .scope-bottom-wrapper .sidebar-left-icons .nav-item .nav-link .nav-rounded .product-icons svg { fill: #98a6ad; } body.dark-only .scope-bottom-wrapper .sidebar-left-icons .nav-item:nth-child(4) svg { stroke: #98a6ad; } body.dark-only .common-project-header .common-align:last-child .common-align li span { color: rgba(255, 255, 255, 0.6); } body.dark-only .common-project-header .common-align:last-child .common-align li svg { stroke: #98a6ad; } body.dark-only .project-pending-table.recent-table table thead tr th, body.dark-only .project-pending-table.recent-table table thead tr td, body.dark-only .project-pending-table.recent-table table tbody tr th, body.dark-only .project-pending-table.recent-table table tbody tr td { color: rgba(255, 255, 255, 0.6) !important; } body.dark-only .activity-wrapper .schedule-wrapper { border-bottom: unset; } body.dark-only .activity-wrapper .tab-content .activity-update > li { border-left-color: #374558; } body.dark-only .invite-member ul li svg { stroke: rgba(255, 255, 255, 0.6); } body.dark-only .cmt-box i { background-color: #323846; } body.dark-only .main-team-box > div { background-color: #323846; } body.dark-only .team-box-content .common-space > span { color: rgba(255, 255, 255, 0.4); } body.dark-only .team-box-footer { border-top-color: #1d1e26; } body.dark-only .main-scrollspy .experience-section h6 { color: rgba(255, 255, 255, 0.4); } body.dark-only .main-scrollspy .navbar-scrollspy .nav-pills .nav-item.dropdown .dropdown-menu li .dropdown-item.active, body.dark-only .main-scrollspy .navbar-scrollspy .nav-pills .nav-item.dropdown .dropdown-menu li .dropdown-item:hover { background-color: #1d1e26; } body.dark-only .blog-box .blog-details p { color: rgba(255, 255, 255, 0.6); } body.dark-only .blog-box .blog-details .blog-social li { color: rgba(255, 255, 255, 0.8); } body.dark-only .blog-box .blog-details .single-blog-content-top { border-color: #374558; } body.dark-only .blog-box .blog-date { color: rgba(255, 255, 255, 0.8); } body.dark-only .blog-box .blog-details-main .blog-social li { color: rgba(255, 255, 255, 0.6); } body.dark-only .blog-box .blog-details-main .blog-bottom-details { color: rgba(255, 255, 255, 0.6); } body.dark-only .blog-list .blog-details h6 { color: rgba(255, 255, 255, 0.4); } body.dark-only .comment-box .d-flex img { border-color: #374558; } body.dark-only .comment-box .d-flex h6 span { color: rgba(255, 255, 255, 0.3); } body.dark-only .comment-box .comment-social li { color: rgba(255, 255, 255, 0.4); } body.dark-only .user-profile .freeze-ui4, body.dark-only .user-profile .freeze-ui7 { background-color: rgba(29, 30, 38, 0.8); } body.dark-only .user-profile .block-main-wrapper .block-wrapper .freeze-ui { background-color: rgba(29, 30, 38, 0.8); } body.dark-only .user-profile .overlay-bg { background-color: rgba(29, 30, 38, 0.1) !important; opacity: 0.3; } body.dark-only .form-main-wrapper .form-block-wrapper .form-control::placeholder { color: rgba(255, 255, 255, 0.2); } body.dark-only .swal2-container .swal2-popup { background: #1d1e26; } body.dark-only .swal2-container .swal2-popup .swal2-title { color: rgba(255, 255, 255, 0.6); } body.dark-only .swal2-container .swal2-popup .swal2-checkbox { background: transparent; } body.dark-only .swal2-container .swal2-popup .form-label, body.dark-only .swal2-container .swal2-popup label { color: rgba(255, 255, 255, 0.6); } body.dark-only .swal2-container .swal2-popup .form-control { color: rgba(255, 255, 255, 0.2); } body.dark-only .swal2-container .swal2-wrapper .form-control, body.dark-only .swal2-container .swal2-wrapper .form-select { border-color: #374558; background-color: #262932; } body.dark-only .main-offcanvas-wrapper .card-body [class*="offcanvas-"] .offcanvas-body .input-group-text { border-color: #374558; } body.dark-only .main-offcanvas-wrapper .card-body [class*="offcanvas-"] .offcanvas-body .form-select, body.dark-only .main-offcanvas-wrapper .card-body [class*="offcanvas-"] .offcanvas-body .form-control { color: rgba(255, 255, 255, 0.3); } body.dark-only .main-offcanvas-wrapper .card-body [class*="offcanvas-"] .offcanvas-body .form-label { color: rgba(255, 255, 255, 0.6); } body.dark-only .form-control[type=file]:not(:disabled):not([readonly]) { color: rgba(255, 255, 255, 0.2); background-color: #1d1e26; border-color: #1d1e26; } body.dark-only .custom-input .form-control, body.dark-only .custom-input .form-select { background-color: #1d1e26; border-color: #1d1e26; color: rgba(255, 255, 255, 0.6); } body.dark-only .vertical-main-wizard .header-vertical-wizard .nav-link .vertical-wizard .stroke-icon-wizard { border-color: #374558; } body.dark-only .vertical-main-wizard .header-vertical-wizard .nav-link .vertical-wizard .stroke-icon-wizard i { color: rgba(255, 255, 255, 0.6); } body.dark-only .vertical-main-wizard .header-vertical-wizard .nav-link:active .vertical-wizard .vertical-wizard-content h6, body.dark-only .vertical-main-wizard .header-vertical-wizard .nav-link.active .vertical-wizard .vertical-wizard-content h6 { color: #98a6ad; } body.dark-only .vertical-main-wizard .accordion .accordion-item { border-color: #1d1e26; } body.dark-only .vertical-main-wizard .accordion .accordion-item .accordion-button.collapsed { background-color: #1d1e26; } body.dark-only .default-dashboard div.dt-container .dt-layout-row .dt-length .dt-input, body.dark-only .dashboard-2 div.dt-container .dt-layout-row .dt-length .dt-input, body.dark-only .dashboard-3 div.dt-container .dt-layout-row .dt-length .dt-input, body.dark-only .dashboard-4 div.dt-container .dt-layout-row .dt-length .dt-input, body.dark-only .dashboard-5 div.dt-container .dt-layout-row .dt-length .dt-input, body.dark-only .dashboard-6 div.dt-container .dt-layout-row .dt-length .dt-input, body.dark-only .dashboard-7 div.dt-container .dt-layout-row .dt-length .dt-input, body.dark-only .dashboard-09 div.dt-container .dt-layout-row .dt-length .dt-input, body.dark-only .dashboard-10 div.dt-container .dt-layout-row .dt-length .dt-input, body.dark-only .dashboard-11 div.dt-container .dt-layout-row .dt-length .dt-input, body.dark-only .main-scope-project div.dt-container .dt-layout-row .dt-length .dt-input, body.dark-only .e-category div.dt-container .dt-layout-row .dt-length .dt-input, body.dark-only .list-product-view div.dt-container .dt-layout-row .dt-length .dt-input, body.dark-only .seller-details-wrapper div.dt-container .dt-layout-row .dt-length .dt-input, body.dark-only .common-order-history div.dt-container .dt-layout-row .dt-length .dt-input, body.dark-only .common-cart div.dt-container .dt-layout-row .dt-length .dt-input { background-color: #1d1e26; color: rgba(255, 255, 255, 0.6); border-color: #374558; } body.dark-only .default-dashboard div.dt-container .dt-layout-row .dt-length .dt-input:focus-visible, body.dark-only .dashboard-2 div.dt-container .dt-layout-row .dt-length .dt-input:focus-visible, body.dark-only .dashboard-3 div.dt-container .dt-layout-row .dt-length .dt-input:focus-visible, body.dark-only .dashboard-4 div.dt-container .dt-layout-row .dt-length .dt-input:focus-visible, body.dark-only .dashboard-5 div.dt-container .dt-layout-row .dt-length .dt-input:focus-visible, body.dark-only .dashboard-6 div.dt-container .dt-layout-row .dt-length .dt-input:focus-visible, body.dark-only .dashboard-7 div.dt-container .dt-layout-row .dt-length .dt-input:focus-visible, body.dark-only .dashboard-09 div.dt-container .dt-layout-row .dt-length .dt-input:focus-visible, body.dark-only .dashboard-10 div.dt-container .dt-layout-row .dt-length .dt-input:focus-visible, body.dark-only .dashboard-11 div.dt-container .dt-layout-row .dt-length .dt-input:focus-visible, body.dark-only .main-scope-project div.dt-container .dt-layout-row .dt-length .dt-input:focus-visible, body.dark-only .e-category div.dt-container .dt-layout-row .dt-length .dt-input:focus-visible, body.dark-only .list-product-view div.dt-container .dt-layout-row .dt-length .dt-input:focus-visible, body.dark-only .seller-details-wrapper div.dt-container .dt-layout-row .dt-length .dt-input:focus-visible, body.dark-only .common-order-history div.dt-container .dt-layout-row .dt-length .dt-input:focus-visible, body.dark-only .common-cart div.dt-container .dt-layout-row .dt-length .dt-input:focus-visible { outline: transparent; } body.dark-only .default-dashboard div.dt-container .dt-layout-row tr.selected td, body.dark-only .dashboard-2 div.dt-container .dt-layout-row tr.selected td, body.dark-only .dashboard-3 div.dt-container .dt-layout-row tr.selected td, body.dark-only .dashboard-4 div.dt-container .dt-layout-row tr.selected td, body.dark-only .dashboard-5 div.dt-container .dt-layout-row tr.selected td, body.dark-only .dashboard-6 div.dt-container .dt-layout-row tr.selected td, body.dark-only .dashboard-7 div.dt-container .dt-layout-row tr.selected td, body.dark-only .dashboard-09 div.dt-container .dt-layout-row tr.selected td, body.dark-only .dashboard-10 div.dt-container .dt-layout-row tr.selected td, body.dark-only .dashboard-11 div.dt-container .dt-layout-row tr.selected td, body.dark-only .main-scope-project div.dt-container .dt-layout-row tr.selected td, body.dark-only .e-category div.dt-container .dt-layout-row tr.selected td, body.dark-only .list-product-view div.dt-container .dt-layout-row tr.selected td, body.dark-only .seller-details-wrapper div.dt-container .dt-layout-row tr.selected td, body.dark-only .common-order-history div.dt-container .dt-layout-row tr.selected td, body.dark-only .common-cart div.dt-container .dt-layout-row tr.selected td { box-shadow: inset 0 0 0 9999px #323846; } body.dark-only .default-dashboard div.dt-container .dt-layout-row tr.selected a, body.dark-only .dashboard-2 div.dt-container .dt-layout-row tr.selected a, body.dark-only .dashboard-3 div.dt-container .dt-layout-row tr.selected a, body.dark-only .dashboard-4 div.dt-container .dt-layout-row tr.selected a, body.dark-only .dashboard-5 div.dt-container .dt-layout-row tr.selected a, body.dark-only .dashboard-6 div.dt-container .dt-layout-row tr.selected a, body.dark-only .dashboard-7 div.dt-container .dt-layout-row tr.selected a, body.dark-only .dashboard-09 div.dt-container .dt-layout-row tr.selected a, body.dark-only .dashboard-10 div.dt-container .dt-layout-row tr.selected a, body.dark-only .dashboard-11 div.dt-container .dt-layout-row tr.selected a, body.dark-only .main-scope-project div.dt-container .dt-layout-row tr.selected a, body.dark-only .e-category div.dt-container .dt-layout-row tr.selected a, body.dark-only .list-product-view div.dt-container .dt-layout-row tr.selected a, body.dark-only .seller-details-wrapper div.dt-container .dt-layout-row tr.selected a, body.dark-only .common-order-history div.dt-container .dt-layout-row tr.selected a, body.dark-only .common-cart div.dt-container .dt-layout-row tr.selected a { color: rgba(255, 255, 255, 0.4); } body.dark-only .default-dashboard div.dt-container .dt-layout-row .dt-layout-cell .dt-info, body.dark-only .dashboard-2 div.dt-container .dt-layout-row .dt-layout-cell .dt-info, body.dark-only .dashboard-3 div.dt-container .dt-layout-row .dt-layout-cell .dt-info, body.dark-only .dashboard-4 div.dt-container .dt-layout-row .dt-layout-cell .dt-info, body.dark-only .dashboard-5 div.dt-container .dt-layout-row .dt-layout-cell .dt-info, body.dark-only .dashboard-6 div.dt-container .dt-layout-row .dt-layout-cell .dt-info, body.dark-only .dashboard-7 div.dt-container .dt-layout-row .dt-layout-cell .dt-info, body.dark-only .dashboard-09 div.dt-container .dt-layout-row .dt-layout-cell .dt-info, body.dark-only .dashboard-10 div.dt-container .dt-layout-row .dt-layout-cell .dt-info, body.dark-only .dashboard-11 div.dt-container .dt-layout-row .dt-layout-cell .dt-info, body.dark-only .main-scope-project div.dt-container .dt-layout-row .dt-layout-cell .dt-info, body.dark-only .e-category div.dt-container .dt-layout-row .dt-layout-cell .dt-info, body.dark-only .list-product-view div.dt-container .dt-layout-row .dt-layout-cell .dt-info, body.dark-only .seller-details-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-info, body.dark-only .common-order-history div.dt-container .dt-layout-row .dt-layout-cell .dt-info, body.dark-only .common-cart div.dt-container .dt-layout-row .dt-layout-cell .dt-info { color: rgba(255, 255, 255, 0.6); } body.dark-only .default-dashboard div.dt-container .dt-layout-row .dt-search label, body.dark-only .dashboard-2 div.dt-container .dt-layout-row .dt-search label, body.dark-only .dashboard-3 div.dt-container .dt-layout-row .dt-search label, body.dark-only .dashboard-4 div.dt-container .dt-layout-row .dt-search label, body.dark-only .dashboard-5 div.dt-container .dt-layout-row .dt-search label, body.dark-only .dashboard-6 div.dt-container .dt-layout-row .dt-search label, body.dark-only .dashboard-7 div.dt-container .dt-layout-row .dt-search label, body.dark-only .dashboard-09 div.dt-container .dt-layout-row .dt-search label, body.dark-only .dashboard-10 div.dt-container .dt-layout-row .dt-search label, body.dark-only .dashboard-11 div.dt-container .dt-layout-row .dt-search label, body.dark-only .main-scope-project div.dt-container .dt-layout-row .dt-search label, body.dark-only .e-category div.dt-container .dt-layout-row .dt-search label, body.dark-only .list-product-view div.dt-container .dt-layout-row .dt-search label, body.dark-only .seller-details-wrapper div.dt-container .dt-layout-row .dt-search label, body.dark-only .common-order-history div.dt-container .dt-layout-row .dt-search label, body.dark-only .common-cart div.dt-container .dt-layout-row .dt-search label { color: rgba(255, 255, 255, 0.6); } body.dark-only .default-dashboard div.dt-container .dt-layout-row .dt-search .dt-input, body.dark-only .dashboard-2 div.dt-container .dt-layout-row .dt-search .dt-input, body.dark-only .dashboard-3 div.dt-container .dt-layout-row .dt-search .dt-input, body.dark-only .dashboard-4 div.dt-container .dt-layout-row .dt-search .dt-input, body.dark-only .dashboard-5 div.dt-container .dt-layout-row .dt-search .dt-input, body.dark-only .dashboard-6 div.dt-container .dt-layout-row .dt-search .dt-input, body.dark-only .dashboard-7 div.dt-container .dt-layout-row .dt-search .dt-input, body.dark-only .dashboard-09 div.dt-container .dt-layout-row .dt-search .dt-input, body.dark-only .dashboard-10 div.dt-container .dt-layout-row .dt-search .dt-input, body.dark-only .dashboard-11 div.dt-container .dt-layout-row .dt-search .dt-input, body.dark-only .main-scope-project div.dt-container .dt-layout-row .dt-search .dt-input, body.dark-only .e-category div.dt-container .dt-layout-row .dt-search .dt-input, body.dark-only .list-product-view div.dt-container .dt-layout-row .dt-search .dt-input, body.dark-only .seller-details-wrapper div.dt-container .dt-layout-row .dt-search .dt-input, body.dark-only .common-order-history div.dt-container .dt-layout-row .dt-search .dt-input, body.dark-only .common-cart div.dt-container .dt-layout-row .dt-search .dt-input { background-color: #1d1e26; color: rgba(255, 255, 255, 0.6); outline: unset; } body.dark-only .default-dashboard div.dt-container .dt-layout-row .dt-paging .dt-paging-button, body.dark-only .dashboard-2 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, body.dark-only .dashboard-3 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, body.dark-only .dashboard-4 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, body.dark-only .dashboard-5 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, body.dark-only .dashboard-6 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, body.dark-only .dashboard-7 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, body.dark-only .dashboard-09 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, body.dark-only .dashboard-10 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, body.dark-only .dashboard-11 div.dt-container .dt-layout-row .dt-paging .dt-paging-button, body.dark-only .main-scope-project div.dt-container .dt-layout-row .dt-paging .dt-paging-button, body.dark-only .e-category div.dt-container .dt-layout-row .dt-paging .dt-paging-button, body.dark-only .list-product-view div.dt-container .dt-layout-row .dt-paging .dt-paging-button, body.dark-only .seller-details-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button, body.dark-only .common-order-history div.dt-container .dt-layout-row .dt-paging .dt-paging-button, body.dark-only .common-cart div.dt-container .dt-layout-row .dt-paging .dt-paging-button { background-color: #1d1e26; } body.dark-only .default-dashboard div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, body.dark-only .dashboard-2 div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, body.dark-only .dashboard-3 div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, body.dark-only .dashboard-4 div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, body.dark-only .dashboard-5 div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, body.dark-only .dashboard-6 div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, body.dark-only .dashboard-7 div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, body.dark-only .dashboard-09 div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, body.dark-only .dashboard-10 div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, body.dark-only .dashboard-11 div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, body.dark-only .main-scope-project div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, body.dark-only .e-category div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, body.dark-only .list-product-view div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, body.dark-only .seller-details-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, body.dark-only .common-order-history div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current, body.dark-only .common-cart div.dt-container .dt-layout-row .dt-paging .dt-paging-button.current { background-color: var(--theme-default); } body.dark-only .default-dashboard div.dt-container .dt-layout-row .dt-paging .dt-paging-button.disabled, body.dark-only .dashboard-2 div.dt-container .dt-layout-row .dt-paging .dt-paging-button.disabled, body.dark-only .dashboard-3 div.dt-container .dt-layout-row .dt-paging .dt-paging-button.disabled, body.dark-only .dashboard-4 div.dt-container .dt-layout-row .dt-paging .dt-paging-button.disabled, body.dark-only .dashboard-5 div.dt-container .dt-layout-row .dt-paging .dt-paging-button.disabled, body.dark-only .dashboard-6 div.dt-container .dt-layout-row .dt-paging .dt-paging-button.disabled, body.dark-only .dashboard-7 div.dt-container .dt-layout-row .dt-paging .dt-paging-button.disabled, body.dark-only .dashboard-09 div.dt-container .dt-layout-row .dt-paging .dt-paging-button.disabled, body.dark-only .dashboard-10 div.dt-container .dt-layout-row .dt-paging .dt-paging-button.disabled, body.dark-only .dashboard-11 div.dt-container .dt-layout-row .dt-paging .dt-paging-button.disabled, body.dark-only .main-scope-project div.dt-container .dt-layout-row .dt-paging .dt-paging-button.disabled, body.dark-only .e-category div.dt-container .dt-layout-row .dt-paging .dt-paging-button.disabled, body.dark-only .list-product-view div.dt-container .dt-layout-row .dt-paging .dt-paging-button.disabled, body.dark-only .seller-details-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button.disabled, body.dark-only .common-order-history div.dt-container .dt-layout-row .dt-paging .dt-paging-button.disabled, body.dark-only .common-cart div.dt-container .dt-layout-row .dt-paging .dt-paging-button.disabled { background-color: #1d1e26; color: rgba(255, 255, 255, 0.6); } body.dark-only td.highlight { background-color: #1f232b !important; } body.dark-only .basic_table.jsgrid .jsgrid-table .jsgrid-edit-row .jsgrid-cell { background: #2b2b2b; } body.dark-only .basic_table.jsgrid .jsgrid-table .jsgrid-edit-row .jsgrid-cell input { background-color: #1c212b; color: #fff; border: transparent; } body.dark-only .basic_table.jsgrid .jsgrid-table .jsgrid-edit-row .jsgrid-cell input:focus, body.dark-only .basic_table.jsgrid .jsgrid-table .jsgrid-edit-row .jsgrid-cell input:focus-visible { outline-color: #374558; } body.dark-only .card-wrapper .form-control, body.dark-only .dark-field .form-control { background-color: #1d1e26; border-color: #1d1e26; color: rgba(255, 255, 255, 0.6); } body.dark-only .form-control-sm { background-color: #1d1e26; border-color: #1d1e26; } body.dark-only .dark-inputs .form-control.btn-square { background-color: #1d1e26; border-color: #1d1e26; } body.dark-only .dark-inputs .form-control.btn-pill { background-color: #1d1e26; border-color: #1d1e26; } body.dark-only .dark-inputs .form-control.input-air-primary { background-color: #1d1e26; border-color: #1d1e26; } body.dark-only .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options .nav-link .horizontal-wizard .stroke-icon-wizard { color: #1d1e26; } body.dark-only .default-inline-calender .main-inline-calender .form-control { display: none; } body.dark-only .default-inline-calender .main-inline-calender .flatpickr-calendar { box-shadow: unset; } body.dark-only .default-inline-calender .main-inline-calender .flatpickr-calendar .flatpickr-months .flatpickr-monthDropdown-months option { background-color: #1d1e26; } body.dark-only .touchspin-wrapper input[type="number"].input-touchspin, body.dark-only .pre-post-touchspin input[type="number"].input-touchspin { background-color: #1d1e26; color: rgba(255, 255, 255, 0.6); } body.dark-only .variation-box .selection-box input[type=checkbox]:checked ~ div { color: #1f2533; } body.dark-only .flatpickr-calendar { box-shadow: unset; } body.dark-only .flatpickr-calendar.arrowTop::before { border-bottom-color: #1d1e26; } body.dark-only .flatpickr-calendar.arrowTop::after { border-bottom-color: #1d1e26; } body.dark-only .flatpickr-calendar.arrowBottom::before { border-top-color: #1d1e26; } body.dark-only .flatpickr-calendar.arrowBottom::after { border-top-color: #1d1e26; } body.dark-only .flatpickr-calendar.animate { background-color: #1d1e26; } body.dark-only .flatpickr-calendar .flatpickr-months .flatpickr-prev-month, body.dark-only .flatpickr-calendar .flatpickr-months .flatpickr-next-month { fill: rgba(255, 255, 255, 0.6); } body.dark-only .flatpickr-calendar .flatpickr-months .flatpickr-monthDropdown-months { color: rgba(255, 255, 255, 0.6); } body.dark-only .flatpickr-calendar .flatpickr-months .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month { background-color: #1d1e26; } body.dark-only .flatpickr-calendar .flatpickr-months .flatpickr-current-month { color: rgba(255, 255, 255, 0.6); } body.dark-only .flatpickr-calendar .flatpickr-innerContainer .flatpickr-days .flatpickr-day.inRange { background: #323846; border-color: #323846; box-shadow: -5px 0 0 #323846, 5px 0 0 #323846; } body.dark-only .flatpickr-calendar .flatpickr-weekday { color: rgba(255, 255, 255, 0.7); } body.dark-only .flatpickr-calendar .flatpickr-day { color: rgba(255, 255, 255, 0.6); } body.dark-only .flatpickr-calendar .flatpickr-day.prevMonthDay { color: rgba(255, 255, 255, 0.2); } body.dark-only .flatpickr-calendar .flatpickr-day.nextMonthDay { color: rgba(255, 255, 255, 0.2); } body.dark-only .flatpickr-calendar .flatpickr-day:hover { background: #323846; } body.dark-only .flatpickr-calendar .flatpickr-time { border-top-color: #374558; } body.dark-only .flatpickr-calendar .flatpickr-time input { color: rgba(255, 255, 255, 0.6); } body.dark-only .flatpickr-calendar .flatpickr-time .flatpickr-am-pm { color: rgba(255, 255, 255, 0.2); background: #1d1e26; } body.dark-only .flatpickr-calendar .flatpickr-time .flatpickr-am-pm:hover { color: rgba(255, 255, 255, 0.6); } body.dark-only .flatpickr-time { border: 1px solid #323846; } body.dark-only .flatpickr-time input { background: #22262f; } body.dark-only .main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day:hover { background-color: #262932; color: rgba(255, 255, 255, 0.6); } body.dark-only .tagify__dropdown__item--active { background-color: #1d1e26; } body.dark-only .tagify__input { color: #98a6ad; } body.dark-only .tagify__input::before { color: #98a6ad; } body.dark-only .tagify__input:focus:empty::before { color: rgba(255, 255, 255, 0.2); } body.dark-only .tagify { border-color: #374558; --tags-focus-border-color: #374558; } body.dark-only .tagify .tagify__tag__removeBtn { color: rgba(255, 255, 255, 0.6); } body.dark-only .tagify__tag { --tag-bg: var(--light-bg); --tag-hover: var(--light-bg); } body.dark-only .tagify__tag > div { color: rgba(255, 255, 255, 0.6); } body.dark-only .tagify__tag:hover { --tag-hover: var(--light-bg); } body.dark-only .international-num input { border-color: #374558; background-color: #262932; color: rgba(255, 255, 255, 0.6); } body.dark-only .international-num input::placeholder { color: rgba(255, 255, 255, 0.4); } body.dark-only .international-num .results ul { border: 1px solid #374558; } body.dark-only .international-num .iti--allow-dropdown:focus, body.dark-only .international-num input:focus { outline: unset; } body.dark-only .selected-box { color: rgba(255, 255, 255, 0.6); } body.dark-only .iti__country-list { background-color: #262932; } body.dark-only .select-box .selection-option:hover { background-color: #22262f; } body.dark-only .select-box .options-container.active ~ .search-box input { background-color: rgba(255, 255, 255, 0.6); } body.dark-only .list-product-view .list-product .recent-table table thead tr th .product-action .square-white, body.dark-only .list-product-view .list-product .recent-table table thead tr td .product-action .square-white, body.dark-only .list-product-view .list-product .recent-table table tbody tr th .product-action .square-white, body.dark-only .list-product-view .list-product .recent-table table tbody tr td .product-action .square-white { box-shadow: 0px 0px 12px 3px #1d1e26; } body.dark-only .product-filter .checkbox-animated .form-check .form-check-label .number { color: rgba(255, 255, 255, 0.4); } body.dark-only .feature-products .filter-toggle { background-color: #262932; } body.dark-only .product-wrapper .product-grid .form-select { background-color: #262932; background-blend-mode: screen; } body.dark-only .product-wrapper .product-grid .product-wrapper-grid .product-box:hover ul li { background-color: transparent; } @media (max-width: 991px) { body.dark-only .product-wrapper .product-grid .product-wrapper-grid .modal .modal-header .btn-close { filter: unset; } } body.dark-only .product-wrapper .product-grid .product-wrapper-grid .modal .modal-header .product-box .product-details .product-size ul li { background-color: rgba(115, 102, 255, 0.1); } body.dark-only .common-order-history .order-history-wrapper .recent-table table tbody .square-white { box-shadow: 0px 0px 16px 5px #1d1e26; } body.dark-only .common-order-history .order-history-wrapper .recent-table table tbody .square-white svg { fill: rgba(255, 255, 255, 0.6); } body.dark-only .track-order-details #order-status-timeline .main-status-line ul li .order-process { color: rgba(255, 255, 255, 0.4); border-color: #374558; } body.dark-only .track-order-details #order-status-timeline .main-status-line ul li .order-process.active { color: rgba(255, 255, 255, 0.8); } body.dark-only .track-order-details #order-status-timeline .main-status-line ul li h6 { color: rgba(255, 255, 255, 0.6); } body.dark-only .tracking-total li h6, body.dark-only .tracking-total li span { color: rgba(255, 255, 255, 0.6); } body.dark-only .order-details-product table tbody ul li:last-child p, body.dark-only .order-details-product table tbody ul li:last-child span { color: rgba(255, 255, 255, 0.4); } body.dark-only .customer-details h6 { color: rgba(255, 255, 255, 0.6); } body.dark-only .customer-details span { color: rgba(255, 255, 255, 0.4); } body.dark-only .pricingtable { box-shadow: 0 0 40px #1d1e26; } body.dark-only .pricing-simple .pricing-content li { color: rgba(255, 255, 255, 0.4); } body.dark-only .checkout .checkout-cart form .form-control::placeholder { color: rgba(255, 255, 255, 0.2); } body.dark-only .shipping-form .checkout-cart .basic-wizard .shipping-wizard .shipping-address span strong { color: rgba(255, 255, 255, 0.6); } body.dark-only .summery-contain { border-bottom-color: #374558; } body.dark-only .summery-contain li { border-bottom-color: rgba(255, 255, 255, 0.2); } body.dark-only .summery-contain li h6 { color: rgba(255, 255, 255, 0.4); } body.dark-only .summary-total li h6 { color: rgba(255, 255, 255, 0.6); } body.dark-only .summary-total li:last-child { border-top-color: #374558; } body.dark-only .wishlist-box .wishlist-footer .brand-name { color: rgba(255, 255, 255, 0.4); } body.dark-only .wishlist-box .wishlist-footer .price del { color: rgba(255, 255, 255, 0.4); } body.dark-only .wishlist-box .wishlist-image .wishlist-close-btn .btn { box-shadow: 0 3px 3px rgba(255, 255, 255, 0.1) !important; } body.dark-only [class*="button-light-"] { color: rgba(255, 255, 255, 0.6); } body.dark-only .button--winona:hover { background-color: rgba(232, 229, 255, 0.08); } body.dark-only .cart-buttons li .btn.btn-hover-effect { background-color: #323846; color: rgba(255, 255, 255, 0.6); } body.dark-only .shopping-cart-table .recent-table div.dt-container .table thead tr .product-names p, body.dark-only .shopping-cart-table .recent-table div.dt-container .table thead tr .product-names span, body.dark-only .shopping-cart-table .recent-table div.dt-container .table thead td .product-names p, body.dark-only .shopping-cart-table .recent-table div.dt-container .table thead td .product-names span, body.dark-only .shopping-cart-table .recent-table div.dt-container .table tbody tr .product-names p, body.dark-only .shopping-cart-table .recent-table div.dt-container .table tbody tr .product-names span, body.dark-only .shopping-cart-table .recent-table div.dt-container .table tbody td .product-names p, body.dark-only .shopping-cart-table .recent-table div.dt-container .table tbody td .product-names span { color: rgba(255, 255, 255, 0.4); } body.dark-only .shopping-cart-table .recent-table div.dt-container .table thead tr .product-action .square-white, body.dark-only .shopping-cart-table .recent-table div.dt-container .table thead td .product-action .square-white, body.dark-only .shopping-cart-table .recent-table div.dt-container .table tbody tr .product-action .square-white, body.dark-only .shopping-cart-table .recent-table div.dt-container .table tbody td .product-action .square-white { box-shadow: 0px 0px 10px 0px #1d1e26; } body.dark-only .shopping-cart-table .recent-table div.dt-container .table thead tr .product-action .square-white:first-child svg, body.dark-only .shopping-cart-table .recent-table div.dt-container .table thead td .product-action .square-white:first-child svg, body.dark-only .shopping-cart-table .recent-table div.dt-container .table tbody tr .product-action .square-white:first-child svg, body.dark-only .shopping-cart-table .recent-table div.dt-container .table tbody td .product-action .square-white:first-child svg { filter: opacity(0.3); } body.dark-only .shopping-cart-table .recent-table div.dt-container .table thead tr th:last-child span svg { fill: #98a6ad; } body.dark-only .table-hover > tbody > tr:hover { --bs-table-accent-bg: #1d1e26; } body.dark-only .main-qr-code .modal-toggle-wrapper .modal-img .qr-content .alert { background-color: #1d1e26; border-color: #323846; } body.dark-only .main-qr-code .modal-toggle-wrapper .modal-img .qr-content .alert i { color: rgba(255, 255, 255, 0.6); } body.dark-only .main-qr-code .modal-toggle-wrapper .modal-img .qr-content .alert div { color: rgba(255, 255, 255, 0.6); } body.dark-only .main-qr-code .modal-toggle-wrapper form .form-control { background-color: #1d1e26; border-color: #323846; } body.dark-only .authentication-options .radio-wrapper li .form-check-label span > span { color: #98a6ad; } body.dark-only .typeahead-wrapper .theme-form .form-control { background-color: #1d1e26 !important; border-color: #1d1e26 !important; } body.dark-only .email-main-wrapper .email-right-aside .freeze-ui { background-color: rgba(29, 30, 38, 0.8); } body.dark-only .email-main-wrapper .email-app-sidebar .nav-pills .nav-item ul li a { color: rgba(255, 255, 255, 0.4); } body.dark-only .email-main-wrapper .email-app-sidebar .nav-pills .nav-link { color: rgba(255, 255, 255, 0.4); } body.dark-only .email-main-wrapper .email-app-sidebar .nav-pills .nav-link.active svg, body.dark-only .email-main-wrapper .email-app-sidebar .nav-pills .nav-link:active svg { stroke: rgba(255, 255, 255, 0.6); } body.dark-only .email-main-wrapper .email-app-sidebar .nav-pills .nav-link svg { stroke: rgba(255, 255, 255, 0.4); } body.dark-only .compose-modal form .form-control { background-color: #1d1e26; border-color: #374558; color: #98a6ad; } body.dark-only .toolbar-box { border-color: #374558; } body.dark-only .toolbar-box .ql-snow .ql-stroke { stroke: #98a6ad; } body.dark-only .toolbar-box .ql-snow .ql-tooltip { background-color: #1d1e26; box-shadow: unset; border: 0; } body.dark-only .toolbar-box .ql-snow .ql-tooltip.ql-editing input[type=text] { background-color: #262932; border: 0; color: #98a6ad; } body.dark-only .toolbar-box .ql-snow a { color: rgba(255, 255, 255, 0.2); } body.dark-only .toolbar-box .ql-editor.ql-blank::before { color: rgba(255, 255, 255, 0.2); } body.dark-only .email-body .mail-body-wrapper ul li .inbox-message .email-data span { color: rgba(255, 255, 255, 0.4); } body.dark-only .email-body .mail-body-wrapper ul li .inbox-message .email-options i { color: rgba(255, 255, 255, 0.4); } body.dark-only .email-body .mail-body-wrapper .important-mail { stroke: rgba(255, 255, 255, 0.4); } body.dark-only .email-body .mail-body-wrapper .user-mail-wrapper .user-title .inbox-options svg { stroke: rgba(255, 255, 255, 0.4); } body.dark-only .email-body .mail-body-wrapper .user-mail-wrapper .user-title .inbox-security p { color: rgba(255, 255, 255, 0.4); } body.dark-only .email-body .mail-header-wrapper .mail-body .mail-search .form-control { background-color: #1d1e26; border: 0; color: rgba(255, 255, 255, 0.2); } body.dark-only .email-body .mail-header-wrapper .mail-body .mail-search .form-control::placeholder { color: rgba(255, 255, 255, 0.2); } body.dark-only .email-body .mail-header-wrapper .mail-body .mail-search i { color: rgba(255, 255, 255, 0.2); } body.dark-only .email-body .mail-header-wrapper .mail-body .dropdown-menu .dropdown-item { background: #1d1e26; opacity: 1; border: 0; color: rgba(255, 255, 255, 0.2); } body.dark-only .email-body .mail-header-wrapper .mail-body .dropdown-menu .dropdown-item:hover { background-color: #262932; } body.dark-only .email-body .mail-header-wrapper .mail-body1 svg { stroke: rgba(255, 255, 255, 0.6); } body.dark-only .inbox-options .light-square.btn-group .dropdown-menu { background: #2b2b2b; } body.dark-only .inbox-options .light-square.btn-group .dropdown-menu .dropdown-item:hover { background-color: rgba(255, 255, 255, 0.2); color: #98a6ad; } body.dark-only .mail-filters svg { stroke: rgba(255, 255, 255, 0.4); } body.dark-only .inbox-security { background-color: #1d1e26; } body.dark-only .flatpicker-calender.product-date .form-control.flatpickr-input { border: unset; background-color: #1d1e26; } body.dark-only .price-wrapper .radio-wrapper li .form-check-input { border: 1px solid #374558; } body.dark-only .price-wrapper .radio-wrapper li .form-check-input ~ .form-check-label span { color: #98a6ad; } body.dark-only .product-buttons .btn:hover, body.dark-only .product-buttons .btn:active { color: rgba(255, 255, 255, 0.8); } body.dark-only .product-buttons .btn svg { stroke: rgba(255, 255, 255, 0.8); } body.dark-only .ql-formats .ql-picker-label::before { color: rgba(255, 255, 255, 0.6); } body.dark-only .e-category .form-label { color: rgba(255, 255, 255, 0.6); } body.dark-only .e-category .form-control::placeholder { color: rgba(255, 255, 255, 0.2); } body.dark-only .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link .nav-rounded { box-shadow: inset 0px 9px 20px 0px rgba(255, 255, 255, 0.1); } body.dark-only .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link .product-icons svg { stroke: rgba(255, 255, 255, 0.6); } body.dark-only .sidebar-left-wrapper .sidebar-left-icons .nav-item::before { border-color: rgba(255, 255, 255, 0.15); } body.dark-only .common-form .product-buttons .btn { border-color: #374558; } body.dark-only .list-product.list-category .square-white { box-shadow: 0px 0px 28px 6px #1d1e26; } body.dark-only .list-product.list-category .square-white svg { fill: rgba(255, 255, 255, 0.6); } body.dark-only .list-product .datatable-pagination .datatable-active .datatable-pagination-list-item-link { background-color: var(--theme-default); color: var(--white); } body.dark-only .list-product .datatable-pagination .datatable-pagination-list-item-link { background-color: #1d1e26; color: #98a6ad; } body.dark-only .list-product .datatable-input:focus { outline: unset; } body.dark-only .list-product .datatable-selector { color: rgba(255, 255, 255, 0.6); background-color: #1d1e26; } body.dark-only .table { --bs-table-bg: trasparnt; } body.dark-only .table caption { color: rgba(255, 255, 255, 0.4); } body.dark-only .grid-footer table tbody tr { color: rgba(255, 255, 255, 0.6); } body.dark-only .tree-view .light-background { background-color: #1d1e26; } body.dark-only .tree-view .list-light-primary { background-color: rgba(115, 102, 255, 0.2); } body.dark-only .tree-view .nested-1 { background-color: rgba(115, 102, 255, 0.03); } body.dark-only .tree-view .nested-2 { background-color: rgba(115, 102, 255, 0.05); } body.dark-only .tree-view .nested-3 { background-color: rgba(115, 102, 255, 0.07); } body.dark-only .tree-view .nested-4 { background-color: rgba(115, 102, 255, 0.09); } body.dark-only .contact-edit svg { stroke: rgba(255, 255, 255, 0.6); } body.dark-only .left-sidebar-wrapper .left-sidebar-chat .input-group .input-group-text { background-color: #1d1e26; } body.dark-only .left-sidebar-wrapper .left-sidebar-chat .input-group .form-control { background-color: #1d1e26; border: unset; color: rgba(255, 255, 255, 0.6); } body.dark-only .left-sidebar-wrapper .left-sidebar-chat .input-group .form-control::placeholder { color: rgba(255, 255, 255, 0.6); } body.dark-only .left-sidebar-wrapper .advance-options .chats-user span { color: rgba(255, 255, 255, 0.6); } body.dark-only .search-contacts .form-control { background-color: #1d1e26; border-color: #374558; color: rgba(255, 255, 255, 0.2); } body.dark-only .search-contacts .form-control::placeholder { color: #98a6ad; } body.dark-only .right-sidebar-title span { color: rgba(255, 255, 255, 0.6); } body.dark-only .right-sidebar-Chats .msger-inputarea { background: #1d1e26; } body.dark-only .right-sidebar-Chats .msger-input:focus { background-color: #1d1e26; } body.dark-only .left-msg .msg-bubble { background: #1d1e26; } body.dark-only .fg-emoji-picker-search input, body.dark-only .fg-emoji-picker-search .fg-emoji-picker-search-icon { background-color: #262932; color: rgba(255, 255, 255, 0.6); } body.dark-only .fg-emoji-picker-category-title { background-color: #1d1e26; border-bottom: 1px solid #374558; } body.dark-only .fg-emoji-container .fg-emoji-nav { background-color: #1d1e26; } body.dark-only .fg-emoji-container .fg-emoji-nav ul { border-bottom-color: #374558; } body.dark-only .fg-emoji-container .fg-emoji-nav li.emoji-picker-nav-active a, body.dark-only .fg-emoji-container .fg-emoji-nav li:hover a { background-color: #323846; } body.dark-only .fg-emoji-container .fg-emoji-nav li.emoji-picker-nav-active a svg, body.dark-only .fg-emoji-container .fg-emoji-nav li:hover a svg { fill: #fff; } body.dark-only .fg-emoji-container .fg-emoji-list { background-color: #1d1e26; } body.dark-only .fg-emoji-container .fg-emoji-list li a { background-color: #1d1e26; } body.dark-only .add-post form label, body.dark-only .add-post form .col-form-label { color: #98a6ad; } body.dark-only .add-post form .form-control { background-color: #1d1e26; color: rgba(255, 255, 255, 0.2); border: unset; } body.dark-only .add-post form .form-control::placeholder { color: rgba(255, 255, 255, 0.2); } body.dark-only .ql-container.ql-snow .ql-editor { color: rgba(255, 255, 255, 0.2); } body.dark-only.box-layout .page-wrapper .page-header { background-color: transparent; } body.dark-only.box-layout .page-wrapper .page-header .header-wrapper { border: 1px solid #1d1e26; } body.dark-only.box-layout .page-wrapper .page-body-wrapper { background-color: transparent; } body.dark-only .add-project .text-inherit { color: #fff; } body.dark-only .jsgrid-insert-row > .jsgrid-cell { border: 1px solid #1d1e26; background: #1d1e26; } body.dark-only .jsgrid-insert-row > .jsgrid-cell input { background: #262932; } body.dark-only .jsgrid-insert-row > .jsgrid-cell input:focus-visible { outline: none; } body.dark-only .dark-alert.alert-addition-content .alert hr { border-top: 1px solid #374558; } body.dark-sidebar .toggle-sidebar svg { stroke: var(--theme-default); } body.dark-sidebar .page-wrapper .sidebar-main-title p { color: rgba(255, 255, 255, 0.6); } body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper { background-color: #262932; } body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span { color: rgba(255, 255, 255, 0.6); } body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a svg { stroke: rgba(255, 255, 255, 0.6) !important; } body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active { background-color: rgba(115, 102, 255, 0.2); } body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active svg { color: var(--theme-default); stroke: var(--theme-default); } body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a { color: rgba(255, 255, 255, 0.6); } body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span { color: rgba(255, 255, 255, 0.6); } body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active { color: var(--theme-default); } body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper .according-menu i { color: rgba(255, 255, 255, 0.6); } body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper { background: #262932; } body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main { background-color: #262932; } body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a { color: rgba(255, 255, 255, 0.6); } body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a svg.stroke-icon { stroke: rgba(255, 255, 255, 0.6); } body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a svg.fill-icon { fill: rgba(255, 255, 255, 0.6); } body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu { background: #262932; } body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a { color: rgba(255, 255, 255, 0.6); } body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active, body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover { color: var(--theme-default); } body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .sidebar-submenu { background: #262932; } body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow, body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow { background-color: #262932; color: rgba(255, 255, 255, 0.6); } body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper > div { background: #262932; } body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-title { border-bottom: 1px solid #374558; } body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span { color: rgba(255, 255, 255, 0.6); } body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a svg { stroke: rgba(255, 255, 255, 0.6); } body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu { background-color: #262932; } body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a { border-bottom: 1px solid #374558; } body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active { background-color: rgba(115, 102, 255, 0.2); } body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active span { color: var(--theme-default); } body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active svg { color: var(--theme-default); stroke: var(--theme-default); } body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a { color: rgba(255, 255, 255, 0.6); } body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span { color: rgba(255, 255, 255, 0.6); } body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active { color: var(--theme-default); } body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper .according-menu i { color: rgba(255, 255, 255, 0.6); } body .for-dark { display: none; } body[class*='dark-'] .for-dark { display: inline-block; } body[class*='dark-'] .for-light { display: none; } /**===================== 4.1. Dark CSS ends ==========================**/ /**===================== 4.2 Theme-customizer CSS Start ==========================**/ .customizer-links { position: fixed; right: 00px; top: 50%; z-index: 8; transform: translate(0, -50%); box-shadow: 0 0 37px rgba(8, 21, 66, 0.1); } .customizer-links > .nav { border-radius: 8px; padding: 10px; background-color: #fff; } .customizer-links.open { right: 330px; border-radius: 8px 0 0 8px; transition: all 0.3s ease; } .customizer-links .nav-link { padding: 0; position: relative; } .customizer-links .nav-link:before { content: ""; position: absolute; height: 100%; width: 100%; background-color: rgba(115, 102, 255, 0.1); border-radius: 5px; transform: scale(0); transition: all 0.3s ease; } .customizer-links .nav-link:after { content: ""; position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; top: 12px; border-width: 5px 0 5px 5px; border-left-color: #e8e6ff; opacity: 0; transform: scale(0); color: #fff; left: -10px; z-index: 2; transition: all 0.3s ease; } .customizer-links .nav-link:hover i { color: var(--theme-default); } .customizer-links .nav-link:hover:before, .customizer-links .nav-link:hover:after { opacity: 1; transform: scale(1); transition: all 0.3s ease; } .customizer-links .nav-link:hover span { opacity: 1; right: 48px; transform: scale(1); transition: all 0.3s ease; } .customizer-links .nav-link + .nav-link { margin-bottom: 5px; } .customizer-links .nav-link span { position: absolute; right: -60px; width: max-content; text-align: right; padding: 7px 10px; display: block; top: 0; border-radius: 5px; transform: scale(0); transition: all 0.3s ease; opacity: 0; color: var(--theme-default); background-color: #e8e6ff; box-shadow: 0 0 37px rgba(8, 21, 66, 0.1); } .customizer-links .nav-link i { font-size: 17px; padding: 8px 10px; display: inline-block; cursor: pointer; margin: 0; color: gray; border-radius: 5px; } .customizer-contain { direction: ltr; position: fixed; height: calc(100vh); top: 79px; width: 333px; right: -335px; background-color: #fff; z-index: 8; transition: all 0.3s ease; } .customizer-contain.open { right: 0px; transition: all 0.3s ease; box-shadow: 0 0 10px 1px rgba(68, 102, 242, 0.05); } .customizer-contain li { position: relative; } .customizer-contain li.active { box-shadow: 0 0 11px 5px rgba(226, 226, 226, 0.5); } .customizer-contain h6 { text-transform: uppercase; font-weight: 500; letter-spacing: 0.5px; margin-top: 12px; padding-top: 12px; margin-bottom: 5px; color: #000; } .customizer-contain .customizer-header { padding: 15px 25px; border-bottom: 1px solid #f4f4f4; } .customizer-contain .customizer-header .icon-close { position: absolute; font-size: 18px; cursor: pointer; font-weight: 900; right: 24px; color: var(--theme-default); } .customizer-contain .customizer-header h5 { text-transform: uppercase; color: #000; } .customizer-contain .customizer-header p i { padding-left: 4px; } .customizer-contain .customizer-body { padding: 15px 25px; max-height: calc(100vh - 200px); overflow-y: scroll; } .customizer-contain .customizer-body .fade:not(.show) { display: none; } .customizer-contain .customizer-body .unlimited-color-layout { display: flex; align-items: center; } .customizer-contain .customizer-body .unlimited-color-layout .btn { font-size: 15px; padding: 4px 20px; } .customizer-contain .customizer-body .unlimited-color-layout input { border: 1px solid #cccccc; height: 35px; width: 35px; border-radius: 5px; background-color: #fff; margin-right: 5px; } .customizer-contain .customizer-body .layout-grid.customizer-mix .color-layout { height: 70px; width: 80px; border: 1px solid #f6f7fb; border-radius: 5px; } .customizer-contain .customizer-body .tab-pane > h6:first-child { padding-top: 0; margin-top: 0; } .customizer-contain .customizer-body li { cursor: pointer; opacity: 0.9; } .customizer-contain .customizer-body li.active { opacity: 1; } .customizer-contain .customizer-body .color-layout { height: 35px; width: 35px; border-radius: 6px; display: inline-block; margin-right: 3px; border: 1px solid #b8b8b8; padding: 3px; } .customizer-contain .customizer-body .color-layout > div { background-color: #7366ff; height: 100%; width: 100%; border-radius: 5px; } .customizer-contain .customizer-body .color-layout[data-attr="color-2"] div { background-color: #4831D4; } .customizer-contain .customizer-body .color-layout[data-attr="color-3"] div { background-color: #d64dcf; } .customizer-contain .customizer-body .color-layout[data-attr="color-4"] div { background-color: #4c2fbf; } .customizer-contain .customizer-body .color-layout[data-attr="color-5"] div { background-color: #7c4dff; } .customizer-contain .customizer-body .color-layout[data-attr="color-6"] div { background-color: #3949ab; } .customizer-contain .customizer-body .dark > li { background-color: #2f3c4e; } .customizer-contain .customizer-body .main-layout > li { height: 65px; width: 85px; border: 1px solid #f4f4f4; border-radius: 10px; display: inline-block; } .customizer-contain .customizer-body .main-layout > li + li { margin-left: 6px; } .customizer-contain .customizer-body .main-layout .box-layout .body .badge { left: -14px; } .customizer-contain .customizer-body .sidebar-type > li, .customizer-contain .customizer-body .sidebar-setting > li { height: 70px; width: 85px; border: 1px solid #f4f4f4; border-radius: 5px; display: inline-block; } .customizer-contain .customizer-body .sidebar-type > li + li, .customizer-contain .customizer-body .sidebar-setting > li + li { margin-left: 7px; } .customizer-contain .customizer-body .sidebar-type li[data-attr="normal-sidebar"] .body ul li.bg-dark, .customizer-contain .customizer-body .sidebar-type li[data-attr="normal-sidebar"] .body ul li.sidebar { width: 100%; height: 10px; display: block; } .customizer-contain .customizer-body .sidebar-type li[data-attr="normal-sidebar"] .body ul li.bg-light, .customizer-contain .customizer-body .sidebar-type li[data-attr="normal-sidebar"] .body ul li.body { height: calc(100% - 10px); width: 100%; } .customizer-contain .customizer-body .sidebar-type li[data-attr="normal-sidebar"].body-compact .body ul li.body { width: calc(100% - 25px); } .customizer-contain .customizer-body .layout-types { margin-bottom: -30px; } .customizer-contain .customizer-body .layout-types > li { display: block; width: unset; height: unset; margin-bottom: 30px; } .customizer-contain .customizer-body .layout-types > li .layout-img h6 { padding-top: 0; text-transform: inherit; text-align: center; } .customizer-contain .customizer-body .layout-types .box-layout { background: unset; } .layout-grid:not(.customizer-color) li { padding: 5px; } .layout-grid:not(.customizer-color) li > .header { height: 9px; border-radius: 3px; position: relative; } .layout-grid:not(.customizer-color) li > .header ul { position: absolute; top: -8px; left: 5px; } .layout-grid:not(.customizer-color) li > .header ul > li { display: inline-block; width: 4px; height: 4px; border-radius: 5px; top: calc(50% - 3px); background-color: var(--theme-default); margin-right: 2px; padding: 0; } .layout-grid:not(.customizer-color) li > .header ul > li:nth-child(2) { background-color: var(--theme-secondary); } .layout-grid:not(.customizer-color) li > .header ul > li:nth-child(3) { background-color: #65c15c; } .layout-grid:not(.customizer-color) li > .body { background-color: #f4f4f4; height: calc(100% - 16px); border-radius: 3px; position: relative; margin-top: 5px; text-align: center; line-height: 3.1; } .layout-grid:not(.customizer-color) li > .body ul { height: 100%; background-color: #fff; } .layout-grid:not(.customizer-color) li > .body ul .sidebar { width: 18px; height: 100%; border-radius: 3px; display: inline-block; margin-right: 3px; padding: 0; } .layout-grid:not(.customizer-color) li > .body ul .sidebar.compact { width: 12px; } .layout-grid:not(.customizer-color) li > .body ul .sidebar.compact ~ .body { width: calc(100% - 19px); } .layout-grid:not(.customizer-color) li > .body ul .body { width: calc(100% - 25px); padding: 0; margin: 0; height: 100%; display: inline-flex; align-items: center; justify-content: center; border-radius: 3px; } .layout-grid:not(.customizer-color) li > .body ul .body .badge { position: absolute; } .layout-grid:not(.customizer-color) li:nth-child(2) > .body ul .sidebar { margin-left: 3px; } /**===================== 4.2 Theme-customizer CSS Ends ==========================**/ /**===================== 4.3 Update CSS Start ==========================**/ .jsgrid-filter-row select, .jsgrid-filter-row input { padding: 6px 10px; border: 1px solid #f2f4ff; background: #fff; } .tooltip.bs-tooltip-top .tooltip-arrow:before { border-top-color: #eae8ff; } .tooltip.bs-tooltip-bottom .tooltip-arrow:before { border-bottom-color: #eae8ff; border-top-color: transparent; } .tooltip.bs-tooltip-start .tooltip-arrow:before { border-left-color: #eae8ff; border-top-color: transparent; } .tooltip.bs-tooltip-end .tooltip-arrow:before { border-right-color: #eae8ff; border-top-color: transparent; } .tooltip .tooltip-inner { background-color: #eae8ff; color: #7366FF; } .tooltip .tooltip-arrow:before { border-top-color: #eae8ff; } .dropdown-basic .dropdown .dropdown-content a { padding: 6px 16px; color: #2b2b2b; opacity: 0.6; font-size: 13px; border-top: 1px solid #efefef; background: var(--white); } .dropdown-basic .dropdown .dropdown-content a:hover { background-color: #fff; } .dropdown-basic .dropdown .dropdown-content .dropdown-header { padding: 8px 16px; font-weight: 400; color: #3f475a; font-size: 13px; } .dropdown-basic .dropup .dropup-content { top: auto; } .default-according .card .card-header { padding: 0; border: none; border-radius: 0; border-top-left-radius: 5px; border-top-right-radius: 5px; } .default-according .card .card-header.bg-primary .btn, .default-according .card .card-header.bg-secondary .btn { border-color: transparent; } .default-according .card .card-header i { position: initial; font-size: 20px; display: inline-block; vertical-align: text-bottom; margin-right: 5px; } [dir="rtl"] .default-according .card .card-header i { margin-right: unset; margin-left: 5px; } .default-according .card .card-header h5 { margin-top: 0; } .default-according .card .card-header .btn-link { padding: 12px 20px; width: 100%; text-align: left; letter-spacing: 0.7px; font-family: Roboto; border: 1px solid #efefef; border-radius: 0; border-top-left-radius: 5px; border-top-right-radius: 5px; font-weight: 500; font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320))); } [dir="rtl"] .default-according .card .card-header .btn-link { text-align: right; } @media (max-width: 575px) { .default-according .card .card-header .btn-link { padding: 12px 15px; } } .default-according .card .card-body { padding: 15px 20px; line-height: 22px; font-size: 14px; border-color: #efefef; border-radius: 0; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; color: #3f475a; } .nav-tabs { border-bottom-color: #efefef; } .nav-tabs .nav-bottom .nav-item .nav-link.active { border-color: #efefef; } .nav-tabs .nav-item.show .nav-link { font-weight: 500; } .nav-tabs .nav-link { color: #3f475a; } .nav-tabs .nav-link.active { font-weight: 500; } .nav-tabs.nav-bottom .nav-item .nav-link.active { border-color: #e9edf1 #e9edf1 #fff; } .dropdown-menu { -webkit-box-shadow: 0 0 20px rgba(89, 102, 122, 0.1); box-shadow: 0 0 20px rgba(89, 102, 122, 0.1); border: none; padding: 0; z-index: 2; } .dropdown-menu .dropdown-item { color: #2b2b2b; opacity: 0.6; font-size: 13px; padding: 6px 12px; border-top: 1px solid #efefef; background: var(--white); } .dropdown-menu .dropdown-item:hover { background-color: #cccccc; } .dropdown-menu .dropdown-divider { margin: 0; border-top: 1px solid #cccccc; } .border-tab .nav-tabs .nav-item .nav-link.active { border-bottom: 2px solid #7366FF; } .border-tab .nav-tabs .nav-item .nav-link.show { border-bottom: 2px solid #7366FF; } .border-tab .nav-tabs .nav-item .nav-link:focus { border-bottom: 2px solid #7366FF; } .timeliny .timeliny-dot::before { font-size: 18px; } .component .input-group .btn { line-height: 32px; text-transform: capitalize; } .login-card .login-main .theme-form label { font-size: 14px; } .login-card .login-main .theme-form .show-hide { top: 50%; } .faq-accordion .card .btn-link svg { margin-left: 20px; } @media (max-width: 575.98px) { .faq-accordion .card .btn-link svg { margin-left: 10px; } } .form-control:focus, .form-select:focus { box-shadow: 0 9px 9px -5px rgba(115, 102, 255, 0.3); border-color: rgba(115, 102, 255, 0.3); } .job-filter .faq-form .form-control { font-size: 14px; } .job-filter .faq-form .search-icon { width: 16px; height: 16px; } .dt-button-collection { width: auto !important; } .dt-button-collection .btn-group { width: 100%; } .dt-button-collection .dropdown-item:hover { background-color: var(--white) !important; } .carousel .carousel-indicators { margin-bottom: 3px; } .carousel-item .carousel-caption { width: 100%; right: 0; left: 0; bottom: 0; padding: 26px 10px; background-color: rgba(38, 41, 50, 0.51); } .carousel-item .carousel-caption h5, .carousel-item .carousel-caption p { color: #fff; } .carousel-item .carousel-opacity { background-color: rgba(244, 244, 244, 0.51); } .carousel-dark .carousel-caption h5, .carousel-dark .carousel-caption p { color: #000; } .carousel .carousel-control-prev-icon, .carousel .carousel-control-next-icon { width: calc(23px + (32 - 23) * ((100vw - 320px) / (1920 - 320))); height: calc(23px + (32 - 23) * ((100vw - 320px) / (1920 - 320))); } .swiper.swiper-h, .swiper.vertical-swiper { height: calc(170px + (500 - 170) * ((100vw - 320px) / (1920 - 320))); } .swiper .swiper-button-next::after, .swiper .swiper-button-prev::after { font-size: calc(23px + (32 - 23) * ((100vw - 320px) / (1920 - 320))); } .swiper-pagination .swiper-pagination-bullet-active { background-color: var(--theme-default); } .nested-horizontal-swiper { height: 500px; } .nested-horizontal-swiper .nested-vertical-swiper { height: 100%; } .autoplay-swiper .swiper-button-prev, .autoplay-swiper .swiper-button-next { color: var(--white); } .thumb-swiper-wrapper .swiper { width: 100%; height: 100%; width: 100%; height: 300px; margin-left: auto; margin-right: auto; } .thumb-swiper-wrapper .swiper-slide { text-align: center; font-size: 18px; background: var(--white); display: flex; justify-content: center; align-items: center; background-size: cover; background-position: center; } .thumb-swiper-wrapper .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; display: block; width: 100%; height: 100%; object-fit: cover; } .thumb-swiper-wrapper body { background: #3f475a; color: #3f475a; } .thumb-swiper-wrapper .mySwiper2 { height: 80%; width: 100%; } .thumb-swiper-wrapper .mySwiper { height: 20%; box-sizing: border-box; padding: 10px 0; } .thumb-swiper-wrapper .mySwiper .swiper-slide { width: 25%; height: 100%; opacity: 0.4; } .thumb-swiper-wrapper .mySwiper .swiper-slide-thumb-active { opacity: 1; } .coverflow-slider.swiper { width: 100%; } .coverflow-slider.swiper .swiper-slide { background-position: center; background-size: cover; width: 300px; } @media (max-width: 478px) and (min-width: 396px) { .coverflow-slider.swiper .swiper-slide { width: 200px; } } @media (max-width: 395px) and (min-width: 361px) { .coverflow-slider.swiper .swiper-slide { width: 170px; } } @media (max-width: 360px) { .coverflow-slider.swiper .swiper-slide { width: 138px; } } .coverflow-slider.swiper .swiper-slide img { display: block; width: 100%; } [dir="rtl"] .rating-header h4 { direction: ltr; } .animated-toast { z-index: 11; } @media (max-width: 390px) { .animated-toast .toast { width: 285px; } .animated-toast .toast .toast-header h6 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 220px; } } .animate-img .animate-widget img { width: 100%; height: calc(190px + (350 - 190) * ((100vw - 320px) / (1920 - 320))); margin: 0 auto; object-fit: cover; border-radius: 15px 15px 0 0; } .animated-modal-wrapper .common-align { flex-direction: column; gap: 26px; } .animated-modal-wrapper .animated-modal { flex-flow: column; gap: 15px; justify-content: center; margin-bottom: 0; align-items: stretch; } .animated-modal-wrapper .animated-modal .animated-modal-md-mb { justify-content: center; align-items: center; } @media (max-width: 442px) { .animated-modal-wrapper .animated-modal .animated-modal-md-mb { gap: 4px; } } @media (max-width: 363px) { .animated-modal-wrapper .animated-modal .animated-modal-md-mb { justify-content: flex-start; } } @media (max-width: 442px) and (min-width: 364px) { .animated-modal-wrapper .animated-modal .form-select { width: 75% !important; } } @media (max-width: 363px) { .animated-modal-wrapper .animated-modal .form-select { width: 85% !important; margin-inline: 12px; } } .modal-popup.modal { top: 20%; left: 50%; transform: translate(-50%, 0); } .modal-popup.modal .modal-dialog .theme-close { width: calc(25px + (40 - 25) * ((100vw - 320px) / (1920 - 320))); height: calc(25px + (40 - 25) * ((100vw - 320px) / (1920 - 320))); font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320))); } .animate-widget img { border-radius: 10px; } .task-container .badge { line-height: 13px; } .add-post form .form-control:focus { border: 1px solid var(--recent-dashed-border); box-shadow: unset; } .starter-main .alert-primary.inverse { padding: 13px 20px 13px 65px; border-color: #7366FF; color: #3f475a; } [dir="rtl"] .starter-main .alert-primary.inverse { padding: 13px 65px 13px 20px; } .starter-main .alert-primary.inverse:before { content: ""; position: absolute; left: 55px; width: 0; height: 0; top: 50%; border-left: 7px solid #7366FF; border-top: 7px solid transparent; border-bottom: 7px solid transparent; transform: translateY(-50%); } [dir="rtl"] .starter-main .alert-primary.inverse:before { border-right: 7px solid #7366FF; border-left: unset; left: unset; right: 55px; } .starter-main .alert-primary.inverse i { padding: 17px 20px; display: flex; align-items: center; background-color: #7366FF; color: #fff; border-radius: 0px 0 0 3px; position: absolute; left: 0; top: 0; height: 100%; } [dir="rtl"] .starter-main .alert-primary.inverse i { right: 0; left: unset; } .helper-classes { padding: 30px; margin-bottom: 0; white-space: pre-line; } .starter-kit-fix .page-body { margin-bottom: 52px; } .starter-main .card-body p { font-size: 14px; } .starter-main .card-body ul { padding-left: 30px; list-style-type: disc; margin-bottom: 15px; } .starter-main .card-body h5 { font-size: 18px; } .starter-main .card-body pre { white-space: pre-line; padding: 30px; } .starter-main .alert { background-color: rgba(68, 102, 242, 0.2) !important; } .starter-main .alert i { display: flex; align-items: center; } .card-block .table-responsive .table caption { padding-left: 10px; } .card-block .table-responsive .table-bordered td { vertical-align: middle; } .card-block .table-border-radius { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .card-block .default-checkbox-align #checkbox1 { margin-right: 10px; } .card-block .default-checkbox-align #radio { margin-right: 5px; } #example-style-3_wrapper #example-style-3 tfoot { border-top: 2px solid #efefef; } .chart-vertical-center { display: flex; justify-content: center; } .chart-vertical-center #myDoughnutGraph, .chart-vertical-center #myPolarGraph { width: auto !important; } #editor .ace_scroller .ace_content .ace_layer .ace_print-margin { visibility: hidden !important; } .animated-dropfile #top { margin-top: 20px; } .animated-dropfile .btn-container { background: var(--white); border-radius: 5px; line-height: 0; margin: 34px 0; } .animated-dropfile .imgupload { color: var(--chart-text-color); font-size: 50px; } .animated-dropfile #namefile { color: var(--chart-text-color); } .animated-dropfile h4 > strong { color: #fc564a; } .animated-dropfile .imgupload.ok { display: none; color: #65c15c; } .animated-dropfile .imgupload.stop { display: none; color: #fc564a; } .animated-dropfile #fileup { opacity: 0; -moz-opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); width: 200px; cursor: pointer; position: absolute; left: 50%; transform: translateX(-50%); bottom: 34px; height: 35px; } .animated-dropfile #submitbtn { padding: 5px 50px; display: none; } .animated-dropfile #fakebtn { padding: 5px 40px; } .animated-dropfile #sign { color: #1E2832; position: fixed; right: 10px; bottom: 10px; text-shadow: 0px 0px 0px #1E2832; transition: all .3s; } .animated-dropfile #sign:hover { color: #1E2832; text-shadow: 0px 0px 5px #1E2832; } .element-draggable { background-color: #f1edf3; color: #29262b; padding: 1rem; margin-top: 14px; transition: opacity 200ms ease; } .element-draggable:first-child { margin-top: 0; } .dragging { opacity: 0.5; transition: opacity 1s ease; } .reload-icon { position: absolute; top: 20px; right: 20px; font-size: 12px; } .button-light-light { background-color: rgba(244, 244, 244, 0.5) !important; } .bootstrap-select { width: 100% !important; } .bootstrap-select .dropdown-toggle { width: 100%; color: #898989; background-color: var(--white) !important; border-color: #cccccc !important; border-radius: 6px; } .bootstrap-select .dropdown-toggle:focus { outline: unset !important; } .bootstrap-select .dropdown-toggle::after { font-size: 15px; } .todo-wrap.email-wrap .email-app-sidebar .main-menu > li a .badge { padding: 4px 6px; } .todo-wrap .todo-list-header .new-task-wrapper .form-control.error { margin: 0px; } .todo-wrap .todo .todo-list-wrapper #todo-list .task .task-container { padding: 6px 0; } .todo-wrap .todo .todo-list-wrapper #todo-list .task .task-container .task-action-btn .action-box:hover { border: 1px solid transparent !important; } .todo-wrap .todo .todo-list-wrapper #todo-list .task:first-child .task-container { border-top: 0; padding-top: 0; } .todo-wrap .todo .todo-list-wrapper #todo-list .task:last-child .task-container { border-bottom: 0; padding-bottom: 0; } .todo-wrap .todo .notification-popup { z-index: 5; } .tilt-showcase .sub-title { border-bottom: 0 !important; } .tilt-showcase pre { padding: 12px; margin-top: 7px; } .support-ticket-font ul { font-size: 13px; } .ecommerce-widget { box-shadow: none; border: 1px solid #f1f3ff !important; border-radius: 5px; } .ecommerce-widget .total-num { color: #404040; margin: 0; letter-spacing: 1px; } .ecommerce-widget .total-num span { color: #000; } .ecommerce-widget .row { align-items: center; } .ecommerce-widget .progress-showcase { margin-top: 20px; } .ecommerce-widget span { color: #75758a; margin: 0; cursor: pointer; } .ecommerce-widget .icon { color: #efefef; font-size: 40px; } .ecommerce-widget .flot-chart-container { height: 100px; padding: 0; margin: 0; border: transparent; } .ecommerce-widget .morris-default-style { display: none !important; } .ecommerce-widget svg { filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.3)); } table.dataTable.fixedHeader-locked, table.dataTable.fixedHeader-floating { left: 0 !important; } /**===================== 4.3 Update CSS Ends ==========================**/ /**===================== 5.1 Footer CSS Start ==========================**/ .footer { background-color: #fff; box-shadow: 0 0 20px rgba(89, 102, 122, 0.1); padding: 15px; bottom: 0; left: 0; margin-left: 265px; transition: 0.5s; } .footer.footer-dark { background-color: #242934; } .footer.footer-dark p { color: #fff; } .footer-fix { width: calc(100% - 265px); position: fixed; } /**===================== 5.1 Footer CSS Ends ==========================**/ /**===================== 5.3 Header CSS Start ==========================**/ .left-header .d-flex { align-items: center; } .left-header h6 { line-height: 1.6; } @media (max-width: 1199px) { .left-header h6 { width: 160px; overflow: hidden; -webkit-line-clamp: 1; text-overflow: ellipsis; white-space: nowrap; } } @media (max-width: 991px) { .left-header h6 { width: 120px; } } @media (max-width: 767px) { .left-header h6 { width: 66px; } } @media (max-width: 755px) { .left-header { display: none; } } .left-header img { margin-top: -12px; height: 26px; } .left-header i { font-weight: 600; font-size: 12px; margin-bottom: -4px; } /*======= Page Header css ends ======= */ /**======Main Header css Start ======**/ .offcanvas .page-wrapper .page-body-wrapper .page-body, .offcanvas-bookmark .page-wrapper .page-body-wrapper .page-body { position: relative; filter: blur(5px) grayscale(100%); } .offcanvas { position: unset; visibility: visible; background: unset; z-index: 2; } .toggle-sidebar { position: absolute; right: 30px; top: 30px; cursor: pointer; } .toggle-sidebar svg { width: 20px; height: 20px; } .toggle-sidebar:before { content: ""; position: absolute; height: 40px; width: 40px; background-color: rgba(115, 102, 255, 0.1); border-radius: 100%; left: -11px; z-index: -2; top: -8px; transform: scale(0); transition: all 0.3s ease; } .toggle-sidebar:hover:before { height: 40px; width: 40px; transform: scale(1); transition: all 0.3s ease; } .toggle-sidebar:hover > svg { color: var(--theme-default) !important; stroke: var(--theme-default) !important; } .onhover-dropdown { cursor: pointer; position: relative; } .onhover-show-div { top: 80px; position: absolute; z-index: 8; background-color: #fff; transition: all linear 0.3s; } .onhover-show-div li a svg { margin-top: 0 !important; } .onhover-show-div li a svg path, .onhover-show-div li a svg line { color: #404040 !important; } /**======Main Header css Ends ======**/ /**===================== 5.3 Header CSS Ends ==========================**/ /**===================== 5.4 Navs CSS Start ==========================**/ #accordionoc #collapseicon, #accordionoc #collapseicon1 { padding-top: 0px; } #accordionoc li button { display: flex; align-items: center; } .navs-icon.default-according.style-1 li button { position: relative; } .navs-icon.default-according.style-1 li button:hover { color: var(--theme-default) !important; } .navs-icon.default-according.style-1 li button[aria-expanded="true"]:before { right: 2px; top: 6px; } .navs-icon.default-according.style-1 li button[aria-expanded="false"]:before { right: 2px; top: 6px; } .navs-icon { padding: 20px; } .navs-icon li { padding: 9px 0; } .navs-icon li a { color: #404040; } .navs-icon li a:hover { color: var(--theme-default); } .navs-icon li ul { padding-top: 9px; } .onhover-dropdown.navs-dropdown:hover .onhover-show-div:before, .onhover-dropdown.navs-dropdown:hover .onhover-show-div:after { right: 77px; left: unset; } .icon-lists { font-family: inherit; } /**===================== 5.4 Navs CSS Ends ==========================**/ /**===================== 5.5 Search CSS Start ==========================**/ .search-page .theme-form input { border: 1px solid var(--theme-default); padding-left: 20px; border-radius: 10px 0 0 10px; flex: 1 1 auto; width: 100% !important; } .search-page .theme-form input::placeholder { color: #7366FF; } .search-page .theme-form input:focus { outline: none; } .search-page .theme-form .input-group .btn { line-height: 32px; font-size: 16px; } .search-page .theme-form .input-group .form-control-plaintext { background: transparent; } .search-page h6 { line-height: 1.4; } @media (max-width: 400px) { .search-page .pagination .page-item .page-link { font-size: 14px; } } .search-page .nav-link { font-weight: 500; text-transform: uppercase; } .search-page .border-tab.nav-tabs .material-border { border-bottom-width: 1px; } .search-page .border-tab.nav-tabs .nav-item .nav-link { font-size: 15px; padding: 10px 18px; } .search-page .d-flex .flex-grow-1 { overflow: hidden; } .search-page .info-block { padding: 20px; border-radius: 15px; border: 1px solid rgba(204, 204, 204, 0.5); } .search-page .info-block a { color: rgba(82, 82, 108, 0.9); margin-bottom: 3px; display: block; } .search-page .info-block h6 { color: #7366FF; } .search-page .info-block + .info-block { margin-top: 20px; } .search-page .border-tab.nav-tabs { align-items: left; justify-content: end; } .search-page .border-tab.nav-tabs .nav-item { width: auto; } .search-page .search-links h6 { margin-bottom: 10px; } .search-page p:not(.blog-details p) { text-transform: lowercase; margin-bottom: 0; color: #898989; } .search-page ul.search-info li { display: inline-block; font-size: 12px; line-height: 1; color: #52526c; } .search-page ul.search-info li + li { border-left: 1px solid #c3c8d5; padding-left: 8px; margin-left: 8px; } .search-page ul.search-info li i { color: #ffb829; } .search-page ul.search-info li i:not(:last-child) { margin-right: 4px; } .search-page #video-links .embed-responsive + .embed-responsive { margin-top: 30px; } .search-list { margin-bottom: 30px; width: auto; display: inline-flex; border-radius: 10px; overflow: hidden; border: 1px solid #7366FF; border: none; } .search-list .nav-item { background-color: rgba(115, 102, 255, 0.1); } .search-list .nav-item .nav-link { border: none; padding: 0.7rem 1.5rem; opacity: 0.5; } .search-list .nav-item .nav-link.active { background-color: rgba(115, 102, 255, 0.1); color: var(--theme-default); opacity: 1; } .search-list .nav-item.show, .search-list .nav-item.active { background-color: rgba(115, 102, 255, 0.1); } /**===================== 5.5 Search CSS Ends ==========================**/ /**===================== 5.6 Select2 CSS Start ==========================**/ .dropzone { background: unset; } .dropzone.dropzone-secondary { border: 2px dashed #838383; border-radius: 6px; } .dropzone.dropzone-secondary i { color: #838383; } @media (max-width: 360px) { .dropzone .note { min-width: unset !important; } } .dropzone .dz-message i { font-size: calc(40px + (50 - 40) * ((100vw - 320px) / (1920 - 320))); } .dropzone .dropzone-wrapper .dz-message i { font-size: 50px; } @media (max-width: 575px) { .dropzone .dropzone-wrapper .dz-message i { font-size: 40px; } } .dropzone .dz-preview { background-color: transparent; width: 155px; border: 1px dashed var(--recent-border); border-radius: 8px; padding: 12px 16px; } .dropzone .dz-preview .dz-image { z-index: 2; width: calc(80px + (120 - 80) * ((100vw - 320px) / (1920 - 320))) !important; height: calc(80px + (120 - 80) * ((100vw - 320px) / (1920 - 320))) !important; } .dropzone .dz-preview .dz-error-mark { opacity: 0; visibility: hidden; } .dropzone .dz-preview .dz-details { opacity: 1; top: 0; padding: 10px 0px 0px; left: 0; text-align: left; } .dropzone .dz-preview .dz-details .dz-size { margin-bottom: 0; font-size: 14px; } .dropzone .dz-preview .dz-details .dz-size span { padding: 0 10px; } .dropzone .dz-preview .dz-details .dz-remove { padding: 0 10px; } .dropzone .dz-preview .dz-progress { left: 50%; height: 10px; transition: all 0.10s linear; } .dropzone .dz-preview .dz-progress .dz-upload { background: linear-gradient(to bottom, #7366FF, #e8e5ff); } .dropzone .dz-preview .dz-success-mark { opacity: 1; filter: brightness(0.6); top: 32%; z-index: 2; left: calc(43% + (50 - 43) * ((100vw - 320px) / (1920 - 320))) !important; } .dropzone .dz-preview .dz-success-mark svg { width: calc(38px + (54 - 38) * ((100vw - 320px) / (1920 - 320))) !important; height: calc(38px + (54 - 38) * ((100vw - 320px) / (1920 - 320))) !important; } .dropzone .dz-preview .dz-remove { padding: 0 10px; text-align: left; color: var(--chart-text-color); } .dropzone .dz-preview .dz-filename { overflow: visible; height: 30px; padding: 0 10px !important; text-align: left; } .dropzone .dz-preview .dz-filename:not(:hover) span { border: unset !important; } .dropzone .dz-preview .dz-filename span { padding: 0 !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100px; } .dropzone .dz-preview .dz-filename:hover span { border: unset; } .dropzone .dz-preview:hover .dz-filename { overflow: visible; height: 30px; } .dropzone .dz-preview { margin: calc(10px + (28 - 10) * ((100vw - 320px) / (1920 - 320))) calc(18px + (18 - 18) * ((100vw - 320px) / (1920 - 320))) !important; box-shadow: unset; height: 100%; } .dropzone .dz-preview .dz-filename { padding: 0; } .dropzone .dz-preview .dz-filename:hover span { border: unset !important; } .dropzone .dz-preview .dz-details { top: unset; bottom: -6px; position: relative; padding-bottom: 6px; background-color: unset; } .dropzone .dz-preview:hover .dz-error-message { display: none !important; } .dropzone .dz-error-mark .dz-remove { position: relative; } .dz-preview .dz-remove { cursor: pointer; } .dropzone-secondary .dz-preview .dz-remove { color: #838383; } .badge-light-warning { background-color: rgba(255, 184, 41, 0.1); } .table thead th { border-bottom: 2px solid #e9edf1; } .select2 { max-width: 100%; } .add-post #cke_text-box { border: 1px solid #efefef; } .add-post form .m-checkbox-inline label { margin-bottom: 0; } .add-post form .form-control { border: 1px solid #efefef; } .add-post form .col-form-label { padding-bottom: 0; padding-top: 0; } .add-post form .col-form-label .select2-container--default { margin-top: 10px; max-width: 100%; } .add-post form .col-form-label .select2-container--default .selection .select2-selection .select2-search__field { padding: 2px; } .add-post form .col-form-label .select2-container--default .select2-selection--multiple { border: 1px solid #efefef; max-width: 100%; } .add-post form .col-form-label .select2-container--default .select2-selection--multiple .select2-selection__rendered li { margin-top: 6px !important; } .add-post .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: var(--theme-default); border: 1px solid var(--theme-default); color: #fff; } .add-post .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove { color: #fff; float: right; margin-left: 0.5rem; } [dir="rtl"] .add-post .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove { float: left; margin-left: unset; margin-right: 0.5rem; } .add-post .dropzone { margin-bottom: 30px; } .select2-container--open .select2-dropdown { z-index: 7; } .select2-container { width: 100% !important; } .select2-container.select2 .selection { display: block !important; } .select2-drpdwn .select2-selection { border-radius: 0 !important; border-color: #f4f4f4 !important; height: 40px !important; padding: 5px; } .select2-drpdwn .form-control { border-radius: 5px; } .filepond--drop-label .filepond--label-action { color: #fc564a; text-decoration: none; } .filepond--list .filepond--file { background-color: #7366FF; } /* Do not show the "remove tag" (x) button when only a single tag remains */ .customLook { display: inline-block; min-width: 0; border: none; } .customLook .tagify__tag { margin-top: 0; } .customLook .tagify__tag:only-of-type .tagify__tag__removeBtn { display: none; } .customLook .tagify__tag:hover .tagify__tag__removeBtn { transform: none; opacity: 1; margin-left: -1ch; } .customLook .tagify__tag__removeBtn { opacity: 0; transform: translateX(-6px) scale(0.5); margin-left: -3ch; transition: .12s; } .customLook + button { color: var(--theme-default); font: bold 1.4em/1.65 Arial; border: 0; background: none; box-shadow: 0 0 0 2px inset var(--theme-default); border-radius: 50%; width: 1.65em; height: 1.65em; cursor: pointer; outline: none; transition: .1s ease-out; margin: 0 0 0 5px; vertical-align: top; } .customLook + button:hover { box-shadow: 0 0 0 5px inset var(--theme-default); } .customLook .tagify__input { display: none; } .tagify--empty .tagify__input::before { color: var(--chart-text-color); } .customSuggestionsList > div { max-height: 300px; min-height: 50px; border: 2px solid var(--chart-dashed-border); overflow: auto; } .customSuggestionsList .empty { color: var(--theme-default); font-size: 20px; text-align: center; padding: 1em; } .tagify__dropdown.extra-properties .tagify__dropdown__item > img { display: inline-block; vertical-align: middle; height: 20px; transform: scale(0.75); margin-right: 5px; border-radius: 2px; transition: .12s ease-out; } .tagify__dropdown.extra-properties .tagify__dropdown__item:hover > img { transform: none; margin-right: 12px; } .tagify__dropdown.extra-properties .tagify__dropdown__item--active > img { transform: none; margin-right: 12px; } .tagify.countries .tagify__input { min-width: 175px; } .tagify.countries tag { white-space: nowrap; } .tagify.countries tag img { display: inline-block; height: 16px; margin-right: 3px; border-radius: 2px; pointer-events: none; } .tagify--select { width: 100%; } .tagify__dropdown__wrapper { background: var(--white); border-color: var(--recent-dashed-border); } .tagify__dropdown__item--active { background-color: #cccccc; color: var(--body-font-color); } .tagify { --tags-focus-border-color: #cccccc; } .tagify__input { color: #3f475a; } .tagify--select::after { color: var(--chart-text-color); } [dir="rtl"] .tagify--select::after { right: unset; left: 0; transform: translate(150%, -50%) scaleX(1.2) rotate(90deg); } [dir="rtl"] .tagify--select .tagify__tag { right: unset; left: 1.8em; } [dir="rtl"] .tagify--select[aria-expanded=true]::after { transform: translate(150%, -50%) rotate(270deg) scale(1.2); } .international-num input { width: calc(240px + (250 - 240) * ((100vw - 320px) / (1920 - 320))); padding: 10px; border-radius: 2px; border: 1px solid #cccccc; } .international-num input:focus { outline-color: #cccccc; } .international-num input::placeholder { color: #cccccc; } .international-num .results ul { border: 1px solid #cccccc; margin-top: 12px; padding: 8px; line-height: 1.9; } .iti--allow-dropdown .iti__flag { background-image: url("../images/forms/flags.png"); } .select-box { position: relative; display: flex; width: 400px; flex-direction: column; } .select-box .options-container { background: var(--recent-box-bg); color: var(--body-font-color); max-height: 0; width: 100%; opacity: 0; transition: all 0.4s; border-radius: 0 0 8px 8px; overflow: hidden; order: 1; } .select-box .options-container.active { max-height: 240px; opacity: 1; overflow-y: scroll; margin-top: 53px; } @media (min-width: 1007px) and (max-width: 1920px) { .select-box .options-container.active { max-width: calc(265px + (400 - 265) * ((100vw - 1007px) / (1920 - 1007))); } } @media (min-width: 768px) and (max-width: 1006px) { .select-box .options-container.active { max-width: calc(295px + (350 - 295) * ((100vw - 1007px) / (1006 - 768))); } } @media (max-width: 767px) { .select-box .options-container.active { max-width: calc(242px + (415 - 242) * ((100vw - 320px) / (767 - 320))); margin-top: 46px; } } .select-box .options-container.active + .selected-box::after { transform: rotateX(180deg); top: -6px; } .select-box .options-container.active ~ .search-box input { opacity: 1; pointer-events: auto; } .select-box .selection-option { padding: 12px 24px; cursor: pointer; } .select-box .selection-option:hover { background: #cccccc; } .select-box .selection-option .radio { display: none; } .select-box label { cursor: pointer; } .selected-box { background: var(--light2); color: #333; position: relative; order: 0; padding: 12px 24px; cursor: pointer; } @media (min-width: 1007px) and (max-width: 1920px) { .selected-box { max-width: calc(265px + (400 - 265) * ((100vw - 1007px) / (1920 - 1007))); } } @media (min-width: 768px) and (max-width: 1006px) { .selected-box { max-width: calc(295px + (350 - 295) * ((100vw - 1007px) / (1006 - 768))); } } @media (max-width: 767px) { .selected-box { max-width: calc(242px + (415 - 242) * ((100vw - 320px) / (767 - 320))); } } .selected-box::after { content: "\f078"; font-family: "FontAwesome"; position: absolute; height: 100%; width: 32px; right: 10px; top: 12px; transition: all 0.4s; } [dir="rtl"] .selected-box::after { left: 10px; right: unset; } .search-box input { width: 100%; padding: 12px 16px; font-size: 16px; position: absolute; z-index: 1; border: 2px solid var(--chart-dashed-border); opacity: 0; pointer-events: none; transition: all 0.4s; border-radius: 6px; } @media (min-width: 1007px) and (max-width: 1920px) { .search-box input { max-width: calc(265px + (400 - 265) * ((100vw - 1007px) / (1920 - 1007))); } } @media (min-width: 768px) and (max-width: 1006px) { .search-box input { max-width: calc(295px + (350 - 295) * ((100vw - 1007px) / (1006 - 768))); } } @media (max-width: 767px) { .search-box input { max-width: calc(242px + (415 - 242) * ((100vw - 320px) / (767 - 320))); padding: 9px 16px; } } .search-box input:focus { outline: none; } /**===================== 5.6 Select2 CSS Ends ==========================**/ /**===================== 5.7 Sidebar CSS Start ==========================**/ .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after { position: absolute; content: ""; top: 48%; width: 8px; border-top: 1px solid rgba(117, 117, 138, 0.4); } .d-flex.media-wrapper { width: 100%; display: -webkit-flex; } .d-flex.media-wrapper .flex-grow-1 { flex: 1; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a::before { position: absolute; content: ''; width: 5px; height: 5px; top: 50%; transform: translateY(-50%); left: 25px; border-radius: 100%; background: var(--theme-default); opacity: 0; visibility: hidden; } [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li [dir="rtl"] a::before { left: unset; right: 25px; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu::before { position: absolute; content: ''; width: 1px; height: 0; background: rgba(117, 117, 138, 0.4); top: -10px; left: 27px; transition: height 0.5s; } [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li [dir="rtl"] .sidebar-submenu::before { left: unset; right: 27px; } .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after { position: absolute; content: ""; top: 49%; width: 5px; height: 1px; border-radius: 100%; background-color: #59667a; } .onhover-show-div { box-shadow: 0 0 20px rgba(89, 102, 122, 0.1); transform: translateY(30px); opacity: 0; visibility: hidden; left: 0; } .onhover-dropdown:hover .onhover-show-div { opacity: 1; transform: translateY(0px); visibility: visible; border-radius: 5px; overflow: hidden; } .onhover-dropdown:hover .onhover-show-div:before { width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #fff; content: ""; top: -7px; position: absolute; left: 10px; z-index: 2; } .onhover-dropdown:hover .onhover-show-div:after { width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #d7e2e9; content: ""; top: -7px; position: absolute; left: 10px; z-index: 1; } .page-wrapper { position: relative; } .page-wrapper .page-header { max-width: 100vw; position: fixed; top: 0; z-index: 8; transition: 0.5s; background-color: #fff; box-shadow: 0px 4px 40px rgba(39, 32, 120, 0.1); } .page-wrapper .page-header .header-wrapper { width: 100%; align-items: center; padding: 22px 30px; position: relative; } @media (max-width: 1399px) { .page-wrapper .page-header .header-wrapper { padding: 22px 20px; } } .page-wrapper .page-header .header-wrapper .search-full { background-color: #fff; position: absolute; right: 0; z-index: 1; height: 0; width: 0; transform: scale(0); transition: all 0.3s ease; } .page-wrapper .page-header .header-wrapper .search-full.open { height: 100%; width: 100%; animation: zoomIn 0.5s ease-in-out; transform: scale(1); transition: all 0.3s ease; } .page-wrapper .page-header .header-wrapper .search-full input { line-height: 65px; padding-left: 60px; width: 100% !important; } .page-wrapper .page-header .header-wrapper .search-full input:focus { outline: none !important; } .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search { position: absolute; font-size: 15px; right: 30px; top: 30px; color: #898989; cursor: pointer; } [dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search { left: 30px; right: unset; } .page-wrapper .page-header .header-wrapper .search-full .form-group:before { position: absolute; left: 30px; top: 27px; content: "\f002"; font-size: 16px; color: #898989; font-family: FontAwesome; } [dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full .form-group:before { left: unset; right: 30px; } .page-wrapper .page-header .header-wrapper .nav-right { justify-content: flex-end; } .page-wrapper .page-header .header-wrapper .nav-right ul li svg { vertical-align: middle; width: 20px; height: 20px; stroke: rgba(64, 64, 64, 0.9); fill: none; } .page-wrapper .page-header .header-wrapper .nav-right ul li svg path { color: #242934; } .page-wrapper .page-header .header-wrapper .nav-right ul li .mode.active svg { fill: #fff; } .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .mode { cursor: pointer; text-align: center; } .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .mode svg { fill: rgba(64, 64, 64, 0.9); } .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .mode i { font-size: 18px; font-weight: 600; transition: all 0.3s ease; } .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .mode i.fa-lightbulb-o { font-weight: 500; font-size: 22px; transition: all 0.3s ease; animation: zoomIn 300ms ease-in-out; } .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .header-search { cursor: pointer; } .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .profile-media .flex-grow-1 { margin-left: 15px; } .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .profile-media .flex-grow-1 span { font-weight: 500; } .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .profile-media .flex-grow-1 p { font-size: 12px; line-height: 1; color: rgba(64, 64, 64, 0.7); } .page-wrapper .page-header .header-wrapper .nav-right > ul { display: flex; align-items: center; justify-content: flex-end; } .page-wrapper .page-header .header-wrapper .nav-right > ul > li { padding: 6px 10px; display: inline-block; position: relative; } @media (max-width: 1220px) { .page-wrapper .page-header .header-wrapper .nav-right > ul > li { padding: 6px 9px; } } .page-wrapper .page-header .header-wrapper .nav-right > ul > li.fullscreen-body { cursor: pointer; } .page-wrapper .page-header .header-wrapper .nav-right > ul > li .badge { position: absolute; right: -5px; top: -6px; padding: 2px 4px; font-size: 11px; font-weight: 700; font-family: work-Sans, sans-serif; } .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul { left: inherit; right: -10px; width: 130px; } .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul:before, .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul:after { left: inherit; right: 10px; } .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul li { display: block; } .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul li a { font-size: 14px; color: #3f475a; } .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul li a i { margin-left: 10px; font-size: 13px; color: #3f475a; } .page-wrapper .page-header .header-wrapper .nav-right > ul .flag-icon { font-size: 16px; } .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip { width: unset !important; box-shadow: unset !important; background-color: transparent !important; overflow: initial; } .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip::after, .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip::before { display: none; } .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip .bookmark-dropdown .bookmark-content { text-align: center; } .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip .bookmark-dropdown .bookmark-content .bookmark-icon { width: 52px; height: 52px; background-color: #f9f9f9; border-radius: 100%; display: flex; align-items: center; justify-content: center; margin: 0 auto; } .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip .bookmark-dropdown .bookmark-content span { font-family: Roboto, sans-serif; font-size: 12px; font-weight: 500; letter-spacing: 0.5px; } .page-wrapper .page-header .header-wrapper .nav-right .flip-card { width: 300px; height: 260px; background-color: transparent; } .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner { position: relative; height: 100%; text-align: center; transition: transform 0.6s; transform-style: preserve-3d; } .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front, .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back { position: absolute; backface-visibility: hidden; border-radius: 10px; overflow: hidden; box-shadow: 0 0 20px rgba(89, 102, 122, 0.1); width: 300px; height: 260px; } .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front button, .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back button { background-color: transparent; color: #7366FF; border: none; } .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front button:focus, .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back button:focus { outline: transparent; } .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front { background-color: #fff; transition: .3s; } .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front svg { stroke: #3f475a; transition: all 0.3s ease; } .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front svg:hover { stroke: var(--theme-default); transition: all 0.3s ease; } .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back { background-color: #fff; transform: rotateY(180deg); } .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back li:first-child { margin-top: 20px; height: 140px !important; } .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back button { width: 100%; } .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back .flip-back-content input { border-radius: 25px; padding: 6px 12px; width: 100%; border: 1px solid #ddd; } .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back .flip-back-content input:focus { outline: none; } .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner.flipped { transform: rotateY(180deg); } .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner.flipped .front { opacity: 0; } .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div { width: 330px; top: 50px; right: 0; left: unset; } .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .dropdown-title { padding: 18px; text-align: center; border-bottom: 1px solid rgba(145, 142, 153, 0.3); } .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div ul { padding: 15px; } .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li { padding: 15px; } .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li p { font-size: 14px; letter-spacing: 0.3px; margin-bottom: 0; } .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li a { text-transform: uppercase; letter-spacing: 0.3px; font-family: Roboto, sans-serif; } .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li + li { margin-top: 15px; } .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li:last-child { padding-bottom: 15px; } .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .d-flex { position: relative; } .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .d-flex img { width: 40px; position: relative; } .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .d-flex .status-circle { left: 0; } .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .d-flex .flex-grow-1 > span { letter-spacing: 0.8px; padding-right: 10px; display: inline-block; } .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .d-flex .flex-grow-1 p { margin-bottom: 8px; } .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div:before, .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div:after { right: 10px !important; left: unset !important; } .page-wrapper .page-header .header-wrapper .nav-right .notification-box { position: relative; } .page-wrapper .page-header .header-wrapper .nav-right .cart-box { position: relative; } .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown ul { padding: 0 0 15px; } .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li { margin: 0 15px; padding: 10px 0; } .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li .d-flex { align-items: center; } .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li .d-flex .flex-grow-1 { margin-right: 20px; } [dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li .d-flex .flex-grow-1 { margin-right: unset; margin-left: 20px; } .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li .d-flex .flex-grow-1 .qty-box.input-group span { padding: 0; } .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li + li { margin-top: 0; border-top: 1px solid rgba(145, 142, 153, 0.1); } .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li:last-child { padding: 15px 10px; border-top: none; display: flex; justify-content: center; align-items: center; gap: 10px; } .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown p { line-height: 1.3; margin-top: 3px; opacity: 0.6; } .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .close-circle { position: absolute; right: 0; top: 0; } .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .close-circle a { width: 18px; height: 18px; border-radius: 100%; display: flex; align-items: center; justify-content: center; } .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .close-circle svg { width: 14px; stroke: #fff; } .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box { margin: 12px 0; } .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group { width: 80px; background-color: transparent; } .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group input { background-color: transparent; } .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group input, .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group .btn { font-size: 10px; font-family: Roboto, sans-serif; font-weight: 700; } .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group .btn { padding: 0px 7px; background-color: #F7F6FF !important; border-color: #F7F6FF !important; border-radius: 100%; font-size: 14px; color: #404040; } .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total { margin: 0; padding: 15px; background-color: #f9f9f9; border: none; } .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total h6 { font-family: Roboto, sans-serif; font-weight: 500; font-size: 14px; line-height: 14px; letter-spacing: 0.5px; } .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total h6 span { font-size: 14px; } .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .view-checkout { text-decoration: unset; } .page-wrapper .page-header .header-wrapper .nav-right .notification-box svg { animation: swing 1.5s ease infinite; } .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown { top: 52px; width: 300px; right: -20px !important; left: unset; } @media (max-width: 575.98px) { .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown { width: calc(100vw - 30px); } } .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li { background-color: #f9f9f9; border-radius: 5px; padding: 0; } .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li:last-child { padding-bottom: 0; } .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li .btn-close { filter: brightness(1); font-size: 10px; } .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li:last-child { text-align: center; background-color: transparent; } .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li p { display: flex; align-items: center; justify-content: space-between; } .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li p span { font-size: 12px; vertical-align: middle; } .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown:before, .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown:after { right: 28px !important; left: unset !important; } .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown { width: 160px; top: 57px; left: -12px; padding: 0 10px; } .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li { padding: 10px !important; } .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a { text-decoration: unset; } .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover a span { color: var(--theme-default); transition: color 0.3s ease; } .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover a svg { stroke: var(--theme-default); transition: stroke 0.3s ease; } .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover a svg path { stroke: var(--theme-default); transition: stroke 0.3s ease; } .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li + li { margin-top: 0; } .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:last-child { padding-top: 10px !important; } .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li span { color: #3f475a; } .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li svg { width: 16px; vertical-align: bottom; margin-right: 10px; stroke: #3f475a; } .page-wrapper .page-body-wrapper { background-color: #F7F8F9; } .page-wrapper .page-body-wrapper .page-body { min-height: calc(100vh - 136px); margin-top: 136px; padding: 0 15px 0 15px; position: relative; transition: 0.5s; } .page-wrapper .page-body-wrapper .page-body:before { animation: fadeIn 0.5s ease-in-out; } .page-wrapper .page-body-wrapper .page-title { padding: 15px 20px; margin: 0 -27px 28px; background-color: #fff; } .page-wrapper .page-body-wrapper .page-title > .row { margin: 0; } .page-wrapper .page-body-wrapper .page-title > .row .col-6 { padding: 0; } .page-wrapper .page-body-wrapper .page-title .row { align-items: center; } .page-wrapper .page-body-wrapper .page-title .row h3 { font-size: 24px; margin-bottom: 0; text-transform: capitalize; } .page-wrapper .page-body-wrapper .page-title .row h3 small { display: block; font-size: 12px; margin-bottom: 5px; text-transform: capitalize; color: #75758a; } .page-wrapper .page-body-wrapper .page-title .breadcrumb { background-color: transparent; padding: 0; margin-bottom: 0; align-items: center; justify-content: flex-end; } .page-wrapper .page-body-wrapper .page-title .breadcrumb li { font-size: 13px; letter-spacing: 1px; font-family: Roboto, sans-serif; } .page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item + .breadcrumb-item:before { content: "/"; } .page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item a svg { width: 16px; height: 16px; stroke: #3f475a; vertical-align: text-top; } .page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item.active { color: var(--theme-default); font-weight: 500; } .page-wrapper .page-body-wrapper div.sidebar-wrapper { height: 80px !important; } .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.stroke-icon { stroke: #3f475a; } .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.fill-icon { fill: #757589; } .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg { transition: all 0.3s ease; } .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.stroke-icon { stroke: var(--theme-default); } .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.fill-icon { fill: var(--theme-default); } .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content li a { text-transform: capitalize; } .page-wrapper .page-body-wrapper div.sidebar-wrapper .right-nav { width: -webkit-fill-available; } .page-wrapper .sidebar-wrapper[data-sidebar-layout="stroke-svg"] .stroke-icon { display: inline-block; } .page-wrapper .sidebar-wrapper[data-sidebar-layout="stroke-svg"] .fill-icon { display: none; } .page-wrapper .sidebar-wrapper[data-sidebar-layout="fill-svg"] .stroke-icon { display: none; } .page-wrapper .sidebar-wrapper[data-sidebar-layout="fill-svg"] .fill-icon { display: inline-block; } .page-wrapper.horizontal-wrapper [data-simplebar] { position: relative; } .page-wrapper.horizontal-wrapper .footer { margin-left: 0; } .page-wrapper.horizontal-wrapper .footer.footer-fix { width: 100%; } .page-wrapper.horizontal-wrapper .header-logo-wrapper { width: 150px; } .page-wrapper.horizontal-wrapper .header-logo-wrapper .toggle-sidebar { display: none; } .page-wrapper.horizontal-wrapper .sidebar-list i.fa-solid.fa-thumbtack { visibility: hidden; position: absolute; top: 19px; right: 0px; color: #7366FF; } [dir="rtl"] .page-wrapper.horizontal-wrapper .sidebar-list i.fa-solid.fa-thumbtack { left: 0; right: unset; } .page-wrapper.horizontal-wrapper .sidebar-list:hover i.fa-solid.fa-thumbtack { visibility: hidden; cursor: pointer; } .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper { line-height: inherit; top: 0px; background: #fff; box-shadow: 0px 9px 24px rgba(89, 102, 122, 0.05); overflow-x: hidden; z-index: 1; overflow-y: visible; position: fixed; width: 100vw; border-top: 1px solid #efefef; z-index: 3; padding: 13px 20px; } .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .simplebar-content { display: flex; } .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper li { display: inline-block; } .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-links .sidebar-list label.badge { position: absolute; top: 6px; right: 6px; z-index: 1; } .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-links .sidebar-list .sidebar-submenu .badge { position: absolute; top: 10px; right: 40px; z-index: 1; } .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .logo-wrapper { margin-right: 60px; margin-top: 15px; } .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main { text-align: left; position: relative; width: -webkit-fill-available; } .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow, .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow { position: absolute; top: 0px; padding: 15px; background-color: #fff; display: flex; align-items: center; justify-content: center; z-index: 1; cursor: pointer; } .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow.disabled, .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow.disabled { display: none; } .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow { left: 0; } .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow { right: 0; } .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links { list-style: none; margin: 0; padding: 0; line-height: normal; direction: ltr; text-align: left; display: -webkit-box !important; padding: 0 5px; transition: all .5s ease; white-space: nowrap; } .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list a.active .according-menu i:before { content: '-'; } .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list a .according-menu { display: none; } .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list ul.sidebar-submenu li a.active { color: var(--theme-default); } .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list ul.sidebar-submenu li a.active:after { background-color: var(--theme-default); } .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li { position: relative; padding-top: 5px; padding-bottom: 5px; } .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title { display: none !important; } .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title.show { display: none !important; } .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a > span { color: var(--theme-default); transition: all 0.3s ease; } .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover a { background-color: rgba(115, 102, 255, 0.15); transition: all 0.3s ease; } .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover a svg.stroke-icon { stroke: var(--theme-default); transition: all 0.3s ease; } .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover a svg.fill-icon { fill: var(--theme-default); transition: all 0.3s ease; } .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:first-child { display: none !important; } .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a { display: block; color: #404040; line-height: 23px; text-decoration: none; text-transform: capitalize; padding: 10px 15px; margin: 0 3px; letter-spacing: 0.04em; position: relative; border-radius: 5px; font-weight: 500; transition: all 0.3s ease; } .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a.active { background-color: #dad6ff; transition: all 0.3s ease; } .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a.active svg, .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a.active span { color: var(--theme-default); transition: all 0.3s ease; } .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a .badge { position: absolute; top: -5px; margin-left: 1px; right: 10px; padding: 0.20em 0.7em; } .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a svg { width: 18px; height: 18px; vertical-align: middle; margin-right: 10px; } .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu { position: fixed; z-index: 4; box-shadow: 0 0 1px 0 #898989; padding: 15px 0px 15px 0px; background: white; } .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li { border: 0; float: none; position: relative; display: block; } .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a { background: transparent; padding: 4px 30px; display: block; transition: all 0.5s ease; line-height: 1.9; color: rgba(43, 43, 43, 0.6); letter-spacing: 0.06em; font-weight: 500; font-family: Roboto; transition: all 0.3s ease; } .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after { left: 20px; } .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover { color: var(--theme-default); letter-spacing: 1.5px; transition: all 0.3s ease; } .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover:after { background-color: var(--theme-default); } .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a:after { left: 0; right: 0; opacity: 1; } .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper.overlay-white { background-color: rgba(255, 255, 255, 0.08); } .page-wrapper.horizontal-wrapper .page-body-wrapper .toggle-nav { position: relative; display: flex; align-items: center; cursor: pointer; } .page-wrapper.horizontal-wrapper .page-body-wrapper .toggle-nav i { font-size: 24px; } .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body { margin-top: 82px; } .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main-title { display: none !important; } .page-wrapper.horizontal-wrapper .page-body-wrapper.scorlled .sidebar-wrapper { display: none; transition: all 0.3s ease; } .page-wrapper.horizontal-wrapper .page-header { width: 100%; box-shadow: none; } .page-wrapper.horizontal-wrapper .page-header .header-wrapper .form-control-plaintext { width: auto !important; } .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header { width: 30%; } @media (max-width: 1428px) and (min-width: 1324px) { .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header { width: 32%; } } @media (max-width: 1323px) and (min-width: 1200px) { .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header { width: 37%; } } @media (max-width: 1199px) and (min-width: 992px) { .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header { width: 32%; } } @media (max-width: 1428px) and (min-width: 1324px) { .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right { width: 55%; } } @media (max-width: 1323px) and (min-width: 1200px) { .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right { width: 40%; } } @media (max-width: 1199px) and (min-width: 992px) { .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right { width: 50%; } } .page-wrapper.horizontal-wrapper.enterprice-type footer { margin-left: 0; } .page-wrapper.material-icon .card { border-radius: 30px; box-shadow: 0 0 20px rgba(115, 102, 255, 0.1); } @media (min-width: 768px) { .page-wrapper.material-icon.compact-sidebar.compact-small .page-header .header-wrapper .nav-right .nav-menus .mode svg { fill: #fff; } } .page-wrapper.material-icon.compact-sidebar.compact-small .page-body-wrapper .page-body .page-title h3 { color: #fff; } @media (min-width: 768px) { .page-wrapper.material-icon.compact-sidebar.compact-small .page-body-wrapper .page-body .page-title .breadcrumb .breadcrumb-item { color: #fff; } } .page-wrapper .sidebar-main-title h6 { font-size: 14px; font-weight: 600; color: #75758a; text-transform: uppercase; margin-bottom: 0; letter-spacing: 0.40px; } .page-wrapper.compact-wrapper .sidebar-list i.fa-solid.fa-thumbtack { visibility: hidden; position: absolute; top: 11px; right: -9px; color: #7366FF; z-index: 9999; } [dir="rtl"] .page-wrapper.compact-wrapper .sidebar-list i.fa-solid.fa-thumbtack { left: -9px; right: unset; } .page-wrapper.compact-wrapper .sidebar-list:hover i.fa-solid.fa-thumbtack { visibility: visible; cursor: pointer; } .page-wrapper.compact-wrapper .sidebar-list.pined { order: -1; } .page-wrapper.compact-wrapper .pin-title { order: -1; } .page-wrapper.compact-wrapper .page-header { margin-left: 265px; width: calc(100% - $sidebar-compact-width); } .page-wrapper.compact-wrapper .page-header.close_icon { margin-left: 80px; width: calc(100% - 80px); } .page-wrapper.compact-wrapper .page-header .header-wrapper .logo-wrapper { display: none; } .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar { display: none; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper { position: fixed; top: 0; z-index: 9; height: auto; line-height: inherit; background: #fff; width: 265px; text-align: left; transition: 0.3s; box-shadow: 0 0 21px 0 rgba(89, 102, 122, 0.1); } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper { padding: 22px 24px; box-shadow: -9px 0 20px rgba(89, 102, 122, 0.1); } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper { display: none; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon { width: auto; transition: all 0.3s ease; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .badge { opacity: 0; width: 0; padding: 0; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li { max-width: 86px; margin: 0; transition: all 0.3s ease; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu a { display: none; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a { text-align: center; padding: 12px 14px; transition: all 0.3s ease; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link .stroke-icon { margin-right: 0; transition: all 0.3s ease; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link .fill-icon { margin-right: 0; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main-title { display: none !important; opacity: 0; transition: all 0.3s ease; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .logo-wrapper { display: none; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .logo-icon-wrapper { text-align: right; display: block; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover { width: 265px; transition: all 0.3s ease; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .badge { opacity: 1; width: auto; transition: all 0.3s ease; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li { max-width: unset; margin: initial; transition: all 0.3s ease; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a { text-align: left; } [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a { text-align: right; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link svg { margin-right: 10px; transition: all 0.3s ease; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu a { display: block; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a { padding: 12px 20px; transition: all 0.3s ease; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a span { display: inline-block; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main-title { opacity: 1; display: block !important; transition: all 0.3s ease; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .logo-wrapper { display: block; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .logo-icon-wrapper { display: none; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .mobile-sidebar { transform: translate(183px); } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon ~ footer { margin-left: 80px; transition: 0.5s; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer-fix { width: calc(100% - 80px); } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links { height: calc(100vh - 118px); } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link::before { right: 20px; left: unset; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a span { display: none; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .sidebar-list .sidebar-title.active ~ .sidebar-submenu { display: none; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .according-menu { display: none; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .left-arrow, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .right-arrow { display: none; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list i.fa-solid.fa-thumbtack { visibility: hidden; position: absolute; top: 18px; right: 38px; color: #7366FF; font-size: 12px; } [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list i.fa-solid.fa-thumbtack { left: 38px; right: unset; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list:hover i.fa-solid.fa-thumbtack { visibility: visible; cursor: pointer; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list.pined, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list.pin-title { order: -1; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .pin-title { order: -1; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links { height: calc(100vh - 115px); left: -300px; z-index: 99; transition: color 1s ease; overflow: auto; color: rgba(0, 0, 0, 0); margin-top: 20px; margin-bottom: 30px; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a { font-weight: 500; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active span { color: var(--theme-default); } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a svg { width: 18px; height: 18px; margin-right: 10px; vertical-align: -2px; float: none; transition: all 0.3s ease; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span { letter-spacing: 0.7px; text-transform: capitalize; color: rgba(117, 117, 138, 0.8); } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.link-nav .according-menu { display: none; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li:last-child { border-bottom: none; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links.opennav { left: 0; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .back-btn { display: block; width: 100%; padding: 0; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .back-btn .mobile-back { padding: 20px; color: #242934; font-weight: 700; text-transform: uppercase; border-bottom: 1px solid #efefef; cursor: pointer; display: flex; justify-content: flex-end; align-items: center; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li { display: block; width: 100%; position: relative; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title { padding: 25px 0 6px 20px; margin-top: 10px; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title { display: none !important; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title.show { display: block; } [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title { padding: 25px 20px 6px 0; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title::before { position: absolute; content: ''; top: 0; left: 50%; background: var(--sidebar-border); width: calc(100% - 40px); height: 1px; transform: translateX(-50%); } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title:nth-child(2) { margin-top: 0; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title:nth-child(2)::before { display: none; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-list .badge { position: absolute; right: 55px; top: 14.5px; padding: 0.45em 0.8em 0.33em; z-index: 1; font-size: 10px; letter-spacing: 0.7px; font-weight: 600; font-family: Roboto, sans-serif; border-radius: 10px; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-list .sidebar-submenu li { position: relative; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-list .sidebar-submenu li .badge { position: absolute; right: 50px; top: 8px; padding: 0.45em 0.8em 0.33em; z-index: 1; font-size: 10px; letter-spacing: 0.7px; font-weight: 600; font-family: Roboto, sans-serif; border-radius: 10px; margin-bottom: 0; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-list:hover > a:hover { background-color: rgba(115, 102, 255, 0.07); transition: all 0.3s ease; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover svg { fill: rgba(115, 102, 255, 0.1); stroke: var(--theme-default); transition: all 0.3s ease; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover svg.fill-icon { fill: var(--theme-default); stroke: none; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover span { color: var(--theme-default); transition: all 0.3s ease; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover .according-menu i { color: var(--theme-default); transition: all 0.3s ease; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a { padding: 12px 20px; position: relative; color: #222222; transition: all 0.3s ease; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a .sub-arrow { right: 20px; position: absolute; top: 10px; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a .sub-arrow i { display: none; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a .sub-arrow:before { display: none; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:first-child { display: none !important; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu { width: 100%; padding: 0; position: relative !important; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu > li a { padding-left: 48px !important; font-weight: 400; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu .submenu-title .according-menu { top: 7px; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu.opensubmenu { display: block; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li:hover > a { color: var(--theme-default); transition: all 0.3s ease; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .sidebar-submenu { display: none; position: relative !important; right: 0; width: 100%; padding: 0; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .sidebar-submenu.opensubchild { display: block; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .sidebar-submenu li a { padding: 6px 45px; padding-left: 56px !important; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .sidebar-submenu li a:after { display: none; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a { padding: 7px 25px; font-size: 14px; color: rgba(64, 64, 64, 0.6); display: block; position: relative; letter-spacing: 0.06em; font-weight: 500; transition: all 0.3s ease; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active { color: var(--theme-default); } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active::before { opacity: 1; visibility: visible; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after { left: 27px; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover { margin-left: 0; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link { transition: all 0.5s ease; display: block; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link::after { position: absolute; content: ''; width: 4px; height: 35px; right: 0; top: 50%; transform: translateY(-50%); background-color: #7366FF; border-radius: 5px 0px 0px 5px; opacity: 0; visibility: hidden; } [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link::after { right: unset; left: 0; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active { transition: all 0.5s ease; position: relative; margin-bottom: 10px; background-color: #f1f0ff; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active::after { opacity: 1; visibility: visible; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active ~ .sidebar-submenu::before { height: calc(100% - 8px); transition: height 0.5s; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active .according-menu i { color: var(--theme-default); } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active span { color: var(--theme-default); transition: all 0.3s ease; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .simplebar-content { display: flex; flex-direction: column; } .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper:hover .according-menu { display: block; } .page-wrapper.compact-wrapper .page-body-wrapper .according-menu { position: absolute; right: 20px; top: 11px; display: block; } .page-wrapper.compact-wrapper .page-body-wrapper .according-menu i { vertical-align: middle; color: rgba(117, 117, 138, 0.8); } .page-wrapper.compact-wrapper .page-body-wrapper .main-menu.border-section { border: none; } .page-wrapper.compact-wrapper .page-body-wrapper .main-menu .menu-left .main-menu-right .toggle-nav { position: absolute; z-index: 2; right: 145px; top: 6px; } .page-wrapper.compact-wrapper .page-body-wrapper .main-menu .menu-left .main-menu-right .toggle-nav .sidebar-name { font-size: 18px; padding-left: 5px; text-transform: uppercase; } .page-wrapper.compact-wrapper .page-body-wrapper .page-body { min-height: calc(100vh - 80px); margin-top: 80px; margin-left: 265px; } .page-wrapper.compact-wrapper.dark-sidebar .sidebar-main-title h6, .page-wrapper.compact-wrapper.color-sidebar .sidebar-main-title h6 { color: rgba(255, 255, 255, 0.6); } .page-wrapper.compact-wrapper.dark-sidebar .toggle-sidebar svg, .page-wrapper.compact-wrapper.color-sidebar .toggle-sidebar svg { stroke: var(--theme-default); } .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.stroke-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.stroke-icon { stroke: rgba(255, 255, 255, 0.6); } .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.fill-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.fill-icon { fill: rgba(255, 255, 255, 0.6); } .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.stroke-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.stroke-icon { stroke: var(--theme-default); } .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.fill-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.fill-icon { fill: var(--theme-default); } .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title::before, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title::before { background: #374558; } .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper { background-color: #262932; } .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a span, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a span { color: rgba(255, 255, 255, 0.6); } .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.stroke-icon, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.stroke-icon { stroke: rgba(255, 255, 255, 0.6); } .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.fill-icon, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.fill-icon { fill: rgba(255, 255, 255, 0.6); } .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active { background-color: rgba(115, 102, 255, 0.2); } .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active svg, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active svg { color: var(--theme-default); stroke: var(--theme-default); } .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a { color: rgba(255, 255, 255, 0.6); } .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span { color: rgba(255, 255, 255, 0.6); } .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active { color: var(--theme-default); } .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .logo-wrapper .for-light, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .logo-wrapper .for-light { display: none; } .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .logo-wrapper .for-dark, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .logo-wrapper .for-dark { display: block; } .page-wrapper.compact-wrapper.dark-sidebar .according-menu i, .page-wrapper.compact-wrapper.color-sidebar .according-menu i { color: rgba(255, 255, 255, 0.6); } .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper { background-color: #2f3c4e; } .page-wrapper.compact-sidebar .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content { display: flex; flex-direction: column; } .page-wrapper.compact-sidebar .sidebar-list i.fa-solid.fa-thumbtack { visibility: hidden; position: absolute; top: 8px; right: 54px; color: #7366FF; width: 20px; height: 20px; background-color: #e8e5ff; border-radius: 100%; display: flex; justify-content: center; align-items: center; } [dir="rtl"] .page-wrapper.compact-sidebar .sidebar-list i.fa-solid.fa-thumbtack { left: 54px; right: unset; } .page-wrapper.compact-sidebar .sidebar-list:hover i.fa-solid.fa-thumbtack { visibility: visible; cursor: pointer; z-index: 1; } .page-wrapper.compact-sidebar .sidebar-list.pined { order: -1; } .page-wrapper.compact-sidebar .pin-title { order: -1; } .page-wrapper.compact-sidebar ~ .bg-overlay1 { transition: 0.8s; } .page-wrapper.compact-sidebar ~ .bg-overlay1.active { z-index: 8; height: 100vh; width: 100vw; background-color: rgba(0, 0, 0, 0.2); position: fixed; top: 0; } .page-wrapper.compact-sidebar .toggle-sidebar { position: relative; right: unset; top: unset; margin-right: 15px; } .page-wrapper.compact-sidebar .sidebar-main-title { display: none; } .page-wrapper.compact-sidebar .logo-wrapper { display: none; } .page-wrapper.compact-sidebar .logo-icon-wrapper { display: block; text-align: center; padding: 24px 30px; box-shadow: -9px 0 20px rgba(89, 102, 122, 0.1); } .page-wrapper.compact-sidebar .page-header { margin-left: 150px; width: calc(100% - 150px); } .page-wrapper.compact-sidebar .page-header .header-wrapper .logo-wrapper { display: none; } .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header { width: 30%; } @media (max-width: 1578px) and (min-width: 1274px) { .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header { width: 38%; } } @media (max-width: 1273px) and (min-width: 1200px) { .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header { width: 45%; } } @media (max-width: 991px) and (min-width: 768px) { .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header { width: 36%; } } @media (max-width: 767px) and (min-width: 756px) { .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header { width: 28%; } } @media (max-width: 1199px) { .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header h6 { width: 132px; } } @media (max-width: 767px) { .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header h6 { width: 83px; } } .page-wrapper.compact-sidebar .page-header.close_icon { margin-left: 0; width: calc(100% - 0px); } .page-wrapper.compact-sidebar .page-body-wrapper .page-body { margin-top: 80px; margin-left: 150px; } .page-wrapper.compact-sidebar .page-body-wrapper .footer { margin-left: 150px; } .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper { position: fixed; top: 0; z-index: 9; } .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper > div { height: auto; line-height: inherit; background: #fff; width: 150px; text-align: left; transition: 0.3s; box-shadow: 0 0 21px 0 rgba(89, 102, 122, 0.1); } .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .left-arrow, .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .right-arrow { display: none; } .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links { margin: 30px 0; height: calc(100vh - 113px); overflow: auto; } .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a { color: #3f475a; } .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span { text-transform: capitalize; color: #3f475a; font-weight: 500; letter-spacing: 1px; font-size: 14px; } .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active { background: rgba(115, 102, 255, 0.1); color: #7366FF; } .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active span { color: #7366FF; } .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active .sidebar-submenu { animation: fadeInLeft 300ms ease-in-out; } .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-title { display: block; padding: 20px 0; border-bottom: 1px solid #f3f3f3; } .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li > .sidebar-submenu { position: fixed; top: 0px; height: calc(100vh - 0px); overflow: auto; left: 150px; width: 230px; background-color: #fff; box-shadow: 0 16px 15px 15px rgba(126, 55, 216, 0.03); transition: all 0.5s ease-in-out; display: none; padding-top: 20px; z-index: -1; } .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li > .sidebar-submenu li { position: relative; } .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li > .sidebar-submenu li label.badge { left: 68%; top: 20px; } .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li > .sidebar-submenu li a { padding: 15px 15px 15px 40px; display: block; position: relative; border-bottom: 1px solid #f1f1f1; } .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li > .sidebar-submenu li a .sub-arrow { display: none; } .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li > .sidebar-submenu li a .according-menu { position: absolute; right: 20px; top: 16px; } .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li > .sidebar-submenu li a.active { background-color: rgba(115, 102, 255, 0.1); color: #7366FF; transition: all 0.3s ease; } .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li > .sidebar-submenu li .sidebar-submenu { display: block; height: auto; position: unset; padding: 0; padding-left: 20px; transition: all 0.5s ease; box-shadow: unset; } .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li > .sidebar-submenu li .sidebar-submenu li a.active { background-color: transparent; } .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li > .sidebar-submenu > li > a::after { position: absolute; content: ""; left: 20px; top: 48%; width: 8px; border-top: 2px solid rgba(117, 117, 138, 0.4); } .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li > .sidebar-submenu .mega-box { flex: 0 0 100%; max-width: 100%; padding: 0; } .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li > .sidebar-submenu .mega-box .link-section { text-align: left; } .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li > .sidebar-submenu .mega-box .link-section .submenu-title h5 { position: relative; font-size: 14px; font-weight: 400; padding: 15px 15px 15px 40px; letter-spacing: 1px; margin-bottom: 0; } .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li > .sidebar-submenu .mega-box .link-section .submenu-title h5::after { position: absolute; content: ""; left: 20px; top: 48%; width: 6px; border-top: 2px solid #595c60; } .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list { position: relative; } .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .badge { position: absolute; left: 50%; top: 10px; font-weight: 500; font-size: 9px; margin-bottom: 0; } .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link { text-align: center; } .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link svg { margin: 0 auto 6px; width: 24px; height: 24px; } .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link > span { display: block; font-weight: 500; letter-spacing: 1px; font-size: 14px; word-break: break-word; } .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link .according-menu { display: none; } .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon { transform: translateX(-150px); } .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body, .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer { margin-left: 0px; } .page-wrapper.compact-small .toggle-sidebar { position: relative; right: unset; top: unset; margin-right: 15px; } .page-wrapper.compact-small .sidebar-list i.fa-solid.fa-thumbtack { visibility: hidden; position: absolute; top: 8px; right: 22px; color: #7366FF; width: 20px; height: 20px; background-color: #e8e5ff; border-radius: 100%; display: flex; justify-content: center; align-items: center; } [dir="rtl"] .page-wrapper.compact-small .sidebar-list i.fa-solid.fa-thumbtack { left: 22px; right: unset; } .page-wrapper.compact-small .sidebar-list:hover i.fa-solid.fa-thumbtack { visibility: visible; } .page-wrapper.compact-small .sidebar-list.pined, .page-wrapper.compact-small .sidebar-list.pin-title { order: -1; } .page-wrapper.compact-small.material-icon .page-body-wrapper .page-body .page-title h4 { color: var(--white); } .page-wrapper.compact-small .sidebar-main-title, .page-wrapper.compact-small .logo-wrapper { display: none; } .page-wrapper.compact-small .logo-icon-wrapper { display: block; text-align: center; padding: 27px 30px; box-shadow: -9px 0 20px rgba(89, 102, 122, 0.1); } .page-wrapper.compact-small .page-header { margin-left: 90px; width: calc(100% - 90px); } .page-wrapper.compact-small .page-header .header-wrapper .logo-wrapper { display: none; } .page-wrapper.compact-small .page-header.close_icon { margin-left: 0; width: calc(100% - 0px); } .page-wrapper.compact-small .page-body-wrapper .page-body { margin-left: 90px; } .page-wrapper.compact-small .page-body-wrapper .footer { margin-left: 90px; } .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper > div { width: 90px; } @media (max-width: 420px) { .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links { height: calc(100vh - 105px); } } .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-title { display: block; padding: 15px 0; } .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu { left: 90px; } .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a { padding: 10px 15px 10px 40px; } .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .sub-arrow { display: none; } .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .according-menu { top: 11px; } .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .badge { display: none; } .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link svg { margin: 0 auto; width: 20px; height: 20px; } .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link > span { display: none; } .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu svg { margin: 0 auto; } .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu a > span { display: none; } .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper.close_icon { transform: translateX(-150px); } .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body, .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer { margin-left: 0px; } .page-wrapper.only-body { background-color: #f2f0fa; } .page-wrapper.only-body .page-body-wrapper { background-color: #f2f0fa; } .page-wrapper.only-body .page-body-wrapper .page-body .page-title .col-sm-6 { flex: 0 0 100%; max-width: 100%; } .page-wrapper.only-body .page-header { position: relative; } .page-wrapper.only-body .page-header .header-logo-wrapper { display: none; } .page-wrapper.only-body .page-header .header-wrapper { padding: 0 !important; } .page-wrapper.only-body .page-header .header-wrapper .left-header { display: none; } .page-wrapper.only-body .page-header .header-wrapper .nav-right { position: absolute; right: 60px; top: 58px; } @media (max-width: 991px) { .page-wrapper.only-body .page-header .header-wrapper .nav-right { top: 50px; } } .page-wrapper.only-body .page-header .header-wrapper .search-full { top: 37px; width: calc(100% - 50px); left: 25px; } [dir="rtl"] .page-wrapper.only-body .page-header .header-wrapper .search-full { left: unset; right: 25px; } .page-wrapper.only-body .page-header .header-wrapper .search-full .form-group .Typeahead .u-posRelative { background-color: #fff; border-radius: 15px; } .page-wrapper.only-body .page-header .header-wrapper .search-full .Typeahead-menu { top: 78px; width: calc(100% - 30px); margin: 0 auto; right: 0; } .page-wrapper.only-body .page-body-wrapper .page-title { padding-top: 20px; padding-bottom: 20px; } .page-wrapper.only-body .sidebar-wrapper, .page-wrapper.only-body footer { display: none; } .page-wrapper.only-body .page-body-wrapper .page-body { margin-top: 0px; min-height: calc(100vh - 0px); } .page-wrapper.only-body .page-body-wrapper .page-title { padding-left: 30px; padding-right: 30px; margin: 30px 0; border-radius: 15px; } @media (max-width: 991.98px) { .page-wrapper.only-body .page-body-wrapper .page-title { padding-left: 20px; padding-right: 20px; margin: 20px 0; } } .page-wrapper.only-body .page-body-wrapper .page-title > .row .col-6 { flex: 0 0 100%; max-width: 100%; } .page-wrapper.only-body .page-body-wrapper .page-title .breadcrumb { margin-top: 5px; justify-content: flex-start; } .page-wrapper.modern-type .progress-chart-wrap { margin-left: -22px; } [dir="rtl"] .page-wrapper.modern-type .progress-chart-wrap { margin-left: unset; margin-right: -22px; } .page-wrapper.modern-type .ecommerce-widget { border: 1px solid #dad6ff !important; } .page-wrapper.modern-type .file-sidebar .pricing-plan { border: 1px solid #dad6ff !important; } .page-wrapper.modern-type .alert-primary { color: #7366FF; } .page-wrapper.modern-type .project-box { background-color: #dad6ff; } .page-wrapper.modern-type .nav-tabs .nav-link.active { background-color: transparent; } .page-wrapper.modern-type .simplebar-mask { top: 10px; } .page-wrapper.modern-type .page-header { margin-left: 0px; width: calc(100% - 0px); } .page-wrapper.modern-type .page-header.close_icon { margin-left: 0px; width: calc(100% - 0px); } .page-wrapper.modern-type .page-header .header-wrapper .left-header { width: 30%; } @media (max-width: 1428px) and (min-width: 1200px) { .page-wrapper.modern-type .page-header .header-wrapper .left-header { width: 37%; } } @media (max-width: 818px) { .page-wrapper.modern-type .page-header .header-wrapper .left-header { width: 36%; } } @media (max-width: 1669px) { .page-wrapper.modern-type .page-header .header-wrapper .nav-right { width: 50%; } } @media (max-width: 1428px) and (min-width: 1200px) { .page-wrapper.modern-type .page-header .header-wrapper .nav-right { width: 40%; } } .page-wrapper.modern-type .page-header .header-wrapper .header-logo-wrapper { display: flex; align-items: center; } .page-wrapper.modern-type .page-header .header-wrapper .logo-wrapper { display: block; margin-right: 30px; } .page-wrapper.modern-type .page-header .header-wrapper .toggle-sidebar { display: block; position: relative; top: unset; right: unset; margin-right: 15px; } .page-wrapper.modern-type .page-body-wrapper .page-title { background-color: transparent; padding-bottom: 0; } .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper { margin: 30px !important; top: 80px; bottom: 0; border-radius: 15px; } .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .logo-wrapper, .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper { display: none; } .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links { height: calc(100vh - 160px); } .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon .logo-icon-wrapper { display: none; } .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body { margin-left: 0px; } .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon ~ footer { margin-left: 0px; margin-right: 0px; } .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon:hover .logo-wrapper { display: none; } .page-wrapper.modern-type .page-body-wrapper .page-body { margin-left: 296px; } .page-wrapper.modern-type .page-body-wrapper .page-body .container-fluid { max-width: 1500px; } .page-wrapper.modern-type .page-body-wrapper .footer { margin-left: 360px; margin-right: 70px; border-radius: 10px; } @media (max-width: 991px) { .page-wrapper.modern-type .page-body-wrapper .footer { margin-right: 0; margin-left: 0; } } .page-wrapper.material-type { position: relative; } .page-wrapper.material-type::before { position: absolute; content: ''; left: 0; width: 100%; height: 300px; background-image: linear-gradient(103.75deg, #33B1EE -13.9%, var(--theme-default) 79.68%); } .page-wrapper.material-type .card { box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); } .page-wrapper.material-type .page-header { position: relative; max-width: 1560px; margin: 50px auto 0; border-radius: 15px 15px 0 0; } @media (max-width: 863px) { .page-wrapper.material-type .page-header.close_icon .header-wrapper .nav-right .nav-menus .profile-nav .profile-media .flex-grow-1 { display: none; } } .page-wrapper.material-type .page-header .header-wrapper .left-header { width: 31%; } @media (max-width: 1600px) { .page-wrapper.material-type .page-header .header-wrapper .left-header { width: 33%; } } @media (max-width: 1366px) { .page-wrapper.material-type .page-header .header-wrapper .left-header { width: 38%; } } @media (max-width: 1199px) { .page-wrapper.material-type .page-header .header-wrapper .left-header { width: 30%; } } @media (max-width: 1600px) and (min-width: 1008px) { .page-wrapper.material-type .page-header .header-wrapper .nav-right { width: 48%; } } @media (max-width: 1007px) { .page-wrapper.material-type .page-header .header-wrapper .nav-right { width: 58%; } } .page-wrapper.material-type .page-body-wrapper { background-image: url(../images/other-images/boxbg.jpg); background-blend-mode: overlay; background-color: rgba(255, 255, 255, 0.5); } .page-wrapper.material-type .page-body-wrapper .sidebar-wrapper { position: relative; max-width: 1560px; margin: 0 auto; top: unset; height: 56px; } .page-wrapper.material-type .page-body-wrapper .page-body { margin: 0 auto; max-width: 1560px; background-color: #f8f8f8; box-shadow: 0 0 20px 7px rgba(8, 21, 66, 0.05); border-radius: 0 0 15px 15px; } .page-wrapper.material-type .footer { margin-top: 40px; } .page-wrapper.material-type.compact-wrapper .page-header .header-wrapper .left-header { width: 38%; } @media (max-width: 991px) and (min-width: 864px) { .page-wrapper.material-type.compact-wrapper .page-header .header-wrapper .nav-right { width: 55%; } } @media (max-width: 863px) { .page-wrapper.material-type.compact-wrapper .page-header .header-wrapper .nav-right { width: 40%; } } .page-wrapper.advance-layout { background-blend-mode: overlay; background-color: #F7F8F9; } .page-wrapper.advance-layout .card { border-radius: 5px; box-shadow: none; border: 1px solid #ecf3fa; } .page-wrapper.advance-layout .page-header { position: relative; background-color: #fff; margin: 0 auto; } .page-wrapper.advance-layout .page-body-wrapper { background: transparent; } .page-wrapper.advance-layout .page-body-wrapper .sidebar-wrapper { position: relative !important; top: unset !important; height: unset; box-shadow: none; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; } .page-wrapper.advance-layout .page-body-wrapper .sidebar-wrapper > div { overflow-x: hidden; } .page-wrapper.advance-layout .page-body-wrapper .page-body { margin-top: 0 !important; } @keyframes pagebody { from { opacity: 0; transform: scale3d(0.98, 0.98, 0.98) translate(-20px, -50px); } 50% { opacity: 1; } } .md-sidebar { position: relative; } .md-sidebar .md-sidebar-toggle { display: none; width: fit-content; text-transform: capitalize; margin-bottom: 20px; } @media screen and (max-width: 1460px) { .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li { margin-right: 8px; } } @media screen and (max-width: 1366px) { .profile-dropdown.onhover-show-div { right: 0; left: unset !important; } .profile-dropdown.onhover-show-div:before, .profile-dropdown.onhover-show-div:after { right: 10px !important; left: unset !important; } } @media screen and (max-width: 1199px) { .page-wrapper .page-header .header-wrapper .nav-right > ul > li { padding: 8px; } .mobile-title.d-none { display: flex !important; justify-content: space-between; padding: 20px 30px 17px; border-bottom: 1px solid #ddd; margin: 0 -15px; } .mobile-title.d-none h5 { color: var(--theme-default); } .mobile-title.d-none svg { stroke: var(--theme-default) !important; } } @media (max-width: 1039px) and (min-width: 992px) { .page-wrapper .page-header .header-wrapper .nav-right > ul > li { padding: 6px; } } @media screen and (min-width: 992px) { .page-header .header-wrapper .nav-right .notification-dropdown { top: 46px; } .responsive-btn { display: none; } .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-mask { top: 0; } .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu { width: 236px; opacity: 0; visibility: hidden; border-radius: 5px; transition: all 0.5s ease; } .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu a .sub-arrow { position: absolute; right: 20px; top: 5px; color: #59667a; font-weight: 100; transition: all 0.5s ease; font-size: 15px; top: 5px; } .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .sidebar-submenu { display: none; border-radius: 4px; } .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li:hover .sidebar-submenu { display: block; position: absolute; left: 200px; background-color: #fff; top: -10px; padding: 15px 0px 15px 0px; box-shadow: 0 0 1px 0 #898989; } .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover .sub-arrow { right: 16px; transition: all 0.5s ease; } .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.hoverd .sidebar-submenu { opacity: 1; visibility: visible; margin-top: 8px; transition: all 0.5s ease; } .page-wrapper.horizontal-wrapper .page-body-wrapper .toggle-nav { display: none; } .page-wrapper.horizontal-wrapper .page-body-wrapper .mobile-back { display: none !important; } } @media only screen and (min-width: 768px) { .page-wrapper.material-icon { position: relative; } .page-wrapper.material-icon::before { position: absolute; content: ''; left: 0; width: 100%; height: 200px; background: linear-gradient(103.75deg, #33B1EE -13.9%, var(--theme-default) 79.68%); } .page-wrapper.material-icon .toggle-sidebar { color: rgba(255, 255, 255, 0.8); } .page-wrapper.material-icon .toggle-sidebar:hover > svg { color: #fff !important; stroke: #fff !important; } .page-wrapper.material-icon .page-header { position: relative; background: transparent; padding-left: 90px; max-width: 1660px; margin: 0 auto; width: calc(100% - 0px); box-shadow: none; } .page-wrapper.material-icon .page-header .f-light { color: #fff; } .page-wrapper.material-icon .page-header .header-wrapper .nav-right ul li svg { stroke: #fff; } .page-wrapper.material-icon .page-header .header-wrapper .nav-right ul li .profile-dropdown li svg { stroke: #404040; } .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li { color: #fff; } .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li .notification-box svg, .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li .cart-box svg { stroke: #fff; } .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li > a > svg { stroke: #fff; } .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li > svg { stroke: #fff; } .page-wrapper.material-icon .page-header .header-wrapper .nav-right .language-nav .more_lang { color: #404040; } .page-wrapper.material-icon .page-header .header-wrapper .nav-right .onhover-show-div { color: #404040; } .page-wrapper.material-icon .page-header .header-wrapper .nav-right.right-header ul li .profile-media .flex-grow-1 p { color: rgba(255, 255, 255, 0.7); } .page-wrapper.material-icon .page-header.close_icon { padding-left: 0; margin: 0 auto !important; } .page-wrapper.material-icon .page-body-wrapper .page-body { margin-top: 0 !important; padding-left: 90px; max-width: 1660px; margin: 0 auto; } .page-wrapper.material-icon .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body { padding-left: 15px; margin: 0 auto !important; } .page-wrapper.material-icon .page-body-wrapper .page-title { color: #fff; background-color: transparent; border-bottom: none; box-shadow: none; } .page-wrapper.material-icon .page-body-wrapper .page-title .breadcrumb .breadcrumb-item a svg { stroke: #fff; } .page-wrapper.material-icon .page-body-wrapper .page-title .breadcrumb .breadcrumb-item.active { color: rgba(255, 255, 255, 0.6); } .page-wrapper.material-icon .page-body-wrapper .page-title .breadcrumb .breadcrumb-item + .breadcrumb-item::before { color: rgba(255, 255, 255, 0.8); } } @media only screen and (min-width: 992px) { .page-wrapper.material-icon::before { height: 240px; } } @media screen and (max-width: 767px) { .sidebar-wrapper .menu .brand-logo img { width: 120px; } } @media screen and (max-width: 576px) { .toggle-nav i { font-size: 20px; } } .page-header-gradient { background: #6366F1; padding: 30px 0; color: white; padding-bottom: 100px; } .content-card { border-radius: 12px; margin-top: -90px; } .active .sidebar-link { background-color: rgba(171, 171, 171, 0.15); } .menu-link.active { color: #3b32a1 !important; } .active .sidebar-link span { color: #3b32a1; } .right-sidebar .profile-nav { position: relative; cursor: pointer; } .right-sidebar .dropdown-box { position: fixed; top: 0; left: 0; width: 220px; max-height: 0; opacity: 0; overflow: hidden; transition: max-height 0.4s ease, opacity 0.4s ease; background: #fff; border: 1px solid #ededed; border-radius: 16px; z-index: 9999; } .right-sidebar .dropdown-box.active { max-height: 500px; opacity: 1; } .right-sidebar .dropdown-box li { padding: 5px 10px; width: 100%; } .right-sidebar .dropdown-box li:hover { background-color: #ededed; } .right-sidebar .dropdown-box li a { color: black; } .right-sidebar .dropdown-box a span { background: black; color: white; padding: 8px; width: 2.2rem; height: 2.2rem; margin-right: 5px; padding-left: 11px; padding-top: 7px; } .right-sidebar .dropdown-overlay { display: none; /* mặc định ẩn */ position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.3); /* mờ đen */ z-index: 1000; /* thấp hơn dropdown */ } .right-sidebar .dropdown-overlay.active { display: block; } /**==sidebar-css==**/ /**===================== 5.7 Sidebar CSS Ends ==========================**/ /**===================== 5.9 Box-layout CSS start ==========================**/ .box-layout { background-image: url(../images/other-images/boxbg.jpg); background-blend-mode: overlay; background-color: rgba(255, 255, 255, 0.5); } .box-layout .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header { width: 38%; } .box-layout .basic-timeline.dark-timeline ul .d-flex p:last-child { max-width: 95%; } .box-layout .notification.main-timeline .basic-timeline li { max-width: 95%; } @media only screen and (min-width: 1661px) { .box-layout .default-inline-calender .main-inline-calender .flatpickr-rContainer .flatpickr-weekdays { height: 50px; } .box-layout .default-inline-calender .main-inline-calender .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day { height: 40px; } .box-layout .main-team-box { grid-template-columns: 1fr 1fr 1fr; } .box-layout .attach-files-wrapper .upload-files-wrapper { grid-template-columns: 1fr 1fr; } .box-layout .shopping-cart-table .recent-table div.dt-container .table thead tr:nth-child(2), .box-layout .shopping-cart-table .recent-table div.dt-container .table thead td:nth-child(2), .box-layout .shopping-cart-table .recent-table div.dt-container .table thead th:nth-child(2), .box-layout .shopping-cart-table .recent-table div.dt-container .table tbody tr:nth-child(2), .box-layout .shopping-cart-table .recent-table div.dt-container .table tbody td:nth-child(2), .box-layout .shopping-cart-table .recent-table div.dt-container .table tbody th:nth-child(2) { min-width: 360px; } .box-layout .shopping-cart-table .recent-table div.dt-container .table thead tr:nth-child(4), .box-layout .shopping-cart-table .recent-table div.dt-container .table thead td:nth-child(4), .box-layout .shopping-cart-table .recent-table div.dt-container .table thead th:nth-child(4), .box-layout .shopping-cart-table .recent-table div.dt-container .table tbody tr:nth-child(4), .box-layout .shopping-cart-table .recent-table div.dt-container .table tbody td:nth-child(4), .box-layout .shopping-cart-table .recent-table div.dt-container .table tbody th:nth-child(4) { min-width: 170px; } .box-layout .shopping-cart-table .recent-table div.dt-container .table thead tr:last-child, .box-layout .shopping-cart-table .recent-table div.dt-container .table thead td:last-child, .box-layout .shopping-cart-table .recent-table div.dt-container .table thead th:last-child, .box-layout .shopping-cart-table .recent-table div.dt-container .table tbody tr:last-child, .box-layout .shopping-cart-table .recent-table div.dt-container .table tbody td:last-child, .box-layout .shopping-cart-table .recent-table div.dt-container .table tbody th:last-child { min-width: 100px; } .box-layout .seller-details-wrapper .review-box .md-sidebar .accordion .accordion-item { margin-bottom: 0; } .box-layout .seller-details-wrapper .review-box .md-sidebar .md-sidebar-toggle { display: block; width: fit-content; text-transform: capitalize; margin-bottom: 20px; } .box-layout .seller-details-wrapper .review-box .md-sidebar .md-sidebar-aside { position: absolute; top: 40px; left: 0; opacity: 0; visibility: hidden; z-index: 3; width: 360px; transition: all 0.2s ease; } .box-layout .seller-details-wrapper .review-box .md-sidebar .md-sidebar-aside.open { opacity: 1; visibility: visible; transition: all 0.2s ease; } } @media only screen and (min-width: 1661px) and (max-width: 390px) { .box-layout .seller-details-wrapper .review-box .md-sidebar .md-sidebar-aside { width: 300px; } } @media only screen and (min-width: 1661px) { .box-layout .seller-details-wrapper .review-box .md-sidebar .email-left-aside .card { box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07); background-color: var(--bs-card-bg); border-radius: 15px; } .box-layout .seller-details-wrapper .review-box .md-sidebar .email-left-aside .card .card-body { padding: 20px; } .box-layout .seller-wrapper .right-vendor { justify-content: flex-start; } .box-layout .general-widget-wrapper .currency-widget div[class*=bg-light-] { display: block; } } @media only screen and (min-width: 1400px) { .box-layout .photo-click-wrapper { margin: 7px -20px -20px 0px; } } @media (max-width: 1399px) and (min-width: 576px) { .box-layout .attach-files-wrapper .upload-files-wrapper { grid-template-columns: 1fr 1fr; } } @media (max-width: 1399px) { .box-layout .balance-widget .mobile-right-img { right: -10%; } .box-layout .cmt-box .form-control { height: 2px; width: calc(100% - 40px - 2px); } .box-layout .cmt-box i { width: 40px; height: 40px; } .box-layout .main-team-box { grid-template-columns: 1fr 1fr; } } @media (max-width: 1422px) { .box-layout .upgrade-plan.mobile-app-card .card-body img { height: 118px; width: 128px; } } @media (min-width: 1400px) { .box-layout .monthly-profit { margin-block: 28px; } .box-layout .visitor-chart #visitor_chart { margin-block: 90px; } .box-layout .monthly-target { margin: 19px 0 -45px 0; } .box-layout .monthly-target .apexcharts-inner { transform: scale(0.6); } .box-layout .main-team-box { grid-template-columns: 1fr 1fr; } } @media only screen and (min-width: 1280px) { .box-layout .kanban-board { width: calc(100% / 2 - 30px) !important; } .box-layout .learning-filter { order: -1; } .box-layout .btn-groups .button-wrapper { align-items: center; } .box-layout .main-tasks .email-left-aside .left-bookmark { height: auto; } .box-layout .gallery-with-description a .caption p { display: -webkit-box; max-width: 100%; -webkit-line-clamp: 3; height: auto; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .box-layout .main-bookmark .email-left-aside .card-body .email-app-sidebar .main-menu { height: 360px; overflow: auto; } .box-layout .email-wrap .email-left-aside .card { height: 500px !important; } .box-layout .artist-table .appointment-table.customer-table table tr td:last-child { min-width: 100px; } .box-layout .discount-options { gap: 18px; } .box-layout .discount-options .nav-item .nav-link { width: 170px; height: 58px; } .box-layout .seller-cards { grid-template-columns: 1fr 1fr 1fr; } .box-layout .list-product .product-list-table.recent-table thead tr th:nth-child(6), .box-layout .list-product .product-list-table.recent-table thead tr th:nth-child(8), .box-layout .list-product .product-list-table.recent-table thead tr td:nth-child(6), .box-layout .list-product .product-list-table.recent-table thead tr td:nth-child(8), .box-layout .list-product .product-list-table.recent-table tbody tr th:nth-child(6), .box-layout .list-product .product-list-table.recent-table tbody tr th:nth-child(8), .box-layout .list-product .product-list-table.recent-table tbody tr td:nth-child(6), .box-layout .list-product .product-list-table.recent-table tbody tr td:nth-child(8) { display: none; } .box-layout .progress-chart #progress4 { display: none; } .box-layout .common-order-history .order-history-wrapper .recent-table table thead tr th:nth-child(2), .box-layout .common-order-history .order-history-wrapper .recent-table table thead tr td:nth-child(2), .box-layout .common-order-history .order-history-wrapper .recent-table table tbody tr th:nth-child(2), .box-layout .common-order-history .order-history-wrapper .recent-table table tbody tr td:nth-child(2) { min-width: 104px; } .box-layout .common-order-history .order-history-wrapper .recent-table table thead tr th:nth-child(3), .box-layout .common-order-history .order-history-wrapper .recent-table table thead tr td:nth-child(3), .box-layout .common-order-history .order-history-wrapper .recent-table table tbody tr th:nth-child(3), .box-layout .common-order-history .order-history-wrapper .recent-table table tbody tr td:nth-child(3) { min-width: 180px; } .box-layout .common-order-history .order-history-wrapper .recent-table table thead tr th:nth-child(4), .box-layout .common-order-history .order-history-wrapper .recent-table table thead tr td:nth-child(4), .box-layout .common-order-history .order-history-wrapper .recent-table table tbody tr th:nth-child(4), .box-layout .common-order-history .order-history-wrapper .recent-table table tbody tr td:nth-child(4) { min-width: 140px; } .box-layout .common-order-history .order-history-wrapper .recent-table table thead tr th:nth-child(5), .box-layout .common-order-history .order-history-wrapper .recent-table table thead tr td:nth-child(5), .box-layout .common-order-history .order-history-wrapper .recent-table table tbody tr th:nth-child(5), .box-layout .common-order-history .order-history-wrapper .recent-table table tbody tr td:nth-child(5) { min-width: 122px; } .box-layout .common-order-history .order-history-wrapper .recent-table table thead tr th:nth-child(6), .box-layout .common-order-history .order-history-wrapper .recent-table table thead tr td:nth-child(6), .box-layout .common-order-history .order-history-wrapper .recent-table table tbody tr th:nth-child(6), .box-layout .common-order-history .order-history-wrapper .recent-table table tbody tr td:nth-child(6) { min-width: 140px; } .box-layout .common-order-history .order-history-wrapper .recent-table table thead tr th:nth-child(7), .box-layout .common-order-history .order-history-wrapper .recent-table table thead tr td:nth-child(7), .box-layout .common-order-history .order-history-wrapper .recent-table table tbody tr th:nth-child(7), .box-layout .common-order-history .order-history-wrapper .recent-table table tbody tr td:nth-child(7) { min-width: 148px; } .box-layout .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options { justify-content: flex-start; } .box-layout .summery-contain li img { width: 45px; height: 45px; } .box-layout .shipping-form .checkout-cart .basic-wizard .shipping-wizard .card-wrapper:hover .cart-icon i { font-size: 14px; } .box-layout .grid-box-wrapper { justify-content: flex-start; } .box-layout .main-icon-checkbox.checkbox .checkbox-wrapper { gap: 12px; } .box-layout .main-icon-radio .radio-wrapper { gap: 12px; } .box-layout .attachment-file { gap: 14px; width: 218px; min-width: 218px; } .box-layout .project-pending-table.recent-table table thead tr th:nth-child(4), .box-layout .project-pending-table.recent-table table thead tr td:nth-child(4), .box-layout .project-pending-table.recent-table table tbody tr th:nth-child(4), .box-layout .project-pending-table.recent-table table tbody tr td:nth-child(4) { display: none; } .box-layout .project-pending-table.recent-table table thead tr th:nth-child(3), .box-layout .project-pending-table.recent-table table thead tr td:nth-child(3), .box-layout .project-pending-table.recent-table table tbody tr th:nth-child(3), .box-layout .project-pending-table.recent-table table tbody tr td:nth-child(3) { display: none; } .box-layout .project-pending-table.recent-table table thead tr th:nth-child(4), .box-layout .project-pending-table.recent-table table thead tr td:nth-child(4), .box-layout .project-pending-table.recent-table table tbody tr th:nth-child(4), .box-layout .project-pending-table.recent-table table tbody tr td:nth-child(4) { display: none; } .box-layout .cmt-box { padding-top: 18px; } .box-layout .activity-wrapper .schedule-wrapper { justify-content: flex-start; display: flex; } .box-layout .budget-card .common-space { flex-wrap: wrap; } .box-layout .expense-chart-wrap { margin: -20px 0 -20px 0; } .box-layout .common-project-header h6 { margin-left: -54px; } .box-layout .project-budget-wrapper .row .justify-content-xxl-end { justify-content: flex-start !important; } .box-layout .mail-body-wrapper .user-mail-wrapper .user-footer .attachment-file { width: auto; min-width: auto; } .box-layout .application-overview .balance-data { display: none; } .box-layout .employee-list-table.recent-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search { display: none; } .box-layout .employee-list-table.recent-table div.dt-container .dt-layout-row .dt-info { display: none; } .box-layout .employee-list-table.recent-table table thead tr th:nth-child(3), .box-layout .employee-list-table.recent-table table thead tr th:nth-child(4), .box-layout .employee-list-table.recent-table table thead tr th:nth-child(5), .box-layout .employee-list-table.recent-table table thead tr td:nth-child(3), .box-layout .employee-list-table.recent-table table thead tr td:nth-child(4), .box-layout .employee-list-table.recent-table table thead tr td:nth-child(5), .box-layout .employee-list-table.recent-table table tbody tr th:nth-child(3), .box-layout .employee-list-table.recent-table table tbody tr th:nth-child(4), .box-layout .employee-list-table.recent-table table tbody tr th:nth-child(5), .box-layout .employee-list-table.recent-table table tbody tr td:nth-child(3), .box-layout .employee-list-table.recent-table table tbody tr td:nth-child(4), .box-layout .employee-list-table.recent-table table tbody tr td:nth-child(5) { display: none; } .box-layout .employee-list-table.recent-table table thead tr th:last-child .square-white, .box-layout .employee-list-table.recent-table table thead tr td:last-child .square-white, .box-layout .employee-list-table.recent-table table tbody tr th:last-child .square-white, .box-layout .employee-list-table.recent-table table tbody tr td:last-child .square-white { width: 24px; height: 24px; } .box-layout .employee-list-table.recent-table table thead tr th:last-child .square-white svg, .box-layout .employee-list-table.recent-table table thead tr td:last-child .square-white svg, .box-layout .employee-list-table.recent-table table tbody tr th:last-child .square-white svg, .box-layout .employee-list-table.recent-table table tbody tr td:last-child .square-white svg { width: 14px; height: 14px; } .box-layout .employee-list-table.recent-table table thead tr th .common-flex img, .box-layout .employee-list-table.recent-table table thead tr td .common-flex img, .box-layout .employee-list-table.recent-table table tbody tr th .common-flex img, .box-layout .employee-list-table.recent-table table tbody tr td .common-flex img { display: none; } .box-layout .attendance-table.recent-table div.dt-container .dt-layout-row .dt-search { display: none; } .box-layout .attendance-table.recent-table div.dt-container .dt-layout-row:last-child .dt-info { display: none; } .box-layout .attendance-table.recent-table table thead tr th:nth-child(3), .box-layout .attendance-table.recent-table table thead tr td:nth-child(3), .box-layout .attendance-table.recent-table table tbody tr th:nth-child(3), .box-layout .attendance-table.recent-table table tbody tr td:nth-child(3) { display: none; } .box-layout .birthday-cards .swiper { margin-block: 50px; } .box-layout .birthday-cards .swiper .swiper-slide .birthday-usercard .btn-user img { height: 55px; } .box-layout .project-analytics .analytics-data .balance-data { display: none; } .box-layout .schedule-calender .schedule-wrapper { justify-content: flex-start; display: flex; } .box-layout .schedule-calender .tab-content .activity-update { display: flex; flex-wrap: wrap; } .box-layout .schedule-calender .tab-content .activity-update > li { flex: 0 0 50%; margin-bottom: 10px; } .box-layout .schedule-calender .tab-content .activity-update > li .left-schedule, .box-layout .schedule-calender .tab-content .activity-update > li .right-schedule { flex: 1; } .box-layout .schedule-calender .tab-content .activity-update > li:nth-child(5) { border-bottom: unset; padding-bottom: unset; margin-bottom: 0; } .box-layout .schedule-calender .tab-content .activity-update > li:last-child { margin-bottom: 0; } .box-layout .schedule-calender #thu .activity-update > li:nth-child(3) { border-bottom: unset; padding-bottom: unset; margin-bottom: 0; } .box-layout .schedule-calender #frd .activity-update > li:first-child, .box-layout .schedule-calender #sun .activity-update > li:first-child { border-bottom: unset; padding-bottom: unset; margin-bottom: 0; } .box-layout .interviewer-users ul li { padding: 14px 18px; } .box-layout .treading-product .recent-table.referral-visit table thead tr td:nth-child(2), .box-layout .treading-product .recent-table.referral-visit table thead tr th:nth-child(2), .box-layout .treading-product .recent-table.referral-visit table tbody tr td:nth-child(2), .box-layout .treading-product .recent-table.referral-visit table tbody tr th:nth-child(2) { display: none; } .box-layout .main-session-devices .apexcharts-canvas { transform: scale(0.67); } .box-layout .common-m-chart .apexcharts-canvas .apexcharts-bar-series .apexcharts-datalabels .apexcharts-datalabel { display: none; } .box-layout .analytics-widget .btn { padding: 8px 14px; font-size: 14px; } .box-layout .analytics-widget h5 { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .box-layout .analytics-widget .card-text { display: -webkit-box; max-width: 100%; height: 46px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: unset; } .box-layout .page-analytics-table .recent-table div.dt-container .dt-layout-row .dt-layout-cell .dt-search { position: relative; top: 4px; left: 20px; width: 90%; margin-bottom: 20px; } .box-layout .page-analytics-table .recent-table .table thead tr th:nth-child(5), .box-layout .page-analytics-table .recent-table .table thead tr td:nth-child(5), .box-layout .page-analytics-table .recent-table .table tbody tr th:nth-child(5), .box-layout .page-analytics-table .recent-table .table tbody tr td:nth-child(5) { display: none; } .box-layout .page-analytics-table .recent-table .table thead tr th:nth-child(4), .box-layout .page-analytics-table .recent-table .table thead tr td:nth-child(4), .box-layout .page-analytics-table .recent-table .table tbody tr th:nth-child(4), .box-layout .page-analytics-table .recent-table .table tbody tr td:nth-child(4) { display: none; } .box-layout .analytics-tread-card .header-top .common-align > span { display: none; } .box-layout .analytics-tread-card .header-top > div span { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 130px; } .box-layout .analytics-tread-card .session-progress { top: -11px; } .box-layout .analytics-tread-card .session-progress .progress { height: 8px; margin: 90px 0 20px; } .box-layout .analytics-tread-card .session-progress .progress .small-progressbar { top: -3px; width: 14px; height: 14px; } .box-layout .analytics-tread-card .session-progress .progress .progress-label { top: -50px; right: -16px; font-size: 12px; } .box-layout .analytics-tread-card.retention-progress .card-body .progress { margin-top: 60px; } .box-layout .bounce-rate-wrapper { margin: -9px -20px -30px 0px; } .box-layout .visit-duration-wrapper { margin: -12px 35px -30px 0px; } .box-layout .session-browser-table .table-responsive .table thead.tbody tr th, .box-layout .session-browser-table .table-responsive .table thead.tbody tr td { padding-block: 7px; } .box-layout .lead-table.recent-table thead tr th .btn, .box-layout .lead-table.recent-table thead tr td .btn, .box-layout .lead-table.recent-table tbody tr th .btn, .box-layout .lead-table.recent-table tbody tr td .btn { padding: 6px 16px; } .box-layout .lead-table.recent-table thead tr th .common-flex .lead-img, .box-layout .lead-table.recent-table thead tr td .common-flex .lead-img, .box-layout .lead-table.recent-table tbody tr th .common-flex .lead-img, .box-layout .lead-table.recent-table tbody tr td .common-flex .lead-img { height: 28px; } .box-layout .lead-table.recent-table thead tr th:nth-child(3), .box-layout .lead-table.recent-table thead tr td:nth-child(3), .box-layout .lead-table.recent-table tbody tr th:nth-child(3), .box-layout .lead-table.recent-table tbody tr td:nth-child(3) { display: none; } .box-layout .lead-table.recent-table thead tr th:nth-child(3), .box-layout .lead-table.recent-table thead tr td:nth-child(3), .box-layout .lead-table.recent-table tbody tr th:nth-child(3), .box-layout .lead-table.recent-table tbody tr td:nth-child(3) { display: none; } .box-layout .lead-table.recent-table thead tr th:nth-child(2), .box-layout .lead-table.recent-table thead tr td:nth-child(2), .box-layout .lead-table.recent-table tbody tr th:nth-child(2), .box-layout .lead-table.recent-table tbody tr td:nth-child(2) { display: none; } .box-layout .our-product-wrapper .our-product-content .add-quantity { padding: 4px 8px; gap: 8px; } .box-layout .order-details .search-items button { padding: 6px 10px; } .box-layout .order-details .order-quantity .order-details-wrapper { gap: 8px; } .box-layout .order-details .order-quantity .order-details-wrapper .left-details .order-img { width: 80px; height: 74px; } .box-layout .order-details .order-quantity .order-details-wrapper .left-details .order-img img { width: 75px; } .box-layout .order-details .order-quantity .order-details-wrapper .category-details { flex-direction: column; gap: 12px; align-items: flex-start; } .box-layout .order-details .order-quantity .order-details-wrapper .category-details .right-details .touchspin-wrapper { display: flex; justify-content: space-between; align-items: center; } .box-layout .order-details .order-quantity .order-details-wrapper .category-details .right-details .btn-touchspin { border-radius: 50px; width: 27px; height: 27px; display: flex; justify-content: center; align-items: center; border: unset; background-color: var(--white); } } @media only screen and (min-width: 1280px) and (min-width: 1400px) and (max-width: 1920px) { .box-layout .order-details .order-quantity .order-details-wrapper .category-details .right-details .btn-touchspin { width: calc(18px + (27 - 18) * ((100vw - 1400px) / (1920 - 1400))); height: calc(18px + (27 - 18) * ((100vw - 1400px) / (1920 - 1400))); } } @media only screen and (min-width: 1280px) { .box-layout .order-details .order-quantity .order-details-wrapper .category-details .right-details input[type='number'] { width: 25px; padding: 10px 0; text-align: center; border: unset; background-color: unset; color: var(--body-font-color); } } @media only screen and (min-width: 1280px) and (max-width: 1700px) { .box-layout .order-details .order-quantity .order-details-wrapper .category-details .right-details input[type='number'] { padding: 0; } } @media only screen and (min-width: 1280px) { .box-layout .payment-methods .bg-payment { width: 75px; height: 71px; } .box-layout .unpaid-fees-table .recent-table.table-responsive div.dt-container .dt-layout-row:last-child { flex-direction: column; } .box-layout .unpaid-fees-table .recent-table.table-responsive table thead th:nth-child(3), .box-layout .unpaid-fees-table .recent-table.table-responsive table thead td:nth-child(3), .box-layout .unpaid-fees-table .recent-table.table-responsive table tbody th:nth-child(3), .box-layout .unpaid-fees-table .recent-table.table-responsive table tbody td:nth-child(3) { display: none; } .box-layout .unpaid-fees-table .recent-table.table-responsive table thead th:nth-child(4), .box-layout .unpaid-fees-table .recent-table.table-responsive table thead td:nth-child(4), .box-layout .unpaid-fees-table .recent-table.table-responsive table tbody th:nth-child(4), .box-layout .unpaid-fees-table .recent-table.table-responsive table tbody td:nth-child(4) { display: none; } .box-layout .unpaid-fees-table .recent-table.table-responsive table thead th:nth-child(2) .common-align img, .box-layout .unpaid-fees-table .recent-table.table-responsive table thead td:nth-child(2) .common-align img, .box-layout .unpaid-fees-table .recent-table.table-responsive table tbody th:nth-child(2) .common-align img, .box-layout .unpaid-fees-table .recent-table.table-responsive table tbody td:nth-child(2) .common-align img { display: none; } .box-layout .unpaid-fees-table .recent-table.table-responsive table thead th:nth-child(5), .box-layout .unpaid-fees-table .recent-table.table-responsive table thead td:nth-child(5), .box-layout .unpaid-fees-table .recent-table.table-responsive table tbody th:nth-child(5), .box-layout .unpaid-fees-table .recent-table.table-responsive table tbody td:nth-child(5) { display: none; } .box-layout .top-student-table .recent-table.table-responsive div.dt-container .dt-layout-row:last-child { flex-direction: column; } .box-layout .top-student-table .recent-table table thead th:nth-child(2), .box-layout .top-student-table .recent-table table thead td:nth-child(2), .box-layout .top-student-table .recent-table table tbody th:nth-child(2), .box-layout .top-student-table .recent-table table tbody td:nth-child(2) { display: none; } .box-layout .top-student-table .recent-table table thead th:nth-child(3) .common-align img, .box-layout .top-student-table .recent-table table thead td:nth-child(3) .common-align img, .box-layout .top-student-table .recent-table table tbody th:nth-child(3) .common-align img, .box-layout .top-student-table .recent-table table tbody td:nth-child(3) .common-align img { display: none; } .box-layout .top-student-table .recent-table table thead th:nth-child(6), .box-layout .top-student-table .recent-table table thead td:nth-child(6), .box-layout .top-student-table .recent-table table tbody th:nth-child(6), .box-layout .top-student-table .recent-table table tbody td:nth-child(6) { display: none; } .box-layout .top-student-table .recent-table table thead th:nth-child(4), .box-layout .top-student-table .recent-table table thead td:nth-child(4), .box-layout .top-student-table .recent-table table tbody th:nth-child(4), .box-layout .top-student-table .recent-table table tbody td:nth-child(4) { display: none; } .box-layout .attendance-data ul.balance-data { position: relative; top: 0; left: 0; display: inline-flex; } .box-layout .new-enroll-student .recent-table.table-responsive div.dt-container .dt-layout-row .dt-layout-cell .dt-search { position: relative; top: 4px; left: 20px; margin-bottom: 20px; width: 75%; } .box-layout .new-enroll-student .recent-table.table-responsive div.dt-container .dt-layout-row:last-child { flex-direction: column; } .box-layout .new-enroll-student .recent-table table thead th:nth-child(4), .box-layout .new-enroll-student .recent-table table thead td:nth-child(4), .box-layout .new-enroll-student .recent-table table tbody th:nth-child(4), .box-layout .new-enroll-student .recent-table table tbody td:nth-child(4) { display: none; } .box-layout .new-enroll-student .recent-table table thead th:nth-child(2), .box-layout .new-enroll-student .recent-table table thead td:nth-child(2), .box-layout .new-enroll-student .recent-table table tbody th:nth-child(2), .box-layout .new-enroll-student .recent-table table tbody td:nth-child(2) { display: none; } .box-layout .new-enroll-student .recent-table table thead th:nth-child(3), .box-layout .new-enroll-student .recent-table table thead td:nth-child(3), .box-layout .new-enroll-student .recent-table table tbody th:nth-child(3), .box-layout .new-enroll-student .recent-table table tbody td:nth-child(3) { display: none; } .box-layout .std-class-chart .apexcharts-legend { gap: 8px !important; } .box-layout .attendance-student-data { margin: 32px 0px -20px -15px; } .box-layout .upgrade-plan.mobile-app-card .card-body { margin-top: 0; } .box-layout .follower-wrap .card-body, .box-layout .follower-wrap .card-header { padding: 22px; } .box-layout .follower-wrap .papernote-wrap > span { display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .box-layout .mobile-app-card .card-body { margin-top: 45px; } .box-layout .mobile-app-card .card-body .wavy { margin-top: -36px; width: 32px; margin-right: -58px; } .box-layout .mobile-app-card .card-body img:not(.wavy) { height: 120px; } .box-layout .campaign-table.recent-table table tr th:nth-child(3), .box-layout .campaign-table.recent-table table tr th:nth-child(6), .box-layout .campaign-table.recent-table table tr td:nth-child(3), .box-layout .campaign-table.recent-table table tr td:nth-child(6) { display: none; } .box-layout .campaign-table .recent-table.table-responsive div.dt-container .dt-layout-row:last-child { flex-direction: column; } .box-layout .campaign-table .recent-table.table-responsive table thead tr td:nth-child(3), .box-layout .campaign-table .recent-table.table-responsive table thead tr th:nth-child(3), .box-layout .campaign-table .recent-table.table-responsive table tbody tr td:nth-child(3), .box-layout .campaign-table .recent-table.table-responsive table tbody tr th:nth-child(3) { display: none; } .box-layout .campaign-table .recent-table.table-responsive table thead tr td:last-child, .box-layout .campaign-table .recent-table.table-responsive table thead tr th:last-child, .box-layout .campaign-table .recent-table.table-responsive table tbody tr td:last-child, .box-layout .campaign-table .recent-table.table-responsive table tbody tr th:last-child { display: none; } .box-layout .campaign-table .recent-table.table-responsive table thead tr td:nth-child(6), .box-layout .campaign-table .recent-table.table-responsive table thead tr th:nth-child(6), .box-layout .campaign-table .recent-table.table-responsive table tbody tr td:nth-child(6), .box-layout .campaign-table .recent-table.table-responsive table tbody tr th:nth-child(6) { display: none; } .box-layout .campaign-table .recent-table.table-responsive table thead tr td:nth-child(5), .box-layout .campaign-table .recent-table.table-responsive table thead tr th:nth-child(5), .box-layout .campaign-table .recent-table.table-responsive table tbody tr td:nth-child(5), .box-layout .campaign-table .recent-table.table-responsive table tbody tr th:nth-child(5) { padding-right: 20px; } .box-layout .social-clicks .analytics-tread-card .card-header .common-align span:first-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .box-layout .social-clicks .analytics-tread-card .card-header .common-align span:nth-child(2) { display: none; } .box-layout .follower-country #countryMap { height: 345px; } .box-layout .currency-table.recent-table.average-sale.table-responsive div.dt-container .dt-layout-row:last-child { flex-direction: column; } .box-layout .currency-table.recent-table.average-sale.table-responsive thead tr th:last-child, .box-layout .currency-table.recent-table.average-sale.table-responsive thead tr td:last-child, .box-layout .currency-table.recent-table.average-sale.table-responsive tbody tr th:last-child, .box-layout .currency-table.recent-table.average-sale.table-responsive tbody tr td:last-child { display: none; } .box-layout .currency-table.recent-table.average-sale.table-responsive thead tr th:nth-child(4), .box-layout .currency-table.recent-table.average-sale.table-responsive thead tr td:nth-child(4), .box-layout .currency-table.recent-table.average-sale.table-responsive tbody tr th:nth-child(4), .box-layout .currency-table.recent-table.average-sale.table-responsive tbody tr td:nth-child(4) { display: none; } .box-layout .currency-table.recent-table.performer-table.table-responsive div.dt-container .dt-layout-row:last-child { flex-direction: column; } .box-layout .currency-table.recent-table.performer-table.table-responsive thead tr th:last-child, .box-layout .currency-table.recent-table.performer-table.table-responsive thead tr td:last-child, .box-layout .currency-table.recent-table.performer-table.table-responsive tbody tr th:last-child, .box-layout .currency-table.recent-table.performer-table.table-responsive tbody tr td:last-child { display: none; } .box-layout .currency-table.recent-table.performer-table.table-responsive thead tr th:nth-child(3), .box-layout .currency-table.recent-table.performer-table.table-responsive thead tr td:nth-child(3), .box-layout .currency-table.recent-table.performer-table.table-responsive tbody tr th:nth-child(3), .box-layout .currency-table.recent-table.performer-table.table-responsive tbody tr td:nth-child(3) { display: none; } .box-layout .currency-table.recent-table.performer-table.table-responsive thead tr th:nth-child(5), .box-layout .currency-table.recent-table.performer-table.table-responsive thead tr td:nth-child(5), .box-layout .currency-table.recent-table.performer-table.table-responsive tbody tr th:nth-child(5), .box-layout .currency-table.recent-table.performer-table.table-responsive tbody tr td:nth-child(5) { padding-right: 20px; } .box-layout .currency-table.recent-table.performer-table.table-responsive thead tr th:nth-child(4), .box-layout .currency-table.recent-table.performer-table.table-responsive thead tr td:nth-child(4), .box-layout .currency-table.recent-table.performer-table.table-responsive tbody tr th:nth-child(4), .box-layout .currency-table.recent-table.performer-table.table-responsive tbody tr td:nth-child(4) { display: none; } .box-layout .transaction-card .transaction-table table tbody tr:nth-child(6) td { padding-bottom: 0; } .box-layout .transaction-card .transaction-table table tbody tr:last-child td { display: none; border-bottom: none; } .box-layout .t-top-mentor .table-responsive div.dt-container .dt-layout-row:last-child { flex-direction: column; } .box-layout .t-top-mentor thead tr th img, .box-layout .t-top-mentor thead tr td img, .box-layout .t-top-mentor tbody tr th img, .box-layout .t-top-mentor tbody tr td img { height: 32px; } .box-layout .t-top-mentor thead tr th:nth-child(3), .box-layout .t-top-mentor thead tr td:nth-child(3), .box-layout .t-top-mentor tbody tr th:nth-child(3), .box-layout .t-top-mentor tbody tr td:nth-child(3) { display: none; } .box-layout .t-top-mentor thead tr th img, .box-layout .t-top-mentor thead tr td img, .box-layout .t-top-mentor tbody tr th img, .box-layout .t-top-mentor tbody tr td img { height: 38px; } .box-layout .completed-course-table .table-responsive div.dt-container .dt-layout-row:last-child { flex-direction: column; } .box-layout .completed-course-table thead tr th:last-child, .box-layout .completed-course-table thead tr td:last-child, .box-layout .completed-course-table tbody tr th:last-child, .box-layout .completed-course-table tbody tr td:last-child { display: none; } .box-layout .completed-course-table thead tr th:nth-child(2) .common-flex, .box-layout .completed-course-table thead tr td:nth-child(2) .common-flex, .box-layout .completed-course-table tbody tr th:nth-child(2) .common-flex, .box-layout .completed-course-table tbody tr td:nth-child(2) .common-flex { gap: 7px; } .box-layout .completed-course-table thead tr th:nth-child(4), .box-layout .completed-course-table thead tr td:nth-child(4), .box-layout .completed-course-table tbody tr th:nth-child(4), .box-layout .completed-course-table tbody tr td:nth-child(4) { display: none; } .box-layout .completed-course-table thead tr th .common-flex, .box-layout .completed-course-table thead tr td .common-flex, .box-layout .completed-course-table tbody tr th .common-flex, .box-layout .completed-course-table tbody tr td .common-flex { gap: 10px; } .box-layout .balance-widget .mobile-right-img { right: -18%; } .box-layout .recent-order table tr th:nth-child(2), .box-layout .recent-order table tr td:nth-child(2) { min-width: 97px; } .box-layout .frame-box .frame-image { min-width: 40px; height: 40px; } .box-layout .frame-box .frame-image img { height: 22px; width: 30px; object-fit: contain; } .box-layout .purchase-card.discover .card-body img { margin-top: -75px; } .box-layout .payment-gateway .pay-box .outer-line .outer-svg-box { width: 29px; height: 29px; } .box-layout .payment-gateway .pay-box .outer-line .outer-svg-box svg { width: 16px; height: 16px; } .box-layout .seller-table thead tr th:nth-child(3), .box-layout .seller-table thead tr td:nth-child(3), .box-layout .seller-table tbody tr th:nth-child(3), .box-layout .seller-table tbody tr td:nth-child(3) { display: none; } .box-layout .treading-product .table-responsive .table thead tr th .common-flex, .box-layout .treading-product .table-responsive .table thead tr td .common-flex, .box-layout .treading-product .table-responsive .table tbody tr th .common-flex, .box-layout .treading-product .table-responsive .table tbody tr td .common-flex { gap: 8px; } .box-layout .widget-1 .f-w-500 { display: none; } .box-layout .widget-1 .card-body { padding: 18px; } .box-layout .widget-1 .widget-round .bg-round { width: 40px; height: 40px; } .box-layout .widget-1 .widget-round .bg-round svg { width: 22px; height: 22px; } .box-layout .widget-1 .widget-round .bg-round .half-circle { height: 40px; left: -10px; width: 30px; bottom: -8px; } .box-layout .profile-box { height: 206px; } .box-layout .profile-box .cartoon { right: 30px; text-align: right; } .box-layout .profile-box .cartoon img { width: 70%; } .box-layout .target-content .common-box ul li:last-child { display: none; } .box-layout .target-content p { margin-block: 21px; } .box-layout .activity-log .basic-timeline ul li { padding-bottom: 12px; } .box-layout .activity-log .basic-timeline ul li img { height: 40px; } .box-layout .activity-log .basic-timeline ul li p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 225px; } .box-layout .visitor-chart .common-flex { gap: 4px; } .box-layout .visitor-chart .common-flex p { display: none; } .box-layout .recent-order-table.currency-table.recent-table .currency-icon { width: 44px; height: 44px; } .box-layout .recent-order-table.currency-table.recent-table table thead tr th:last-child, .box-layout .recent-order-table.currency-table.recent-table table thead tr td:last-child, .box-layout .recent-order-table.currency-table.recent-table table tbody tr th:last-child, .box-layout .recent-order-table.currency-table.recent-table table tbody tr td:last-child { display: none; } .box-layout .recent-order-table.currency-table.recent-table table thead tr th:nth-child(6), .box-layout .recent-order-table.currency-table.recent-table table thead tr td:nth-child(6), .box-layout .recent-order-table.currency-table.recent-table table tbody tr th:nth-child(6), .box-layout .recent-order-table.currency-table.recent-table table tbody tr td:nth-child(6) { padding-right: 20px; } .box-layout .recent-order-table.currency-table.recent-table table thead tr th:nth-child(3), .box-layout .recent-order-table.currency-table.recent-table table thead tr td:nth-child(3), .box-layout .recent-order-table.currency-table.recent-table table tbody tr th:nth-child(3), .box-layout .recent-order-table.currency-table.recent-table table tbody tr td:nth-child(3) { min-width: 80px; } .box-layout .recent-order-table.currency-table.recent-table table thead tr th:nth-child(4), .box-layout .recent-order-table.currency-table.recent-table table thead tr td:nth-child(4), .box-layout .recent-order-table.currency-table.recent-table table tbody tr th:nth-child(4), .box-layout .recent-order-table.currency-table.recent-table table tbody tr td:nth-child(4) { display: none; } .box-layout .appointments-wrapper li .main-box span:nth-child(2) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 245px; } .box-layout .buy-card .card-body { margin-inline: 6px; } .box-layout .buy-card img { height: 295px; } .box-layout .swiper.swiper-h, .box-layout .swiper.vertical-swiper { height: 295px; } .box-layout .main-file-sidebar .md-sidebar .md-sidebar-aside { width: 325px; } .box-layout .emoji-rating .main-emoji-text { flex-wrap: nowrap; height: 70px; } .box-layout .creative-wrapper { padding: 8px; } .box-layout .creative-wrapper .creative-info { padding: 15px; } .box-layout .msg-emojis-wrapper .star-widget label { font-size: 30px; } .box-layout .md-sidebar .md-sidebar-toggle { display: block; } .box-layout .md-sidebar .md-sidebar-aside { position: absolute; top: 40px; left: 0; opacity: 0; visibility: hidden; z-index: 3; width: 280px; } .box-layout .md-sidebar .md-sidebar-aside.open { opacity: 1; visibility: visible; } .box-layout .job-sidebar { background-color: var(--white); padding: 20px; } .box-layout .widget-1.mb-xl-0 { margin-bottom: 25px !important; } .box-layout .radial-progress-card .radial-chart-wrap { margin-right: -10px; } .box-layout .currency-widget div[class*=bg-light-] h5 { display: none; } .box-layout .box-order .order-1 { order: 1 !important; } .box-layout .activity-card .appointment-table.customer-table { height: 187px; } .box-layout .transaction-table tr td:first-child { min-width: 150px; } .box-layout .welcome-card .welcome-img { height: 170px; bottom: -22px; } .box-layout .main-divider .divider-body.divider-body-1 { margin-bottom: 26px; } .box-layout .main-divider .divider-body.divider-body-3 { margin-bottom: 32px; } .box-layout .main-divider .divider-body:last-child { margin-bottom: 0; } .box-layout .page-wrapper.box-layout, .box-layout.page-wrapper.box-layout { padding-top: 40px; margin-top: 0 !important; } .box-layout .page-wrapper.compact-wrapper, .box-layout.page-wrapper.compact-wrapper { margin-top: 10px; } .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper { width: 230px; top: 10px; } .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ footer, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ footer { width: 1200px; left: 48%; padding-left: 12px; border-radius: 0 0 10px; } .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ .footer-fix, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ .footer-fix { padding-left: 0; } .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links { height: calc(100vh - 189px); } .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .logo-wrapper, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .logo-wrapper { box-shadow: 0 8px 6px -6px rgba(89, 102, 122, 0.1); } .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links { margin-top: 10px; margin-bottom: 20px; height: calc(100vh - 191px); } .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .page-body, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body { min-height: calc(100vh - 130px); margin-top: 0; top: 80px; overflow: scroll; max-height: calc(100vh - 220px); padding-bottom: 80px; margin-left: 230px; } .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-track, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px #e9edf1; } .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar { width: 6px; } .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-thumb, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-thumb { background-color: rgba(68, 102, 242, 0.15); } .box-layout .page-wrapper.compact-sidebar .page-header, .box-layout.page-wrapper.compact-sidebar .page-header { padding-left: 148px; } .box-layout .page-wrapper.compact-sidebar .page-body-wrapper, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper { margin-top: 80px; } .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper { top: 40px; } .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon { display: none; transition: 0.5s; } .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links { height: calc(100vh - 166px); margin: 0; } .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu { left: 470px; top: 40px; height: calc(100vh - 84px); } .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .sidebar-submenu, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .sidebar-submenu { animation: unset; } .box-layout .page-wrapper.compact-sidebar .page-body-wrapper .footer, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper .footer { margin-left: 0; } .box-layout .page-wrapper.compact-sidebar .page-body-wrapper .page-body, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper .page-body { min-height: calc(100vh - 90px); margin-top: 0; top: 80px; overflow: scroll; max-height: calc(100vh - 170px); padding-bottom: 80px; } .box-layout .page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar-track, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px #e9edf1; } .box-layout .page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar { width: 6px; } .box-layout .page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar-thumb, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar-thumb { background-color: rgba(68, 102, 242, 0.15); } .box-layout .page-wrapper.compact-sidebar.compact-small .page-header, .box-layout.page-wrapper.compact-sidebar.compact-small .page-header { padding-left: 90px; } .box-layout .page-wrapper.compact-sidebar.compact-small .page-header.close_icon, .box-layout.page-wrapper.compact-sidebar.compact-small .page-header.close_icon { padding-left: 0; } .box-layout .page-wrapper.compact-sidebar.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu, .box-layout.page-wrapper.compact-sidebar.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu { left: 410px; } .box-layout .page-wrapper.horizontal-wrapper:before, .box-layout.page-wrapper.horizontal-wrapper:before { display: none; } .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper { margin-top: 40px; } .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body { margin-top: 40px; min-height: calc(100vh - 310px); background-color: #fff; overflow: scroll; } .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-track, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px #e9edf1; } .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar { width: 6px; } .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-thumb, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-thumb { background-color: rgba(68, 102, 242, 0.15); } .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .footer, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .footer { padding-left: 15px; } .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper { width: 90vw; top: 20px; margin: 0; overflow-x: unset; position: relative; } .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main #sidebar-menu, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main #sidebar-menu { left: 0%; transform: translate(0, 0); top: 125px; background-color: var(--white); } .box-layout .page-wrapper.horizontal-wrapper .page-header, .box-layout.page-wrapper.horizontal-wrapper .page-header { padding-left: 0; } .box-layout .page-wrapper.modern-type .page-header, .box-layout.page-wrapper.modern-type .page-header { padding-left: 0px; } .box-layout .page-wrapper.modern-type .page-header .header-wrapper .left-header, .box-layout.page-wrapper.modern-type .page-header .header-wrapper .left-header { width: 36%; } .box-layout .page-wrapper.modern-type .page-header .header-wrapper .nav-right, .box-layout.page-wrapper.modern-type .page-header .header-wrapper .nav-right { width: 46%; } .box-layout .page-wrapper.modern-type .page-body-wrapper .page-body, .box-layout.page-wrapper.modern-type .page-body-wrapper .page-body { margin-left: 260px; } .box-layout .page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper, .box-layout.page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper { top: 40px; border-radius: 15px; bottom: auto; } .box-layout .page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links, .box-layout.page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links { height: calc(100vh - 311px); } .box-layout .page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links, .box-layout.page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links { height: calc(100vh - 316px); } .box-layout .page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper.close_icon ~ footer, .box-layout.page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper.close_icon ~ footer { width: 1280px; left: 50%; margin-left: 0; } .box-layout .page-wrapper.modern-type .page-body-wrapper .footer, .box-layout.page-wrapper.modern-type .page-body-wrapper .footer { margin-left: 0; } .box-layout .page-wrapper .page-header, .box-layout.page-wrapper .page-header { max-width: 90vw; margin: 0 auto; left: 0; right: 0; transition: 0.5s; padding-left: 230px; margin-top: 10px; border-radius: 10px 10px 0 0; width: unset; } .box-layout .page-wrapper .page-header.close_icon, .box-layout.page-wrapper .page-header.close_icon { padding-left: 80px; margin-left: auto; width: calc(100% - 0px); transition: 0.5s; } .box-layout .page-wrapper .page-header.close_icon .header-wrapper, .box-layout.page-wrapper .page-header.close_icon .header-wrapper { border-radius: 0px 10px 0 0; } .box-layout .page-wrapper .page-header .header-wrapper, .box-layout.page-wrapper .page-header .header-wrapper { border: 1px solid #f8f8f8; border-radius: 0px 10px 0px 0px; } .box-layout .page-wrapper.horizontal-wrapper .page-header .header-wrapper, .box-layout.page-wrapper.horizontal-wrapper .page-header .header-wrapper { border-radius: 10px 10px 0 0; } .box-layout .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right, .box-layout .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header, .box-layout.page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right, .box-layout.page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header { width: 38%; } .box-layout .page-wrapper.material-type .page-body-wrapper, .box-layout.page-wrapper.material-type .page-body-wrapper { margin-top: 0; } .box-layout .page-wrapper.material-type .page-body-wrapper .page-body, .box-layout.page-wrapper.material-type .page-body-wrapper .page-body { margin-top: 0; } .box-layout .page-wrapper.material-type .page-body-wrapper .sidebar-wrapper, .box-layout.page-wrapper.material-type .page-body-wrapper .sidebar-wrapper { top: 0; } .box-layout .page-wrapper.material-icon .page-header.close_icon, .box-layout.page-wrapper.material-icon .page-header.close_icon { margin-top: 40px !important; } .box-layout .page-wrapper.material-icon .page-body-wrapper, .box-layout.page-wrapper.material-icon .page-body-wrapper { margin-top: 0; } .box-layout .page-wrapper.material-icon .page-body-wrapper .page-body, .box-layout.page-wrapper.material-icon .page-body-wrapper .page-body { top: 0; min-height: calc(100vh - 170px); padding-bottom: 40px; } .box-layout .page-wrapper.advance-layout .page-header, .box-layout.page-wrapper.advance-layout .page-header { box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.07); } .box-layout .page-wrapper.advance-layout .page-body-wrapper, .box-layout.page-wrapper.advance-layout .page-body-wrapper { margin-top: 0; } .box-layout .page-wrapper .page-body-wrapper, .box-layout.page-wrapper .page-body-wrapper { width: 90vw; box-shadow: 4px 11px 25px rgba(0, 0, 0, 0.07); margin: 0 auto; overflow: hidden; } .box-layout .page-wrapper .page-body-wrapper .todo .todo-list-wrapper #todo-list li .task-responsive, .box-layout.page-wrapper .page-body-wrapper .todo .todo-list-wrapper #todo-list li .task-responsive { min-width: 1087px; overflow: auto; } .box-layout .page-wrapper .page-body-wrapper .active-order-table, .box-layout.page-wrapper .page-body-wrapper .active-order-table { max-width: 443px; overflow: auto; } .box-layout .page-wrapper .page-body-wrapper .active-order-table table tbody tr td p, .box-layout.page-wrapper .page-body-wrapper .active-order-table table tbody tr td p { width: 100px; } .box-layout .page-wrapper .page-body-wrapper footer:not(.kanban-container footer), .box-layout.page-wrapper .page-body-wrapper footer:not(.kanban-container footer) { width: 90vw; margin: 0 auto; } .box-layout .page-wrapper .page-body-wrapper .blockquote-footer, .box-layout.page-wrapper .page-body-wrapper .blockquote-footer { margin-left: 0; width: 100%; } .box-layout .page-wrapper .page-body-wrapper .footer-fix, .box-layout.page-wrapper .page-body-wrapper .footer-fix { padding-left: 230px; } .box-layout .page-wrapper .page-body-wrapper canvas#myLineCharts, .box-layout.page-wrapper .page-body-wrapper canvas#myLineCharts { width: 100%; } .box-layout .page-wrapper .page-body-wrapper .caller-img, .box-layout.page-wrapper .page-body-wrapper .caller-img { position: absolute; width: 100%; max-width: 100%; left: 15px; } .box-layout .page-wrapper .page-body-wrapper .caller-img img, .box-layout.page-wrapper .page-body-wrapper .caller-img img { opacity: 0.7; } .box-layout .page-wrapper .page-body-wrapper .custom-card .card-header img, .box-layout.page-wrapper .page-body-wrapper .custom-card .card-header img { margin-top: -73px; } .box-layout .page-wrapper .page-body-wrapper .custom-card .card-profile img, .box-layout.page-wrapper .page-body-wrapper .custom-card .card-profile img { height: 130px; top: -17px; } .box-layout .page-wrapper .page-body-wrapper .select2, .box-layout.page-wrapper .page-body-wrapper .select2 { width: 901.781px; } .box-layout .page-wrapper ul.close_icon > li label, .box-layout.page-wrapper ul.close_icon > li label { padding: 0; } .box-layout .page-wrapper ul.close_icon > li label:after, .box-layout.page-wrapper ul.close_icon > li label:after { display: none; } .box-layout .page-wrapper .bookmark ul, .box-layout.page-wrapper .bookmark ul { margin-right: -1px; } .box-layout .page-wrapper #batchDelete .jsgrid-grid-header .jsgrid-table tr th .btn, .box-layout.page-wrapper #batchDelete .jsgrid-grid-header .jsgrid-table tr th .btn { padding-left: 20px; padding-right: 20px; } .box-layout .page-wrapper .d-flex.bitcoin-graph, .box-layout.page-wrapper .d-flex.bitcoin-graph { display: block; } .box-layout .page-wrapper .d-flex.bitcoin-graph .top-bitcoin, .box-layout.page-wrapper .d-flex.bitcoin-graph .top-bitcoin { display: inline-block; vertical-align: middle; } .box-layout .page-wrapper .d-flex.bitcoin-graph .flex-grow-1, .box-layout.page-wrapper .d-flex.bitcoin-graph .flex-grow-1 { margin-top: 30px; } .box-layout .page-wrapper .d-flex.bitcoin-graph .flex-grow-1 .bitcoin-content .bitcoin-numbers h6, .box-layout.page-wrapper .d-flex.bitcoin-graph .flex-grow-1 .bitcoin-content .bitcoin-numbers h6 { font-size: 14PX; } .box-layout .page-wrapper .d-flex.bitcoin-graph .flex-grow-1 .bitcoin-content.text-right, .box-layout.page-wrapper .d-flex.bitcoin-graph .flex-grow-1 .bitcoin-content.text-right { text-align: center !important; } .box-layout .page-wrapper .alert.inverse p, .box-layout.page-wrapper .alert.inverse p { max-width: 238px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .box-layout .page-wrapper .auth-bg-effect .second-effect, .box-layout.page-wrapper .auth-bg-effect .second-effect { left: 55%; } .box-layout .page-wrapper .auth-bg-video video, .box-layout.page-wrapper .auth-bg-video video { min-width: 67%; width: 67%; } .box-layout .page-wrapper .pricing-wrapper-card, .box-layout.page-wrapper .pricing-wrapper-card { padding: 50px 20px; } .box-layout .page-wrapper .card .blog-box.blog-grid.set-min-height, .box-layout.page-wrapper .card .blog-box.blog-grid.set-min-height { min-height: 400px; } .box-layout .page-wrapper .flot-chart-placeholder#donut-color-chart-morris-daily, .box-layout.page-wrapper .flot-chart-placeholder#donut-color-chart-morris-daily { min-height: 430px; } .box-layout .page-wrapper .flot-chart-placeholder#donut-color-chart-morris, .box-layout.page-wrapper .flot-chart-placeholder#donut-color-chart-morris { min-height: 430px; } .box-layout .page-wrapper .box-col-12, .box-layout.page-wrapper .box-col-12 { flex: 0 0 100%; max-width: 100%; } .box-layout .page-wrapper .box-col-6, .box-layout.page-wrapper .box-col-6 { flex: 0 0 50%; max-width: 50%; } .box-layout .page-wrapper .box-col-3, .box-layout.page-wrapper .box-col-3 { flex: 0 0 25%; max-width: 25%; } .box-layout .page-wrapper .box-col-7, .box-layout.page-wrapper .box-col-7 { flex: 0 0 60%; max-width: 60%; } .box-layout .page-wrapper .box-col-5, .box-layout.page-wrapper .box-col-5 { flex: 0 0 40%; max-width: 40%; } .box-layout .page-wrapper .box-col-8, .box-layout.page-wrapper .box-col-8 { flex: 0 0 70%; max-width: 70%; } .box-layout .page-wrapper .box-col-9, .box-layout.page-wrapper .box-col-9 { flex: 0 0 75%; max-width: 75%; } .box-layout .page-wrapper .box-col-4e, .box-layout.page-wrapper .box-col-4e { flex: 0 0 30%; max-width: 30%; } .box-layout .page-wrapper .box-col-4, .box-layout.page-wrapper .box-col-4 { flex: 0 0 33.33%; max-width: 33%; } .box-layout .page-wrapper .box-col-8e, .box-layout.page-wrapper .box-col-8e { flex: 0 0 66.67%; max-width: 66.67%; } .box-layout .page-wrapper .box-col-none, .box-layout.page-wrapper .box-col-none { display: none !important; } .box-layout .page-wrapper .box-ord-1, .box-layout.page-wrapper .box-ord-1 { order: 1 !important; } .box-layout .page-wrapper .box-ord-2, .box-layout.page-wrapper .box-ord-2 { order: 2 !important; } .box-layout .page-wrapper .box-ord-3, .box-layout.page-wrapper .box-ord-3 { order: 3 !important; } .box-layout .page-wrapper .box-ord-4, .box-layout.page-wrapper .box-ord-4 { order: 4 !important; } .box-layout .page-wrapper .box-ord-5, .box-layout.page-wrapper .box-ord-5 { order: 5 !important; } .box-layout .page-wrapper .box-ord-6, .box-layout.page-wrapper .box-ord-6 { order: 6 !important; } .box-layout .page-wrapper .box-ord-7, .box-layout.page-wrapper .box-ord-7 { order: 7 !important; } .box-layout .page-wrapper .box-ord-8, .box-layout.page-wrapper .box-ord-8 { order: 8 !important; } .box-layout .page-wrapper .box-ord-9, .box-layout.page-wrapper .box-ord-9 { order: 9 !important; } .box-layout .page-wrapper .box-ord-10, .box-layout.page-wrapper .box-ord-10 { order: 10 !important; } .box-layout .page-wrapper .chat-menu, .box-layout.page-wrapper .chat-menu { right: 0; border-top: 1px solid #ddd; opacity: 0; transform: translateY(-30px); visibility: hidden; top: 81px; position: absolute; z-index: 9; background-color: #fff; transition: all linear 0.3s; } .box-layout .page-wrapper .chat-menu.show, .box-layout.page-wrapper .chat-menu.show { opacity: 1; visibility: visible; transform: translateY(0px); transition: all linear 0.3s; padding-bottom: 25px; } .box-layout .page-wrapper .ct-10.total-chart .ct-chart-bar .ct-series .ct-bar, .box-layout.page-wrapper .ct-10.total-chart .ct-chart-bar .ct-series .ct-bar { stroke-width: 23px !important; } .box-layout .page-wrapper .email-wrap .email-body .email-compose .cke_contents.cke_reset, .box-layout.page-wrapper .email-wrap .email-body .email-compose .cke_contents.cke_reset { max-height: 165px; } .box-layout .page-wrapper .email-wrap .row .col-xl-6, .box-layout.page-wrapper .email-wrap .row .col-xl-6 { padding-left: 12px; } .box-layout .page-wrapper .email-wrap .row .col-xl-3 + .col-xl-3, .box-layout.page-wrapper .email-wrap .row .col-xl-3 + .col-xl-3 { padding-right: 12px; } .box-layout .page-wrapper .email-wrap .email-right-aside .email-body .inbox, .box-layout.page-wrapper .email-wrap .email-right-aside .email-body .inbox { height: 644px; } .box-layout .page-wrapper .todo .notification-popup, .box-layout.page-wrapper .todo .notification-popup { right: 320px; } .box-layout .page-wrapper .touchspin, .box-layout.page-wrapper .touchspin { padding: 0 10px; } .box-layout .page-wrapper .vertical-menu-main, .box-layout.page-wrapper .vertical-menu-main { width: 1280px; margin: 0 auto; left: 0; right: 0; } .box-layout .page-wrapper .comingsoon video, .box-layout.page-wrapper .comingsoon video { min-width: 67%; width: 67%; } .box-layout .page-wrapper .general-widget-wrapper .main-session-devices .apexcharts-inner, .box-layout.page-wrapper .general-widget-wrapper .main-session-devices .apexcharts-inner { transform: scale(0.68); } .box-layout .page-wrapper .badge-heading h1, .box-layout .page-wrapper .badge-heading h2, .box-layout .page-wrapper .badge-heading h3, .box-layout .page-wrapper .badge-heading h4, .box-layout .page-wrapper .badge-heading h5, .box-layout.page-wrapper .badge-heading h1, .box-layout.page-wrapper .badge-heading h2, .box-layout.page-wrapper .badge-heading h3, .box-layout.page-wrapper .badge-heading h4, .box-layout.page-wrapper .badge-heading h5 { margin-bottom: 38px; } .box-layout .page-wrapper .smooth-animate .label, .box-layout.page-wrapper .smooth-animate .label { top: -175px; } } @media (max-width: 1500px) { .box-layout .bounce-rate-wrapper { margin: -38px -20px -30px 0px; } .box-layout .visit-duration-wrapper { margin: -42px 35px -30px 0px; } } @media (max-width: 1290px) { .box-layout .our-product-wrapper .our-product-content .add-quantity { gap: 5px; } } @media (min-width: 1211px) { .box-layout .std-class-chart { margin-block: 64px; } } @media (max-width: 1585px) and (min-width: 1486px) { .box-layout .payment-methods .bg-payment { width: 68px; height: 68px; } } @media (max-width: 1485px) and (min-width: 1446px) { .box-layout .payment-methods .bg-payment { width: 64px; height: 64px; } } @media (max-width: 1445px) and (min-width: 1456px) { .box-layout .payment-methods .bg-payment { width: 64px; height: 64px; } } @media (max-width: 1455px) and (min-width: 1200px) { .box-layout .payment-methods .bg-payment { width: 60px; height: 60px; } } @media (max-width: 1410px) { .box-layout .std-class-chart .apexcharts-legend { gap: 0 !important; } } /**===================== 5.9 Box-layout CSS Ends ==========================**/ body { font-family: 'Tahoma', sans-serif; } /*# sourceMappingURL=style.css.map */