/*!*******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./assets/scss/style.scss ***!
  \*******************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/*! -----------------------------------------------------------------------------------

    Template Name: Cuba Admin
    Template URI: http://admin.pixelstrap.com/cuba/template
    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 Ecommerce CSS
        3.24 Email-application CSS
        3.25 Mail-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
        3.61 Roles-permission CSS
        3.62 Manage-reviews CSS
        3.63 Reports CSS
        3.64 Settings CSS
        3.65 Dashboard_12 CSS
        3.66 Dashboard_13 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-default: #0071a8;
  --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: #f5f4ff;
  --rgb-primary: #7366ff;
  --f-lighter: #7f8183;
  --light-datatable-odd: #f5f6fa;
  --dark-light-color: hsla(0, 0%, 4%, 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-emphasis-color-rgb: rgba(242, 243, 247, 0.7);
  --bs-border-color: #e9edf1;
  --bs-table-bg: var(--bs-emphasis-color-rgb);
  --bs-heading-color: #333;
}
: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: 0.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: hsla(0, 0%, 100%, 0.1);
  --light2: #1d1e26;
  --chart-border: #374558;
  --recent-box-bg: #1d1e26;
  --recent-border: #374558;
  --body-font-color: hsla(0, 0%, 100%, 0.6);
  --chart-text-color: #656571;
  --chart-dashed-border: hsla(240, 0%, 53%, 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 #374657;
  --light-shade-primary: #2e3543;
  --light-gray-1: linear-gradient(0deg, #fcfcfd, #fcfcfd),
    linear-gradient(0deg, #fff, #fff);
  --bs-body-bg: hsla(0, 0%, 100%, 0.6);
  --bs-table-bg: transparent;
  --light-bg-primary: #efeeff;
  --lighter-gray: hsla(0, 0%, 100%, 0.2);
  --bs-heading-color: hsla(0, 0%, 100%, 0.7);
  --bs-emphasis-color-rgb: var(--light-background);
  --bs-border-color: var(--recent-chart-bg);
}
.dark-only .table.table-inverse {
  --bs-table-bg: #1f2533;
}
.dark-only .table.table-striped.bg-primary {
  --bs-table-bg: unset;
}
.f-light {
  color: hsla(240, 8%, 50%, 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 {
  display: inline-block;
  transform: rotate(-45deg);
}
[contenteditable] {
  outline: 0 solid transparent;
}
::selection {
  background-color: #7366ff;
  color: #fff;
}
::-moz-selection {
  background-color: #7366ff;
  color: #fff;
}
.p-0 {
  padding: 0;
}
.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;
}
.p-l-0 {
  padding-left: 0;
}
.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;
}
.p-t-0 {
  padding-top: 0 !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;
}
.p-b-0 {
  padding-bottom: 0 !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;
}
.p-r-0 {
  padding-right: 0;
}
.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;
}
.m-0 {
  margin: 0 !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;
}
.m-t-0 {
  margin-top: 0 !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;
}
.m-b-0 {
  margin-bottom: 0 !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;
}
.m-l-0 {
  margin-left: 0 !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;
}
.m-r-0 {
  margin-right: 0;
}
.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;
}
.b-r-0 {
  border-radius: 0 !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;
}
.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;
}
.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;
}
.f-s-normal {
  font-style: normal;
}
.f-s-italic {
  font-style: italic;
}
.f-s-oblique {
  font-style: oblique;
}
.f-s-initial {
  font-style: normal;
}
.f-s-inherit {
  font-style: inherit;
}
.text-overline {
  text-decoration: overline;
}
.text-line-through {
  text-decoration: line-through;
}
.text-underline {
  text-decoration: underline;
}
.text-dashed {
  -webkit-text-decoration: dashed;
  text-decoration: dashed;
}
.text-blink {
  text-decoration: blink;
}
.text-dotted {
  -webkit-text-decoration: dotted;
  text-decoration: dotted;
}
.text-initial {
  text-decoration: initial;
}
.text-none {
  text-decoration: none;
}
.text-solid {
  -webkit-text-decoration: solid;
  text-decoration: solid;
}
.text-wavy {
  -webkit-text-decoration: wavy;
  text-decoration: wavy;
}
.text-inherit {
  text-decoration: inherit;
}
.text-double {
  -webkit-text-decoration: double;
  text-decoration: double;
}
.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;
}
.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;
}
.p-static {
  position: static;
}
.p-absolute {
  position: absolute;
}
.p-fixed {
  position: fixed;
}
.p-relative {
  position: relative;
}
.p-initial {
  position: static;
}
.p-inherit {
  position: inherit;
}
.f-left {
  float: left;
}
.f-right {
  float: right;
}
.f-none {
  float: none;
}
.o-hidden {
  overflow: hidden;
}
.o-visible {
  overflow: visible;
}
.o-auto {
  overflow: auto;
}
.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;
}
.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;
}
.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;
}
.label {
  border-radius: 2px;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  margin-bottom: 0;
  text-transform: capitalize;
}
.label-primary,
.label-theme {
  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;
}
.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;
}
.bg-primary {
  background-color: #7366ff !important;
  color: #fff;
}
.bg-primary:hover {
  background-color: #7366ff;
  color: #fff;
}
.table-primary td {
  background-color: rgba(115, 102, 255, 0.4) !important;
}
.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: inset 0 5.04px 14.96px 0 rgba(115, 102, 255, 0.25);
}
.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:after,
.divider-body.divider-primary:before {
  border-color: #7366ff !important;
}
.border-dashed-primary {
  border: 1px dashed #7366ff;
  color: #7366ff;
}
.border-dashed-primary:active,
.border-dashed-primary:hover {
  background-color: #7366ff !important;
  border: 1px dashed #7366ff !important;
  color: #fff !important;
}
.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;
}
.link-primary,
.link-primary:active,
.link-primary:focus,
.link-primary:hover {
  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;
}
.table-secondary td {
  background-color: hsla(0, 0%, 51%, 0.4) !important;
}
.title-line-secondary:before {
  background-color: #838383 !important;
}
.scope-light-secondary {
  background-color: hsla(0, 0%, 51%, 0.15) !important;
}
.outline-10-secondary {
  outline: 2px solid hsla(0, 0%, 51%, 0.1);
}
.bg-7-secondary {
  background-color: hsla(0, 0%, 51%, 0.07);
}
.bg-10-secondary {
  background-color: hsla(0, 0%, 51%, 0.1);
}
.bg-20-secondary {
  background-color: hsla(0, 0%, 51%, 0.2);
}
.outline-20-secondary {
  outline: 2px solid hsla(0, 0%, 51%, 0.2);
}
.shadow-10-secondary {
  box-shadow: inset 0 5.04px 14.96px 0 hsla(0, 0%, 51%, 0.25);
}
.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:after,
.divider-body.divider-secondary:before {
  border-color: #838383 !important;
}
.border-dashed-secondary {
  border: 1px dashed #838383;
  color: #838383;
}
.border-dashed-secondary:active,
.border-dashed-secondary:hover {
  background-color: #838383 !important;
  border: 1px dashed #838383 !important;
  color: #fff !important;
}
.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;
}
.link-secondary,
.link-secondary:active,
.link-secondary:focus,
.link-secondary:hover {
  color: #838383 !important;
  text-decoration-color: #838383 !important;
}
.bg-light-secondary {
  background-color: hsla(0, 0%, 51%, 0.1) !important;
  color: #fff;
}
.bg-lighter-secondary {
  background-color: hsla(0, 0%, 51%, 0.6);
  color: #fff;
}
.button-light-secondary {
  background-color: hsla(0, 0%, 51%, 0.1) !important;
}
.button-light-secondary:active {
  border-color: hsla(0, 0%, 51%, 0.1) !important;
}
.bg-success {
  background-color: #65c15c !important;
  color: #fff;
}
.bg-success:hover {
  background-color: #65c15c;
  color: #fff;
}
.table-success td {
  background-color: rgba(101, 193, 92, 0.4) !important;
}
.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: inset 0 5.04px 14.96px 0 rgba(101, 193, 92, 0.25);
}
.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:after,
.divider-body.divider-success:before {
  border-color: #65c15c !important;
}
.border-dashed-success {
  border: 1px dashed #65c15c;
  color: #65c15c;
}
.border-dashed-success:active,
.border-dashed-success:hover {
  background-color: #65c15c !important;
  border: 1px dashed #65c15c !important;
  color: #fff !important;
}
.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;
}
.link-success,
.link-success:active,
.link-success:focus,
.link-success:hover {
  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;
}
.table-danger td {
  background-color: rgba(252, 86, 74, 0.4) !important;
}
.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: inset 0 5.04px 14.96px 0 rgba(252, 86, 74, 0.25);
}
.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:after,
.divider-body.divider-danger:before {
  border-color: #fc564a !important;
}
.border-dashed-danger {
  border: 1px dashed #fc564a;
  color: #fc564a;
}
.border-dashed-danger:active,
.border-dashed-danger:hover {
  background-color: #fc564a !important;
  border: 1px dashed #fc564a !important;
  color: #fff !important;
}
.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;
}
.link-danger,
.link-danger:active,
.link-danger:focus,
.link-danger:hover {
  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;
}
.table-info td {
  background-color: rgba(64, 184, 245, 0.4) !important;
}
.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: inset 0 5.04px 14.96px 0 rgba(64, 184, 245, 0.25);
}
.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:after,
.divider-body.divider-info:before {
  border-color: #40b8f5 !important;
}
.border-dashed-info {
  border: 1px dashed #40b8f5;
  color: #40b8f5;
}
.border-dashed-info:active,
.border-dashed-info:hover {
  background-color: #40b8f5 !important;
  border: 1px dashed #40b8f5 !important;
  color: #fff !important;
}
.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;
}
.link-info,
.link-info:active,
.link-info:focus,
.link-info:hover {
  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;
}
.table-light td {
  background-color: hsla(0, 0%, 96%, 0.4) !important;
}
.title-line-light:before {
  background-color: #f4f4f4 !important;
}
.scope-light-light {
  background-color: hsla(0, 0%, 96%, 0.15) !important;
}
.outline-10-light {
  outline: 2px solid hsla(0, 0%, 96%, 0.1);
}
.bg-7-light {
  background-color: hsla(0, 0%, 96%, 0.07);
}
.bg-10-light {
  background-color: hsla(0, 0%, 96%, 0.1);
}
.bg-20-light {
  background-color: hsla(0, 0%, 96%, 0.2);
}
.outline-20-light {
  outline: 2px solid hsla(0, 0%, 96%, 0.2);
}
.shadow-10-light {
  box-shadow: inset 0 5.04px 14.96px 0 hsla(0, 0%, 96%, 0.25);
}
.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:after,
.divider-body.divider-light:before {
  border-color: #f4f4f4 !important;
}
.border-dashed-light {
  border: 1px dashed #f4f4f4;
  color: #f4f4f4;
}
.border-dashed-light:active,
.border-dashed-light:hover {
  background-color: #f4f4f4 !important;
  border: 1px dashed #f4f4f4 !important;
  color: #fff !important;
}
.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;
}
.link-light,
.link-light:active,
.link-light:focus,
.link-light:hover {
  color: #f4f4f4 !important;
  text-decoration-color: #f4f4f4 !important;
}
.bg-light-light {
  background-color: hsla(0, 0%, 96%, 0.1) !important;
  color: #fff;
}
.bg-lighter-light {
  background-color: hsla(0, 0%, 96%, 0.6);
  color: #fff;
}
.button-light-light {
  background-color: hsla(0, 0%, 96%, 0.1) !important;
}
.button-light-light:active {
  border-color: hsla(0, 0%, 96%, 0.1) !important;
}
.bg-dark {
  background-color: #3f475a !important;
  color: #fff;
}
.bg-dark:hover {
  background-color: #3f475a;
  color: #fff;
}
.table-dark td {
  background-color: rgba(63, 71, 90, 0.4) !important;
}
.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: inset 0 5.04px 14.96px 0 rgba(63, 71, 90, 0.25);
}
.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:after,
.divider-body.divider-dark:before {
  border-color: #3f475a !important;
}
.border-dashed-dark {
  border: 1px dashed #3f475a;
  color: #3f475a;
}
.border-dashed-dark:active,
.border-dashed-dark:hover {
  background-color: #3f475a !important;
  border: 1px dashed #3f475a !important;
  color: #fff !important;
}
.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;
}
.link-dark,
.link-dark:active,
.link-dark:focus,
.link-dark:hover {
  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;
}
.table-warning td {
  background-color: rgba(255, 184, 41, 0.4) !important;
}
.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: inset 0 5.04px 14.96px 0 rgba(255, 184, 41, 0.25);
}
.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:after,
.divider-body.divider-warning:before {
  border-color: #ffb829 !important;
}
.border-dashed-warning {
  border: 1px dashed #ffb829;
  color: #ffb829;
}
.border-dashed-warning:active,
.border-dashed-warning:hover {
  background-color: #ffb829 !important;
  border: 1px dashed #ffb829 !important;
  color: #fff !important;
}
.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;
}
.link-warning,
.link-warning:active,
.link-warning:focus,
.link-warning:hover {
  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;
}
.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: rgba(0, 0, 0, 0.8) !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;
}
@keyframes push {
  50% {
    transform: scale(0.95);
  }
  to {
    transform: scale(1);
  }
}
.btn-primary {
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0);
}
.btn-primary,
.btn-primary.disabled,
.btn-primary:disabled {
  background-color: #7366ff !important;
  border-color: #7366ff !important;
}
.btn-primary:focus {
  box-shadow: 0 0 0 0.2rem #fff;
}
.btn-secondary {
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0);
}
.btn-secondary,
.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 {
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0);
}
.btn-success,
.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 {
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0);
}
.btn-danger,
.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;
  color: #fff;
  transform: translateZ(0);
}
.btn-info.active,
.btn-info:active,
.btn-info:focus,
.btn-info:hover {
  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 {
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0);
}
.btn-light,
.btn-light.disabled,
.btn-light:disabled {
  background-color: #f4f4f4 !important;
  border-color: #f4f4f4 !important;
}
.btn-light:focus {
  box-shadow: 0 0 0 0.2rem #fff;
}
.btn-dark {
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0);
}
.btn-dark,
.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);
}
.btn-warning.active,
.btn-warning.show,
.btn-warning:active,
.btn-warning:focus,
.btn-warning:hover {
  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;
}
.btn-outline-primary-2x {
  background-color: transparent;
  border-color: #7366ff;
  border-width: 2px;
  color: #7366ff;
}
.btn-outline-primary-2x.active,
.btn-outline-primary-2x:active,
.btn-outline-primary-2x:focus,
.btn-outline-primary-2x:hover {
  background-color: #7366ff !important;
  border-color: #7366ff !important;
  box-shadow: none;
  color: #fff !important;
}
.btn-outline-secondary-2x {
  background-color: transparent;
  border-color: #838383;
  border-width: 2px;
  color: #838383;
}
.btn-outline-secondary-2x.active,
.btn-outline-secondary-2x:active,
.btn-outline-secondary-2x:focus,
.btn-outline-secondary-2x:hover {
  background-color: #838383 !important;
  border-color: #838383 !important;
  box-shadow: none;
  color: #fff !important;
}
.btn-outline-success-2x {
  background-color: transparent;
  border-color: #65c15c;
  border-width: 2px;
  color: #65c15c;
}
.btn-outline-success-2x.active,
.btn-outline-success-2x:active,
.btn-outline-success-2x:focus,
.btn-outline-success-2x:hover {
  background-color: #65c15c !important;
  border-color: #65c15c !important;
  box-shadow: none;
  color: #fff !important;
}
.btn-outline-danger-2x {
  background-color: transparent;
  border-color: #fc564a;
  border-width: 2px;
  color: #fc564a;
}
.btn-outline-danger-2x.active,
.btn-outline-danger-2x:active,
.btn-outline-danger-2x:focus,
.btn-outline-danger-2x:hover {
  background-color: #fc564a !important;
  border-color: #fc564a !important;
  box-shadow: none;
  color: #fff !important;
}
.btn-outline-info-2x {
  background-color: transparent;
  border-color: #40b8f5;
  border-width: 2px;
  color: #40b8f5;
}
.btn-outline-info-2x.active,
.btn-outline-info-2x:active,
.btn-outline-info-2x:focus,
.btn-outline-info-2x:hover {
  background-color: #40b8f5 !important;
  border-color: #40b8f5 !important;
  box-shadow: none;
  color: #fff !important;
}
.btn-outline-light-2x {
  background-color: transparent;
  border-color: #f4f4f4;
  border-width: 2px;
  color: #f4f4f4;
}
.btn-outline-light-2x.active,
.btn-outline-light-2x:active,
.btn-outline-light-2x:focus,
.btn-outline-light-2x:hover {
  background-color: #f4f4f4 !important;
  border-color: #f4f4f4 !important;
  box-shadow: none;
  color: #fff !important;
}
.btn-outline-light-2x {
  color: #404040;
}
.btn-outline-light-2x.active,
.btn-outline-light-2x:active,
.btn-outline-light-2x:focus,
.btn-outline-light-2x:hover {
  color: #404040 !important;
}
.btn-outline-dark-2x {
  background-color: transparent;
  border-color: #3f475a;
  border-width: 2px;
  color: #3f475a;
}
.btn-outline-dark-2x.active,
.btn-outline-dark-2x:active,
.btn-outline-dark-2x:focus,
.btn-outline-dark-2x:hover {
  background-color: #3f475a !important;
  border-color: #3f475a !important;
  box-shadow: none;
  color: #fff !important;
}
.btn-outline-warning-2x {
  background-color: transparent;
  border-color: #ffb829;
  border-width: 2px;
  color: #ffb829;
}
.btn-outline-warning-2x.active,
.btn-outline-warning-2x:active,
.btn-outline-warning-2x:focus,
.btn-outline-warning-2x:hover {
  background-color: #ffb829 !important;
  border-color: #ffb829 !important;
  box-shadow: none;
  color: #fff !important;
}
.btn-outline-primary {
  background-color: transparent;
}
.btn-outline-primary,
.btn-outline-primary.disabled {
  border-color: #7366ff;
  color: #7366ff;
}
.btn-outline-primary:active,
.btn-outline-primary:hover {
  background-color: #7366ff !important;
  border-color: #7366ff !important;
  color: #fff;
}
.btn-check {
  color: #7366ff !important;
}
.btn-check:checked {
  background-color: #7366ff !important;
}
.btn-check:checked + .btn-outline-primary {
  background-color: #7366ff !important;
  box-shadow: unset !important;
  color: #fff !important;
}
.btn-check + .btn-outline-primary {
  background-color: transparent;
  border-color: #7366ff !important;
  color: #7366ff !important;
}
.btn-check + .btn-outline-primary.disabled {
  color: #7366ff;
}
.btn-check + .btn-outline-primary.active,
.btn-check + .btn-outline-primary:active,
.btn-check + .btn-outline-primary:focus,
.btn-check + .btn-outline-primary:focus-visible,
.btn-check + .btn-outline-primary:hover {
  background-color: #7366ff !important;
  border-color: #7366ff !important;
  box-shadow: none !important;
  color: #fff !important;
}
.btn-outline-secondary {
  background-color: transparent;
}
.btn-outline-secondary,
.btn-outline-secondary.disabled {
  border-color: #838383;
  color: #838383;
}
.btn-outline-secondary:active,
.btn-outline-secondary:hover {
  background-color: #838383 !important;
  border-color: #838383 !important;
  color: #fff;
}
.btn-check {
  color: #838383 !important;
}
.btn-check:checked {
  background-color: #838383 !important;
}
.btn-check:checked + .btn-outline-secondary {
  background-color: #838383 !important;
  box-shadow: unset !important;
  color: #fff !important;
}
.btn-check + .btn-outline-secondary {
  background-color: transparent;
  border-color: #838383 !important;
  color: #838383 !important;
}
.btn-check + .btn-outline-secondary.disabled {
  color: #838383;
}
.btn-check + .btn-outline-secondary.active,
.btn-check + .btn-outline-secondary:active,
.btn-check + .btn-outline-secondary:focus,
.btn-check + .btn-outline-secondary:focus-visible,
.btn-check + .btn-outline-secondary:hover {
  background-color: #838383 !important;
  border-color: #838383 !important;
  box-shadow: none !important;
  color: #fff !important;
}
.btn-outline-success {
  background-color: transparent;
}
.btn-outline-success,
.btn-outline-success.disabled {
  border-color: #65c15c;
  color: #65c15c;
}
.btn-outline-success:active,
.btn-outline-success:hover {
  background-color: #65c15c !important;
  border-color: #65c15c !important;
  color: #fff;
}
.btn-check {
  color: #65c15c !important;
}
.btn-check:checked {
  background-color: #65c15c !important;
}
.btn-check:checked + .btn-outline-success {
  background-color: #65c15c !important;
  box-shadow: unset !important;
  color: #fff !important;
}
.btn-check + .btn-outline-success {
  background-color: transparent;
  border-color: #65c15c !important;
  color: #65c15c !important;
}
.btn-check + .btn-outline-success.disabled {
  color: #65c15c;
}
.btn-check + .btn-outline-success.active,
.btn-check + .btn-outline-success:active,
.btn-check + .btn-outline-success:focus,
.btn-check + .btn-outline-success:focus-visible,
.btn-check + .btn-outline-success:hover {
  background-color: #65c15c !important;
  border-color: #65c15c !important;
  box-shadow: none !important;
  color: #fff !important;
}
.btn-outline-danger {
  background-color: transparent;
}
.btn-outline-danger,
.btn-outline-danger.disabled {
  border-color: #fc564a;
  color: #fc564a;
}
.btn-outline-danger:active,
.btn-outline-danger:hover {
  background-color: #fc564a !important;
  border-color: #fc564a !important;
  color: #fff;
}
.btn-check {
  color: #fc564a !important;
}
.btn-check:checked {
  background-color: #fc564a !important;
}
.btn-check:checked + .btn-outline-danger {
  background-color: #fc564a !important;
  box-shadow: unset !important;
  color: #fff !important;
}
.btn-check + .btn-outline-danger {
  background-color: transparent;
  border-color: #fc564a !important;
  color: #fc564a !important;
}
.btn-check + .btn-outline-danger.disabled {
  color: #fc564a;
}
.btn-check + .btn-outline-danger.active,
.btn-check + .btn-outline-danger:active,
.btn-check + .btn-outline-danger:focus,
.btn-check + .btn-outline-danger:focus-visible,
.btn-check + .btn-outline-danger:hover {
  background-color: #fc564a !important;
  border-color: #fc564a !important;
  box-shadow: none !important;
  color: #fff !important;
}
.btn-outline-info {
  background-color: transparent;
}
.btn-outline-info,
.btn-outline-info.disabled {
  border-color: #40b8f5;
  color: #40b8f5;
}
.btn-outline-info:active,
.btn-outline-info:hover {
  background-color: #40b8f5 !important;
  border-color: #40b8f5 !important;
  color: #fff;
}
.btn-check {
  color: #40b8f5 !important;
}
.btn-check:checked {
  background-color: #40b8f5 !important;
}
.btn-check:checked + .btn-outline-info {
  background-color: #40b8f5 !important;
  box-shadow: unset !important;
  color: #fff !important;
}
.btn-check + .btn-outline-info {
  background-color: transparent;
  border-color: #40b8f5 !important;
  color: #40b8f5 !important;
}
.btn-check + .btn-outline-info.disabled {
  color: #40b8f5;
}
.btn-check + .btn-outline-info.active,
.btn-check + .btn-outline-info:active,
.btn-check + .btn-outline-info:focus,
.btn-check + .btn-outline-info:focus-visible,
.btn-check + .btn-outline-info:hover {
  background-color: #40b8f5 !important;
  border-color: #40b8f5 !important;
  box-shadow: none !important;
  color: #fff !important;
}
.btn-outline-light {
  background-color: transparent;
  border-color: #f4f4f4;
  color: #f4f4f4;
  color: #404040;
}
.btn-outline-light.disabled {
  border-color: #f4f4f4;
  color: #f4f4f4;
}
.btn-outline-light:active,
.btn-outline-light:hover {
  background-color: #f4f4f4 !important;
  border-color: #f4f4f4 !important;
  color: #fff;
}
.btn-check {
  color: #f4f4f4 !important;
}
.btn-check:checked {
  background-color: #f4f4f4 !important;
}
.btn-check:checked + .btn-outline-light {
  background-color: #f4f4f4 !important;
  box-shadow: unset !important;
  color: #fff !important;
}
.btn-check + .btn-outline-light {
  background-color: transparent;
  border-color: #f4f4f4 !important;
  color: #f4f4f4 !important;
  color: #404040;
}
.btn-check + .btn-outline-light.disabled {
  color: #f4f4f4;
}
.btn-check + .btn-outline-light.active,
.btn-check + .btn-outline-light:active,
.btn-check + .btn-outline-light:focus,
.btn-check + .btn-outline-light:focus-visible,
.btn-check + .btn-outline-light:hover {
  background-color: #f4f4f4 !important;
  border-color: #f4f4f4 !important;
  box-shadow: none !important;
  color: #fff !important;
}
.btn-outline-dark {
  background-color: transparent;
}
.btn-outline-dark,
.btn-outline-dark.disabled {
  border-color: #3f475a;
  color: #3f475a;
}
.btn-outline-dark:active,
.btn-outline-dark:hover {
  background-color: #3f475a !important;
  border-color: #3f475a !important;
  color: #fff;
}
.btn-check {
  color: #3f475a !important;
}
.btn-check:checked {
  background-color: #3f475a !important;
}
.btn-check:checked + .btn-outline-dark {
  background-color: #3f475a !important;
  box-shadow: unset !important;
  color: #fff !important;
}
.btn-check + .btn-outline-dark {
  background-color: transparent;
  border-color: #3f475a !important;
  color: #3f475a !important;
}
.btn-check + .btn-outline-dark.disabled {
  color: #3f475a;
}
.btn-check + .btn-outline-dark.active,
.btn-check + .btn-outline-dark:active,
.btn-check + .btn-outline-dark:focus,
.btn-check + .btn-outline-dark:focus-visible,
.btn-check + .btn-outline-dark:hover {
  background-color: #3f475a !important;
  border-color: #3f475a !important;
  box-shadow: none !important;
  color: #fff !important;
}
.btn-outline-warning {
  background-color: transparent;
}
.btn-outline-warning,
.btn-outline-warning.disabled {
  border-color: #ffb829;
  color: #ffb829;
}
.btn-outline-warning:active,
.btn-outline-warning:hover {
  background-color: #ffb829 !important;
  border-color: #ffb829 !important;
  color: #fff;
}
.btn-check {
  color: #ffb829 !important;
}
.btn-check:checked,
.btn-check:checked + .btn-outline-warning {
  background-color: #ffb829 !important;
  color: #fff !important;
}
.btn-check:checked + .btn-outline-warning {
  box-shadow: unset !important;
}
.btn-check + .btn-outline-warning {
  background-color: transparent;
  border-color: #ffb829 !important;
  color: #ffb829 !important;
}
.btn-check + .btn-outline-warning.disabled {
  color: #ffb829;
}
.btn-check + .btn-outline-warning.active,
.btn-check + .btn-outline-warning:active,
.btn-check + .btn-outline-warning:focus,
.btn-check + .btn-outline-warning:focus-visible,
.btn-check + .btn-outline-warning:hover {
  background-color: #ffb829 !important;
  border-color: #ffb829 !important;
  box-shadow: none !important;
  color: #fff !important;
}
.btn-primary:not([disabled]):not(.disabled).active {
  background-color: #43f;
  border-color: #43f;
  box-shadow: none !important;
}
.btn-primary:not([disabled]):not(.disabled).active.active,
.btn-primary:not([disabled]):not(.disabled).active:active,
.btn-primary:not([disabled]):not(.disabled).active:focus,
.btn-primary:not([disabled]):not(.disabled).active:hover {
  background-color: #43f;
  border-color: #43f;
  color: #fff;
}
.btn-secondary:not([disabled]):not(.disabled).active {
  background-color: #6a6a6a;
  border-color: #6a6a6a;
  box-shadow: none !important;
}
.btn-secondary:not([disabled]):not(.disabled).active.active,
.btn-secondary:not([disabled]):not(.disabled).active:active,
.btn-secondary:not([disabled]):not(.disabled).active:focus,
.btn-secondary:not([disabled]):not(.disabled).active:hover {
  background-color: #6a6a6a;
  border-color: #6a6a6a;
  color: #fff;
}
.btn-success:not([disabled]):not(.disabled).active {
  background-color: #4aaa40;
  border-color: #4aaa40;
  box-shadow: none !important;
}
.btn-success:not([disabled]):not(.disabled).active.active,
.btn-success:not([disabled]):not(.disabled).active:active,
.btn-success:not([disabled]):not(.disabled).active:focus,
.btn-success:not([disabled]):not(.disabled).active:hover {
  background-color: #4aaa40;
  border-color: #4aaa40;
  color: #fff;
}
.btn-danger:not([disabled]):not(.disabled).active {
  background-color: #fb2718;
  border-color: #fb2718;
  box-shadow: none !important;
}
.btn-danger:not([disabled]):not(.disabled).active.active,
.btn-danger:not([disabled]):not(.disabled).active:active,
.btn-danger:not([disabled]):not(.disabled).active:focus,
.btn-danger:not([disabled]):not(.disabled).active:hover {
  background-color: #fb2718;
  border-color: #fb2718;
  color: #fff;
}
.btn-info:not([disabled]):not(.disabled).active {
  background-color: #10a6f2;
  border-color: #10a6f2;
  box-shadow: none !important;
}
.btn-info:not([disabled]):not(.disabled).active.active,
.btn-info:not([disabled]):not(.disabled).active:active,
.btn-info:not([disabled]):not(.disabled).active:focus,
.btn-info:not([disabled]):not(.disabled).active:hover {
  background-color: #10a6f2;
  border-color: #10a6f2;
  color: #fff;
}
.btn-light:not([disabled]):not(.disabled).active {
  background-color: #dbdbdb;
  border-color: #dbdbdb;
  box-shadow: none !important;
}
.btn-light:not([disabled]):not(.disabled).active.active,
.btn-light:not([disabled]):not(.disabled).active:active,
.btn-light:not([disabled]):not(.disabled).active:focus,
.btn-light:not([disabled]):not(.disabled).active:hover {
  background-color: #dbdbdb;
  border-color: #dbdbdb;
  color: #fff;
}
.btn-dark:not([disabled]):not(.disabled).active {
  background-color: #2a2f3c;
  border-color: #2a2f3c;
  box-shadow: none !important;
}
.btn-dark:not([disabled]):not(.disabled).active.active,
.btn-dark:not([disabled]):not(.disabled).active:active,
.btn-dark:not([disabled]):not(.disabled).active:focus,
.btn-dark:not([disabled]):not(.disabled).active:hover {
  background-color: #2a2f3c;
  border-color: #2a2f3c;
  color: #fff;
}
.btn-warning:not([disabled]):not(.disabled).active {
  background-color: #f5a400;
  border-color: #f5a400;
  box-shadow: none !important;
}
.btn-warning:not([disabled]):not(.disabled).active.active,
.btn-warning:not([disabled]):not(.disabled).active:active,
.btn-warning:not([disabled]):not(.disabled).active:focus,
.btn-warning:not([disabled]):not(.disabled).active:hover {
  background-color: #f5a400;
  border-color: #f5a400;
  color: #fff;
}
.btn-outline-primary-2x:not([disabled]):not(.disabled).active {
  background-color: #7366ff;
  border-color: #7366ff;
  box-shadow: none !important;
  color: #fff;
}
.btn-outline-primary-2x:not([disabled]):not(.disabled).active.active,
.btn-outline-primary-2x:not([disabled]):not(.disabled).active:active,
.btn-outline-primary-2x:not([disabled]):not(.disabled).active:focus,
.btn-outline-primary-2x:not([disabled]):not(.disabled).active:hover {
  background-color: #43f !important;
  border-color: #43f !important;
  box-shadow: none !important;
  color: #fff;
}
.btn-outline-secondary-2x:not([disabled]):not(.disabled).active {
  background-color: #838383;
  border-color: #838383;
  box-shadow: none !important;
  color: #fff;
}
.btn-outline-secondary-2x:not([disabled]):not(.disabled).active.active,
.btn-outline-secondary-2x:not([disabled]):not(.disabled).active:active,
.btn-outline-secondary-2x:not([disabled]):not(.disabled).active:focus,
.btn-outline-secondary-2x:not([disabled]):not(.disabled).active:hover {
  background-color: #6a6a6a !important;
  border-color: #6a6a6a !important;
  box-shadow: none !important;
  color: #fff;
}
.btn-outline-success-2x:not([disabled]):not(.disabled).active {
  background-color: #65c15c;
  border-color: #65c15c;
  box-shadow: none !important;
  color: #fff;
}
.btn-outline-success-2x:not([disabled]):not(.disabled).active.active,
.btn-outline-success-2x:not([disabled]):not(.disabled).active:active,
.btn-outline-success-2x:not([disabled]):not(.disabled).active:focus,
.btn-outline-success-2x:not([disabled]):not(.disabled).active:hover {
  background-color: #4aaa40 !important;
  border-color: #4aaa40 !important;
  box-shadow: none !important;
  color: #fff;
}
.btn-outline-danger-2x:not([disabled]):not(.disabled).active {
  background-color: #fc564a;
  border-color: #fc564a;
  box-shadow: none !important;
  color: #fff;
}
.btn-outline-danger-2x:not([disabled]):not(.disabled).active.active,
.btn-outline-danger-2x:not([disabled]):not(.disabled).active:active,
.btn-outline-danger-2x:not([disabled]):not(.disabled).active:focus,
.btn-outline-danger-2x:not([disabled]):not(.disabled).active:hover {
  background-color: #fb2718 !important;
  border-color: #fb2718 !important;
  box-shadow: none !important;
  color: #fff;
}
.btn-outline-info-2x:not([disabled]):not(.disabled).active {
  background-color: #40b8f5;
  border-color: #40b8f5;
  box-shadow: none !important;
  color: #fff;
}
.btn-outline-info-2x:not([disabled]):not(.disabled).active.active,
.btn-outline-info-2x:not([disabled]):not(.disabled).active:active,
.btn-outline-info-2x:not([disabled]):not(.disabled).active:focus,
.btn-outline-info-2x:not([disabled]):not(.disabled).active:hover {
  background-color: #10a6f2 !important;
  border-color: #10a6f2 !important;
  box-shadow: none !important;
  color: #fff;
}
.btn-outline-light-2x:not([disabled]):not(.disabled).active {
  background-color: #f4f4f4;
  border-color: #f4f4f4;
  box-shadow: none !important;
  color: #fff;
}
.btn-outline-light-2x:not([disabled]):not(.disabled).active.active,
.btn-outline-light-2x:not([disabled]):not(.disabled).active:active,
.btn-outline-light-2x:not([disabled]):not(.disabled).active:focus,
.btn-outline-light-2x:not([disabled]):not(.disabled).active:hover {
  background-color: #dbdbdb !important;
  border-color: #dbdbdb !important;
  box-shadow: none !important;
  color: #fff;
}
.btn-outline-dark-2x:not([disabled]):not(.disabled).active {
  background-color: #3f475a;
  border-color: #3f475a;
  box-shadow: none !important;
  color: #fff;
}
.btn-outline-dark-2x:not([disabled]):not(.disabled).active.active,
.btn-outline-dark-2x:not([disabled]):not(.disabled).active:active,
.btn-outline-dark-2x:not([disabled]):not(.disabled).active:focus,
.btn-outline-dark-2x:not([disabled]):not(.disabled).active:hover {
  background-color: #2a2f3c !important;
  border-color: #2a2f3c !important;
  box-shadow: none !important;
  color: #fff;
}
.btn-outline-warning-2x:not([disabled]):not(.disabled).active {
  background-color: #ffb829;
  border-color: #ffb829;
  box-shadow: none !important;
  color: #fff;
}
.btn-outline-warning-2x:not([disabled]):not(.disabled).active.active,
.btn-outline-warning-2x:not([disabled]):not(.disabled).active:active,
.btn-outline-warning-2x:not([disabled]):not(.disabled).active:focus,
.btn-outline-warning-2x:not([disabled]):not(.disabled).active:hover {
  background-color: #f5a400 !important;
  border-color: #f5a400 !important;
  box-shadow: none !important;
  color: #fff;
}
table tbody .border-bottom-primary td,
table tbody .border-bottom-primary th,
table thead .border-bottom-primary th {
  border-bottom: 1px solid #7366ff !important;
}
table tbody .border-bottom-secondary td,
table tbody .border-bottom-secondary th,
table thead .border-bottom-secondary th {
  border-bottom: 1px solid #838383 !important;
}
table tbody .border-bottom-success td,
table tbody .border-bottom-success th,
table thead .border-bottom-success th {
  border-bottom: 1px solid #65c15c !important;
}
table tbody .border-bottom-danger td,
table tbody .border-bottom-danger th,
table thead .border-bottom-danger th {
  border-bottom: 1px solid #fc564a !important;
}
table tbody .border-bottom-info td,
table tbody .border-bottom-info th,
table thead .border-bottom-info th {
  border-bottom: 1px solid #40b8f5 !important;
}
table tbody .border-bottom-light td,
table tbody .border-bottom-light th,
table thead .border-bottom-light th {
  border-bottom: 1px solid #f4f4f4 !important;
}
table tbody .border-bottom-dark td,
table tbody .border-bottom-dark th,
table thead .border-bottom-dark th {
  border-bottom: 1px solid #3f475a !important;
}
table tbody .border-bottom-warning td,
table tbody .border-bottom-warning th,
table thead .border-bottom-warning th {
  border-bottom: 1px solid #ffb829 !important;
}
.table-styling .table-primary,
.table-styling.table-primary {
  background-color: #7366ff;
  border: 3px solid #7366ff;
  color: #fff;
}
.table-styling .table-primary thead,
.table-styling.table-primary thead {
  background-color: #43f;
  border: 3px solid #43f;
}
.table-styling .table-primary td,
.table-styling .table-primary th,
.table-styling.table-primary td,
.table-styling.table-primary th {
  background-color: transparent;
}
.table-styling .table-secondary,
.table-styling.table-secondary {
  background-color: #838383;
  border: 3px solid #838383;
  color: #fff;
}
.table-styling .table-secondary thead,
.table-styling.table-secondary thead {
  background-color: #6a6a6a;
  border: 3px solid #6a6a6a;
}
.table-styling .table-secondary td,
.table-styling .table-secondary th,
.table-styling.table-secondary td,
.table-styling.table-secondary th {
  background-color: transparent;
}
.table-styling .table-success,
.table-styling.table-success {
  background-color: #65c15c;
  border: 3px solid #65c15c;
  color: #fff;
}
.table-styling .table-success thead,
.table-styling.table-success thead {
  background-color: #4aaa40;
  border: 3px solid #4aaa40;
}
.table-styling .table-success td,
.table-styling .table-success th,
.table-styling.table-success td,
.table-styling.table-success th {
  background-color: transparent;
}
.table-styling .table-danger,
.table-styling.table-danger {
  background-color: #fc564a;
  border: 3px solid #fc564a;
  color: #fff;
}
.table-styling .table-danger thead,
.table-styling.table-danger thead {
  background-color: #fb2718;
  border: 3px solid #fb2718;
}
.table-styling .table-danger td,
.table-styling .table-danger th,
.table-styling.table-danger td,
.table-styling.table-danger th {
  background-color: transparent;
}
.table-styling .table-info,
.table-styling.table-info {
  background-color: #40b8f5;
  border: 3px solid #40b8f5;
  color: #fff;
}
.table-styling .table-info thead,
.table-styling.table-info thead {
  background-color: #10a6f2;
  border: 3px solid #10a6f2;
}
.table-styling .table-info td,
.table-styling .table-info th,
.table-styling.table-info td,
.table-styling.table-info th {
  background-color: transparent;
}
.table-styling .table-light,
.table-styling.table-light {
  background-color: #f4f4f4;
  border: 3px solid #f4f4f4;
  color: #fff;
}
.table-styling .table-light thead,
.table-styling.table-light thead {
  background-color: #dbdbdb;
  border: 3px solid #dbdbdb;
}
.table-styling .table-light td,
.table-styling .table-light th,
.table-styling.table-light td,
.table-styling.table-light th {
  background-color: transparent;
}
.table-styling .table-dark,
.table-styling.table-dark {
  background-color: #3f475a;
  border: 3px solid #3f475a;
  color: #fff;
}
.table-styling .table-dark thead,
.table-styling.table-dark thead {
  background-color: #2a2f3c;
  border: 3px solid #2a2f3c;
}
.table-styling .table-dark td,
.table-styling .table-dark th,
.table-styling.table-dark td,
.table-styling.table-dark th {
  background-color: transparent;
}
.table-styling .table-warning,
.table-styling.table-warning {
  background-color: #ffb829;
  border: 3px solid #ffb829;
  color: #fff;
}
.table-styling .table-warning thead,
.table-styling.table-warning thead {
  background-color: #f5a400;
  border: 3px solid #f5a400;
}
.table-styling .table-warning td,
.table-styling .table-warning th,
.table-styling.table-warning td,
.table-styling.table-warning th {
  background-color: transparent;
}
.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;
}
.checkbox-primary.form-check-input:checked {
  background-color: #7366ff !important;
  border-color: #7366ff;
}
.checkbox-secondary.form-check-input:checked {
  background-color: #838383 !important;
  border-color: #838383;
}
.checkbox-success.form-check-input:checked {
  background-color: #65c15c !important;
  border-color: #65c15c;
}
.checkbox-danger.form-check-input:checked {
  background-color: #fc564a !important;
  border-color: #fc564a;
}
.checkbox-info.form-check-input:checked {
  background-color: #40b8f5 !important;
  border-color: #40b8f5;
}
.checkbox-light.form-check-input:checked {
  background-color: #f4f4f4 !important;
  border-color: #f4f4f4;
}
.checkbox-dark.form-check-input:checked {
  background-color: #3f475a !important;
  border-color: #3f475a;
}
.checkbox-warning.form-check-input:checked {
  background-color: #ffb829 !important;
  border-color: #ffb829;
}
.b-primary {
  border: 1px solid #7366ff !important;
}
.b-t-primary,
.border-t-primary {
  border-top: 1px solid #7366ff !important;
}
.b-b-primary,
.border-b-primary {
  border-bottom: 1px solid #7366ff !important;
}
.b-l-primary,
.border-l-primary {
  border-left: 1px solid #7366ff !important;
}
.b-r-primary,
.border-r-primary {
  border-right: 1px solid #7366ff !important;
}
.b-secondary {
  border: 1px solid #838383 !important;
}
.b-t-secondary,
.border-t-secondary {
  border-top: 1px solid #838383 !important;
}
.b-b-secondary,
.border-b-secondary {
  border-bottom: 1px solid #838383 !important;
}
.b-l-secondary,
.border-l-secondary {
  border-left: 1px solid #838383 !important;
}
.b-r-secondary,
.border-r-secondary {
  border-right: 1px solid #838383 !important;
}
.b-success {
  border: 1px solid #65c15c !important;
}
.b-t-success,
.border-t-success {
  border-top: 1px solid #65c15c !important;
}
.b-b-success,
.border-b-success {
  border-bottom: 1px solid #65c15c !important;
}
.b-l-success,
.border-l-success {
  border-left: 1px solid #65c15c !important;
}
.b-r-success,
.border-r-success {
  border-right: 1px solid #65c15c !important;
}
.b-danger {
  border: 1px solid #fc564a !important;
}
.b-t-danger,
.border-t-danger {
  border-top: 1px solid #fc564a !important;
}
.b-b-danger,
.border-b-danger {
  border-bottom: 1px solid #fc564a !important;
}
.b-l-danger,
.border-l-danger {
  border-left: 1px solid #fc564a !important;
}
.b-r-danger,
.border-r-danger {
  border-right: 1px solid #fc564a !important;
}
.b-info {
  border: 1px solid #40b8f5 !important;
}
.b-t-info,
.border-t-info {
  border-top: 1px solid #40b8f5 !important;
}
.b-b-info,
.border-b-info {
  border-bottom: 1px solid #40b8f5 !important;
}
.b-l-info,
.border-l-info {
  border-left: 1px solid #40b8f5 !important;
}
.b-r-info,
.border-r-info {
  border-right: 1px solid #40b8f5 !important;
}
.b-light {
  border: 1px solid #f4f4f4 !important;
}
.b-t-light,
.border-t-light {
  border-top: 1px solid #f4f4f4 !important;
}
.b-b-light,
.border-b-light {
  border-bottom: 1px solid #f4f4f4 !important;
}
.b-l-light,
.border-l-light {
  border-left: 1px solid #f4f4f4 !important;
}
.b-r-light,
.border-r-light {
  border-right: 1px solid #f4f4f4 !important;
}
.b-dark {
  border: 1px solid #3f475a !important;
}
.b-t-dark,
.border-t-dark {
  border-top: 1px solid #3f475a !important;
}
.b-b-dark,
.border-b-dark {
  border-bottom: 1px solid #3f475a !important;
}
.b-l-dark,
.border-l-dark {
  border-left: 1px solid #3f475a !important;
}
.b-r-dark,
.border-r-dark {
  border-right: 1px solid #3f475a !important;
}
.b-warning {
  border: 1px solid #ffb829 !important;
}
.b-t-warning,
.border-t-warning {
  border-top: 1px solid #ffb829 !important;
}
.b-b-warning,
.border-b-warning {
  border-bottom: 1px solid #ffb829 !important;
}
.b-l-warning,
.border-l-warning {
  border-left: 1px solid #ffb829 !important;
}
.b-r-warning,
.border-r-warning {
  border-right: 1px solid #ffb829 !important;
}
.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;
}
.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;
}
.map-js-height {
  height: 500px;
}
.custom-scrollbar::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #e9edf1;
}
.custom-scrollbar::-webkit-scrollbar {
  height: 8px;
  width: 6px;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
  background-color: rgba(68, 102, 242, 0.15);
}
.ace_scrollbar::-webkit-scrollbar-track,
.anchor::-webkit-scrollbar-track,
.bootstrap-select .inner.show::-webkit-scrollbar-track,
.chats-user::-webkit-scrollbar-track,
.contact-wrapper::-webkit-scrollbar-track,
.customer-table::-webkit-scrollbar-track,
.deal-table::-webkit-scrollbar-track,
.dt-scroll-body::-webkit-scrollbar-track,
.fc-scroller-liquid-absolute::-webkit-scrollbar-track,
.fc-scroller-liquid::-webkit-scrollbar-track,
.form-control[data-multiselectsplitter-firstselect-selector]::-webkit-scrollbar-track,
.form-control[data-multiselectsplitter-secondselect-selector]::-webkit-scrollbar-track,
.iti__country-list::-webkit-scrollbar-track,
.jsgrid-grid-body::-webkit-scrollbar-track,
.jsgrid-grid-header::-webkit-scrollbar-track,
.lead-table::-webkit-scrollbar-track,
.leave-request-table::-webkit-scrollbar-track,
.main-setting .nav-primary::-webkit-scrollbar-track,
.permission-form ul::-webkit-scrollbar-track,
.ql-editor .inner.show::-webkit-scrollbar-track,
.recent-items::-webkit-scrollbar-track,
.recent-order-scroll::-webkit-scrollbar-track,
.recent-table::-webkit-scrollbar-track,
.referral-visit::-webkit-scrollbar-track,
.select2-results__options::-webkit-scrollbar-track,
.tagify__dropdown__wrapper::-webkit-scrollbar-track,
.tt-dataset-countries::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #e9edf1;
}
.ace_scrollbar::-webkit-scrollbar,
.anchor::-webkit-scrollbar,
.bootstrap-select .inner.show::-webkit-scrollbar,
.chats-user::-webkit-scrollbar,
.contact-wrapper::-webkit-scrollbar,
.customer-table::-webkit-scrollbar,
.deal-table::-webkit-scrollbar,
.dt-scroll-body::-webkit-scrollbar,
.fc-scroller-liquid-absolute::-webkit-scrollbar,
.fc-scroller-liquid::-webkit-scrollbar,
.form-control[data-multiselectsplitter-firstselect-selector]::-webkit-scrollbar,
.form-control[data-multiselectsplitter-secondselect-selector]::-webkit-scrollbar,
.iti__country-list::-webkit-scrollbar,
.jsgrid-grid-body::-webkit-scrollbar,
.jsgrid-grid-header::-webkit-scrollbar,
.lead-table::-webkit-scrollbar,
.leave-request-table::-webkit-scrollbar,
.main-setting .nav-primary::-webkit-scrollbar,
.permission-form ul::-webkit-scrollbar,
.ql-editor .inner.show::-webkit-scrollbar,
.recent-items::-webkit-scrollbar,
.recent-order-scroll::-webkit-scrollbar,
.recent-table::-webkit-scrollbar,
.referral-visit::-webkit-scrollbar,
.select2-results__options::-webkit-scrollbar,
.tagify__dropdown__wrapper::-webkit-scrollbar,
.tt-dataset-countries::-webkit-scrollbar {
  height: 5px;
  width: 6px;
}
.ace_scrollbar::-webkit-scrollbar-thumb,
.anchor::-webkit-scrollbar-thumb,
.bootstrap-select .inner.show::-webkit-scrollbar-thumb,
.chats-user::-webkit-scrollbar-thumb,
.contact-wrapper::-webkit-scrollbar-thumb,
.customer-table::-webkit-scrollbar-thumb,
.deal-table::-webkit-scrollbar-thumb,
.dt-scroll-body::-webkit-scrollbar-thumb,
.fc-scroller-liquid-absolute::-webkit-scrollbar-thumb,
.fc-scroller-liquid::-webkit-scrollbar-thumb,
.form-control[data-multiselectsplitter-firstselect-selector]::-webkit-scrollbar-thumb,
.form-control[data-multiselectsplitter-secondselect-selector]::-webkit-scrollbar-thumb,
.iti__country-list::-webkit-scrollbar-thumb,
.jsgrid-grid-body::-webkit-scrollbar-thumb,
.jsgrid-grid-header::-webkit-scrollbar-thumb,
.lead-table::-webkit-scrollbar-thumb,
.leave-request-table::-webkit-scrollbar-thumb,
.main-setting .nav-primary::-webkit-scrollbar-thumb,
.permission-form ul::-webkit-scrollbar-thumb,
.ql-editor .inner.show::-webkit-scrollbar-thumb,
.recent-items::-webkit-scrollbar-thumb,
.recent-order-scroll::-webkit-scrollbar-thumb,
.recent-table::-webkit-scrollbar-thumb,
.referral-visit::-webkit-scrollbar-thumb,
.select2-results__options::-webkit-scrollbar-thumb,
.tagify__dropdown__wrapper::-webkit-scrollbar-thumb,
.tt-dataset-countries::-webkit-scrollbar-thumb {
  background-color: rgba(68, 102, 242, 0.15);
}
.line {
  color: #3f475a;
}
.line pre {
  font-size: 100%;
}
.theme-close {
  background-color: #fff !important;
  opacity: 1;
  position: absolute;
  right: 0;
  z-index: 1;
}
.options {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.options > div {
  border: 1px solid;
  color: #ccc;
  padding: 2px 10px;
}
.options > div:hover {
  background-color: #7366ff;
  color: #fff;
  transition: background-color 0.3s ease;
}
.modal-footer {
  flex-wrap: wrap;
}
.img-cropper .img-container {
  margin-bottom: 0;
  min-height: auto;
}
.img-cropper .docs-data > .input-group:last-child {
  margin-bottom: 0;
}
.img-cropper .docs-preview {
  margin-bottom: 10px;
  margin-top: 20px;
}
.dropzone .dz-preview .dz-error-message {
  background: #fff !important;
  border: 1px solid #7366ff;
  color: #7366ff !important;
}
.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,
    hsla(0, 0%, 51%, 0.1) 19.06%,
    hsla(0, 0%, 51%, 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: 0.6;
    top: 0;
  }
  to {
    opacity: 1;
  }
}
.code-box-copy {
  overflow: auto;
  width: 100%;
}
.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 {
  height: 10px;
  width: 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 {
  justify-content: space-between;
}
.common-f-start,
.common-space {
  align-items: center;
  display: flex;
}
.common-f-start {
  justify-content: flex-start;
}
.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow:before,
.bs-tooltip-top .tooltip-arrow:before {
  border-top-color: #e8e5ff;
}
.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow:before,
.bs-tooltip-end .tooltip-arrow:before {
  border-right-color: #e8e5ff;
}
.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow:before,
.bs-tooltip-bottom .tooltip-arrow:before {
  border-bottom-color: #e8e5ff;
}
.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow:before,
.bs-tooltip-start .tooltip-arrow:before {
  border-left-color: #e8e5ff;
}
.common-title {
  background-color: var(--white);
  border-radius: 10px;
  padding: 18px;
}
body {
  color: #404040;
  font-family: Rubik, sans-serif;
  font-size: 14px;
  overflow-x: hidden;
}
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 {
  list-style-type: none;
  margin-bottom: 0;
  padding-left: 0;
}
dl,
dl dd,
dl dt,
dl li,
ol,
ol dd,
ol dt,
ol li,
p,
p dd,
p dt,
p li,
ul,
ul dd,
ul dt,
ul li {
  color: #404040;
}
* a {
  color: var(--theme-default);
  letter-spacing: 1px;
  text-decoration: none;
}
.f-m-light {
  color: var(--f-lighter);
  margin: 0;
}
a {
  font-size: 0.875rem;
  text-decoration: none;
  transition: all 0.5s;
}
a,
a:hover {
  color: var(--theme-default);
}
a:hover {
  transition: all all 0.5s;
}
a:focus-visible {
  outline: none;
}
.btn {
  font-size: 14px;
}
.btn:focus {
  box-shadow: none !important;
}
button:focus {
  outline: none !important;
}
p {
  font-size: 14px;
  letter-spacing: 0.7px;
  line-height: 1.7;
}
code {
  border-radius: 2px;
  color: var(--theme-default) !important;
}
span {
  display: inline-block;
}
.d-flex {
  align-items: flex-start;
  display: flex;
}
.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,
:disabled {
  cursor: not-allowed;
  opacity: 0.8 !important;
  pointer-events: inherit !important;
}
svg {
  vertical-align: baseline;
}
input:focus {
  outline-color: transparent;
}
label {
  margin-bottom: 0.5rem;
}
.media-widgets .flex-grow-1 {
  margin-bottom: 30px;
}
.typography .h1,
.typography .h2,
.typography .h3,
.typography .h4,
.typography .h5,
.typography .h6,
.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6 {
  margin: 0 0 18px;
}
.typography .h1:last-child,
.typography .h2:last-child,
.typography .h3:last-child,
.typography .h4:last-child,
.typography .h5:last-child,
.typography .h6:last-child,
.typography h1:last-child,
.typography h2:last-child,
.typography h3:last-child,
.typography h4:last-child,
.typography h5:last-child,
.typography h6:last-child {
  margin-bottom: 0;
}
.typography small {
  color: #3f475a;
  padding-left: 10px;
}
pre {
  background-color: rgba(115, 102, 255, 0.03);
  padding: 20px 0;
}
.typography-list ul li ul {
  list-style-type: circle;
  padding-left: 32px;
}
[dir="rtl"] .typography-list ul li ul {
  padding-left: unset;
  padding-right: 32px;
}
.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.fullscreen .note-toolbar-wrapper {
  height: 0 !important;
}
.note-editor.note-frame {
  border-color: #f4f4f4;
}
.alert-theme.notify-alert button {
  color: var(--theme-default);
  right: 20px !important;
  top: 45px !important;
}
@media (max-width: 420px) {
  .alert-theme.notify-alert button {
    font-size: 20px;
    top: 40px !important;
  }
}
[dir="rtl"] .alert-theme.notify-alert button {
  left: 20px !important;
  right: unset !important;
}
.alert-theme.notify-alert span + span + span {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 14px -3px rgba(0, 0, 0, 0.2);
  color: var(--theme-default);
}
.alert-theme.notify-alert .close {
  color: var(--theme-default);
}
.alert-theme.notify-alert i {
  margin-right: 20px !important;
  padding: 20px;
  padding-right: 0 !important;
}
.alert-theme.notify-alert .progress {
  height: 2px;
  margin-top: -2px !important;
  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;
  flex-wrap: wrap;
  gap: 12px;
}
.common-align {
  align-items: center;
  display: flex;
  justify-content: 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;
}
.default-according .avatar-showcase {
  margin-bottom: 0;
}
.default-according .card {
  box-shadow: none;
  margin-bottom: 0;
}
.default-according .card + .card {
  margin-top: 10px;
}
.default-according .card .btn-link {
  color: #404040;
  font-weight: 500;
  text-decoration: none;
}
.default-according .card .btn-link:focus,
.default-according .card .btn-link:hover {
  text-decoration: none;
}
.default-according .card .card-header {
  border: 1px solid #e9edf1;
  padding: 0.75rem 1.25rem;
}
.default-according .card .card-header i {
  left: 18px;
  position: absolute;
  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 {
  text-align: left;
  width: 100%;
}
.default-according.style-1 button:before {
  font-size: 20px;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.4s;
}
@media (max-width: 575px) {
  .default-according.style-1 button:before {
    right: 15px;
  }
}
.default-according.style-1 button[aria-expanded="true"]:before {
  content: "\eb7a";
  font-family: IcoFont;
}
.default-according.style-1 button[aria-expanded="false"]:before {
  content: "\eb73";
  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 {
  background-image: unset;
  content: "";
}
.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:after,
.accordion-button:not(.collapsed):after {
  background-image: unset;
}
.accordion-button:focus {
  box-shadow: none;
}
.accordion-button:after {
  content: unset;
}
.accordion-button.accordion-light-primary:not(.collapsed) {
  background-color: rgba(115, 102, 255, 0.1);
}
.accordion-button.accordion-light-primary.active,
.accordion-button.accordion-light-primary:active {
  background-color: rgba(115, 102, 255, 0.1);
  color: #000;
}
.multi-collapse.show .collapse-wrapper.accordion-light-primary {
  background-color: rgba(115, 102, 255, 0.1) !important;
  color: var(--body-font-color);
}
.accordion-button.accordion-light-secondary:not(.collapsed) {
  background-color: hsla(0, 0%, 51%, 0.1);
}
.accordion-button.accordion-light-secondary.active,
.accordion-button.accordion-light-secondary:active {
  background-color: hsla(0, 0%, 51%, 0.1);
  color: #000;
}
.multi-collapse.show .collapse-wrapper.accordion-light-secondary {
  background-color: hsla(0, 0%, 51%, 0.1) !important;
  color: var(--body-font-color);
}
.accordion-button.accordion-light-success:not(.collapsed) {
  background-color: rgba(101, 193, 92, 0.1);
}
.accordion-button.accordion-light-success.active,
.accordion-button.accordion-light-success:active {
  background-color: rgba(101, 193, 92, 0.1);
  color: #000;
}
.multi-collapse.show .collapse-wrapper.accordion-light-success {
  background-color: rgba(101, 193, 92, 0.1) !important;
  color: var(--body-font-color);
}
.accordion-button.accordion-light-warning:not(.collapsed) {
  background-color: rgba(255, 184, 41, 0.1);
}
.accordion-button.accordion-light-warning.active,
.accordion-button.accordion-light-warning:active {
  background-color: rgba(255, 184, 41, 0.1);
  color: #000;
}
.multi-collapse.show .collapse-wrapper.accordion-light-warning {
  background-color: rgba(255, 184, 41, 0.1) !important;
  color: var(--body-font-color);
}
.accordion-button.accordion-light-info:not(.collapsed) {
  background-color: rgba(64, 184, 245, 0.1);
}
.accordion-button.accordion-light-info.active,
.accordion-button.accordion-light-info:active {
  background-color: rgba(64, 184, 245, 0.1);
  color: #000;
}
.multi-collapse.show .collapse-wrapper.accordion-light-info {
  background-color: rgba(64, 184, 245, 0.1) !important;
  color: var(--body-font-color);
}
.accordion-button.accordion-light-light:not(.collapsed) {
  background-color: hsla(0, 0%, 96%, 0.1);
}
.accordion-button.accordion-light-light.active,
.accordion-button.accordion-light-light:active {
  background-color: hsla(0, 0%, 96%, 0.1);
  color: #000;
}
.multi-collapse.show .collapse-wrapper.accordion-light-light {
  background-color: hsla(0, 0%, 96%, 0.1) !important;
  color: var(--body-font-color);
}
.accordion-button.accordion-light-danger:not(.collapsed) {
  background-color: rgba(252, 86, 74, 0.1);
}
.accordion-button.accordion-light-danger.active,
.accordion-button.accordion-light-danger:active {
  background-color: rgba(252, 86, 74, 0.1);
  color: #000;
}
.multi-collapse.show .collapse-wrapper.accordion-light-danger {
  background-color: rgba(252, 86, 74, 0.1) !important;
  color: var(--body-font-color);
}
.accordion-button.accordion-light-dark:not(.collapsed) {
  background-color: rgba(63, 71, 90, 0.1);
}
.accordion-button.accordion-light-dark.active,
.accordion-button.accordion-light-dark:active {
  background-color: rgba(63, 71, 90, 0.1);
  color: #000;
}
.multi-collapse.show .collapse-wrapper.accordion-light-dark {
  background-color: rgba(63, 71, 90, 0.1) !important;
  color: var(--body-font-color);
}
.accordion-item .accordion-button .svg-wrapper {
  height: 18px;
  width: 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;
}
.icons-accordion
  .accordion-item
  .accordion-button:not(.collapsed)
  svg:first-child {
  transform: unset;
}
.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);
}
.main-accordion .accordion .accordion-item .accordion-button {
  padding-right: 50px;
}
[dir="rtl"] .main-accordion .accordion .accordion-item .accordion-button {
  padding-left: 50px;
  padding-right: 20px;
}
.notify-alert .close {
  background: unset;
  border: none;
  color: #fff;
  font-size: 25px;
}
[dir="rtl"] .notify-alert .close {
  left: 10px !important;
  right: unset !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"] {
  line-height: 20px;
  margin-right: 10px;
  position: absolute;
}
.alert [data-notify="message"] {
  display: inline-block;
  width: 100%;
}
.alert i {
  font-size: 16px;
  margin-right: 5px;
}
.alert p {
  margin-bottom: 0;
}
.alert .close {
  opacity: 1;
}
.alert .close span {
  border-radius: 3px;
  display: inline-block;
  font-size: 24px;
  font-weight: 400;
  padding: 0 0 0 5px;
  text-shadow: none;
}
.alert-dismissible {
  padding-right: 2.5rem;
}
[dir="rtl"] .alert-dismissible {
  padding-left: 2.5rem;
  padding-right: 15px;
}
.alert-dismissible .btn-close {
  box-shadow: none;
}
@media (max-width: 767px) {
  .alert-dismissible .btn-close {
    font-size: 10px;
  }
}
.alert-dismissible .close {
  opacity: 0.5;
  padding: 10px 13px 10px 1.25rem;
  top: 4px;
  transition: all 0.3s ease;
}
.alert-dismissible .close:hover {
  color: inherit;
  opacity: 1;
  transition: all 0.3s ease;
}
.card-body button:focus {
  outline: none;
}
.card-body .alert:last-child {
  margin-bottom: 0;
}
.card-body .alert svg {
  height: 16px;
  margin-right: 4px;
  position: absolute;
  top: 18px;
  width: 16px;
}
.card-body .alert svg ~ p {
  padding-left: 20px;
}
strong,
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 {
  background-color: #6e61ff;
  border-radius: 0;
  height: 5px;
}
.alert-primary .progress-bar {
  background-color: #fff;
}
.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;
}
.alert-bg-primary {
  background-color: rgba(115, 102, 255, 0.1);
}
.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 {
  border: none;
  border-radius: 3px;
  outline: 1px solid #7366ff;
}
.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-lg .list-group-item.border-left-primary,
.list-group-horizontal-md .list-group-item.border-left-primary,
.list-group-horizontal-sm .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-lg .list-group-item.border-left-primary,
[dir="rtl"] .list-group-horizontal-md .list-group-item.border-left-primary,
[dir="rtl"] .list-group-horizontal-sm .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-left: unset;
  border-right: 4px solid #7366ff;
}
.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.active,
.list-group .form-check-input[type="checkbox"].checkbox-primary:active,
.list-group .form-check-input[type="checkbox"].checkbox-primary:checked,
.list-group .form-check-input[type="checkbox"].checkbox-primary:focus,
.list-group [type="radio"].checkbox-primary.active,
.list-group [type="radio"].checkbox-primary:active,
.list-group [type="radio"].checkbox-primary:checked,
.list-group [type="radio"].checkbox-primary:focus {
  background-color: #7366ff;
  border-color: #7366ff;
  outline: 0;
}
.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 .alert-link {
  background-color: #7366ff;
  border-color: #7366ff;
  color: #fff;
  color: #fafafa;
}
.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;
  border-color: #7366ff;
  color: #404040;
  padding: 13px 20px 13px 65px;
}
.list-group .alert-primary.inverse:before {
  border-bottom: 7px solid transparent;
  border-left: 7px solid #7366ff;
  border-top: 7px solid transparent;
  content: "";
  height: 0;
  left: 54px;
  position: absolute;
  top: 16px;
  width: 0;
}
@media (max-width: 576px) {
  .list-group .alert-primary.inverse:before {
    left: 45px;
  }
}
.list-group .alert-primary.inverse i {
  background-color: #7366ff;
  border-radius: 3px 0 0 3px;
  color: #fff;
  display: inline-block;
  height: 100%;
  left: 0;
  padding: 17px 20px;
  position: absolute;
  top: 0;
}
@media (max-width: 576px) {
  .list-group .alert-primary.inverse i {
    padding: 17px 14px;
  }
}
.alert-secondary {
  background-color: hsla(0, 0%, 51%, 0.8);
  border-color: hsla(0, 0%, 51%, 0.9);
  color: #fff;
}
.alert-secondary .progress {
  background-color: gray;
  border-radius: 0;
  height: 5px;
}
.alert-secondary .progress-bar {
  background-color: #fff;
}
.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;
}
.alert-bg-secondary {
  background-color: hsla(0, 0%, 51%, 0.1);
}
.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 {
  border: none;
  border-radius: 3px;
  outline: 1px solid #838383;
}
.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-lg .list-group-item.border-left-secondary,
.list-group-horizontal-md .list-group-item.border-left-secondary,
.list-group-horizontal-sm .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-lg .list-group-item.border-left-secondary,
[dir="rtl"] .list-group-horizontal-md .list-group-item.border-left-secondary,
[dir="rtl"] .list-group-horizontal-sm .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-left: unset;
  border-right: 4px solid #838383;
}
.main-radio-toggle .btn-check.radio-light-secondary:focus + .btn {
  box-shadow: 0 0 0 4px hsla(0, 0%, 51%, 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.active,
.list-group .form-check-input[type="checkbox"].checkbox-secondary:active,
.list-group .form-check-input[type="checkbox"].checkbox-secondary:checked,
.list-group .form-check-input[type="checkbox"].checkbox-secondary:focus,
.list-group [type="radio"].checkbox-secondary.active,
.list-group [type="radio"].checkbox-secondary:active,
.list-group [type="radio"].checkbox-secondary:checked,
.list-group [type="radio"].checkbox-secondary:focus {
  background-color: #838383;
  border-color: #838383;
  outline: 0;
}
.list-group .alert-secondary.light {
  background-color: hsla(0, 0%, 51%, 0.4);
  border-color: hsla(0, 0%, 51%, 0.7);
}
.list-group .alert-secondary.dark .alert-link {
  background-color: #838383;
  border-color: #838383;
  color: #fff;
  color: #fafafa;
}
.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;
  border-color: #838383;
  color: #404040;
  padding: 13px 20px 13px 65px;
}
.list-group .alert-secondary.inverse:before {
  border-bottom: 7px solid transparent;
  border-left: 7px solid #838383;
  border-top: 7px solid transparent;
  content: "";
  height: 0;
  left: 54px;
  position: absolute;
  top: 16px;
  width: 0;
}
@media (max-width: 576px) {
  .list-group .alert-secondary.inverse:before {
    left: 45px;
  }
}
.list-group .alert-secondary.inverse i {
  background-color: #838383;
  border-radius: 3px 0 0 3px;
  color: #fff;
  display: inline-block;
  height: 100%;
  left: 0;
  padding: 17px 20px;
  position: absolute;
  top: 0;
}
@media (max-width: 576px) {
  .list-group .alert-secondary.inverse i {
    padding: 17px 14px;
  }
}
.alert-success {
  background-color: rgba(101, 193, 92, 0.8);
  border-color: rgba(101, 193, 92, 0.9);
  color: #fff;
}
.alert-success .progress {
  background-color: #62c058;
  border-radius: 0;
  height: 5px;
}
.alert-success .progress-bar {
  background-color: #fff;
}
.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;
}
.alert-bg-success {
  background-color: rgba(101, 193, 92, 0.1);
}
.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 {
  border: none;
  border-radius: 3px;
  outline: 1px solid #65c15c;
}
.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-lg .list-group-item.border-left-success,
.list-group-horizontal-md .list-group-item.border-left-success,
.list-group-horizontal-sm .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-lg .list-group-item.border-left-success,
[dir="rtl"] .list-group-horizontal-md .list-group-item.border-left-success,
[dir="rtl"] .list-group-horizontal-sm .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-left: unset;
  border-right: 4px solid #65c15c;
}
.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.active,
.list-group .form-check-input[type="checkbox"].checkbox-success:active,
.list-group .form-check-input[type="checkbox"].checkbox-success:checked,
.list-group .form-check-input[type="checkbox"].checkbox-success:focus,
.list-group [type="radio"].checkbox-success.active,
.list-group [type="radio"].checkbox-success:active,
.list-group [type="radio"].checkbox-success:checked,
.list-group [type="radio"].checkbox-success:focus {
  background-color: #65c15c;
  border-color: #65c15c;
  outline: 0;
}
.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 .alert-link {
  background-color: #65c15c;
  border-color: #65c15c;
  color: #fff;
  color: #fafafa;
}
.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;
  border-color: #65c15c;
  color: #404040;
  padding: 13px 20px 13px 65px;
}
.list-group .alert-success.inverse:before {
  border-bottom: 7px solid transparent;
  border-left: 7px solid #65c15c;
  border-top: 7px solid transparent;
  content: "";
  height: 0;
  left: 54px;
  position: absolute;
  top: 16px;
  width: 0;
}
@media (max-width: 576px) {
  .list-group .alert-success.inverse:before {
    left: 45px;
  }
}
.list-group .alert-success.inverse i {
  background-color: #65c15c;
  border-radius: 3px 0 0 3px;
  color: #fff;
  display: inline-block;
  height: 100%;
  left: 0;
  padding: 17px 20px;
  position: absolute;
  top: 0;
}
@media (max-width: 576px) {
  .list-group .alert-success.inverse i {
    padding: 17px 14px;
  }
}
.alert-danger {
  background-color: rgba(252, 86, 74, 0.8);
  border-color: rgba(252, 86, 74, 0.9);
  color: #fff;
}
.alert-danger .progress {
  background-color: #fc5145;
  border-radius: 0;
  height: 5px;
}
.alert-danger .progress-bar {
  background-color: #fff;
}
.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;
}
.alert-bg-danger {
  background-color: rgba(252, 86, 74, 0.1);
}
.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 {
  border: none;
  border-radius: 3px;
  outline: 1px solid #fc564a;
}
.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-lg .list-group-item.border-left-danger,
.list-group-horizontal-md .list-group-item.border-left-danger,
.list-group-horizontal-sm .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-lg .list-group-item.border-left-danger,
[dir="rtl"] .list-group-horizontal-md .list-group-item.border-left-danger,
[dir="rtl"] .list-group-horizontal-sm .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-left: unset;
  border-right: 4px solid #fc564a;
}
.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.active,
.list-group .form-check-input[type="checkbox"].checkbox-danger:active,
.list-group .form-check-input[type="checkbox"].checkbox-danger:checked,
.list-group .form-check-input[type="checkbox"].checkbox-danger:focus,
.list-group [type="radio"].checkbox-danger.active,
.list-group [type="radio"].checkbox-danger:active,
.list-group [type="radio"].checkbox-danger:checked,
.list-group [type="radio"].checkbox-danger:focus {
  background-color: #fc564a;
  border-color: #fc564a;
  outline: 0;
}
.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 .alert-link {
  background-color: #fc564a;
  border-color: #fc564a;
  color: #fff;
  color: #fafafa;
}
.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;
  border-color: #fc564a;
  color: #404040;
  padding: 13px 20px 13px 65px;
}
.list-group .alert-danger.inverse:before {
  border-bottom: 7px solid transparent;
  border-left: 7px solid #fc564a;
  border-top: 7px solid transparent;
  content: "";
  height: 0;
  left: 54px;
  position: absolute;
  top: 16px;
  width: 0;
}
@media (max-width: 576px) {
  .list-group .alert-danger.inverse:before {
    left: 45px;
  }
}
.list-group .alert-danger.inverse i {
  background-color: #fc564a;
  border-radius: 3px 0 0 3px;
  color: #fff;
  display: inline-block;
  height: 100%;
  left: 0;
  padding: 17px 20px;
  position: absolute;
  top: 0;
}
@media (max-width: 576px) {
  .list-group .alert-danger.inverse i {
    padding: 17px 14px;
  }
}
.alert-warning {
  background-color: rgba(255, 184, 41, 0.8);
  border-color: rgba(255, 184, 41, 0.9);
  color: #fff;
}
.alert-warning .progress {
  background-color: #ffb624;
  border-radius: 0;
  height: 5px;
}
.alert-warning .progress-bar {
  background-color: #fff;
}
.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;
}
.alert-bg-warning {
  background-color: rgba(255, 184, 41, 0.1);
}
.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 {
  border: none;
  border-radius: 3px;
  outline: 1px solid #ffb829;
}
.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-lg .list-group-item.border-left-warning,
.list-group-horizontal-md .list-group-item.border-left-warning,
.list-group-horizontal-sm .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-lg .list-group-item.border-left-warning,
[dir="rtl"] .list-group-horizontal-md .list-group-item.border-left-warning,
[dir="rtl"] .list-group-horizontal-sm .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-left: unset;
  border-right: 4px solid #ffb829;
}
.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.active,
.list-group .form-check-input[type="checkbox"].checkbox-warning:active,
.list-group .form-check-input[type="checkbox"].checkbox-warning:checked,
.list-group .form-check-input[type="checkbox"].checkbox-warning:focus,
.list-group [type="radio"].checkbox-warning.active,
.list-group [type="radio"].checkbox-warning:active,
.list-group [type="radio"].checkbox-warning:checked,
.list-group [type="radio"].checkbox-warning:focus {
  background-color: #ffb829;
  border-color: #ffb829;
  outline: 0;
}
.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 .alert-link {
  background-color: #ffb829;
  border-color: #ffb829;
  color: #fff;
  color: #fafafa;
}
.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;
  border-color: #ffb829;
  color: #404040;
  padding: 13px 20px 13px 65px;
}
.list-group .alert-warning.inverse:before {
  border-bottom: 7px solid transparent;
  border-left: 7px solid #ffb829;
  border-top: 7px solid transparent;
  content: "";
  height: 0;
  left: 54px;
  position: absolute;
  top: 16px;
  width: 0;
}
@media (max-width: 576px) {
  .list-group .alert-warning.inverse:before {
    left: 45px;
  }
}
.list-group .alert-warning.inverse i {
  background-color: #ffb829;
  border-radius: 3px 0 0 3px;
  color: #fff;
  display: inline-block;
  height: 100%;
  left: 0;
  padding: 17px 20px;
  position: absolute;
  top: 0;
}
@media (max-width: 576px) {
  .list-group .alert-warning.inverse i {
    padding: 17px 14px;
  }
}
.alert-info {
  background-color: rgba(64, 184, 245, 0.8);
  border-color: rgba(64, 184, 245, 0.9);
  color: #fff;
}
.alert-info .progress {
  background-color: #3bb6f5;
  border-radius: 0;
  height: 5px;
}
.alert-info .progress-bar {
  background-color: #fff;
}
.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;
}
.alert-bg-info {
  background-color: rgba(64, 184, 245, 0.1);
}
.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 {
  border: none;
  border-radius: 3px;
  outline: 1px solid #40b8f5;
}
.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-lg .list-group-item.border-left-info,
.list-group-horizontal-md .list-group-item.border-left-info,
.list-group-horizontal-sm .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-lg .list-group-item.border-left-info,
[dir="rtl"] .list-group-horizontal-md .list-group-item.border-left-info,
[dir="rtl"] .list-group-horizontal-sm .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-left: unset;
  border-right: 4px solid #40b8f5;
}
.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.active,
.list-group .form-check-input[type="checkbox"].checkbox-info:active,
.list-group .form-check-input[type="checkbox"].checkbox-info:checked,
.list-group .form-check-input[type="checkbox"].checkbox-info:focus,
.list-group [type="radio"].checkbox-info.active,
.list-group [type="radio"].checkbox-info:active,
.list-group [type="radio"].checkbox-info:checked,
.list-group [type="radio"].checkbox-info:focus {
  background-color: #40b8f5;
  border-color: #40b8f5;
  outline: 0;
}
.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 .alert-link {
  background-color: #40b8f5;
  border-color: #40b8f5;
  color: #fff;
  color: #fafafa;
}
.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;
  border-color: #40b8f5;
  color: #404040;
  padding: 13px 20px 13px 65px;
}
.list-group .alert-info.inverse:before {
  border-bottom: 7px solid transparent;
  border-left: 7px solid #40b8f5;
  border-top: 7px solid transparent;
  content: "";
  height: 0;
  left: 54px;
  position: absolute;
  top: 16px;
  width: 0;
}
@media (max-width: 576px) {
  .list-group .alert-info.inverse:before {
    left: 45px;
  }
}
.list-group .alert-info.inverse i {
  background-color: #40b8f5;
  border-radius: 3px 0 0 3px;
  color: #fff;
  display: inline-block;
  height: 100%;
  left: 0;
  padding: 17px 20px;
  position: absolute;
  top: 0;
}
@media (max-width: 576px) {
  .list-group .alert-info.inverse i {
    padding: 17px 14px;
  }
}
.alert-light {
  background-color: hsla(0, 0%, 96%, 0.8);
  border-color: hsla(0, 0%, 96%, 0.9);
  color: #fff;
}
.alert-light .progress {
  background-color: #f1f1f1;
  border-radius: 0;
  height: 5px;
}
.alert-light .progress-bar {
  background-color: #fff;
}
.alert-light .btn-close {
  filter: brightness(1) invert(1);
}
.alert-light .alert-link {
  color: #f4f4f4;
  color: #3f475a;
}
.alert-light {
  background-color: #f4f4f4;
  color: #3f475a;
}
.alert-light .btn-close {
  filter: unset;
}
.alert-light hr {
  border-top-color: #f4f4f4;
}
.border-light {
  border-color: #f4f4f4 !important;
}
.alert-bg-light {
  background-color: hsla(0, 0%, 96%, 0.1);
}
.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 {
  border: none;
  border-radius: 3px;
  outline: 1px solid #f4f4f4;
}
.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-lg .list-group-item.border-left-light,
.list-group-horizontal-md .list-group-item.border-left-light,
.list-group-horizontal-sm .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-lg .list-group-item.border-left-light,
[dir="rtl"] .list-group-horizontal-md .list-group-item.border-left-light,
[dir="rtl"] .list-group-horizontal-sm .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-left: unset;
  border-right: 4px solid #f4f4f4;
}
.main-radio-toggle .btn-check.radio-light-light:focus + .btn {
  box-shadow: 0 0 0 4px hsla(0, 0%, 96%, 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.active,
.list-group .form-check-input[type="checkbox"].checkbox-light:active,
.list-group .form-check-input[type="checkbox"].checkbox-light:checked,
.list-group .form-check-input[type="checkbox"].checkbox-light:focus,
.list-group [type="radio"].checkbox-light.active,
.list-group [type="radio"].checkbox-light:active,
.list-group [type="radio"].checkbox-light:checked,
.list-group [type="radio"].checkbox-light:focus {
  background-color: #f4f4f4;
  border-color: #f4f4f4;
  outline: 0;
}
.list-group .alert-light.light {
  background-color: hsla(0, 0%, 96%, 0.4);
  border-color: hsla(0, 0%, 96%, 0.7);
}
.list-group .alert-light.dark {
  color: #3f475a;
}
.list-group .alert-light.dark .alert-link {
  background-color: #f4f4f4;
  border-color: #f4f4f4;
  color: #fff;
  color: #fafafa;
  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;
  border-color: #f4f4f4;
  color: #404040;
  padding: 13px 20px 13px 65px;
}
.list-group .alert-light.inverse:before {
  border-bottom: 7px solid transparent;
  border-left: 7px solid #f4f4f4;
  border-top: 7px solid transparent;
  content: "";
  height: 0;
  left: 54px;
  position: absolute;
  top: 16px;
  width: 0;
}
@media (max-width: 576px) {
  .list-group .alert-light.inverse:before {
    left: 45px;
  }
}
.list-group .alert-light.inverse i {
  background-color: #f4f4f4;
  border-radius: 3px 0 0 3px;
  color: #fff;
  display: inline-block;
  height: 100%;
  left: 0;
  padding: 17px 20px;
  position: absolute;
  top: 0;
}
@media (max-width: 576px) {
  .list-group .alert-light.inverse i {
    padding: 17px 14px;
  }
}
.alert-dark {
  background-color: rgba(63, 71, 90, 0.8);
  border-color: rgba(63, 71, 90, 0.9);
  color: #fff;
}
.alert-dark .progress {
  background-color: #3d4557;
  border-radius: 0;
  height: 5px;
}
.alert-dark .progress-bar {
  background-color: #c3c8d5;
}
.alert-dark .alert-link {
  color: #3f475a;
}
.alert-dark hr {
  border-top-color: #3f475a;
}
.border-dark {
  border-color: #3f475a !important;
}
.alert-bg-dark {
  background-color: rgba(63, 71, 90, 0.1);
}
.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 {
  border: none;
  border-radius: 3px;
  outline: 1px solid #3f475a;
}
.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;
}
.form-switch .form-check-input:focus {
  box-shadow: unset;
}
.payment-second .mega-icons.stroke-dark {
  stroke: #3f475a;
}
.toast-dark {
  color: #3f475a !important;
}
.list-group-horizontal-lg .list-group-item.border-left-dark,
.list-group-horizontal-md .list-group-item.border-left-dark,
.list-group-horizontal-sm .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-lg .list-group-item.border-left-dark,
[dir="rtl"] .list-group-horizontal-md .list-group-item.border-left-dark,
[dir="rtl"] .list-group-horizontal-sm .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-left: unset;
  border-right: 4px solid #3f475a;
}
.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.active,
.list-group .form-check-input[type="checkbox"].checkbox-dark:active,
.list-group .form-check-input[type="checkbox"].checkbox-dark:checked,
.list-group .form-check-input[type="checkbox"].checkbox-dark:focus,
.list-group [type="radio"].checkbox-dark.active,
.list-group [type="radio"].checkbox-dark:active,
.list-group [type="radio"].checkbox-dark:checked,
.list-group [type="radio"].checkbox-dark:focus {
  background-color: #3f475a;
  border-color: #3f475a;
  outline: 0;
}
.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 .alert-link {
  background-color: #3f475a;
  border-color: #3f475a;
  color: #fff;
  color: #fafafa;
}
.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;
  border-color: #3f475a;
  color: #404040;
  padding: 13px 20px 13px 65px;
}
.list-group .alert-dark.inverse:before {
  border-bottom: 7px solid transparent;
  border-left: 7px solid #3f475a;
  border-top: 7px solid transparent;
  content: "";
  height: 0;
  left: 54px;
  position: absolute;
  top: 16px;
  width: 0;
}
@media (max-width: 576px) {
  .list-group .alert-dark.inverse:before {
    left: 45px;
  }
}
.list-group .alert-dark.inverse i {
  background-color: #3f475a;
  border-radius: 3px 0 0 3px;
  color: #fff;
  display: inline-block;
  height: 100%;
  left: 0;
  padding: 17px 20px;
  position: absolute;
  top: 0;
}
@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: 0 10.511241px 12.4089927673px 0 #e8e5ff;
}
.alert-light-secondary {
  background-color: #f2f2f2;
}
.shadow-secondary {
  box-shadow: 0 10.511241px 12.4089927673px 0 #f2f2f2;
}
.alert-light-success {
  background-color: #dcf1da;
}
.shadow-success {
  box-shadow: 0 10.511241px 12.4089927673px 0 #dcf1da;
}
.alert-light-warning {
  background-color: #fff7e5;
}
.shadow-warning {
  box-shadow: 0 10.511241px 12.4089927673px 0 #fff7e5;
}
.alert-light-info {
  background-color: #d5f5fe;
}
.shadow-info {
  box-shadow: 0 10.511241px 12.4089927673px 0 #d5f5fe;
}
.alert-light-light {
  background-color: #f9f9fb;
}
.shadow-light {
  box-shadow: 0 10.511241px 12.4089927673px 0 #f9f9fb;
}
.alert-light-danger {
  background-color: #ffe8e6;
}
.shadow-danger {
  box-shadow: 0 10.511241px 12.4089927673px 0 #ffe8e6;
}
.alert-light-dark {
  background-color: #eaebf2;
}
.shadow-dark {
  box-shadow: 0 10.511241px 12.4089927673px 0 #eaebf2;
}
.alert-arrow {
  align-items: center;
  display: flex;
  height: 55px;
  justify-content: center;
  min-width: 55px;
  position: relative;
}
.alert-arrow i {
  margin-right: 0;
}
@media (max-width: 576px) {
  .ellipsis.content {
    max-width: 294px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media (max-width: 575px) {
  .ellipsis.content {
    max-width: 180px;
  }
}
.alert-dismissible {
  align-items: center;
  display: flex;
  gap: 8px;
}
.alert.notify-alert.alert-copy {
  background-color: var(--theme-default);
  border: 1px solid var(--theme-default);
  color: #fff;
  display: flex !important;
  line-height: 1;
  width: 300px;
}
@media (max-width: 550px) {
  .alert.notify-alert.alert-copy {
    width: 285px;
  }
}
.alerts-icon .alert > div {
  align-items: center;
  background-color: var(--white);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  margin-right: 10px;
  min-height: 30px;
  min-width: 30px;
}
.alerts-icon .alert svg {
  height: 18px;
  margin: 0;
  position: relative;
  top: 0;
  width: 18px;
}
.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 {
  height: 100px;
  margin-bottom: 20px;
  position: relative;
  width: 100px;
}
.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:focus,
.alert-box .alert-body .button-box button.light-background:hover {
  background-color: var(--light-bg) !important;
  border-color: transparent;
}
.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 {
  border-radius: 100%;
  bottom: 12%;
  height: 12%;
  position: absolute;
  right: 4%;
  width: 12%;
}
.avatars.badge-avatar .avatar .badge {
  align-items: center;
  display: flex;
  height: 20px;
  justify-content: center;
  padding: 0;
  width: 20px;
}
.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 .avatar-group,
.avatar-showcase .avatars .avatar {
  margin-bottom: 10px;
}
.avatar-showcase .ratio > * {
  left: unset;
  position: relative;
  top: unset;
}
.letter-avatar {
  flex-wrap: wrap;
  gap: 24px;
}
.letter-avatar,
.letter-avatar h6 {
  align-items: center;
  display: flex;
  justify-content: center;
}
.letter-avatar h6 {
  border-radius: 50%;
  height: 60px;
  width: 60px;
}
.animation-ping {
  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}
@keyframes ping {
  75%,
  to {
    opacity: 0;
    transform: scale(2);
  }
}
.badge-spacing {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.badge-spacing .badge {
  font-size: 12px;
  padding: 6px 12px;
}
.badge-spacing .badge.badge svg {
  padding-top: 0;
}
.badge-spacing .badge.rounded-circle {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 10px 14px;
}
.badge-spacing .badge.badge-p-space {
  padding: 10px 13px;
}
.badge-spacing .badge + .badge {
  margin-left: 0;
}
a.badge:hover {
  color: inherit;
}
a.badge:hover.badge-dark:hover {
  color: #fff;
}
.badge {
  font-family: Roboto, sans-serif;
  font-weight: 500;
  line-height: 1.1;
  padding: 0.25em 0.5em;
}
.badge + .badge {
  margin-left: 5px;
}
.badge svg {
  height: 16px;
  padding-top: 3px;
  width: 16px;
}
.b-ln-height {
  line-height: 5px;
}
.pill-badge-primary {
  border-radius: 0;
  box-shadow: -0.5px 4.33px 16px 0 rgba(var(--theme-default), 0.25);
  color: #fff;
}
.pill-badge-secondary {
  background-color: #838383;
  border-radius: 0;
  box-shadow: -0.5px 4.33px 16px 0 hsla(0, 0%, 51%, 0.25);
  color: #fff;
}
.pill-badge-success {
  background-color: #65c15c;
  border-radius: 0;
  box-shadow: -0.5px 4.33px 16px 0 rgba(101, 193, 92, 0.25);
  color: #fff;
}
.pill-badge-danger {
  background-color: #fc564a;
  border-radius: 0;
  box-shadow: -0.5px 4.33px 16px 0 rgba(252, 86, 74, 0.25);
  color: #fff;
}
.pill-badge-info {
  background-color: #40b8f5;
  border-radius: 0;
  box-shadow: -0.5px 4.33px 16px 0 rgba(64, 184, 245, 0.25);
  color: #fff;
}
.pill-badge-light {
  background-color: #f4f4f4;
  border-radius: 0;
  box-shadow: -0.5px 4.33px 16px 0 hsla(0, 0%, 96%, 0.25);
  color: #fff;
}
.pill-badge-dark {
  background-color: #3f475a;
  border-radius: 0;
  box-shadow: -0.5px 4.33px 16px 0 rgba(63, 71, 90, 0.25);
  color: #fff;
}
.pill-badge-warning {
  background-color: #ffb829;
  border-radius: 0;
  box-shadow: -0.5px 4.33px 16px 0 rgba(255, 184, 41, 0.25);
  color: #fff;
}
.pill-badge-primary {
  background-color: var(--theme-default);
}
.pill-badge-secondary {
  background-color: var(--theme-secondary);
}
.round-badge-primary {
  border-radius: 6px;
  box-shadow: -0.5px -6.67px 14px 0 rgba(var(--theme-default), 0.18);
  color: #fff !important;
}
.round-badge-secondary {
  background-color: #838383;
  border-radius: 6px;
  box-shadow: -0.5px -6.67px 14px 0 hsla(0, 0%, 51%, 0.18);
  color: #fff !important;
}
.round-badge-success {
  background-color: #65c15c;
  border-radius: 6px;
  box-shadow: -0.5px -6.67px 14px 0 rgba(101, 193, 92, 0.18);
  color: #fff !important;
}
.round-badge-danger {
  background-color: #fc564a;
  box-shadow: -0.5px -6.67px 14px 0 rgba(252, 86, 74, 0.18);
}
.round-badge-danger,
.round-badge-info {
  border-radius: 6px;
  color: #fff !important;
}
.round-badge-info {
  background-color: #40b8f5;
  box-shadow: -0.5px -6.67px 14px 0 rgba(64, 184, 245, 0.18);
}
.round-badge-light {
  background-color: #f4f4f4;
  box-shadow: -0.5px -6.67px 14px 0 hsla(0, 0%, 96%, 0.18);
}
.round-badge-dark,
.round-badge-light {
  border-radius: 6px;
  color: #fff !important;
}
.round-badge-dark {
  background-color: #3f475a;
  box-shadow: -0.5px -6.67px 14px 0 rgba(63, 71, 90, 0.18);
}
.round-badge-warning {
  background-color: #ffb829;
  border-radius: 6px;
  box-shadow: -0.5px -6.67px 14px 0 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 {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
  justify-content: flex-start;
}
.badge-flex .badge-square {
  height: 35px;
  padding: 0;
  width: 35px;
}
.badge-flex .badge-p-5 {
  padding: 5px;
}
.image-badges span img {
  height: 24px;
}
.image-badges span.vr {
  height: auto;
  min-height: 12px;
}
.image-badges span a svg {
  vertical-align: middle;
}
.bookmark ul li {
  display: inline-block;
}
.bookmark ul li .search-form {
  bottom: 53px;
  position: absolute;
  z-index: 1;
}
.bookmark ul li .search-form .form-control-search {
  opacity: 0;
  position: absolute;
  right: -20px;
  top: 65px;
  transform: translateY(-35px) scaleY(0);
  transition: all 0.3s linear;
  visibility: hidden;
}
.bookmark ul li .search-form .form-control-search input {
  background-color: #fff;
  box-shadow: 0 5px 21px rgba(0, 0, 0, 0.1);
  width: 240px;
}
.bookmark ul li .search-form .form-control-search.open {
  opacity: 1;
  transform: translateY(0) scaleY(1);
  transition: all 0.3s linear;
  visibility: visible;
  z-index: 100;
}
.bookmark ul li .search-form .form-control-search:after {
  left: 20px;
  top: 12px;
  z-index: 1;
}
.bookmark ul li .search-form .form-control-search:before {
  left: 50px;
  top: 9px;
  z-index: 2;
}
.bookmark ul li a {
  color: #404040;
  position: relative;
}
.bookmark ul li a svg {
  height: 20px;
  vertical-align: middle;
  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 {
  color: hsla(0, 0%, 100%, 0.5);
  z-index: 99999;
}
.offcanvas-bookmark:before {
  background-color: rgba(0, 0, 0, 0.5);
  content: "";
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  width: 100%;
  z-index: 1;
}
body.modal-open .select2-container--open {
  display: block;
  width: unset !important;
}
body.modal-open .select2-container--open .select2-dropdown {
  z-index: 1076;
}
.breadcrumb-colored {
  border-radius: 4px;
  padding: 12px 16px;
}
.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 {
  color: var(--theme-default);
  font-weight: 500;
  text-transform: capitalize;
}
.breadcrumb-space .breadcrumb-item:before {
  padding-right: 0;
}
.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;
}
.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%
  );
  transition: 0.5s;
}
.purchase-btn:hover {
  background: linear-gradient(
    90deg,
    #563ee0 -18.33%,
    var(--theme-default) 62.78%
  );
  transition: 0.5s;
}
@media (max-width: 575px) {
  .purchase-btn {
    font-size: 14px;
  }
}
.btn-light:not([disabled]):not(.disabled).active.active {
  background-color: #efefef !important;
  color: #404040;
}
.btn-primary-gradien {
  background-image: linear-gradient(90deg, #4e3dff 0, #988fff 51%, #4e3dff);
  background-size: auto 200%;
  border: none;
  color: #fff;
  transition: all 0.3s ease;
}
.btn-primary-gradien.active,
.btn-primary-gradien:active,
.btn-primary-gradien:focus {
  background-image: linear-gradient(
    90deg,
    #988fff,
    0,
    #4e3dff,
    100%,
    #fff
  ) !important;
  background-position: 100%;
  transition: 1.5s;
}
.btn-secondary-gradien {
  background-image: linear-gradient(90deg, #979797 0, #6f6f6f 51%, #979797);
  background-size: auto 200%;
  border: none;
  color: #fff;
  transition: all 0.3s ease;
}
.btn-secondary-gradien.active,
.btn-secondary-gradien.hover,
.btn-secondary-gradien:active,
.btn-secondary-gradien:focus,
.btn-secondary-gradien:hover {
  background-image: linear-gradient(
    90deg,
    #979797,
    0,
    #6f6f6f,
    100%,
    #fff
  ) !important;
  background-position: 100%;
  transition: 1.5s;
}
.btn-success-gradien {
  background-image: linear-gradient(90deg, #81cc7a 0, #4db143 51%, #81cc7a);
  background-size: auto 200%;
  border: none;
  color: #fff;
  transition: all 0.3s ease;
}
.btn-success-gradien.active,
.btn-success-gradien.hover,
.btn-success-gradien:active,
.btn-success-gradien:focus,
.btn-success-gradien:hover {
  background-image: linear-gradient(
    90deg,
    #81cc7a,
    0,
    #4db143,
    100%,
    #fff
  ) !important;
  background-position: 100%;
  transition: 1.5s;
}
.btn-danger-gradien {
  background-image: linear-gradient(90deg, #fd7b72 0, #fb3122 51%, #fd7b72);
  background-size: auto 200%;
  border: none;
  color: #fff;
  transition: all 0.3s ease;
}
.btn-danger-gradien.active,
.btn-danger-gradien.hover,
.btn-danger-gradien:active,
.btn-danger-gradien:focus,
.btn-danger-gradien:hover {
  background-image: linear-gradient(
    90deg,
    #fd7b72,
    0,
    #fb3122,
    100%,
    #fff
  ) !important;
  background-position: 100%;
  transition: 1.5s;
}
.btn-warning-gradien {
  background-image: linear-gradient(90deg, #ffc652 0, #fa0 51%, #ffc652);
  background-size: auto 200%;
  border: none;
  color: #fff;
  transition: all 0.3s ease;
}
.btn-warning-gradien.active,
.btn-warning-gradien.hover,
.btn-warning-gradien:active,
.btn-warning-gradien:focus,
.btn-warning-gradien:hover {
  background-image: linear-gradient(
    90deg,
    #ffc652,
    0,
    #fa0,
    100%,
    #fff
  ) !important;
  background-position: 100%;
  transition: 1.5s;
}
.btn-info-gradien {
  background-image: linear-gradient(90deg, #67c6f7 0, #19aaf3 51%, #67c6f7);
  background-size: auto 200%;
  border: none;
  color: #fff;
  transition: all 0.3s ease;
}
.btn-info-gradien.active,
.btn-info-gradien.hover,
.btn-info-gradien:active,
.btn-info-gradien:focus,
.btn-info-gradien:hover {
  background-image: linear-gradient(
    90deg,
    #67c6f7,
    0,
    #19aaf3,
    100%,
    #fff
  ) !important;
  background-position: 100%;
  transition: 1.5s;
}
.btn-light-gradien {
  background-image: linear-gradient(90deg, #fff 0, #e0e0e0 51%, #fff);
  background-size: auto 200%;
  border: none;
  color: #fff;
  transition: all 0.3s ease;
}
.btn-light-gradien.active,
.btn-light-gradien.hover,
.btn-light-gradien:active,
.btn-light-gradien:focus,
.btn-light-gradien:hover {
  background-image: linear-gradient(
    90deg,
    #fff,
    0,
    #e0e0e0,
    100%,
    #fff
  ) !important;
  background-position: 100%;
  transition: 1.5s;
}
.btn-dark-gradien {
  background-image: linear-gradient(90deg, #505a72 0, #2e3442 51%, #505a72);
  background-size: auto 200%;
  border: none;
  color: #fff;
  transition: all 0.3s ease;
}
.btn-dark-gradien.active,
.btn-dark-gradien.hover,
.btn-dark-gradien:active,
.btn-dark-gradien:focus,
.btn-dark-gradien:hover {
  background-image: linear-gradient(
    90deg,
    #505a72,
    0,
    #2e3442,
    100%,
    #fff
  ) !important;
  background-position: 100%;
  transition: 1.5s;
}
.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 {
  font-size: 11px;
  line-height: 1.4;
  padding: 0.05rem 0.4rem;
}
.large-btn {
  margin-bottom: -20px;
}
.large-btn .btn {
  margin-bottom: 15px;
  margin-right: 5px;
}
.btn-outline-white {
  border: 1px solid #fff;
  color: #fff;
}
.btn-outline-white:focus,
.btn-outline-white:hover {
  background: #fff;
  color: var(--theme-default);
}
.button-light-primary,
.button-light-primary:hover {
  background-color: #e8e5ff;
}
.button-light-secondary,
.button-light-secondary:hover {
  background-color: #f2f2f2;
}
.button-light-success,
.button-light-success:hover {
  background-color: #dcf1da;
}
.button-light-warning,
.button-light-warning:hover {
  background-color: #fff7e5;
}
.button-light-info,
.button-light-info:hover {
  background-color: #d5f5fe;
}
.button-light-light,
.button-light-light:hover {
  background-color: #f9f9fb;
}
.button-light-danger,
.button-light-danger:hover {
  background-color: #ffe8e6;
}
.button-light-dark,
.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:active,
.btn-air-primary:hover,
.btn-air-primary:not([disabled]):not(.disabled):active {
  background-color: #43f;
  border-color: #43f;
}
.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:active,
.btn-air-secondary:hover,
.btn-air-secondary:not([disabled]):not(.disabled):active {
  background-color: #6a6a6a;
  border-color: #6a6a6a;
}
.input-air-secondary {
  box-shadow: 0 3px 5px 1px hsla(0, 0%, 51%, 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:active,
.btn-air-success:hover,
.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:active,
.btn-air-danger:hover,
.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:active,
.btn-air-info:hover,
.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:active,
.btn-air-light:hover,
.btn-air-light:not([disabled]):not(.disabled):active {
  background-color: #dbdbdb;
  border-color: #dbdbdb;
}
.input-air-light {
  box-shadow: 0 3px 5px 1px hsla(0, 0%, 96%, 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:active,
.btn-air-dark:hover,
.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:active,
.btn-air-warning:hover,
.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,
.btn-warning.disabled,
.btn-warning:hover {
  color: #fff;
}
[class*="-gradien"]:hover {
  background-size: 50% 100%;
  color: #fff;
  transition: all 0.3s ease;
}
.btn-square {
  border-radius: 0;
}
.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,
.btn-group-square .btn:last-child {
  border-radius: 0 0 0 0;
}
.btn-showcase {
  margin-bottom: -10px;
}
.btn-showcase .btn {
  margin-bottom: 10px;
  margin-right: 10px;
}
.btn-dropdown-showcase {
  margin-bottom: -10px;
}
.btn-dropdown-showcase .btn-group,
.btn-dropdown-showcase .dropdown {
  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 {
  background-color: #555;
  border-radius: 6px;
  bottom: 125%;
  color: #fff;
  left: 50%;
  margin-left: -60px;
  opacity: 1;
  padding: 5px 0;
  position: absolute;
  text-align: center;
  transition: opacity 0.3s;
  visibility: visible;
  width: 120px;
  z-index: 1;
}
.tooltiptext:after {
  border: 5px solid transparent;
  border-top-color: #555;
  content: "";
  left: 50%;
  margin-left: -5px;
  position: absolute;
  top: 100%;
}
.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 {
  background-color: var(--theme-default);
  color: #fff;
}
.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);
  border-color: var(--theme-default);
  color: #fff;
}
.visual-button .btn,
.visual-button button {
  height: 45px;
  padding: 0;
  width: 45px;
}
.visual-button .btn svg,
.visual-button button svg {
  height: 18px;
  vertical-align: middle;
  width: 18px;
}
.visual-button .btn.btn-pill,
.visual-button button.btn-pill {
  border: unset;
  border-radius: 50%;
  height: 45px;
  width: 45px;
}
@media (max-width: 1200px) {
  .visual-button .btn,
  .visual-button .btn.btn-pill,
  .visual-button button,
  .visual-button button.btn-pill {
    height: 40px;
    width: 40px;
  }
}
.visual-button.visual-button1 .btn,
.visual-button.visual-button1 .btn-pill {
  align-items: center;
  display: flex;
  gap: 8px;
  height: auto;
  justify-content: center;
  padding: 6px 28px;
  width: auto;
}
.visual-button.visual-button1 .btn-pill {
  border-radius: 60px;
}
.button-wrapper {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.button-wrapper .btn-group .btn {
  vertical-align: middle;
}
.button-wrapper .btn-group .btn svg {
  height: 18px;
  width: 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;
  }
}
.button-wrapper .btn-group.select-checkbox label:nth-child(4) {
  border-left: 0;
}
[dir="rtl"] .button-wrapper .btn-group.select-checkbox label:nth-child(4) {
  border-left: unset;
  border-right: 0;
}
@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:active,
.card-wrapper .btn-option .btn:focus {
  box-shadow: unset;
  color: var(--body-font-color);
}
@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;
}
[dir="rtl"] .loader-buttons button i {
  margin-left: unset;
  margin-right: 8px;
}
.ripple-button {
  overflow: hidden;
  position: relative;
  transform-origin: center center;
}
.ripple-button:active,
.ripple-button:focus {
  box-shadow: none;
  outline: 0;
}
.ripple-button .ripple-span {
  animation: ripple 0.7s linear;
  background-color: hsla(0, 0%, 100%, 0.7);
  border-radius: 50%;
  height: 20px;
  position: absolute;
  transform: scale(0);
  width: 20px;
}
@keyframes ripple {
  0% {
    opacity: 0.4;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(30);
  }
}
.mix-hover-btn .btn {
  position: relative;
}
.mix-hover-btn .btn.btn-border-pop:before {
  border: 2px solid var(--theme-default);
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: top, left, right, bottom, 0.1s ease-in-out;
  z-index: -1;
}
.mix-hover-btn .btn.btn-border-pop:focus:before,
.mix-hover-btn .btn.btn-border-pop:hover:before {
  border-radius: 10px;
  inset: -5px;
}
.mix-hover-btn .btn.btn-bg-slide:before {
  background-color: var(--theme-default);
  border-radius: 6px;
  content: "";
  inset: 0;
  position: absolute;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease-in-out;
  z-index: -1;
}
.mix-hover-btn .btn.btn-bg-slide:focus,
.mix-hover-btn .btn.btn-bg-slide:hover {
  color: #fff;
  transition: color 0.3s ease-in-out;
  z-index: 1;
}
.mix-hover-btn .btn.btn-bg-slide:focus:before,
.mix-hover-btn .btn.btn-bg-slide:hover:before {
  transform: scaleX(1);
}
.mix-hover-btn .btn.btn-border-bottom:before {
  background-color: var(--theme-default);
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  transform: scaleX(0);
  transition: transform 0.3s ease-in-out;
}
.mix-hover-btn .btn.btn-border-bottom:focus:before,
.mix-hover-btn .btn.btn-border-bottom:hover:before {
  transform: scaleX(1);
}
.button--winona {
  background-color: transparent;
  border: 2px solid #7366ff;
  color: var(--body-font-color);
  overflow: hidden;
  padding: 0;
  position: relative;
  transition: border-color 0.3s, background-color 0.3s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--winona:after {
  color: #7366ff;
  content: attr(data-text);
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: translate3d(0, 25%, 0);
  width: 100%;
}
.button--winona > span {
  display: block;
}
.button--winona:after,
.button--winona > span {
  padding: 6px 28px;
  transition: transform 0.3s, opacity 0.3s;
  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;
  transform: translateZ(0);
}
.button--winona:hover > span {
  opacity: 0;
  transform: translate3d(0, -25%, 0);
}
.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 {
  border: 1px solid var(--chart-dashed-border);
  margin-bottom: 12px;
  padding: 12px;
  position: relative;
}
.block-main-wrapper .block-wrapper p {
  margin: 0;
}
.card-img-top1,
.card-img-top2 {
  border-radius: 0;
  height: 100px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: bottom;
  object-position: bottom;
  width: 100%;
}
.form-main-wrapper .form-block-wrapper {
  margin-bottom: 12px;
  position: relative;
}
.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 {
  background-color: hsla(0, 0%, 100%, 0.8);
  height: 100%;
  left: 0;
  opacity: 0.4;
  position: relative;
  top: 0;
  width: 100%;
  z-index: 2;
}
.page-loader-10:before {
  color: #343a40;
  content: attr(data-text);
  max-width: 125px;
  text-align: center;
  transform: translate(-50%, -50%);
}
.page-loader-10:after,
.page-loader-10:before {
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
}
.page-loader-10:after {
  animation: load 0.85s linear infinite;
  border-color: transparent var(--recent-dashed-border)
    var(--recent-dashed-border) var(--recent-dashed-border);
  border-radius: 50%;
  border-style: solid;
  border-width: 2px;
  content: "";
  height: 35px;
  width: 35px;
}
@keyframes load {
  0% {
    transform: translate3d(-50%, -50%, 0) rotate(0deg);
  }
  to {
    transform: translate3d(-50%, -50%, 0) rotate(1turn);
  }
}
.page-loader-12 {
  animation: content-loading 2s linear;
  background-color: hsla(0, 0%, 100%, 0.8);
  left: 0;
  position: relative;
  top: 0;
}
.page-loader-12:before {
  background-color: var(--theme-secondary);
  border-radius: 25px 0 25px 0;
  color: var(--body-font-color);
  content: "Loading...";
  display: block;
  font-size: 20px;
  left: 50%;
  max-width: 125px;
  padding: 18px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
@keyframes content-loading {
  to {
    opacity: 0;
  }
}
.card {
  border: none;
  border-radius: 15px;
  box-shadow: 0 9px 20px rgba(46, 35, 94, 0.07);
  letter-spacing: 0.5px;
  margin-bottom: 20px;
}
.card,
.card:hover {
  transition: all 0.3s ease;
}
.card:hover {
  box-shadow: 0 0 40px rgba(8, 21, 66, 0.05);
}
.card .card-header {
  background-color: #fff;
  border-bottom: 1px solid #e9edf1;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  padding: 20px;
  position: relative;
}
.card .card-header.card-no-border {
  border-bottom: none !important;
}
.card .card-header h5:not(.m-0),
.card .card-header h5:not(.mb-0) {
  margin-bottom: 0;
  text-transform: capitalize;
}
.card .card-header > span {
  color: #75758a;
  display: block;
  font-size: 12px;
  letter-spacing: 1px;
  margin-top: 5px;
}
.card .card-header .card-header-right {
  background-color: var(--white);
  border-radius: 0 0 0 7px;
  display: inline-block;
  float: right;
  padding: 8px 0;
  position: absolute;
  right: 20px;
  top: 14px;
  z-index: 1;
}
.card .card-header .card-header-right .card-option {
  height: 20px;
  overflow: hidden;
  text-align: right;
  transition: 0.3s ease-in-out;
  width: 35px;
}
.card .card-header .card-header-right .card-option li {
  display: inline-block;
}
.card .card-header .card-header-right .card-option li:first-child i {
  color: var(--theme-default);
  font-size: 16px;
  transition: 1s;
}
.card .card-header .card-header-right .card-option li:first-child i.icofont {
  color: unset;
}
.card .card-header .card-header-right i {
  color: #3f475a;
  cursor: pointer;
  line-height: 20px;
  margin: 0 5px;
}
.card .card-header .card-header-right i.icofont-refresh {
  font-size: 13px;
}
.card .card-body {
  background-color: transparent;
  padding: 20px;
}
.card .card-body p:last-child {
  margin-bottom: 0;
}
.card .sub-title {
  font-size: calc(14.4px + 0.1875vw);
  padding-bottom: 12px;
}
.card .card-footer {
  background-color: #fff;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  border-top: 1px solid #e9edf1;
  padding: 20px;
}
.card.card-load .card-loader {
  align-items: center;
  background-color: hsla(0, 0%, 100%, 0.7);
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 8;
}
.card.card-load .card-loader i {
  color: var(--theme-default);
  font-size: 20px;
  margin: 0 auto;
}
.card.full-card {
  border: 1px solid #efefef;
  border-radius: 0;
  box-shadow: none;
  height: 100vh;
  position: fixed;
  right: 0;
  top: 0;
  width: calc(100vw - 12px);
  z-index: 99999;
}
.card.full-card .card-body {
  overflow: auto;
}
.page-body-wrapper .card .sub-title {
  color: #75758a;
  font-family: Rubik, sans-serif;
  font-weight: 500;
}
.card-absolute {
  margin-top: 20px;
}
.card-absolute .card-header {
  border-radius: 0.25rem;
  left: 15px;
  padding: 10px 15px;
  position: absolute;
  top: -20px;
}
.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 {
  background-color: #fff;
  height: 110px;
  padding: 7px;
  position: relative;
  z-index: 1;
}
.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 {
  color: #bcc6de;
  font-size: 16px;
  margin-right: 15px;
  padding: 0;
  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 {
  color: #75758a;
  font-size: 14px;
  margin-bottom: 30px;
  margin-top: 10px;
}
.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 {
  font-size: 24px;
  margin-bottom: 0;
}
.custom-card .card-footer > div h6 {
  color: #75758a;
  font-size: 14px;
}
.custom-card .card-footer > div h5 {
  font-size: 16px;
  margin-bottom: 0;
}
.custom-card .card-footer > div i {
  display: inline-block;
  font-size: 24px;
  margin-bottom: 15px;
}
.custom-card .card-footer > div .m-b-card {
  margin-bottom: 10px;
}
.social-profile {
  background-image: url(images/profile-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
}
.social-profile .card-body {
  padding-inline: 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 {
  -moz-column-count: 3;
  column-count: 3;
  -moz-column-gap: 30px;
  column-gap: 30px;
  margin-top: 25px;
}
@media (max-width: 1399px) {
  .social-details .social-follow {
    -moz-column-gap: 23px;
    column-gap: 23px;
  }
}
.social-details .social-follow li {
  position: relative;
}
.social-details .social-follow li + li:before {
  background-color: var(--recent-dashed-border);
  content: "";
  height: 14px;
  left: -15px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
}
[dir="rtl"] .social-details .social-follow li + li:before {
  left: unset;
  right: -15px;
}
.social-details .card-social {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: center;
  margin-top: 15px;
}
.social-img-wrap {
  background: linear-gradient(
    253deg,
    var(--theme-default) 11.51%,
    rgba(115, 102, 255, 0) 82.07%
  );
  border-radius: 100%;
  display: inline-block;
  padding: 2px;
  position: relative;
}
[dir="rtl"] .social-img-wrap {
  background: linear-gradient(
    -253deg,
    var(--theme-default) 11.51%,
    rgba(115, 102, 255, 0) 82.07%
  );
}
.social-img-wrap .edit-icon {
  bottom: 0;
  position: absolute;
  right: 0;
}
.social-img-wrap .edit-icon svg {
  background: var(--white);
  border: 2px solid var(--white);
  border-radius: 100%;
  height: 20px;
  width: 20px;
}
.social-img {
  background: var(--white);
  border-radius: 100%;
  padding: 5px;
}
.social-img img {
  border-radius: 100%;
  height: 68px;
}
.effective-card .effect-card {
  background-color: var(--light-background);
  border-radius: 4px;
  display: block;
  overflow: hidden;
  padding: 18px;
  position: relative;
  text-decoration: none;
  z-index: 0;
}
.effective-card .effect-card .common-box1 {
  gap: 8px;
  justify-content: flex-start;
  margin-bottom: 8px;
}
.effective-card .effect-card .common-box1 svg {
  color: #455a64;
  min-height: 16px;
  min-width: 16px;
}
.effective-card .effect-card h5 {
  color: var(--body-font-color);
}
.effective-card .effect-card p {
  color: #75758a;
}
.effective-card .effect-card:hover h5,
.effective-card .effect-card:hover p {
  color: #fff;
  transition: all 0.3s ease-out;
}
.effective-card .effect-card:hover svg {
  color: #fff;
}
@media (max-width: 1399px) {
  .effective-card .effect-card:hover:before {
    height: 82px;
    width: 82px;
  }
}
.effective-card .effect-card .go-corner {
  align-items: center;
  background-color: var(--theme-default);
  border-radius: 0 4px 0 32px;
  cursor: pointer;
  display: flex;
  height: 36px;
  justify-content: center;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  width: 36px;
}
@media (max-width: 1788px) and (min-width: 576px) {
  .effective-card .effect-card .go-corner {
    height: 28px;
    width: 28px;
  }
}
[dir="rtl"] .effective-card .effect-card .go-corner {
  border-radius: 4px 0 32px 0;
  left: 0;
  right: unset;
}
.effective-card .effect-card .go-corner .go-arrow {
  color: var(--white);
  margin-right: -4px;
  margin-top: -4px;
}
[dir="rtl"] .effective-card .effect-card .go-corner .go-arrow {
  margin-left: -4px;
  margin-right: unset;
}
.effective-card .effect-card .go-corner .go-arrow i {
  font-size: 14px;
  transform: rotate(140deg);
}
.effective-card .effect-card:before {
  background: var(--theme-default);
  border-radius: 32px;
  content: "";
  height: 40px;
  position: absolute;
  right: -14px;
  top: -16px;
  transform: scale(1);
  transform-origin: 60% 50%;
  transition: transform 0.25s ease-out;
  width: 40px;
  z-index: -1;
}
@media (max-width: 1788px) and (min-width: 576px) {
  .effective-card .effect-card:before {
    height: 28px;
    width: 28px;
  }
}
[dir="rtl"] .effective-card .effect-card:before {
  left: -14px;
  right: unset;
  transform-origin: 40% 50%;
}
.effective-card .effect-card:hover:before {
  transform: scale(17);
}
.effective-card .common-hover .card-header.border-3 {
  border-bottom-width: 1px !important;
}
.creative-wrapper {
  align-items: flex-end;
  background: #fff;
  border-radius: 15px;
  box-shadow: 0 7px 10px rgba(0, 0, 0, 0.5);
  display: flex;
  padding: 18px;
  position: relative;
  transition: 0.4s ease-out;
}
@media (max-width: 1399px) and (min-width: 1200px) {
  .creative-wrapper {
    padding: 4px;
  }
}
.creative-wrapper img {
  border-radius: 12px;
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}
[dir="rtl"] .creative-wrapper img {
  left: unset;
  right: 0;
}
.creative-wrapper:hover .creative-info {
  opacity: 1;
  transform: translateY(0);
}
.creative-wrapper:hover .creative-info:before {
  opacity: 1;
}
.creative-wrapper .creative-info {
  opacity: 1;
  transform: translateY(0);
}
.creative-wrapper .creative-info:before {
  background: rgba(63, 71, 90, 0.2);
  border-radius: 15px;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: 0.5s;
  width: 100%;
  z-index: 2;
}
[dir="rtl"] .creative-wrapper .creative-info:before {
  left: unset;
  right: 0;
}
.creative-wrapper .creative-info {
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  opacity: 0;
  padding: 16px;
  position: relative;
  transform: translateY(30px);
  transition: 0.5s;
  width: 100%;
  z-index: 3;
}
.creative-wrapper h5,
.creative-wrapper p {
  color: #fff;
}
.creative-wrapper h5 {
  margin-bottom: 8px;
}
.overlay-card {
  background: url(images/6.jpg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  height: 136px;
  inset: 0;
  position: relative;
}
@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 {
  background: rgba(77, 77, 77, 0.9);
  color: var(--white);
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 2fr 2fr 1fr;
  height: 100%;
  opacity: 0;
  transition: all 0.5s;
  width: 100%;
}
.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 {
  border: none;
  border-bottom: 2px ridge;
  bottom: 0;
  display: block;
  left: 20px;
  position: absolute;
  transition: all 0.5s;
  width: 0;
}
[dir="rtl"] .overlay-card .overlay .overlay-box.overlay-heading hr {
  left: unset;
  right: 20px;
}
.overlay-card .overlay .overlay-box.overlay-subtitle {
  font-weight: 700;
  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(0);
}
.overlay-card:hover .overlay .overlay-heading hr {
  transition-delay: 0.4s;
  width: 75px;
}
.overlay-card:hover .overlay .overlay-subtitle {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.3s;
}
.common-hover {
  transition: 0.5s;
}
.common-hover:hover {
  transform: translateY(-5px);
  transition: 0.5s;
}
.basic-dark-card .card-header {
  border-bottom: 1px solid #1d1e26 !important;
}
.basic-dark-card .card-header p {
  color: hsla(0, 0%, 100%, 0.7);
}
.basic-dark-card .card-footer {
  border-top: 1px solid #1d1e26 !important;
}
.api-manage .heading-space .card-header .header-top,
.candidate-wrapper .heading-space .card-header .header-top,
.common-cart .heading-space .card-header .header-top,
.common-order-history .heading-space .card-header .header-top,
.customer-order-wrapper .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,
.dashboard-12 .heading-space .card-header .header-top,
.dashboard-13 .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,
.datatable-init .heading-space .card-header .header-top,
.default-dashboard .heading-space .card-header .header-top,
.e-category .heading-space .card-header .header-top,
.list-product-view .heading-space .card-header .header-top,
.main-scope-project .heading-space .card-header .header-top,
.main-tasks .heading-space .card-header .header-top,
.manage-review-wrapper .heading-space .card-header .header-top,
.product-report-wrapper .heading-space .card-header .header-top,
.project-status .heading-space .card-header .header-top,
.role-permission-wrapper .heading-space .card-header .header-top,
.sale-report-wrapper .heading-space .card-header .header-top,
.sale-return-wrapper .heading-space .card-header .header-top,
.seller-details-wrapper .heading-space .card-header .header-top,
.subscribed-user .heading-space .card-header .header-top,
.user-list-wrapper .heading-space .card-header .header-top {
  margin-left: 74px;
}
.api-manage div.dt-container .dt-layout-row thead,
.candidate-wrapper div.dt-container .dt-layout-row thead,
.common-cart div.dt-container .dt-layout-row thead,
.common-order-history div.dt-container .dt-layout-row thead,
.customer-order-wrapper 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,
.dashboard-12 div.dt-container .dt-layout-row thead,
.dashboard-13 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,
.datatable-init div.dt-container .dt-layout-row thead,
.default-dashboard 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,
.main-scope-project div.dt-container .dt-layout-row thead,
.main-tasks div.dt-container .dt-layout-row thead,
.manage-review-wrapper div.dt-container .dt-layout-row thead,
.product-report-wrapper div.dt-container .dt-layout-row thead,
.project-status div.dt-container .dt-layout-row thead,
.role-permission-wrapper div.dt-container .dt-layout-row thead,
.sale-report-wrapper div.dt-container .dt-layout-row thead,
.sale-return-wrapper div.dt-container .dt-layout-row thead,
.seller-details-wrapper div.dt-container .dt-layout-row thead,
.subscribed-user div.dt-container .dt-layout-row thead,
.user-list-wrapper div.dt-container .dt-layout-row thead {
  background: var(--light2);
}
.api-manage div.dt-container .dt-layout-row thead th,
.candidate-wrapper div.dt-container .dt-layout-row thead th,
.common-cart div.dt-container .dt-layout-row thead th,
.common-order-history div.dt-container .dt-layout-row thead th,
.customer-order-wrapper 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,
.dashboard-12 div.dt-container .dt-layout-row thead th,
.dashboard-13 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,
.datatable-init div.dt-container .dt-layout-row thead th,
.default-dashboard 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,
.main-scope-project div.dt-container .dt-layout-row thead th,
.main-tasks div.dt-container .dt-layout-row thead th,
.manage-review-wrapper div.dt-container .dt-layout-row thead th,
.product-report-wrapper div.dt-container .dt-layout-row thead th,
.project-status div.dt-container .dt-layout-row thead th,
.role-permission-wrapper div.dt-container .dt-layout-row thead th,
.sale-report-wrapper div.dt-container .dt-layout-row thead th,
.sale-return-wrapper div.dt-container .dt-layout-row thead th,
.seller-details-wrapper div.dt-container .dt-layout-row thead th,
.subscribed-user div.dt-container .dt-layout-row thead th,
.user-list-wrapper div.dt-container .dt-layout-row thead th {
  color: #52526c;
  font-size: 14px;
  font-weight: 500;
}
.api-manage div.dt-container .dt-layout-row .dt-length,
.candidate-wrapper div.dt-container .dt-layout-row .dt-length,
.common-cart div.dt-container .dt-layout-row .dt-length,
.common-order-history div.dt-container .dt-layout-row .dt-length,
.customer-order-wrapper 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,
.dashboard-12 div.dt-container .dt-layout-row .dt-length,
.dashboard-13 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,
.datatable-init div.dt-container .dt-layout-row .dt-length,
.default-dashboard 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,
.main-scope-project div.dt-container .dt-layout-row .dt-length,
.main-tasks div.dt-container .dt-layout-row .dt-length,
.manage-review-wrapper div.dt-container .dt-layout-row .dt-length,
.product-report-wrapper div.dt-container .dt-layout-row .dt-length,
.project-status div.dt-container .dt-layout-row .dt-length,
.role-permission-wrapper div.dt-container .dt-layout-row .dt-length,
.sale-report-wrapper div.dt-container .dt-layout-row .dt-length,
.sale-return-wrapper div.dt-container .dt-layout-row .dt-length,
.seller-details-wrapper div.dt-container .dt-layout-row .dt-length,
.subscribed-user div.dt-container .dt-layout-row .dt-length,
.user-list-wrapper div.dt-container .dt-layout-row .dt-length {
  left: 20px;
  position: absolute;
  top: 20px;
}
.api-manage div.dt-container .dt-layout-row .dt-length .dt-input,
.candidate-wrapper div.dt-container .dt-layout-row .dt-length .dt-input,
.common-cart div.dt-container .dt-layout-row .dt-length .dt-input,
.common-order-history div.dt-container .dt-layout-row .dt-length .dt-input,
.customer-order-wrapper 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,
.dashboard-12 div.dt-container .dt-layout-row .dt-length .dt-input,
.dashboard-13 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,
.datatable-init div.dt-container .dt-layout-row .dt-length .dt-input,
.default-dashboard 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,
.main-scope-project div.dt-container .dt-layout-row .dt-length .dt-input,
.main-tasks div.dt-container .dt-layout-row .dt-length .dt-input,
.manage-review-wrapper div.dt-container .dt-layout-row .dt-length .dt-input,
.product-report-wrapper div.dt-container .dt-layout-row .dt-length .dt-input,
.project-status div.dt-container .dt-layout-row .dt-length .dt-input,
.role-permission-wrapper div.dt-container .dt-layout-row .dt-length .dt-input,
.sale-report-wrapper div.dt-container .dt-layout-row .dt-length .dt-input,
.sale-return-wrapper div.dt-container .dt-layout-row .dt-length .dt-input,
.seller-details-wrapper div.dt-container .dt-layout-row .dt-length .dt-input,
.subscribed-user div.dt-container .dt-layout-row .dt-length .dt-input,
.user-list-wrapper div.dt-container .dt-layout-row .dt-length .dt-input {
  background-color: #f8f8f8;
  border-color: var(--recent-dashed-border);
  border-radius: 4px;
  padding: 4px 6px;
}
.api-manage div.dt-container .dt-layout-row .dt-length label,
.candidate-wrapper div.dt-container .dt-layout-row .dt-length label,
.common-cart div.dt-container .dt-layout-row .dt-length label,
.common-order-history div.dt-container .dt-layout-row .dt-length label,
.customer-order-wrapper 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,
.dashboard-12 div.dt-container .dt-layout-row .dt-length label,
.dashboard-13 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,
.datatable-init div.dt-container .dt-layout-row .dt-length label,
.default-dashboard 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,
.main-scope-project div.dt-container .dt-layout-row .dt-length label,
.main-tasks div.dt-container .dt-layout-row .dt-length label,
.manage-review-wrapper div.dt-container .dt-layout-row .dt-length label,
.product-report-wrapper div.dt-container .dt-layout-row .dt-length label,
.project-status div.dt-container .dt-layout-row .dt-length label,
.role-permission-wrapper div.dt-container .dt-layout-row .dt-length label,
.sale-report-wrapper div.dt-container .dt-layout-row .dt-length label,
.sale-return-wrapper div.dt-container .dt-layout-row .dt-length label,
.seller-details-wrapper div.dt-container .dt-layout-row .dt-length label,
.subscribed-user div.dt-container .dt-layout-row .dt-length label,
.user-list-wrapper div.dt-container .dt-layout-row .dt-length label {
  display: none;
}
.api-manage
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc,
.api-manage
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc,
.api-manage
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc,
.api-manage
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc,
.candidate-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc,
.candidate-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc,
.candidate-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc,
.candidate-wrapper
  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,
.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,
.customer-order-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc,
.customer-order-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc,
.customer-order-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc,
.customer-order-wrapper
  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,
.dashboard-12
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc,
.dashboard-12
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc,
.dashboard-12
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc,
.dashboard-12
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc,
.dashboard-13
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc,
.dashboard-13
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc,
.dashboard-13
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc,
.dashboard-13
  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,
.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,
.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,
.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,
.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,
.main-tasks
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc,
.main-tasks
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc,
.main-tasks
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc,
.main-tasks
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc,
.manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc,
.manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc,
.manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc,
.manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc,
.product-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc,
.product-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc,
.product-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc,
.product-report-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,
.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,
.sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc,
.sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc,
.sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc,
.sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc,
.sale-return-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc,
.sale-return-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc,
.sale-return-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc,
.sale-return-wrapper
  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,
.subscribed-user
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc,
.subscribed-user
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc,
.subscribed-user
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc,
.subscribed-user
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc,
.user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc,
.user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc,
.user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc,
.user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc {
  padding-right: 20px;
}
.api-manage
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
.api-manage
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
.api-manage
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
.api-manage
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order,
.candidate-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
.candidate-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
.candidate-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
.candidate-wrapper
  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,
.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,
.customer-order-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
.customer-order-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
.customer-order-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
.customer-order-wrapper
  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,
.dashboard-12
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
.dashboard-12
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
.dashboard-12
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
.dashboard-12
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order,
.dashboard-13
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
.dashboard-13
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
.dashboard-13
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
.dashboard-13
  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,
.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,
.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,
.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,
.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,
.main-tasks
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
.main-tasks
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
.main-tasks
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
.main-tasks
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order,
.manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
.manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
.manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
.manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order,
.product-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
.product-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
.product-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
.product-report-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,
.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,
.sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
.sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
.sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
.sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order,
.sale-return-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
.sale-return-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
.sale-return-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
.sale-return-wrapper
  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,
.subscribed-user
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
.subscribed-user
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
.subscribed-user
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
.subscribed-user
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order,
.user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
.user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
.user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
.user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order {
  right: 5px;
}
.api-manage
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc,
.api-manage
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc,
.api-manage
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc,
.api-manage
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc,
.candidate-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc,
.candidate-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc,
.candidate-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc,
.candidate-wrapper
  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,
.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,
.customer-order-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc,
.customer-order-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc,
.customer-order-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc,
.customer-order-wrapper
  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,
.dashboard-12
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc,
.dashboard-12
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc,
.dashboard-12
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc,
.dashboard-12
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc,
.dashboard-13
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc,
.dashboard-13
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc,
.dashboard-13
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc,
.dashboard-13
  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,
.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,
.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,
.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,
.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,
.main-tasks
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc,
.main-tasks
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc,
.main-tasks
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc,
.main-tasks
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc,
.manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc,
.manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc,
.manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc,
.manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc,
.product-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc,
.product-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc,
.product-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc,
.product-report-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,
.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,
.sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc,
.sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc,
.sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc,
.sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc,
.sale-return-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc,
.sale-return-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc,
.sale-return-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc,
.sale-return-wrapper
  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,
.subscribed-user
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc,
.subscribed-user
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc,
.subscribed-user
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc,
.subscribed-user
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc,
.user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc,
.user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc,
.user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc,
.user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc {
  padding-right: 28px;
  position: relative;
}
.api-manage
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
.api-manage
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
.api-manage
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
.api-manage
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order,
.candidate-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
.candidate-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
.candidate-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
.candidate-wrapper
  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,
.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,
.customer-order-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
.customer-order-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
.customer-order-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
.customer-order-wrapper
  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,
.dashboard-12
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
.dashboard-12
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
.dashboard-12
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
.dashboard-12
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order,
.dashboard-13
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
.dashboard-13
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
.dashboard-13
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
.dashboard-13
  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,
.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,
.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,
.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,
.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,
.main-tasks
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
.main-tasks
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
.main-tasks
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
.main-tasks
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order,
.manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
.manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
.manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
.manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order,
.product-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
.product-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
.product-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
.product-report-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,
.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,
.sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
.sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
.sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
.sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order,
.sale-return-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
.sale-return-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
.sale-return-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
.sale-return-wrapper
  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,
.subscribed-user
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
.subscribed-user
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
.subscribed-user
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
.subscribed-user
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order,
.user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
.user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
.user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
.user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order {
  bottom: 0;
  position: absolute;
  right: 12px;
  top: 0;
  width: 12px;
}
.api-manage
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:after,
.api-manage
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:before,
.api-manage
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:after,
.api-manage
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:before,
.api-manage
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:after,
.api-manage
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:before,
.api-manage
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:after,
.api-manage
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:before,
.candidate-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:after,
.candidate-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:before,
.candidate-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:after,
.candidate-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:before,
.candidate-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:after,
.candidate-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:before,
.candidate-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:after,
.candidate-wrapper
  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-orderable-asc
  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-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: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-asc
  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,
.common-cart
  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-orderable-asc
  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-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: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-asc
  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,
.common-order-history
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:before,
.customer-order-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:after,
.customer-order-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:before,
.customer-order-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:after,
.customer-order-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:before,
.customer-order-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:after,
.customer-order-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:before,
.customer-order-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:after,
.customer-order-wrapper
  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-orderable-asc
  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-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: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-asc
  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-09
  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-orderable-asc
  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-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: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-asc
  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-10
  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-orderable-asc
  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-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: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-asc
  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,
.dashboard-11
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:before,
.dashboard-12
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:after,
.dashboard-12
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:before,
.dashboard-12
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:after,
.dashboard-12
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:before,
.dashboard-12
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:after,
.dashboard-12
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:before,
.dashboard-12
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:after,
.dashboard-12
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:before,
.dashboard-13
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:after,
.dashboard-13
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:before,
.dashboard-13
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:after,
.dashboard-13
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:before,
.dashboard-13
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:after,
.dashboard-13
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:before,
.dashboard-13
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:after,
.dashboard-13
  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-orderable-asc
  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-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: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-asc
  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-2
  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-orderable-asc
  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-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: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-asc
  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-3
  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-orderable-asc
  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-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: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-asc
  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-4
  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-orderable-asc
  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-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: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-asc
  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-5
  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-orderable-asc
  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-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: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-asc
  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-6
  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-orderable-asc
  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-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: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-asc
  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-7
  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-orderable-asc
  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-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: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-asc
  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,
.datatable-init
  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-orderable-asc
  span.dt-column-order:after,
.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-desc
  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-ordering-asc
  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-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: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-asc
  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-orderable-desc
  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-asc
  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,
.e-category
  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-orderable-asc
  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-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: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-asc
  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,
.list-product-view
  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-orderable-asc
  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-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: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-asc
  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,
.main-scope-project
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:before,
.main-tasks
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:after,
.main-tasks
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:before,
.main-tasks
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:after,
.main-tasks
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:before,
.main-tasks
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:after,
.main-tasks
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:before,
.main-tasks
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:after,
.main-tasks
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:before,
.manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:after,
.manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:before,
.manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:after,
.manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:before,
.manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:after,
.manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:before,
.manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:after,
.manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:before,
.product-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:after,
.product-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:before,
.product-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:after,
.product-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:before,
.product-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:after,
.product-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:before,
.product-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:after,
.product-report-wrapper
  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-orderable-asc
  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-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: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-asc
  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,
.project-status
  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-orderable-asc
  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-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: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-asc
  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,
.role-permission-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:before,
.sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:after,
.sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:before,
.sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:after,
.sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:before,
.sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:after,
.sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:before,
.sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:after,
.sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:before,
.sale-return-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:after,
.sale-return-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:before,
.sale-return-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:after,
.sale-return-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:before,
.sale-return-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:after,
.sale-return-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:before,
.sale-return-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:after,
.sale-return-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-orderable-asc
  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-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: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-asc
  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,
.seller-details-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:before,
.subscribed-user
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:after,
.subscribed-user
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:before,
.subscribed-user
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:after,
.subscribed-user
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:before,
.subscribed-user
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:after,
.subscribed-user
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:before,
.subscribed-user
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:after,
.subscribed-user
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:before,
.user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:after,
.user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:before,
.user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:after,
.user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:before,
.user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:after,
.user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:before,
.user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:after,
.user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:before {
  font-size: 0.8em;
  left: 0;
  line-height: 9px;
  opacity: 0.125;
}
.api-manage
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:before,
.api-manage
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:before,
.candidate-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:before,
.candidate-wrapper
  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,
.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,
.customer-order-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:before,
.customer-order-wrapper
  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,
.dashboard-12
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:before,
.dashboard-12
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:before,
.dashboard-13
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:before,
.dashboard-13
  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,
.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,
.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,
.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,
.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,
.main-tasks
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:before,
.main-tasks
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:before,
.manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:before,
.manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:before,
.product-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:before,
.product-report-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,
.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,
.sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:before,
.sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:before,
.sale-return-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:before,
.sale-return-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-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,
.subscribed-user
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:before,
.subscribed-user
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:before,
.user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:before,
.user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:before {
  bottom: 50%;
  content: "▲";
  content: "▲"/"";
  display: block;
  position: absolute;
}
.api-manage
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:after,
.api-manage
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:after,
.candidate-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:after,
.candidate-wrapper
  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,
.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,
.customer-order-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:after,
.customer-order-wrapper
  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,
.dashboard-12
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:after,
.dashboard-12
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:after,
.dashboard-13
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:after,
.dashboard-13
  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,
.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,
.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,
.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,
.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,
.main-tasks
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:after,
.main-tasks
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:after,
.manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:after,
.manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:after,
.product-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:after,
.product-report-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,
.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,
.sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:after,
.sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:after,
.sale-return-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:after,
.sale-return-wrapper
  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,
.subscribed-user
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:after,
.subscribed-user
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:after,
.user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:after,
.user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:after {
  content: "▼";
  content: "▼"/"";
  display: block;
  position: absolute;
  top: 50%;
}
.api-manage
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.sorting_asc_disabled
  span.dt-column-order:after,
.api-manage
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.sorting_asc_disabled
  span.dt-column-order:before,
.api-manage
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.sorting_desc_disabled
  span.dt-column-order:after,
.api-manage
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.sorting_desc_disabled
  span.dt-column-order:before,
.candidate-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.sorting_asc_disabled
  span.dt-column-order:after,
.candidate-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.sorting_asc_disabled
  span.dt-column-order:before,
.candidate-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.sorting_desc_disabled
  span.dt-column-order:after,
.candidate-wrapper
  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,
.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-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,
.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,
.customer-order-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.sorting_asc_disabled
  span.dt-column-order:after,
.customer-order-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.sorting_asc_disabled
  span.dt-column-order:before,
.customer-order-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.sorting_desc_disabled
  span.dt-column-order:after,
.customer-order-wrapper
  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-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-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-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-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,
.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-12
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.sorting_asc_disabled
  span.dt-column-order:after,
.dashboard-12
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.sorting_asc_disabled
  span.dt-column-order:before,
.dashboard-12
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.sorting_desc_disabled
  span.dt-column-order:after,
.dashboard-12
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.sorting_desc_disabled
  span.dt-column-order:before,
.dashboard-13
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.sorting_asc_disabled
  span.dt-column-order:after,
.dashboard-13
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.sorting_asc_disabled
  span.dt-column-order:before,
.dashboard-13
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.sorting_desc_disabled
  span.dt-column-order:after,
.dashboard-13
  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-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-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-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-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-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-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-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-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-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-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-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,
.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,
.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,
.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,
.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,
.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,
.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,
.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,
.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,
.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,
.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-tasks
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.sorting_asc_disabled
  span.dt-column-order:after,
.main-tasks
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.sorting_asc_disabled
  span.dt-column-order:before,
.main-tasks
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.sorting_desc_disabled
  span.dt-column-order:after,
.main-tasks
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.sorting_desc_disabled
  span.dt-column-order:before,
.manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.sorting_asc_disabled
  span.dt-column-order:after,
.manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.sorting_asc_disabled
  span.dt-column-order:before,
.manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.sorting_desc_disabled
  span.dt-column-order:after,
.manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.sorting_desc_disabled
  span.dt-column-order:before,
.product-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.sorting_asc_disabled
  span.dt-column-order:after,
.product-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.sorting_asc_disabled
  span.dt-column-order:before,
.product-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.sorting_desc_disabled
  span.dt-column-order:after,
.product-report-wrapper
  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,
.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,
.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,
.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,
.sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.sorting_asc_disabled
  span.dt-column-order:after,
.sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.sorting_asc_disabled
  span.dt-column-order:before,
.sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.sorting_desc_disabled
  span.dt-column-order:after,
.sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.sorting_desc_disabled
  span.dt-column-order:before,
.sale-return-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.sorting_asc_disabled
  span.dt-column-order:after,
.sale-return-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.sorting_asc_disabled
  span.dt-column-order:before,
.sale-return-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.sorting_desc_disabled
  span.dt-column-order:after,
.sale-return-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,
.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,
.subscribed-user
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.sorting_asc_disabled
  span.dt-column-order:after,
.subscribed-user
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.sorting_asc_disabled
  span.dt-column-order:before,
.subscribed-user
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.sorting_desc_disabled
  span.dt-column-order:after,
.subscribed-user
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.sorting_desc_disabled
  span.dt-column-order:before,
.user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.sorting_asc_disabled
  span.dt-column-order:after,
.user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.sorting_asc_disabled
  span.dt-column-order:before,
.user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.sorting_desc_disabled
  span.dt-column-order:after,
.user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.sorting_desc_disabled
  span.dt-column-order:before {
  display: none;
}
.api-manage
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc,
.api-manage
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc,
.candidate-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc,
.candidate-wrapper
  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,
.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,
.customer-order-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc,
.customer-order-wrapper
  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,
.dashboard-12
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc,
.dashboard-12
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc,
.dashboard-13
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc,
.dashboard-13
  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,
.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,
.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,
.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,
.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-tasks
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc,
.main-tasks
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc,
.manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc,
.manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc,
.product-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc,
.product-report-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,
.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,
.sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc,
.sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc,
.sale-return-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc,
.sale-return-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-orderable-asc,
.seller-details-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc,
.subscribed-user
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc,
.subscribed-user
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc,
.user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc,
.user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc {
  cursor: pointer;
}
.api-manage
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:before,
.api-manage
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:after,
.candidate-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:before,
.candidate-wrapper
  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-asc
  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,
.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-desc
  span.dt-column-order:after,
.customer-order-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:before,
.customer-order-wrapper
  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-asc
  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-ordering-asc
  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-ordering-asc
  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,
.dashboard-12
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:before,
.dashboard-12
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:after,
.dashboard-13
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:before,
.dashboard-13
  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-asc
  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-ordering-asc
  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-ordering-asc
  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-ordering-asc
  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-ordering-asc
  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-ordering-asc
  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,
.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-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-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-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-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-desc
  span.dt-column-order:after,
.main-tasks
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:before,
.main-tasks
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:after,
.manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:before,
.manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:after,
.product-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:before,
.product-report-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-asc
  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,
.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-desc
  span.dt-column-order:after,
.sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:before,
.sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:after,
.sale-return-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:before,
.sale-return-wrapper
  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-asc
  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,
.subscribed-user
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:before,
.subscribed-user
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:after,
.user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:before,
.user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:after {
  opacity: 0.6;
}
.api-manage div.dt-container .dt-layout-row:last-child,
.candidate-wrapper div.dt-container .dt-layout-row:last-child,
.common-cart div.dt-container .dt-layout-row:last-child,
.common-order-history div.dt-container .dt-layout-row:last-child,
.customer-order-wrapper 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,
.dashboard-12 div.dt-container .dt-layout-row:last-child,
.dashboard-13 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,
.datatable-init div.dt-container .dt-layout-row:last-child,
.default-dashboard 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,
.main-scope-project div.dt-container .dt-layout-row:last-child,
.main-tasks div.dt-container .dt-layout-row:last-child,
.manage-review-wrapper div.dt-container .dt-layout-row:last-child,
.product-report-wrapper div.dt-container .dt-layout-row:last-child,
.project-status div.dt-container .dt-layout-row:last-child,
.role-permission-wrapper div.dt-container .dt-layout-row:last-child,
.sale-report-wrapper div.dt-container .dt-layout-row:last-child,
.sale-return-wrapper div.dt-container .dt-layout-row:last-child,
.seller-details-wrapper div.dt-container .dt-layout-row:last-child,
.subscribed-user div.dt-container .dt-layout-row:last-child,
.user-list-wrapper div.dt-container .dt-layout-row:last-child {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 575px) {
  .api-manage div.dt-container .dt-layout-row:last-child,
  .candidate-wrapper div.dt-container .dt-layout-row:last-child,
  .common-cart div.dt-container .dt-layout-row:last-child,
  .common-order-history div.dt-container .dt-layout-row:last-child,
  .customer-order-wrapper 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,
  .dashboard-12 div.dt-container .dt-layout-row:last-child,
  .dashboard-13 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,
  .datatable-init div.dt-container .dt-layout-row:last-child,
  .default-dashboard 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,
  .main-scope-project div.dt-container .dt-layout-row:last-child,
  .main-tasks div.dt-container .dt-layout-row:last-child,
  .manage-review-wrapper div.dt-container .dt-layout-row:last-child,
  .product-report-wrapper div.dt-container .dt-layout-row:last-child,
  .project-status div.dt-container .dt-layout-row:last-child,
  .role-permission-wrapper div.dt-container .dt-layout-row:last-child,
  .sale-report-wrapper div.dt-container .dt-layout-row:last-child,
  .sale-return-wrapper div.dt-container .dt-layout-row:last-child,
  .seller-details-wrapper div.dt-container .dt-layout-row:last-child,
  .subscribed-user div.dt-container .dt-layout-row:last-child,
  .user-list-wrapper div.dt-container .dt-layout-row:last-child {
    flex-direction: column;
  }
}
.api-manage div.dt-container .dt-layout-row .dt-layout-cell .dt-empty,
.candidate-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-empty,
.common-cart 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,
.customer-order-wrapper
  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,
.dashboard-12 div.dt-container .dt-layout-row .dt-layout-cell .dt-empty,
.dashboard-13 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,
.datatable-init div.dt-container .dt-layout-row .dt-layout-cell .dt-empty,
.default-dashboard 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,
.main-scope-project div.dt-container .dt-layout-row .dt-layout-cell .dt-empty,
.main-tasks div.dt-container .dt-layout-row .dt-layout-cell .dt-empty,
.manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-empty,
.product-report-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,
.role-permission-wrapper
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-empty,
.sale-report-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-empty,
.sale-return-wrapper 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,
.subscribed-user div.dt-container .dt-layout-row .dt-layout-cell .dt-empty,
.user-list-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-empty {
  color: var(--body-font-color);
  text-align: center;
}
.api-manage div.dt-container .dt-layout-row .dt-layout-cell .dt-info,
.candidate-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-info,
.common-cart 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,
.customer-order-wrapper
  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,
.dashboard-12 div.dt-container .dt-layout-row .dt-layout-cell .dt-info,
.dashboard-13 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,
.datatable-init div.dt-container .dt-layout-row .dt-layout-cell .dt-info,
.default-dashboard 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,
.main-scope-project div.dt-container .dt-layout-row .dt-layout-cell .dt-info,
.main-tasks div.dt-container .dt-layout-row .dt-layout-cell .dt-info,
.manage-review-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-info,
.product-report-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,
.role-permission-wrapper
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-info,
.sale-report-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-info,
.sale-return-wrapper 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,
.subscribed-user div.dt-container .dt-layout-row .dt-layout-cell .dt-info,
.user-list-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-info {
  color: #3f475a;
  padding: 12px 20px 0;
}
.api-manage div.dt-container .dt-layout-row .dt-layout-cell .dt-search,
.candidate-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search,
.common-cart 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,
.customer-order-wrapper
  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,
.dashboard-12 div.dt-container .dt-layout-row .dt-layout-cell .dt-search,
.dashboard-13 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,
.datatable-init div.dt-container .dt-layout-row .dt-layout-cell .dt-search,
.default-dashboard 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,
.main-scope-project div.dt-container .dt-layout-row .dt-layout-cell .dt-search,
.main-tasks div.dt-container .dt-layout-row .dt-layout-cell .dt-search,
.manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search,
.product-report-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,
.role-permission-wrapper
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search,
.sale-report-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search,
.sale-return-wrapper 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,
.subscribed-user div.dt-container .dt-layout-row .dt-layout-cell .dt-search,
.user-list-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search {
  position: absolute;
  right: -10px;
  top: 20px;
  z-index: 0;
}
@media (max-width: 640px) {
  .api-manage div.dt-container .dt-layout-row .dt-layout-cell .dt-search,
  .candidate-wrapper div.dt-container .dt-layout-row .dt-layout-cell .dt-search,
  .common-cart 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,
  .customer-order-wrapper
    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,
  .dashboard-12 div.dt-container .dt-layout-row .dt-layout-cell .dt-search,
  .dashboard-13 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,
  .datatable-init div.dt-container .dt-layout-row .dt-layout-cell .dt-search,
  .default-dashboard 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,
  .main-scope-project
    div.dt-container
    .dt-layout-row
    .dt-layout-cell
    .dt-search,
  .main-tasks div.dt-container .dt-layout-row .dt-layout-cell .dt-search,
  .manage-review-wrapper
    div.dt-container
    .dt-layout-row
    .dt-layout-cell
    .dt-search,
  .product-report-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,
  .role-permission-wrapper
    div.dt-container
    .dt-layout-row
    .dt-layout-cell
    .dt-search,
  .sale-report-wrapper
    div.dt-container
    .dt-layout-row
    .dt-layout-cell
    .dt-search,
  .sale-return-wrapper
    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,
  .subscribed-user div.dt-container .dt-layout-row .dt-layout-cell .dt-search,
  .user-list-wrapper
    div.dt-container
    .dt-layout-row
    .dt-layout-cell
    .dt-search {
    left: 20px;
    margin-bottom: 20px;
    position: relative;
    top: 4px;
  }
}
.api-manage div.dt-container .dt-layout-row .dt-layout-cell .dt-search label,
.candidate-wrapper
  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,
.common-order-history
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search
  label,
.customer-order-wrapper
  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,
.dashboard-12 div.dt-container .dt-layout-row .dt-layout-cell .dt-search label,
.dashboard-13 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,
.datatable-init
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search
  label,
.default-dashboard
  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,
.main-scope-project
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search
  label,
.main-tasks div.dt-container .dt-layout-row .dt-layout-cell .dt-search label,
.manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search
  label,
.product-report-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,
.role-permission-wrapper
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search
  label,
.sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search
  label,
.sale-return-wrapper
  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,
.subscribed-user
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search
  label,
.user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search
  label {
  color: #52526c;
  margin-right: 6px;
}
.api-manage div.dt-container .dt-layout-row .dt-layout-cell .dt-search input,
.candidate-wrapper
  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,
.common-order-history
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search
  input,
.customer-order-wrapper
  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,
.dashboard-12 div.dt-container .dt-layout-row .dt-layout-cell .dt-search input,
.dashboard-13 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,
.datatable-init
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search
  input,
.default-dashboard
  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,
.main-scope-project
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search
  input,
.main-tasks div.dt-container .dt-layout-row .dt-layout-cell .dt-search input,
.manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search
  input,
.product-report-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,
.role-permission-wrapper
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search
  input,
.sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search
  input,
.sale-return-wrapper
  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,
.subscribed-user
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search
  input,
.user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search
  input {
  border: 1px solid rgba(82, 82, 108, 0.3);
  color: #59667a;
  width: 50%;
}
.api-manage div.dt-container .dt-layout-row .dt-layout-cell tr td,
.candidate-wrapper div.dt-container .dt-layout-row .dt-layout-cell tr td,
.common-cart 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,
.customer-order-wrapper 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,
.dashboard-12 div.dt-container .dt-layout-row .dt-layout-cell tr td,
.dashboard-13 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,
.datatable-init div.dt-container .dt-layout-row .dt-layout-cell tr td,
.default-dashboard 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,
.main-scope-project div.dt-container .dt-layout-row .dt-layout-cell tr td,
.main-tasks div.dt-container .dt-layout-row .dt-layout-cell tr td,
.manage-review-wrapper div.dt-container .dt-layout-row .dt-layout-cell tr td,
.product-report-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,
.role-permission-wrapper div.dt-container .dt-layout-row .dt-layout-cell tr td,
.sale-report-wrapper div.dt-container .dt-layout-row .dt-layout-cell tr td,
.sale-return-wrapper 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,
.subscribed-user div.dt-container .dt-layout-row .dt-layout-cell tr td,
.user-list-wrapper div.dt-container .dt-layout-row .dt-layout-cell tr td {
  color: var(--body-font-color);
}
.api-manage div.dt-container .dt-layout-row .dt-layout-cell tr.selected td,
.candidate-wrapper
  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,
.common-order-history
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  tr.selected
  td,
.customer-order-wrapper
  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,
.dashboard-12 div.dt-container .dt-layout-row .dt-layout-cell tr.selected td,
.dashboard-13 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,
.datatable-init div.dt-container .dt-layout-row .dt-layout-cell tr.selected td,
.default-dashboard
  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,
.main-scope-project
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  tr.selected
  td,
.main-tasks div.dt-container .dt-layout-row .dt-layout-cell tr.selected td,
.manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  tr.selected
  td,
.product-report-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,
.role-permission-wrapper
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  tr.selected
  td,
.sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  tr.selected
  td,
.sale-return-wrapper
  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,
.subscribed-user div.dt-container .dt-layout-row .dt-layout-cell tr.selected td,
.user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  tr.selected
  td {
  background-color: #f9f9fa;
  box-shadow: unset;
}
.api-manage div.dt-container .dt-layout-row .dt-paging,
.candidate-wrapper div.dt-container .dt-layout-row .dt-paging,
.common-cart div.dt-container .dt-layout-row .dt-paging,
.common-order-history div.dt-container .dt-layout-row .dt-paging,
.customer-order-wrapper 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,
.dashboard-12 div.dt-container .dt-layout-row .dt-paging,
.dashboard-13 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,
.datatable-init div.dt-container .dt-layout-row .dt-paging,
.default-dashboard 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,
.main-scope-project div.dt-container .dt-layout-row .dt-paging,
.main-tasks div.dt-container .dt-layout-row .dt-paging,
.manage-review-wrapper div.dt-container .dt-layout-row .dt-paging,
.product-report-wrapper div.dt-container .dt-layout-row .dt-paging,
.project-status div.dt-container .dt-layout-row .dt-paging,
.role-permission-wrapper div.dt-container .dt-layout-row .dt-paging,
.sale-report-wrapper div.dt-container .dt-layout-row .dt-paging,
.sale-return-wrapper div.dt-container .dt-layout-row .dt-paging,
.seller-details-wrapper div.dt-container .dt-layout-row .dt-paging,
.subscribed-user div.dt-container .dt-layout-row .dt-paging,
.user-list-wrapper div.dt-container .dt-layout-row .dt-paging {
  padding: 12px 20px 0;
  text-align: end;
}
.api-manage div.dt-container .dt-layout-row .dt-paging .dt-paging-button,
.candidate-wrapper div.dt-container .dt-layout-row .dt-paging .dt-paging-button,
.common-cart 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,
.customer-order-wrapper
  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,
.dashboard-12 div.dt-container .dt-layout-row .dt-paging .dt-paging-button,
.dashboard-13 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,
.datatable-init div.dt-container .dt-layout-row .dt-paging .dt-paging-button,
.default-dashboard 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,
.main-scope-project
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button,
.main-tasks div.dt-container .dt-layout-row .dt-paging .dt-paging-button,
.manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button,
.product-report-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,
.role-permission-wrapper
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button,
.sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button,
.sale-return-wrapper
  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,
.subscribed-user div.dt-container .dt-layout-row .dt-paging .dt-paging-button,
.user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button {
  border: unset;
  border-radius: 4px;
  color: var(--body-font-color);
  font-size: 14px;
  margin-right: 12px;
  padding: 2px 10px;
}
@media (max-width: 767px) {
  .api-manage div.dt-container .dt-layout-row .dt-paging .dt-paging-button,
  .candidate-wrapper
    div.dt-container
    .dt-layout-row
    .dt-paging
    .dt-paging-button,
  .common-cart 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,
  .customer-order-wrapper
    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,
  .dashboard-12 div.dt-container .dt-layout-row .dt-paging .dt-paging-button,
  .dashboard-13 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,
  .datatable-init div.dt-container .dt-layout-row .dt-paging .dt-paging-button,
  .default-dashboard
    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,
  .main-scope-project
    div.dt-container
    .dt-layout-row
    .dt-paging
    .dt-paging-button,
  .main-tasks div.dt-container .dt-layout-row .dt-paging .dt-paging-button,
  .manage-review-wrapper
    div.dt-container
    .dt-layout-row
    .dt-paging
    .dt-paging-button,
  .product-report-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,
  .role-permission-wrapper
    div.dt-container
    .dt-layout-row
    .dt-paging
    .dt-paging-button,
  .sale-report-wrapper
    div.dt-container
    .dt-layout-row
    .dt-paging
    .dt-paging-button,
  .sale-return-wrapper
    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,
  .subscribed-user div.dt-container .dt-layout-row .dt-paging .dt-paging-button,
  .user-list-wrapper
    div.dt-container
    .dt-layout-row
    .dt-paging
    .dt-paging-button {
    font-size: 13px;
    margin-right: 8px;
  }
}
.api-manage
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button:last-child,
.candidate-wrapper
  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,
.common-order-history
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button:last-child,
.customer-order-wrapper
  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,
.dashboard-12
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button:last-child,
.dashboard-13
  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,
.datatable-init
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button:last-child,
.default-dashboard
  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,
.main-scope-project
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button:last-child,
.main-tasks
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button:last-child,
.manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button:last-child,
.product-report-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,
.role-permission-wrapper
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button:last-child,
.sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button:last-child,
.sale-return-wrapper
  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,
.subscribed-user
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button:last-child,
.user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button:last-child {
  margin-right: 0;
}
.api-manage
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button.current,
.candidate-wrapper
  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,
.common-order-history
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button.current,
.customer-order-wrapper
  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,
.dashboard-12
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button.current,
.dashboard-13
  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,
.datatable-init
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button.current,
.default-dashboard
  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,
.main-scope-project
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button.current,
.main-tasks
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button.current,
.manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button.current,
.product-report-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,
.role-permission-wrapper
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button.current,
.sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button.current,
.sale-return-wrapper
  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,
.subscribed-user
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button.current,
.user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button.current {
  background-color: var(--theme-default);
  color: #fff;
}
.api-manage div.dt-container .dt-layout-row .dt-select .dt-select-checkbox,
.candidate-wrapper
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox,
.common-cart 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,
.customer-order-wrapper
  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,
.dashboard-12 div.dt-container .dt-layout-row .dt-select .dt-select-checkbox,
.dashboard-13 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,
.datatable-init div.dt-container .dt-layout-row .dt-select .dt-select-checkbox,
.default-dashboard
  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,
.main-scope-project
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox,
.main-tasks div.dt-container .dt-layout-row .dt-select .dt-select-checkbox,
.manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox,
.product-report-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,
.role-permission-wrapper
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox,
.sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox,
.sale-return-wrapper
  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,
.subscribed-user div.dt-container .dt-layout-row .dt-select .dt-select-checkbox,
.user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox {
  border-color: rgba(82, 82, 108, 0.8);
  cursor: pointer;
  padding: 6px;
  vertical-align: text-top;
}
.api-manage
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:indeterminate:after,
.candidate-wrapper
  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,
.common-order-history
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:indeterminate:after,
.customer-order-wrapper
  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,
.dashboard-12
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:indeterminate:after,
.dashboard-13
  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,
.datatable-init
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:indeterminate:after,
.default-dashboard
  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,
.main-scope-project
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:indeterminate:after,
.main-tasks
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:indeterminate:after,
.manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:indeterminate:after,
.product-report-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,
.role-permission-wrapper
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:indeterminate:after,
.sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:indeterminate:after,
.sale-return-wrapper
  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,
.subscribed-user
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:indeterminate:after,
.user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:indeterminate:after {
  background-color: var(--body-font-color);
  left: 4px;
  top: 4px;
}
.api-manage
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:checked,
.candidate-wrapper
  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,
.common-order-history
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:checked,
.customer-order-wrapper
  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,
.dashboard-12
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:checked,
.dashboard-13
  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,
.datatable-init
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:checked,
.default-dashboard
  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,
.main-scope-project
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:checked,
.main-tasks
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:checked,
.manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:checked,
.product-report-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,
.role-permission-wrapper
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:checked,
.sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:checked,
.sale-return-wrapper
  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,
.subscribed-user
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:checked,
.user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:checked {
  background-color: var(--theme-default);
  border-color: transparent;
}
.api-manage
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:checked:after,
.candidate-wrapper
  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,
.common-order-history
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:checked:after,
.customer-order-wrapper
  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,
.dashboard-12
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:checked:after,
.dashboard-13
  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,
.datatable-init
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:checked:after,
.default-dashboard
  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,
.main-scope-project
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:checked:after,
.main-tasks
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:checked:after,
.manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:checked:after,
.product-report-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,
.role-permission-wrapper
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:checked:after,
.sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:checked:after,
.sale-return-wrapper
  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,
.subscribed-user
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:checked:after,
.user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:checked:after {
  color: #fff;
  content: "\f00c";
  font-family: fontawesome;
  font-size: 9px;
  margin-left: -4px;
  margin-top: -10px;
}
.dt-buttons .btn {
  padding: 6px calc(7.4px + 0.5vw) !important;
}
.autofill-data-tables div.dt-container.dt-bootstrap5 table,
.data-source-wrapper div.dt-container.dt-bootstrap5 table,
.datatable-advance-wrapper div.dt-container.dt-bootstrap5 table,
.datatable-api-wrapper div.dt-container.dt-bootstrap5 table,
.datatable-init div.dt-container.dt-bootstrap5 table,
.support-ticket-table div.dt-container.dt-bootstrap5 table {
  border-collapse: initial !important;
}
.autofill-data-tables div.dt-container.dt-bootstrap5 table tbody tr td,
.autofill-data-tables div.dt-container.dt-bootstrap5 table tbody tr th,
.autofill-data-tables div.dt-container.dt-bootstrap5 table tfoot tr td,
.autofill-data-tables div.dt-container.dt-bootstrap5 table tfoot tr th,
.autofill-data-tables div.dt-container.dt-bootstrap5 table thead tr td,
.autofill-data-tables div.dt-container.dt-bootstrap5 table thead tr th,
.data-source-wrapper div.dt-container.dt-bootstrap5 table tbody tr td,
.data-source-wrapper div.dt-container.dt-bootstrap5 table tbody tr th,
.data-source-wrapper div.dt-container.dt-bootstrap5 table tfoot tr td,
.data-source-wrapper div.dt-container.dt-bootstrap5 table tfoot tr th,
.data-source-wrapper div.dt-container.dt-bootstrap5 table thead tr td,
.data-source-wrapper div.dt-container.dt-bootstrap5 table thead tr th,
.datatable-advance-wrapper div.dt-container.dt-bootstrap5 table tbody tr td,
.datatable-advance-wrapper div.dt-container.dt-bootstrap5 table tbody tr th,
.datatable-advance-wrapper div.dt-container.dt-bootstrap5 table tfoot tr td,
.datatable-advance-wrapper div.dt-container.dt-bootstrap5 table tfoot tr th,
.datatable-advance-wrapper div.dt-container.dt-bootstrap5 table thead tr td,
.datatable-advance-wrapper div.dt-container.dt-bootstrap5 table thead tr th,
.datatable-api-wrapper div.dt-container.dt-bootstrap5 table tbody tr td,
.datatable-api-wrapper div.dt-container.dt-bootstrap5 table tbody tr th,
.datatable-api-wrapper div.dt-container.dt-bootstrap5 table tfoot tr td,
.datatable-api-wrapper div.dt-container.dt-bootstrap5 table tfoot tr th,
.datatable-api-wrapper div.dt-container.dt-bootstrap5 table thead tr td,
.datatable-api-wrapper div.dt-container.dt-bootstrap5 table thead tr th,
.datatable-init div.dt-container.dt-bootstrap5 table tbody tr td,
.datatable-init div.dt-container.dt-bootstrap5 table tbody tr th,
.datatable-init div.dt-container.dt-bootstrap5 table tfoot tr td,
.datatable-init div.dt-container.dt-bootstrap5 table tfoot tr th,
.datatable-init div.dt-container.dt-bootstrap5 table thead tr td,
.datatable-init div.dt-container.dt-bootstrap5 table thead tr th,
.support-ticket-table div.dt-container.dt-bootstrap5 table tbody tr td,
.support-ticket-table div.dt-container.dt-bootstrap5 table tbody tr th,
.support-ticket-table div.dt-container.dt-bootstrap5 table tfoot tr td,
.support-ticket-table div.dt-container.dt-bootstrap5 table tfoot tr th,
.support-ticket-table div.dt-container.dt-bootstrap5 table thead tr td,
.support-ticket-table div.dt-container.dt-bootstrap5 table thead tr th {
  text-align: left;
}
[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
  tbody
  tr
  th,
[dir="rtl"]
  .autofill-data-tables
  div.dt-container.dt-bootstrap5
  table
  tfoot
  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
  thead
  tr
  td,
[dir="rtl"]
  .autofill-data-tables
  div.dt-container.dt-bootstrap5
  table
  thead
  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
  tbody
  tr
  th,
[dir="rtl"]
  .data-source-wrapper
  div.dt-container.dt-bootstrap5
  table
  tfoot
  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
  thead
  tr
  td,
[dir="rtl"]
  .data-source-wrapper
  div.dt-container.dt-bootstrap5
  table
  thead
  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
  tbody
  tr
  th,
[dir="rtl"]
  .datatable-advance-wrapper
  div.dt-container.dt-bootstrap5
  table
  tfoot
  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
  thead
  tr
  td,
[dir="rtl"]
  .datatable-advance-wrapper
  div.dt-container.dt-bootstrap5
  table
  thead
  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
  tbody
  tr
  th,
[dir="rtl"]
  .datatable-api-wrapper
  div.dt-container.dt-bootstrap5
  table
  tfoot
  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
  thead
  tr
  td,
[dir="rtl"]
  .datatable-api-wrapper
  div.dt-container.dt-bootstrap5
  table
  thead
  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 tbody tr th,
[dir="rtl"] .datatable-init div.dt-container.dt-bootstrap5 table tfoot 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 thead tr td,
[dir="rtl"] .datatable-init div.dt-container.dt-bootstrap5 table thead 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
  tbody
  tr
  th,
[dir="rtl"]
  .support-ticket-table
  div.dt-container.dt-bootstrap5
  table
  tfoot
  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
  thead
  tr
  td,
[dir="rtl"]
  .support-ticket-table
  div.dt-container.dt-bootstrap5
  table
  thead
  tr
  th {
  text-align: right;
}
.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,
.autofill-data-tables 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,
.data-source-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-advance-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,
.datatable-api-wrapper 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-init 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,
.support-ticket-table div.dt-container.dt-bootstrap5 table thead tr .dt-empty {
  text-align: center;
}
.autofill-data-tables div.dt-container.dt-bootstrap5 table tbody tr td,
.data-source-wrapper 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,
.datatable-init div.dt-container.dt-bootstrap5 table tbody tr td,
.support-ticket-table div.dt-container.dt-bootstrap5 table tbody tr td {
  color: #404040;
}
.autofill-data-tables div.dt-container.dt-bootstrap5 table tfoot tr th,
.autofill-data-tables div.dt-container.dt-bootstrap5 table thead tr th,
.data-source-wrapper div.dt-container.dt-bootstrap5 table tfoot tr th,
.data-source-wrapper div.dt-container.dt-bootstrap5 table thead tr th,
.datatable-advance-wrapper div.dt-container.dt-bootstrap5 table tfoot tr th,
.datatable-advance-wrapper div.dt-container.dt-bootstrap5 table thead tr th,
.datatable-api-wrapper div.dt-container.dt-bootstrap5 table tfoot tr th,
.datatable-api-wrapper div.dt-container.dt-bootstrap5 table thead tr th,
.datatable-init div.dt-container.dt-bootstrap5 table tfoot tr th,
.datatable-init div.dt-container.dt-bootstrap5 table thead tr th,
.support-ticket-table div.dt-container.dt-bootstrap5 table tfoot tr th,
.support-ticket-table div.dt-container.dt-bootstrap5 table thead tr th {
  font-weight: 500;
}
.autofill-data-tables div.dt-container.dt-bootstrap5 table tfoot tr th:hover,
.autofill-data-tables div.dt-container.dt-bootstrap5 table thead tr th:hover,
.data-source-wrapper div.dt-container.dt-bootstrap5 table tfoot tr th:hover,
.data-source-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-advance-wrapper
  div.dt-container.dt-bootstrap5
  table
  thead
  tr
  th:hover,
.datatable-api-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-init div.dt-container.dt-bootstrap5 table tfoot tr th:hover,
.datatable-init div.dt-container.dt-bootstrap5 table thead tr th:hover,
.support-ticket-table div.dt-container.dt-bootstrap5 table tfoot tr th:hover,
.support-ticket-table div.dt-container.dt-bootstrap5 table thead tr th:hover {
  outline: unset;
}
.autofill-data-tables div.dt-container.dt-bootstrap5 thead tr th,
.data-source-wrapper 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,
.datatable-init div.dt-container.dt-bootstrap5 thead tr th,
.support-ticket-table div.dt-container.dt-bootstrap5 thead tr th {
  border-bottom: 1px solid #efefef;
}
.autofill-data-tables div.dt-container.dt-bootstrap5 tfoot tr th,
.data-source-wrapper 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,
.datatable-init div.dt-container.dt-bootstrap5 tfoot tr th,
.support-ticket-table div.dt-container.dt-bootstrap5 tfoot tr th {
  border-top: 1px solid #efefef;
}
.autofill-data-tables
  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,
.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,
.datatable-init
  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 {
  background-color: var(--light-background);
  color: #404040;
  font-size: calc(12.4px + 0.1875vw);
  padding: calc(3.6px + 0.125vw) calc(6px + 0.3125vw);
}
.autofill-data-tables
  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,
.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,
.datatable-init
  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 {
  border-color: unset;
  box-shadow: unset;
}
.autofill-data-tables
  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,
.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,
.datatable-init
  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 {
  background-color: var(--theme-default);
  border-color: var(--theme-default);
  color: #fff;
}
.complex-header-table tbody tr td:first-child,
.complex-header-table tbody tr th:first-child,
.complex-header-table thead tr td:first-child,
.complex-header-table thead tr th:first-child {
  min-width: 150px;
}
.complex-header-table tbody tr td:nth-child(2),
.complex-header-table tbody tr th:nth-child(2),
.complex-header-table thead tr td:nth-child(2),
.complex-header-table thead tr th:nth-child(2) {
  min-width: 230px;
}
.complex-header-table tbody tr td:nth-child(4),
.complex-header-table tbody tr th:nth-child(4),
.complex-header-table thead tr td:nth-child(4),
.complex-header-table thead tr th:nth-child(4) {
  min-width: 120px;
}
.state-saving-table tbody tr td:first-child,
.state-saving-table tbody tr th:first-child,
.state-saving-table thead tr td:first-child,
.state-saving-table thead tr th:first-child {
  min-width: 140px;
}
.state-saving-table tbody tr td:nth-child(3),
.state-saving-table tbody tr th:nth-child(3),
.state-saving-table thead tr td:nth-child(3),
.state-saving-table thead tr th:nth-child(3) {
  min-width: 130px;
}
.state-saving-table tbody tr td:nth-child(5),
.state-saving-table tbody tr th:nth-child(5),
.state-saving-table thead tr td:nth-child(5),
.state-saving-table thead tr th:nth-child(5) {
  min-width: 120px;
}
.callback-table tbody tr td:first-child,
.callback-table tbody tr th:first-child,
.callback-table thead tr td:first-child,
.callback-table thead tr th:first-child {
  min-width: 165px;
}
.callback-table tbody tr td:nth-child(5),
.callback-table tbody tr th:nth-child(5),
.callback-table thead tr td:nth-child(5),
.callback-table thead tr th:nth-child(5) {
  min-width: 150px;
}
.row-group-table tr.group,
.row-group-table tr.group:hover {
  background-color: hsla(0, 0%, 80%, 0.5);
}
.datatable-advance-wrapper
  div.dt-container.dt-bootstrap5
  table.foot-callback-table
  tbody
  tr
  td:last-child,
.datatable-advance-wrapper
  div.dt-container.dt-bootstrap5
  table.foot-callback-table
  tbody
  tr
  th:last-child,
.datatable-advance-wrapper
  div.dt-container.dt-bootstrap5
  table.foot-callback-table
  tfoot
  tr
  td:last-child,
.datatable-advance-wrapper
  div.dt-container.dt-bootstrap5
  table.foot-callback-table
  tfoot
  tr
  th:last-child,
.datatable-advance-wrapper
  div.dt-container.dt-bootstrap5
  table.foot-callback-table
  thead
  tr
  td:last-child,
.datatable-advance-wrapper
  div.dt-container.dt-bootstrap5
  table.foot-callback-table
  thead
  tr
  th:last-child {
  text-align: end;
}
.datatable-advance-wrapper
  div.dt-container.dt-bootstrap5
  table.foot-callback-table
  tfoot
  tr
  th:last-child {
  font-size: 18px;
}
table.selection-deletion.dataTable tbody tr.selected:hover > *,
table.selection-deletion.dataTable tbody tr.selected > * {
  box-shadow: inset 0 0 0 9999px rgba(82, 82, 108, 0.2) !important;
}
.add-row-table tbody tr td,
.add-row-table tbody tr th,
.add-row-table thead tr td,
.add-row-table thead tr th {
  min-width: 118px;
}
.child-row-table tbody tr td:first-child,
.child-row-table tbody tr th:first-child,
.child-row-table thead tr td:first-child,
.child-row-table thead tr th:first-child {
  min-width: 75px;
}
.child-row-table tbody tr td:nth-child(2),
.child-row-table tbody tr th:nth-child(2),
.child-row-table thead tr td:nth-child(2),
.child-row-table thead tr th:nth-child(2) {
  min-width: 160px;
}
.child-row-table tbody tr td:nth-child(3),
.child-row-table tbody tr th:nth-child(3),
.child-row-table thead tr td:nth-child(3),
.child-row-table thead tr th:nth-child(3) {
  min-width: 210px;
}
.child-row-table tbody tr td:nth-child(4),
.child-row-table tbody tr th:nth-child(4),
.child-row-table thead tr td:nth-child(4),
.child-row-table thead tr th:nth-child(4) {
  min-width: 128px;
}
.row-selection-table tbody tr td:first-child,
.row-selection-table tbody tr th:first-child,
.row-selection-table thead tr td:first-child,
.row-selection-table thead tr th:first-child {
  min-width: 175px;
}
.row-selection-table tbody tr td:nth-child(2),
.row-selection-table tbody tr th:nth-child(2),
.row-selection-table thead tr td:nth-child(2),
.row-selection-table thead tr th:nth-child(2) {
  min-width: 180px;
}
.row-selection-table tbody tr td:nth-child(3),
.row-selection-table tbody tr th:nth-child(3),
.row-selection-table thead tr td:nth-child(3),
.row-selection-table thead tr th:nth-child(3) {
  min-width: 160px;
}
.row-selection-table tbody tr td:nth-child(4),
.row-selection-table tbody tr th:nth-child(4),
.row-selection-table thead tr td:nth-child(4),
.row-selection-table thead tr th:nth-child(4) {
  min-width: 130px;
}
.custom-filtering-table tbody tr td:nth-child(3),
.custom-filtering-table tbody tr th:nth-child(3),
.custom-filtering-table thead tr td:nth-child(3),
.custom-filtering-table thead tr th:nth-child(3) {
  min-width: 125px;
}
.dom-source-data tbody tr td:first-child,
.dom-source-data tbody tr th:first-child,
.dom-source-data thead tr td:first-child,
.dom-source-data thead tr th:first-child {
  min-width: 170px;
}
.dom-source-data tbody tr td:nth-child(2),
.dom-source-data tbody tr th:nth-child(2),
.dom-source-data thead tr td:nth-child(2),
.dom-source-data thead tr th:nth-child(2) {
  min-width: 230px;
}
.dom-source-data tbody tr td:nth-child(4),
.dom-source-data tbody tr th:nth-child(4),
.dom-source-data thead tr td:nth-child(4),
.dom-source-data thead tr th:nth-child(4) {
  min-width: 120px;
}
.ajax-table tbody tr td:first-child,
.ajax-table tbody tr th:first-child,
.ajax-table thead tr td:first-child,
.ajax-table thead tr th:first-child {
  min-width: 150px;
}
.ajax-table tbody tr td:nth-child(2),
.ajax-table tbody tr th:nth-child(2),
.ajax-table thead tr td:nth-child(2),
.ajax-table thead tr th:nth-child(2) {
  min-width: 230px;
}
.ajax-table tbody tr td:nth-child(5),
.ajax-table tbody tr th:nth-child(5),
.ajax-table thead tr td:nth-child(5),
.ajax-table thead tr th:nth-child(5) {
  min-width: 130px;
}
.js-source-table tbody tr td:first-child,
.js-source-table tbody tr th:first-child,
.js-source-table thead tr td:first-child,
.js-source-table thead tr th:first-child {
  min-width: 150px;
}
.js-source-table tbody tr td:nth-child(2),
.js-source-table tbody tr th:nth-child(2),
.js-source-table thead tr td:nth-child(2),
.js-source-table thead tr th:nth-child(2) {
  min-width: 230px;
}
.js-source-table tbody tr td:nth-child(3),
.js-source-table tbody 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 thead tr td:nth-child(3),
.js-source-table thead tr td:nth-child(5),
.js-source-table thead tr th:nth-child(3),
.js-source-table thead tr th:nth-child(5) {
  min-width: 130px;
}
.server-side-table tbody tr td:first-child,
.server-side-table tbody tr th:first-child,
.server-side-table thead tr td:first-child,
.server-side-table thead tr th:first-child {
  min-width: 125px;
}
.server-side-table tbody tr td:nth-child(2),
.server-side-table tbody tr th:nth-child(2),
.server-side-table thead tr td:nth-child(2),
.server-side-table thead tr th:nth-child(2) {
  min-width: 130px;
}
.server-side-table tbody tr td:nth-child(3),
.server-side-table tbody tr th:nth-child(3),
.server-side-table thead tr td:nth-child(3),
.server-side-table thead tr th:nth-child(3) {
  min-width: 195px;
}
.server-side-table tbody tr td:nth-child(4),
.server-side-table tbody tr td:nth-child(5),
.server-side-table tbody tr th:nth-child(4),
.server-side-table tbody tr th:nth-child(5),
.server-side-table thead tr td:nth-child(4),
.server-side-table thead tr td:nth-child(5),
.server-side-table thead tr th:nth-child(4),
.server-side-table thead tr th:nth-child(5) {
  min-width: 120px;
}
.keytable-table tbody tr td:first-child,
.keytable-table tbody tr th:first-child,
.keytable-table thead tr td:first-child,
.keytable-table thead tr th:first-child {
  min-width: 175px;
}
.keytable-table tbody tr td:nth-child(2),
.keytable-table tbody tr th:nth-child(2),
.keytable-table thead tr td:nth-child(2),
.keytable-table thead tr th:nth-child(2) {
  min-width: 195px;
}
.keytable-table tbody tr td:nth-child(3),
.keytable-table tbody tr th:nth-child(3),
.keytable-table thead tr td:nth-child(3),
.keytable-table thead tr th:nth-child(3) {
  min-width: 152px;
}
.keytable-table tbody tr td:nth-child(4),
.keytable-table tbody tr th:nth-child(4),
.keytable-table thead tr td:nth-child(4),
.keytable-table thead tr th:nth-child(4) {
  min-width: 120px;
}
.multi-level-table tbody tr td:first-child,
.multi-level-table tbody tr th:first-child,
.multi-level-table thead tr td:first-child,
.multi-level-table thead tr th:first-child {
  min-width: 95px;
}
.multi-level-table tbody tr td:nth-child(2),
.multi-level-table tbody tr th:nth-child(2),
.multi-level-table thead tr td:nth-child(2),
.multi-level-table thead tr th:nth-child(2) {
  min-width: 208px;
}
.multi-level-table tbody tr td:nth-child(3),
.multi-level-table tbody tr th:nth-child(3),
.multi-level-table thead tr td:nth-child(3),
.multi-level-table thead tr th:nth-child(3) {
  min-width: 108px;
}
.multi-level-table tbody tr td:nth-child(4),
.multi-level-table tbody tr th:nth-child(4),
.multi-level-table thead tr td:nth-child(4),
.multi-level-table thead tr th:nth-child(4) {
  min-width: 120px;
}
.header-footer-table tbody tr td:first-child,
.header-footer-table tbody tr th:first-child,
.header-footer-table thead tr td:first-child,
.header-footer-table thead tr th:first-child {
  min-width: 155px;
}
.header-footer-table tbody tr td:nth-child(2),
.header-footer-table tbody tr th:nth-child(2),
.header-footer-table thead tr td:nth-child(2),
.header-footer-table thead tr th:nth-child(2) {
  min-width: 165px;
}
.header-footer-table tbody tr td:nth-child(3),
.header-footer-table tbody tr th:nth-child(3),
.header-footer-table thead tr td:nth-child(3),
.header-footer-table thead tr th:nth-child(3) {
  min-width: 132px;
}
.header-footer-table tbody tr td:nth-child(4),
.header-footer-table tbody tr th:nth-child(4),
.header-footer-table thead tr td:nth-child(4),
.header-footer-table thead tr th:nth-child(4) {
  min-width: 80px;
}
.header-footer-table tbody tr td:nth-child(5),
.header-footer-table tbody tr th:nth-child(5),
.header-footer-table thead tr td:nth-child(5),
.header-footer-table thead tr th:nth-child(5) {
  min-width: 120px;
}
.html-expert-table .pagination {
  justify-content: flex-end;
}
.html-expert-table tbody tr td:first-child,
.html-expert-table tbody tr th:first-child,
.html-expert-table thead tr td:first-child,
.html-expert-table thead tr th:first-child {
  min-width: 155px;
}
.html-expert-table tbody tr td:nth-child(2),
.html-expert-table tbody tr th:nth-child(2),
.html-expert-table thead tr td:nth-child(2),
.html-expert-table thead tr th:nth-child(2) {
  min-width: 235px;
}
.html-expert-table tbody tr td:nth-child(3),
.html-expert-table tbody tr th:nth-child(3),
.html-expert-table thead tr td:nth-child(3),
.html-expert-table thead tr th:nth-child(3) {
  min-width: 132px;
}
.html-expert-table tbody tr td:nth-child(4),
.html-expert-table tbody tr th:nth-child(4),
.html-expert-table thead tr td:nth-child(4),
.html-expert-table thead tr th:nth-child(4) {
  min-width: 80px;
}
.html-expert-table tbody tr td:nth-child(5),
.html-expert-table tbody tr th:nth-child(5),
.html-expert-table thead tr td:nth-child(5),
.html-expert-table thead tr th:nth-child(5) {
  min-width: 120px;
}
.row-selection tbody tr td:first-child,
.row-selection tbody tr th:first-child,
.row-selection thead tr td:first-child,
.row-selection thead tr th:first-child {
  min-width: 224px;
}
.row-selection tbody tr td:nth-child(2),
.row-selection tbody tr th:nth-child(2),
.row-selection thead tr td:nth-child(2),
.row-selection thead tr th:nth-child(2) {
  min-width: 200px;
}
.row-selection tbody tr td:nth-child(3),
.row-selection tbody tr th:nth-child(3),
.row-selection thead tr td:nth-child(3),
.row-selection thead tr th:nth-child(3) {
  min-width: 132px;
}
.row-selection tbody tr td:nth-child(4),
.row-selection tbody tr th:nth-child(4),
.row-selection thead tr td:nth-child(4),
.row-selection thead tr th:nth-child(4) {
  min-width: 65px;
}
.row-selection tbody tr td:nth-child(6),
.row-selection tbody tr th:nth-child(6),
.row-selection thead tr td:nth-child(6),
.row-selection thead tr th:nth-child(6) {
  min-width: 114px;
}
.support-ticket-table tbody tr td:first-child,
.support-ticket-table tbody tr th:first-child,
.support-ticket-table thead tr td:first-child,
.support-ticket-table thead tr th:first-child {
  min-width: 224px;
}
.support-ticket-table tbody tr td:nth-child(2),
.support-ticket-table tbody tr th:nth-child(2),
.support-ticket-table thead tr td:nth-child(2),
.support-ticket-table thead tr th:nth-child(2) {
  min-width: 200px;
}
.support-ticket-table tbody tr td:nth-child(3),
.support-ticket-table tbody tr th:nth-child(3),
.support-ticket-table thead tr td:nth-child(3),
.support-ticket-table thead tr th:nth-child(3) {
  min-width: 132px;
}
.support-ticket-table tbody tr td:nth-child(4),
.support-ticket-table tbody tr th:nth-child(4),
.support-ticket-table thead tr td:nth-child(4),
.support-ticket-table thead tr th:nth-child(4) {
  min-width: 65px;
}
.support-ticket-table tbody tr td:nth-child(5),
.support-ticket-table tbody tr th:nth-child(5),
.support-ticket-table thead tr td:nth-child(5),
.support-ticket-table thead tr th:nth-child(5) {
  min-width: 120px;
}
#batchDelete .jsgrid-grid-body tr td:first-child,
#batchDelete .jsgrid-grid-body tr th:first-child,
#batchDelete .jsgrid-grid-header tr td:first-child,
#batchDelete .jsgrid-grid-header tr th: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-left: 10px;
  margin-right: unset;
}
div .action {
  display: flex;
}
div .action i {
  font-size: 16px;
}
div .action .pdf i {
  color: #fc564a;
  font-size: 20px;
}
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 {
  padding: 0;
  width: calc(100% - 1px);
}
.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 {
  border-radius: 0.25rem;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  padding: 0.375rem 0.75rem;
}
.dataTables_wrapper + .dataTables_wrapper {
  margin-top: 20px;
}
.dataTables_wrapper .dataTables_paginate {
  border: 1px solid #f4f4f4;
  border-radius: 0.25rem;
  margin-left: 15px !important;
  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);
  box-shadow: none;
  color: #fff !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: transparent !important;
  border: 1px solid var(--theme-default);
  color: #3f475a !important;
}
.dataTables_wrapper .dataTables_length {
  margin-bottom: 30px;
}
.dataTables_wrapper .dataTables_length select {
  background-color: #fff;
  border-color: #f4f4f4;
  color: #3f475a;
  height: 2.7142em;
  margin: 0 10px;
  padding: 0 10px;
}
.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 {
  left: unset;
  right: 20px;
  top: 22px;
}
.dataTables_wrapper table.dataTable tbody td.select-checkbox:after,
.dataTables_wrapper table.dataTable tbody th.select-checkbox:after {
  margin-left: 21px;
  margin-top: -5px;
}
.dataTables_wrapper table.dataTable thead td,
.dataTables_wrapper table.dataTable thead th {
  border-bottom: 2px solid #efefef;
}
.dataTables_wrapper table.dataTable td,
.dataTables_wrapper table.dataTable th {
  padding: 0.75rem;
}
.dataTables_wrapper .dataTables_filter {
  margin-bottom: 25px;
  margin-left: 15px;
}
.dataTables_wrapper .dataTables_filter input[type="search"] {
  border: 1px solid #efefef;
  border-radius: 0;
  height: 37px;
  margin-left: 10px;
  padding: 0 10px;
}
.dataTables_scrollHeadInner {
  width: 100% !important;
}
table .fixedHeader-floating {
  background-color: #fff;
  position: fixed !important;
}
table .box > div {
  background-color: var(--theme-default);
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  margin-bottom: 15px;
  margin-right: 15px;
  padding: 5px 15px;
}
table.dataTable.fixedHeader-floating,
table.dataTable.fixedHeader-locked {
  left: 0 !important;
  max-width: calc(100vw - 250px) !important;
  overflow: hidden !important;
  right: 0 !important;
  width: calc(100vw - 250px) !important;
  z-index: 99;
}
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:after,
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before {
  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 {
  height: 20px;
  width: 20px;
}
.jsgrid .jsgrid-delete-button {
  background-position: 0 -78px;
  height: 22px;
  width: 22px;
}
.jsgrid .jsgrid-edit-button {
  background-position: -2px -122px;
  height: 22px;
  width: 22px;
}
.jsgrid .jsgrid-insert-mode-button {
  background-position: -2px -160px;
  height: 25px;
  width: 25px;
}
.jsgrid .jsgrid-insert-button {
  background-position: -3px -202px;
  height: 16px;
  width: 16px;
}
.toolbar {
  background-color: var(--theme-default);
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  margin-bottom: 15px;
  margin-right: 15px;
  padding: 5px 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 {
  border: none;
  padding: 0;
}
.dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button.active,
.dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button.hover {
  border: none !important;
}
.dt-ext .dataTables_wrapper .dataTables_paginate .page-link {
  color: var(--theme-default);
  margin-left: 0;
}
.dt-ext .dataTables_wrapper a.dt-button,
.dt-ext .dataTables_wrapper a.dt-button.active:not(.disabled),
.dt-ext .dataTables_wrapper a.dt-button:active:not(.disabled),
.dt-ext .dataTables_wrapper a.dt-button:focus:not(.disabled),
.dt-ext .dataTables_wrapper button.dt-button,
.dt-ext .dataTables_wrapper button.dt-button.active:not(.disabled),
.dt-ext .dataTables_wrapper button.dt-button:active:not(.disabled),
.dt-ext .dataTables_wrapper button.dt-button:focus:not(.disabled),
.dt-ext .dataTables_wrapper div.dt-button,
.dt-ext .dataTables_wrapper div.dt-button.active:not(.disabled),
.dt-ext .dataTables_wrapper div.dt-button:active:not(.disabled),
.dt-ext .dataTables_wrapper div.dt-button:focus:not(.disabled) {
  background-color: var(--theme-default);
  background-image: none;
  border-color: var(--theme-default);
  border-radius: 2px;
  color: #fff;
  font-size: 14px;
}
.dt-ext .dataTables_wrapper a.dt-button.btn-success,
.dt-ext .dataTables_wrapper button.dt-button.btn-success,
.dt-ext .dataTables_wrapper div.dt-button.btn-success {
  background-color: #65c15c;
  border-color: #65c15c;
}
.dt-ext .dataTables_wrapper a.dt-button.btn-primary,
.dt-ext .dataTables_wrapper button.dt-button.btn-primary,
.dt-ext .dataTables_wrapper div.dt-button.btn-primary {
  background-color: var(--theme-default);
  border-color: var(--theme-default);
}
.dt-ext .dataTables_wrapper a.dt-button.btn-danger,
.dt-ext .dataTables_wrapper button.dt-button.btn-danger,
.dt-ext .dataTables_wrapper div.dt-button.btn-danger {
  background-color: #fc564a;
  border-color: #fc564a;
}
.dt-ext .dataTables_wrapper table.dataTable td.focus,
.dt-ext .dataTables_wrapper table.dataTable th.focus {
  outline: 3px solid var(--theme-default);
}
.dt-ext .dataTables_wrapper table.dataTable tbody > tr.selected,
.dt-ext .dataTables_wrapper table.dataTable tbody > tr > .selected,
.dt-ext
  .dataTables_wrapper
  table.dataTable.display
  tbody
  > tr.even.selected
  > .sorting_1,
.dt-ext .dataTables_wrapper table.dataTable.display tbody > tr.odd.selected,
.dt-ext
  .dataTables_wrapper
  table.dataTable.display
  tbody
  > tr.odd.selected
  > .sorting_1,
.dt-ext .dataTables_wrapper table.dataTable.display tbody > tr.odd > .selected,
.dt-ext
  .dataTables_wrapper
  table.dataTable.order-column.stripe
  tbody
  > tr.even.selected
  > .sorting_1,
.dt-ext
  .dataTables_wrapper
  table.dataTable.order-column.stripe
  tbody
  > tr.odd.selected
  > .sorting_1,
.dt-ext .dataTables_wrapper table.dataTable.stripe tbody > tr.odd.selected,
.dt-ext .dataTables_wrapper table.dataTable.stripe tbody > tr.odd > .selected {
  background-color: #fff;
}
td.highlight {
  background-color: #f4f4f4 !important;
}
td.details-control {
  background: url(images/details_open.png) no-repeat 50%;
  cursor: pointer;
}
tr.shown td.details-control {
  background: url(images/details_close.png) no-repeat 50%;
}
.dataTables_scroll ~ .dataTables_paginate {
  margin-top: 20px !important;
}
.product-table th:last-child {
  min-width: 120px;
}
.product-table h6 {
  color: #3f475a;
  font-weight: 600;
}
table.dataTable.display tbody tr.odd > .sorting_1 {
  background-color: #fdfeff;
}
table.dataTable.display tbody tr.even .badge,
table.dataTable.display tbody tr.odd .badge {
  line-height: 15px;
}
.jsgrid-alt-row .jsgrid-cell .badge,
.jsgrid-row .jsgrid-cell .badge {
  line-height: 15px !important;
}
.datepicker {
  z-index: 99;
}
.datepicker--day-name {
  color: #7366ff;
  font-weight: 700;
}
.datepicker--cell.-current- {
  border: 2px solid var(--theme-default);
  border-radius: 5px;
  color: #000;
  font-weight: 700;
}
.datepicker--cell.-focus- {
  background: var(--theme-default);
  color: #fff;
}
.datepicker--cell.-selected- {
  background: var(--theme-default) !important;
}
.datepicker--cell-day {
  width: 14.2857142857%;
}
.bootstrap-datetimepicker-widget,
.datepickers-container {
  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 {
  color: #898989;
  font-size: 14px;
}
.clockpicker-popover {
  border: none;
  box-shadow: 0 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: #fff;
}
.clockpicker-tick:hover {
  background-color: #fff;
  color: inherit;
}
.calendar-basic .md-sidebar-aside {
  background-color: #fff;
  box-shadow: 0 9px 20px rgba(46, 35, 94, 0.08);
}
@media (max-width: 1199px) and (min-width: 775px) {
  .calendar-basic .md-sidebar-aside {
    height: 400px;
    overflow-y: scroll;
  }
}
@media (max-width: 774px) {
  .calendar-basic .md-sidebar-aside {
    height: 275px;
    overflow-y: scroll;
  }
}
.calendar-basic .fc-event i {
  font-size: 14px;
}
.calendar-basic #external-events {
  border: 1px solid #d7e2e9;
  padding: 20px;
}
.calendar-basic #external-events h6 {
  margin-bottom: 14px;
}
.calendar-basic #external-events p {
  margin-top: 12px;
}
.calendar-basic #external-events .fc-h-event {
  background-color: hsla(0, 0%, 51%, 0.1);
  border: 1px solid hsla(0, 0%, 51%, 0.1);
  cursor: pointer;
  padding: 12px;
}
.calendar-basic #external-events .fc-h-event .fc-event-main {
  color: var(--body-font-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.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: 14px;
}
.calendar-basic .create-event .form-control {
  color: rgba(82, 82, 108, 0.8);
  font-size: 14px;
}
.calendar-basic .calendar-default .fc-event-main-frame {
  color: var(--body-font-color);
  font-size: 13px;
  padding: 2px 6px;
}
.calendar-basic .calendar-default .fc .fc-highlight {
  background: rgba(63, 71, 90, 0.2);
}
.calendar-basic .calendar-default .fc-daygrid-dot-event {
  font-size: 13px;
}
.calendar-basic .calendar-default .fc-daygrid-dot-event .fc-event-time {
  color: var(--body-font-color);
}
.calendar-basic .calendar-default .fc-daygrid-dot-event .fc-event-title {
  color: var(--body-font-color);
  font-weight: 400;
  text-overflow: ellipsis;
}
.calendar-basic .calendar-default .fc td[role="presentation"] {
  border: 0;
}
.calendar-basic .calendar-default .fc .fc-col-header-cell-cushion,
.calendar-basic .calendar-default .fc .fc-daygrid-day-number {
  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 {
  background-color: hsla(0, 0%, 51%, 0.1);
  border: 1px solid hsla(0, 0%, 51%, 0.1);
  padding: 2px;
}
.calendar-basic .calendar-default .fc-h-event .fc-event-title {
  color: var(--body-font-color);
}
.calendar-basic .calendar-default .fc-h-event .fc-event-time {
  color: var(--body-font-color);
  font-weight: 400;
}
.calendar-basic .calendar-default .fc-toolbar-chunk .fc-button-group button {
  text-transform: capitalize;
}
.calendar-basic
  .calendar-default
  .fc-toolbar-chunk
  .fc-button-group
  ~ .fc-today-button {
  margin: 0 8px;
  text-transform: capitalize;
}
.calendar-basic p label {
  cursor: pointer;
}
.fc-event-dragging {
  background-color: hsla(0, 0%, 51%, 0.1);
  border: 1px solid var(--theme-secondary);
  padding: 10px;
}
.fc-event-dragging .fc-event-main {
  color: var(--body-font-color);
  font-size: 14px;
}
.fc-v-event {
  background-color: hsla(0, 0%, 51%, 0.1);
  border: 1px solid var(--theme-secondary);
}
.fc-timegrid-event-harness-inset .fc-timegrid-event {
  box-shadow: unset;
}
.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 {
  border-radius: 6px !important;
  width: 100%;
}
.main-inline-calender.input-group .form-control:focus {
  border-color: var(--recent-border);
  box-shadow: unset;
}
.main-inline-calender.input-group .flatpickr-calendar.inline {
  border-radius: 6px !important;
  width: 100%;
}
.main-inline-calender.input-group .flatpickr-innerContainer,
.main-inline-calender.input-group .flatpickr-rContainer {
  display: block;
}
.main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days,
.main-inline-calender.input-group .flatpickr-rContainer .flatpickr-weekdays {
  width: 100%;
}
.main-inline-calender.input-group
  .flatpickr-rContainer
  .flatpickr-days
  .dayContainer {
  max-width: none;
  min-width: unset;
  width: 100%;
}
.main-inline-calender.input-group
  .flatpickr-rContainer
  .flatpickr-days
  .dayContainer
  .flatpickr-day {
  border-radius: 5px;
  max-width: unset;
  width: 100%;
}
.main-inline-calender.input-group
  .flatpickr-rContainer
  .flatpickr-days
  .dayContainer
  .flatpickr-day:hover {
  border-color: transparent;
}
.main-inline-calender.input-group
  .flatpickr-rContainer
  .flatpickr-days
  .dayContainer
  .flatpickr-day.nextMonthDay,
.main-inline-calender.input-group
  .flatpickr-rContainer
  .flatpickr-days
  .dayContainer
  .flatpickr-day.prevMonthDay {
  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 .endRange,
.flatpickr-day .endRange:hover,
.flatpickr-day.selected,
.flatpickr-day.selected:hover {
  background-color: var(--theme-default) !important;
  border-color: var(--theme-default) !important;
}
.main-flatpickr .form-control:-moz-read-only {
  background-color: unset;
}
.main-flatpickr .form-control:read-only {
  background-color: unset;
}
.flatpickr-months {
  font-size: calc(11.6px + 0.125vw);
}
.flatpickr-months .flatpickr-next-month,
.flatpickr-months .flatpickr-prev-month {
  z-index: 1;
}
.flatpickr-current-month {
  font-size: calc(13px + 0.3125vw);
}
.flatpickr-current-month .numInputWrapper:hover .arrowUp:after {
  border-bottom-color: var(--body-font-color);
}
.flatpickr-current-month .numInputWrapper:hover .arrowDown:after {
  border-top-color: var(--body-font-color);
}
@media (max-width: 400px) {
  .flatpickr-calendar.animate {
    left: 50% !important;
    transform: translateX(-50%);
    width: 77%;
  }
}
.flatpickr-calendar .flatpickr-days {
  width: unset;
}
.flatpickr-calendar .flatpickr-days .dayContainer {
  max-width: unset;
  min-width: unset;
  width: unset;
}
.flatpickr-calendar.rangeMode
  .flatpickr-days
  .dayContainer
  .flatpickr-day.endRange {
  background-color: var(--theme-default);
  border-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 {
  color: #898989;
  font-size: 14px;
}
.timepicker-wrapper .row .input-group .form-control.input {
  border-bottom-left-radius: 5px !important;
  border-top-left-radius: 5px !important;
}
.img-cropper .dropup .dropdown-toggle:after {
  content: "";
  display: none;
}
.dropdown-divider {
  margin: 0;
}
.dropdown .dropdown-toggle {
  background-color: rgba(115, 102, 255, 0.08);
  border-radius: 10px;
  color: #7366ff;
  padding: 5px 10px;
  text-align: left;
  width: 100px;
}
.dropdown .dropdown-toggle:after {
  border: none;
  content: "\f107";
  font-family: Font Awesome\6 Free;
  font-size: 18px;
  font-weight: 600;
  margin: 0;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.dropdown .dropdown-toggle.show {
  border-color: transparent;
}
.dropdown .dropdown-toggle.btn-primary {
  color: #fff;
}
.dropdown .dropdown-toggle:active,
.dropdown .dropdown-toggle:focus {
  border: 1px solid transparent;
}
.dropdown.custom-dropdown .dropdown-toggle {
  background-color: transparent;
  border: 1px solid rgba(82, 82, 108, 0.2);
  border-radius: 3px;
  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 {
  border-radius: 0;
  font-family: Rubik, sans-serif;
}
.docs-toggles .dropdown .dropdown-toggle {
  width: auto;
}
.docs-toggles
  .dropdown
  .dropdown-menu
  .dropdown-item
  .form-check
  .form-check-input:focus {
  border-color: #52526c;
  box-shadow: unset;
}
.nav-tabs .dropdown .dropdown-toggle {
  width: 120px;
}
@media only screen and (max-width: 575.98px) {
  .nav-tabs .dropdown .dropdown-toggle {
    text-align: center;
    width: 100%;
  }
}
.icon-dropdown .dropdown-toggle {
  background: transparent;
  color: #75758a;
  padding: 0;
  position: relative;
  width: auto;
  z-index: 1;
}
.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-bottom-left-radius: 0;
  border-top-left-radius: 0;
  padding: 10px;
}
.dropdown-basic .separated-btn.dropdown {
  margin-bottom: 0;
}
.dropdown-basic button {
  max-height: 43px;
}
.dropdown-basic .dropdown {
  display: inline-block;
  margin-bottom: 10px;
  position: relative;
}
.dropdown-basic .dropdown .dropbtn {
  border: none;
  color: #fff;
  cursor: pointer;
  padding: 12px 35px;
}
.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: #ccc;
}
.dropdown-block li .helper-truncate:hover {
  background-color: unset !important;
}
.dropdown-basic .dropdown .dropdown-content a:hover {
  background-color: #ccc !important;
}
.dropdown-menu .input-group {
  background-color: unset;
  background-color: var(--white);
  border-top: 1px solid #efefef;
  opacity: 0.6;
  padding: 6px 12px;
}
.dropdown-menu .input-group:active,
.dropdown-menu .input-group:hover {
  background-color: #ccc;
}
.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,
.dark-form h6 {
  color: var(--chart-text-color);
}
.dark-form p.dropdown-item {
  border-top: 1px solid var(--chart-dashed-border);
  padding: 7px 0 0;
}
.dark-form .helper-truncate {
  background-color: transparent;
  color: var(--chart-text-color);
}
.dropdown-toggle:after {
  border-bottom: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid;
  content: "";
  display: inline-block;
  margin-left: 8px;
  vertical-align: 2px;
}
[dir="rtl"] .dropdown-toggle:after {
  margin-left: unset;
  margin-right: 8px;
}
.dropstart .dropdown-toggle:before {
  border-bottom: 4px solid transparent;
  border-right: 4px solid;
  border-top: 4px solid transparent;
  content: "";
  display: inline-block;
  margin-right: 8px;
}
[dir="rtl"] .dropstart .dropdown-toggle:before {
  margin-left: 8px;
  margin-right: unset;
}
.dropup:not(.bootstrap-select) .dropdown-toggle:after {
  border-bottom: 4px solid;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 0;
  content: "";
  display: inline-block;
  margin-left: 8px;
  vertical-align: 4px;
}
[dir="rtl"] .dropup:not(.bootstrap-select) .dropdown-toggle:after {
  margin-left: unset;
  margin-right: 8px;
}
.dropend .dropdown-toggle:after {
  border-bottom: 4px solid transparent;
  border-left: 4px solid;
  border-right: 0;
  border-top: 4px solid transparent;
  content: "";
  display: inline-block;
  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::-moz-placeholder {
  color: #999;
  font-size: 14px;
}
.dropdown-menu .form-control::placeholder {
  color: #999;
  font-size: 14px;
}
.dark-dropdown .dropdown-block li .dropdown-item.active,
.dark-dropdown .dropdown-block li .dropdown-item:hover {
  background-color: #3f475a;
  color: #fff;
}
btn-group .dropdown-wrapper {
  z-index: 2;
}
btn-group .dropdown-wrapper .input-group .input-group-text {
  padding: 0 8px 0 0;
}
[dir="rtl"] btn-group .dropdown-wrapper .input-group .input-group-text {
  padding: 0 0 0 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 {
  background-color: #d7e2e9;
  border-bottom: 4px solid var(--recent-border);
  border-top: 0;
}
.split-dropdown .dropdown-basic .btn-group .dropdown-menu .dropdown-item a {
  background: transparent;
  color: #2b2b2b;
  font-size: 13px;
  padding: initial;
}
.icon-addon .addon-md .fa,
.icon-addon .addon-md .glyphicon,
.icon-addon .fa,
.icon-addon .glyphicon {
  font-size: 14px;
  left: 10px;
  margin-left: -2.5px;
  padding: 10px 0;
  position: absolute;
  text-align: center;
  top: 1px;
  width: 20px;
  z-index: 2;
}
.input-group-square .form-control,
.input-group-square .input-group-text {
  border-radius: 0 !important;
}
.input-group-air {
  box-shadow: 0 3px 20px 0 #efefef;
}
.icon-addon {
  color: #4c5667;
  display: block;
  position: relative;
}
.icon-addon:after {
  clear: both;
}
.icon-addon:after,
.icon-addon:before {
  content: "";
  display: table;
}
.icon-addon .addon-md .form-control,
.icon-addon .form-control {
  float: left;
  font-weight: 400;
  padding-left: 30px;
}
.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,
.main-custom-form label {
  margin-bottom: 0;
}
.main-custom-form .form-select:focus {
  border-color: var(--recent-border);
  box-shadow: unset;
}
.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-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.main-custom-form .form-control,
.main-custom-form .form-select {
  font-size: calc(13.8px + 0.0625vw);
}
.main-custom-form .input-group-text {
  font-size: calc(13.6px + 0.125vw);
}
@media (max-width: 338px) {
  .main-custom-form .dropdown-toggle.btn {
    padding: 6px 11px;
  }
}
.main-segment-btn .dropdown-toggle:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid;
  content: "";
  margin-left: 0;
  vertical-align: 2px;
}
.main-segment-btn .dropdown-menu {
  z-index: 3;
}
#exampleDataList::-webkit-calendar-picker-indicator:focus,
#exampleDataList::-webkit-calendar-picker-indicator:hover {
  display: none;
}
.form-control-color {
  max-width: 70rem;
}
.select2-container--default .select2-selection--single {
  border: 1px dashed #ccc;
}
.select2-container--default .select2-results__option--highlighted {
  background-color: #7366ff !important;
}
.theme-form select.form-select option {
  border-radius: 100px;
  padding: 8px 10px;
}
.input-radius .form-control:focus {
  border-color: var(--recent-border);
  box-shadow: unset;
}
.input-radius
  .input-group
  > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(
    .valid-feedback
  ):not(.invalid-tooltip):not(.invalid-feedback) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.floating-wrapper .form-floating .form-control {
  height: 54px;
}
.autosize-textarea .textarea {
  border: 1px solid #ccc;
  color: rgba(82, 82, 108, 0.8);
  display: block;
  line-height: 1.8;
  min-height: 40px;
  overflow: hidden;
  padding: 6px;
  resize: both;
  width: 100%;
}
.autosize-textarea .textarea[contenteditable]:empty:before {
  color: rgba(82, 82, 108, 0.8);
  content: "Enter your message...";
}
.dynamic-form-field .input-group-btn span {
  font-size: 12px;
  margin-left: 6px;
  vertical-align: middle;
}
.multiple-selects option {
  font-size: 14px;
  padding: 8px;
}
@media (max-width: 575px) {
  .multiple-selects .row [class*="col-"] .row {
    --bs-gutter-y: 1rem;
    --bs-gutter-x: 1rem;
  }
}
.main-input-group .input-group-wrapper .input-group .btn.show {
  background-color: var(--theme-default);
  border-color: var(--theme-default);
}
.form-wizard .tab {
  display: none;
}
.form-wizard .step {
  background-color: var(--theme-default);
  border: none;
  border-radius: 50%;
  display: inline-block;
  height: 10px;
  margin: 0 2px;
  opacity: 0.5;
  width: 10px;
}
.form-wizard .step.active {
  opacity: 1;
}
.form-wizard .step.finish {
  background-color: var(--theme-secondary);
}
.wizard-4 .action-bar {
  bottom: 50px;
  position: absolute;
  right: 50px;
}
[dir="rtl"] .wizard-4 .action-bar {
  left: 50px;
  right: unset;
}
.wizard-4 .action-bar .btn {
  background-color: rgba(115, 102, 255, 0.1) !important;
  border-color: rgba(115, 102, 255, 0.1) !important;
  color: var(--theme-default);
  float: right;
  margin: 0 5px;
}
.wizard-4 .action-bar .buttonDisabled {
  background-color: rgba(89, 102, 122, 0.05) !important;
  border: 1px solid rgba(89, 102, 122, 0.05) !important;
  color: #59667a;
  cursor: text;
}
.wizard-4 .step-container {
  background: #f8f9fe;
  border: 0 solid #e8ebf2;
  clear: right;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 70%;
}
.wizard-4 .step-container div.content {
  box-sizing: border-box;
  clear: both;
  display: block;
  float: left;
  overflow: auto;
  position: absolute;
  text-align: left;
  width: 100%;
  z-index: 1;
}
[dir="rtl"] .wizard-4 .step-container div.content {
  text-align: unset;
  text-align: right;
}
.wizard-4 .step-container div.content .wizard-title {
  margin: 0 auto;
  width: 450px;
}
.wizard-4 .loader {
  display: none;
}
.wizard-4 .msg-box {
  background-color: #a299ff;
  border-radius: 5px;
  display: none;
  padding: 10px 20px;
  position: fixed;
  right: 60px;
  top: 30px;
}
.wizard-4 .msg-box .content {
  color: #fff;
  float: left;
  padding: 3px 0 0;
}
.wizard-4 .msg-box .close {
  color: #fff;
  font-size: 18px;
  line-height: 1.4;
  margin-left: 10px;
  opacity: 1;
}
[dir="rtl"] .wizard-4 .msg-box .close {
  margin-left: unset;
  margin-right: 10px;
}
.wizard-4 ul.anchor {
  float: left;
  height: calc(100vh - 300px);
  overflow: auto;
  padding: 40px 30px;
  width: 30%;
}
.wizard-4 ul.anchor .disabled {
  color: #59667a;
  opacity: 0.7;
}
.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 {
  box-sizing: border-box;
  clear: both;
  display: block;
  float: left;
  margin: 0;
  padding: 0 0 19px;
  position: relative;
  width: 100%;
  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 {
  bottom: 0;
  left: calc(9% + 0.41667vw - 5px);
  padding-bottom: 0;
  position: absolute;
  width: auto;
}
[dir="rtl"] .wizard-4 ul.anchor li:last-child {
  left: unset;
  right: calc(9% + 0.41667vw - 5px);
}
.wizard-4 ul.anchor li:last-child img {
  height: calc(63.33333px + 13.88889vw);
}
@media (max-width: 991px) {
  .wizard-4 ul.anchor li:last-child {
    left: calc(6% + 0.34722vw - 2.66667px);
  }
  [dir="rtl"] .wizard-4 ul.anchor li:last-child {
    left: unset;
    right: calc(6% + 0.34722vw - 2.66667px);
  }
  .wizard-4 ul.anchor li:last-child img {
    height: calc(213.33333px + 6.07639vw);
  }
}
.wizard-4 ul.anchor li h4 {
  align-items: center;
  background-color: rgba(115, 102, 255, 0.2);
  border-radius: 100%;
  display: inline-block;
  display: flex;
  justify-content: center;
  left: 0;
  padding: 16px 23px;
  position: absolute;
  top: 6px;
  width: 60px;
}
[dir="rtl"] .wizard-4 ul.anchor li h4 {
  left: unset;
  right: 0;
}
.wizard-4 ul.anchor li a {
  box-sizing: border-box;
  display: block;
  float: left;
  font-size: 18px;
  margin: 0;
  outline-style: none;
  padding: 10px 20px;
  position: relative;
  text-decoration: none;
  width: 100%;
  z-index: 1;
}
.wizard-4 ul.anchor li a small {
  display: block;
  font-size: 14px;
}
.wizard-4 ul.anchor li a .stepNumber {
  float: left;
  padding: 0 5px 5px;
  position: relative;
  text-align: center;
  width: 30px;
}
.wizard-4 ul.anchor li a.done h4 {
  background: var(--theme-default);
  color: #fff;
}
.wizard-4 ul.anchor li a.done h4:before {
  background-color: #fff;
  border: 1px solid;
  border-radius: 15px;
  color: var(--theme-default);
  content: "\e64c";
  font-family: themify;
  font-size: 12px;
  left: 5px;
  padding: 2px;
  position: absolute;
  top: -3px;
}
.wizard-4 ul.anchor li a.error {
  background: #fe8a7d;
  border: 1px solid #fc564a;
  color: #898989;
}
.wizard-4 ul.anchor li a.error:hover {
  color: #000;
}
.wizard {
  margin: 0 auto;
  max-width: 670px;
}
.wizard .wizard-content {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: unset;
}
.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,
.vertical-main-wizard .nav-pills.show > .nav-link {
  background-color: transparent;
}
.vertical-main-wizard .nav-link .vertical-wizard {
  align-items: center;
  display: flex;
  gap: 14px;
}
.vertical-main-wizard .nav-link .vertical-wizard .stroke-icon-wizard {
  align-items: center;
  background-color: var(--white);
  border: 1px solid #52526c;
  border-radius: 50%;
  display: flex;
  height: 33px;
  justify-content: center;
  position: relative;
  width: 33px;
}
.vertical-main-wizard .nav-link .vertical-wizard .stroke-icon-wizard i {
  color: #52526c;
  margin-right: 0;
}
.vertical-main-wizard .nav-link .vertical-wizard .vertical-wizard-content h6 {
  color: var(--body-font-color);
  font-weight: 400;
  line-height: 1;
}
.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 {
  border: 1px solid #7366ff;
  border-radius: 50%;
  content: "";
  height: 45px;
  position: absolute;
  width: 45px;
}
.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-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.basic-wizard .stepper-horizontal {
  display: flex;
  margin: 0 auto calc(12px + 0.625vw);
  overflow: auto;
  width: 100%;
}
.basic-wizard .stepper-horizontal .step {
  padding-inline: 24px;
  position: relative;
  width: 100%;
  z-index: 2;
}
.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-left: 0;
  padding-right: 24px;
}
.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 {
  background: var(--white);
  border: 2px solid #ccc;
  border-radius: 50%;
  font-size: 16px;
  font-weight: 600;
  height: 32px;
  line-height: 1.8;
  margin: 0 auto;
  text-align: center;
  width: 32px;
  z-index: 2;
}
.basic-wizard .stepper-horizontal .step.done .step-circle {
  background-color: var(--white);
  border: 2px solid #75758a;
  color: #7366ff;
  position: relative;
  z-index: 4;
}
.basic-wizard .stepper-horizontal .step.done .step-circle:before {
  content: "\f00c";
  font-family: Font Awesome\6 Free;
  font-weight: 600;
}
.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 {
  color: var(--chart-text-color);
  font-size: 16px;
  font-size: calc(13.6px + 0.125vw);
  font-weight: 600;
  margin-top: 8px;
  white-space: nowrap;
}
.basic-wizard .stepper-horizontal .step .step-optional,
.basic-wizard .stepper-horizontal .step .step-title {
  text-align: center;
}
.basic-wizard .stepper-horizontal .step .step-bar-left,
.basic-wizard .stepper-horizontal .step .step-bar-right {
  background-color: var(--view-border-marker);
  border: solid var(--view-border-marker);
  border-width: 2px 0;
  height: 4px;
  position: absolute;
  top: 14px;
}
.basic-wizard .stepper-horizontal .step .step-bar-left {
  left: 50%;
  width: 100%;
  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 {
  left: 50%;
  transition: width 0.5s ease-in-out;
  width: 0;
  z-index: -1;
}
[dir="rtl"] .basic-wizard .stepper-horizontal .step .step-bar-right {
  left: unset;
  right: 50%;
}
.basic-wizard .stepper-horizontal .step.done .step-bar-right {
  background-color: var(--theme-default);
  border-color: var(--theme-default);
  width: 100%;
  z-index: 3;
}
.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 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  padding-bottom: 24px;
}
.successful-form img {
  height: calc(61.6px + 2vw);
  width: calc(61.6px + 2vw);
}
#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 {
  display: block;
  height: 100px;
  margin: 0 auto;
}
.form-completed h6 {
  margin-top: 24px;
  text-align: center;
}
.horizontal-wizard-wrapper .main-horizontal-header {
  padding: 0 0 20px;
}
.horizontal-wizard-wrapper .main-horizontal-header .horizontal-options {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  justify-content: space-around;
}
@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 {
  align-items: center;
  display: flex;
  justify-content: center;
}
.horizontal-wizard-wrapper
  .main-horizontal-header
  .horizontal-options
  a
  .horizontal-wizard {
  align-items: center;
  color: var(--body-font-color);
  display: flex;
  justify-content: center;
  transition: all 0.3s ease;
}
.horizontal-wizard-wrapper
  .main-horizontal-header
  .horizontal-options
  a
  .horizontal-wizard
  .stroke-icon-wizard
  i {
  color: var(--body-font-color);
  font-size: 18px;
  vertical-align: -2px;
}
[dir="rtl"]
  .horizontal-wizard-wrapper
  .main-horizontal-header
  .horizontal-options
  a
  .horizontal-wizard
  .stroke-icon-wizard
  i {
  margin-left: 10px;
  margin-right: unset;
}
.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
  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;
}
@media (max-width: 401px) {
  .horizontal-wizard-wrapper .bank-selection .radio-wrapper {
    justify-content: center;
  }
}
.horizontal-wizard-wrapper .bank-selection .radio-wrapper li {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
}
.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(43.6px + 0.4375vw);
}
.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 {
  align-items: center;
  background-color: rgba(115, 102, 255, 0.1);
  border-radius: 6px;
  display: flex;
  height: 30px;
  justify-content: center;
  width: 30px;
}
.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 {
  color: var(--white);
  margin-right: 0;
}
.horizontal-wizard-wrapper.vertical-variations
  .select-account
  .radio-wrapper
  li {
  align-items: unset;
  display: grid;
  height: 100%;
  max-width: unset;
  padding: 20px;
  place-content: baseline;
  text-align: unset;
  width: 100%;
}
.horizontal-wizard-wrapper.vertical-variations
  .select-account
  .radio-wrapper
  li
  .form-check-label {
  align-items: center;
  display: flex;
  justify-content: unset;
}
.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 {
  align-items: flex-start;
  flex-direction: column;
  gap: 12px;
  justify-content: flex-start;
}
.authentication-options .radio-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: calc(6.4px + 0.5vw);
  justify-content: center;
}
.authentication-options .radio-wrapper li {
  align-items: unset;
  display: grid;
  height: 100%;
  max-width: unset;
  padding: 20px;
  place-content: baseline;
  text-align: unset;
  width: 100%;
}
.authentication-options .radio-wrapper li .form-check-label {
  align-items: center;
  display: flex;
  gap: 14px;
  text-align: left;
}
@media (max-width: 400px) {
  .authentication-options .radio-wrapper li .form-check-label {
    align-items: baseline;
  }
}
.authentication-options .radio-wrapper li .form-check-label i,
[dir="rtl"] .authentication-options .radio-wrapper li .form-check-label i {
  padding: 0;
}
.authentication-options .radio-wrapper li .form-check-label span > span {
  color: #1f2533;
  font-size: 16px;
  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 {
  align-items: center;
  flex-direction: column;
  margin-bottom: 22px;
}
@media (max-width: 480px) {
  .main-qr-code .modal-toggle-wrapper .modal-img {
    align-items: unset;
  }
  .main-qr-code .modal-toggle-wrapper .modal-img .qr-img {
    text-align: center;
  }
}
.main-qr-code .modal-toggle-wrapper .modal-img .qr-img img {
  height: 100px;
  width: 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: 12px auto auto;
}
.authentication-body {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: auto;
  text-align: center;
}
.authentication-body img {
  height: calc(156px + 13.75vw);
}
.checkout-cart .shipping-border,
.shipping-form .shipping-border {
  border-right: 1px solid var(--recent-dashed-border);
}
@media (max-width: 1200px) {
  .checkout-cart .shipping-border,
  .shipping-form .shipping-border {
    border-right: unset;
  }
}
.checkout-cart .shipping-options,
.shipping-form .shipping-options {
  align-items: center;
  background-color: rgba(115, 102, 255, 0.1);
  display: flex;
  flex-wrap: nowrap;
  margin-bottom: 18px;
}
@media (max-width: 768px) {
  .checkout-cart .shipping-options,
  .shipping-form .shipping-options {
    flex-direction: column;
  }
}
.checkout-cart .shipping-options .nav-link,
.shipping-form .shipping-options .nav-link {
  width: 100%;
}
@media (min-width: 1200px) and (max-width: 1920px) {
  .checkout-cart .shipping-options .nav-link,
  .shipping-form .shipping-options .nav-link {
    padding: 8px calc(4.14815px + 0.61728vw);
  }
}
.checkout-cart .shipping-options .nav-link.active i,
.shipping-form .shipping-options .nav-link.active i {
  background-color: #e8e5ff;
  color: var(--theme-default);
  transition: all 0.3s ease-in-out;
}
.checkout-cart .shipping-options .nav-link.active h6,
.shipping-form .shipping-options .nav-link.active h6 {
  color: #fff;
}
.checkout-cart .shipping-options .nav-link:nth-child(2) .cart-options i,
.shipping-form .shipping-options .nav-link:nth-child(2) .cart-options i {
  transform: scaleX(-1);
}
.checkout-cart .shipping-options .cart-options,
.shipping-form .shipping-options .cart-options {
  align-items: center;
  display: flex;
  gap: 11px;
}
.checkout-cart .shipping-options .cart-options i,
.shipping-form .shipping-options .cart-options i {
  align-items: center;
  background-color: var(--theme-default);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: calc(13.2px + 0.25vw);
  height: 40px;
  justify-content: center;
  margin: 0;
  transition: all 0.3s ease-in-out;
  width: 40px;
}
@media (min-width: 1200px) and (max-width: 1920px) {
  .checkout-cart .shipping-options .cart-options i,
  .shipping-form .shipping-options .cart-options i {
    font-size: calc(7.33333px + 0.55556vw);
    height: calc(13.33333px + 1.38889vw);
    width: calc(13.33333px + 1.38889vw);
  }
}
.checkout-cart .shipping-options .cart-options h6,
.shipping-form .shipping-options .cart-options h6 {
  color: var(--theme-default);
}
.checkout-cart .shipping-info .table thead th,
.shipping-form .shipping-info .table thead th {
  white-space: nowrap;
}
.checkout-cart .shipping-info .table thead th:last-child,
.shipping-form .shipping-info .table thead th:last-child {
  text-align: end;
}
.checkout-cart .shipping-info .table tbody tr td img,
.shipping-form .shipping-info .table tbody tr td img {
  height: 50px;
}
.checkout-cart .shipping-info .table tbody tr td:last-child,
.shipping-form .shipping-info .table tbody tr td:last-child {
  text-align: end;
}
.checkout-cart .shipping-info .table tbody tr td span,
.shipping-form .shipping-info .table tbody tr td span {
  color: var(--chart-text-color);
}
.checkout-cart .shipping-info .table tbody tr:last-child td,
.shipping-form .shipping-info .table tbody tr:last-child td {
  border: 0;
}
.checkout-cart .shipping-info .table tfoot,
.shipping-form .shipping-info .table tfoot {
  font-weight: 400;
}
.checkout-cart .shipping-info .table tfoot tr td,
.shipping-form .shipping-info .table tfoot tr td {
  white-space: nowrap;
}
.checkout-cart .shipping-info .table tfoot tr td:first-child,
.shipping-form .shipping-info .table tfoot tr td:first-child {
  max-width: 370px;
}
.checkout-cart .shipping-info .table tfoot tr td:last-child,
.shipping-form .shipping-info .table tfoot tr td:last-child {
  min-width: 0;
  text-align: end;
}
.checkout-cart .shipping-info .table tfoot tr:first-child,
.shipping-form .shipping-info .table tfoot tr:first-child {
  font-weight: 500;
}
.checkout-cart .shipping-info .table tfoot tr:last-child,
.shipping-form .shipping-info .table tfoot tr:last-child {
  font-weight: 600;
}
.checkout-cart .shipping-info .table tfoot tr:last-child td,
.shipping-form .shipping-info .table tfoot tr:last-child td {
  border-bottom: 0;
}
.checkout-cart .shipping-content,
.shipping-form .shipping-content {
  height: 100%;
  padding: 0;
}
.checkout-cart .shipping-content .shipping-wizard .shipping-title,
.shipping-form .shipping-content .shipping-wizard .shipping-title {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.checkout-cart .shipping-content .shipping-wizard .shipping-title > .btn,
.shipping-form .shipping-content .shipping-wizard .shipping-title > .btn {
  background: none !important;
  border: 0;
  padding: 0 28px;
}
.checkout-cart .shipping-content .shipping-wizard .shipping-title > .btn i,
.shipping-form .shipping-content .shipping-wizard .shipping-title > .btn i {
  color: var(--theme-default);
}
.checkout-cart .shipping-content .shipping-wizard .collect-address,
.shipping-form .shipping-content .shipping-wizard .collect-address {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}
.checkout-cart .shipping-content .shipping-wizard .collect-address .card-icon,
.shipping-form .shipping-content .shipping-wizard .collect-address .card-icon {
  align-items: center;
  display: flex;
  gap: 12px;
}
.checkout-cart .shipping-content .shipping-wizard .collect-address .card-icon i,
.shipping-form
  .shipping-content
  .shipping-wizard
  .collect-address
  .card-icon
  i {
  color: var(--theme-default);
  font-size: 16px;
}
.checkout-cart .shipping-content .shipping-wizard .shipping-address,
.shipping-form .shipping-content .shipping-wizard .shipping-address {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.checkout-cart .shipping-content .shipping-wizard .shipping-address h6,
.shipping-form .shipping-content .shipping-wizard .shipping-address h6 {
  font-size: 15px;
  font-weight: 500;
}
.checkout-cart .shipping-content > .active.finish-wizard1,
.shipping-form .shipping-content > .active.finish-wizard1 {
  align-items: center;
  display: flex;
  height: calc(100% - 73px);
  justify-content: center;
}
@media (max-width: 768px) {
  .checkout-cart .shipping-content > .active.finish-wizard1,
  .shipping-form .shipping-content > .active.finish-wizard1 {
    height: unset;
  }
}
.checkout-cart .shipping-method p,
.shipping-form .shipping-method p {
  color: var(--chart-text-color);
  padding-left: 25px;
}
[dir="rtl"] .checkout-cart .shipping-method p,
[dir="rtl"] .shipping-form .shipping-method p {
  padding-left: unset;
  padding-right: 25px;
}
.checkout-cart .proceed-next,
.shipping-form .proceed-next {
  padding-left: 8px;
}
[dir="rtl"] .checkout-cart .proceed-next,
[dir="rtl"] .shipping-form .proceed-next {
  padding-left: unset;
  padding-right: 8px;
}
.checkout-cart .proceed-prev,
.shipping-form .proceed-prev {
  padding-left: 8px;
  transform: scaleX(-1);
}
[dir="rtl"] .checkout-cart .proceed-prev,
[dir="rtl"] .shipping-form .proceed-prev {
  padding-left: unset;
  padding-right: 8px;
  transform: scaleX(1);
}
.checkout-cart .payment-info-wrapper .card-wrapper,
.shipping-form .payment-info-wrapper .card-wrapper {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .checkout-cart .payment-info-wrapper .card-wrapper,
  .shipping-form .payment-info-wrapper .card-wrapper {
    align-items: flex-start;
    flex-direction: column;
    justify-content: unset;
  }
}
.checkout-cart .payment-info-wrapper .card-wrapper img,
.shipping-form .payment-info-wrapper .card-wrapper img {
  height: 50px;
}
.checkout-cart .payment-info-wrapper .pay-info,
.shipping-form .payment-info-wrapper .pay-info {
  display: block;
}
.checkout-cart .payment-info-wrapper .pay-info > div,
.shipping-form .payment-info-wrapper .pay-info > div {
  align-items: center;
  display: flex;
  margin-bottom: 12px;
}
@media (max-width: 768px) {
  .checkout-cart .payment-info-wrapper .pay-info > div,
  .shipping-form .payment-info-wrapper .pay-info > div {
    align-items: flex-start;
    flex-direction: column;
  }
}
.checkout-cart .order-confirm,
.shipping-form .order-confirm {
  text-align: center;
}
@media (max-width: 1200px) {
  .checkout-cart .order-confirm,
  .shipping-form .order-confirm {
    margin-bottom: 18px;
  }
}
.checkout-cart .order-confirm img,
.shipping-form .order-confirm img {
  height: calc(86px + 2.8125vw);
}
.checkout-cart .finish-shipping,
.shipping-form .finish-shipping {
  background-color: var(--light-background);
  height: 100%;
  padding-block: 15%;
  padding-inline: 12px;
  text-align: center;
  width: 100%;
}
.checkout-cart .finish-shipping svg,
.shipping-form .finish-shipping svg {
  animation: up-down 2.9s ease-in-out infinite;
  height: calc(122px + 5.625vw);
  width: calc(122px + 5.625vw);
}
.checkout-cart .form-select,
.shipping-form .form-select {
  color: var(--chart-text-color);
  font-size: 14px;
}
.avatar-upload {
  flex-direction: column;
}
.avatar-upload div:first-child {
  margin: auto;
  max-width: 205px;
  position: relative;
}
.avatar-upload div:first-child .avatar-edit {
  position: absolute;
  right: 25px;
  top: 4px;
  z-index: 1;
}
.avatar-upload div:first-child .avatar-edit input {
  display: none;
}
.avatar-upload div:first-child .avatar-edit label {
  background: var(--light-bg);
  border: 1px solid transparent;
  border-radius: 100%;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
  cursor: pointer;
  display: inline-block;
  font-weight: 400;
  height: 35px;
  margin-bottom: 0;
  transition: all 0.2s ease-in-out;
  width: 35px;
}
.avatar-upload div:first-child .avatar-edit label:after {
  color: var(--body-font-color);
  content: "\f303";
  font-family: Font Awesome\6 Free;
  font-weight: 600;
  left: 3px;
  margin: auto;
  position: absolute;
  right: 0;
  text-align: center;
  top: 8px;
}
[dir="rtl"] .avatar-upload div:first-child .avatar-edit label:after {
  left: 0;
  right: 3px;
}
.avatar-upload div:first-child .avatar-preview {
  border: 6px solid #f8f8f8;
  border-radius: 100%;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  height: 150px;
  margin: auto;
  position: relative;
  width: 150px;
}
.avatar-upload div:first-child .avatar-preview > div {
  background-image: url(images/user.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 100%;
  height: 100%;
  width: 100%;
}
.avatar-upload h6 {
  padding-top: 14px;
  text-align: center;
}
.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-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.authenticate {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.authenticate span:first-of-type {
  margin-top: 12px;
}
.authenticate h4 {
  margin-bottom: 12px;
}
.authenticate img {
  height: calc(134px + 3.4375vw);
}
.authenticate form {
  flex-direction: column;
  text-align: center;
}
.authenticate form .otp-generate {
  display: flex;
  gap: 12px;
  justify-content: center;
  margin: 14px 0;
}
.authenticate form .form-control {
  border-radius: 5px;
  display: block;
  height: calc(23px + 0.625vw);
  min-width: 0;
  padding: 0;
  text-align: center;
  width: calc(23px + 0.625vw);
}
.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);
}
.horizontal-login .mb-3:nth-child(2) {
  position: relative;
}
.horizontal-login .form-control {
  padding-right: 34px;
}
[dir="rtl"] .horizontal-login .form-control {
  padding-left: 34px;
  padding-right: 0.75rem;
}
.horizontal-login .pwd-strength li {
  margin-bottom: 8px;
}
.horizontal-login .pwd-strength li:last-child {
  margin-bottom: 0;
}
.horizontal-login .pwd-strength li i {
  margin-right: 8px;
}
.horizontal-login .control-label {
  padding-bottom: 4px;
  text-align: left !important;
}
.horizontal-login .progress {
  height: 4px;
  margin-block: 12px;
}
.horizontal-login .form-group {
  margin-bottom: 10px;
}
.horizontal-login .show-pass {
  position: absolute;
  right: 20px;
  top: 2.75rem;
  transform: translate(50%, -50%);
}
[dir="rtl"] .horizontal-login .show-pass {
  left: 20px;
  right: unset;
  transform: translate(-50%, -50%);
}
.horizontal-login .was-validated .form-control:invalid ~ .show-pass,
.horizontal-login .was-validated .form-control:valid ~ .show-pass {
  right: 40px;
}
[dir="rtl"] .horizontal-login .was-validated .form-control:invalid ~ .show-pass,
[dir="rtl"] .horizontal-login .was-validated .form-control:valid ~ .show-pass {
  left: 40px;
  right: unset;
}
.horizontal-login .progress-bar-danger {
  background-color: #fc564a;
}
.horizontal-login .progress-bar-warning {
  background-color: #ffb829;
}
.horizontal-login .progress-bar-success {
  background-color: #65c15c;
}
.horizontal-login .login-btn {
  background-image: linear-gradient(90deg, #f6086e, #ff133a) !important;
  color: #fff;
  font-size: 18px;
  margin: 0 auto 5px;
  padding: 8px 0;
  width: 180px !important;
}
.horizontal-login .login-btn:hover {
  background-image: linear-gradient(
    90deg,
    rgba(255, 0, 111, 0.8),
    rgba(247, 2, 43, 0.8)
  ) !important;
  color: #fff !important;
}
.horizontal-login .fa-eye {
  color: var(--body-font-color);
  cursor: pointer;
}
.horizontal-login .ex-account p a {
  color: #fc564a;
  text-decoration: underline;
}
.horizontal-login .fa-circle {
  font-size: 6px;
}
.horizontal-login .fa-check {
  color: #65c15c;
}
.form-label {
  font-size: 14px;
  margin-bottom: 4px;
}
.col-form-label {
  padding-bottom: 4px;
}
.form-space {
  margin-bottom: -10px;
}
.form-space > div {
  margin-bottom: 10px;
}
.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;
  font-weight: 100;
  letter-spacing: 1px;
}
.theme-form input[type="date"],
.theme-form input[type="datetime-local"],
.theme-form input[type="email"],
.theme-form input[type="file"],
.theme-form input[type="month"],
.theme-form input[type="number"],
.theme-form input[type="password"],
.theme-form input[type="search"],
.theme-form input[type="tel"],
.theme-form input[type="text"],
.theme-form input[type="time"],
.theme-form input[type="url"],
.theme-form input[type="week"],
.theme-form select,
.theme-form textarea {
  background-color: #fff;
  border-color: #ccc;
  box-shadow: none;
  color: #898989;
  font-size: 14px;
  padding: 12px 10px;
}
.theme-form input[type="date"]::-webkit-input-placeholder,
.theme-form input[type="datetime-local"]::-webkit-input-placeholder,
.theme-form input[type="email"]::-webkit-input-placeholder,
.theme-form input[type="file"]::-webkit-input-placeholder,
.theme-form input[type="month"]::-webkit-input-placeholder,
.theme-form input[type="number"]::-webkit-input-placeholder,
.theme-form input[type="password"]::-webkit-input-placeholder,
.theme-form input[type="search"]::-webkit-input-placeholder,
.theme-form input[type="tel"]::-webkit-input-placeholder,
.theme-form input[type="text"]::-webkit-input-placeholder,
.theme-form input[type="time"]::-webkit-input-placeholder,
.theme-form input[type="url"]::-webkit-input-placeholder,
.theme-form input[type="week"]::-webkit-input-placeholder,
.theme-form select::-webkit-input-placeholder,
.theme-form textarea::-webkit-input-placeholder {
  color: #898989;
  font-size: 14px;
  font-weight: 100;
  letter-spacing: 1px;
}
.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-left: unset;
  padding-right: 10px;
}
.theme-form .login-divider {
  border-top: 1px solid #efefef;
  clear: both;
  height: 0;
  margin: 30px 0;
  position: relative;
}
.theme-form .login-divider:before {
  background: #fff;
  color: #242934;
  content: "Or Login With";
  left: 40%;
  margin-left: -10px;
  padding: 0 5px;
  position: absolute;
  top: -11px;
}
[dir="rtl"] .theme-form .login-divider:before {
  left: unset;
  margin-left: unset;
  margin-right: -10px;
  right: 40%;
}
.theme-form .btn-dribble,
.theme-form .btn-fb,
.theme-form .btn-google,
.theme-form .btn-linkedin,
.theme-form .btn-twitter {
  color: #fff;
  width: 100%;
}
.theme-form .btn-fb {
  background-color: #50598e;
}
.theme-form .btn-twitter {
  background-color: rgba(0, 0, 0, 0.8);
}
.theme-form .btn-google {
  background-color: #c64e40;
}
.theme-form .btn-linkedin {
  background-color: #0073b1;
}
.theme-form .btn-dribble {
  background: #e74c88;
}
.form-inline {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-flow: row wrap;
  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 {
  background: #e8ebf2;
  content: "";
  height: 25px;
  left: 82px;
  position: absolute;
  top: 50px;
  width: 1px;
}
[dir="rtl"] .search-form .form-group:before {
  left: unset;
  right: 82px;
}
.search-form .form-group:after {
  color: #8e8e8e;
  content: "\f002";
  font-family: FontAwesome;
  left: 53px;
  position: absolute;
  top: 53px;
}
[dir="rtl"] .search-form .form-group:after {
  left: unset;
  right: 53px;
}
.search-form input {
  background-color: hsla(0, 0%, 96%, 0.3);
  border: 1px solid #efefef;
  border-radius: 10px;
  padding: 10px 10px 10px 70px;
}
[dir="rtl"] .search-form input {
  padding: 10px 70px 10px 10px;
}
.search-form input:focus {
  outline: none !important;
}
.form-label-align-right label {
  font-weight: 500;
  padding-top: 17px;
  text-align: right;
}
.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-left: 10px;
  margin-right: 0;
}
.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 {
  margin-bottom: 0;
  min-height: 0;
}
.checkbox-checked .card-wrapper .form-check:last-child label {
  margin-bottom: 0;
}
.form-check-size {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
}
.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 {
  height: 18px;
  margin-top: 0;
  width: 18px;
}
.form-check-size .form-check-inline .check-size {
  height: 18px;
  margin-top: 0;
  width: 36px;
}
.form-check-size .form-check-inline label {
  margin: 0;
}
.main-img-checkbox .img-checkbox {
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative;
}
.main-img-checkbox .img-checkbox .main-img-cover {
  height: 24px;
  left: 15px;
  position: absolute;
  top: 15px;
  width: 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 {
  height: 220px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.main-icon-checkbox.checkbox label {
  margin-top: 0;
}
.main-icon-checkbox.checkbox label:before {
  background-color: transparent;
  content: "";
  display: block;
  height: 100%;
  margin-left: 1px;
  top: 0;
  width: 100%;
}
[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 {
  border: 2px solid #7366ff;
  color: transparent;
}
.main-icon-checkbox.checkbox-primary input[type="checkbox"] {
  opacity: 1;
}
.main-icon-checkbox.checkbox-primary .form-check-input {
  border: 1px solid #ccc;
}
.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-checkbox-toggle .btn,
.main-radio-toggle .btn {
  margin-bottom: 0;
}
.checkbox-wrapper,
.radio-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: calc(6.4px + 0.5vw);
  justify-content: center;
}
@media (max-width: 1200px) {
  .checkbox-wrapper,
  .radio-wrapper {
    justify-content: unset;
  }
}
.checkbox-wrapper li,
.radio-wrapper li {
  align-items: center;
  border: none;
  display: flex;
  justify-content: center;
  max-width: 130px;
  padding: 12px;
  position: relative;
  text-align: center;
  width: 100%;
}
@media (max-width: 1335px) {
  .checkbox-wrapper li,
  .radio-wrapper li {
    max-width: 113px;
  }
}
@media (max-width: 1232px) {
  .checkbox-wrapper li,
  .radio-wrapper li {
    max-width: 105px;
    padding: 10px;
  }
}
.checkbox-wrapper li .form-check-input,
.radio-wrapper li .form-check-input {
  background-color: transparent;
  border: 1px solid #ccc;
  border-radius: 0;
  float: none;
  height: 100%;
  left: 0;
  margin: 0;
  opacity: 1;
  position: absolute;
  top: 0;
  width: 100%;
}
.checkbox-wrapper li .form-check-input:focus,
.radio-wrapper li .form-check-input:focus {
  box-shadow: none;
}
.checkbox-wrapper li .form-check-input[type="radio"],
.radio-wrapper li .form-check-input[type="radio"] {
  opacity: 1;
}
.checkbox-wrapper li .form-check-input:checked,
.radio-wrapper li .form-check-input:checked {
  background-color: transparent;
  border: 2px solid #7366ff;
}
.checkbox-wrapper li .form-check-input:checked[type="radio"],
.radio-wrapper li .form-check-input:checked[type="radio"] {
  background-image: none;
  box-shadow: unset;
}
.checkbox-wrapper li .form-check-label,
.radio-wrapper li .form-check-label {
  margin-bottom: 0;
  padding: 0;
  position: unset;
}
.checkbox-wrapper li .form-check-label:after,
.checkbox-wrapper li .form-check-label:before,
.radio-wrapper li .form-check-label:after,
.radio-wrapper li .form-check-label:before {
  content: none;
}
.checkbox-wrapper li .form-check-label i,
.radio-wrapper li .form-check-label i {
  font-size: 18px;
  padding-right: 8px;
}
[dir="rtl"] .checkbox-wrapper li .form-check-label i,
[dir="rtl"] .radio-wrapper li .form-check-label i {
  padding-left: 8px;
  padding-right: 0;
}
.checkbox-wrapper li .form-check-label span,
.radio-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 {
  float: right;
  margin-left: unset;
  margin-right: -40px;
}
.radio-form {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
}
.radio-form .form-check {
  margin-bottom: 0;
  min-height: 0;
}
.radio-form .form-check .form-check-label {
  margin-bottom: 0;
}
.basic-form {
  position: relative;
}
.basic-form svg {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
}
[dir="rtl"] .basic-form svg {
  left: 12px;
  right: 0;
}
.basic-form svg.stroke-icon {
  height: 25px;
  width: 25px;
  stroke: #3f475a;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
}
[dir="rtl"] .basic-form svg.stroke-icon {
  left: 12px;
  right: unset;
}
.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 input[type="date" i]::-webkit-calendar-picker-indicator {
  cursor: pointer;
}
.create-project-form .form-control,
.create-project-form .form-select {
  background-color: #fff;
  border-color: #ccc;
  box-shadow: none;
  color: #898989;
  font-size: 14px;
  padding: 12px 10px;
}
.create-project-form .form-control::-webkit-input-placeholder,
.create-project-form .form-select::-webkit-input-placeholder {
  color: #898989;
  font-size: 14px;
  font-weight: 100;
  letter-spacing: 1px;
}
.create-project-form input[type="file"] {
  padding: 6px 12px;
}
.create-project-form .bootstrap-select {
  width: 100% !important;
}
.create-project-form .bootstrap-select .dropdown-toggle {
  background-color: unset !important;
  border-color: #ccc !important;
  border-radius: 6px;
  color: #898989;
  padding: 12px 10px;
  width: 100%;
}
.create-project-form .bootstrap-select .dropdown-toggle:focus {
  outline: unset !important;
}
.create-project-form .bootstrap-select .dropdown-toggle:after {
  color: rgba(44, 50, 63, 0.722);
  font-size: 15px;
}
.create-project-form .bootstrap-select .dropdown-toggle .filter-option {
  white-space: normal;
}
.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;
}
.animated-form form input.error {
  border-color: #fc564a;
  margin: 0;
}
.animated-form form input.success {
  border-color: #65c15c;
}
.animated-form form .animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}
@keyframes input-shake {
  0%,
  to {
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    transform: translateX(10px);
  }
}
.animated-form form .input-shake {
  animation-name: input-shake;
}
.icon-lists div {
  border-radius: 4px;
  cursor: pointer;
  display: block;
  line-height: 60px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.icon-lists div:hover {
  background-color: var(--light-background);
}
.icon-lists div i {
  font-size: 24px;
  margin: 0 15px 0 10px;
  vertical-align: middle;
}
.icon-lists.whether-icon svg {
  height: calc(38px + 0.625vw);
  width: calc(38px + 0.625vw);
}
.icon-lists.feather-icons .d-flex svg {
  margin: 0 15px 0 10px;
}
.icon-lists .feather-icon .icon-first h6 {
  display: none;
}
.icon-lists.flag-icons div,
.icon-lists.whether-icon div {
  align-items: center;
  display: flex;
  white-space: nowrap;
  -webkit-box-align: center;
}
.feather-icons,
.flag-icons {
  margin-block: -15px;
}
.feather-icons div,
.flag-icons div {
  line-height: 1;
  word-wrap: break-word;
  overflow: auto;
}
.feather-icons div .flag-icon,
.flag-icons div .flag-icon {
  height: 50px;
  width: 50px;
}
.feather-icons div .d-flex,
.flag-icons div .d-flex {
  padding-block: 15px;
  width: 100%;
}
.feather-icons div .flex-grow-1 h6,
.flag-icons div .flex-grow-1 h6 {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.feather-icons div .flex-grow-1 h5,
.flag-icons div .flex-grow-1 h5 {
  background-color: var(--theme-default);
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-size: 11px;
  margin-bottom: 5px;
  margin-right: 5px;
  padding: 3px 5px;
}
.icon-hover-bottom {
  background-color: #fdfeff;
  bottom: 0;
  box-shadow: 0 0 1px 1px #f4f4f4;
  left: 0;
  width: 100%;
  z-index: 999;
}
.icon-hover-bottom .icon-popup {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 20px;
  width: 100%;
}
.icon-hover-bottom .icon-popup .close-icon {
  color: #ccc;
  cursor: pointer;
  font-size: 20px;
  position: absolute;
  right: 10px;
  top: 10px;
}
[dir="rtl"] .icon-hover-bottom .icon-popup .close-icon {
  left: 10px;
  right: unset;
}
.icon-hover-bottom .icon-popup > div {
  display: inline-block;
}
.icon-hover-bottom .icon-popup > div .flag-icon {
  height: 60px;
  width: 60px;
}
.icon-hover-bottom .icon-popup .icon-class {
  cursor: pointer;
  margin: 0 20px;
}
.icon-hover-bottom .icon-popup .icon-last .form-inline .form-group {
  display: initial;
}
.icon-hover-bottom .icon-title {
  color: #3f475a;
  display: block;
  font-weight: 500;
  text-transform: uppercase;
}
.icon-hover-bottom .btn,
.icon-hover-bottom label,
.icon-hover-bottom span {
  font-family: Roboto, sans-serif;
}
.icon-hover-bottom .form-group input {
  background-color: #fff;
  display: inline-block;
  font-family: Roboto, sans-serif;
  width: 300px;
}
.fa-fa-icon-show-div,
.icons-show-div {
  display: none;
}
.icon-first i {
  color: #898989;
}
.icon-first h6 {
  display: none;
}
.list-group-item.active {
  background-color: var(--theme-default);
  border-color: var(--theme-default);
}
.list-group i,
.list-group img {
  margin-right: 10px;
}
.list-group img {
  height: 40px;
  width: 40px;
}
.list-light-primary {
  background-color: rgba(115, 102, 255, 0.1);
}
.list-light-primary:active,
.list-light-primary:focus,
.list-light-primary:hover {
  background-color: rgba(115, 102, 255, 0.1) !important;
}
.list-hover-primary {
  background-color: unset;
}
.list-hover-primary.active,
.list-hover-primary:active,
.list-hover-primary:focus,
.list-hover-primary:hover {
  background-color: rgba(115, 102, 255, 0.1);
  color: #3f475a;
  z-index: 0;
}
.list-light-secondary {
  background-color: hsla(0, 0%, 51%, 0.1);
}
.list-light-secondary:active,
.list-light-secondary:focus,
.list-light-secondary:hover {
  background-color: hsla(0, 0%, 51%, 0.1) !important;
}
.list-hover-secondary {
  background-color: unset;
}
.list-hover-secondary.active,
.list-hover-secondary:active,
.list-hover-secondary:focus,
.list-hover-secondary:hover {
  background-color: hsla(0, 0%, 51%, 0.1);
  color: #3f475a;
  z-index: 0;
}
.list-light-success {
  background-color: rgba(101, 193, 92, 0.1);
}
.list-light-success:active,
.list-light-success:focus,
.list-light-success:hover {
  background-color: rgba(101, 193, 92, 0.1) !important;
}
.list-hover-success {
  background-color: unset;
}
.list-hover-success.active,
.list-hover-success:active,
.list-hover-success:focus,
.list-hover-success:hover {
  background-color: rgba(101, 193, 92, 0.1);
  color: #3f475a;
  z-index: 0;
}
.list-light-warning {
  background-color: rgba(255, 184, 41, 0.1);
}
.list-light-warning:active,
.list-light-warning:focus,
.list-light-warning:hover {
  background-color: rgba(255, 184, 41, 0.1) !important;
}
.list-hover-warning {
  background-color: unset;
}
.list-hover-warning.active,
.list-hover-warning:active,
.list-hover-warning:focus,
.list-hover-warning:hover {
  background-color: rgba(255, 184, 41, 0.1);
  color: #3f475a;
  z-index: 0;
}
.list-light-info {
  background-color: rgba(64, 184, 245, 0.1);
}
.list-light-info:active,
.list-light-info:focus,
.list-light-info:hover {
  background-color: rgba(64, 184, 245, 0.1) !important;
}
.list-hover-info {
  background-color: unset;
}
.list-hover-info.active,
.list-hover-info:active,
.list-hover-info:focus,
.list-hover-info:hover {
  background-color: rgba(64, 184, 245, 0.1);
  color: #3f475a;
  z-index: 0;
}
.list-light-light {
  background-color: hsla(0, 0%, 96%, 0.1);
}
.list-light-light:active,
.list-light-light:focus,
.list-light-light:hover {
  background-color: hsla(0, 0%, 96%, 0.1) !important;
}
.list-hover-light {
  background-color: unset;
}
.list-hover-light.active,
.list-hover-light:active,
.list-hover-light:focus,
.list-hover-light:hover {
  background-color: hsla(0, 0%, 96%, 0.1);
  color: #3f475a;
  z-index: 0;
}
.list-light-danger {
  background-color: rgba(252, 86, 74, 0.1);
}
.list-light-danger:active,
.list-light-danger:focus,
.list-light-danger:hover {
  background-color: rgba(252, 86, 74, 0.1) !important;
}
.list-hover-danger {
  background-color: unset;
}
.list-hover-danger.active,
.list-hover-danger:active,
.list-hover-danger:focus,
.list-hover-danger:hover {
  background-color: rgba(252, 86, 74, 0.1);
  color: #3f475a;
  z-index: 0;
}
.list-light-dark {
  background-color: rgba(63, 71, 90, 0.1);
}
.list-light-dark:active,
.list-light-dark:focus,
.list-light-dark:hover {
  background-color: rgba(63, 71, 90, 0.1) !important;
}
.list-hover-dark {
  background-color: unset;
}
.list-hover-dark.active,
.list-hover-dark:active,
.list-hover-dark:focus,
.list-hover-dark:hover {
  background-color: rgba(63, 71, 90, 0.1);
  color: #3f475a;
  z-index: 0;
}
.horizontal-list-wrapper .list-group .list-group-item {
  padding: 8px;
}
.list-wrapper {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
@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 {
  border-radius: 50%;
  height: calc(37px + 0.9375vw);
  margin-bottom: 10px;
  width: calc(37px + 0.9375vw);
}
.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;
    margin: 0 auto;
    max-width: 100%;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
[dir="rtl"] .list-behavior-1 .flex-grow-1 {
  margin-left: unset;
  margin-right: 16px;
}
.list-behaviors > div:nth-child(2n) .flex-grow-1 {
  margin-left: unset;
  margin-right: 16px;
  order: -1;
}
@media (max-width: 1199px) {
  .list-behaviors > div:nth-child(2n) .flex-grow-1 {
    margin-left: 0;
    margin-right: 0;
    order: unset;
  }
}
.list-group .list-group-item {
  border-width: 1px;
  padding: 11px 16px;
}
.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,
  .contact-profile.list-light-dark:hover {
    background-color: unset;
  }
}
.badge-list .list-group-item {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.badge-list .list-group-item div {
  margin-left: 8px;
  margin-right: auto;
}
[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:first-child {
  border-top: 0;
  padding-top: 0;
}
.list-group-flush li:last-child {
  padding-bottom: 0;
}
.list-group-flush li i {
  font-size: 16px;
}
.loader-wrapper {
  background-color: #fff;
  height: 100%;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 11;
}
.loader-wrapper,
.loader-wrapper .loader-index {
  align-items: center;
  display: flex;
  justify-content: center;
}
.loader-wrapper .loader-index {
  filter: url(#goo);
  position: relative;
}
.loader-wrapper .loader-index:after {
  animation: grow 2s cubic-bezier(0.14, 0.05, 0.55, 0.5) infinite alternate;
  background: var(--theme-default);
  border-radius: 50%;
  content: "";
  height: 4em;
  position: absolute;
  transform: scale(0.5);
  width: 4em;
}
.loader-wrapper .loader-index span {
  animation: move 4s ease-in-out infinite;
  background: var(--theme-secondary);
  border-radius: 50%;
  height: 2em;
  margin-right: 2em;
  position: relative;
  transform: translateX(7em);
  width: 2em;
}
.loader-wrapper .loader-index span:before {
  background: var(--theme-default);
  left: 3em;
}
.loader-wrapper .loader-index span:after,
.loader-wrapper .loader-index span:before {
  animation: shrink 2s ease-in-out infinite;
  border-radius: 50%;
  content: "";
  height: 2em;
  position: absolute;
  transform: translateX(0);
  width: 2em;
}
.loader-wrapper .loader-index span:after {
  background: #40b8f5;
  right: 3em;
}
@keyframes grow {
  0% {
    background: #40b8f5;
    transform: scale(0.5);
  }
  50% {
    background: var(--theme-secondary);
    transform: scale(1);
  }
}
@keyframes move {
  0% {
    transform: translateX(7em);
  }
  50% {
    transform: translateX(-5em);
  }
}
@keyframes shrink {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-1em);
  }
}
.loader-wrapper svg {
  height: 0;
  width: 0;
}
.loader-wrapper body {
  background: #000;
  display: grid;
  font-family: sans;
  margin: 0;
  min-height: 100vh;
  place-content: center;
}
.loader-wrapper h1 {
  color: #fff;
  letter-spacing: 3px;
  margin-bottom: 2em;
  position: relative;
  text-align: center;
  z-index: 2;
}
.loader-wrapper h1:before {
  background: linear-gradient(
    to right,
    var(--theme-secondary),
    var(--theme-default),
    #40b8f5
  );
  color: #fff;
  content: "";
  font-size: 0.5em;
  font-variant: small-caps;
  font-weight: 400;
  height: 1px;
  left: 0.75em;
  position: absolute;
  top: 2.75em;
  width: 2.5em;
}
.modal-toggle-wrapper .form-control::-moz-placeholder {
  font-size: 13px;
}
.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 {
  height: 200px;
  width: 200px;
}
@media (max-width: 992px) {
  .modal-toggle-wrapper .modal-img img {
    height: calc(105.52381px + 9.52381vw);
    width: calc(105.52381px + 9.52381vw);
  }
}
.modal-toggle-wrapper .modal-img li img {
  height: 100px;
  width: 100px;
}
@media (max-width: 992px) {
  .modal-toggle-wrapper .modal-img li img {
    height: calc(63.09524px + 3.72024vw);
    width: calc(63.09524px + 3.72024vw);
  }
}
.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 {
  height: 16px;
  width: 16px;
}
.grid-space {
  display: block;
  font-weight: 500;
  margin-bottom: 12px;
  padding: 12px;
  text-align: center;
}
.large-modal-body,
.large-modal-header {
  align-items: center;
  color: #3f475a;
  display: flex;
}
.large-modal-body svg,
.large-modal-header svg {
  height: 20px;
  width: 20px;
}
[dir="rtl"] .large-modal-body svg,
[dir="rtl"] .large-modal-header svg {
  transform: scaleX(-1);
}
.modal-padding-space {
  padding-left: 20px;
}
.svg-modal {
  height: 15px;
  width: 15px;
  stroke: #838383;
  vertical-align: middle;
}
[dir="rtl"] .svg-modal {
  transform: scaleX(-1);
}
.card-wrapper .modal-heading h5 {
  font-size: calc(14.11111px + 0.27778vw);
}
@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-single,
.irs-to {
  background: var(--theme-default);
}
.irs-from:after,
.irs-single:after,
.irs-to:after {
  border-top-color: var(--theme-default);
}
.irs-bar,
.irs-bar-edge,
.irs-line-left,
.irs-line-mid,
.irs-line-right,
.swal-button {
  background-color: var(--theme-default);
}
.swal-button:active {
  background-color: #5c4dff;
}
.swal-button--cancel {
  background-color: #efefee !important;
}
.clipboaard-container h6 {
  font-size: 14px;
  line-height: 1.6;
}
fieldset .bootstrap-touchspin-postfix,
fieldset .bootstrap-touchspin-prefix {
  border-radius: 0;
  padding: 0.4rem 0.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;
  vertical-align: middle;
  width: auto;
}
.card-wrapper {
  padding: 14px;
}
.card-wrapper dl dt {
  font-weight: 500;
}
.custom-alert .card-wrapper .cuba-demo-img .dot-group {
  display: flex;
  gap: calc(2.4px + 0.1875vw);
  padding: 15px 10px 0;
}
.custom-alert .card-wrapper .cuba-demo-img .dot-group li {
  background-color: var(--f-lighter);
  border-radius: 100%;
  height: calc(5.6px + 0.125vw);
  opacity: 0.6;
  width: calc(5.6px + 0.125vw);
}
@media (max-width: 768px) and (min-width: 709px) {
  .custom-col-2 {
    flex: 0 0 auto;
    width: 9.333333%;
  }
}
@media (max-width: 708px) and (min-width: 582px) {
  .custom-col-2 {
    flex: 0 0 auto;
    width: 10.333333%;
  }
}
@media (max-width: 581px) and (min-width: 575px) {
  .custom-col-2 {
    flex: 0 0 auto;
    width: 11.333333%;
  }
}
@media (max-width: 574px) and (min-width: 481px) {
  .custom-col-2 {
    flex: 0 0 auto;
    width: 12.333333%;
  }
}
@media (max-width: 480px) and (min-width: 410px) {
  .custom-col-2 {
    flex: 0 0 auto;
    width: 14.333333%;
  }
}
@media (max-width: 409px) and (min-width: 364px) {
  .custom-col-2 {
    flex: 0 0 auto;
    width: 16.333333%;
  }
}
@media (max-width: 363px) {
  .custom-col-2 {
    flex: 0 0 auto;
    width: 100%;
  }
}
.popover {
  background-color: #fff;
  border: none;
  box-shadow: 0 0 20px rgba(115, 102, 255, 0.1);
}
.popover .popover-header {
  background-color: #eae8ff;
  border-bottom: none;
  color: #7366ff;
}
.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 {
  align-items: center;
  border: 1px solid;
  border-radius: 10px;
  display: flex;
  height: calc(38px + 0.625vw);
  justify-content: center;
  width: calc(38px + 0.625vw);
}
.svg-tooltip .common-flex > div i {
  font-size: calc(17.6px + 0.125vw);
}
.svg-tooltip .common-flex > div:hover i {
  stroke: var(--white) !important;
}
.svg-tooltip .common-flex svg {
  height: calc(17.6px + 0.125vw);
  width: calc(17.6px + 0.125vw);
}
@media print {
  .page-header,
  .sidebar-wrapper {
    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 .table-wrapper .print-btn span {
    display: none;
  }
  .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%;
  }
  .email-left-aside,
  .footer,
  .mail-body-wrapper .user-mail-wrapper .send-btn,
  .print-btn {
    display: none;
  }
}
.animate-chk label {
  cursor: pointer;
  line-height: 1.6;
}
.animate-chk
  label:last-child:not(
    .card-view-wrapper .job-accordion .animate-chk label:last-child
  ):not(.list-view-wrapper .job-accordion .animate-chk label:last-child):not(
    .job-details-wrapper .job-accordion .animate-chk label:last-child
  ) {
  margin-bottom: 0;
}
.checkbox_animated {
  cursor: pointer;
  margin: 0 1rem 0 0;
  position: relative;
}
.checkbox_animated:before {
  border-bottom: 2px solid var(--theme-default);
  border-left: 2px solid var(--theme-default);
  border-right-style: solid;
  border-right: 2px var(--theme-default);
  border-top-style: solid;
  border-top: 2px var(--theme-default);
  content: "";
  height: 0.375rem;
  left: 0.25rem;
  position: absolute;
  top: 0.225rem;
  transform: rotate(-45deg) scale(0);
  transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  width: 0.75rem;
  z-index: 1;
}
.checkbox_animated:after {
  background: #fff;
  border: 2px solid #e9edf1;
  content: "";
  cursor: pointer;
  height: 1.3rem;
  left: 0;
  position: absolute;
  top: -0.125rem;
  width: 1.3rem;
}
.checkbox_animated:checked:before {
  transform: rotate(-45deg) scale(1);
}
.radio_animated {
  cursor: pointer;
  margin: 0 1rem 0 0;
  position: relative;
}
.radio_animated:before {
  background: var(--theme-default);
  border-radius: 50%;
  content: "";
  height: 0.75rem;
  left: 0.125rem;
  position: absolute;
  top: 0;
  transform: scale(0);
  transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  width: 0.75rem;
  z-index: 1;
}
.radio_animated:after {
  background: #fff;
  border: 2px solid #e9edf1;
  border-radius: 50%;
  content: "";
  height: 1.25rem;
  left: -0.125rem;
  position: absolute;
  top: -0.25rem;
  width: 1.25rem;
}
.radio_animated:checked:before {
  transform: scale(1);
}
.checkbox label {
  cursor: pointer;
  display: inline-block;
  margin-bottom: 10px;
  margin-top: 10px;
  padding-left: 16px;
  position: relative;
}
.checkbox label:before {
  background-color: #fff;
  border: 1px solid #efefef;
  border-radius: 3px;
  content: "";
  height: 19px;
  margin-left: -16px;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  width: 19px;
}
.checkbox label:after,
.checkbox label:before {
  display: inline-block;
  left: 0;
  position: absolute;
}
.checkbox label:after {
  color: #242934;
  font-size: 11px;
  height: 16px;
  margin-left: -20px;
  padding-left: 3px;
  padding-top: 1px;
  top: 0;
  width: 16px;
}
.checkbox input[type="checkbox"] {
  opacity: 0;
}
.checkbox input[type="checkbox"]:focus,
.checkbox input[type="checkbox"]:focus + label:before {
  outline-offset: -2px;
}
.checkbox input[type="checkbox"]:checked + label:before {
  content: "\e64c";
  font-family: themify;
  line-height: 1.2;
  text-align: center;
}
.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 input[type="checkbox"]:checked + label:before,
.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: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 input[type="checkbox"]:checked + label:before,
.checkbox-solid-secondary 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 input[type="checkbox"]:checked + label:before,
.checkbox-solid-success 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 input[type="checkbox"]:checked + label:before,
.checkbox-solid-danger 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 input[type="checkbox"]:checked + label:before,
.checkbox-solid-info 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 input[type="checkbox"]:checked + label:before,
.checkbox-solid-light 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 input[type="checkbox"]:checked + label:before,
.checkbox-solid-dark 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 input[type="checkbox"]:checked + label:before,
.checkbox-solid-warning 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,
.m-checkbox-inline .radio {
  display: inline-block;
}
.m-checkbox-inline label {
  margin-right: 20px;
}
.radio label {
  cursor: pointer;
  display: inline-block;
  padding-left: 5px;
  position: relative;
}
.radio label:before {
  background-color: #fff;
  border: 1px solid #efefef;
  content: "";
  height: 19px;
  left: 0;
  transition: border 0.15s ease-in-out;
  width: 19px;
}
.radio label:after,
.radio label:before {
  border-radius: 50%;
  display: inline-block;
  margin-left: -20px;
  position: absolute;
}
.radio label:after {
  background-color: #898989;
  content: " ";
  height: 9px;
  left: 5px;
  top: 5px;
  transform: scale(0);
  transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  width: 9px;
}
.radio input[type="radio"] {
  opacity: 0;
}
.radio input[type="radio"]:focus + label:before {
  outline-offset: -2px;
}
.radio input[type="radio"]:checked + label:after {
  transform: scale(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;
}
.form-check-input[type="checkbox"]:indeterminate {
  background-color: var(--theme-default);
  border-color: var(--theme-default);
}
.card-wrapper .btn-radio .btn-group [class*="button-light-"] label:before {
  top: 1px;
}
.card-wrapper .btn-radio .btn-group [class*="button-light-"] label:after {
  top: 6px;
}
[class*="ribbon-wrapper"] {
  padding: 58px 18px 28px;
  position: relative;
}
.ribbon {
  clear: left;
  color: #fff;
  height: 30px;
  left: 0;
  line-height: 30px;
  padding: 0 20px;
  position: absolute;
  top: 12px;
  z-index: 2;
}
.ribbon-clip {
  left: -14px;
}
.ribbon-clip:before {
  border-color: #3f475a #3f475a transparent transparent;
  border-style: solid;
  border-width: 7px;
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  top: 30px;
  width: 0;
}
.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: 0;
}
.ribbon-bookmark:before {
  border: 15px solid #3f475a;
  border-right: 10px solid transparent;
  content: "";
  display: block;
  height: 0;
  left: 100%;
  position: absolute;
  top: 0;
  width: 0;
}
.ribbon-right {
  left: auto;
  right: -2px;
}
.ribbon-clip-right {
  right: -14px;
}
.ribbon-clip-right:before {
  border-color: #3f475a #3f475a transparent transparent;
  border-style: solid;
  border-width: 7px;
  content: "";
  height: 0;
  position: absolute;
  right: 0;
  top: 30px;
  width: 0;
}
.ribbon-clip-bottom {
  bottom: 12px;
  left: -14px;
  top: auto;
}
.ribbon-clip-bottom:before {
  border-color: #3f475a #3f475a transparent transparent;
  border-style: solid;
  border-width: 7px;
  bottom: 30px;
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  width: 0;
}
.ribbon-clip-bottom-right {
  bottom: 12px;
  left: auto;
  right: -14px;
  top: auto;
}
.ribbon-clip-bottom-right:before {
  border-color: #3f475a #3f475a transparent transparent;
  border-style: solid;
  border-width: 7px;
  bottom: 30px;
  content: "";
  height: 0;
  position: absolute;
  right: 0;
  width: 0;
}
.ribbon-bookmark.ribbon-right:before {
  border-left: 10px solid transparent;
  border-right: 15px solid #3f475a;
  left: auto;
  right: 100%;
}
.ribbon-vertical-left {
  left: 12px;
}
.ribbon-vertical-left,
.ribbon-vertical-right {
  clear: none;
  height: 70px;
  line-height: 70px;
  padding: 0 5px;
  text-align: center;
  top: -2px;
  width: 30px;
}
.ribbon-vertical-right {
  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 {
  border-bottom: 10px solid transparent;
  border-right: 15px solid #3f475a;
  left: 0;
  margin-top: -14px;
  top: 100%;
}
.ribbon-primary {
  background: #7366ff;
}
.ribbon-bookmark.ribbon-primary:before {
  border-color: #7366ff transparent #7366ff #7366ff;
}
.ribbon-bookmark.ribbon-right.ribbon-primary:before {
  border-left-color: transparent;
  border-right-color: #7366ff;
}
.ribbon-bookmark.ribbon-vertical-left.ribbon-primary:before,
.ribbon-bookmark.ribbon-vertical-right.ribbon-primary:before {
  border-bottom-color: transparent;
  border-right-color: #7366ff;
}
.ribbon-primary.ribbon-corner:before {
  border-left-color: #7366ff;
  border-top-color: #7366ff;
}
.ribbon-primary.ribbon-corner.ribbon-right:before {
  border-left-color: transparent;
  border-right-color: #7366ff;
}
.ribbon-primary.ribbon-corner.ribbon-bottom:before {
  border-bottom-color: #7366ff;
  border-top-color: transparent;
}
.ribbon-primary.ribbon-clip:before {
  border-color: #43f #43f transparent transparent;
}
.ribbon-primary.ribbon-clip-right:before {
  border-left-color: #43f;
  border-right-color: transparent;
  border-top-color: #43f;
}
.ribbon-primary.ribbon-clip-bottom:before {
  border-bottom-color: #43f;
  border-right-color: #43f;
  border-top-color: transparent;
}
.ribbon-primary.ribbon-clip-bottom-right:before {
  border-color: transparent transparent #43f #43f;
}
.ribbon-secondary {
  background: #838383;
}
.ribbon-bookmark.ribbon-secondary:before {
  border-color: #838383 transparent #838383 #838383;
}
.ribbon-bookmark.ribbon-right.ribbon-secondary:before {
  border-left-color: transparent;
  border-right-color: #838383;
}
.ribbon-bookmark.ribbon-vertical-left.ribbon-secondary:before,
.ribbon-bookmark.ribbon-vertical-right.ribbon-secondary:before {
  border-bottom-color: transparent;
  border-right-color: #838383;
}
.ribbon-secondary.ribbon-corner:before {
  border-left-color: #838383;
  border-top-color: #838383;
}
.ribbon-secondary.ribbon-corner.ribbon-right:before {
  border-left-color: transparent;
  border-right-color: #838383;
}
.ribbon-secondary.ribbon-corner.ribbon-bottom:before {
  border-bottom-color: #838383;
  border-top-color: transparent;
}
.ribbon-secondary.ribbon-clip:before {
  border-color: #6a6a6a #6a6a6a transparent transparent;
}
.ribbon-secondary.ribbon-clip-right:before {
  border-left-color: #6a6a6a;
  border-right-color: transparent;
  border-top-color: #6a6a6a;
}
.ribbon-secondary.ribbon-clip-bottom:before {
  border-bottom-color: #6a6a6a;
  border-right-color: #6a6a6a;
  border-top-color: transparent;
}
.ribbon-secondary.ribbon-clip-bottom-right:before {
  border-color: transparent transparent #6a6a6a #6a6a6a;
}
.ribbon-success {
  background: #65c15c;
}
.ribbon-bookmark.ribbon-success:before {
  border-color: #65c15c transparent #65c15c #65c15c;
}
.ribbon-bookmark.ribbon-right.ribbon-success:before {
  border-left-color: transparent;
  border-right-color: #65c15c;
}
.ribbon-bookmark.ribbon-vertical-left.ribbon-success:before,
.ribbon-bookmark.ribbon-vertical-right.ribbon-success:before {
  border-bottom-color: transparent;
  border-right-color: #65c15c;
}
.ribbon-success.ribbon-corner:before {
  border-left-color: #65c15c;
  border-top-color: #65c15c;
}
.ribbon-success.ribbon-corner.ribbon-right:before {
  border-left-color: transparent;
  border-right-color: #65c15c;
}
.ribbon-success.ribbon-corner.ribbon-bottom:before {
  border-bottom-color: #65c15c;
  border-top-color: transparent;
}
.ribbon-success.ribbon-clip:before {
  border-color: #4aaa40 #4aaa40 transparent transparent;
}
.ribbon-success.ribbon-clip-right:before {
  border-left-color: #4aaa40;
  border-right-color: transparent;
  border-top-color: #4aaa40;
}
.ribbon-success.ribbon-clip-bottom:before {
  border-bottom-color: #4aaa40;
  border-right-color: #4aaa40;
  border-top-color: transparent;
}
.ribbon-success.ribbon-clip-bottom-right:before {
  border-color: transparent transparent #4aaa40 #4aaa40;
}
.ribbon-danger {
  background: #fc564a;
}
.ribbon-bookmark.ribbon-danger:before {
  border-color: #fc564a transparent #fc564a #fc564a;
}
.ribbon-bookmark.ribbon-right.ribbon-danger:before {
  border-left-color: transparent;
  border-right-color: #fc564a;
}
.ribbon-bookmark.ribbon-vertical-left.ribbon-danger:before,
.ribbon-bookmark.ribbon-vertical-right.ribbon-danger:before {
  border-bottom-color: transparent;
  border-right-color: #fc564a;
}
.ribbon-danger.ribbon-corner:before {
  border-left-color: #fc564a;
  border-top-color: #fc564a;
}
.ribbon-danger.ribbon-corner.ribbon-right:before {
  border-left-color: transparent;
  border-right-color: #fc564a;
}
.ribbon-danger.ribbon-corner.ribbon-bottom:before {
  border-bottom-color: #fc564a;
  border-top-color: transparent;
}
.ribbon-danger.ribbon-clip:before {
  border-color: #fb2718 #fb2718 transparent transparent;
}
.ribbon-danger.ribbon-clip-right:before {
  border-left-color: #fb2718;
  border-right-color: transparent;
  border-top-color: #fb2718;
}
.ribbon-danger.ribbon-clip-bottom:before {
  border-bottom-color: #fb2718;
  border-right-color: #fb2718;
  border-top-color: transparent;
}
.ribbon-danger.ribbon-clip-bottom-right:before {
  border-color: transparent transparent #fb2718 #fb2718;
}
.ribbon-info {
  background: #40b8f5;
}
.ribbon-bookmark.ribbon-info:before {
  border-color: #40b8f5 transparent #40b8f5 #40b8f5;
}
.ribbon-bookmark.ribbon-right.ribbon-info:before {
  border-left-color: transparent;
  border-right-color: #40b8f5;
}
.ribbon-bookmark.ribbon-vertical-left.ribbon-info:before,
.ribbon-bookmark.ribbon-vertical-right.ribbon-info:before {
  border-bottom-color: transparent;
  border-right-color: #40b8f5;
}
.ribbon-info.ribbon-corner:before {
  border-left-color: #40b8f5;
  border-top-color: #40b8f5;
}
.ribbon-info.ribbon-corner.ribbon-right:before {
  border-left-color: transparent;
  border-right-color: #40b8f5;
}
.ribbon-info.ribbon-corner.ribbon-bottom:before {
  border-bottom-color: #40b8f5;
  border-top-color: transparent;
}
.ribbon-info.ribbon-clip:before {
  border-color: #10a6f2 #10a6f2 transparent transparent;
}
.ribbon-info.ribbon-clip-right:before {
  border-left-color: #10a6f2;
  border-right-color: transparent;
  border-top-color: #10a6f2;
}
.ribbon-info.ribbon-clip-bottom:before {
  border-bottom-color: #10a6f2;
  border-right-color: #10a6f2;
  border-top-color: transparent;
}
.ribbon-info.ribbon-clip-bottom-right:before {
  border-color: transparent transparent #10a6f2 #10a6f2;
}
.ribbon-light {
  background: #f4f4f4;
}
.ribbon-bookmark.ribbon-light:before {
  border-color: #f4f4f4 transparent #f4f4f4 #f4f4f4;
}
.ribbon-bookmark.ribbon-right.ribbon-light:before {
  border-left-color: transparent;
  border-right-color: #f4f4f4;
}
.ribbon-bookmark.ribbon-vertical-left.ribbon-light:before,
.ribbon-bookmark.ribbon-vertical-right.ribbon-light:before {
  border-bottom-color: transparent;
  border-right-color: #f4f4f4;
}
.ribbon-light.ribbon-corner:before {
  border-left-color: #f4f4f4;
  border-top-color: #f4f4f4;
}
.ribbon-light.ribbon-corner.ribbon-right:before {
  border-left-color: transparent;
  border-right-color: #f4f4f4;
}
.ribbon-light.ribbon-corner.ribbon-bottom:before {
  border-bottom-color: #f4f4f4;
  border-top-color: transparent;
}
.ribbon-light.ribbon-clip:before {
  border-color: #dbdbdb #dbdbdb transparent transparent;
}
.ribbon-light.ribbon-clip-right:before {
  border-left-color: #dbdbdb;
  border-right-color: transparent;
  border-top-color: #dbdbdb;
}
.ribbon-light.ribbon-clip-bottom:before {
  border-bottom-color: #dbdbdb;
  border-right-color: #dbdbdb;
  border-top-color: transparent;
}
.ribbon-light.ribbon-clip-bottom-right:before {
  border-color: transparent transparent #dbdbdb #dbdbdb;
}
.ribbon-dark {
  background: #3f475a;
}
.ribbon-bookmark.ribbon-dark:before {
  border-color: #3f475a transparent #3f475a #3f475a;
}
.ribbon-bookmark.ribbon-right.ribbon-dark:before {
  border-left-color: transparent;
  border-right-color: #3f475a;
}
.ribbon-bookmark.ribbon-vertical-left.ribbon-dark:before,
.ribbon-bookmark.ribbon-vertical-right.ribbon-dark:before {
  border-bottom-color: transparent;
  border-right-color: #3f475a;
}
.ribbon-dark.ribbon-corner:before {
  border-left-color: #3f475a;
  border-top-color: #3f475a;
}
.ribbon-dark.ribbon-corner.ribbon-right:before {
  border-left-color: transparent;
  border-right-color: #3f475a;
}
.ribbon-dark.ribbon-corner.ribbon-bottom:before {
  border-bottom-color: #3f475a;
  border-top-color: transparent;
}
.ribbon-dark.ribbon-clip:before {
  border-color: #2a2f3c #2a2f3c transparent transparent;
}
.ribbon-dark.ribbon-clip-right:before {
  border-left-color: #2a2f3c;
  border-right-color: transparent;
  border-top-color: #2a2f3c;
}
.ribbon-dark.ribbon-clip-bottom:before {
  border-bottom-color: #2a2f3c;
  border-right-color: #2a2f3c;
  border-top-color: transparent;
}
.ribbon-dark.ribbon-clip-bottom-right:before {
  border-color: transparent transparent #2a2f3c #2a2f3c;
}
.ribbon-warning {
  background: #ffb829;
}
.ribbon-bookmark.ribbon-warning:before {
  border-color: #ffb829 transparent #ffb829 #ffb829;
}
.ribbon-bookmark.ribbon-right.ribbon-warning:before {
  border-left-color: transparent;
  border-right-color: #ffb829;
}
.ribbon-bookmark.ribbon-vertical-left.ribbon-warning:before,
.ribbon-bookmark.ribbon-vertical-right.ribbon-warning:before {
  border-bottom-color: transparent;
  border-right-color: #ffb829;
}
.ribbon-warning.ribbon-corner:before {
  border-left-color: #ffb829;
  border-top-color: #ffb829;
}
.ribbon-warning.ribbon-corner.ribbon-right:before {
  border-left-color: transparent;
  border-right-color: #ffb829;
}
.ribbon-warning.ribbon-corner.ribbon-bottom:before {
  border-bottom-color: #ffb829;
  border-top-color: transparent;
}
.ribbon-warning.ribbon-clip:before {
  border-color: #f5a400 #f5a400 transparent transparent;
}
.ribbon-warning.ribbon-clip-right:before {
  border-left-color: #f5a400;
  border-right-color: transparent;
  border-top-color: #f5a400;
}
.ribbon-warning.ribbon-clip-bottom:before {
  border-bottom-color: #f5a400;
  border-right-color: #f5a400;
  border-top-color: transparent;
}
.ribbon-warning.ribbon-clip-bottom-right:before {
  border-color: transparent transparent #f5a400 #f5a400;
}
.vertical-lp-space {
  padding: 58px 28px 28px 50px;
}
.vertical-rp-space {
  padding: 58px 50px 28px 28px;
}
.clip-bp-space {
  padding: 28px 18px 58px;
}
.ribbon-wrapper {
  transform: translate(20deg);
}
.animated-ribbon {
  position: relative;
}
.animated-ribbon .box {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
  left: 50%;
  perspective: 50px;
  position: relative;
  top: 50%;
  transform: translate(-50%, 50%);
  width: 100%;
}
.animated-ribbon .box .ribbon {
  bottom: 10px;
  height: 60px;
  line-height: 2.2;
  position: absolute;
  right: -21px;
  transform-style: preserve-3d;
}
.animated-ribbon .box .ribbon i {
  bottom: 0;
  display: block;
  position: absolute;
  transition: all 0.2s ease-in;
}
.animated-ribbon .box .ribbon i.back {
  background: var(--theme-default);
  height: 36px;
  left: 100%;
  transform: skewY(-30deg);
  transform-origin: 0 100%;
  transition-delay: 0.45s;
  width: 0;
}
.animated-ribbon .box .ribbon i.front {
  background: var(--theme-default);
  bottom: 11px;
  height: 36px;
  right: -10px;
  transition-delay: 0.35s;
  width: 0;
}
.animated-ribbon .box .ribbon i.fold {
  background: var(--theme-default);
  bottom: 11px;
  height: 40px;
  right: 180px;
  transform: rotateY(-45deg) skewY(-40deg);
  transform-origin: 100% 0;
  transition-delay: 0.15s;
  width: 0;
}
.animated-ribbon .box .ribbon i.foldback {
  background: var(--theme-default);
  bottom: 16px;
  height: 29px;
  right: 200px;
  transition-delay: 0s;
  width: 0;
}
.animated-ribbon .box .ribbon i span {
  color: #fff;
  opacity: 0;
  padding: 3px 38px;
  position: absolute;
  text-align: center;
  transition: all 0.4s ease-out;
}
.animated-ribbon:hover .ribbon i.back {
  transition-delay: 0s;
  width: 10px;
}
.animated-ribbon:hover .ribbon i.front {
  transition-delay: 0.15s;
  width: 145px;
}
.animated-ribbon:hover .ribbon i span {
  opacity: 1;
  transition-delay: 0.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;
  position: relative;
  width: auto;
}
.smooth-animate .media-image img {
  display: block;
}
.smooth-animate .label {
  background-color: #fc564a;
  border-radius: 5px 2px 2px 0;
  box-shadow: 0 2px 0 rgba(63, 71, 90, 0.1);
  color: #fff;
  display: inline-block;
  font-weight: 700;
  left: -24px;
  letter-spacing: 0.1em;
  line-height: 2.35em;
  padding: 0 0.75em;
  position: absolute;
  text-transform: uppercase;
  top: -132px;
  transition: all 0.1s;
  z-index: 7;
}
[dir="rtl"] .smooth-animate .label {
  border-radius: 2px 5px 0 2px;
  left: unset;
  right: -24px;
}
.smooth-animate .label:before {
  background-color: #fc564a;
  bottom: -4px;
  content: " ";
  display: block;
  height: 4px;
  left: 0;
  position: absolute;
  width: 5px;
}
[dir="rtl"] .smooth-animate .label:before {
  left: unset;
  right: 0;
}
.smooth-animate .label:after {
  background-color: #fc564a;
  border-radius: 5px 0 0 5px;
  bottom: -6px;
  content: " ";
  display: block;
  height: 6px;
  left: 0;
  position: absolute;
  width: 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: 0;
  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 {
  align-items: end;
  background: #e8e5ff;
  border: 3px solid var(--theme-default);
  display: flex;
  height: 100px;
  justify-content: center;
  left: -50px;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: -50px;
  transform: rotate(315deg);
  transition: all 0.3s ease;
  width: 100px;
}
.triangular-ribbon .ribbon-wrapper .triangular-ribbon-box > div {
  bottom: -2px;
  left: 36px;
  position: absolute;
}
.triangular-ribbon .ribbon-wrapper .triangular-ribbon-box > div svg {
  height: 20px;
  width: 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 0.3s ease;
}
.vertical-ribbon-animate .ribbon-vertical-right {
  border-radius: 0 0 50% 50%;
  box-shadow: 0 8px 16px -4px rgba(0, 0, 0, 0.25);
  height: 45px;
  line-height: 45px;
  top: 0;
  width: 115px;
}
.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-left: 6px;
  margin-right: unset;
}
.vertical-ribbon-animate .ribbon-bottom-arrow {
  border-bottom: 14px solid transparent;
  border-left: 12px solid rgba(0, 0, 0, 0.333);
  border-radius: 0;
  clip-path: polygon(
    12px 0,
    100% 0,
    100% calc(100% - 14px),
    calc(50% + 6px) 100%,
    12px calc(100% - 14px),
    12px 12px,
    0 12px
  );
  left: 38px;
  line-height: 40px;
  position: absolute;
  top: -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;
  }
}
.irs--flat .irs-bar,
.irs--flat .irs-from,
.irs--flat .irs-single,
.irs--flat .irs-to {
  background-color: #7366ff;
}
.irs--flat .irs-bar:before,
.irs--flat .irs-from:before,
.irs--flat .irs-single:before,
.irs--flat .irs-to: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-bar,
.irs--square .irs-from,
.irs--square .irs-to {
  background-color: #65c15c;
}
.irs--sharp .irs-from:before,
.irs--sharp .irs-to:before {
  border-top-color: #40b8f5;
}
.irs--sharp .irs-bar,
.irs--sharp .irs-from,
.irs--sharp .irs-max,
.irs--sharp .irs-min,
.irs--sharp .irs-to {
  background-color: #40b8f5;
}
.irs--sharp .irs-line {
  background-color: #ccc;
}
.irs--sharp .irs-handle {
  background-color: #40b8f5;
}
.irs--sharp .irs-handle i:first-child {
  border-top-color: #40b8f5;
}
.irs--big .irs-bar {
  background: #ffb829;
  border: 1px solid #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;
}
.switch {
  display: inline-block;
  height: 34px;
  position: relative;
  width: 60px;
}
.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 {
  background-color: #f4f4f4;
  cursor: pointer;
  inset: 0;
}
.switch-state,
.switch-state:before {
  border-radius: 20px;
  position: absolute;
  transition: 0.4s;
}
.switch-state:before {
  background-color: #fff;
  bottom: 4px;
  content: "";
  height: 26px;
  left: 4px;
  width: 26px;
}
.icon-state .switch-state:after {
  color: #3f475a;
  content: "\efb8";
  font-family: IcoFont;
  left: 10px;
  opacity: 0.3;
  position: absolute;
  top: 10px;
  transition: 0.4s;
}
.icon-state input:checked + .switch-state:after {
  content: "\efad";
  left: 36px;
  opacity: 1;
  transition: 0.4s;
}
.switch-lg .switch {
  height: 40px;
  margin: 0;
  padding: 0;
  width: 75px;
}
.switch-lg .switch .switch-state:before {
  bottom: 5px;
  height: 30px;
  left: 7px;
  top: 4px;
  width: 30px;
}
.switch-lg .switch .switch-state.large-switch:before {
  top: 5px;
}
.switch-lg.icon-state .switch .switch-state:after {
  font-size: 18px;
  left: 12px;
}
.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 {
  font-size: 8px;
  left: 4px;
  top: 4px;
}
.switch-sm.icon-state .switch input:checked + .switch-state:after {
  left: 13px;
  top: 4px;
}
.switch-sm .switch {
  height: 16px;
  margin-bottom: 0;
  margin-top: 10px;
  width: 25px;
}
.switch-sm .switch .switch-state:before {
  bottom: 4px;
  height: 8px;
  left: 4px;
  width: 8px;
}
.switch-sm input:checked + .switch-state:before {
  left: -13px;
}
.switch-outline .switch-state {
  background-color: #fff;
  border: 1px solid var(--theme-default);
  transition: 0.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-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 {
  background-color: transparent !important;
  border: 1px solid var(--theme-default);
}
.switch-outline .switch-state.bg-secondary {
  background-color: transparent !important;
  border: 1px solid var(--theme-secondary);
}
.switch-outline .switch-state.bg-warning {
  background-color: transparent !important;
  border: 1px solid #ffb829;
}
.switch-outline .switch-state.bg-success {
  background-color: transparent !important;
  border: 1px solid #65c15c;
}
.switch-outline .switch-state.bg-info {
  background-color: transparent !important;
  border: 1px solid #40b8f5;
}
.switch-outline .switch-state.bg-danger {
  background-color: transparent !important;
  border: 1px solid #fc564a;
}
.switch-outline .switch-state.bg-dark {
  background-color: transparent !important;
  border: 1px solid #3f475a;
}
.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 {
  align-items: center;
  display: flex;
  text-align: center;
}
.tgl {
  display: none;
}
.tgl,
.tgl *,
.tgl :after,
.tgl :before,
.tgl + .tgl-btn,
.tgl:after,
.tgl:before {
  box-sizing: border-box;
}
.tgl ::-moz-selection,
.tgl :after::-moz-selection,
.tgl :before::-moz-selection,
.tgl + .tgl-btn::-moz-selection,
.tgl::-moz-selection,
.tgl:after::-moz-selection,
.tgl:before::-moz-selection {
  background: none;
}
.tgl ::selection,
.tgl :after::selection,
.tgl :before::selection,
.tgl + .tgl-btn::selection,
.tgl::selection,
.tgl:after::selection,
.tgl:before::selection {
  background: none;
}
.tgl + .tgl-btn {
  cursor: pointer;
  display: block;
  height: 2em;
  outline: 0;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 4em;
}
.tgl + .tgl-btn:after,
.tgl + .tgl-btn:before {
  content: "";
  display: block;
  height: 100%;
  position: relative;
  width: 50%;
}
.tgl + .tgl-btn:after {
  left: 0;
}
.tgl + .tgl-btn:before {
  display: none;
}
.tgl:checked + .tgl-btn:after {
  left: 50%;
}
.tgl-skewed + .tgl-btn {
  backface-visibility: hidden;
  background: #838383;
  overflow: hidden;
  transform: skew(-10deg);
  transition: all 0.2s ease;
}
.tgl-skewed + .tgl-btn:after,
.tgl-skewed + .tgl-btn:before {
  color: var(--white);
  display: inline-block;
  font-weight: 700;
  line-height: 2em;
  position: absolute;
  text-align: center;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
  transform: skew(10deg);
  transition: all 0.2s ease;
  width: 100%;
}
.tgl-skewed + .tgl-btn:after {
  content: attr(data-tg-on);
  left: 100%;
}
.tgl-skewed + .tgl-btn:before {
  content: attr(data-tg-off);
  left: 0;
}
.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;
  perspective: 100px;
  transition: all 0.2s ease;
}
.tgl-flip + .tgl-btn:after,
.tgl-flip + .tgl-btn:before {
  backface-visibility: hidden;
  border-radius: 4px;
  color: var(--white);
  display: inline-block;
  font-weight: 500;
  left: 0;
  line-height: 2em;
  position: absolute;
  text-align: center;
  top: 0;
  transition: all 0.4s ease;
  width: 100%;
}
.tgl-flip + .tgl-btn:after {
  background: #ffb829;
  content: attr(data-tg-on);
  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 {
  background: #65c15c;
  left: 0;
  transform: rotateY(0);
}
.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 {
  border-radius: 0;
  content: "";
}
.switch-wrapper .d-flex {
  margin-right: 20px;
}
[dir="rtl"] .switch-wrapper .d-flex {
  margin-left: 20px;
  margin-right: unset;
}
.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/square-gray.png);
}
.default-square .form-switch .form-check-input:checked {
  background-image: url(images/square.svg);
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: var(--theme-default);
}
.main-vertical-tab .nav .nav-link {
  align-items: center;
  display: flex;
  gap: 8px;
}
.nav i {
  margin-right: 10px;
}
.nav-right {
  justify-content: flex-end;
}
.nav-pills.nav-theme .nav-link,
.nav-theme .nav-link {
  color: var(--theme-default);
}
.nav-pills.nav-theme .nav-link.active,
.nav-pills.nav-theme .show > .nav-link,
.nav-theme .nav-link.active,
.nav-theme .show > .nav-link {
  background-color: var(--theme-default);
  color: #fff;
}
.nav-pills.nav-primary .nav-link,
.nav-primary .nav-link {
  color: var(--theme-default);
}
.nav-pills.nav-primary .nav-link.active,
.nav-pills.nav-primary .show > .nav-link,
.nav-primary .nav-link.active,
.nav-primary .show > .nav-link {
  background-color: var(--theme-default);
  color: #fff;
}
.nav-pills.nav-secondary .nav-link,
.nav-secondary .nav-link {
  color: #838383;
}
.nav-pills.nav-secondary .nav-link.active,
.nav-pills.nav-secondary .show > .nav-link,
.nav-secondary .nav-link.active,
.nav-secondary .show > .nav-link {
  background-color: #838383;
  color: #fff;
}
.nav-pills.nav-success .nav-link,
.nav-success .nav-link {
  color: #65c15c;
}
.nav-pills.nav-success .nav-link.active,
.nav-pills.nav-success .show > .nav-link,
.nav-success .nav-link.active,
.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-pills.nav-warning .nav-link,
.nav-warning .nav-link {
  color: #ffb829;
}
.nav-pills.nav-warning .nav-link.active,
.nav-pills.nav-warning .show > .nav-link,
.nav-warning .nav-link.active,
.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 {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  margin-bottom: 30px;
}
.border-tab.nav-tabs .nav-item .nav-link {
  border: none;
  color: #3f475a;
  font-size: 16px;
  padding: 10px 25px;
  text-align: center;
  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 {
  color: #3f475a;
  transition: all 0.3s ease;
}
.border-tab.nav-left .nav-link.active,
.border-tab.nav-left .show > .nav-link {
  background-color: transparent;
  border-left-color: var(--theme-default);
  border-radius: 0;
  color: var(--theme-default);
  transition: all 0.3s ease;
}
.border-tab.nav-right .nav-link {
  border-right: 2px solid transparent;
  color: #3f475a;
  text-align: right;
  transition: all 0.3s ease;
}
.border-tab.nav-right .nav-link.active,
.border-tab.nav-right .show > .nav-link {
  background-color: transparent;
  border-radius: 0;
  border-right-color: var(--theme-default);
  color: var(--theme-default);
  transition: all 0.3s ease;
}
.border-tab.nav-theme .nav-item.show,
.border-tab.nav-theme .nav-link.active,
.border-tab.nav-theme .nav-link:focus,
.border-tab.nav-theme .nav-link:hover {
  background-color: transparent;
  color: var(--theme-default);
}
.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-item.show,
.border-tab.nav-primary .nav-link.active,
.border-tab.nav-primary .nav-link:focus,
.border-tab.nav-primary .nav-link:hover {
  background-color: transparent;
  color: var(--theme-default);
}
.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-item.show,
.border-tab.nav-secondary .nav-link.active,
.border-tab.nav-secondary .nav-link:focus,
.border-tab.nav-secondary .nav-link:hover {
  background-color: transparent;
  color: #838383;
}
.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-item.show,
.border-tab.nav-success .nav-link.active,
.border-tab.nav-success .nav-link:focus,
.border-tab.nav-success .nav-link:hover {
  background-color: transparent;
  color: #65c15c;
}
.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-item.show,
.border-tab.nav-danger .nav-link.active,
.border-tab.nav-danger .nav-link:focus,
.border-tab.nav-danger .nav-link:hover {
  background-color: transparent;
  color: #fc564a;
}
.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-item.show,
.border-tab.nav-info .nav-link.active,
.border-tab.nav-info .nav-link:focus,
.border-tab.nav-info .nav-link:hover {
  background-color: transparent;
  color: #40b8f5;
}
.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-item.show,
.border-tab.nav-light .nav-link.active,
.border-tab.nav-light .nav-link:focus,
.border-tab.nav-light .nav-link:hover {
  background-color: transparent;
  color: #f4f4f4;
}
.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-item.show,
.border-tab.nav-dark .nav-link.active,
.border-tab.nav-dark .nav-link:focus,
.border-tab.nav-dark .nav-link:hover {
  background-color: transparent;
  color: #3f475a;
}
.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-item.show,
.border-tab.nav-warning .nav-link.active,
.border-tab.nav-warning .nav-link:focus,
.border-tab.nav-warning .nav-link:hover {
  background-color: transparent;
  color: #ffb829;
}
.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;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding: 8px;
}
.simple-wrapper .dropdown-collection .dropdown-item:active,
.simple-wrapper .dropdown-collection .dropdown-item:hover {
  background-color: #ccc !important;
}
.blog-wrapper .blog-img {
  height: 100px;
}
@media (max-width: 500px) {
  .blog-wrapper .blog-img {
    height: 75px;
  }
}
.designer-details {
  align-items: center;
  display: flex;
  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 {
  align-items: center;
  display: flex;
  gap: 12px;
}
.designer-details .designer-profile .designer-wrap .designer-img {
  border-radius: 100%;
  height: calc(35.6px + 0.75vw);
}
.designer-details .designer-profile .designer-wrap .designer-content h6 {
  font-weight: 500;
}
.designer-details .designer-profile .designer-wrap .designer-content p {
  color: #999;
}
.nav-tabs .nav-border {
  border: none;
  color: #000;
}
.ico-color {
  color: #ffb829;
  font-size: 16px;
}
.main-inbox .header-inbox {
  align-items: center;
  border-bottom: 1px solid #999;
  display: flex;
  justify-content: space-between;
  padding-bottom: 8px;
}
.main-inbox .header-inbox .header-left-inbox {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.main-inbox .header-inbox .header-left-inbox .inbox-img img {
  border-radius: 100%;
  height: 50px;
  width: 50px;
}
.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 {
  align-items: center;
  border-bottom: 1px solid var(--light-border);
  display: flex;
  padding-bottom: 6px;
}
@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.active,
#bottom-tab .nav-border.tab-primary:active,
#bottom-tab .nav-border.tab-primary:focus {
  border-bottom: 2px solid #7366ff;
  color: #7366ff;
}
#bottom-tab .nav-border.tab-secondary:hover {
  color: #838383;
}
#bottom-tab .nav-border.tab-secondary.active,
#bottom-tab .nav-border.tab-secondary:active,
#bottom-tab .nav-border.tab-secondary:focus {
  border-bottom: 2px solid #838383;
  color: #838383;
}
#bottom-tab .nav-border.tab-success:hover {
  color: #65c15c;
}
#bottom-tab .nav-border.tab-success.active,
#bottom-tab .nav-border.tab-success:active,
#bottom-tab .nav-border.tab-success:focus {
  border-bottom: 2px solid #65c15c;
  color: #65c15c;
}
#bottom-tab .nav-border.tab-danger:hover {
  color: #fc564a;
}
#bottom-tab .nav-border.tab-danger.active,
#bottom-tab .nav-border.tab-danger:active,
#bottom-tab .nav-border.tab-danger:focus {
  border-bottom: 2px solid #fc564a;
  color: #fc564a;
}
#bottom-tab .nav-border.tab-warning:hover {
  color: #ffb829;
}
#bottom-tab .nav-border.tab-warning.active,
#bottom-tab .nav-border.tab-warning:active,
#bottom-tab .nav-border.tab-warning:focus {
  border-bottom: 2px solid #ffb829;
  color: #ffb829;
}
#bottom-tab .nav-border.tab-info:hover {
  color: #40b8f5;
}
#bottom-tab .nav-border.tab-info.active,
#bottom-tab .nav-border.tab-info:active,
#bottom-tab .nav-border.tab-info:focus {
  border-bottom: 2px solid #40b8f5;
  color: #40b8f5;
}
#bottom-tab .nav-border.tab-light:hover {
  color: #f4f4f4;
}
#bottom-tab .nav-border.tab-light.active,
#bottom-tab .nav-border.tab-light:active,
#bottom-tab .nav-border.tab-light:focus {
  border-bottom: 2px solid #f4f4f4;
  color: #f4f4f4;
}
#bottom-tab .nav-border.tab-dark:hover {
  color: #3f475a;
}
#bottom-tab .nav-border.tab-dark.active,
#bottom-tab .nav-border.tab-dark:active,
#bottom-tab .nav-border.tab-dark:focus {
  border-bottom: 2px solid #3f475a;
  color: #3f475a;
}
#sideline-tab .nav-effect {
  display: inline-block;
  position: relative;
}
#sideline-tab .nav-effect:after {
  border-bottom: 1px solid;
  content: "";
  display: inline-block;
  height: 14px;
  left: 0;
  margin-top: 10px;
  opacity: 0;
  position: absolute;
  transform: scaleX(0);
  transition: opacity 0.35s, transform 0.35s;
  width: 80%;
}
#sideline-tab .nav-effect:hover:after {
  opacity: 1;
  transform: scale(1);
}
@media (max-width: 576px) {
  #sideline-tab .nav-effect {
    text-align: center;
  }
  #sideline-tab .nav-effect:after {
    width: 100%;
  }
}
.tabs-responsive-side .border-tab.nav-secondary.nav-left .nav-link.active,
.tabs-responsive-side .border-tab.nav-secondary.nav-left .nav-link:hover {
  background-color: unset;
  border-left: none;
  border-radius: 0;
  transition: none;
}
@media (max-width: 576px) {
  .pills-blogger {
    flex-wrap: wrap;
    justify-content: center;
  }
}
::-moz-placeholder {
  font-size: 14px;
}
::placeholder {
  font-size: 14px;
}
.material-wrapper {
  display: flex;
  gap: 12px;
}
@media (max-width: 576px) {
  .material-wrapper {
    align-items: center;
    flex-direction: column;
  }
}
.bg-navbar .nav {
  background-color: #f4f4f4;
  border-radius: 8px;
  justify-content: flex-end;
}
.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(143px + 5.3125vw);
}
@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 {
  border-radius: 0;
  justify-content: flex-start;
}
.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 {
  background-color: var(--theme-default);
  border-radius: 0;
}
.arrow-tabs.bg-navbar .common-box {
  align-items: baseline;
  display: flex;
  gap: 18px;
  justify-content: center;
}
.arrow-tabs.bg-navbar .common-box:first-child p {
  margin-bottom: 14px;
}
.arrow-tabs i {
  color: #52526c;
  font-size: calc(12.4px + 0.1875vw);
}
[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 {
  filter: grayscale(1);
  height: 20px;
  margin-right: 8px;
  transition: all 0.3s ease;
}
[dir="rtl"] .bottom-navbar .nav.nav-pills .nav-item .nav-link img {
  margin-left: 8px;
  margin-right: unset;
}
.bottom-navbar .nav.nav-pills .nav-item .nav-link.active img {
  filter: grayscale(0);
  transform: scale(1.2);
  transition: all 0.3s ease;
}
.bottom-navbar .tab-content .common-flex {
  margin-bottom: 18px;
}
.bottom-navbar .tab-content .common-flex img {
  height: 20px;
}
.bottom-navbar .tab-content .tab-paragraph {
  align-items: baseline;
  display: flex;
  gap: 8px;
  margin-bottom: 14px;
}
.bottom-navbar .tab-content .tab-paragraph i {
  color: #52526c;
  font-size: calc(12.4px + 0.1875vw);
}
[dir="rtl"] .bottom-navbar .tab-content .tab-paragraph i {
  transform: scaleX(-1);
}
.horizontal-icons-tab .nav-tabs {
  align-items: center;
  background-image: linear-gradient(
    135deg,
    var(--light-bg) 0,
    var(--light-bg) 100%
  );
  border-radius: 2px 2px 0 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0;
}
@media (max-width: 764px) {
  .horizontal-icons-tab .nav-tabs {
    row-gap: 8px;
  }
}
.horizontal-icons-tab .nav-tabs .nav-item .nav-link {
  align-items: center;
  background: transparent;
  background-image: linear-gradient(
    90deg,
    transparent 70%,
    hsla(0, 0%, 100%, 0.2)
  );
  border: none;
  border-radius: 0;
  cursor: pointer;
  display: flex;
  justify-content: center;
  outline: none;
  overflow: hidden;
  padding-top: 10px;
  position: relative;
  transition: 0.3s ease;
}
@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-left: 10px;
  margin-right: unset;
}
.horizontal-icons-tab .nav-tabs .nav-item .nav-link:before {
  background-image: linear-gradient(
    135deg,
    var(--theme-default) 0,
    #40b8f5 100%
  );
  height: 0;
  position: absolute;
  transition: 0.3s ease-in-out;
  z-index: 2;
}
.horizontal-icons-tab .nav-tabs .nav-item .nav-link:before,
.horizontal-icons-tab .nav-tabs .nav-item .nav-link:hover {
  bottom: 0;
  height: 100%;
  z-index: 2;
}
.horizontal-icons-tab .nav-tabs .nav-item .nav-link.active {
  background-color: var(--white);
  border-left: 0;
  border-right: 0;
  bottom: 0;
  color: #7366ff;
  overflow: hidden;
  z-index: 0;
}
.horizontal-icons-tab .nav-tabs .nav-item .nav-link.active:hover span {
  -webkit-background-clip: text;
  background-color: #fff;
  opacity: 1;
  -webkit-text-fill-color: transparent;
}
.horizontal-icons-tab .nav-tabs .nav-item .nav-link:before {
  content: "";
  height: 2px;
  left: 0;
  top: 0;
  width: 100%;
}
.horizontal-icons-tab .nav-tabs .nav-item .nav-link span {
  align-items: center;
  backface-visibility: hidden;
  color: var(--body-font-color);
  display: flex;
  font-weight: 400;
  justify-content: center;
  margin: 0;
  opacity: 0.6;
  padding: 0;
  transition: 0.5s ease;
  z-index: 2;
}
.horizontal-icons-tab .nav-tabs .nav-item .nav-link span:before {
  align-items: center;
  color: #fff;
  content: attr(data-title);
  display: flex;
  font-size: 40px;
  font-weight: 600;
  height: auto;
  justify-content: center;
  opacity: 0.1;
  position: absolute;
  top: 110%;
  transition: 1s ease-out;
  width: auto;
  z-index: -1;
}
.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 {
  bottom: 0;
  height: 100%;
  z-index: 2;
}
.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;
}
tbody,
td,
tfoot,
th,
thead,
tr {
  border-color: var(--chart-progress-light);
}
.table tbody tr:last-child td,
.table tbody tr:last-child th,
.table tfoot tr:last-child td,
.table tfoot tr:last-child th {
  border-bottom: none;
}
.pills-component {
  width: 20%;
}
#row_create td.highlight {
  color: #7366ff;
  font-weight: 500;
}
#row_create td.danger {
  color: #fc564a;
  font-weight: 500;
}
.table {
  margin-bottom: 0;
}
.table > :not(:last-child) > :last-child > * {
  border-bottom-color: #e9edf1;
}
.table td,
.table th {
  padding: 0.75rem;
}
.table thead.bg-primary tr th,
.table.table-primary 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: 700;
}
.table-dark th {
  color: #fff;
}
.table-inverse {
  background-color: #292b2c;
  color: #fff;
}
.table-inverse td,
.table-inverse th {
  border-color: #fff;
  color: #fff;
}
.table-inverse.table-bordered {
  border: 0;
}
.table[class*="bg-"] td,
.table[class*="bg-"] th {
  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 {
  border-radius: 4px;
  height: 30px;
  margin-right: 10px;
  padding: 5px;
  width: 30px;
}
[dir="rtl"] .table-hover tbody tr td svg {
  margin-left: 10px;
  margin-right: unset;
}
.typography-table tr:last-child,
.typography-table tr:last-child td {
  border-bottom: none;
}
.table-double {
  border-left: 4px double #dee2e6;
  border-right: 4px double #dee2e6;
}
.table-double tbody,
.table-double td,
.table-double tfoot,
.table-double th,
.table-double thead,
.table-double tr {
  border-style: double;
  border-width: 4px;
  border-left: 0;
  border-right: 0;
}
.table-dotted {
  border-left: 2px dotted #dee2e6;
  border-right: 2px dotted #dee2e6;
}
.table-dotted tbody,
.table-dotted td,
.table-dotted tfoot,
.table-dotted th,
.table-dotted thead,
.table-dotted tr {
  border-style: dotted !important;
  border-width: 2px;
  border-left: 0;
  border-right: 0;
}
.table-dashed {
  border-left: 2px dashed #dee2e6;
  border-right: 2px dashed #dee2e6;
}
.table-dashed tbody,
.table-dashed td,
.table-dashed tfoot,
.table-dashed th,
.table-dashed thead,
.table-dashed tr {
  border-style: dashed !important;
  border-width: 2px;
  border-left: 0;
  border-right: 0;
}
.table-dashed tbody tr:last-child td,
.table-dashed tbody tr:last-child th {
  border-color: var(--chart-progress-light);
}
.table-xl td,
.table-xl th {
  font-size: 120%;
  padding: 1.25rem 2rem;
}
.table-lg td,
.table-lg th {
  font-size: 110%;
  padding: 0.9rem 2rem;
}
.table-de td,
.table-de th {
  padding: 0.75rem 2rem;
}
.table-sm td,
.table-sm th {
  font-size: 90%;
  padding: 0.5rem 2rem;
}
.table-xs td,
.table-xs th {
  font-size: 80%;
  padding: 0.2rem 2rem;
}
.table-border-horizontal td,
.table-border-horizontal th,
.table-border-horizontal tr {
  border-top: 1px solid #f2f4ff;
  padding: 0.75rem 2rem;
}
.table-border-vertical td,
.table-border-vertical th,
.table-border-vertical tr {
  border-right: 1px solid #f2f4ff;
  border-top: 0;
}
.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,
.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 tbody,
.table-bordered td,
.table-bordered tfoot,
.table-bordered th,
.table-bordered thead,
.table-bordered tr {
  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);
}
.table-components .table-bordered .dropdown-toggle:after {
  vertical-align: 2px;
}
@media (max-width: 767px) {
  .table-components .table tbody tr td:first-child {
    min-width: 180px;
  }
}
.basic_table .table.table-striped.table-hover tr:hover {
  background-color: hsla(0, 0%, 51%, 0.2);
}
.border-bottom-table tbody tr:last-child td,
.border-bottom-table tbody tr:last-child th {
  border-bottom: unset !important;
}
.emphasis-table {
  --bs-emphasis-color-rgb: 242, 243, 247;
}
.emphasis-table .table-striped-columns > :not(caption) > tr > :nth-child(2n) {
  --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 1);
}
.emphasis-table .table-active {
  --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 1);
}
.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 {
  background-clip: padding-box;
  background-color: hsla(0, 0%, 100%, 0.85);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0.25rem;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  font-size: 0.875rem;
  max-width: 100%;
  pointer-events: auto;
  width: 350px;
}
.live-toast .toast {
  background-color: hsla(0, 0%, 100%, 0.98);
}
.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 {
  height: 30px;
  width: 30px;
}
.bd-example-toasts {
  min-height: 400px;
}
.toast:not(.showing):not(.show) {
  opacity: 0;
}
.toast-content {
  display: block;
  display: -webkit-box;
  height: 65px;
  margin: 0 auto;
  max-width: 100%;
  -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-left: auto !important;
  margin-right: unset !important;
}
[dir="rtl"] .toast-rtl .toast .btn-close {
  margin-left: unset;
  margin-right: 6px;
}
@media (max-width: 1920px) {
  .toast-dark .btn {
    padding: 6px calc(-0.8px + 1.5vw);
  }
}
.toast-icons {
  height: 20px;
  margin-right: 6px;
  width: 20px;
}
[dir="rtl"] .toast-icons {
  margin-left: 6px;
  margin-right: unset;
}
.common-toasts {
  position: relative;
}
.common-toasts .toast {
  border: 0;
}
.common-toasts .toast div[class*="alert-light-"] {
  gap: 10px;
  padding: 12px;
}
.common-toasts .toast-body {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: center;
  padding: 0;
}
.animated-toast-box {
  bottom: 0;
  padding: 16px;
  position: fixed;
  right: 0;
}
.animated-toast-box .toast-body {
  background-color: var(--light-background);
}
.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 {
  display: table-cell;
  position: relative;
  vertical-align: middle;
  white-space: nowrap;
  width: 1%;
}
.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 {
  font-size: 10px;
  font-weight: 400;
  left: 7px;
  position: absolute;
  top: 4px;
}
.bootstrap-touchspin
  .touchspin-vertical-tab
  .input-group
  .input-group-btn-vertical
  > .btn {
  display: block;
  float: none;
  margin-left: -1px;
  max-width: 100%;
  padding: 9px;
  position: relative;
  width: 100%;
}
.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 {
  align-items: center;
  display: flex;
  gap: 4px;
  justify-content: center;
}
.touchspin-wrapper .btn-touchspin {
  border-radius: 5px;
  height: 32px;
  width: 32px;
}
.touchspin-wrapper .btn-touchspin i {
  vertical-align: middle;
}
.touchspin-wrapper input[type="number"] {
  height: 30px;
  padding: 3px;
  text-align: center;
  width: 85px;
}
.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 {
  border: 0;
  padding: 7px 14px;
}
.pre-post-touchspin .decrement-touchspin i,
.pre-post-touchspin .increment-touchspin i,
.pre-post-touchspin .input-group-text i {
  vertical-align: middle;
}
.pre-post-touchspin .input-group-text {
  background-color: var(--light-bg);
}
.pre-post-touchspin .input-touchspin {
  border-width: 1px;
  border: 2px solid var(--course-light-btn);
  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-width: 1px;
  border: 2px solid var(--course-light-btn);
  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-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.rounded-touchspin .btn-touchspin {
  border-radius: 50%;
}
.rounded-touchspin .touchspin-wrapper input[type="number"].input-touchspin {
  border-radius: 15px;
}
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}
.introjs-helperLayer {
  background-color: hsla(0, 0%, 100%, 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 {
  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);
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
.introjs-arrow {
  border: 12px solid #fff;
}
.introjs-arrow.top,
.introjs-arrow.top-middle,
.introjs-arrow.top-right {
  border-bottom-color: var(--theme-default);
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-color: transparent;
}
.introjs-arrow.right,
.introjs-arrow.right-bottom {
  border-bottom-color: transparent;
  border-left-color: var(--theme-default);
  border-right-color: transparent;
  border-top-color: transparent;
}
.introjs-arrow.bottom {
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-color: var(--theme-default);
}
.introjs-arrow.left,
.introjs-arrow.left-bottom {
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-right-color: var(--theme-default);
  border-top-color: transparent;
}
.introjs-tooltip {
  background-color: var(--theme-default);
  border-color: var(--theme-default);
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
  color: #fff;
  max-width: 400px;
  min-height: 90px;
  min-width: calc(268px + 2.1875vw);
}
.introjs-button {
  background-color: #fff;
  background-image: linear-gradient(#fff, #fff);
  border: 1px solid #efefef;
  color: #404040 !important;
  font-size: 13px;
  text-shadow: 1px 1px 0 #fff;
}
.introjs-button:hover {
  border-color: #efefef;
}
.introjs-button:active,
.introjs-button:focus {
  background-image: linear-gradient(#e9edf1, #efefef);
}
.introjs-skipbutton {
  color: var(--theme-default);
}
.introjs-prevbutton.introjs-fullbutton {
  border: 1px solid #efefef;
}
.introjs-disabled,
.introjs-disabled:focus,
.introjs-disabled:hover {
  border-color: #efefef;
  color: var(--theme-default);
}
.introjs-bullets ul li a {
  background: #e9edf1;
}
.introjs-bullets ul li a.active,
.introjs-bullets ul li a:hover {
  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 {
  background-color: hsla(0, 0%, 53%, 0.24);
  border: 5px solid rgba(60, 60, 60, 0.27);
}
.introjs-hint-dot {
  border: 10px solid hsla(0, 0%, 57%, 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 {
  align-items: center;
  display: flex;
  gap: 8px;
}
.flex-grow-1 .tour-wrapper .tour-dot {
  font-size: 5px;
}
.tour-blog {
  height: 350px;
}
@media (max-width: 992px) {
  .tour-blog {
    height: calc(128.57143px + 22.32143vw);
  }
}
.tour-blog img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.info h6 {
  font-size: calc(13.6px + 0.125vw);
}
.info span {
  font-size: calc(12.8px + 0.0625vw);
}
.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;
  font-size: 14px;
  line-height: 26px !important;
  margin: 0 auto;
  max-width: 100%;
  -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 #ccc;
}
.social-tour {
  align-items: center;
  display: flex;
  gap: 26px;
  justify-content: flex-end;
}
.social-tour .list-inline {
  display: flex;
  gap: calc(9.2px + 0.875vw);
  justify-content: center;
}
.social-tour .list-inline .list-inline-item {
  margin-right: 0;
}
.social-tour .list-inline .list-inline-item a {
  padding: 0;
}
.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(0.8px + 0.375vw);
}
.like-comment .list-inline {
  justify-content: flex-start;
}
@media (max-width: 324px) {
  .like-comment .list-inline {
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-start;
  }
}
[dir="rtl"] .like-comment .list-inline .list-inline-item {
  border-left: 1px solid #ccc;
  border-right: 0;
}
[dir="rtl"] .like-comment .list-inline .list-inline-item:last-child {
  border-left: unset;
  border-right: 0;
}
.sortable-handler ul li i {
  cursor: pointer;
}
.grid-box-wrapper {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (max-width: 1500px) {
  .grid-box-wrapper {
    justify-content: flex-start;
  }
}
@media (max-width: 992px) {
  .grid-box-wrapper {
    justify-content: center;
  }
}
.grid-box {
  border-radius: 10px;
  display: grid;
  height: 100px;
  padding: 8px;
  place-items: center;
  width: 100px;
}
.draggable-filter ul li img {
  height: 37px;
  width: 37px;
}
.stackable-list .list-group,
.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;
}
.Typeahead {
  width: 100%;
}
.Typeahead *,
.Typeahead :after,
.Typeahead :before {
  box-sizing: border-box;
}
.Typeahead .tt-hint {
  display: none !important;
}
.u-cf:after,
.u-cf:before {
  content: " ";
  display: table;
}
.u-cf:after {
  clear: both;
}
.u-hidden {
  display: none !important;
}
.u-posRelative {
  position: relative;
}
.Typeahead-spinner {
  color: #c5c5c5;
  display: none;
  position: absolute;
  right: 18px;
  top: 14px;
}
.ProfileCard-avatar svg {
  height: 18px;
  vertical-align: bottom;
}
.ProfileCard-avatar svg path,
.ProfileCard-avatar svg polygon {
  color: #7e7c7c !important;
}
.Typeahead-hint {
  border: 1px solid #024e6a;
  border-radius: 8px;
  color: #ccd6dd;
  font-size: 24px;
  line-height: 30px;
  opacity: 1;
  padding: 5px 8px;
  top: 0;
}
.Typeahead-hint,
.Typeahead-menu {
  left: 0;
  position: absolute;
  width: 100%;
}
.Typeahead-menu {
  background-color: #fff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  display: none;
  overflow: hidden;
  padding: 15px;
  top: 100%;
  z-index: 100;
}
.Typeahead-menu.is-open {
  display: block;
}
.Typeahead-selectable {
  cursor: pointer;
}
.Typeahead-selectable + .Typeahead-selectable {
  border-top: 1px solid #ccd6dd;
}
.ProfileCard {
  border: 1px solid #ccc !important;
  border-radius: 10px;
  margin-bottom: 10px;
  padding: 10px;
  position: relative;
}
.ProfileCard:hover {
  background: #f8f8f8;
  color: #414345;
}
.ProfileCard:hover .ProfileCard-avatar {
  border-color: #f5f8fa;
}
.ProfileCard:hover .ProfileCard-screenName,
.ProfileCard:hover .ProfileCard-stat-label {
  color: #fff;
}
.ProfileCard-avatar {
  border-radius: 5px;
  position: absolute;
}
.ProfileCard-details {
  float: left;
  padding-left: 35px;
}
.ProfileCard-realName,
.ProfileCard-screenName {
  color: #898989;
  display: inline-block;
}
.ProfileCard-description {
  font-size: 14px;
  line-height: 18px;
  margin-top: 5px;
}
.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 {
  background: var(--theme-default);
  color: #fff;
}
.ProfileCard.is-active .ProfileCard-screenName,
.ProfileCard.is-active .ProfileCard-stat-label {
  color: #fff;
}
.EmptyMessage {
  font-size: 14px;
  line-height: 30px;
  padding: 10px;
  position: relative;
  text-align: center;
}
.Typeahead-spinner {
  height: 1rem;
  width: 1rem;
}
.sey-container {
  background-color: #fff;
  box-shadow: 1px 2px 6px;
  color: #333;
  display: none;
  position: absolute;
  transition: left 0.1s ease-in-out;
  z-index: 1;
}
.sey-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.sey-show {
  display: block;
}
.sey-hide {
  display: none;
}
.sey-empty {
  cursor: default;
  padding: 7px;
}
.sey-item {
  cursor: pointer;
  overflow: hidden;
  padding: 7px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sey-item:hover {
  background-color: #444;
  color: #fff;
}
.sey-selected {
  background-color: #333;
  color: #fff;
}
.sey-char-highlight {
  font-weight: 700;
}
.sey-category-id {
  background-color: #eee;
  box-shadow: 1px 0 1px;
  color: #aaa;
  font-size: 12px;
  font-style: italic;
  padding: 7px;
  text-align: right;
  text-transform: capitalize;
}
[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(210px + 6.25vw) !important;
}
.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(195px + 7.8125vw);
  }
}
.horizontal-scroll .horz-scroll-content .horizontal-img img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.scroll-demo.scroll-b-none {
  border: none;
  padding: 0;
}
[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;
  }
}
.sidebar-left-wrapper {
  border-right: 1px solid var(--recent-dashed-border);
}
[dir="rtl"] .sidebar-left-wrapper {
  border-left: 1px solid var(--recent-dashed-border);
  border-right: unset;
}
@media (max-width: 1199px) {
  .sidebar-left-wrapper {
    border-right: unset;
    margin-bottom: 25px;
  }
  [dir="rtl"] .sidebar-left-wrapper {
    border-left: unset;
  }
}
.sidebar-left-wrapper .sidebar-left-icons {
  display: block;
}
.sidebar-left-wrapper .sidebar-left-icons .nav-item {
  overflow: hidden;
  padding-bottom: 50px;
  position: relative;
  z-index: 0;
}
@media (max-width: 1199px) {
  .sidebar-left-wrapper .sidebar-left-icons .nav-item {
    padding-bottom: 25px;
  }
}
.sidebar-left-wrapper .sidebar-left-icons .nav-item:first-child .nav-link {
  padding-top: 0;
}
.sidebar-left-wrapper .sidebar-left-icons .nav-item:last-child {
  padding-bottom: 0;
}
.sidebar-left-wrapper .sidebar-left-icons .nav-item:before {
  border: 1px dashed rgba(82, 82, 108, 0.3);
  bottom: 0;
  content: "";
  height: calc(100% - 42px);
  left: 20px;
  position: absolute;
  z-index: -1;
}
[dir="rtl"] .sidebar-left-wrapper .sidebar-left-icons .nav-item:before {
  left: unset;
  right: 20px;
}
@media (max-width: 1199px) {
  .sidebar-left-wrapper .sidebar-left-icons .nav-item:before {
    height: 25px;
  }
}
.sidebar-left-wrapper .sidebar-left-icons .nav-item:last-child:before {
  content: none;
}
.sidebar-left-wrapper .sidebar-left-icons .nav-item:last-child .nav-link {
  padding-bottom: 0;
}
.sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link {
  align-items: center;
  background-color: var(--white);
  display: flex;
  gap: 12px;
  padding: 8px 0;
}
.sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link.active,
.sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link:active {
  color: unset;
}
.sidebar-left-wrapper
  .sidebar-left-icons
  .nav-item
  .nav-link.active
  .nav-rounded,
.sidebar-left-wrapper
  .sidebar-left-icons
  .nav-item
  .nav-link:active
  .nav-rounded {
  border: 1px solid var(--theme-default);
}
.sidebar-left-wrapper
  .sidebar-left-icons
  .nav-item
  .nav-link.active
  .nav-rounded
  .product-icons,
.sidebar-left-wrapper
  .sidebar-left-icons
  .nav-item
  .nav-link:active
  .nav-rounded
  .product-icons {
  background-color: var(--theme-default);
}
.sidebar-left-wrapper
  .sidebar-left-icons
  .nav-item
  .nav-link.active
  .nav-rounded
  .product-icons
  svg,
.sidebar-left-wrapper
  .sidebar-left-icons
  .nav-item
  .nav-link:active
  .nav-rounded
  .product-icons
  svg {
  stroke: #fff;
  animation: tada 2.4s ease infinite;
}
.sidebar-left-wrapper
  .sidebar-left-icons
  .nav-item
  .nav-link.active
  .product-tab-content
  h6,
.sidebar-left-wrapper
  .sidebar-left-icons
  .nav-item
  .nav-link:active
  .product-tab-content
  h6 {
  color: var(--theme-default);
  font-weight: 500;
}
.sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link .nav-rounded {
  border: 1px solid var(--recent-dashed-border);
  border-radius: 100%;
  box-shadow: inset 0 9px 20px 0 rgba(46, 35, 94, 0.07);
  height: 42px;
  min-width: 42px;
  padding: 2px;
  position: relative;
  z-index: 2;
}
.sidebar-left-wrapper
  .sidebar-left-icons
  .nav-item
  .nav-link
  .nav-rounded
  .product-icons {
  align-items: center;
  background-color: var(--white);
  border-radius: 100%;
  display: flex;
  height: 100%;
  justify-content: center;
  min-width: 100%;
}
.sidebar-left-wrapper
  .sidebar-left-icons
  .nav-item
  .nav-link
  .nav-rounded
  .product-icons
  svg {
  height: 18px;
  width: 18px;
  stroke: rgba(82, 82, 108, 0.8);
}
.sidebar-left-wrapper
  .sidebar-left-icons
  .nav-item
  .nav-link
  .product-tab-content
  h6 {
  color: var(--body-font-color);
  display: -webkit-box;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  width: 100%;
}
@media (max-width: 575px) {
  .sidebar-left-wrapper
    .sidebar-left-icons
    .nav-item
    .nav-link
    .product-tab-content
    h6 {
    text-align: left;
  }
}
.sidebar-left-wrapper
  .sidebar-left-icons
  .nav-item
  .nav-link
  .product-tab-content
  p {
  color: var(--chart-text-color);
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  width: 100%;
}
@media (max-width: 575px) {
  .sidebar-left-wrapper
    .sidebar-left-icons
    .nav-item
    .nav-link
    .product-tab-content
    p {
    text-align: left;
  }
}
.sidebar-left-wrapper .sidebar-left-icons .nav-item:hover .nav-rounded {
  border: 1px solid var(--theme-default);
}
.sidebar-left-wrapper
  .sidebar-left-icons
  .nav-item:hover
  .nav-rounded
  .product-icons {
  background-color: var(--light-shade-primary, 1);
}
.sidebar-left-wrapper
  .sidebar-left-icons
  .nav-item:hover
  .nav-rounded
  .product-icons
  svg {
  stroke: var(--theme-default);
  animation: tada 1.5s ease infinite;
}
.sidebar-left-wrapper
  .sidebar-left-icons
  .nav-item:hover
  .product-tab-content
  h6 {
  color: var(--theme-default);
}
@media (max-width: 576px) {
  .sidebar-body.advance-options .nav-tabs .nav-item {
    padding: 10px 0;
  }
}
.sidebar-body form .form-control:focus,
.sidebar-body form .form-select:focus {
  border-color: unset;
  box-shadow: unset;
}
[dir="rtl"] .sidebar-body .ql-snow .ql-picker-label {
  padding-left: 2px;
  padding-right: 8px;
}
@media (max-width: 575px) {
  .sidebar-body .ql-toolbar.ql-snow .ql-formats {
    margin-right: 0 !important;
  }
}
[dir="rtl"]
  .sidebar-body
  .ql-snow
  .ql-picker:not(.ql-color-picker):not(.ql-icon-picker)
  svg {
  left: 0;
  right: unset;
}
[dir="rtl"] .sidebar-body .form-select {
  padding: 6px 12px 6px 36px !important;
}
.sidebar-body .ql-formats {
  border-right: 1px solid var(--recent-dashed-border);
}
[dir="rtl"] .sidebar-body .ql-formats {
  border-left: 1px solid var(--recent-dashed-border);
  border-right: unset;
}
@media (max-width: 575px) {
  .sidebar-body .ql-formats {
    border-right: unset;
  }
  [dir="rtl"] .sidebar-body .ql-formats {
    border-left: unset;
  }
}
.sidebar-body .ql-formats:last-of-type {
  border-right: unset;
}
[dir="rtl"] .sidebar-body .ql-formats:last-of-type {
  border-left: unset;
}
.sidebar-body #editor2 {
  min-height: 160px;
}
.sidebar-body input[type="number"]::-webkit-inner-spin-button,
.sidebar-body input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: inner-spin-button;
}
.sidebar-body .form-control,
.sidebar-body .form-select {
  color: rgba(82, 82, 108, 0.8);
  font-size: 14px;
}
.sidebar-body .product-upload .dropzone .dz-message i {
  font-size: 42px;
}
.sidebar-body .product-upload p {
  line-height: 0;
  margin-bottom: calc(6px + 0.625vw);
}
@media (max-width: 344px) {
  .sidebar-body .product-upload p {
    line-height: normal;
  }
}
.sidebar-body .product-upload:first-child {
  margin-bottom: 40px;
}
@media (max-width: 400px) {
  .sidebar-body .product-upload:first-child {
    margin-bottom: 26px;
  }
}
.sidebar-body .product-upload:nth-child(2) {
  margin-bottom: 65px;
}
@media (max-width: 1199px) {
  .sidebar-body .product-upload:nth-child(2) {
    margin-bottom: 0;
  }
}
.sidebar-body .product-upload form svg {
  height: 48px;
  width: 48px;
}
.sidebar-body .product-upload form h6 {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.8;
}
.sidebar-body .product-upload form span {
  color: var(--chart-text-color);
  font-size: 14px;
}
.category-button {
  border-bottom: 1px dashed var(--recent-dashed-border);
  padding-bottom: 30px;
}
@media (max-width: 575px) {
  .category-button {
    padding-bottom: 25px;
  }
}
.category-button a {
  padding: 12px;
}
.create-category .toolbar-box {
  margin-top: 12px;
}
.product-date .form-control[readonly] {
  background-color: var(--white);
}
.price-wrapper .radio-wrapper {
  justify-content: flex-start;
  margin-top: 4px;
}
.price-wrapper .radio-wrapper li {
  max-width: 200px;
}
.price-wrapper .radio-wrapper li .form-check-input {
  background-color: var(--light-background);
  border-radius: 5px;
}
.price-wrapper .radio-wrapper li .form-check-input ~ .form-check-label span {
  color: #4c5667;
  font-size: 15px;
  position: relative;
}
.price-wrapper .radio-wrapper li .form-check-input:checked {
  background-color: var(--light-background);
  border: 1px solid var(--theme-default);
  border-radius: 5px;
}
.price-wrapper
  .radio-wrapper
  li
  .form-check-input:checked
  ~ .form-check-label
  span {
  color: var(--theme-default);
  position: relative;
}
.price-wrapper .form-select {
  color: rgba(82, 82, 108, 0.8);
  font-size: 15px;
}
.advance-options ul {
  border-bottom: 1px solid var(--recent-dashed-border);
}
.advance-options ul.border-tab.nav-tabs {
  flex-wrap: wrap;
  row-gap: 18px;
}
.advance-options ul.border-tab.nav-tabs .nav-item .nav-link {
  border-bottom: 2px solid transparent;
  color: var(--body-font-color);
  padding: 0 calc(-2.6px + 1.4375vw) 10px;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 1199px) {
  .advance-options ul.border-tab.nav-tabs .nav-item .nav-link {
    padding: 0 calc(1px + 1.25vw) 10px;
  }
}
.advance-options ul.border-tab.nav-tabs .nav-item .nav-link.active,
.advance-options ul.border-tab.nav-tabs .nav-item .nav-link:active {
  border-bottom: 2px solid var(--theme-default);
  color: var(--body-font-color);
  transition: all 0.3s ease-in-out;
}
.meta-body {
  padding-top: 16px;
}
.meta-body .custom-input .form-check .form-check-input:checked {
  background-color: var(--theme-default);
}
.meta-body .custom-input .form-check .form-check-input:valid {
  border-color: var(--theme-default);
}
.meta-body
  .custom-input
  .form-check
  .form-check-input:valid
  ~ .form-check-label {
  color: rgba(82, 82, 108, 0.8);
}
.product-tag .tagify {
  align-items: center;
  border-radius: 4px;
  display: flex;
  height: auto;
  padding: 0;
  width: 100%;
}
.tagify__tag {
  margin: 5px 0 5px 5px;
}
[dir="rtl"] .tagify__tag {
  margin-left: 0;
  margin-right: 5px;
}
.tagify__input {
  margin: 0;
}
[dir="rtl"] .tagify__tag__removeBtn {
  margin-left: 4.6666666667px;
  margin-right: auto;
}
.list-product.list-category .square-white {
  align-items: center;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 0 28px 6px hsla(0, 0%, 92%, 0.4);
  display: flex;
  height: 34px;
  justify-content: center;
  width: 34px;
}
.list-product.list-category .square-white svg {
  fill: rgba(82, 82, 108, 0.8);
  height: 16px;
  width: 16px;
}
.list-product.list-category div.dt-container .dt-layout-row .dt-search {
  right: 214px;
  top: 26px;
}
@media (max-width: 640px) {
  .list-product.list-category div.dt-container .dt-layout-row .dt-search {
    top: 4px;
  }
}
.list-product.list-category
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input {
  width: auto;
}
.list-product.list-category table tbody tr td,
.list-product.list-category table tbody tr th,
.list-product.list-category table thead tr td,
.list-product.list-category table thead tr th {
  color: var(--body-font-color);
  min-width: auto;
}
.list-product.list-category table tbody tr td:first-child,
.list-product.list-category table tbody tr th:first-child,
.list-product.list-category table thead tr td:first-child,
.list-product.list-category table thead tr th:first-child {
  padding-left: 20px;
}
.list-product.list-category table tbody tr td:last-child,
.list-product.list-category table tbody tr th:last-child,
.list-product.list-category table thead tr td:last-child,
.list-product.list-category table thead tr th:last-child {
  padding-right: 20px;
}
@media (min-width: 1200px) {
  .list-product.list-category table tbody tr td p,
  .list-product.list-category table tbody tr th p,
  .list-product.list-category table thead tr td p,
  .list-product.list-category table thead tr th p {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 1;
    height: auto;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media (min-width: 320px) {
  .list-product.list-category table tbody tr td:nth-child(4),
  .list-product.list-category table tbody tr th:nth-child(4),
  .list-product.list-category table thead tr td:nth-child(4),
  .list-product.list-category table thead tr th:nth-child(4) {
    min-width: 128px;
  }
}
@media (max-width: 1310px) {
  .list-product.list-category table tbody tr td:nth-child(4),
  .list-product.list-category table tbody tr th:nth-child(4),
  .list-product.list-category table thead tr td:nth-child(4),
  .list-product.list-category table thead tr th:nth-child(4) {
    min-width: 125px;
  }
}
@media (max-width: 1199px) {
  .list-product.list-category table tbody tr td:nth-child(2),
  .list-product.list-category table tbody tr th:nth-child(2),
  .list-product.list-category table thead tr td:nth-child(2),
  .list-product.list-category table thead tr th:nth-child(2) {
    min-width: 220px;
  }
  .list-product.list-category table tbody tr td:nth-child(3),
  .list-product.list-category table tbody tr th:nth-child(3),
  .list-product.list-category table thead tr td:nth-child(3),
  .list-product.list-category table thead tr th:nth-child(3) {
    min-width: 510px;
  }
}
.list-product.list-category table tbody tr td .badge,
.list-product.list-category table tbody tr th .badge,
.list-product.list-category table thead tr td .badge,
.list-product.list-category table thead tr th .badge {
  font-size: 12px;
  padding: 6px 12px;
}
.list-product .datatable-container {
  overflow-x: auto;
}
@media (max-width: 1445px) {
  .list-product .datatable-container thead tr th:nth-child(8) {
    display: none;
  }
}
.list-product .datatable-container tbody tr {
  cursor: pointer;
}
@media (max-width: 1445px) {
  .list-product .datatable-container tbody tr td:nth-child(8) {
    display: none;
  }
}
.list-product .datatable-dropdown {
  position: relative;
}
.list-product .datatable-dropdown label {
  color: var(--body-font-color);
}
.list-product .datatable-dropdown label:before {
  color: var(--chart-text-color);
  content: "\f107";
  font-family: FontAwesome;
  font-size: 16px;
  left: 38px;
  margin: 0;
  position: absolute;
  top: 6px;
}
[dir="rtl"] .list-product .datatable-dropdown label:before {
  left: unset;
  right: 38px;
}
.list-product .datatable-selector {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  min-width: 55px;
}
.list-product .datatable-selector:focus,
.list-product .datatable-selector:focus-visible {
  outline: none;
}
[dir="rtl"] .list-product .datatable-sorter:after,
[dir="rtl"] .list-product .datatable-sorter:before {
  left: 4px;
  right: unset;
}
.list-product tr td,
.list-product tr th {
  text-align: left;
}
[dir="rtl"] .list-product tr td,
[dir="rtl"] .list-product tr th {
  text-align: right;
}
.list-product tr th:first-child .datatable-sorter:after,
.list-product tr th:first-child .datatable-sorter:before {
  border: none;
}
.list-product tr td:first-child,
.list-product tr th:first-child {
  min-width: 20px;
}
.list-product tr td:nth-child(2),
.list-product tr th:nth-child(2) {
  min-width: 110px;
}
@media (max-width: 1460px) {
  .list-product tr td:nth-child(2),
  .list-product tr th:nth-child(2) {
    min-width: 230px;
  }
}
.list-product tr td:nth-child(3),
.list-product tr th:nth-child(3) {
  min-width: 90px;
}
.list-product tr td:nth-child(4),
.list-product tr td:nth-child(5),
.list-product tr th:nth-child(4),
.list-product tr th:nth-child(5) {
  min-width: 120px;
}
.list-product tr td:nth-child(6),
.list-product tr th:nth-child(6) {
  min-width: 80px;
}
.list-product tr td:nth-child(7),
.list-product tr th:nth-child(7) {
  min-width: 100px;
}
.list-product tr td:nth-child(8),
.list-product tr th:nth-child(8) {
  min-width: 140px;
}
.list-product tr td:nth-child(9),
.list-product tr th:nth-child(9) {
  min-width: 105px;
}
.list-product:focus-visible {
  outline: 0;
}
.list-product .datatable-top {
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
}
.list-product .datatable-search {
  float: left;
}
[dir="rtl"] .list-product .datatable-search {
  float: right;
}
.list-product .datatable-container:focus-visible {
  outline: 0;
}
.list-product .datatable-bottom .datatable-info {
  color: var(--body-font-color);
}
.list-product .datatable-top {
  padding: 0;
}
.list-product .datatable-pagination li.datatable-hidden {
  visibility: visible;
}
.list-product .datatable-pagination li.datatable-hidden a {
  color: var(--theme-default);
  font-weight: 500;
  opacity: 1;
}
.list-product
  .datatable-pagination
  .datatable-active
  .datatable-pagination-list-item-link {
  background-color: var(--theme-default);
  color: var(--white);
}
.list-product .datatable-pagination .datatable-pagination-list-item-link {
  background-color: rgba(var(--light-shade-primary), 0.02);
  border-radius: 5px;
}
.table#project-status tbody tr td {
  vertical-align: inherit;
}
.product-names {
  align-items: center;
  display: flex;
  gap: 15px;
}
.product-names .light-product-box {
  align-items: center;
  background-color: var(--chart-progress-light);
  border-radius: 3px;
  display: flex;
  height: 49px;
  justify-content: center;
  min-width: 49px;
}
.product-names .light-product-box img {
  height: 26px;
}
.datatable-input,
.datatable-selector {
  background: unset;
  border: 1px solid var(--recent-dashed-border);
  border-radius: 5px;
}
@media (max-width: 767px) {
  .e-category .col.m-t-40 {
    margin-top: 20px !important;
  }
}
.e-category .category-popup .tagify {
  align-items: center;
  border-color: var(--bs-border-color);
  border-radius: 4px;
  display: flex;
  height: auto;
  padding: 0;
  width: 100%;
}
.e-category .form-label {
  color: #52526c;
}
.e-category .form-control {
  color: var(--body-font-color);
  font-size: 14px;
}
.e-category .form-control::-moz-placeholder {
  color: rgba(82, 82, 108, 0.6);
}
.e-category .form-control::placeholder {
  color: rgba(82, 82, 108, 0.6);
}
.e-category .form-select {
  color: rgba(82, 82, 108, 0.8);
  font-size: 14px;
}
.e-category .main-divider {
  padding-block: 18px;
}
.e-category .main-divider .divider-body {
  position: relative;
  z-index: 0;
}
.e-category .main-divider .divider-body:before {
  border: 1px dashed rgba(82, 82, 108, 0.1);
  content: "";
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  z-index: -1;
}
.e-category .main-divider .divider-body h6 {
  background-color: var(--white);
  color: #52526c;
  display: inline-block;
  padding-right: 12px;
}
.discount-options {
  gap: calc(8.4px + 1.125vw);
  justify-content: flex-start;
  margin-top: 4px;
}
@media (max-width: 575px) {
  .discount-options {
    display: flex !important;
  }
}
.discount-options .nav-item .nav-link {
  align-items: center;
  background-color: var(--light-background);
  border: none;
  border-radius: 5px;
  color: #4c5667;
  display: flex;
  font-size: 15px;
  height: 70px;
  justify-content: center;
  padding: 12px;
  position: relative;
  text-align: center;
  width: 185px;
}
@media (min-width: 1200px) {
  .discount-options .nav-item .nav-link {
    font-size: calc(13.8px + 0.0625vw);
    height: calc(55.6px + 0.75vw);
    width: calc(167px + 0.9375vw);
  }
}
.discount-options .nav-item .nav-link.active {
  background-color: var(--theme-default);
  color: #fff;
}
.common-form .product-buttons {
  border-top: 1px solid var(--recent-dashed-border);
  bottom: 0;
  left: 50%;
  margin: 15px 0 0;
  padding: 12px 0 0;
  position: absolute;
  text-align: end;
  transform: translateX(-50%);
  width: calc(100% - 48px);
}
[dir="rtl"] .common-form .product-buttons {
  left: unset;
  right: 50%;
  transform: translateX(50%);
}
@media (max-width: 1199px) {
  .common-form .product-buttons {
    position: unset;
    transform: unset;
    width: 100%;
  }
  [dir="rtl"] .common-form .product-buttons {
    transform: unset;
  }
}
.common-form .product-buttons svg {
  height: 18px;
  width: 18px;
  stroke: var(--chart-text-color);
  vertical-align: sub;
}
@media (max-width: 400px) {
  .common-form .product-buttons svg {
    height: 15px;
    width: 15px;
  }
}
.common-form .product-buttons .btn {
  border: 1px solid #ccc;
  color: var(--chart-text-color);
  font-weight: 500;
  padding: 6px 20px;
}
@media (max-width: 1400px) {
  .common-form .product-buttons .btn {
    padding: 6px 16px;
  }
}
@media (max-width: 400px) {
  .common-form .product-buttons .btn {
    padding: 6px 8px;
  }
}
.common-form .product-buttons .btn:active,
.common-form .product-buttons .btn:hover {
  background-color: var(--theme-default);
  color: #fdfeff;
}
.common-form .product-buttons .btn:active svg,
.common-form .product-buttons .btn:hover svg {
  stroke: #fdfeff;
}
.common-form .product-buttons .btn:first-child {
  margin-right: 12px;
}
.common-form .product-buttons .btn:first-child svg {
  margin-right: 8px;
}
.common-form .product-buttons .btn:last-child svg {
  margin-left: 8px;
}
.common-tagify .tagify {
  align-items: center;
  border-radius: 4px;
  display: flex;
  height: auto;
  padding: 0;
  width: 100%;
}
.category-btn {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 24px;
}
@media (max-width: 767px) {
  .category-btn {
    margin-top: 0;
  }
}
.product-page-width tbody tr td {
  border: 1px solid var(--recent-dashed-border);
  padding: 8px 12px;
}
.review-box .product-rating .common-flex {
  gap: 6px;
}
.review-box .product-rating .common-flex i {
  color: rgba(82, 82, 108, 0.8);
  font-size: 18px;
}
.review-box .product-rating .common-flex i.fill {
  color: #ffb829;
}
.review-box .rating-box ul {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}
.review-box .rating-box ul li {
  width: 100%;
}
.review-box .rating-box ul li .rating-list {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  gap: 12px;
  justify-content: center;
}
.review-box .rating-box ul li .rating-list h6 {
  font-size: calc(14.8px + 0.0625vw);
  font-weight: 400;
  line-height: 1.2;
  margin: 0;
  white-space: nowrap;
}
.review-box .rating-box ul li .rating-list h6 i {
  color: rgba(82, 82, 108, 0.6);
  font-size: 14px;
  margin-left: 3px;
}
[dir="rtl"] .review-box .rating-box ul li .rating-list h6 i {
  margin-left: unset;
  margin-right: 3px;
}
.review-box .rating-box ul li .rating-list .progress {
  border-radius: 4px;
  display: flex;
  font-size: 12px;
  height: 8px;
  overflow: hidden;
  width: 100%;
}
.review-box .rating-box ul li .rating-list .progress .progress-bar {
  background: var(--theme-default);
}
.review-box .review-people .review-list {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  max-height: 330px;
  overflow-y: auto;
}
.review-box .review-people .review-list li {
  display: block;
  width: 100%;
}
.review-box .review-people .review-list li .people-box {
  background: var(--light-background);
  border-radius: 10px;
  display: flex;
  padding: 16px 20px;
  width: 100%;
}
@media (max-width: 575px) {
  .review-box .review-people .review-list li .people-box {
    flex-wrap: wrap;
    gap: 8px;
  }
}
.review-box
  .review-people
  .review-list
  li
  .people-box
  .people-comment
  .people-name {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.review-box
  .review-people
  .review-list
  li
  .people-box
  .people-comment
  .people-name
  > div {
  display: flex;
  gap: 3px;
}
.review-box
  .review-people
  .review-list
  li
  .people-box
  .people-comment
  .date-time {
  display: block;
}
.review-box
  .review-people
  .review-list
  li
  .people-box
  .people-comment
  .product-rating
  .common-flex {
  gap: 3px;
}
.review-box
  .review-people
  .review-list
  li
  .people-box
  .people-comment
  .product-rating
  .common-flex
  i {
  font-size: 12px;
}
.review-box .review-people .review-list li .people-box .people-comment h6 {
  color: rgba(82, 82, 108, 0.8);
  font-size: 13px;
  font-weight: 400;
  margin-left: auto;
}
[dir="rtl"]
  .review-box
  .review-people
  .review-list
  li
  .people-box
  .people-comment
  h6 {
  margin-left: unset;
  margin-right: auto;
}
.review-box .review-people .review-list li .people-box img {
  border-radius: 8px;
  height: calc(42.4px + 0.8125vw);
  -o-object-fit: cover;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.review-box .review-people .review-list li .people-box .people-comment {
  padding-left: calc(8px + 0.625vw);
}
[dir="rtl"]
  .review-box
  .review-people
  .review-list
  li
  .people-box
  .people-comment {
  padding-left: unset;
  padding-right: calc(8px + 0.625vw);
}
@media (max-width: 575px) {
  .review-box .review-people .review-list li .people-box .people-comment {
    padding-left: 0;
  }
  [dir="rtl"]
    .review-box
    .review-people
    .review-list
    li
    .people-box
    .people-comment {
    padding-left: unset;
    padding-right: 0;
  }
}
.review-box .review-people .review-list li .people-box .people-comment .name {
  display: block;
  font-weight: 500;
}
.review-box
  .review-people
  .review-list
  li
  .people-box
  .people-comment
  .name:hover {
  color: var(--theme-default);
}
.review-box
  .review-people
  .review-list
  li
  .people-box
  .people-comment
  .date-time {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.review-box
  .review-people
  .review-list
  li
  .people-box
  .people-comment
  .date-time
  h6 {
  margin: 0;
}
.review-box .review-people .review-list li .people-box .reply {
  line-height: 1.6;
  margin-top: 2px;
}
.review-box .review-people .review-list li .people-box .reply p {
  display: -webkit-box;
  line-height: 1.6;
  margin: 0;
  max-width: 100%;
  -webkit-line-clamp: 2;
  height: auto;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 575px) {
  .review-box .review-people .review-list li .people-box .reply p {
    -webkit-line-clamp: 3;
  }
}
.product-rating-box .main-product-rating {
  font-size: 30px;
}
.product-rating-box .main-product-rating i {
  color: #ffb829;
  font-size: 22px;
  margin-left: 4px;
  margin-top: -8px;
  vertical-align: middle;
}
[dir="rtl"] .product-rating-box .main-product-rating i {
  margin-left: unset;
  margin-right: 4px;
}
.product-rating-box .review-title-2 {
  border-top: 1px solid var(--chart-progress-light);
  margin-top: calc(10.6px + 0.75vw);
  padding-top: calc(10.6px + 0.75vw);
}
.product-rating-box .review-title-2 p {
  color: rgba(82, 82, 108, 0.6);
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: calc(5.8px + 0.375vw);
}
.product-rating-box .product-review-rating {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: flex-start;
  margin-bottom: 12px;
  padding-bottom: 12px;
}
.product-rating-box .product-review-rating .product-rating .common-flex i {
  font-size: 14px;
}
.list-product-view
  .list-product
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search {
  right: 214px;
  top: 26px;
}
@media (max-width: 640px) {
  .list-product-view
    .list-product
    .recent-table
    div.dt-container
    .dt-layout-row
    .dt-search {
    top: 4px;
  }
}
.list-product-view
  .list-product
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input {
  width: auto;
}
.list-product-view .list-product .recent-table table tbody tr td,
.list-product-view .list-product .recent-table table tbody tr th,
.list-product-view .list-product .recent-table table thead tr td,
.list-product-view .list-product .recent-table table thead tr th {
  color: var(--body-font-color);
  min-width: auto;
}
.list-product-view .list-product .recent-table table tbody tr td:first-child,
.list-product-view .list-product .recent-table table tbody tr th:first-child,
.list-product-view .list-product .recent-table table thead tr td:first-child,
.list-product-view .list-product .recent-table table thead tr th:first-child {
  padding-left: 20px;
}
.list-product-view .list-product .recent-table table tbody tr td:last-child,
.list-product-view .list-product .recent-table table tbody tr th:last-child,
.list-product-view .list-product .recent-table table thead tr td:last-child,
.list-product-view .list-product .recent-table table thead tr th:last-child {
  padding-right: 20px;
}
.list-product-view
  .list-product
  .recent-table
  table
  tbody
  tr
  td
  .product-action,
.list-product-view
  .list-product
  .recent-table
  table
  tbody
  tr
  th
  .product-action,
.list-product-view
  .list-product
  .recent-table
  table
  thead
  tr
  td
  .product-action,
.list-product-view
  .list-product
  .recent-table
  table
  thead
  tr
  th
  .product-action {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: flex-start;
}
.list-product-view
  .list-product
  .recent-table
  table
  tbody
  tr
  td
  .product-action
  .square-white,
.list-product-view
  .list-product
  .recent-table
  table
  tbody
  tr
  th
  .product-action
  .square-white,
.list-product-view
  .list-product
  .recent-table
  table
  thead
  tr
  td
  .product-action
  .square-white,
.list-product-view
  .list-product
  .recent-table
  table
  thead
  tr
  th
  .product-action
  .square-white {
  align-items: center;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 0 28px 6px hsla(0, 0%, 92%, 0.4);
  display: flex;
  height: 34px;
  justify-content: center;
  width: 34px;
}
.list-product-view
  .list-product
  .recent-table
  table
  tbody
  tr
  td
  .product-action
  .square-white
  svg,
.list-product-view
  .list-product
  .recent-table
  table
  tbody
  tr
  th
  .product-action
  .square-white
  svg,
.list-product-view
  .list-product
  .recent-table
  table
  thead
  tr
  td
  .product-action
  .square-white
  svg,
.list-product-view
  .list-product
  .recent-table
  table
  thead
  tr
  th
  .product-action
  .square-white
  svg {
  cursor: pointer;
  height: 18px;
  width: 18px;
  fill: var(--chart-text-color);
  height: 16px;
  width: 16px;
}
.list-product-view .list-product .recent-table table tbody tr td .badge,
.list-product-view .list-product .recent-table table tbody tr th .badge,
.list-product-view .list-product .recent-table table thead tr td .badge,
.list-product-view .list-product .recent-table table thead tr th .badge {
  font-size: 12px;
  padding: 6px 12px;
}
.list-product .product-list-table.recent-table tbody tr td a,
.list-product .product-list-table.recent-table tbody tr th a,
.list-product .product-list-table.recent-table thead tr td a,
.list-product .product-list-table.recent-table thead tr th a {
  color: var(--body-font-color);
}
.list-product .product-list-table.recent-table tbody tr td .product-names p,
.list-product .product-list-table.recent-table tbody tr td:nth-child(4),
.list-product .product-list-table.recent-table tbody tr th .product-names p,
.list-product .product-list-table.recent-table tbody tr th:nth-child(4),
.list-product .product-list-table.recent-table thead tr td .product-names p,
.list-product .product-list-table.recent-table thead tr td:nth-child(4),
.list-product .product-list-table.recent-table thead tr th .product-names p,
.list-product .product-list-table.recent-table thead tr th:nth-child(4) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 1382px) and (min-width: 1200px) {
  .list-product .product-list-table.recent-table tbody tr td:nth-child(6),
  .list-product .product-list-table.recent-table tbody tr th:nth-child(6),
  .list-product .product-list-table.recent-table thead tr td:nth-child(6),
  .list-product .product-list-table.recent-table thead tr th:nth-child(6) {
    display: none;
  }
}
@media (max-width: 1330px) and (min-width: 1200px) {
  .list-product .product-list-table.recent-table tbody tr td:nth-child(8),
  .list-product .product-list-table.recent-table tbody tr th:nth-child(8),
  .list-product .product-list-table.recent-table thead tr td:nth-child(8),
  .list-product .product-list-table.recent-table thead tr th:nth-child(8) {
    display: none;
  }
}
@media (max-width: 1199px) {
  .list-product .product-list-table.recent-table tbody tr td:nth-child(2),
  .list-product .product-list-table.recent-table tbody tr th:nth-child(2),
  .list-product .product-list-table.recent-table thead tr td:nth-child(2),
  .list-product .product-list-table.recent-table thead tr th:nth-child(2) {
    min-width: 285px;
  }
  .list-product .product-list-table.recent-table tbody tr td:nth-child(3),
  .list-product .product-list-table.recent-table tbody tr th:nth-child(3),
  .list-product .product-list-table.recent-table thead tr td:nth-child(3),
  .list-product .product-list-table.recent-table thead tr th:nth-child(3) {
    min-width: 110px;
  }
  .list-product .product-list-table.recent-table tbody tr td:nth-child(4),
  .list-product .product-list-table.recent-table tbody tr th:nth-child(4),
  .list-product .product-list-table.recent-table thead tr td:nth-child(4),
  .list-product .product-list-table.recent-table thead tr th:nth-child(4) {
    min-width: 138px;
  }
  .list-product .product-list-table.recent-table tbody tr td:nth-child(5),
  .list-product .product-list-table.recent-table tbody tr th:nth-child(5),
  .list-product .product-list-table.recent-table thead tr td:nth-child(5),
  .list-product .product-list-table.recent-table thead tr th:nth-child(5) {
    min-width: 90px;
  }
  .list-product .product-list-table.recent-table tbody tr td:nth-child(7),
  .list-product .product-list-table.recent-table tbody tr th:nth-child(7),
  .list-product .product-list-table.recent-table thead tr td:nth-child(7),
  .list-product .product-list-table.recent-table thead tr th:nth-child(7) {
    min-width: 98px;
  }
  .list-product .product-list-table.recent-table tbody tr td:nth-child(8),
  .list-product .product-list-table.recent-table tbody tr th:nth-child(8),
  .list-product .product-list-table.recent-table thead tr td:nth-child(8),
  .list-product .product-list-table.recent-table thead tr th:nth-child(8) {
    min-width: 100px;
  }
}
@media (max-width: 1382px) and (min-width: 1200px) {
  .product-list-table tbody tr td:nth-child(6),
  .product-list-table tbody tr th:nth-child(6),
  .product-list-table thead tr td:nth-child(6),
  .product-list-table thead tr th:nth-child(6) {
    display: none;
  }
}
@media (max-width: 1330px) and (min-width: 1200px) {
  .product-list-table tbody tr td:nth-child(8),
  .product-list-table tbody tr th:nth-child(8),
  .product-list-table thead tr td:nth-child(8),
  .product-list-table thead tr th:nth-child(8) {
    display: none;
  }
}
@media (max-width: 1199px) {
  .product-list-table tbody tr td:nth-child(2),
  .product-list-table tbody tr th:nth-child(2),
  .product-list-table thead tr td:nth-child(2),
  .product-list-table thead tr th:nth-child(2) {
    min-width: 285px;
  }
  .product-list-table tbody tr td:nth-child(3),
  .product-list-table tbody tr th:nth-child(3),
  .product-list-table thead tr td:nth-child(3),
  .product-list-table thead tr th:nth-child(3) {
    min-width: 110px;
  }
  .product-list-table tbody tr td:nth-child(4),
  .product-list-table tbody tr th:nth-child(4),
  .product-list-table thead tr td:nth-child(4),
  .product-list-table thead tr th:nth-child(4) {
    min-width: 138px;
  }
  .product-list-table tbody tr td:nth-child(5),
  .product-list-table tbody tr th:nth-child(5),
  .product-list-table thead tr td:nth-child(5),
  .product-list-table thead tr th:nth-child(5) {
    min-width: 90px;
  }
  .product-list-table tbody tr td:nth-child(8),
  .product-list-table tbody tr th:nth-child(8),
  .product-list-table thead tr td:nth-child(8),
  .product-list-table thead tr th:nth-child(8) {
    min-width: 100px;
  }
}
.product-info-table .table tbody tr td {
  color: rgba(82, 82, 108, 0.8);
}
@media (max-width: 767px) {
  .product-info-table .table tbody tr td:nth-child(3),
  .product-info-table .table tbody tr th:nth-child(3),
  .product-info-table .table thead tr td:nth-child(3),
  .product-info-table .table thead tr th:nth-child(3) {
    min-width: 108px;
  }
  .product-info-table .table tbody tr td:nth-child(4),
  .product-info-table .table tbody tr th:nth-child(4),
  .product-info-table .table thead tr td:nth-child(4),
  .product-info-table .table thead tr th:nth-child(4) {
    min-width: 100px;
  }
  .product-info-table .table tbody tr td:nth-child(5),
  .product-info-table .table tbody tr th:nth-child(5),
  .product-info-table .table thead tr td:nth-child(5),
  .product-info-table .table thead tr th:nth-child(5) {
    min-width: 125px;
  }
}
.blog-box img {
  border-radius: 0.25rem;
}
.blog-box .top-radius-blog {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.blog-box h6 {
  font-weight: 600;
  margin: 15px 0;
}
.blog-box .blog-details {
  padding-right: 20px;
}
.blog-box .blog-details .blog-social {
  margin-top: 30px;
}
.blog-box .blog-details .blog-social li {
  color: #75758a;
  display: inline-block;
  font-size: 12px;
}
.blog-box .blog-details .blog-social li + li {
  line-height: 1;
  padding-left: 20px;
  padding-right: 0;
}
.blog-box .blog-details .blog-social li i {
  font-weight: 300;
  padding-right: 5px;
}
.blog-box .blog-details .blog-social li:first-child {
  border-right: 1px solid #898989;
  padding-right: 20px;
}
[dir="rtl"] .blog-box .blog-details .blog-social li:first-child {
  border-left: 1px solid #898989;
  border-right: unset;
  padding-left: 20px;
  padding-right: unset;
}
.blog-box .blog-details-main hr {
  background-color: #ccc;
}
.blog-box .blog-details-main .blog-social {
  margin: 20px 0;
}
.blog-box .blog-details-main .blog-social li {
  border-right: 1px dashed;
  color: #75758a;
  display: inline-block;
  font-size: 12px;
  padding: 0 24px;
}
[dir="rtl"] .blog-box .blog-details-main .blog-social li {
  border-left: 1px dashed;
  border-right: unset;
}
@media (max-width: 1676px) {
  .blog-box .blog-details-main .blog-social li {
    padding: 0 10px;
  }
}
.blog-box .blog-details-main .blog-social li:last-child {
  border-right: 0;
}
[dir="rtl"] .blog-box .blog-details-main .blog-social li:last-child {
  border-left: 0;
  border-right: unset;
}
.blog-box .blog-details-main .blog-social li i {
  padding-right: 5px;
}
[dir="rtl"] .blog-box .blog-details-main .blog-social li i {
  padding-left: 5px;
  padding-right: unset;
}
.blog-box .blog-details-main .blog-bottom-details {
  color: #404040;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.714;
  margin: 20px;
}
.blog-box .blog-date {
  color: #75758a;
}
.blog-box .blog-date span {
  font-size: 36px;
  font-weight: 500;
  padding-right: 5px;
}
.blog-box.blog-shadow:before {
  border-radius: 5px;
  bottom: 0;
  box-shadow: inset 0 -200px 100px -13px rgba(0, 0, 0, 0.6);
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  transition: all 0.3s ease;
  width: 100%;
}
.blog-box.blog-shadow:hover:before {
  box-shadow: inset 0 -200px 100px -13px rgba(0, 0, 0, 0.65);
  transition: all 0.3s ease;
}
.blog-box.blog-shadow .blog-details {
  bottom: 0;
  padding: 20px;
  position: absolute;
  width: 100%;
}
.blog-box.blog-shadow .blog-details h4 {
  color: #fff;
  margin-bottom: 0;
}
.blog-box.blog-shadow .blog-details p {
  color: #fff;
  font-size: 14px;
  margin-bottom: 10px;
}
.blog-box.blog-shadow .blog-details .blog-social li {
  color: #fff;
}
.blog-list .blog-details .blog-social {
  margin-top: 0;
}
.blog-list .blog-details h6 {
  color: rgba(63, 71, 90, 0.8);
  font-weight: 500;
  margin-top: 0;
}
.blog-list .blog-details hr {
  margin-bottom: 10px;
  margin-top: 10px;
}
.blog-list img {
  padding: 17px;
}
.blog-grid img {
  border-radius: 15px;
  width: 100%;
}
.blog-grid .blog-details {
  padding: 20px;
}
.blog-grid .blog-details h6 {
  font-size: 14px;
  line-height: 1.8;
  margin-bottom: 0;
}
.blog-box {
  align-items: center;
  max-height: 100%;
  position: relative;
}
.blog-box .blog-details h6 {
  -webkit-line-clamp: 1;
}
.blog-box .blog-details h6,
.blog-box .blog-details p {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}
.blog-box .blog-details p {
  color: #75758a;
  font-size: 14px;
  letter-spacing: 0.7px;
  line-height: 1.8;
  margin-bottom: 0;
  margin-top: calc(12.85714px + 0.89286vw);
  max-width: 100%;
  -webkit-line-clamp: 3;
  height: auto;
}
@media (max-width: 1570px) {
  .blog-box .blog-details p {
    -webkit-line-clamp: 2;
  }
}
.blog-box .blog-details h5 {
  line-height: 1.5;
  margin-top: 20px;
}
.blog-box .blog-details .single-blog-content-top {
  border-top: 1px solid #efefef;
  margin-top: 20px;
}
.blog-box .blog-details .blog-social li,
.blog-box .blog-details .comment-social li {
  font-size: 14px;
}
.comment-box {
  padding-bottom: 50px;
  padding-top: 50px;
}
.comment-box hr {
  margin-top: 20px;
}
.comment-box hr,
.comment-box li {
  margin-bottom: 30px;
}
.comment-box li:last-child {
  margin-bottom: 0;
}
@media (min-width: 576px) {
  .comment-box ul ul {
    margin-left: calc(81px + 2.8125vw);
  }
}
[dir="rtl"] .comment-box ul ul {
  margin-left: unset;
  margin-right: calc(81px + 2.8125vw);
}
.comment-box p {
  color: #75758a;
  font-size: 14px;
  line-height: 2;
  margin-bottom: 0;
  text-align: justify;
}
.comment-box .d-flex img {
  border: 1px solid #efefef;
  border-radius: 10px;
  height: 90px;
  margin-right: 20px;
  padding: 7px;
  width: 90px;
}
[dir="rtl"] .comment-box .d-flex img {
  margin-left: 20px;
  margin-right: unset;
}
.comment-box .d-flex h6 {
  font-weight: 500;
  margin-bottom: 5px;
}
.comment-box .d-flex h6 span {
  color: #75758a;
  font-size: 13px;
  font-weight: 400;
  padding-left: 10px;
}
.comment-box .comment-social li {
  color: hsla(0, 0%, 54%, 0.5);
  display: inline-block;
  margin-bottom: 0;
  padding-left: 20px;
  text-transform: uppercase;
}
.comment-box .comment-social li:first-child {
  border-right: 1px solid rgba(82, 82, 108, 0.2);
  padding-right: 20px;
}
.comment-box .comment-social li i {
  padding-right: 10px;
}
@media (max-width: 1366px) and (min-width: 1200px) {
  .blog-single .blog-box .blog-details .blog-social li:first-child {
    padding-right: 20px;
  }
  .blog-single .blog-box .blog-details .blog-social li + li {
    padding-left: 20px;
  }
}
.modal-bookmark .modal-body,
.modal-bookmark .modal-header {
  padding: 20px;
}
.bookmark-wrap .email-left-aside .left-bookmark ul li a:hover {
  background-color: unset;
}
@media (max-width: 1535px) {
  .bookmark-wrap
    .email-left-aside
    .left-bookmark
    .common-flex:not(
      .todo-wrap .md-sidebar .md-sidebar-aside .email-app-sidebar .common-flex
    ) {
    gap: 2px;
    justify-content: center;
    text-align: center;
  }
  .bookmark-wrap .main-bookmark .email-app-sidebar .flex-grow-1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
  }
}
.bookmark-wrap .main-bookmark .bootstrap-select .dropdown-toggle {
  border-color: rgba(82, 82, 108, 0.1) !important;
  border-radius: 6px;
  color: #52526c;
  width: 100%;
}
.bookmark-wrap .main-bookmark .bootstrap-select .dropdown-toggle:after {
  font-size: 14px;
}
.bookmark-wrap
  .main-bookmark
  .bootstrap-select
  .dropdown-menu
  li
  .dropdown-item {
  color: #52526c;
}
.bookmark-wrap .main-bookmark .bootstrap-select .dropdown-menu li:hover {
  background-color: #d7e2e9;
}
.bookmark-wrap .main-bookmark .bootstrap-select .dropdown-menu .no-results {
  font-size: 14px;
}
@media (max-width: 1399px) {
  .bookmark-wrap .main-bookmark .md-sidebar .md-sidebar-toggle {
    display: block;
  }
  .bookmark-wrap .main-bookmark .md-sidebar .md-sidebar-aside {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 40px;
    visibility: hidden;
    width: 280px;
    z-index: 3;
  }
  [dir="rtl"] .bookmark-wrap .main-bookmark .md-sidebar .md-sidebar-aside {
    left: unset;
    right: 0;
  }
  .bookmark-wrap .main-bookmark .md-sidebar .md-sidebar-aside.open {
    opacity: 1;
    visibility: visible;
  }
}
.bookmark-wrap .details-bookmark .row > div + div {
  padding-right: 15px !important;
}
.bookmark-wrap .left-bookmark {
  height: 700px;
}
.bookmark-wrap .left-bookmark ul li ul li .active span {
  color: var(--theme-default);
}
.bookmark-wrap .left-bookmark ul li button {
  border: none;
  cursor: pointer;
}
.bookmark-wrap .left-bookmark ul li button:focus {
  box-shadow: unset;
  outline: none;
}
.bookmark-wrap .left-bookmark ul li svg {
  height: 18px;
  vertical-align: -4px;
  width: 18px;
}
.bookmark-wrap .left-bookmark ul li > .main-title {
  color: var(--theme-default);
  display: block;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 5px;
}
.bookmark-wrap .left-bookmark ul li > .main-title span a:hover {
  background-color: transparent;
}
.bookmark-wrap .left-bookmark ul li > .main-title svg {
  color: #242934;
  stroke-width: 1px;
}
.bookmark-wrap .left-bookmark ul li a > .title {
  text-transform: capitalize;
}
.bookmark-wrap.todo-wrap .left-bookmark {
  height: unset;
}
@media (max-width: 1484px) and (min-width: 1400px) {
  .bookmark-wrap.todo-wrap .left-bookmark .common-flex {
    justify-content: center;
    text-align: center;
  }
}
.form-bookmark a {
  color: var(--theme-default) !important;
  font-weight: 500;
  line-height: 1 !important;
  text-transform: capitalize !important;
}
.form-bookmark a:hover {
  background-color: transparent !important;
}
.form-bookmark input#index_var {
  display: none;
}
.form-bookmark input,
.form-bookmark select,
.form-bookmark textarea {
  color: rgba(82, 82, 108, 0.8);
  font-size: 14px;
}
.form-bookmark .select2-container .select2-selection--single {
  border-color: #ced4da;
}
.form-bookmark .select2 {
  width: 100% !important;
}
.form-bookmark .error {
  color: #fc564a !important;
  font-size: 11px;
  margin: 0 !important;
}
.form-bookmark button {
  margin-top: 18px;
}
.form-bookmark .bootstrap-select .dropdown-toggle {
  margin: 0;
}
.form-bookmark.was-validated .bootstrap-select select:valid + .dropdown-toggle {
  border-color: #65c15c !important;
}
@keyframes displayTransition {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.bookmark-tabcontent .details-bookmark {
  height: auto;
  min-height: 359px;
}
.bookmark-tabcontent .details-bookmark .bookmark-card {
  position: relative;
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  opacity: 0;
  padding: 3px;
  position: absolute;
  right: 15px;
  top: 15px;
  width: 30px;
}
[dir="rtl"]
  .bookmark-tabcontent
  .details-bookmark
  .bookmark-card.card
  .favourite-icon {
  left: 15px;
  right: unset;
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon i {
  color: #fff;
  font-size: 16px;
  vertical-align: -1px;
}
.bookmark-tabcontent
  .details-bookmark
  .bookmark-card.card
  .favourite-icon.favourite
  i {
  color: #ffb829;
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card .desciption-data {
  width: 100%;
}
.bookmark-tabcontent
  .details-bookmark
  .bookmark-card.card
  .desciption-data
  .content-general {
  display: none;
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon {
  transition: 0.5s;
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark {
  border-top: 1px solid #f4f4f4;
  padding: 15px;
  position: relative;
  text-align: left;
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark h6 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark p {
  animation: displayTransition 1s;
}
.bookmark-tabcontent
  .details-bookmark
  .bookmark-card.card
  .title-bookmark
  .hover-block {
  left: 0;
  opacity: 0;
  padding: 15px;
  position: absolute;
  top: 30px;
  width: 100%;
}
.bookmark-tabcontent
  .details-bookmark
  .bookmark-card.card
  .title-bookmark
  .hover-block
  ul
  li {
  display: inline-block;
}
.bookmark-tabcontent
  .details-bookmark
  .bookmark-card.card
  .title-bookmark
  .hover-block
  ul
  li
  + li {
  margin-left: 5px;
}
[dir="rtl"]
  .bookmark-tabcontent
  .details-bookmark
  .bookmark-card.card
  .title-bookmark
  .hover-block
  ul
  li
  + li {
  margin-left: unset;
  margin-right: 5px;
}
.bookmark-tabcontent
  .details-bookmark
  .bookmark-card.card
  .title-bookmark
  .hover-block
  ul
  li
  svg {
  color: #898989;
  height: 16px;
  width: 16px;
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card:hover {
  box-shadow: 1px 4px 16px 3px rgba(0, 0, 0, 0.04);
  transition: 0.5s;
}
.bookmark-tabcontent
  .details-bookmark
  .bookmark-card.card:hover
  .title-bookmark
  p {
  opacity: 0;
}
.bookmark-tabcontent
  .details-bookmark
  .bookmark-card.card:hover
  .title-bookmark
  .hover-block {
  animation: displayTransition 2s;
  opacity: 1;
}
.bookmark-tabcontent
  .details-bookmark
  .bookmark-card.card:hover
  .favourite-icon {
  opacity: 1;
}
.bookmark-tabcontent .details-bookmark.list-bookmark .row > div {
  flex: 0 0 100%;
  max-width: 100%;
}
.bookmark-tabcontent
  .details-bookmark.list-bookmark
  .bookmark-card
  .desciption-data
  .content-general {
  display: block;
}
.bookmark-tabcontent
  .details-bookmark.list-bookmark
  .bookmark-card
  .details-website {
  align-items: center;
  display: flex;
}
.bookmark-tabcontent
  .details-bookmark.list-bookmark
  .bookmark-card
  .details-website
  .title-bookmark
  p {
  opacity: 1;
}
.bookmark-tabcontent
  .details-bookmark.list-bookmark
  .bookmark-card
  .details-website
  .title-bookmark
  .hover-block {
  opacity: 1;
  position: absolute;
  right: 30px;
  text-align: right;
}
[dir="rtl"]
  .bookmark-tabcontent
  .details-bookmark.list-bookmark
  .bookmark-card
  .details-website
  .title-bookmark
  .hover-block {
  left: 30px;
  right: 0;
  text-align: left;
}
.bookmark-tabcontent
  .details-bookmark.list-bookmark
  .bookmark-card
  .details-website:hover
  .title-bookmark
  .hover-block {
  animation: displayTransition 0s;
  opacity: 1;
}
.bookmark-tabcontent
  .details-bookmark.list-bookmark
  .bookmark-card.card
  .title-bookmark {
  border-top: none;
}
.bookmark-tabcontent
  .details-bookmark.list-bookmark
  .bookmark-card.card
  .title-bookmark
  h6,
.bookmark-tabcontent
  .details-bookmark.list-bookmark
  .bookmark-card.card
  .title-bookmark
  p {
  cursor: pointer;
  display: inline-block;
  margin-top: 0;
}
@media (min-width: 992px) {
  .bookmark-tabcontent
    .details-bookmark.list-bookmark
    .bookmark-card.card
    .title-bookmark
    .weburl_3 {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
  }
}
.bookmark-tabcontent
  .details-bookmark.list-bookmark
  .bookmark-card.card
  .title-bookmark
  h6 {
  margin-bottom: -5px;
  padding-right: 15px;
  position: relative;
}
[dir="rtl"]
  .bookmark-tabcontent
  .details-bookmark.list-bookmark
  .bookmark-card.card
  .title-bookmark
  h6 {
  padding-left: 15px;
  padding-right: unset;
}
.bookmark-tabcontent
  .details-bookmark.list-bookmark
  .bookmark-card.card
  .title-bookmark
  h6:after {
  color: #898989;
  content: "-";
  position: absolute;
  right: 0;
}
[dir="rtl"]
  .bookmark-tabcontent
  .details-bookmark.list-bookmark
  .bookmark-card.card
  .title-bookmark
  h6:after {
  left: 0;
  right: unset;
}
.bookmark-tabcontent
  .details-bookmark.list-bookmark
  .bookmark-card.card
  .title-bookmark
  .content-general {
  margin-top: 5px;
}
.bookmark-tabcontent
  .details-bookmark.list-bookmark
  .bookmark-card.card
  .title-bookmark
  .content-general
  p {
  margin-right: 20px;
  width: 68%;
}
[dir="rtl"]
  .bookmark-tabcontent
  .details-bookmark.list-bookmark
  .bookmark-card.card
  .title-bookmark
  .content-general
  p {
  margin-left: 20px;
  margin-right: unset;
}
.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img {
  width: 20%;
}
.bookmark-tabcontent .tab-content .card .d-flex {
  justify-content: space-between;
}
.bookmark-tabcontent .tab-content .card .d-flex svg {
  height: 18px;
  vertical-align: middle;
  width: 18px;
}
.bookmark-tabcontent .tab-content .card .d-flex ul li {
  cursor: pointer;
  display: inline-block;
}
.bookmark-tabcontent .tab-content .card .d-flex ul li + li {
  margin-left: 5px;
}
[dir="rtl"] .bookmark-tabcontent .tab-content .card .d-flex ul li + li {
  margin-left: unset;
  margin-right: 5px;
}
.bookmark-tabcontent .tab-content .tab-pane > .card {
  box-shadow: none;
}
@media only screen and (max-width: 1660px) {
  .bookmark-tabcontent
    .details-bookmark.list-bookmark
    .bookmark-card.card
    .title-bookmark
    .content-general
    p {
    display: none;
  }
  .bookmark-tabcontent
    .details-bookmark.list-bookmark
    .bookmark-card.card
    .title-bookmark
    .hover-block {
    margin-top: 6px;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1366px) {
  .bookmark-wrap .left-bookmark ul li .btn-block svg {
    display: none;
  }
}
@media only screen and (max-width: 1366px) {
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img {
    width: 40%;
  }
  .bookmark-tabcontent
    .details-bookmark.list-bookmark
    .bookmark-card.card
    .title-bookmark
    .hover-block {
    top: 80px;
  }
}
@media only screen and (max-width: 1199px) {
  .bookmark-wrap .left-bookmark {
    height: auto;
  }
  .bookmark-tabcontent .details-bookmark {
    min-height: auto;
  }
}
@media only screen and (max-width: 991px) {
  .modal-bookmark .modal-body,
  .modal-bookmark .modal-header {
    padding: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .bookmark-tabcontent
    .details-bookmark.list-bookmark
    .bookmark-card
    .details-website
    .title-bookmark
    p {
    display: block;
    max-width: 172px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .bookmark-tabcontent
    .details-bookmark.list-bookmark
    .bookmark-card
    .details-website:hover
    .title-bookmark
    .hover-block
    p {
    display: none;
  }
  .bookmark-tabcontent
    .details-bookmark.list-bookmark
    .bookmark-card
    .details-website:hover
    .title-bookmark
    .hover-block
    ul {
    position: relative;
    right: unset;
    top: unset;
  }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img {
    width: 45%;
  }
}
@media only screen and (max-width: 675px) {
  .bookmark-tabcontent
    .details-bookmark.list-bookmark
    .bookmark-card.card
    .title-bookmark
    .hover-block {
    top: 65px;
  }
}
@media only screen and (max-width: 575px) {
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img {
    width: 100%;
  }
  .bookmark-tabcontent
    .details-bookmark.list-bookmark
    .bookmark-card
    .details-website {
    display: block;
  }
  .bookmark-tabcontent
    .details-bookmark.list-bookmark
    .bookmark-card
    .details-website
    .title-bookmark {
    padding-left: 15px;
  }
  .bookmark-tabcontent
    .details-bookmark.list-bookmark
    .bookmark-card
    .details-website
    .title-bookmark
    .hover-block {
    padding: 0;
    position: relative;
    right: unset;
    text-align: left;
    top: unset;
  }
  .bookmark-tabcontent
    .details-bookmark.list-bookmark
    .bookmark-card
    .details-website
    .title-bookmark
    .content-general {
    display: none;
  }
  .bookmark-tabcontent
    .details-bookmark.list-bookmark
    .bookmark-card
    .details-website
    .title-bookmark
    h6,
  .bookmark-tabcontent
    .details-bookmark.list-bookmark
    .bookmark-card
    .details-website
    .title-bookmark
    p {
    display: block;
  }
  .bookmark-tabcontent
    .details-bookmark.list-bookmark
    .bookmark-card
    .details-website
    .title-bookmark
    h6:after {
    display: none;
  }
  .bookmark-tabcontent
    .details-bookmark.list-bookmark
    .bookmark-card
    .details-website
    .title-bookmark
    p {
    margin-top: 15px;
  }
  .modal-bookmark .modal-body,
  .modal-bookmark .modal-header {
    padding: 15px;
  }
}
.shopping-cart-table .recent-table div.dt-container .dt-layout-row .dt-search {
  right: 20px;
}
@media (max-width: 640px) {
  .shopping-cart-table
    .recent-table
    div.dt-container
    .dt-layout-row
    .dt-search {
    top: 4px;
  }
}
.shopping-cart-table
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input {
  width: auto;
}
.shopping-cart-table .recent-table div.dt-container .dt-layout-row .dt-length {
  top: 16px;
}
.shopping-cart-table
  .recent-table
  div.dt-container
  .table
  tbody
  tr:hover
  td:nth-child(2)
  .product-names
  img,
.shopping-cart-table
  .recent-table
  div.dt-container
  .table
  thead
  tr:hover
  td:nth-child(2)
  .product-names
  img {
  transform: scale(1.1);
  transition: all 0.3s ease-in-out;
}
.shopping-cart-table .recent-table div.dt-container .table tbody tr td,
.shopping-cart-table .recent-table div.dt-container .table tbody tr th,
.shopping-cart-table .recent-table div.dt-container .table thead tr td,
.shopping-cart-table .recent-table div.dt-container .table thead tr th {
  color: var(--body-font-color);
  min-width: auto;
}
.shopping-cart-table
  .recent-table
  div.dt-container
  .table
  tbody
  tr
  td:first-child,
.shopping-cart-table
  .recent-table
  div.dt-container
  .table
  tbody
  tr
  th:first-child,
.shopping-cart-table
  .recent-table
  div.dt-container
  .table
  thead
  tr
  td:first-child,
.shopping-cart-table
  .recent-table
  div.dt-container
  .table
  thead
  tr
  th:first-child {
  padding-left: 20px;
}
.shopping-cart-table
  .recent-table
  div.dt-container
  .table
  tbody
  tr
  td:last-child,
.shopping-cart-table
  .recent-table
  div.dt-container
  .table
  tbody
  tr
  th:last-child,
.shopping-cart-table
  .recent-table
  div.dt-container
  .table
  thead
  tr
  td:last-child,
.shopping-cart-table
  .recent-table
  div.dt-container
  .table
  thead
  tr
  th:last-child {
  padding-right: 20px;
}
.shopping-cart-table .recent-table div.dt-container .table tbody tr td a,
.shopping-cart-table .recent-table div.dt-container .table tbody tr th a,
.shopping-cart-table .recent-table div.dt-container .table thead tr td a,
.shopping-cart-table .recent-table div.dt-container .table thead tr th a {
  color: #52526c;
}
.shopping-cart-table
  .recent-table
  div.dt-container
  .table
  tbody
  tr
  td
  .touchspin-wrapper,
.shopping-cart-table
  .recent-table
  div.dt-container
  .table
  tbody
  tr
  th
  .touchspin-wrapper,
.shopping-cart-table
  .recent-table
  div.dt-container
  .table
  thead
  tr
  td
  .touchspin-wrapper,
.shopping-cart-table
  .recent-table
  div.dt-container
  .table
  thead
  tr
  th
  .touchspin-wrapper {
  justify-content: flex-start;
}
.shopping-cart-table
  .recent-table
  div.dt-container
  .table
  tbody
  tr
  td
  .touchspin-wrapper
  .input-touchspin,
.shopping-cart-table
  .recent-table
  div.dt-container
  .table
  tbody
  tr
  th
  .touchspin-wrapper
  .input-touchspin,
.shopping-cart-table
  .recent-table
  div.dt-container
  .table
  thead
  tr
  td
  .touchspin-wrapper
  .input-touchspin,
.shopping-cart-table
  .recent-table
  div.dt-container
  .table
  thead
  tr
  th
  .touchspin-wrapper
  .input-touchspin {
  width: 68px;
}
@media (max-width: 1660px) {
  .shopping-cart-table
    .recent-table
    div.dt-container
    .table
    tbody
    tr
    td:nth-child(2),
  .shopping-cart-table
    .recent-table
    div.dt-container
    .table
    tbody
    tr
    th:nth-child(2),
  .shopping-cart-table
    .recent-table
    div.dt-container
    .table
    thead
    tr
    td:nth-child(2),
  .shopping-cart-table
    .recent-table
    div.dt-container
    .table
    thead
    tr
    th:nth-child(2) {
    min-width: 258px;
  }
  .shopping-cart-table
    .recent-table
    div.dt-container
    .table
    tbody
    tr
    td:nth-child(4),
  .shopping-cart-table
    .recent-table
    div.dt-container
    .table
    tbody
    tr
    th:nth-child(4),
  .shopping-cart-table
    .recent-table
    div.dt-container
    .table
    thead
    tr
    td:nth-child(4),
  .shopping-cart-table
    .recent-table
    div.dt-container
    .table
    thead
    tr
    th:nth-child(4) {
    min-width: 140px;
  }
  .shopping-cart-table
    .recent-table
    div.dt-container
    .table
    tbody
    tr
    td:last-child,
  .shopping-cart-table
    .recent-table
    div.dt-container
    .table
    tbody
    tr
    th:last-child,
  .shopping-cart-table
    .recent-table
    div.dt-container
    .table
    thead
    tr
    td:last-child,
  .shopping-cart-table
    .recent-table
    div.dt-container
    .table
    thead
    tr
    th:last-child {
    min-width: 100px;
  }
}
@media (max-width: 575px) {
  .shopping-cart-table
    .recent-table
    div.dt-container
    .table
    tbody
    tr
    td
    .touchspin-wrapper
    .btn-touchspin,
  .shopping-cart-table
    .recent-table
    div.dt-container
    .table
    tbody
    tr
    th
    .touchspin-wrapper
    .btn-touchspin,
  .shopping-cart-table
    .recent-table
    div.dt-container
    .table
    thead
    tr
    td
    .touchspin-wrapper
    .btn-touchspin,
  .shopping-cart-table
    .recent-table
    div.dt-container
    .table
    thead
    tr
    th
    .touchspin-wrapper
    .btn-touchspin {
    height: 24px;
    width: 24px;
  }
  .shopping-cart-table
    .recent-table
    div.dt-container
    .table
    tbody
    tr
    td
    .touchspin-wrapper
    .btn-touchspin
    i,
  .shopping-cart-table
    .recent-table
    div.dt-container
    .table
    tbody
    tr
    th
    .touchspin-wrapper
    .btn-touchspin
    i,
  .shopping-cart-table
    .recent-table
    div.dt-container
    .table
    thead
    tr
    td
    .touchspin-wrapper
    .btn-touchspin
    i,
  .shopping-cart-table
    .recent-table
    div.dt-container
    .table
    thead
    tr
    th
    .touchspin-wrapper
    .btn-touchspin
    i {
    font-size: 8px;
  }
  .shopping-cart-table
    .recent-table
    div.dt-container
    .table
    tbody
    tr
    td
    .touchspin-wrapper
    .input-touchspin[type="number"],
  .shopping-cart-table
    .recent-table
    div.dt-container
    .table
    tbody
    tr
    th
    .touchspin-wrapper
    .input-touchspin[type="number"],
  .shopping-cart-table
    .recent-table
    div.dt-container
    .table
    thead
    tr
    td
    .touchspin-wrapper
    .input-touchspin[type="number"],
  .shopping-cart-table
    .recent-table
    div.dt-container
    .table
    thead
    tr
    th
    .touchspin-wrapper
    .input-touchspin[type="number"] {
    font-size: 12px;
    height: 20px;
    width: 50px;
  }
  .shopping-cart-table
    .recent-table
    div.dt-container
    .table
    tbody
    tr
    td:nth-child(4),
  .shopping-cart-table
    .recent-table
    div.dt-container
    .table
    tbody
    tr
    th:nth-child(4),
  .shopping-cart-table
    .recent-table
    div.dt-container
    .table
    thead
    tr
    td:nth-child(4),
  .shopping-cart-table
    .recent-table
    div.dt-container
    .table
    thead
    tr
    th:nth-child(4) {
    min-width: 130px;
  }
}
.shopping-cart-table
  .recent-table
  div.dt-container
  .table
  tbody
  tr
  td
  .product-names
  .light-product-box,
.shopping-cart-table
  .recent-table
  div.dt-container
  .table
  tbody
  tr
  th
  .product-names
  .light-product-box,
.shopping-cart-table
  .recent-table
  div.dt-container
  .table
  thead
  tr
  td
  .product-names
  .light-product-box,
.shopping-cart-table
  .recent-table
  div.dt-container
  .table
  thead
  tr
  th
  .product-names
  .light-product-box {
  min-height: calc(20px + 4.16667vw);
  min-width: calc(-41.33333px + 9.44444vw);
}
@media (max-width: 1199px) {
  .shopping-cart-table
    .recent-table
    div.dt-container
    .table
    tbody
    tr
    td
    .product-names
    .light-product-box,
  .shopping-cart-table
    .recent-table
    div.dt-container
    .table
    tbody
    tr
    th
    .product-names
    .light-product-box,
  .shopping-cart-table
    .recent-table
    div.dt-container
    .table
    thead
    tr
    td
    .product-names
    .light-product-box,
  .shopping-cart-table
    .recent-table
    div.dt-container
    .table
    thead
    tr
    th
    .product-names
    .light-product-box {
    min-height: calc(52px + 2.5vw);
    min-width: calc(56px + 4.375vw);
  }
}
.shopping-cart-table
  .recent-table
  div.dt-container
  .table
  tbody
  tr
  td
  .product-names
  .light-product-box
  img,
.shopping-cart-table
  .recent-table
  div.dt-container
  .table
  tbody
  tr
  th
  .product-names
  .light-product-box
  img,
.shopping-cart-table
  .recent-table
  div.dt-container
  .table
  thead
  tr
  td
  .product-names
  .light-product-box
  img,
.shopping-cart-table
  .recent-table
  div.dt-container
  .table
  thead
  tr
  th
  .product-names
  .light-product-box
  img {
  height: calc(-20px + 4.58333vw);
  transition: all 0.3s ease-in-out;
}
@media (max-width: 1199px) {
  .shopping-cart-table
    .recent-table
    div.dt-container
    .table
    tbody
    tr
    td
    .product-names
    .light-product-box
    img,
  .shopping-cart-table
    .recent-table
    div.dt-container
    .table
    tbody
    tr
    th
    .product-names
    .light-product-box
    img,
  .shopping-cart-table
    .recent-table
    div.dt-container
    .table
    thead
    tr
    td
    .product-names
    .light-product-box
    img,
  .shopping-cart-table
    .recent-table
    div.dt-container
    .table
    thead
    tr
    th
    .product-names
    .light-product-box
    img {
    height: calc(28.4px + 2.0625vw);
  }
}
.shopping-cart-table
  .recent-table
  div.dt-container
  .table
  tbody
  tr
  td
  .product-names
  p,
.shopping-cart-table
  .recent-table
  div.dt-container
  .table
  tbody
  tr
  td
  .product-names
  span,
.shopping-cart-table
  .recent-table
  div.dt-container
  .table
  tbody
  tr
  th
  .product-names
  p,
.shopping-cart-table
  .recent-table
  div.dt-container
  .table
  tbody
  tr
  th
  .product-names
  span,
.shopping-cart-table
  .recent-table
  div.dt-container
  .table
  thead
  tr
  td
  .product-names
  p,
.shopping-cart-table
  .recent-table
  div.dt-container
  .table
  thead
  tr
  td
  .product-names
  span,
.shopping-cart-table
  .recent-table
  div.dt-container
  .table
  thead
  tr
  th
  .product-names
  p,
.shopping-cart-table
  .recent-table
  div.dt-container
  .table
  thead
  tr
  th
  .product-names
  span {
  color: rgba(82, 82, 108, 0.8);
}
.shopping-cart-table
  .recent-table
  div.dt-container
  .table
  tbody
  tr
  td
  .product-names
  ul
  li
  > p,
.shopping-cart-table
  .recent-table
  div.dt-container
  .table
  tbody
  tr
  th
  .product-names
  ul
  li
  > p,
.shopping-cart-table
  .recent-table
  div.dt-container
  .table
  thead
  tr
  td
  .product-names
  ul
  li
  > p,
.shopping-cart-table
  .recent-table
  div.dt-container
  .table
  thead
  tr
  th
  .product-names
  ul
  li
  > p {
  display: inline-block;
  margin-bottom: 0;
}
.shopping-cart-table
  .recent-table
  div.dt-container
  .table
  tbody
  tr
  td
  .product-names
  ul
  li
  .common-dot,
.shopping-cart-table
  .recent-table
  div.dt-container
  .table
  tbody
  tr
  th
  .product-names
  ul
  li
  .common-dot,
.shopping-cart-table
  .recent-table
  div.dt-container
  .table
  thead
  tr
  td
  .product-names
  ul
  li
  .common-dot,
.shopping-cart-table
  .recent-table
  div.dt-container
  .table
  thead
  tr
  th
  .product-names
  ul
  li
  .common-dot {
  background-color: rgba(82, 82, 108, 0.8);
  border-radius: 50%;
  height: 5px;
  margin: 1px 6px;
  width: 5px;
}
.shopping-cart-table
  .recent-table
  div.dt-container
  .table
  tbody
  tr
  td
  .product-action,
.shopping-cart-table
  .recent-table
  div.dt-container
  .table
  tbody
  tr
  th
  .product-action,
.shopping-cart-table
  .recent-table
  div.dt-container
  .table
  thead
  tr
  td
  .product-action,
.shopping-cart-table
  .recent-table
  div.dt-container
  .table
  thead
  tr
  th
  .product-action {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: flex-start;
}
.shopping-cart-table
  .recent-table
  div.dt-container
  .table
  tbody
  tr
  td
  .product-action
  .square-white,
.shopping-cart-table
  .recent-table
  div.dt-container
  .table
  tbody
  tr
  th
  .product-action
  .square-white,
.shopping-cart-table
  .recent-table
  div.dt-container
  .table
  thead
  tr
  td
  .product-action
  .square-white,
.shopping-cart-table
  .recent-table
  div.dt-container
  .table
  thead
  tr
  th
  .product-action
  .square-white {
  align-items: center;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 0 28px 6px hsla(0, 0%, 92%, 0.4);
  display: flex;
  height: calc(34.8px + 0.375vw);
  justify-content: center;
  width: calc(34.8px + 0.375vw);
}
.shopping-cart-table
  .recent-table
  div.dt-container
  .table
  tbody
  tr
  td
  .product-action
  .square-white
  svg,
.shopping-cart-table
  .recent-table
  div.dt-container
  .table
  tbody
  tr
  th
  .product-action
  .square-white
  svg,
.shopping-cart-table
  .recent-table
  div.dt-container
  .table
  thead
  tr
  td
  .product-action
  .square-white
  svg,
.shopping-cart-table
  .recent-table
  div.dt-container
  .table
  thead
  tr
  th
  .product-action
  .square-white
  svg {
  cursor: pointer;
  height: calc(17.2px + 0.25vw);
  width: calc(17.2px + 0.25vw);
  fill: var(--chart-text-color);
}
.shopping-cart-table
  .recent-table
  div.dt-container
  .table
  tbody
  tr:last-child
  td,
.shopping-cart-table
  .recent-table
  div.dt-container
  .table
  tbody
  tr:last-child
  th,
.shopping-cart-table
  .recent-table
  div.dt-container
  .table
  thead
  tr:last-child
  td,
.shopping-cart-table
  .recent-table
  div.dt-container
  .table
  thead
  tr:last-child
  th {
  border-bottom: unset;
}
.shopping-cart-table
  .recent-table
  div.dt-container
  .table
  tbody
  tr:last-child
  td,
.shopping-cart-table
  .recent-table
  div.dt-container
  .table
  thead
  tr:last-child
  td {
  padding-bottom: 0;
}
.shopping-cart-table
  .recent-table
  div.dt-container
  .table
  thead
  tr
  th
  .dt-column-order {
  display: none;
}
.shopping-cart-table .recent-table div.dt-container .table thead tr th .badge {
  margin-left: 4px;
  vertical-align: text-bottom;
}
@media (max-width: 575px) {
  .shopping-cart-table
    .recent-table
    div.dt-container
    .table
    thead
    tr
    th
    .badge {
    font-size: 10px;
    padding: 2px 4px;
  }
}
.shopping-cart-table
  .recent-table
  div.dt-container
  .table
  thead
  tr
  th:last-child
  span {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 12px;
  justify-content: center;
}
.shopping-cart-table
  .recent-table
  div.dt-container
  .table
  thead
  tr
  th:last-child
  span
  svg {
  height: 16px;
  width: 16px;
  fill: #404040;
}
.cart-summary li {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-block: 12px;
}
.cart-summary li:first-child {
  padding-top: 0;
}
.cart-summary li:last-child {
  padding-bottom: 0;
}
@media (max-width: 575px) {
  .cart-summary li {
    padding-block: 8px;
  }
}
.product-total {
  border-top: 1px solid var(--chart-progress-light);
  padding: 0 20px 20px;
}
[dir="rtl"] .product-total {
  padding: 0 20px 20px !important;
}
.product-total > li:not(:last-child) {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-block: 18px;
}
.cart-buttons {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
}
@media (max-width: 1660px) {
  .cart-buttons {
    justify-content: flex-end;
  }
}
@media (min-width: 1661px) {
  .cart-buttons li {
    width: 100%;
  }
}
.cart-buttons li .btn {
  align-items: center;
  color: #fff;
  display: flex;
  gap: 5px;
  justify-content: center;
  width: 100%;
}
.cart-buttons li .btn.btn-hover-effect {
  background-color: hsla(0, 0%, 80%, 0.4);
  color: #404040;
}
.cart-buttons li .btn.btn-hover-effect svg {
  fill: #404040;
}
.cart-buttons li .btn svg {
  height: 18px;
  transform: scaleX(-1);
  transition: 0.5s;
  vertical-align: middle;
  width: 18px;
}
.cart-buttons li .btn:hover svg {
  transform: translateX(-7px) scaleX(-1);
  transition: 0.5s;
}
.coupon-cart .input-group .form-control {
  border: 2px solid var(--theme-default);
}
.radial-bar.radial-bar-lg:after,
.radial-bar.radial-bar-lg > img {
  height: 70px;
  line-height: 70px;
  margin-left: 15px;
  margin-top: 15px;
  width: 70px;
}
.radial-bar.radial-bar-sm:after,
.radial-bar.radial-bar-sm > img {
  height: 35px;
  line-height: 35px;
  margin-left: 7.5px;
  margin-top: 7.5px;
  width: 35px;
}
.radial-bar.radial-bar-xs:after,
.radial-bar.radial-bar-xs > img {
  height: 20px;
  line-height: 21px;
  margin-left: 5.5px;
  margin-top: 4.5px;
  width: 20px;
}
.chart-block canvas {
  width: 100% !important;
}
.chart-block .chart-overflow {
  border-radius: 15px;
  overflow: hidden;
  text-align: center;
}
.chart-block .chart-overflow svg {
  border-radius: 15px;
}
.candidcahrt {
  height: 470px;
  width: 100%;
}
.amcharts-export-canvas {
  background-color: #fff;
  bottom: 0;
  display: none;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.amcharts-export-canvas .canvas-container {
  transition: opacity 0.5s ease-out;
}
.amcharts-export-canvas.active {
  display: block;
}
.amcharts-export-canvas.dropbox .canvas-container {
  opacity: 0.5;
}
.flot-chart-container {
  box-sizing: border-box;
  height: 400px;
  width: 100%;
}
.flot-chart-container #toggling-series-flot {
  width: 79% !important;
}
.all-chart .flot-chart-container {
  height: 350px;
}
.flot-chart-placeholder {
  font-size: 14px;
  height: 100%;
  line-height: 1.2em;
  text-align: center;
  width: 100%;
}
.flot-chart-placeholder .legend table {
  border-spacing: 5px;
}
.morris-hover {
  position: absolute;
  z-index: 1;
}
.morris-hover.morris-default-style {
  background: #fff;
  border: 1px solid #e9edf1;
  border-radius: 10px;
  color: #898989;
  font-family: sans-serif;
  font-size: 12px;
  padding: 6px;
  text-align: center;
}
.morris-hover.morris-default-style .morris-hover-row-label {
  font-weight: 700;
  margin: 0.25em 0;
}
.morris-hover.morris-default-style .morris-hover-point {
  margin: 0.1em 0;
  white-space: nowrap;
}
.chart-sparkline {
  background: rgba(49, 49, 49, 0.7);
  border: 1px solid rgba(49, 49, 49, 0.75);
  border-radius: 5px;
  box-sizing: content-box;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
  left: 0;
  padding: 5px;
  position: absolute;
  top: 0;
  visibility: hidden;
  white-space: nowrap;
  z-index: 10000;
}
.chart-sparkline,
.chart-sparkline .jqsfield {
  color: #fff;
  font: 10px Rubik, sans-serif;
  text-align: left;
}
.radial-bar {
  background-clip: content-box;
  background-color: transparent;
  border-radius: 50%;
  box-sizing: content-box;
  display: inline-block;
  font-size: 18px;
  height: 80px;
  position: relative;
  width: 80px;
}
.radial-bar:after {
  background-color: #fff;
  content: attr(data-label);
  z-index: 1;
}
.radial-bar:after,
.radial-bar > img {
  border-radius: 50%;
  color: #455a64;
  display: inline-block;
  font-weight: 500;
  height: 56px;
  left: 0;
  line-height: 56px;
  margin-left: 12px;
  margin-top: 12px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 56px;
}
.radial-bar > img {
  z-index: 3;
}
.radial-bar-danger.radial-bar-20 {
  background-image: linear-gradient(
      90deg,
      #efefef 50%,
      transparent 0,
      transparent
    ),
    linear-gradient(162deg, #fc564a 50%, #efefef 0, #efefef);
}
.radial-bar.radial-bar-lg {
  font-size: 20px;
  height: 100px;
  width: 100px;
}
.radial-bar.radial-bar-sm {
  font-size: 12px;
  height: 50px;
  width: 50px;
}
.radial-bar.radial-bar-xs {
  font-size: 8px;
  height: 30px;
  width: 30px;
}
.pieLabel div {
  color: #fff !important;
}
.pieLabel div input[type="checkbox"] {
  margin: 7px;
}
.knob-chart {
  min-height: 255px;
}
.knob-chart .chart-clock-main {
  margin: 45px auto;
  position: relative;
  width: 200px;
}
.knob-chart .chart-clock-main .clock-large {
  left: -48px;
  position: absolute;
  top: -45px;
}
.knob-chart .chart-clock-main .clock-medium {
  left: 2px;
  position: absolute;
  top: 5px;
}
.knob-chart .chart-clock-main .clock-small {
  left: 15px;
  position: absolute;
  top: 55px;
}
.peity-charts svg {
  height: 250px;
  width: 100%;
}
.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(2n) {
  fill: var(--theme-secondary);
}
.donut-peity svg path:nth-child(odd) {
  fill: var(--theme-default);
}
.donut-peity svg path:nth-child(2n) {
  fill: var(--theme-secondary);
}
.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),
.small-donut svg path:nth-child(odd),
.small-donut ~ svg path:nth-child(odd) {
  fill: var(--theme-default);
}
.donut-peity2 svg path:nth-child(2n),
.donut-peity2 ~ svg path:nth-child(2n),
.pie-peity svg path:nth-child(2n),
.pie-peity ~ svg path:nth-child(2n),
.small-donut svg path:nth-child(2n),
.small-donut ~ svg path:nth-child(2n) {
  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 {
  align-items: center !important;
  display: flex !important;
  height: 100% !important;
  justify-content: center !important;
  left: 0 !important;
  margin-left: 0 !important;
  margin-top: -3px !important;
  top: 0 !important;
  width: 100% !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-area,
.ct-series-a .ct-slice-donut-solid,
.ct-series-a .ct-slice-pie {
  fill: var(--theme-default);
}
.ct-series-a .ct-bar,
.ct-series-a .ct-line,
.ct-series-a .ct-point,
.ct-series-a .ct-slice-donut {
  stroke: var(--theme-default);
}
.ct-series-b .ct-bar,
.ct-series-b .ct-line,
.ct-series-b .ct-point,
.ct-series-b .ct-slice-donut {
  stroke: var(--theme-secondary);
}
.ct-series-b .ct-area,
.ct-series-b .ct-slice-donut-solid,
.ct-series-b .ct-slice-pie {
  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;
  }
}
.status-circle {
  border: 2px solid #fff;
  border-radius: 50%;
  height: 12px;
  left: 44px;
  position: absolute;
  top: 4px;
  width: 12px;
}
.left-sidebar-wrapper {
  border: 2px solid var(--white);
  border-radius: 10px 0 0 10px;
  border-right: unset;
  padding: 20px;
  z-index: 1;
}
[dir="rtl"] .left-sidebar-wrapper {
  border-left: unset;
  border-radius: 0 10px 10px 0;
}
@media (max-width: 767px) {
  .left-sidebar-wrapper,
  [dir="rtl"] .left-sidebar-wrapper {
    border-radius: 10px;
  }
}
.left-sidebar-wrapper .left-sidebar-chat .input-group .input-group-text {
  background-color: var(--chart-progress-light);
  border-right: none;
  margin-right: 1px;
  padding-right: 0;
}
[dir="rtl"]
  .left-sidebar-wrapper
  .left-sidebar-chat
  .input-group
  .input-group-text {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 6px;
  border-left: none;
  border-right: unset;
  border-top-left-radius: 0;
  border-top-right-radius: 6px;
  margin-left: 1px;
  margin-right: unset;
  padding-left: 0;
  padding-right: 12px;
}
.left-sidebar-wrapper .left-sidebar-chat .input-group .input-group-text svg {
  height: 16px;
  width: 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-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.left-sidebar-wrapper .left-sidebar-chat .input-group .form-control {
  background-color: var(--chart-progress-light);
  border-left: unset;
}
[dir="rtl"]
  .left-sidebar-wrapper
  .left-sidebar-chat
  .input-group
  .form-control {
  border-radius: 0.25rem !important;
  border-right: unset;
}
.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 {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  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 {
  background-color: transparent;
  border-bottom: 2px solid transparent;
  color: var(--body-font-color);
  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 {
  color: var(--chart-text-color);
  margin: 0;
}
.left-sidebar-wrapper .advance-options .common-space .header-top .btn {
  padding: 6px 12px;
}
@media (max-width: 767px) {
  .left-sidebar-wrapper .advance-options .common-space .header-top .btn {
    padding: 0.3125vw calc(4.8px + 0.375vw);
  }
}
.left-sidebar-wrapper .advance-options .common-space .header-top .btn:hover {
  border-color: transparent;
}
.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 {
  border-bottom: 1px solid var(--chart-dashed-border);
  border-radius: 0;
  cursor: pointer;
  flex-wrap: wrap;
  gap: 10px;
  padding: 11px;
  width: 100%;
}
.left-sidebar-wrapper .advance-options .chats-user li.active,
.left-sidebar-wrapper .advance-options .chats-user li:active,
.left-sidebar-wrapper .advance-options .chats-user li:hover {
  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 {
  align-items: center;
  display: flex;
  gap: 10px;
}
.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) {
    text-align: end;
    width: 100%;
  }
  [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 p,
.left-sidebar-wrapper .advance-options .chats-user li.active .chat-time span,
.left-sidebar-wrapper .advance-options .chats-user li.active p {
  color: #fff;
}
.active-profile {
  position: relative;
}
.active-profile img {
  height: 42px;
  width: 42px;
}
@media (max-width: 1650px) {
  .active-profile img {
    height: 33px;
    width: 33px;
  }
}
.active-profile .status {
  border: 3px solid var(--white);
  border-radius: 100%;
  bottom: 5%;
  height: 14px;
  position: absolute;
  right: -2px;
  width: 14px;
}
[dir="rtl"] .active-profile .status {
  left: -2px;
  right: unset;
}
@media (max-width: 1600px) {
  .active-profile .status {
    border: 2px solid var(--white);
    height: 11px;
    width: 11px;
  }
}
.offcanvas-right-icon {
  gap: 6px;
}
.offcanvas-right-icon .contact-edit.chat-alert {
  height: 29px;
  width: 29px;
}
.offcanvas-right-icon .contact-edit.chat-alert svg {
  height: 16px;
  width: 16px;
  stroke: var(--chart-text-color);
}
.offcanvas-right-icon .contact-edit.chat-alert .dropdown-menu .dropdown-item {
  background: var(--white);
  border-top: 1px solid var(--light-semi-gray);
  color: #2b2b2b;
  font-size: 13px;
  opacity: 0.6;
  padding: 6px 12px;
}
.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;
  height: 18px;
  width: 18px;
  stroke: #52526c;
}
@media (max-width: 360px) {
  .contact-edit svg {
    height: 14px;
    width: 14px;
  }
}
.contact-edit .dropdown-menu .dropdown-item:hover {
  background-color: var(--light-background);
  opacity: 1;
  text-decoration: unset;
}
.contact-edit.chat-alert {
  align-items: center;
  background: var(--light-slate);
  border-radius: 5px;
  display: fke;
  display: flex;
  height: 40px;
  justify-content: center;
  width: 40px;
}
@media (max-width: 360px) {
  .contact-edit.chat-alert {
    height: 32px;
    width: 32px;
  }
}
@media (max-width: 340px) {
  .contact-edit.chat-alert {
    display: none;
  }
}
.search-contacts {
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative;
}
.search-contacts .form-control {
  padding-inline: 35px;
}
.search-contacts .form-control:focus {
  border-color: var(--chart-dashed-border);
  box-shadow: unset;
}
.search-contacts svg {
  stroke: var(--chart-text-color);
  height: 18px;
  left: 10px;
  position: absolute;
  top: 10px;
  width: 18px;
}
[dir="rtl"] .search-contacts svg {
  left: unset;
  right: 10px;
}
.search-contacts .mic-search {
  left: unset;
  position: absolute;
  right: 10px;
  top: 10px;
}
[dir="rtl"] .search-contacts .mic-search {
  left: 10px;
  right: unset;
}
.contact-wrapper {
  border-bottom: unset;
  height: 526px;
  overflow-y: auto;
  padding-top: 14px;
}
.contact-wrapper > p {
  color: var(--body-font-color);
  font-size: 18px;
  font-weight: 500;
  line-height: 0;
  margin: 0;
  padding: 12px 0;
}
.contact-wrapper ul li {
  cursor: pointer;
  width: 100%;
}
.contact-wrapper ul li .chat-time {
  align-items: center;
  display: flex;
  gap: 10px;
}
.contact-wrapper ul li .chat-time img {
  height: 42px;
  width: 42px;
}
@media (max-width: 1650px) {
  .contact-wrapper ul li .chat-time img {
    height: 33px;
    width: 33px;
  }
}
.contact-wrapper ul li .chat-time > div span {
  color: var(--body-font-color);
}
.contact-wrapper ul li svg {
  height: 18px;
  width: 18px;
}
.contact-wrapper ul:last-child .common-space {
  padding-bottom: unset;
}
.right-sidebar-chat {
  border: 2px solid var(--white);
  border-bottom-left-radius: 0;
  border-left: unset;
  border-top-left-radius: 0;
}
[dir="rtl"] .right-sidebar-chat {
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: unset;
  border-left: 2px solid var(--white);
  border-top-left-radius: 15px;
  border-top-right-radius: unset;
}
@media (max-width: 767px) {
  .right-sidebar-chat,
  [dir="rtl"] .right-sidebar-chat {
    border-radius: 10px;
  }
}
.right-sidebar-title {
  box-shadow: 0 12px 13px -17px hsla(0, 0%, 51%, 0.67);
  display: flex;
  justify-content: space-between;
  padding: 13px 25px;
}
.right-sidebar-title .active-profile-chat {
  position: relative;
}
.right-sidebar-title .active-profile-chat img {
  height: 42px;
  width: 42px;
}
.right-sidebar-title .active-profile-chat .status {
  border: 3px solid var(--white);
  border-radius: 100%;
  bottom: 5%;
  height: 14px;
  position: absolute;
  right: -2px;
  width: 14px;
}
.right-sidebar-title .offcanvas-body .btn {
  background-color: rgba(115, 102, 255, 0.1);
}
.right-sidebar-title .offcanvas-body .btn svg {
  height: 13px;
  width: 13px;
  fill: var(--theme-default);
  transition: 0.5s;
  vertical-align: middle;
}
.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 {
  align-items: center;
  display: flex;
  gap: 10px;
}
.right-sidebar-title .common-space .chat-time-chat .active-profile img {
  height: 42px;
  width: 42px;
}
@media (max-width: 360px) {
  .right-sidebar-title .common-space .chat-time-chat .active-profile img {
    height: 36px;
    width: 36px;
  }
}
.right-sidebar-title .common-space .chat-time-chat div p {
  color: var(--chart-text-color);
  margin: 0;
}
.right-sidebar-title .common-space .chat-time-chat ul li img {
  height: 42px;
  width: 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
  .profile-count,
.right-sidebar-title .common-space .chat-time-chat.group-chat ul li img {
  height: 38px;
  width: 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 p,
  .right-sidebar-title .common-space .chat-time-chat.group-chat > div span {
    display: none;
  }
}
.msger-chat {
  background: linear-gradient(0deg, #f5f6fa, #f5f6fa),
    linear-gradient(0deg, #fff, #fff);
  background-image: url(images/chat-bg.png);
  flex: 1;
  height: 619px;
  overflow-y: auto;
  padding: 10px;
}
.msger-chat::-webkit-scrollbar {
  width: 6px;
}
.msger-chat::-webkit-scrollbar-track {
  background: #ddd;
}
.msger-chat::-webkit-scrollbar-thumb {
  background: #bdbdbd;
}
.msg {
  align-items: flex-end;
  display: flex;
  margin-bottom: 10px;
}
.msg:last-of-type {
  margin: 0;
}
.msg-img {
  background: #ddd;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  height: 50px;
  margin-right: 10px;
  width: 50px;
}
[dir="rtl"] .msg-img {
  margin-left: 10px;
  margin-right: unset;
}
.msg-bubble {
  border-radius: 15px;
  max-width: 450px;
  padding: 15px;
}
.msg-info {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.msg-info-name {
  font-weight: 700;
  margin-right: 10px;
}
[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/13.jpg);
  height: 33px;
  width: 33px;
}
@media (max-width: 1200px) {
  .left-msg .msg-img {
    min-height: 16px;
    min-width: 16px;
  }
}
.left-msg .msg-bubble {
  background: #f4f4f4;
  border-radius: 15px;
  color: var(--chart-text-color);
  position: relative;
  width: calc(100% - 33px);
}
.right-msg {
  flex-direction: row-reverse;
}
.right-msg .msg-bubble {
  background: var(--theme-default);
  color: #fff;
  width: calc(100% - 33px);
}
.right-msg .msg-img {
  background-image: url(images/10.jpg);
  height: 33px;
  margin: 0 0 0 10px;
  width: 33px;
}
[dir="rtl"] .right-msg .msg-img {
  margin: 0 10px 0 0;
}
@media (max-width: 1200px) {
  .right-msg .msg-img {
    min-height: 16px;
    min-width: 16px;
  }
}
.msger-inputarea {
  align-items: center;
  background: linear-gradient(0deg, #f5f6fa, #f5f6fa),
    linear-gradient(0deg, #fff, #fff);
  border-radius: 0 0 15px 0;
  border-top: 1px solid var(--chart-dashed-border);
  cursor: pointer;
  display: flex;
  padding: 10px;
}
[dir="rtl"] .msger-inputarea {
  border-radius: 0 0 0 15px;
}
.msger-inputarea .dropdown-toggle:after {
  content: unset;
}
.msger-inputarea .dropdown-toggle .dropdown-menu {
  inset: unset !important;
}
.msger-inputarea .dropdown-form {
  border-radius: 100%;
  display: grid;
  margin-right: 10px;
  place-content: center;
  position: relative;
}
[dir="rtl"] .msger-inputarea .dropdown-form {
  margin-left: 10px;
  margin-right: unset;
}
.msger-inputarea .dropdown-form:hover {
  background-color: rgba(115, 102, 255, 0.1);
}
.msger-inputarea .dropdown-form i {
  color: var(--theme-default);
  cursor: pointer;
  font-size: 16px;
  font-weight: 900;
  padding: 0;
}
.msger-inputarea .dropdown-form .chat-icon {
  background: transparent;
  bottom: 22px !important;
  box-shadow: unset;
  left: 0 !important;
  position: absolute;
}
[dir="rtl"] .msger-inputarea .dropdown-form .chat-icon {
  left: unset !important;
  right: 0 !important;
}
.msger-inputarea .dropdown-form .chat-icon div {
  align-items: center;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  height: 47px;
  justify-content: center;
  opacity: 1;
  padding: 0;
  width: 47px;
}
.msger-inputarea .dropdown-form .chat-icon div svg {
  cursor: pointer;
  height: 42px;
  width: 42px;
}
.msger-inputarea .dropdown-form .chat-icon div:first-child 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) !important;
  opacity: 1;
}
.msger-inputarea .dropdown-form .chat-icon div:hover:first-child 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 * {
  border: none;
  border-radius: 3px;
  font-size: 1em;
  padding: 10px;
}
.msger-input {
  background-color: var(--white);
  color: var(--body-font-color);
  flex: 1;
  width: 100%;
}
.msger-input:focus,
.msger-input:focus-visible {
  outline: unset;
}
.fg-emoji-container {
  left: calc(-269px + 87.1875vw) !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 {
  background: transparent;
  padding: 0 14px;
  position: relative;
  z-index: 0;
}
.open-emoji button:before {
  color: var(--chart-text-color);
  content: "\f118";
  font-family: FontAwesome;
  font-size: 20px;
  position: relative;
  z-index: 1;
}
.second-btn {
  background: transparent;
  padding: 0 14px;
  position: relative;
  z-index: 0;
}
.second-btn:before {
  color: var(--chart-text-color);
  content: "\f118";
  font-family: FontAwesome;
  font-size: 20px;
  position: relative;
  z-index: 1;
}
.msger-send-btn {
  align-items: center;
  background: var(--theme-default);
  cursor: pointer;
  display: flex;
  font-weight: 700;
  height: 39px;
  justify-content: center;
  margin-left: 10px;
  transition: all 0.23s;
  width: 40px;
}
[dir="rtl"] .msger-send-btn {
  margin-left: unset;
  margin-right: 10px;
}
.msger-send-btn svg {
  height: 12px;
  width: 1px;
}
.custom-name {
  align-items: center;
  border-radius: 50px;
  display: flex;
  height: 42px;
  justify-content: center;
  width: 42px;
}
@media (max-width: 1650px) {
  .custom-name {
    height: 33px;
    width: 33px;
  }
}
.offcanvas-wrapper .offcanvas {
  background-color: var(--white);
  position: fixed;
  z-index: 1045;
}
.shipping-form .checkout-cart .basic-wizard .shipping-wizard .form-select {
  border-color: var(--bs-border-color);
  color: var(--chart-text-color);
  font-size: 14px;
}
.shipping-form
  .checkout-cart
  .basic-wizard
  .shipping-wizard
  .collect-address
  .form-check-label {
  font-size: 15px;
  font-weight: 500;
  line-height: normal;
}
.shipping-form .checkout-cart .basic-wizard .shipping-wizard .card-wrapper {
  cursor: pointer;
  gap: 8px;
}
.shipping-form
  .checkout-cart
  .basic-wizard
  .shipping-wizard
  .card-wrapper
  .collect-address
  .card-icon
  i {
  display: none;
  transition: all 0.3s ease-in-out;
}
.shipping-form
  .checkout-cart
  .basic-wizard
  .shipping-wizard
  .card-wrapper:hover
  .collect-address
  .card-icon
  i {
  display: block;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 1399px) {
  .shipping-form
    .checkout-cart
    .basic-wizard
    .shipping-wizard
    .card-wrapper:hover
    .collect-address
    .card-icon
    i {
    font-size: 14px;
  }
}
.shipping-form
  .checkout-cart
  .basic-wizard
  .shipping-wizard
  .shipping-address
  span {
  color: var(--chart-text-color);
}
.shipping-form
  .checkout-cart
  .basic-wizard
  .shipping-wizard
  .shipping-address
  span
  strong {
  color: #242934;
  font-weight: 500;
  padding-right: 5px;
}
[dir="rtl"]
  .shipping-form
  .checkout-cart
  .basic-wizard
  .shipping-wizard
  .shipping-address
  span
  strong {
  padding-left: 5px;
  padding-right: unset;
}
.shipping-form .checkout-cart .basic-wizard .shipping-wizard .order-confirm {
  align-items: center;
  background-color: var(--light-background);
  border-radius: 6px;
  display: flex;
  gap: 12px;
  justify-content: center;
  padding: 12px;
  text-align: start;
}
.shipping-form
  .checkout-cart
  .basic-wizard
  .shipping-wizard
  .order-confirm
  img {
  height: 60px;
}
@media (max-width: 575px) {
  .shipping-form .checkout-cart .basic-wizard .shipping-wizard .order-confirm {
    display: block;
    text-align: center;
  }
  .shipping-form
    .checkout-cart
    .basic-wizard
    .shipping-wizard
    .order-confirm
    img {
    height: 40px;
    margin-bottom: 8px;
  }
}
.shipping-form .checkout-cart .basic-wizard .wizard-footer .btn:disabled {
  border-color: transparent;
}
.shipping-form .shipping-content .order-confirm img {
  height: 96px;
}
.shipping-form .shipping-method .future-date {
  color: var(--chart-text-color);
  font-size: 14px;
  margin-top: 6px;
}
.shipping-form .shipping-method .card-wrapper.pay-info .row {
  flex-direction: row;
}
.shipping-form .modal-content .modal-body .bootstrap-select .dropdown-toggle {
  border-color: var(--bs-border-color) !important;
}
.summery-contain {
  border-bottom: 1px solid #efeeff;
  padding-bottom: 20px;
}
.summery-contain li {
  align-items: center;
  border-bottom: 1px dashed var(--chart-dashed-border);
  display: flex;
  gap: 14px;
  justify-content: flex-start;
  padding: 8px 0;
}
.summery-contain li:first-child {
  padding-top: 0;
}
.summery-contain li:last-child {
  padding-bottom: 0;
}
@media (max-width: 1399px) {
  .summery-contain li {
    gap: 10px;
  }
}
.summery-contain li img {
  height: 60px;
  -o-object-fit: contain;
  object-fit: contain;
  width: 60px;
}
@media (max-width: 1399px) and (min-width: 576px) {
  .summery-contain li img {
    height: 45px;
    width: 45px;
  }
}
@media (max-width: 575px) {
  .summery-contain li img {
    height: 35px;
    width: 35px;
  }
}
.summery-contain li h6 {
  color: #52526c;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 1.2px;
  line-height: 1.5;
}
.summery-contain li h6 span {
  font-weight: 500;
  padding-left: 6px;
}
[dir="rtl"] .summery-contain li h6 span {
  padding-left: unset;
  padding-right: 6px;
}
@media (max-width: 1399px) {
  .summery-contain li h6:not(.price) {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 1;
    height: auto;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.summery-contain li .price {
  margin-left: auto;
}
[dir="rtl"] .summery-contain li .price {
  margin-left: unset;
  margin-right: auto;
}
.summery-contain li:last-child {
  border-bottom: unset;
}
.summary-total {
  padding-top: 5px;
}
.summary-total li {
  align-items: center;
  display: flex;
  justify-content: center;
  padding-top: 12px;
}
.summary-total li .price,
.summary-total li h6 {
  color: #242934;
  font-weight: 400;
}
.summary-total li .price {
  margin-left: auto;
}
[dir="rtl"] .summary-total li .price {
  margin-left: unset;
  margin-right: auto;
}
.summary-total li:nth-child(4) {
  font-weight: 600;
  padding-block: 20px;
}
.summary-total li:nth-child(4) h6 {
  color: var(--theme-default);
  font-weight: 500;
}
.summary-total li:last-child {
  border-top: 1px solid #efeeff;
  padding-top: 12px;
}
.summary-total li:last-child h6 {
  color: var(--body-font-color);
  font-size: 20px;
  font-weight: 500;
}
.comingsoon-bgimg {
  background: url(images/coming-soon-bg.jpg);
  background-position: bottom;
  background-size: cover;
}
.basic-comingsoon {
  background: url(images/comingsoon.png);
  background-position: 50%;
  background-size: cover;
}
.comingsoon {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 100vh;
  padding: 50px 0;
}
.comingsoon .comingsoon-inner h5 {
  color: #75758a;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 1px;
  margin-bottom: 20px;
  margin-top: 20px;
}
.comingsoon .comingsoon-inner .countdown {
  border-top: 1px solid #f4f4f4;
  padding: 30px 0;
}
.comingsoon .comingsoon-inner .countdown .time {
  align-items: center;
  background-color: var(--theme-default);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 36px;
  font-weight: 500;
  height: 100px;
  justify-content: center;
  width: 100px;
}
.comingsoon .comingsoon-inner .countdown .title {
  color: #75758a;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 1px;
  padding-top: 13px;
  text-transform: uppercase;
}
.comingsoon .comingsoon-inner .countdown ul li {
  display: inline-block;
  margin: 0 20px;
  text-transform: uppercase;
}
.comingsoon .comingsoon-inner .countdown ul li span {
  display: block;
}
.comingsoon video {
  height: auto;
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  position: fixed;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  transition: opacity 1s;
  width: auto;
  z-index: -100;
}
.updateimg {
  left: 15px;
  line-height: 93px;
  opacity: 0;
  position: absolute;
  top: 32px;
  width: 100px;
}
#right-history {
  background-color: #fff;
  box-shadow: 0 0 9px hsla(0, 0%, 75%, 0.36);
  height: 100%;
  position: fixed;
  right: -320px;
  top: 81px;
  transition: 0.5s;
  width: 320px;
  z-index: 9;
}
[dir="rtl"] #right-history {
  left: -320px;
  right: unset;
}
#right-history h6 span a {
  color: #404040;
}
#right-history.show {
  right: 0;
  transition: 0.3s;
}
[dir="rtl"] #right-history.show {
  left: 0;
  right: unset;
}
.history-details > div {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: calc(5.6px + 0.75vw) 0;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  border-top: 1px solid var(--chart-progress-light);
  flex-wrap: wrap;
  gap: 8px;
}
.history-details > div i {
  color: rgba(82, 82, 108, 0.8);
}
.history-details .d-flex {
  border-top: 1px solid var(--chart-progress-light);
  padding: 20px 15px;
}
.history-details .d-flex i {
  background: #ffb829;
  border-radius: 100%;
  color: #fff;
  padding: 5px;
}
.history-details .d-flex .flex-grow-1 h6 {
  margin-bottom: 0;
}
.delete-contact {
  display: none;
}
.contact-editform,
.more-data {
  animation: displayTransition 1s;
}
.contact-editform {
  padding: 30px;
}
.contact-editform form .form-control {
  color: rgba(82, 82, 108, 0.8);
  font-size: 14px;
}
.contact-editform form .bootstrap-select .dropdown-toggle {
  border-color: rgba(82, 82, 108, 0.1) !important;
  border-radius: 6px;
  color: #898989;
  margin: 0;
  width: 100%;
}
.contact-editform form .bootstrap-select .dropdown-toggle:focus {
  outline: unset !important;
}
.contact-editform form .bootstrap-select .no-results {
  font-size: 14px;
}
.contact-editform a {
  display: block;
}
.contact-editform button {
  margin-top: 30px;
}
@media (max-width: 1399px) {
  .contact-editform button {
    margin-top: 20px;
  }
}
.contact-editform .select2-container .select2-selection--single {
  border-color: #ced4da !important;
  height: 39px !important;
}
#deletemodal .modal-header {
  border-bottom: none;
}
#deletemodal .modal-header .delete-data span svg {
  margin-right: 15px;
  vertical-align: middle;
}
.email-wrap
  .email-app-sidebar
  .main-menu.contact-options
  li.nav-item:nth-child(2)
  .btn-mail {
  margin-top: 0;
}
.list-persons p {
  font-family: Roboto, sans-serif;
}
.list-persons .profile-mail {
  padding: 20px 0;
}
.list-persons .profile-mail .d-flex .flex-grow-1 .main-contact-option {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 10px;
}
.list-persons .profile-mail .d-flex .flex-grow-1 .main-contact-option li {
  background-color: var(--theme-default);
  border-radius: 6px;
  padding: 6px 12px;
}
.list-persons .profile-mail .d-flex .flex-grow-1 .main-contact-option li a {
  color: #fff;
}
.list-persons .profile-mail .d-flex .flex-grow-1 .main-contact-option li + li {
  margin-left: 0;
}
.list-persons .profile-mail .d-flex {
  -webkit-box-pack: justify;
  padding-right: 15px;
}
[dir="rtl"] .list-persons .profile-mail .d-flex {
  padding-left: 15px;
  padding-right: unset;
}
@media (max-width: 575px) {
  .list-persons .profile-mail .d-flex {
    flex-wrap: wrap;
    gap: 15px;
  }
  .list-persons .profile-mail .d-flex img {
    margin: 0 !important;
  }
}
@media (max-width: 420px) {
  .list-persons .profile-mail .d-flex {
    flex-direction: column;
    gap: 10px;
  }
}
.list-persons .profile-mail .d-flex img {
  cursor: pointer;
  height: 100px;
}
.list-persons .profile-mail .d-flex .flex-grow-1 h5 span + span {
  padding-left: 6px;
}
[dir="rtl"] .list-persons .profile-mail .d-flex .flex-grow-1 h5 span + span {
  padding-left: unset;
  padding-right: 6px;
}
.list-persons .profile-mail .common-flex img {
  height: 70px;
}
.list-persons .profile-mail .common-flex .flex-grow-1 ul {
  margin-top: 5px;
}
.list-persons .profile-mail .common-flex .flex-grow-1 ul li {
  display: inline-block;
}
.list-persons .profile-mail .common-flex .flex-grow-1 ul li a {
  font-size: 13px;
}
.list-persons .profile-mail .common-flex .flex-grow-1 ul li + li {
  border-left: 2px solid #f4f4f4;
  margin-left: 5px;
  padding-left: 10px;
}
[dir="rtl"] .list-persons .profile-mail .common-flex .flex-grow-1 ul li + li {
  border-left: unset;
  border-right: 2px solid #f4f4f4;
  margin-left: unset;
  margin-right: 5px;
  padding-left: unset;
  padding-right: 10px;
}
.list-persons .profile-mail .email-general {
  padding-top: 20px;
}
.list-persons .profile-mail .email-general ul {
  padding-right: 20px;
}
.list-persons .profile-mail .email-general ul li {
  color: #898989;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.list-persons .profile-mail .email-general ul li > span:first-child,
.list-persons .profile-mail .email-general ul li > span:last-child {
  min-width: 108px;
}
@media (max-width: 575px) {
  .list-persons .profile-mail .email-general ul li > span:first-child,
  .list-persons .profile-mail .email-general ul li > span:last-child {
    min-width: 140px;
  }
}
.list-persons .profile-mail .email-general ul li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.contacts-tabs .nav-pills {
  border-right: 1px solid #f4f4f4;
  height: 100%;
}
.contacts-tabs .nav-pills .nav-link.active,
.contacts-tabs .nav-pills .nav-link > .nav-link,
.contacts-tabs .nav-pills .show.active,
.contacts-tabs .nav-pills .show > .nav-link {
  background-color: rgba(115, 102, 255, 0.05);
  color: #404040;
}
.contacts-tabs .nav-pills .nav-link.active .d-flex,
.contacts-tabs .nav-pills .nav-link > .nav-link .d-flex,
.contacts-tabs .nav-pills .show.active .d-flex,
.contacts-tabs .nav-pills .show > .nav-link .d-flex {
  border-left: 2px solid var(--theme-default);
}
[dir="rtl"] .contacts-tabs .nav-pills .nav-link.active .d-flex,
[dir="rtl"] .contacts-tabs .nav-pills .nav-link > .nav-link .d-flex,
[dir="rtl"] .contacts-tabs .nav-pills .show.active .d-flex,
[dir="rtl"] .contacts-tabs .nav-pills .show > .nav-link .d-flex {
  border-left: unset;
  border-right: 2px solid var(--theme-default);
}
.contacts-tabs .nav-pills .nav-link {
  color: #404040;
  padding: 0;
}
.contacts-tabs .nav-pills .nav-link .d-flex {
  border-left: 2px solid transparent;
}
[dir="rtl"] .contacts-tabs .nav-pills .nav-link .d-flex {
  border-left: unset;
  border-right: 2px solid transparent;
}
.contacts-tabs .nav-pills .nav-link .d-flex .img-50 {
  height: 50px;
}
.contacts-tabs .nav-pills .nav-link + .nav-link {
  border-radius: 0;
  border-top: 1px solid #f4f4f4;
}
.contacts-tabs .nav-pills .d-flex {
  padding: 20px;
}
.contacts-tabs .tab-content .tab-content-child {
  animation: displayTransition 1s;
}
.contacts-tabs .tab-content .modal-header .pull-right a {
  background-color: rgba(115, 102, 255, 0.1);
  border-radius: 3px;
  display: grid;
  height: 28px;
  place-items: center;
  width: 28px;
}
.contacts-tabs .tab-content .modal-header .pull-right i {
  color: var(--theme-default);
  font-size: 14px;
}
@media only screen and (max-width: 991px) {
  #right-history {
    top: 60px;
  }
  .updateimg {
    top: 21px;
  }
  .list-persons .profile-mail {
    padding: 20px;
  }
  .contact-editform button {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .contact-editform {
    padding: 20px;
  }
  .contact-editform.pl-0 {
    padding-left: 20px !important;
  }
  .contacts-tabs .nav-pills {
    border-bottom: 1px solid #f4f4f4;
    border-right: none;
  }
}
@media only screen and (max-width: 575px) {
  #right-history {
    width: 308px;
  }
  .updateimg {
    left: 29px;
    top: 16px;
  }
  .contacts-tabs .d-flex img.m-r-20 {
    margin-right: 15px;
  }
  .contacts-tabs .nav-pills .d-flex,
  .list-persons .profile-mail {
    padding: 15px;
  }
  .list-persons .nav-pills .nav-link .d-flex .flex-grow-1 {
    text-align: left;
  }
  .contact-editform button {
    margin-top: 15px;
  }
  .contact-editform.pl-0 {
    padding-left: 15px !important;
  }
  .contact-editform form .row > div .row > div > div,
  .contact-options form .row > div .row > div > div {
    margin-bottom: 0;
  }
  .contact-editform form .row > div .row > div + div,
  .contact-options form .row > div .row > div + div {
    margin-top: 15px;
  }
}
@media only screen and (max-width: 360px) {
  .updateimg {
    line-height: 73px;
    width: 80px;
  }
  .list-persons .profile-mail .flex-grow-1 {
    display: block;
  }
  .list-persons .profile-mail .flex-grow-1 img {
    height: 80px;
    margin-bottom: 15px;
    width: 80px !important;
  }
}
.dark-contact .nav .nav-link .d-flex .flex-grow-1 h6 {
  color: var(--body-font-color);
  font-weight: 400;
  margin-bottom: 0;
}
.dark-contact .nav .nav-link .d-flex .flex-grow-1 h6 span + span {
  padding-left: 6px;
}
.e-common-button .btn:first-child {
  margin-right: 12px;
}
@media (max-width: 356px) {
  .e-common-button .btn:first-child {
    margin-bottom: 8px;
  }
}
.e-common-button .btn svg {
  height: 18px;
  margin-right: 6px;
  vertical-align: text-bottom;
  width: 18px;
}
.main-title-box .common-space {
  flex-wrap: wrap;
}
@media (max-width: 1254px) {
  .main-title-box .common-space {
    display: block;
  }
  .main-title-box .common-space h6 {
    line-height: 1.5;
    margin-bottom: 12px;
  }
}
.balance-widget {
  background-image: url(images/balance-bg.png);
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 400px) {
  .balance-widget .purchase-btn {
    font-size: 14px;
  }
}
.balance-widget .mobile-right-img {
  position: absolute;
  right: -15%;
  top: 60%;
  transform: translate(-50%, -50%);
}
@media (max-width: 1475px) and (min-width: 1400px) {
  .balance-widget .mobile-right-img {
    right: -18%;
  }
}
@media (max-width: 1399px) and (min-width: 936px) {
  .balance-widget .mobile-right-img {
    right: -10%;
  }
}
@media (max-width: 935px) and (min-width: 768px) {
  .balance-widget .mobile-right-img {
    right: -15%;
  }
}
@media (max-width: 767px) and (min-width: 621px) {
  .balance-widget .mobile-right-img {
    right: -35px;
  }
}
@media (max-width: 620px) and (min-width: 521px) {
  .balance-widget .mobile-right-img {
    right: -60px;
  }
}
@media (max-width: 520px) {
  .balance-widget .mobile-right-img {
    right: -75px;
  }
}
.balance-widget .mobile-right-img .mobile-img {
  height: 110px;
}
@media (max-width: 865px) and (min-width: 787px) {
  .balance-widget .mobile-right-img .mobile-img {
    height: 90px;
  }
}
@media (max-width: 786px) and (min-width: 768px) {
  .balance-widget .mobile-right-img .mobile-img {
    height: 80px;
  }
}
@media (max-width: 767px) {
  .balance-widget .mobile-right-img .mobile-img {
    height: 104px;
  }
}
@media (max-width: 475px) and (min-width: 436px) {
  .balance-widget .mobile-right-img {
    right: -52px;
  }
  .balance-widget .mobile-right-img .mobile-img {
    height: 82px;
  }
}
@media (max-width: 435px) and (min-width: 401px) {
  .balance-widget .mobile-right-img {
    right: -46px;
  }
  .balance-widget .mobile-right-img .mobile-img {
    height: 70px;
  }
}
@media (max-width: 400px) {
  .balance-widget .mobile-right-img {
    right: -35px;
    top: 38%;
  }
  .balance-widget .mobile-right-img .mobile-img {
    height: 55px;
  }
}
[dir="rtl"] .balance-widget {
  text-align: right;
}
.balance-widget.card-body {
  padding: 20px 15px;
}
.balance-widget .purchase-btn {
  min-width: 170px;
}
.small-widget {
  overflow: hidden;
}
.small-widget h4 {
  margin-bottom: -3px;
}
.small-widget i {
  font-size: 11px;
  font-weight: 700;
}
.small-widget .card-body {
  padding: 24px 15px;
}
.small-widget .bg-gradient {
  align-items: center;
  border-radius: 100px;
  display: flex;
  height: 67px;
  justify-content: center;
  position: absolute;
  right: -12px;
  top: 50%;
  transform: translateY(-50%);
  width: 66px;
}
[dir="rtl"] .small-widget .bg-gradient {
  left: -12px;
  right: unset;
  transform: translateY(-50%) scaleX(-1);
}
@media (max-width: 1399px) {
  .small-widget .bg-gradient {
    height: 60px;
    width: 60px;
  }
}
.small-widget .bg-gradient svg {
  height: 25px;
  width: 25px;
}
@media (max-width: 1399px) {
  .small-widget .bg-gradient svg {
    height: 22px;
    width: 22px;
  }
}
.small-widget:hover {
  transform: translateY(-5px);
  transition: 0.5s;
}
.small-widget:hover .bg-gradient svg {
  animation: tada 1.5s ease infinite;
}
.order-wrapper {
  margin: 0 0 -20px -16px;
}
.categories-list {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
@media (max-width: 767px) {
  .categories-list {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.categories-list li {
  gap: 10px;
}
.categories-list li .bg-light {
  align-items: center;
  display: flex;
  height: 40px;
  justify-content: center;
  min-width: 40px;
}
.categories-list li .bg-light img {
  height: 25px;
  -o-object-fit: contain;
  object-fit: contain;
  transition: 0.5s;
  width: 25px;
}
.categories-list li h6 a {
  color: var(--body-font-color);
  transition: 0.5s;
}
.categories-list li:hover .bg-light img {
  transform: scale(1.1);
  transition: 0.5s;
}
.categories-list li:hover h6 a {
  color: var(--theme-default);
  transition: 0.5s;
}
.monthly-profit {
  margin-top: -10px;
}
@media (max-width: 1584px) {
  .monthly-profit {
    margin: -10px -8px 0;
  }
}
@media (max-width: 1520px) {
  .monthly-profit {
    margin: -10px -16px 0;
  }
}
@media (max-width: 1500px) {
  .monthly-profit {
    margin: -10px -14px 0;
  }
}
@media (max-width: 1472px) {
  .monthly-profit {
    margin: -10px -20px 0;
  }
}
@media (max-width: 1424px) {
  .monthly-profit {
    margin: -10px -25px 0;
  }
}
.monthly-profit .apexcharts-canvas .apexcharts-legend-marker {
  margin-right: 6px;
}
.monthly-profit
  .apexcharts-canvas
  .apexcharts-datalabels-group
  .apexcharts-datalabel-value {
  font-family: Rubik, sans-serif !important;
  font-size: 14px;
  font-weight: 500;
  fill: var(--chart-text-color);
}
.monthly-profit
  .apexcharts-canvas
  .apexcharts-tooltip
  .apexcharts-tooltip-series-group
  .apexcharts-tooltip-y-group
  [class*="apexcharts-tooltip-text-y-"] {
  color: var(--white);
}
.overview-wrapper {
  position: relative;
  z-index: 1;
}
.back-bar-container {
  bottom: -8px;
  left: 28px;
  margin: 0 auto !important;
  position: absolute;
  width: calc(100% - 64px);
}
@media (max-width: 1199px) {
  .back-bar-container {
    bottom: 22px;
  }
}
@media (max-width: 480px) {
  .back-bar-container {
    left: 18px;
    width: calc(100% - 34px);
  }
}
@media (max-width: 327px) {
  .back-bar-container {
    bottom: 42px;
  }
}
@media (max-width: 342px) {
  .back-bar-container {
    margin-bottom: 24px !important;
  }
}
@media (max-width: 850px) and (min-width: 768px) {
  .overview-card .w-md-100 {
    width: 100%;
  }
  .overview-card .ds-md-none {
    display: none !important;
  }
}
.overview-card .balance-data {
  right: -158px;
  top: -43px;
}
@media (max-width: 1808px) and (min-width: 1759px) {
  .overview-card .balance-data {
    right: -150px;
  }
}
@media (max-width: 1758px) and (min-width: 1400px) {
  .overview-card .balance-data {
    right: -142px;
  }
}
@media (max-width: 1399px) and (min-width: 1346px) {
  .overview-card .balance-data {
    right: -175px;
  }
}
@media (max-width: 1345px) and (min-width: 1291px) {
  .overview-card .balance-data {
    right: -162px;
  }
}
@media (max-width: 1290px) and (min-width: 1236px) {
  .overview-card .balance-data {
    right: -150px;
  }
}
@media (max-width: 1235px) and (min-width: 1050px) {
  .overview-card .balance-data {
    right: -135px;
  }
}
@media (max-width: 1049px) and (min-width: 991px) {
  .overview-card .balance-data {
    right: -124px;
  }
}
@media (max-width: 990px) {
  .overview-card .balance-data {
    display: none;
  }
}
[dir="rtl"] .overview-card .balance-data {
  left: 12px;
  right: unset;
}
@media (max-width: 767px) {
  .overview-card .balance-data {
    right: -40%;
  }
  [dir="rtl"] .overview-card .balance-data {
    left: -40%;
  }
}
.order-container .apexcharts-canvas .apexcharts-marker {
  stroke-width: 4;
}
.purchase-card.discover {
  margin-top: 90px;
}
@media (max-width: 1488px) {
  .purchase-card.discover .card-body p {
    display: block;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media (max-width: 1143px) and (min-width: 992px) {
  .purchase-card.discover .card-body p {
    -webkit-line-clamp: 1;
  }
}
.purchase-card.discover img {
  margin: -90px auto 0;
  width: 216px;
}
@media (max-width: 1638px) and (min-width: 1200px) {
  .purchase-card.discover img {
    width: 200px;
  }
}
@media (max-width: 1199px) and (min-width: 992px) {
  .purchase-card.discover img {
    width: 228px;
  }
}
@media (max-width: 1399px) and (min-width: 992px) {
  .purchase-card.discover img {
    margin-top: -75px;
  }
}
@media (max-width: 991px) {
  .purchase-card.discover img {
    width: 204px;
  }
}
@media (max-width: 618px) {
  .purchase-card.discover img {
    width: 200px;
  }
}
.visitor-card .card-header svg {
  height: 18px;
  width: 18px;
  fill: var(--theme-default);
}
.visitors-container {
  margin: 0 -12px -27px -17px;
}
.visitors-container svg .apexcharts-series path {
  clip-path: inset(1% 0 0 0 round 3rem);
}
.visitors-container
  svg
  .apexcharts-legend.apexcharts-align-left
  .apexcharts-legend-series {
  display: flex;
}
.recent-order .nav {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  overflow: auto;
  padding-bottom: 5px;
}
.recent-order .frame-box {
  border: 1px solid transparent;
  padding: 0;
}
.recent-order .frame-box.active {
  border: 1px solid var(--theme-default);
}
.recent-order .tab-content {
  margin-top: 16px;
}
.recent-order .recent-items table tbody tr td:first-child,
.recent-order .recent-items table tbody tr th:first-child,
.recent-order .recent-items table thead tr td:first-child,
.recent-order .recent-items table thead tr th:first-child {
  min-width: 175px;
}
.recent-order .recent-items table tbody tr td:nth-child(2),
.recent-order .recent-items table tbody tr th:nth-child(2),
.recent-order .recent-items table thead tr td:nth-child(2),
.recent-order .recent-items table thead tr th:nth-child(2) {
  min-width: auto;
}
.recent-table table thead {
  background: var(--light2);
}
.recent-table table thead th {
  border-bottom: none;
  padding-bottom: 9px;
  padding-top: 9px;
}
.recent-table table tr td,
.recent-table table tr th {
  padding: 12px 8px;
  vertical-align: middle;
}
.recent-table table tr td:first-child,
.recent-table table tr th:first-child {
  min-width: 157px;
}
@media (max-width: 1660px) {
  .recent-table table tr td:nth-child(2),
  .recent-table table tr th:nth-child(2) {
    min-width: 97px;
  }
}
.recent-table table tr td:last-child,
.recent-table table tr th:last-child {
  min-width: 96px;
}
.recent-table table tr td:first-child {
  padding-left: 0;
}
[dir="rtl"] .recent-table table tr td:first-child {
  padding-left: unset;
  padding-right: 0;
}
.recent-table table tr td:last-child {
  padding-right: 0;
}
[dir="rtl"] .recent-table table tr td:last-child {
  padding-left: 0;
  padding-right: unset;
}
.recent-table table tr .product-content h6 a {
  color: var(--body-font-color);
  transition: 0.5s;
}
.recent-table table tr:hover .product-content h6 a {
  color: var(--theme-default);
  transition: 0.5s;
}
.recent-table .product-content {
  align-items: center;
  display: flex;
  gap: 8px;
}
.recent-table .product-content .order-image {
  align-items: center;
  background: var(--light2);
  display: flex;
  height: 40px;
  justify-content: center;
  width: 40px;
}
.recent-table svg {
  height: 20px;
  width: 20px;
}
.recent-table .recent-status {
  align-items: center;
  display: flex;
}
.recent-table .recent-status.font-success svg {
  fill: #65c15c;
}
.recent-table .recent-status.font-danger svg {
  fill: #fc564a;
}
.recent-activity h5 {
  margin-bottom: 0;
  padding: 30px 0 20px;
}
.recent-activity h6,
.recent-activity ul li span {
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
}
.recent-activity ul li:last-child {
  padding-bottom: 0;
}
.notification li .recent-images ul:before {
  display: none;
}
.notification li .recent-images li {
  padding-bottom: 3px;
}
.recent-images {
  margin-top: 10px;
}
.recent-images ul {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.recent-images li {
  border: 1px dashed var(--recent-dashed-border);
  border-radius: 2px;
  padding: 3px;
}
.recent-images li .recent-img-wrap {
  align-items: center;
  background: var(--light2);
  display: flex;
  height: 40px;
  justify-content: center;
  width: 40px;
}
.frame-box {
  background: var(--recent-box-bg);
  border-radius: 10px;
  box-shadow: 2px 2px 2px var(--recent-border);
  min-width: auto;
}
.frame-box .frame-image {
  align-items: center;
  border-color: var(--recent-border) var(--white) var(--white)
    var(--recent-border);
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  display: flex;
  height: 57px;
  margin: 6px;
  min-width: 57px;
}
@media (max-width: 1880px) and (min-width: 1800px) {
  .frame-box .frame-image {
    height: 52px;
    min-width: 52px;
  }
}
@media (max-width: 1638px) and (min-width: 1567px) {
  .frame-box .frame-image {
    height: 50px;
    min-width: 50px;
  }
}
@media (max-width: 1575px) and (min-width: 1500px) {
  .frame-box .frame-image {
    height: 45px;
    min-width: 45px;
  }
}
@media (max-width: 1499px) and (min-width: 1200px) {
  .frame-box .frame-image {
    height: 40px;
    min-width: 40px;
  }
}
@media (max-width: 608px) {
  .frame-box .frame-image {
    height: 40px;
    min-width: 40px;
  }
}
@media (max-width: 575px) {
  .frame-box .frame-image {
    height: 50px;
    margin: 4px;
    min-width: 50px;
  }
}
.frame-box img {
  margin: 0 auto;
}
@media (max-width: 1575px) {
  .frame-box img {
    height: 22px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 30px;
  }
}
.new-update .d-flex .flex-grow-1 p,
.new-update .d-flex .flex-grow-1 span {
  font-weight: 500;
}
.activity-dot-primary {
  border-radius: 100%;
  height: 6px;
  min-width: 6px;
}
.activity-dot-primary,
.timeline-dot-primary {
  background-color: #7366ff;
  outline: 5px solid rgba(115, 102, 255, 0.25);
  position: relative;
  z-index: 2;
}
.timeline-dot-primary {
  height: 12px;
  min-width: 12px;
}
@media (max-width: 1399px) {
  .timeline-dot-primary {
    height: 10px;
    min-width: 10px;
    outline: 4px solid rgba(115, 102, 255, 0.25);
  }
}
.activity-dot-secondary {
  border-radius: 100%;
  height: 6px;
  min-width: 6px;
}
.activity-dot-secondary,
.timeline-dot-secondary {
  background-color: #838383;
  outline: 5px solid hsla(0, 0%, 51%, 0.25);
  position: relative;
  z-index: 2;
}
.timeline-dot-secondary {
  height: 12px;
  min-width: 12px;
}
@media (max-width: 1399px) {
  .timeline-dot-secondary {
    height: 10px;
    min-width: 10px;
    outline: 4px solid hsla(0, 0%, 51%, 0.25);
  }
}
.activity-dot-success {
  border-radius: 100%;
  height: 6px;
  min-width: 6px;
}
.activity-dot-success,
.timeline-dot-success {
  background-color: #65c15c;
  outline: 5px solid rgba(101, 193, 92, 0.25);
  position: relative;
  z-index: 2;
}
.timeline-dot-success {
  height: 12px;
  min-width: 12px;
}
@media (max-width: 1399px) {
  .timeline-dot-success {
    height: 10px;
    min-width: 10px;
    outline: 4px solid rgba(101, 193, 92, 0.25);
  }
}
.activity-dot-danger {
  border-radius: 100%;
  height: 6px;
  min-width: 6px;
}
.activity-dot-danger,
.timeline-dot-danger {
  background-color: #fc564a;
  outline: 5px solid rgba(252, 86, 74, 0.25);
  position: relative;
  z-index: 2;
}
.timeline-dot-danger {
  height: 12px;
  min-width: 12px;
}
@media (max-width: 1399px) {
  .timeline-dot-danger {
    height: 10px;
    min-width: 10px;
    outline: 4px solid rgba(252, 86, 74, 0.25);
  }
}
.activity-dot-info {
  border-radius: 100%;
  height: 6px;
  min-width: 6px;
}
.activity-dot-info,
.timeline-dot-info {
  background-color: #40b8f5;
  outline: 5px solid rgba(64, 184, 245, 0.25);
  position: relative;
  z-index: 2;
}
.timeline-dot-info {
  height: 12px;
  min-width: 12px;
}
@media (max-width: 1399px) {
  .timeline-dot-info {
    height: 10px;
    min-width: 10px;
    outline: 4px solid rgba(64, 184, 245, 0.25);
  }
}
.activity-dot-light {
  border-radius: 100%;
  height: 6px;
  min-width: 6px;
}
.activity-dot-light,
.timeline-dot-light {
  background-color: #f4f4f4;
  outline: 5px solid hsla(0, 0%, 96%, 0.25);
  position: relative;
  z-index: 2;
}
.timeline-dot-light {
  height: 12px;
  min-width: 12px;
}
@media (max-width: 1399px) {
  .timeline-dot-light {
    height: 10px;
    min-width: 10px;
    outline: 4px solid hsla(0, 0%, 96%, 0.25);
  }
}
.activity-dot-dark {
  border-radius: 100%;
  height: 6px;
  min-width: 6px;
}
.activity-dot-dark,
.timeline-dot-dark {
  background-color: #3f475a;
  outline: 5px solid rgba(63, 71, 90, 0.25);
  position: relative;
  z-index: 2;
}
.timeline-dot-dark {
  height: 12px;
  min-width: 12px;
}
@media (max-width: 1399px) {
  .timeline-dot-dark {
    height: 10px;
    min-width: 10px;
    outline: 4px solid rgba(63, 71, 90, 0.25);
  }
}
.activity-dot-warning {
  border-radius: 100%;
  height: 6px;
  min-width: 6px;
}
.activity-dot-warning,
.timeline-dot-warning {
  background-color: #ffb829;
  outline: 5px solid rgba(255, 184, 41, 0.25);
  position: relative;
  z-index: 2;
}
.timeline-dot-warning {
  height: 12px;
  min-width: 12px;
}
@media (max-width: 1399px) {
  .timeline-dot-warning {
    height: 10px;
    min-width: 10px;
    outline: 4px solid rgba(255, 184, 41, 0.25);
  }
}
@media only screen and (max-width: 1800px) and (min-width: 1400px) {
  .grid-ed-none {
    display: none !important;
  }
  .grid-ed-12 {
    width: 100%;
  }
}
@media only screen and (max-width: 1660px) and (min-width: 1400px) {
  .col-ed-12 {
    width: 100%;
  }
  .col-ed-7 {
    width: 58%;
  }
  .col-ed-5 {
    width: 42%;
  }
  .col-ed-9 {
    width: 75%;
  }
  .col-ed-3 {
    width: 25%;
  }
  .col-ed-6 {
    width: 50%;
  }
  .col-ed-4 {
    width: 33.33333333%;
  }
  .col-ed-8 {
    width: 66.66%;
  }
  .col-ed-none {
    display: none !important;
  }
}
@media only screen and (max-width: 1660px) and (min-width: 1200px) {
  .xl-30 {
    flex: 0 0 30%;
    max-width: 30%;
  }
  .xl-70 {
    flex: 0 0 70%;
    max-width: 70%;
  }
}
@media only screen and (max-width: 420px) {
  .size-column .col-6 {
    width: 100%;
  }
}
@media (max-width: 690px) {
  .recent-transaction .dt-layout-row:last-child {
    flex-direction: column;
  }
}
.recent-transaction tbody tr td,
.recent-transaction tbody tr th,
.recent-transaction thead tr td,
.recent-transaction thead tr th {
  color: var(--body-font-color);
}
.recent-transaction tbody tr td:first-child,
.recent-transaction tbody tr th:first-child,
.recent-transaction thead tr td:first-child,
.recent-transaction thead tr th:first-child {
  padding-left: 20px;
}
.recent-transaction tbody tr td:last-child,
.recent-transaction tbody tr th:last-child,
.recent-transaction thead tr td:last-child,
.recent-transaction thead tr th:last-child {
  padding-right: 20px;
}
.recent-transaction tbody tr td:first-child,
.recent-transaction tbody tr th:first-child,
.recent-transaction thead tr td:first-child,
.recent-transaction thead tr th:first-child {
  min-width: auto;
}
@media (max-width: 1454px) and (min-width: 1200px) {
  .recent-transaction tbody tr td:nth-child(2),
  .recent-transaction tbody tr th:nth-child(2),
  .recent-transaction thead tr td:nth-child(2),
  .recent-transaction thead tr th:nth-child(2) {
    display: none;
  }
}
@media (max-width: 903px) {
  .recent-transaction tbody tr td:nth-child(2),
  .recent-transaction tbody tr th:nth-child(2),
  .recent-transaction thead tr td:nth-child(2),
  .recent-transaction thead tr th:nth-child(2) {
    min-width: 114px;
  }
  .recent-transaction tbody tr td:nth-child(3),
  .recent-transaction tbody tr td:nth-child(4),
  .recent-transaction tbody tr th:nth-child(3),
  .recent-transaction tbody tr th:nth-child(4),
  .recent-transaction thead tr td:nth-child(3),
  .recent-transaction thead tr td:nth-child(4),
  .recent-transaction thead tr th:nth-child(3),
  .recent-transaction thead tr th:nth-child(4) {
    min-width: 90px;
  }
  .recent-transaction tbody tr td:nth-child(5),
  .recent-transaction tbody tr th:nth-child(5),
  .recent-transaction thead tr td:nth-child(5),
  .recent-transaction thead tr th:nth-child(5) {
    min-width: 104px;
  }
  .recent-transaction tbody tr td:nth-child(7),
  .recent-transaction tbody tr th:nth-child(7),
  .recent-transaction thead tr td:nth-child(7),
  .recent-transaction thead tr th:nth-child(7) {
    min-width: 110px;
  }
  .recent-transaction tbody tr td:last-child,
  .recent-transaction tbody tr th:last-child,
  .recent-transaction thead tr td:last-child,
  .recent-transaction thead tr th:last-child {
    min-width: 108px;
  }
}
.recent-transaction thead tr th {
  color: #52526c;
}
.stock-report .table-responsive .table tbody tr td,
.stock-report .table-responsive .table tbody tr th,
.stock-report .table-responsive .table thead tr td,
.stock-report .table-responsive .table thead tr th {
  color: var(--body-font-color);
  min-width: auto;
}
.stock-report .table-responsive .table tbody tr td:first-child,
.stock-report .table-responsive .table tbody tr th:first-child,
.stock-report .table-responsive .table thead tr td:first-child,
.stock-report .table-responsive .table thead tr th:first-child {
  padding-left: 20px;
}
.stock-report .table-responsive .table tbody tr td:last-child,
.stock-report .table-responsive .table tbody tr th:last-child,
.stock-report .table-responsive .table thead tr td:last-child,
.stock-report .table-responsive .table thead tr th:last-child {
  padding-right: 20px;
}
@media (max-width: 1798px) and (min-width: 1400px) {
  .stock-report .table-responsive .table tbody tr td:last-child,
  .stock-report .table-responsive .table tbody tr th:last-child,
  .stock-report .table-responsive .table thead tr td:last-child,
  .stock-report .table-responsive .table thead tr th:last-child {
    display: none;
  }
}
.stock-report .table-responsive .table tbody tr td:last-child .btn,
.stock-report .table-responsive .table tbody tr th:last-child .btn,
.stock-report .table-responsive .table thead tr td:last-child .btn,
.stock-report .table-responsive .table thead tr th:last-child .btn {
  min-width: 142px;
}
.stock-report .table-responsive .table tbody tr td a,
.stock-report .table-responsive .table tbody tr th a,
.stock-report .table-responsive .table thead tr td a,
.stock-report .table-responsive .table thead tr th a {
  color: var(--body-font-color);
}
.stock-report .table-responsive .table tbody tr td .img-border,
.stock-report .table-responsive .table tbody tr th .img-border,
.stock-report .table-responsive .table thead tr td .img-border,
.stock-report .table-responsive .table thead tr th .img-border {
  align-items: center;
  background-color: var(--light2);
  border: 1px solid var(--chart-progress-light);
  border-radius: 50%;
  display: flex;
  height: 50px;
  justify-content: center;
  padding: 4px;
  width: 50px;
}
.stock-report .table-responsive .table tbody tr td .img-border img,
.stock-report .table-responsive .table tbody tr th .img-border img,
.stock-report .table-responsive .table thead tr td .img-border img,
.stock-report .table-responsive .table thead tr th .img-border img {
  height: 32px;
}
@media (max-width: 1798px) {
  .stock-report .table-responsive .table tbody tr td:nth-child(4),
  .stock-report .table-responsive .table tbody tr th:nth-child(4),
  .stock-report .table-responsive .table thead tr td:nth-child(4),
  .stock-report .table-responsive .table thead tr th:nth-child(4) {
    padding-right: 20px;
  }
}
@media (max-width: 1543px) and (min-width: 1400px) {
  .stock-report .table-responsive .table tbody tr td,
  .stock-report .table-responsive .table tbody tr th,
  .stock-report .table-responsive .table thead tr td,
  .stock-report .table-responsive .table thead tr th {
    min-width: auto;
  }
  .stock-report .table-responsive .table tbody tr td:last-child,
  .stock-report .table-responsive .table tbody tr th:last-child,
  .stock-report .table-responsive .table thead tr td:last-child,
  .stock-report .table-responsive .table thead tr th:last-child {
    display: none;
  }
}
@media (max-width: 700px) {
  .stock-report .table-responsive .table tbody tr td:first-child,
  .stock-report .table-responsive .table tbody tr th:first-child,
  .stock-report .table-responsive .table thead tr td:first-child,
  .stock-report .table-responsive .table thead tr th:first-child {
    min-width: 168px;
  }
  .stock-report .table-responsive .table tbody tr td:nth-child(2),
  .stock-report .table-responsive .table tbody tr th:nth-child(2),
  .stock-report .table-responsive .table thead tr td:nth-child(2),
  .stock-report .table-responsive .table thead tr th:nth-child(2) {
    min-width: 104px;
  }
  .stock-report .table-responsive .table tbody tr td:nth-child(3),
  .stock-report .table-responsive .table tbody tr th:nth-child(3),
  .stock-report .table-responsive .table thead tr td:nth-child(3),
  .stock-report .table-responsive .table thead tr th:nth-child(3) {
    min-width: 85px;
  }
  .stock-report .table-responsive .table tbody tr td:nth-child(4),
  .stock-report .table-responsive .table tbody tr th:nth-child(4),
  .stock-report .table-responsive .table thead tr td:nth-child(4),
  .stock-report .table-responsive .table thead tr th:nth-child(4) {
    min-width: 65px;
  }
  .stock-report .table-responsive .table tbody tr td:last-child,
  .stock-report .table-responsive .table tbody tr th:last-child,
  .stock-report .table-responsive .table thead tr td:last-child,
  .stock-report .table-responsive .table thead tr th:last-child {
    min-width: 174px;
  }
}
.stock-report .table-responsive .table tbody tr .img-border img,
.stock-report .table-responsive .table thead tr .img-border img {
  transition: 0.5s;
}
.stock-report .table-responsive .table tbody tr:hover td .img-border img,
.stock-report .table-responsive .table thead tr:hover td .img-border img {
  transform: scale(1.1);
  transition: 0.5s;
}
.stock-report .table-responsive .table thead tr th {
  color: #52526c;
}
@media (max-width: 886px) {
  .seller-table .dt-layout-row .dt-search {
    display: none;
  }
}
.seller-table tbody tr td,
.seller-table tbody tr th,
.seller-table thead tr td,
.seller-table thead tr th {
  color: var(--body-font-color);
  min-width: auto;
}
.seller-table tbody tr td a,
.seller-table tbody tr th a,
.seller-table thead tr td a,
.seller-table thead tr th a {
  color: var(--body-font-color);
}
.seller-table tbody tr td .common-flex img,
.seller-table tbody tr th .common-flex img,
.seller-table thead tr td .common-flex img,
.seller-table thead tr th .common-flex img {
  height: 40px;
}
@media (max-width: 1213px) and (min-width: 1200px) {
  .seller-table tbody tr td .common-flex,
  .seller-table tbody tr th .common-flex,
  .seller-table thead tr td .common-flex,
  .seller-table thead tr th .common-flex {
    gap: 7px;
  }
  .seller-table tbody tr td .common-flex img,
  .seller-table tbody tr th .common-flex img,
  .seller-table thead tr td .common-flex img,
  .seller-table thead tr th .common-flex img {
    height: 38px;
  }
}
.seller-table tbody tr td:first-child,
.seller-table tbody tr th:first-child,
.seller-table thead tr td:first-child,
.seller-table thead tr th:first-child {
  padding-left: 20px;
}
.seller-table tbody tr td:last-child,
.seller-table tbody tr th:last-child,
.seller-table thead tr td:last-child,
.seller-table thead tr th:last-child {
  padding-right: 20px;
}
@media (max-width: 1650px) and (min-width: 1200px) {
  .seller-table tbody tr td:nth-child(3),
  .seller-table tbody tr th:nth-child(3),
  .seller-table thead tr td:nth-child(3),
  .seller-table thead tr th:nth-child(3) {
    display: none;
  }
}
@media (max-width: 1179px) {
  .seller-table tbody tr td:nth-child(2),
  .seller-table tbody tr th:nth-child(2),
  .seller-table thead tr td:nth-child(2),
  .seller-table thead tr th:nth-child(2) {
    min-width: 140px;
  }
  .seller-table tbody tr td:nth-child(3),
  .seller-table tbody tr th:nth-child(3),
  .seller-table thead tr td:nth-child(3),
  .seller-table thead tr th:nth-child(3) {
    min-width: 75px;
  }
}
.seller-table thead tr th {
  color: #52526c;
}
.payment-gateway .pay-box {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: space-between;
  margin-bottom: 13px;
}
.payment-gateway .pay-box:last-child {
  margin-bottom: 0;
}
.payment-gateway .pay-box:hover .outer-svg-box svg {
  animation: tada 1.5s ease infinite;
}
.payment-gateway .pay-box .outer-line {
  border-radius: 50%;
  border-style: solid;
  border-width: 1px;
  padding: 3px;
}
.payment-gateway .pay-box .outer-line .outer-svg-box {
  align-items: center;
  border-radius: 50%;
  display: flex;
  height: 32px;
  justify-content: center;
  width: 32px;
}
@media (max-width: 1652px) {
  .payment-gateway .pay-box .outer-line .outer-svg-box {
    height: 29px;
    width: 29px;
  }
  .payment-gateway .pay-box .outer-line .outer-svg-box svg {
    height: 16px;
    width: 16px;
  }
}
.payment-gateway .pay-box .outer-line .outer-svg-box svg {
  height: 18px;
  width: 18px;
}
.payment-gateway .pay-box a {
  color: var(--body-font-color);
}
@media (max-width: 1316px) and (min-width: 1200px) {
  .payment-gateway .pay-box:last-child {
    display: none;
  }
  .payment-gateway .pay-box:nth-child(5) {
    margin-bottom: 0;
  }
}
@media (max-width: 1141px) and (min-width: 992px) {
  .payment-gateway .pay-box:last-child {
    display: none;
  }
  .payment-gateway .pay-box:nth-child(5) {
    margin-bottom: 0;
  }
}
@media (max-width: 850px) and (min-width: 768px) {
  .payment-gateway .pay-box:last-child {
    display: none;
  }
  .payment-gateway .pay-box:nth-child(5) {
    margin-bottom: 0;
  }
}
.treading-product .table-responsive .table tbody tr td,
.treading-product .table-responsive .table tbody tr th,
.treading-product .table-responsive .table thead tr td,
.treading-product .table-responsive .table thead tr th {
  color: var(--body-font-color);
  min-width: auto;
}
.treading-product .table-responsive .table tbody tr td:first-child,
.treading-product .table-responsive .table tbody tr th:first-child,
.treading-product .table-responsive .table thead tr td:first-child,
.treading-product .table-responsive .table thead tr th:first-child {
  padding-left: 20px;
}
@media (max-width: 812px) {
  .treading-product .table-responsive .table tbody tr td:first-child,
  .treading-product .table-responsive .table tbody tr th:first-child,
  .treading-product .table-responsive .table thead tr td:first-child,
  .treading-product .table-responsive .table thead tr th:first-child {
    min-width: 140px;
  }
}
.treading-product .table-responsive .table tbody tr td:last-child,
.treading-product .table-responsive .table tbody tr th:last-child,
.treading-product .table-responsive .table thead tr td:last-child,
.treading-product .table-responsive .table thead tr th:last-child {
  padding-right: 20px;
}
.treading-product .table-responsive .table tbody tr td a,
.treading-product .table-responsive .table tbody tr th a,
.treading-product .table-responsive .table thead tr td a,
.treading-product .table-responsive .table thead tr th a {
  color: var(--body-font-color);
}
@media (max-width: 1454px) {
  .treading-product .table-responsive .table tbody tr td .common-flex,
  .treading-product .table-responsive .table tbody tr th .common-flex,
  .treading-product .table-responsive .table thead tr td .common-flex,
  .treading-product .table-responsive .table thead tr th .common-flex {
    gap: 8px;
  }
}
.treading-product .table-responsive .table tbody tr td img,
.treading-product .table-responsive .table tbody tr th img,
.treading-product .table-responsive .table thead tr td img,
.treading-product .table-responsive .table thead tr th img {
  height: 32px;
}
@media (max-width: 1552px) and (min-width: 1550px) {
  .treading-product .table-responsive .table tbody tr td img,
  .treading-product .table-responsive .table tbody tr th img,
  .treading-product .table-responsive .table thead tr td img,
  .treading-product .table-responsive .table thead tr th img {
    height: 39px;
  }
}
@media (max-width: 362px) {
  .treading-product .table-responsive .table tbody tr td:first-child,
  .treading-product .table-responsive .table tbody tr th:first-child,
  .treading-product .table-responsive .table thead tr td:first-child,
  .treading-product .table-responsive .table thead tr th:first-child {
    min-width: 168px;
  }
}
.treading-product .table-responsive .table thead tr th {
  color: #52526c;
}
@media (max-width: 1399px) and (min-width: 768px) {
  .ord-xl-i {
    order: 1;
  }
  .ord-xl-ii {
    order: 2;
  }
  .ord-xl-iii {
    order: 3;
  }
  .ord-xl-iv {
    order: 4;
  }
  .ord-xl-v {
    order: 5;
  }
  .ord-xl-vi {
    order: 6;
  }
  .ord-xl-vii {
    order: 7;
  }
  .ord-xl-viii {
    order: 8;
  }
  .ord-xl-ix {
    order: 9;
  }
  .ord-xl-x {
    order: 10;
  }
}
@keyframes hand-move {
  0% {
    transform: rotate(0deg);
  }
  20% {
    transform: rotate(15deg);
  }
  50% {
    transform: rotate(0deg);
  }
  80% {
    transform: rotate(-15deg);
  }
  to {
    transform: rotate(0deg);
  }
}
.welcome-card {
  background-image: url(images/bg.jpg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
}
.welcome-card h4 {
  color: #fff;
}
.welcome-card h4 img {
  animation: hand-move 5s ease-in infinite;
  margin-top: -6px;
}
.welcome-card p {
  color: var(--white);
  width: 70%;
}
@media (max-width: 1830px) and (min-width: 1450px) {
  .welcome-card p {
    width: 62%;
  }
}
@media (max-width: 1459px) {
  .welcome-card p {
    display: -webkit-box;
    height: 52px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media (max-width: 991px) and (min-width: 537px) {
  .welcome-card p {
    width: 70%;
  }
}
@media (max-width: 536px) {
  .welcome-card p {
    width: 64%;
  }
}
@media (max-width: 480px) {
  .welcome-card p {
    width: 100%;
  }
}
.welcome-card .welcome-img {
  bottom: -26px;
  height: 170px;
  position: absolute;
  right: 0;
}
[dir="rtl"] .welcome-card .welcome-img {
  left: 0;
  right: unset;
}
@media (max-width: 1780px) and (min-width: 1661px) {
  .welcome-card .welcome-img {
    bottom: -28px;
    height: 180px;
  }
}
@media (max-width: 1660px) and (min-width: 1426px) {
  .welcome-card .welcome-img {
    bottom: -24px;
    height: 168px;
  }
}
@media (max-width: 1425px) {
  .welcome-card .welcome-img {
    bottom: -22px;
    height: 155px;
  }
}
@media (max-width: 767px) {
  .welcome-card .welcome-img {
    bottom: -18px;
    height: 140px;
  }
}
@media (max-width: 480px) {
  .welcome-card .welcome-img {
    display: none;
  }
}
.get-image img {
  height: 158px;
}
@media (max-width: 1737px) {
  .get-image img {
    height: 134px;
  }
}
.course-box {
  overflow: hidden;
}
.course-box .card-body {
  padding: 25px 15px;
}
@media (max-width: 1722px) {
  .course-box .card-body {
    padding: 20px 15px;
  }
}
@media (max-width: 1660px) {
  .course-box .card-body {
    padding: 16px 15px;
  }
  .course-box.widget-course .card-body {
    padding: 25px 15px;
  }
}
.course-box:hover {
  transform: translateY(-5px);
  transition: 0.5s;
}
.course-box:hover .course-icon svg {
  animation: tada 1.5s ease infinite;
}
.course-widget {
  display: flex;
  gap: 8px;
}
.course-widget .course-icon {
  align-items: center;
  background: linear-gradient(310.31deg, #ff3364 14.71%, #ff7f9e);
  clip-path: polygon(
    40% 7.67949%,
    43.1596% 6.20615%,
    46.52704% 5.30384%,
    50% 5%,
    53.47296% 5.30384%,
    56.8404% 6.20615%,
    60% 7.67949%,
    81.65064% 20.17949%,
    84.50639% 22.17911%,
    86.97152% 24.64425%,
    88.97114% 27.5%,
    90.44449% 30.6596%,
    91.34679% 34.02704%,
    91.65064% 37.5%,
    91.65064% 62.5%,
    91.34679% 65.97296%,
    90.44449% 69.3404%,
    88.97114% 72.5%,
    86.97152% 75.35575%,
    84.50639% 77.82089%,
    81.65064% 79.82051%,
    60% 92.32051%,
    56.8404% 93.79385%,
    53.47296% 94.69616%,
    50% 95%,
    46.52704% 94.69616%,
    43.1596% 93.79385%,
    40% 92.32051%,
    18.34936% 79.82051%,
    15.49361% 77.82089%,
    13.02848% 75.35575%,
    11.02886% 72.5%,
    9.55551% 69.3404%,
    8.65321% 65.97296%,
    8.34936% 62.5%,
    8.34936% 37.5%,
    8.65321% 34.02704%,
    9.55551% 30.6596%,
    11.02886% 27.5%,
    13.02848% 24.64425%,
    15.49361% 22.17911%,
    18.34936% 20.17949%
  );
  display: flex;
  height: 54px;
  justify-content: center;
  position: relative;
  width: 54px;
}
@media (max-width: 600px) {
  .course-widget .course-icon {
    height: 47px;
    width: 47px;
  }
  .course-widget .course-icon svg {
    height: 20px;
    width: 20px;
  }
}
.course-widget .course-icon svg {
  height: 26px;
  width: 26px;
  fill: #fff;
}
@media (max-width: 600px) {
  .course-widget .course-icon svg {
    height: 20px;
    width: 20px;
  }
}
.course-widget .course-icon.warning {
  background: linear-gradient(297.08deg, #ff9e2a -4.53%, #ffa941 98.25%);
}
.course-widget .btn-light {
  background: var(--course-light-btn) !important;
  border: none;
}
.course-widget a {
  align-items: center;
  display: flex;
  margin-top: 25px;
  padding: 8px 12px;
}
.course-widget a span {
  display: block;
  margin-bottom: -5px;
}
.course-widget a svg {
  height: 13px;
  width: 13px;
}
.get-card .card-header {
  padding-left: 20px;
  padding-right: 20px;
}
.square-group {
  bottom: 0;
  position: absolute;
  right: 0;
  transform: scaleX(-1);
}
[dir="rtl"] .square-group {
  left: 0;
  right: unset;
}
.square-group .square-1 {
  height: 18px;
  width: 12px;
}
@media (max-width: 660px) {
  .square-group .square-1 {
    height: 10px;
    width: 8px;
  }
}
.square-group .square-2 {
  height: 10px;
  margin-bottom: -10px;
  width: 12px;
}
@media (max-width: 660px) {
  .square-group .square-2 {
    height: 10px;
    width: 8px;
  }
}
.square-group .square-3 {
  height: 10px;
  margin-left: 10px;
  width: 18px;
}
@media (max-width: 660px) {
  .square-group .square-3 {
    height: 8px;
    width: 12px;
  }
}
[dir="rtl"] .square-group .square-3 {
  margin-left: unset;
  margin-right: 10px;
}
.square-group .square-4 {
  height: 16px;
  position: absolute;
  right: -15px;
  top: 20px;
  width: 16px;
}
[dir="rtl"] .square-group .square-4 {
  left: -15px;
  right: unset;
}
@media (max-width: 660px) {
  .square-group .square-4 {
    height: 9px;
    right: -3px;
    top: 9px;
    width: 9px;
  }
}
.square-group .square-5 {
  bottom: 22px;
  height: 6px;
  position: absolute;
  right: -1px;
  width: 6px;
}
[dir="rtl"] .square-group .square-5 {
  left: -1px;
  right: unset;
}
@media (max-width: 660px) {
  .square-group .square-5 {
    bottom: 21px;
    height: 4px;
    right: 6px;
    width: 4px;
  }
}
.square-group .square-6,
.square-group .square-7 {
  height: 4px;
  position: absolute;
  width: 4px;
}
@media (max-width: 660px) {
  .square-group .square-6,
  .square-group .square-7 {
    bottom: 35px;
    right: 12px;
  }
}
.square-group .square-6 {
  bottom: 5px;
  right: -23px;
}
[dir="rtl"] .square-group .square-6 {
  left: -23px;
  right: unset;
}
.square-group .square-7 {
  bottom: 45px;
  right: 8px;
}
[dir="rtl"] .square-group .square-7 {
  left: 8px;
  right: unset;
}
.square-group .warning1 {
  background: #ffd497;
}
.square-group .warning {
  background: #ffa73b;
}
.square-group .primary {
  background: #7366ff;
}
.square-group .danger {
  background: #f54132;
}
.square-group .light {
  background: #e6e8ef;
}
.square-group .success {
  background: #65c15c;
}
.progress-chart-wrap {
  margin: -40px 0 -22px;
}
[dir="rtl"] .progress-chart-wrap {
  direction: ltr;
}
@media (max-width: 991px) {
  .progress-chart-wrap {
    margin-top: -18px;
  }
}
.progress-chart-wrap .apexcharts-canvas {
  margin: 0 auto;
}
.progress-chart-wrap
  .apexcharts-canvas
  .apexcharts-datalabels-group
  .apexcharts-datalabel-label {
  fill: var(--chart-text-color);
}
.get-card .btn {
  margin-top: 15px;
  padding: 8px 15px;
}
.get-card .btn:hover svg {
  transform: translateX(5px);
  transition: 0.5s;
}
.get-card .btn svg {
  height: 13px;
  width: 13px;
  fill: #fff;
  transition: 0.5s;
  vertical-align: -2px;
}
.default-inline-calender .main-inline-calender .form-control {
  display: none;
}
.default-inline-calender .main-inline-calender .flatpickr-calendar {
  box-shadow: unset;
}
.default-inline-calender
  .main-inline-calender
  .flatpickr-calendar
  .flatpickr-months
  .flatpickr-next-month
  svg,
.default-inline-calender
  .main-inline-calender
  .flatpickr-calendar
  .flatpickr-months
  .flatpickr-prev-month
  svg {
  stroke: var(--body-font-color);
}
.default-inline-calender
  .main-inline-calender
  .flatpickr-calendar
  .flatpickr-months
  .flatpickr-month
  .flatpickr-monthDropdown-months,
.default-inline-calender
  .main-inline-calender
  .flatpickr-calendar
  .flatpickr-months
  .flatpickr-month
  .numInputWrapper {
  color: var(--body-font-color);
}
.default-inline-calender
  .main-inline-calender
  .flatpickr-calendar
  .flatpickr-months
  .flatpickr-monthDropdown-months {
  padding-right: 18px;
}
@media (max-width: 647px) and (min-width: 617px) {
  .default-inline-calender
    .main-inline-calender
    .flatpickr-calendar
    .flatpickr-months
    .flatpickr-monthDropdown-months {
    padding-right: 8px;
  }
}
@media (max-width: 616px) {
  .default-inline-calender
    .main-inline-calender
    .flatpickr-calendar
    .flatpickr-months
    .flatpickr-monthDropdown-months {
    padding-right: 6px;
  }
}
@media (max-width: 611px) {
  .default-inline-calender
    .main-inline-calender
    .flatpickr-calendar
    .flatpickr-current-month {
    left: 7.5%;
    width: 90%;
  }
}
.default-inline-calender
  .main-inline-calender
  .flatpickr-rContainer
  .flatpickr-weekdays
  .flatpickr-weekdaycontainer
  .flatpickr-weekday {
  color: var(--chart-text-color);
}
.default-inline-calender
  .main-inline-calender
  .flatpickr-rContainer
  .flatpickr-days
  .dayContainer
  .flatpickr-day {
  height: 36px;
}
.default-inline-calender
  .main-inline-calender
  .flatpickr-rContainer
  .flatpickr-days
  .dayContainer
  .flatpickr-day.selected {
  color: #fff;
}
.default-inline-calender
  .main-inline-calender
  .flatpickr-rContainer
  .flatpickr-days
  .dayContainer
  .flatpickr-day.today {
  background-color: #65c15c;
  border: unset;
  color: #fff;
}
.default-inline-calender
  .main-inline-calender
  .flatpickr-rContainer
  .flatpickr-days
  .dayContainer
  .flatpickr-day.today:before {
  background-color: #fc564a;
  border-radius: 50%;
  content: "";
  height: 8px;
  outline: 3px solid var(--white);
  position: absolute;
  right: -2px;
  top: -2px;
  width: 8px;
}
.default-inline-calender
  .main-inline-calender
  .flatpickr-rContainer
  .flatpickr-current-month
  .flatpickr-monthDropdown-months
  option {
  font-size: 14px;
}
.default-inline-calender
  .main-inline-calender
  .flatpickr-rContainer
  .flatpickr-current-month
  .flatpickr-monthDropdown-months
  option:hover {
  background-color: #52526c;
}
.learning-wrap {
  margin: -24px -10px -24px -15px;
}
.activity-wrap {
  margin: -22px 0 -22px -28px;
}
[dir="rtl"] .activity-wrap {
  margin: -22px -28px -22px 0;
}
.upcoming-event-wrap {
  margin-bottom: -39px;
  margin-left: -24px;
}
.course-card .dropdown .dropdown-toggle {
  width: 125px;
}
.course-wrapper {
  text-align: center;
}
.course-wrapper .course-icon-box {
  padding: 8px;
  position: relative;
}
@media (max-width: 767px) {
  .course-wrapper .course-icon-box {
    padding: 0;
  }
}
.course-wrapper .course-icon-box .icon-wrap {
  align-items: center;
  background-color: var(--course-bg);
  border-radius: 8px;
  box-shadow: -18px 15px 20px hsla(0, 0%, 47%, 0.25);
  display: flex;
  height: 92px;
  justify-content: center;
  margin: 0 auto;
  width: 117px;
}
@media (max-width: 1880px) and (min-width: 1857px) {
  .course-wrapper .course-icon-box .icon-wrap {
    width: 112px;
  }
}
@media (max-width: 1856px) {
  .course-wrapper .course-icon-box .icon-wrap {
    width: 111px;
  }
}
@media (max-width: 767px) {
  .course-wrapper .course-icon-box .icon-wrap {
    box-shadow: none;
  }
}
@media (max-width: 575px) {
  .course-wrapper .course-icon-box .icon-wrap {
    height: 82px;
    width: 92px;
  }
}
.course-wrapper .course-icon-box .icon-wrap img {
  width: 80px;
}
@media (max-width: 575px) {
  .course-wrapper .course-icon-box .icon-wrap img {
    width: 70px;
  }
}
.course-wrapper .course-icon-box .arrow-bg {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: calc(100% + 20px);
}
[dir="rtl"] .course-wrapper .course-icon-box .arrow-bg {
  left: unset;
  right: 0;
  transform: scaleX(-1);
}
@media (max-width: 767px) {
  .course-wrapper .course-icon-box .arrow-bg {
    display: none;
  }
}
.course-wrapper h6 {
  margin-bottom: 0;
  margin-top: 25px;
}
@media (max-width: 575px) {
  .course-wrapper h6 {
    margin-top: 15px;
  }
}
.course-main-card {
  display: flex;
  gap: 20px;
  justify-content: center;
}
@media (max-width: 1880px) {
  .course-main-card {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .course-main-card {
    flex-wrap: nowrap;
    gap: 12px;
  }
}
@media (max-width: 575px) {
  .course-main-card {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.course-main-card .course-wrapper:last-child .arrow-bg {
  width: 100%;
}
@media (max-width: 330px) {
  .schedule-card .card-header-right-icon .btn {
    min-width: 76px;
  }
}
.schedule-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 767px) {
  .schedule-list {
    flex-direction: row;
  }
}
@media (max-width: 575px) {
  .schedule-list {
    flex-direction: column;
  }
}
.schedule-list li {
  align-items: center;
  display: flex;
}
.schedule-list li h6 {
  font-size: 14px;
}
.schedule-list li ul {
  -moz-column-count: 2;
  column-count: 2;
  -moz-column-gap: 20px;
  column-gap: 20px;
  -moz-column-rule-color: var(--chart-text-color);
  column-rule-color: var(--chart-text-color);
  -moz-column-rule-style: solid;
  column-rule-style: solid;
  -moz-column-rule-width: 1px;
  column-rule-width: 1px;
}
@media (max-width: 1712px) {
  .schedule-list li ul {
    -moz-column-gap: 14px;
    column-gap: 14px;
  }
}
@media (max-width: 1199px) {
  .schedule-list li ul {
    display: flex;
    flex-wrap: wrap;
  }
}
.schedule-list li ul li {
  gap: 6px;
}
.schedule-list li img {
  border-radius: 100%;
  height: 37px;
  padding: 3px;
  width: 37px;
}
.schedule-list li svg {
  height: 15px;
  width: 15px;
}
.schedule-list li svg.f-success {
  fill: #65c15c;
}
.schedule-list > li {
  border-radius: 10px;
  box-shadow: 4px 7px 17px 5px rgba(46, 35, 94, 0.05);
  gap: 10px;
  padding: 15px 20px;
  position: relative;
}
@media (max-width: 1712px) {
  .schedule-list > li {
    padding: 16px 14px;
  }
}
.schedule-list > li:before {
  border-radius: 15px 0 0 15px;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 5px;
}
[dir="rtl"] .schedule-list > li:before {
  border-radius: 0 15px 15px 0;
  left: unset;
  right: 0;
}
.schedule-list > li.primary:before {
  background-color: var(--theme-default);
}
.schedule-list > li.primary img {
  border: 1px solid var(--theme-default);
}
.schedule-list > li.warning:before {
  background-color: #ffb829;
}
.schedule-list > li.warning img {
  border: 1px solid #ffb829;
}
.link-only {
  align-items: center;
  color: #75758a;
  display: flex;
  gap: 8px;
}
.link-only svg {
  height: 16px;
  width: 16px;
}
.lessons-lists li {
  align-items: center;
  display: flex;
  gap: 10px;
  padding: 12px 0;
}
.lessons-lists li img {
  transition: 0.5s;
}
.lessons-lists li + li {
  border-top: 1px solid var(--chart-dashed-border);
}
.lessons-lists li:first-child {
  padding-top: 0;
}
.lessons-lists li:last-child {
  padding-bottom: 0;
}
.lessons-lists li:hover img {
  transform: scale(1.1);
  transition: 0.5s;
}
.lesson-wrap {
  margin-bottom: -11px;
  margin-top: -6px;
  width: 50px;
}
.lesson-wrap .apexcharts-canvas .apexcharts-datalabel-label {
  display: none;
}
@media (max-width: 1261px) {
  .t-top-mentor
    .table-responsive
    div.dt-container
    .dt-layout-row
    .dt-layout-cell
    .dt-search {
    left: 20px;
    margin-bottom: 20px;
    position: relative;
    top: 4px;
  }
}
@media (max-width: 1608px) {
  .t-top-mentor .table-responsive div.dt-container .dt-layout-row:last-child {
    flex-direction: column;
  }
}
.t-top-mentor tbody tr td,
.t-top-mentor tbody tr th,
.t-top-mentor thead tr td,
.t-top-mentor thead tr th {
  color: var(--body-font-color);
  min-width: auto;
}
.t-top-mentor tbody tr td:first-child,
.t-top-mentor tbody tr th:first-child,
.t-top-mentor thead tr td:first-child,
.t-top-mentor thead tr th:first-child {
  padding-left: 20px;
}
.t-top-mentor tbody tr td:last-child,
.t-top-mentor tbody tr th:last-child,
.t-top-mentor thead tr td:last-child,
.t-top-mentor thead tr th:last-child {
  padding-right: 20px;
}
.t-top-mentor tbody tr td a,
.t-top-mentor tbody tr th a,
.t-top-mentor thead tr td a,
.t-top-mentor thead tr th a {
  color: var(--body-font-color);
}
.t-top-mentor tbody tr td img,
.t-top-mentor tbody tr th img,
.t-top-mentor thead tr td img,
.t-top-mentor thead tr th img {
  height: 40px;
}
@media (max-width: 1394px) {
  .t-top-mentor tbody tr td img,
  .t-top-mentor tbody tr th img,
  .t-top-mentor thead tr td img,
  .t-top-mentor thead tr th img {
    height: 32px;
  }
}
@media (max-width: 1516px) and (min-width: 1200px) {
  .t-top-mentor tbody tr td:nth-child(3),
  .t-top-mentor tbody tr th:nth-child(3),
  .t-top-mentor thead tr td:nth-child(3),
  .t-top-mentor thead tr th:nth-child(3) {
    display: none;
  }
}
@media (max-width: 1294px) and (min-width: 1205px) {
  .t-top-mentor tbody tr td img,
  .t-top-mentor tbody tr th img,
  .t-top-mentor thead tr td img,
  .t-top-mentor thead tr th img {
    height: 38px;
  }
}
@media (max-width: 1204px) and (min-width: 1200px) {
  .t-top-mentor tbody tr td img,
  .t-top-mentor tbody tr th img,
  .t-top-mentor thead tr td img,
  .t-top-mentor thead tr th img {
    height: 37px;
  }
}
@media (max-width: 1199px) {
  .t-top-mentor tbody tr td:nth-child(2),
  .t-top-mentor tbody tr th:nth-child(2),
  .t-top-mentor thead tr td:nth-child(2),
  .t-top-mentor thead tr th:nth-child(2) {
    min-width: 135px;
  }
  .t-top-mentor tbody tr td:nth-child(3),
  .t-top-mentor tbody tr th:nth-child(3),
  .t-top-mentor thead tr td:nth-child(3),
  .t-top-mentor thead tr th:nth-child(3) {
    min-width: 108px;
  }
  .t-top-mentor tbody tr td:nth-child(4),
  .t-top-mentor tbody tr th:nth-child(4),
  .t-top-mentor thead tr td:nth-child(4),
  .t-top-mentor thead tr th:nth-child(4) {
    min-width: 60px;
  }
}
.t-top-mentor thead tr th {
  color: #52526c;
}
@media (max-width: 1261px) {
  .completed-course-table
    .table-responsive
    div.dt-container
    .dt-layout-row
    .dt-layout-cell
    .dt-search {
    left: 20px;
    margin-bottom: 20px;
    position: relative;
    top: 4px;
  }
}
@media (max-width: 1608px) {
  .completed-course-table
    .table-responsive
    div.dt-container
    .dt-layout-row:last-child {
    flex-direction: column;
  }
}
.completed-course-table tbody tr td,
.completed-course-table tbody tr th,
.completed-course-table thead tr td,
.completed-course-table thead tr th {
  color: var(--body-font-color);
  min-width: auto;
}
.completed-course-table tbody tr td:first-child,
.completed-course-table tbody tr th:first-child,
.completed-course-table thead tr td:first-child,
.completed-course-table thead tr th:first-child {
  padding-left: 20px;
}
.completed-course-table tbody tr td:last-child,
.completed-course-table tbody tr th:last-child,
.completed-course-table thead tr td:last-child,
.completed-course-table thead tr th:last-child {
  padding-right: 20px;
}
@media (max-width: 1671px) and (min-width: 1200px) {
  .completed-course-table tbody tr td:last-child,
  .completed-course-table tbody tr th:last-child,
  .completed-course-table thead tr td:last-child,
  .completed-course-table thead tr th:last-child {
    display: none;
  }
}
.completed-course-table tbody tr td a,
.completed-course-table tbody tr th a,
.completed-course-table thead tr td a,
.completed-course-table thead tr th a {
  color: var(--body-font-color);
}
.completed-course-table tbody tr td img,
.completed-course-table tbody tr th img,
.completed-course-table thead tr td img,
.completed-course-table thead tr th img {
  border-radius: 8px;
  height: 40px;
}
@media (max-width: 1394px) {
  .completed-course-table tbody tr td img,
  .completed-course-table tbody tr th img,
  .completed-course-table thead tr td img,
  .completed-course-table thead tr th img {
    height: 32px;
  }
}
@media (max-width: 1671px) and (min-width: 1351px) {
  .completed-course-table tbody tr td:nth-child(4),
  .completed-course-table tbody tr th:nth-child(4),
  .completed-course-table thead tr td:nth-child(4),
  .completed-course-table thead tr th:nth-child(4) {
    padding-right: 20px;
  }
}
@media (max-width: 1350px) and (min-width: 1200px) {
  .completed-course-table tbody tr td:nth-child(4),
  .completed-course-table tbody tr th:nth-child(4),
  .completed-course-table thead tr td:nth-child(4),
  .completed-course-table thead tr th:nth-child(4) {
    display: none;
  }
}
@media (max-width: 1403px) and (min-width: 1351px) {
  .completed-course-table tbody tr td:nth-child(2) .common-flex,
  .completed-course-table tbody tr th:nth-child(2) .common-flex,
  .completed-course-table thead tr td:nth-child(2) .common-flex,
  .completed-course-table thead tr th:nth-child(2) .common-flex {
    gap: 7px;
  }
}
@media (max-width: 1356px) and (min-width: 1200px) {
  .completed-course-table tbody tr td .common-flex,
  .completed-course-table tbody tr th .common-flex,
  .completed-course-table thead tr td .common-flex,
  .completed-course-table thead tr th .common-flex {
    gap: 10px;
  }
}
@media (max-width: 1294px) and (min-width: 1205px) {
  .completed-course-table tbody tr td img,
  .completed-course-table tbody tr th img,
  .completed-course-table thead tr td img,
  .completed-course-table thead tr th img {
    height: 38px;
  }
}
@media (max-width: 1204px) and (min-width: 1200px) {
  .completed-course-table tbody tr td img,
  .completed-course-table tbody tr th img,
  .completed-course-table thead tr td img,
  .completed-course-table thead tr th img {
    height: 37px;
  }
}
@media (max-width: 1199px) {
  .completed-course-table tbody tr td:nth-child(2),
  .completed-course-table tbody tr th:nth-child(2),
  .completed-course-table thead tr td:nth-child(2),
  .completed-course-table thead tr th:nth-child(2) {
    min-width: 155px;
  }
  .completed-course-table tbody tr td:nth-child(3),
  .completed-course-table tbody tr th:nth-child(3),
  .completed-course-table thead tr td:nth-child(3),
  .completed-course-table thead tr th:nth-child(3) {
    min-width: 96px;
  }
  .completed-course-table tbody tr td:nth-child(4),
  .completed-course-table tbody tr th:nth-child(4),
  .completed-course-table thead tr td:nth-child(4),
  .completed-course-table thead tr th:nth-child(4) {
    min-width: 121px;
  }
  .completed-course-table tbody tr td:last-child,
  .completed-course-table tbody tr th:last-child,
  .completed-course-table thead tr td:last-child,
  .completed-course-table thead tr th:last-child {
    min-width: 99px;
  }
}
.completed-course-table thead tr th {
  color: #52526c;
}
@media (max-width: 791px) and (min-width: 576px) {
  .overall-card .activity-details span {
    max-width: 122px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.widget-hover:hover {
  transform: translateY(-5px);
  transition: 0.5s;
}
.currency-widget .currency-icon-widget {
  align-items: center;
  border-radius: 5px;
  box-shadow: inset 2.66667px -2.66667px 2.66667px rgba(194, 128, 49, 0.1),
    inset -2.66667px 2.66667px 2.66667px hsla(0, 0%, 100%, 0.1);
  display: flex;
  height: 35px;
  justify-content: center;
  width: 35px;
}
.currency-widget .currency-icon-widget svg {
  height: 16px;
  width: 16px;
  fill: #fff;
}
.currency-widget .card {
  margin-top: 14px;
}
.currency-widget .card .card-body {
  gap: 10px;
  justify-content: space-between;
  padding: 15px;
}
@media (max-width: 1660px) {
  .currency-widget .card .card-body {
    flex-wrap: wrap;
  }
}
@media (max-width: 575px) {
  .currency-widget .card .card-body {
    flex-wrap: unset;
  }
}
.currency-widget .card:hover {
  transform: translateY(-5px);
  transition: 0.5s;
}
.currency-widget h6 {
  margin-bottom: 0;
}
.currency-widget .d-flex {
  align-items: center;
  gap: 10px;
}
.currency-widget span svg {
  height: 16px;
  vertical-align: middle;
  width: 16px;
}
.currency-widget div[class*="bg-light-"] {
  border-radius: 10px;
  color: #404040;
  padding: 15px;
  width: 115px;
}
@media (max-width: 1660px) and (min-width: 1200px) {
  .currency-widget div[class*="bg-light-"] {
    display: none;
  }
}
@media (max-width: 1199px) {
  .currency-widget div[class*="bg-light-"] {
    width: 100%;
  }
}
@media (max-width: 575px) {
  .currency-widget div[class*="bg-light-"] {
    width: 50%;
  }
}
@media (max-width: 1199px) and (min-width: 768px) {
  .currency-widget.widget-currency .card .card-body {
    flex-wrap: unset;
  }
}
.currency-widget.warning .currency-icon-widget {
  background-image: linear-gradient(
    90deg,
    #ffb829 80%,
    rgba(255, 184, 41, 0.2)
  );
}
.currency-widget.primary .currency-icon-widget {
  background-image: linear-gradient(
    90deg,
    #7366ff 80%,
    rgba(115, 102, 255, 0.2)
  );
}
.currency-widget.success .currency-icon-widget {
  background-image: linear-gradient(
    90deg,
    #65c15c 80%,
    rgba(101, 193, 92, 0.2)
  );
}
@media (max-width: 1399px) {
  .currency-widget.height-equal {
    min-height: unset !important;
  }
}
.currency-chart-wrap {
  margin: -28px -10px -20px -20px;
}
@media (max-width: 575px) {
  .currency-chart-wrap {
    width: 50%;
  }
}
.currency-chart-wrap .apexcharts-canvas .apexcharts-tooltip-text-y-label {
  display: none;
}
.transaction-card .header-top {
  flex-wrap: wrap;
  gap: 10px;
}
.crypto-main-card {
  background-image: linear-gradient(to bottom right, #5f3deb, #ad79ff);
  color: #fff;
}
@media (max-width: 1199px) {
  .crypto-main-card .card-body {
    padding: 20px;
  }
}
.crypto-main-card .btn {
  padding: 8px 20px;
}
@media (max-width: 1660px) {
  .crypto-main-card .btn {
    padding: 8px 15px;
  }
}
.crypto-main-card .deposit-wrap > div {
  width: 65%;
}
@media (max-width: 1660px) {
  .crypto-main-card .deposit-wrap > div {
    width: 90%;
  }
}
@media (max-width: 1536px) {
  .crypto-main-card .deposit-wrap > div {
    width: 100%;
  }
}
@media (max-width: 1399px) {
  .crypto-main-card .deposit-wrap > div {
    width: 75%;
  }
}
@media (max-width: 1199px) {
  .crypto-main-card .deposit-wrap > div {
    width: 95%;
  }
}
.crypto-main-card .deposit-wrap > div h5 {
  color: #fff;
}
@media (max-width: 1660px) {
  .crypto-main-card .deposit-wrap > div h5 {
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
  }
}
@media (max-width: 767px) {
  .crypto-main-card .deposit-wrap > div h5 {
    -webkit-line-clamp: 1;
  }
}
.crypto-main-card .deposit-wrap > div p {
  color: #fff;
}
.crypto-main-card .deposit-wrap img {
  animation: bounce-effect 5s ease-in infinite;
  bottom: 10px;
  position: absolute;
  right: 10px;
  width: 48%;
}
[dir="rtl"] .crypto-main-card .deposit-wrap img {
  left: 10px;
  right: unset;
  transform: scaleX(-1);
}
@media (max-width: 1660px) and (min-width: 1400px) {
  .crypto-main-card .deposit-wrap img {
    width: 44%;
  }
}
@media (max-width: 1399px) and (min-width: 1200px) {
  .crypto-main-card .deposit-wrap img {
    width: 52%;
  }
}
@media (max-width: 1199px) and (min-width: 1081px) {
  .crypto-main-card .deposit-wrap img {
    width: 30%;
  }
}
@media (max-width: 1080px) and (min-width: 768px) {
  .crypto-main-card .deposit-wrap img {
    width: 26%;
  }
}
@media (max-width: 767px) and (min-width: 576px) {
  .crypto-main-card .deposit-wrap img {
    width: 33%;
  }
}
@media (max-width: 575px) and (min-width: 401px) {
  .crypto-main-card .deposit-wrap img {
    width: 26%;
  }
}
@media (max-width: 400px) {
  .crypto-main-card .deposit-wrap img {
    width: 35%;
  }
}
.portfolio-card .dropdown-toggle {
  width: 80px;
}
.btn-white,
.btn-white:active,
.btn-white:hover {
  background-color: #fff;
  color: #7366ff;
}
.btn-white:active,
.btn-white:hover {
  border-color: #fff !important;
}
.radial-progress-card {
  align-items: center;
  display: flex;
  gap: 6px;
  justify-content: space-between;
}
@media (max-width: 1199px) {
  .radial-progress-card.card-body {
    padding: 30px 20px;
  }
}
.radial-progress-card h6,
.radial-progress-card p {
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}
.radial-progress-card .sale-details {
  margin: 10px 0;
}
.radial-progress-card .sale-details svg {
  height: 15px;
  vertical-align: middle;
  width: 15px;
}
.radial-progress-card .radial-chart-wrap {
  margin-right: -25px;
  width: 110px;
}
[dir="rtl"] .radial-progress-card .radial-chart-wrap {
  margin-left: -25px;
  margin-right: unset;
}
@media (max-width: 1820px) {
  .radial-progress-card .radial-chart-wrap {
    margin-right: -12px;
  }
  [dir="rtl"] .radial-progress-card .radial-chart-wrap {
    margin-left: -12px;
  }
}
.radial-progress-card
  .radial-chart-wrap
  .apexcharts-canvas
  .apexcharts-datalabel-label {
  display: none;
}
.transaction-table.recent-table table tbody tr td:first-child,
.transaction-table.recent-table table tbody tr th:first-child,
.transaction-table.recent-table table thead tr td:first-child,
.transaction-table.recent-table table thead tr th:first-child {
  padding-left: 20px;
}
@media (max-width: 1455px) {
  .transaction-table.recent-table table tbody tr td:first-child svg,
  .transaction-table.recent-table table tbody tr th:first-child svg,
  .transaction-table.recent-table table thead tr td:first-child svg,
  .transaction-table.recent-table table thead tr th:first-child svg {
    height: 16px;
    width: 16px;
  }
}
.transaction-table.recent-table table tbody tr td:last-child,
.transaction-table.recent-table table tbody tr th:last-child,
.transaction-table.recent-table table thead tr td:last-child,
.transaction-table.recent-table table thead tr th:last-child {
  padding-right: 20px;
}
.transaction-table.recent-table table tr td,
.transaction-table.recent-table table tr th {
  min-width: auto;
}
.transaction-table.recent-table table tr td:first-child,
.transaction-table.recent-table table tr th:first-child {
  min-width: unset;
}
@media (max-width: 1458px) {
  .transaction-table.recent-table table tr td:first-child,
  .transaction-table.recent-table table tr th:first-child {
    min-width: 114px;
  }
}
.transaction-table.recent-table table tr td:last-child,
.transaction-table.recent-table table tr th:last-child {
  min-width: 60px;
  text-align: right;
}
.transaction-table.recent-table table tr:last-child td {
  border: unset;
  padding-bottom: 0;
}
.transaction-table.recent-table table td,
.transaction-table.recent-table table tr {
  border-style: dashed;
}
.custom-tab {
  background: var(--light2);
  border-radius: 5px;
  padding: 4px;
}
.custom-tab.nav-tabs {
  border: none;
}
.custom-tab.nav-tabs .nav-link {
  border: none;
  color: var(--chart-text-color);
  padding: 6px 12px;
}
.custom-tab.nav-tabs .nav-link.active {
  color: var(--theme-default);
}
.market-chart-container {
  margin: -24px 0 -24px -15px;
}
[dir="rtl"] .market-chart-container {
  margin: -24px -15px -24px 0;
}
@media (max-width: 575px) {
  .market-chart-container {
    margin-bottom: 0;
  }
}
.market-card .balance-card {
  padding: 10px;
}
@media (max-width: 575px) {
  .market-card .custom-tab {
    display: none;
  }
}
.currency-icon {
  align-items: center;
  background-color: var(--light2);
  border-radius: 4px;
  display: flex;
  height: 34px;
  justify-content: center;
  width: 34px;
}
.currency-icon.warning svg {
  fill: #ffb829;
}
.currency-icon.success svg {
  fill: #65c15c;
}
.currency-icon.primary svg {
  fill: #7366ff;
}
.currency-icon.secondary svg {
  fill: #838383;
}
.currency-icon.dark-green svg {
  fill: #1ba27a;
}
.currency-icon.light-blue svg {
  fill: #038de7;
}
.recent-table tr:hover td:first-child h6 {
  color: var(--theme-default);
}
.recent-table tr:hover .border-icon .social-circle {
  transform: scale(1.02);
  transition: 0.5s;
}
.recent-table tr:hover .currency-icon svg {
  animation: tada 1.5s ease infinite;
}
.recent-table tr:hover .badge-light-primary {
  background-color: var(--theme-default);
  color: #fff;
}
.currency-table.recent-table table .change-currency svg {
  height: 16px;
  vertical-align: sub;
  width: 16px;
}
.currency-table.recent-table table tbody tr td,
.currency-table.recent-table table tbody tr th,
.currency-table.recent-table table thead tr td,
.currency-table.recent-table table thead tr th {
  color: var(--body-font-color);
  min-width: auto;
}
.currency-table.recent-table table tbody tr td:first-child,
.currency-table.recent-table table tbody tr th:first-child,
.currency-table.recent-table table thead tr td:first-child,
.currency-table.recent-table table thead tr th:first-child {
  padding-left: 20px;
}
.currency-table.recent-table table tbody tr td:last-child,
.currency-table.recent-table table tbody tr th:last-child,
.currency-table.recent-table table thead tr td:last-child,
.currency-table.recent-table table thead tr th:last-child {
  padding-right: 20px;
}
.currency-table.recent-table table tbody tr td:nth-child(2),
.currency-table.recent-table table tbody tr td:nth-child(3),
.currency-table.recent-table table tbody tr th:nth-child(2),
.currency-table.recent-table table tbody tr th:nth-child(3),
.currency-table.recent-table table thead tr td:nth-child(2),
.currency-table.recent-table table thead tr td:nth-child(3),
.currency-table.recent-table table thead tr th:nth-child(2),
.currency-table.recent-table table thead tr th:nth-child(3) {
  min-width: 87px;
}
.currency-table.recent-table table tbody tr td:nth-child(4),
.currency-table.recent-table table tbody tr th:nth-child(4),
.currency-table.recent-table table thead tr td:nth-child(4),
.currency-table.recent-table table thead tr th:nth-child(4) {
  min-width: 98px;
}
.currency-table.recent-table table tbody tr td:nth-child(5),
.currency-table.recent-table table tbody tr th:nth-child(5),
.currency-table.recent-table table thead tr td:nth-child(5),
.currency-table.recent-table table thead tr th:nth-child(5) {
  min-width: 100px;
}
.currency-table.recent-table table tbody thead tr th,
.currency-table.recent-table table thead thead tr th {
  color: #52526c;
}
@media (max-width: 1275px) and (min-width: 1200px) {
  .currency-table.recent-table.average-sale.table-responsive
    div.dt-container
    .dt-layout-row
    .dt-layout-cell
    .dt-search {
    display: none;
  }
}
@media (max-width: 1199px) {
  .currency-table.recent-table.average-sale.table-responsive
    div.dt-container
    .dt-layout-row
    .dt-layout-cell
    .dt-search {
    left: 20px;
    margin-bottom: 20px;
    position: relative;
    top: 4px;
  }
}
@media (max-width: 1622px) {
  .currency-table.recent-table.average-sale.table-responsive
    div.dt-container
    .dt-layout-row:last-child {
    flex-direction: column;
  }
}
.currency-table.recent-table.average-sale.table-responsive tbody tr td,
.currency-table.recent-table.average-sale.table-responsive tbody tr th,
.currency-table.recent-table.average-sale.table-responsive thead tr td,
.currency-table.recent-table.average-sale.table-responsive thead tr th {
  color: var(--body-font-color);
  min-width: auto;
}
.currency-table.recent-table.average-sale.table-responsive
  tbody
  tr
  td:first-child,
.currency-table.recent-table.average-sale.table-responsive
  tbody
  tr
  th:first-child,
.currency-table.recent-table.average-sale.table-responsive
  thead
  tr
  td:first-child,
.currency-table.recent-table.average-sale.table-responsive
  thead
  tr
  th:first-child {
  padding-left: 20px;
}
.currency-table.recent-table.average-sale.table-responsive
  tbody
  tr
  td:last-child,
.currency-table.recent-table.average-sale.table-responsive
  tbody
  tr
  th:last-child,
.currency-table.recent-table.average-sale.table-responsive
  thead
  tr
  td:last-child,
.currency-table.recent-table.average-sale.table-responsive
  thead
  tr
  th:last-child {
  padding-right: 20px;
}
@media (max-width: 1316px) and (min-width: 1200px) {
  .currency-table.recent-table.average-sale.table-responsive
    tbody
    tr
    td:last-child,
  .currency-table.recent-table.average-sale.table-responsive
    tbody
    tr
    th:last-child,
  .currency-table.recent-table.average-sale.table-responsive
    thead
    tr
    td:last-child,
  .currency-table.recent-table.average-sale.table-responsive
    thead
    tr
    th:last-child {
    display: none;
  }
}
@media (max-width: 1199px) {
  .currency-table.recent-table.average-sale.table-responsive
    tbody
    tr
    td:last-child,
  .currency-table.recent-table.average-sale.table-responsive
    tbody
    tr
    th:last-child,
  .currency-table.recent-table.average-sale.table-responsive
    thead
    tr
    td:last-child,
  .currency-table.recent-table.average-sale.table-responsive
    thead
    tr
    th:last-child {
    min-width: 147px;
  }
}
@media (max-width: 1316px) and (min-width: 768px) {
  .currency-table.recent-table.average-sale.table-responsive
    tbody
    tr
    td:nth-child(3),
  .currency-table.recent-table.average-sale.table-responsive
    tbody
    tr
    th:nth-child(3),
  .currency-table.recent-table.average-sale.table-responsive
    thead
    tr
    td:nth-child(3),
  .currency-table.recent-table.average-sale.table-responsive
    thead
    tr
    th:nth-child(3) {
    padding-right: 20px;
  }
}
@media (max-width: 1465px) and (min-width: 768px) {
  .currency-table.recent-table.average-sale.table-responsive
    tbody
    tr
    td:nth-child(4),
  .currency-table.recent-table.average-sale.table-responsive
    tbody
    tr
    th:nth-child(4),
  .currency-table.recent-table.average-sale.table-responsive
    thead
    tr
    td:nth-child(4),
  .currency-table.recent-table.average-sale.table-responsive
    thead
    tr
    th:nth-child(4) {
    display: none;
  }
}
@media (max-width: 767px) {
  .currency-table.recent-table.average-sale.table-responsive
    tbody
    tr
    td:nth-child(2),
  .currency-table.recent-table.average-sale.table-responsive
    tbody
    tr
    td:nth-child(3),
  .currency-table.recent-table.average-sale.table-responsive
    tbody
    tr
    td:nth-child(4),
  .currency-table.recent-table.average-sale.table-responsive
    tbody
    tr
    th:nth-child(2),
  .currency-table.recent-table.average-sale.table-responsive
    tbody
    tr
    th:nth-child(3),
  .currency-table.recent-table.average-sale.table-responsive
    tbody
    tr
    th:nth-child(4),
  .currency-table.recent-table.average-sale.table-responsive
    thead
    tr
    td:nth-child(2),
  .currency-table.recent-table.average-sale.table-responsive
    thead
    tr
    td:nth-child(3),
  .currency-table.recent-table.average-sale.table-responsive
    thead
    tr
    td:nth-child(4),
  .currency-table.recent-table.average-sale.table-responsive
    thead
    tr
    th:nth-child(2),
  .currency-table.recent-table.average-sale.table-responsive
    thead
    tr
    th:nth-child(3),
  .currency-table.recent-table.average-sale.table-responsive
    thead
    tr
    th:nth-child(4) {
    min-width: 85px;
  }
}
.currency-table.recent-table.average-sale.table-responsive tbody tr td a,
.currency-table.recent-table.average-sale.table-responsive tbody tr th a,
.currency-table.recent-table.average-sale.table-responsive thead tr td a,
.currency-table.recent-table.average-sale.table-responsive thead tr th a {
  color: var(--body-font-color);
}
.currency-table.recent-table.average-sale.table-responsive
  tbody
  tr
  td
  .currency-icon
  svg,
.currency-table.recent-table.average-sale.table-responsive
  tbody
  tr
  th
  .currency-icon
  svg,
.currency-table.recent-table.average-sale.table-responsive
  thead
  tr
  td
  .currency-icon
  svg,
.currency-table.recent-table.average-sale.table-responsive
  thead
  tr
  th
  .currency-icon
  svg {
  fill: var(--white);
}
@media (max-width: 1199px) {
  .currency-table.recent-table.performer-table.table-responsive
    div.dt-container
    .dt-layout-row
    .dt-layout-cell
    .dt-search {
    left: 20px;
    margin-bottom: 20px;
    position: relative;
    top: 4px;
  }
}
@media (max-width: 1622px) {
  .currency-table.recent-table.performer-table.table-responsive
    div.dt-container
    .dt-layout-row:last-child {
    flex-direction: column;
  }
}
.currency-table.recent-table.performer-table.table-responsive tbody tr td,
.currency-table.recent-table.performer-table.table-responsive tbody tr th,
.currency-table.recent-table.performer-table.table-responsive thead tr td,
.currency-table.recent-table.performer-table.table-responsive thead tr th {
  color: var(--body-font-color);
  min-width: auto;
}
.currency-table.recent-table.performer-table.table-responsive
  tbody
  tr
  td:first-child,
.currency-table.recent-table.performer-table.table-responsive
  tbody
  tr
  th:first-child,
.currency-table.recent-table.performer-table.table-responsive
  thead
  tr
  td:first-child,
.currency-table.recent-table.performer-table.table-responsive
  thead
  tr
  th:first-child {
  padding-left: 20px;
}
.currency-table.recent-table.performer-table.table-responsive
  tbody
  tr
  td:last-child,
.currency-table.recent-table.performer-table.table-responsive
  tbody
  tr
  th:last-child,
.currency-table.recent-table.performer-table.table-responsive
  thead
  tr
  td:last-child,
.currency-table.recent-table.performer-table.table-responsive
  thead
  tr
  th:last-child {
  padding-right: 20px;
}
@media (max-width: 1696px) and (min-width: 1200px) {
  .currency-table.recent-table.performer-table.table-responsive
    tbody
    tr
    td:last-child,
  .currency-table.recent-table.performer-table.table-responsive
    tbody
    tr
    th:last-child,
  .currency-table.recent-table.performer-table.table-responsive
    thead
    tr
    td:last-child,
  .currency-table.recent-table.performer-table.table-responsive
    thead
    tr
    th:last-child {
    display: none;
  }
}
@media (max-width: 1199px) {
  .currency-table.recent-table.performer-table.table-responsive
    tbody
    tr
    td:nth-child(2),
  .currency-table.recent-table.performer-table.table-responsive
    tbody
    tr
    th:nth-child(2),
  .currency-table.recent-table.performer-table.table-responsive
    thead
    tr
    td:nth-child(2),
  .currency-table.recent-table.performer-table.table-responsive
    thead
    tr
    th:nth-child(2) {
    min-width: 128px;
  }
  .currency-table.recent-table.performer-table.table-responsive
    tbody
    tr
    td:last-child,
  .currency-table.recent-table.performer-table.table-responsive
    tbody
    tr
    th:last-child,
  .currency-table.recent-table.performer-table.table-responsive
    thead
    tr
    td:last-child,
  .currency-table.recent-table.performer-table.table-responsive
    thead
    tr
    th:last-child {
    min-width: 108px;
  }
}
@media (max-width: 1303px) and (min-width: 768px) {
  .currency-table.recent-table.performer-table.table-responsive
    tbody
    tr
    td:nth-child(3),
  .currency-table.recent-table.performer-table.table-responsive
    tbody
    tr
    th:nth-child(3),
  .currency-table.recent-table.performer-table.table-responsive
    thead
    tr
    td:nth-child(3),
  .currency-table.recent-table.performer-table.table-responsive
    thead
    tr
    th:nth-child(3) {
    display: none;
  }
}
@media (max-width: 1696px) and (min-width: 1200px) {
  .currency-table.recent-table.performer-table.table-responsive
    tbody
    tr
    td:nth-child(5),
  .currency-table.recent-table.performer-table.table-responsive
    tbody
    tr
    th:nth-child(5),
  .currency-table.recent-table.performer-table.table-responsive
    thead
    tr
    td:nth-child(5),
  .currency-table.recent-table.performer-table.table-responsive
    thead
    tr
    th:nth-child(5) {
    padding-right: 20px;
  }
}
@media (max-width: 1470px) and (min-width: 1200px) {
  .currency-table.recent-table.performer-table.table-responsive
    tbody
    tr
    td:nth-child(4),
  .currency-table.recent-table.performer-table.table-responsive
    tbody
    tr
    th:nth-child(4),
  .currency-table.recent-table.performer-table.table-responsive
    thead
    tr
    td:nth-child(4),
  .currency-table.recent-table.performer-table.table-responsive
    thead
    tr
    th:nth-child(4) {
    display: none;
  }
}
@media (max-width: 1199px) {
  .currency-table.recent-table.performer-table.table-responsive
    tbody
    tr:nth-child(2),
  .currency-table.recent-table.performer-table.table-responsive
    thead
    tr:nth-child(2) {
    min-width: 137px;
  }
  .currency-table.recent-table.performer-table.table-responsive
    tbody
    tr:nth-child(5),
  .currency-table.recent-table.performer-table.table-responsive
    thead
    tr:nth-child(5) {
    min-width: 98px;
  }
  .currency-table.recent-table.performer-table.table-responsive
    tbody
    tr:last-child,
  .currency-table.recent-table.performer-table.table-responsive
    thead
    tr:last-child {
    min-width: 126px;
  }
}
.currency-table.recent-table.performer-table.table-responsive tbody tr a,
.currency-table.recent-table.performer-table.table-responsive thead tr a {
  color: var(--body-font-color);
}
.currency-table.recent-table.performer-table.table-responsive tbody tr svg,
.currency-table.recent-table.performer-table.table-responsive thead tr svg {
  fill: var(--white);
}
select.crypto-select {
  background-position: right 0.25rem center;
  background-size: 8px;
  border: none;
  font-size: 12px;
  font-weight: 500;
  padding: 8px;
  position: absolute;
  right: 7px;
  top: 50%;
  transform: translateY(-50%);
  width: 62px;
}
[dir="rtl"] select.crypto-select {
  left: 7px;
  right: unset;
}
select.crypto-select.warning {
  background-color: rgba(255, 184, 41, 0.1) !important;
  color: #ffb829 !important;
}
select.crypto-select.primary {
  background-color: rgba(115, 102, 255, 0.1) !important;
  color: #7366ff !important;
}
.crypto-form div select.form-select {
  border: unset;
}
.crypto-form input::-webkit-inner-spin-button,
.crypto-form input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.crypto-form input[type="number"] {
  -moz-appearance: textfield;
}
.balance-box {
  background-image: url(images/bg-balance.png);
  background-position: 100%;
  background-size: cover;
  text-align: center;
}
.balance-box .balance-img {
  border-bottom: 2px solid #65c15c;
  border-left: 2px solid #65c15c;
  border-radius: 100%;
  border-right: 2px solid var(--chart-border);
  border-top: 2px solid var(--chart-border);
  display: inline-block;
  margin-bottom: 15px;
  padding: 5px;
  position: relative;
}
.balance-box .balance-img img {
  background-color: var(--balance-profile-bg);
  border-radius: 100%;
}
.balance-box .balance-img .edit-icon {
  align-items: center;
  background-color: #dfdff4;
  border: 2px solid var(--white);
  border-radius: 100%;
  bottom: 0;
  display: flex;
  height: 26px;
  justify-content: center;
  position: absolute;
  right: 0;
  width: 26px;
}
.balance-box .balance-img .edit-icon svg {
  height: 11px;
  width: 11px;
  fill: #7366ff;
}
.balance-profile ul {
  display: flex;
  gap: 50px;
  justify-content: center;
  margin-top: 16px;
}
@media (max-width: 1660px) {
  .balance-profile ul {
    gap: 25px;
  }
}
.balance-profile ul li {
  position: relative;
}
.balance-profile ul li + li:before {
  border: 1px dashed var(--recent-dashed-border);
  content: "";
  height: 40px;
  left: -25px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
[dir="rtl"] .balance-profile ul li + li:before {
  left: unset;
  right: -25px;
}
@media (max-width: 1660px) {
  .balance-profile ul li + li:before {
    left: -16px;
  }
  [dir="rtl"] .balance-profile ul li + li:before {
    right: -16px;
  }
}
@media (max-width: 1399px) {
  .activity-card .appointment-table {
    height: 180px;
  }
}
@media (max-width: 575px) {
  .activity-card .appointment-table {
    height: unset;
  }
}
.activity-card .appointment-table tr td:nth-child(2) {
  min-width: 99px;
}
.balance-item {
  display: flex;
  gap: 10px;
}
.balance-item .balance-icon-wrap {
  align-items: center;
  border-radius: 10px;
  display: flex;
  height: 40px;
  justify-content: center;
  min-width: 40px;
  width: 40px;
}
@media (max-width: 1660px) {
  .balance-item .balance-icon-wrap {
    border-radius: 8px;
    height: 25px;
    min-width: 25px;
    width: 25px;
  }
}
.balance-item .balance-icon-wrap .balance-icon {
  border-radius: 100%;
  height: 16px;
  width: 16px;
}
@media (max-width: 1660px) {
  .balance-item .balance-icon-wrap .balance-icon {
    height: 14px;
    width: 14px;
  }
}
.balance-item .balance-icon-wrap .balance-icon svg {
  color: #fff;
  height: 14px;
  width: 14px;
}
@media (max-width: 1660px) {
  .balance-item .balance-icon-wrap .balance-icon svg {
    height: 12px;
    vertical-align: 2px;
    width: 12px;
  }
}
.balance-item .badge {
  padding: 8px 10px;
}
.balance-item.danger .balance-icon-wrap {
  background-color: rgba(252, 86, 74, 0.1);
}
.balance-item.danger .balance-icon-wrap .balance-icon {
  background-color: #fc564a;
}
.balance-item.success .balance-icon-wrap {
  background-color: rgba(101, 193, 92, 0.1);
}
.balance-item.success .balance-icon-wrap .balance-icon {
  background-color: #65c15c;
}
.portfolio-chart-container {
  margin-top: -56px;
}
@media (max-width: 1399px) {
  .portfolio-chart-container {
    margin-top: -20px;
  }
}
.portfolio-table .status {
  border-radius: 100%;
  display: inline-block;
  height: 6px;
  width: 6px;
}
.portfolio-table table td,
.portfolio-table table tr {
  border-style: dashed;
}
@media (max-width: 1755px) {
  .portfolio-table table tr td:first-child,
  .portfolio-table table tr th:first-child {
    min-width: 100px;
  }
  .portfolio-table table tr td:last-child,
  .portfolio-table table tr th:last-child {
    min-width: 88px;
  }
}
.portfolio-table table tr:last-child td {
  border: unset;
  padding-bottom: 0;
}
.social-widget .card-body {
  padding: 15px;
}
@media (max-width: 1699px) and (min-width: 1500px) {
  .social-widget .card-body span[class*="font-"] {
    display: none !important;
  }
}
.social-widget .social-icons {
  align-items: center;
  background: var(--white);
  border-radius: 10px;
  box-shadow: 0 42.1092px 27.8569px rgba(41, 72, 152, 0.03),
    0 8.90772px 7.12618px rgba(41, 72, 152, 0.02),
    0 2.02448px 3.44162px rgba(41, 72, 152, 0.012);
  display: flex;
  height: calc(37px + 0.9375vw);
  justify-content: center;
  min-width: calc(37px + 0.9375vw);
}
.social-widget .social-icons img {
  height: calc(17px + 0.9375vw);
}
.social-widget .social-content {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.social-widget .social-content .social-chart {
  margin: -34px -42px -13px;
  width: 150px;
}
.social-widget
  .social-content
  .social-chart
  .apexcharts-canvas
  .apexcharts-datalabels-group
  .apexcharts-datalabel-label {
  display: none;
}
@keyframes wave-speaker {
  0% {
    transform: translateX(5px);
  }
  50% {
    transform: translateX(0);
  }
  to {
    transform: translateX(5px);
  }
}
.mobile-app-card {
  background-image: url(images/profile-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.mobile-app-card.social-empower .card-header {
  width: 100%;
}
@media (max-width: 1537px) and (min-width: 1400px) {
  .mobile-app-card.social-empower .card-header h6 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.mobile-app-card .card-header {
  background: transparent;
  padding: 20px;
  width: 68%;
}
@media (max-width: 1693px) {
  .mobile-app-card .card-header {
    width: 75%;
  }
}
@media (max-width: 1316px) {
  .mobile-app-card .card-header {
    width: 86%;
  }
}
@media (max-width: 991px) {
  .mobile-app-card .card-header {
    width: 64%;
  }
}
@media (max-width: 350px) {
  .mobile-app-card .card-header {
    width: 75%;
  }
}
.mobile-app-card .card-body {
  margin-top: -20px;
}
@media (max-width: 1693px) and (min-width: 1353px) {
  .mobile-app-card .card-body {
    margin-top: 10px;
  }
}
@media (max-width: 1352px) and (min-width: 1500px) {
  .mobile-app-card .card-body {
    margin-top: 70px;
  }
}
@media (max-width: 1499px) and (min-width: 1409px) {
  .mobile-app-card .card-body {
    margin-top: 45px;
  }
}
@media (max-width: 1408px) and (min-width: 1353px) {
  .mobile-app-card .card-body {
    margin-top: 22px;
  }
}
@media (max-width: 1352px) and (min-width: 1213px) {
  .mobile-app-card .card-body {
    margin-top: 45px;
  }
}
@media (max-width: 1212px) and (min-width: 1200px) {
  .mobile-app-card .card-body {
    margin-top: 25px;
  }
}
@media (max-width: 1199px) and (min-width: 992px) {
  .mobile-app-card .card-body {
    margin-top: 26px;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  .mobile-app-card .card-body {
    margin-top: 20px;
  }
}
@media (max-width: 767px) and (min-width: 461px) {
  .mobile-app-card .card-body {
    margin-top: -90px;
  }
}
@media (max-width: 460px) {
  .mobile-app-card .card-body {
    margin-top: -30px;
  }
}
.mobile-app-card .card-body .wavy {
  animation: wave-speaker 2s ease infinite;
  margin-right: -78px;
  margin-top: -50px;
  width: 50px;
}
@media (max-width: 1693px) and (min-width: 768px) {
  .mobile-app-card .card-body .wavy {
    margin-right: -70px;
    margin-top: -50px;
    width: 45px;
  }
}
@media (max-width: 1499px) and (min-width: 768px) {
  .mobile-app-card .card-body .wavy {
    margin-right: -58px;
    margin-top: -36px;
    width: 32px;
  }
}
@media (max-width: 460px) {
  .mobile-app-card .card-body .wavy {
    margin-right: -50px;
    margin-top: -35px;
    width: 30px;
  }
}
.mobile-app-card .card-body img:not(.wavy) {
  height: 158px;
}
@media (max-width: 1693px) and (min-width: 1500px) {
  .mobile-app-card .card-body img:not(.wavy) {
    height: 154px;
  }
}
@media (max-width: 1499px) and (min-width: 1200px) {
  .mobile-app-card .card-body img:not(.wavy) {
    height: 120px;
  }
}
@media (max-width: 1199px) and (min-width: 768px) {
  .mobile-app-card .card-body img:not(.wavy) {
    height: 116px;
  }
}
@media (max-width: 460px) {
  .mobile-app-card .card-body img:not(.wavy) {
    height: 108px;
  }
}
.mobile-app-card .purchase-btn {
  min-width: unset;
  padding: 10px 25px;
}
@media (max-width: 575px) {
  .mobile-app-card .purchase-btn {
    padding: 8px 16px;
  }
}
.subscriber-chart-container {
  margin: -22px -10px -24px;
}
@media (max-width: 1399px) and (min-width: 1200px) {
  .subscriber-chart-container {
    margin: -22px -10px -45px;
  }
}
@media (max-width: 488px) {
  .subscriber-chart-container {
    margin: -22px -10px -45px;
  }
}
.click-widgets .card-body {
  padding: 28px 15px;
}
.click-widgets .click-chart {
  margin: -50px 0 -70px -20px;
}
@media (max-width: 1693px) {
  .follower-wrap .card-body,
  .follower-wrap .card-header {
    padding: 22px;
  }
}
.follower-wrap .card-header {
  padding-bottom: 20px;
}
.follower-wrap .papernote-wrap > span {
  margin-bottom: 20px;
}
@media (max-width: 1768px) {
  .follower-wrap .papernote-wrap > span {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.campaign-list {
  -moz-column-count: 2;
  column-count: 2;
  -moz-column-gap: 20px;
  column-gap: 20px;
  margin-bottom: 14px;
}
.campaign-list li {
  position: relative;
}
.campaign-list li + li:before {
  background-color: var(--chart-text-color);
  content: "";
  height: 20px;
  left: -10px;
  opacity: 0.6;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
}
[dir="rtl"] .campaign-list li + li:before {
  left: unset;
  right: -10px;
}
.campaign-list .campaign-box {
  background: linear-gradient(
    180deg,
    var(--course-light-btn) 0,
    rgba(242, 243, 247, 0) 100%
  );
  border-radius: 5px;
  padding: 6px 10px;
}
.social-circle {
  align-items: center;
  border-radius: 100%;
  border-style: solid;
  border-width: 1px;
  display: flex;
  height: 34px;
  justify-content: center;
  transition: 0.5s;
  width: 34px;
}
.campaign-table.recent-table table tr td:first-child,
.campaign-table.recent-table table tr th:first-child {
  padding-left: 20px;
}
.campaign-table.recent-table table tr td:last-child,
.campaign-table.recent-table table tr th:last-child {
  padding-right: 20px;
}
@media (max-width: 1399px) and (min-width: 1200px) {
  .campaign-table.recent-table table tr td:nth-child(3),
  .campaign-table.recent-table table tr td:nth-child(6),
  .campaign-table.recent-table table tr th:nth-child(3),
  .campaign-table.recent-table table tr th:nth-child(6) {
    display: none;
  }
}
@media (max-width: 1260px) and (min-width: 1200px) {
  .campaign-table.recent-table table tr td:last-child,
  .campaign-table.recent-table table tr th:last-child {
    display: none;
  }
  .campaign-table.recent-table table tr td:nth-child(5),
  .campaign-table.recent-table table tr th:nth-child(5) {
    padding-right: 20px;
  }
}
.campaign-table.recent-table table tr:hover td:nth-child(2) {
  color: var(--theme-default);
}
.campaign-table .border-icon > div {
  border-left: 2px solid #2f84f4;
  padding-left: 15px;
}
[dir="rtl"] .campaign-table .border-icon > div {
  padding-left: unset;
  padding-right: 15px;
}
.campaign-table .facebook > div {
  border-left: 2px solid #2f84f4;
}
[dir="rtl"] .campaign-table .facebook > div {
  border-left: unset;
  border-right: 2px solid #2f84f4;
}
.campaign-table .facebook .social-circle {
  background-color: rgba(47, 132, 244, 0.1);
  border-color: #2f84f4;
  color: #2f84f4;
}
.campaign-table .instagram > div {
  border-left: 2px solid #fc971e;
}
[dir="rtl"] .campaign-table .instagram > div {
  border-left: unset;
  border-right: 2px solid #fc971e;
}
.campaign-table .instagram .social-circle {
  background-color: rgba(252, 151, 30, 0.1);
  border-color: #fc971e;
  color: #fc971e;
}
.campaign-table .pinterest > div {
  border-left: 2px solid #ff3364;
}
[dir="rtl"] .campaign-table .pinterest > div {
  border-left: unset;
  border-right: 2px solid #ff3364;
}
.campaign-table .pinterest .social-circle {
  background-color: rgba(255, 51, 100, 0.1);
  border-color: #ff3364;
  color: #ff3364;
}
.campaign-table .plus-btn {
  background-color: transparent;
  border: 1px solid var(--body-font-color);
  border-radius: 5px;
  color: var(--body-font-color);
  width: 24px;
}
.campaign-table .plus-btn:hover {
  background-color: var(--body-font-color);
  color: var(--white);
}
.campaign-table .twitter > div {
  border-left: 2px solid #231915;
}
[dir="rtl"] .campaign-table .twitter > div {
  border-left: unset;
  border-right: 2px solid #231915;
}
.campaign-table .twitter .social-circle {
  background-color: rgba(35, 25, 21, 0.1);
  border-color: #231915;
  color: #231915;
}
.campaign-table .you-tube > div {
  border-left: 2px solid #f42f2f;
}
[dir="rtl"] .campaign-table .you-tube > div {
  border-left: unset;
  border-right: 2px solid #f42f2f;
}
.campaign-table .you-tube .social-circle {
  background-color: rgba(244, 47, 47, 0.1);
  border-color: #f42f2f;
  color: #f42f2f;
}
.campaign-table .linked-in > div {
  border-left: 2px solid #0073b1;
}
[dir="rtl"] .campaign-table .linked-in > div {
  border-left: unset;
  border-right: 2px solid #0073b1;
}
.campaign-table .linked-in .social-circle {
  background-color: rgba(0, 115, 177, 0.1);
  border-color: #0073b1;
  color: #0073b1;
}
.campaign-table .badge-light-light,
.campaign-table .badge-light-primary {
  border: unset;
  min-width: 110px;
}
.campaign-table tr td,
.campaign-table tr th {
  border-style: dashed;
}
@media (max-width: 1399px) {
  .campaign-table
    .recent-table.table-responsive
    div.dt-container
    .dt-layout-row:last-child {
    flex-direction: column;
  }
}
.campaign-table .recent-table.table-responsive table tbody tr td:first-child,
.campaign-table .recent-table.table-responsive table tbody tr th:first-child,
.campaign-table .recent-table.table-responsive table thead tr td:first-child,
.campaign-table .recent-table.table-responsive table thead tr th:first-child {
  min-width: 88px;
}
@media (max-width: 775px) {
  .campaign-table .recent-table.table-responsive table tbody tr td:first-child,
  .campaign-table .recent-table.table-responsive table tbody tr th:first-child,
  .campaign-table .recent-table.table-responsive table thead tr td:first-child,
  .campaign-table .recent-table.table-responsive table thead tr th:first-child {
    min-width: 116px;
  }
}
.campaign-table .recent-table.table-responsive table tbody tr td:nth-child(2),
.campaign-table .recent-table.table-responsive table tbody tr th:nth-child(2),
.campaign-table .recent-table.table-responsive table thead tr td:nth-child(2),
.campaign-table .recent-table.table-responsive table thead tr th:nth-child(2) {
  min-width: 80px;
}
.campaign-table .recent-table.table-responsive table tbody tr td:last-child,
.campaign-table .recent-table.table-responsive table tbody tr td:nth-child(3),
.campaign-table .recent-table.table-responsive table tbody tr th:last-child,
.campaign-table .recent-table.table-responsive table tbody tr th:nth-child(3),
.campaign-table .recent-table.table-responsive table thead tr td:last-child,
.campaign-table .recent-table.table-responsive table thead tr td:nth-child(3),
.campaign-table .recent-table.table-responsive table thead tr th:last-child,
.campaign-table .recent-table.table-responsive table thead tr th:nth-child(3) {
  min-width: 36px;
}
@media (max-width: 1566px) and (min-width: 1200px) {
  .campaign-table .recent-table.table-responsive table tbody tr td:nth-child(3),
  .campaign-table .recent-table.table-responsive table tbody tr th:nth-child(3),
  .campaign-table .recent-table.table-responsive table thead tr td:nth-child(3),
  .campaign-table
    .recent-table.table-responsive
    table
    thead
    tr
    th:nth-child(3) {
    display: none;
  }
}
@media (max-width: 1455px) and (min-width: 1200px) {
  .campaign-table .recent-table.table-responsive table tbody tr td:last-child,
  .campaign-table .recent-table.table-responsive table tbody tr th:last-child,
  .campaign-table .recent-table.table-responsive table thead tr td:last-child,
  .campaign-table .recent-table.table-responsive table thead tr th:last-child {
    display: none;
  }
  .campaign-table .recent-table.table-responsive table tbody tr td:nth-child(6),
  .campaign-table .recent-table.table-responsive table tbody tr th:nth-child(6),
  .campaign-table .recent-table.table-responsive table thead tr td:nth-child(6),
  .campaign-table
    .recent-table.table-responsive
    table
    thead
    tr
    th:nth-child(6) {
    padding-right: 20px;
  }
}
@media (max-width: 1399px) and (min-width: 1200px) {
  .campaign-table .recent-table.table-responsive table tbody tr td:nth-child(6),
  .campaign-table .recent-table.table-responsive table tbody tr th:nth-child(6),
  .campaign-table .recent-table.table-responsive table thead tr td:nth-child(6),
  .campaign-table
    .recent-table.table-responsive
    table
    thead
    tr
    th:nth-child(6) {
    display: none;
  }
  .campaign-table .recent-table.table-responsive table tbody tr td:nth-child(5),
  .campaign-table .recent-table.table-responsive table tbody tr th:nth-child(5),
  .campaign-table .recent-table.table-responsive table thead tr td:nth-child(5),
  .campaign-table
    .recent-table.table-responsive
    table
    thead
    tr
    th:nth-child(5) {
    padding-right: 20px;
  }
}
@media (max-width: 1255px) and (min-width: 1200px) {
  .campaign-table .recent-table.table-responsive table tbody tr td,
  .campaign-table .recent-table.table-responsive table tbody tr th,
  .campaign-table .recent-table.table-responsive table thead tr td,
  .campaign-table .recent-table.table-responsive table thead tr th {
    min-width: auto;
  }
}
@media (max-width: 1215px) and (min-width: 1200px) {
  .campaign-table .recent-table.table-responsive table tbody tr td:nth-child(4),
  .campaign-table .recent-table.table-responsive table tbody tr th:nth-child(4),
  .campaign-table .recent-table.table-responsive table thead tr td:nth-child(4),
  .campaign-table
    .recent-table.table-responsive
    table
    thead
    tr
    th:nth-child(4) {
    display: none;
  }
}
@media (max-width: 938px) {
  .analytics-data .balance-data {
    display: none;
  }
}
.photo-click-wrapper {
  margin: -12px -20px -20px 0;
}
@media (max-width: 413px) {
  .social-tabs .tab-content {
    margin-bottom: -45px;
  }
}
.social-tabs .nav {
  gap: 16px;
}
@media (max-width: 1210px) {
  .social-tabs .nav {
    gap: 10px;
  }
}
@media (max-width: 575px) {
  .social-tabs .nav {
    display: flex;
  }
}
.social-tabs .nav .social-box {
  align-items: center;
  border: 1px solid transparent;
  border-radius: 4px;
  display: flex;
  gap: 16px;
  justify-content: center;
  padding: 12px 16px;
  transition: all 0.4s ease;
}
@media (max-width: 1528px) {
  .social-tabs .nav .social-box {
    gap: 12px;
  }
}
.social-tabs .nav .social-box span {
  color: var(--body-font-color);
}
.social-tabs .nav .social-box .frame-image {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: center;
}
.social-tabs .nav .social-box .frame-image [class*="outline-10-"],
.social-tabs .nav .social-box .frame-image [class*="outline-20-"] {
  border-radius: 50%;
  outline-offset: 4px;
}
.social-tabs
  .nav
  .social-box
  .frame-image
  [class*="outline-10-"]
  [class*="bg-10-"],
.social-tabs
  .nav
  .social-box
  .frame-image
  [class*="outline-10-"]
  [class*="bg-20-"],
.social-tabs
  .nav
  .social-box
  .frame-image
  [class*="outline-20-"]
  [class*="bg-10-"],
.social-tabs
  .nav
  .social-box
  .frame-image
  [class*="outline-20-"]
  [class*="bg-20-"] {
  align-items: center;
  border-radius: 50%;
  display: flex;
  height: 32px;
  justify-content: center;
  width: 32px;
}
@media (max-width: 1528px) {
  .social-tabs
    .nav
    .social-box
    .frame-image
    [class*="outline-10-"]
    [class*="bg-10-"],
  .social-tabs
    .nav
    .social-box
    .frame-image
    [class*="outline-10-"]
    [class*="bg-20-"],
  .social-tabs
    .nav
    .social-box
    .frame-image
    [class*="outline-20-"]
    [class*="bg-10-"],
  .social-tabs
    .nav
    .social-box
    .frame-image
    [class*="outline-20-"]
    [class*="bg-20-"] {
    height: 28px;
    width: 28px;
  }
}
.social-tabs
  .nav
  .social-box
  .frame-image
  [class*="outline-10-"]
  [class*="fa-"]:not(.fa-youtube-play),
.social-tabs
  .nav
  .social-box
  .frame-image
  [class*="outline-20-"]
  [class*="fa-"]:not(.fa-youtube-play) {
  align-items: center;
  border-radius: 50%;
  display: flex;
  font-size: 10px;
  height: 18px;
  justify-content: center;
  width: 18px;
}
.social-tabs
  .nav
  .social-box
  .frame-image
  [class*="outline-10-"]
  .youtube-color,
.social-tabs
  .nav
  .social-box
  .frame-image
  [class*="outline-20-"]
  .youtube-color {
  color: #f42f2f;
}
.social-tabs
  .nav
  .social-box
  .frame-image
  [class*="outline-10-"]
  .instagram-color,
.social-tabs
  .nav
  .social-box
  .frame-image
  [class*="outline-20-"]
  .instagram-color {
  background: linear-gradient(
    45deg,
    #fee411 11.93%,
    #fedb16 15.61%,
    #fec125 21.74%,
    #fe983d 29.56%,
    #fe5f5e 38.66%,
    #fe2181 47.46%,
    #9000dc 82.98%
  );
}
.social-tabs .tab-content .tab-pane > div {
  margin-bottom: -20px;
}
.top-country .common-space {
  margin-bottom: 8px;
}
.top-country .common-space > div {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: center;
}
.top-country .common-space > div p {
  font-size: 16px;
}
@media (max-width: 1520px) {
  .top-country .common-space > div p {
    font-size: 15px;
  }
}
@media (max-width: 1460px) and (min-width: 768px) {
  .top-country .common-space span {
    display: none;
  }
}
.top-country img {
  border-radius: 50%;
  height: calc(22.6px + 0.75vw);
}
.top-country .progress {
  background: linear-gradient(0.501turn, #cfdce8 -32.82%, #fff 132.82%);
  height: 7px;
}
@media (max-width: 1791px) {
  .social-clicks
    .analytics-tread-card
    .card-header
    .common-align
    span:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media (max-width: 1499px) and (min-width: 1200px) {
  .social-clicks
    .analytics-tread-card
    .card-header
    .common-align
    span:nth-child(2) {
    display: none;
  }
}
.social-clicks i {
  font-size: 10px;
}
.follower-country #countryMap {
  height: 268px;
}
@media (max-width: 1821px) and (min-width: 1015px) {
  .follower-country #countryMap {
    height: 345px;
  }
}
@media (max-width: 1015px) and (min-width: 992px) {
  .follower-country #countryMap {
    height: 408px;
  }
}
@media (max-width: 991px) and (min-width: 926px) {
  .follower-country #countryMap {
    height: 345px;
  }
}
@media (max-width: 925px) and (min-width: 808px) {
  .follower-country #countryMap {
    height: 410px;
  }
}
@media (max-width: 807px) and (min-width: 768px) {
  .follower-country #countryMap {
    height: 400px;
  }
}
@media (max-width: 1499px) {
  .s-xxl-3 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
}
@media (max-width: 767px) {
  .s-xxl-3 {
    width: 50%;
  }
}
@media (max-width: 575px) {
  .s-xxl-3 {
    width: 100%;
  }
}
@media (max-width: 1199px) {
  .od-xl-1 {
    order: 1;
  }
  .od-xl-2 {
    order: 2;
  }
  .od-xl-3 {
    order: 3;
  }
  .od-xl-4 {
    order: 4;
  }
  .od-xl-5 {
    order: 5;
  }
  .od-xl-6 {
    order: 6;
  }
  .od-xl-7 {
    order: 7;
  }
  .od-xl-8 {
    order: 8;
  }
}
.trending-card {
  background: url(images/bg-1.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.trending-card .card-header {
  background: transparent;
}
.trending-card .activity-card .appointment-table table tr td:nth-child(2) {
  min-width: 90px;
}
.trending-card .activity-card .appointment-table table tr td:last-child {
  min-width: 95px;
}
@keyframes dot-animation {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.5) translateX(-10px);
  }
  to {
    transform: scale(1);
  }
}
@keyframes dot-animation1 {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.4) translateX(-10px);
  }
  to {
    transform: scale(1);
  }
}
.explore-card {
  background: url(images/bg-2.png);
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 575px) {
  .explore-card {
    background-blend-mode: overlay;
    background-color: hsla(0, 0%, 100%, 0.5);
  }
}
@media (max-width: 1199.98px) {
  .explore-card .row {
    width: 53%;
  }
  [dir="rtl"] .explore-card .row {
    margin-right: auto;
  }
}
@media (max-width: 991.98px) {
  .explore-card .row {
    width: 50%;
  }
}
@media (max-width: 767.98px) {
  .explore-card .row {
    width: 60%;
  }
}
@media (max-width: 575.98px) {
  .explore-card .row {
    width: 100%;
  }
}
[dir="rtl"] .explore-card .row .custom-rs-12 {
  margin-right: auto;
}
.explore-card .group-btn {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
@media (max-width: 1220px) {
  .explore-card .group-btn {
    gap: 8px;
  }
}
.explore-card .group-btn .btn {
  padding-bottom: 0.6rem;
  padding-top: 0.6rem;
}
@media (max-width: 575.98px) {
  .explore-card .group-btn .btn {
    padding-bottom: 6px;
    padding-top: 6px;
  }
}
@media (max-width: 1199.98px) {
  .explore-card .decore {
    display: none;
  }
}
.explore-card .decore li {
  position: absolute;
}
.explore-card .decore .dot-gradient {
  background: linear-gradient(#e3e3ef, rgba(115, 102, 255, 0.3));
  border-radius: 100%;
  height: 22px;
  width: 22px;
}
.explore-card .decore .dot-gradient.dot-1 {
  animation: dot-animation 5s ease infinite;
  right: -18px;
  top: 0;
}
@media (max-width: 1660px) {
  .explore-card .decore .dot-gradient.dot-1 {
    right: 45px;
    top: 24px;
  }
}
@media (max-width: 1365px) {
  .explore-card .decore .dot-gradient.dot-1 {
    right: 28px;
  }
}
@media (max-width: 1354px) {
  .explore-card .decore .dot-gradient.dot-1 {
    top: 40px;
  }
}
.explore-card .decore .dot-gradient.dot-2 {
  animation: dot-animation1 5s ease infinite;
  height: 12px;
  right: -40%;
  top: 19%;
  width: 12px;
}
@media (max-width: 1660px) and (min-width: 1516px) {
  .explore-card .decore .dot-gradient.dot-2 {
    right: 22%;
    top: 60%;
  }
}
@media (max-width: 1515px) {
  .explore-card .decore .dot-gradient.dot-2 {
    right: 20%;
    top: 66%;
  }
}
@media (max-width: 1231px) {
  .explore-card .decore .dot-gradient.dot-2 {
    right: 0;
  }
}
.total-balance {
  background: url(images/bg-3.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.total-balance .btn {
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}
.total-balance .card-header {
  background: transparent;
}
.total-balance .card-header p {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 226px;
  -webkit-line-clamp: 1;
  display: -webkit-box;
}
.total-balance .card-body .common-f-start {
  gap: 22px;
  margin-bottom: 8px;
}
@media (max-width: 1380px) {
  .total-balance .card-body .common-f-start {
    margin-bottom: 22px;
  }
}
.total-balance .card-body .common-f-start .d-flex:nth-of-type(2) {
  border-left: 1px solid var(--recent-dashed-border);
  padding-left: 22px;
}
.total-balance .card-body .common-f-start [class*="bg-light-"] {
  border-radius: 50%;
  display: grid;
  height: 24px;
  place-items: center;
  width: 24px;
}
.total-balance .card-body .common-f-start [class*="bg-light-"] i {
  font-size: 12px;
  transform: rotate(45deg);
}
.income-chart-wrapper {
  margin-bottom: -10px;
}
.income-chart-wrapper
  .apexcharts-tooltip.apexcharts-theme-light
  .apexcharts-tooltip-goals-groupm,
.income-chart-wrapper
  .apexcharts-tooltip.apexcharts-theme-light
  .apexcharts-tooltip-title,
.income-chart-wrapper
  .apexcharts-tooltip.apexcharts-theme-light
  .apexcharts-tooltip-z-group {
  display: none;
}
.income-chart-wrapper
  .apexcharts-tooltip.apexcharts-theme-light
  .apexcharts-tooltip-series-group.apexcharts-active,
.income-chart-wrapper
  .apexcharts-tooltip.apexcharts-theme-light
  .apexcharts-tooltip-series-group:last-child {
  padding-bottom: 0;
}
.sale-status-table .table > :not(:last-child) > :last-child > * {
  border-bottom: none !important;
}
.sale-status-table table {
  border-collapse: separate;
  border-spacing: 0 10px;
}
.sale-status-table table td,
.sale-status-table table th,
.sale-status-table table tr {
  border: none;
}
.sale-status-table table thead th {
  padding-bottom: 0;
}
.sale-status-table table tbody tr {
  border-radius: 5px;
  box-shadow: 0 6px 10px rgba(70, 60, 175, 0.05);
}
.sale-status-table table tbody tr td a {
  color: var(--body-font-color);
  display: block;
  font-weight: 500;
}
@media (max-width: 1660px) and (min-width: 1400px) {
  .sale-status-table table td:last-child,
  .sale-status-table table th:last-child {
    display: none;
  }
}
@media (max-width: 575px) {
  .sale-status-table table td:last-child,
  .sale-status-table table th:last-child {
    display: none;
  }
}
@media (max-width: 1660px) and (min-width: 1400px) {
  .sale-status-table table td:nth-child(2),
  .sale-status-table table th:nth-child(2) {
    max-width: 50px;
    padding: 0 8px;
  }
}
.arrow-round .swiper-button-next,
.arrow-round .swiper-button-prev {
  background: var(--white);
  border-radius: 30px;
  box-shadow: 0 4px 3px rgba(115, 102, 255, 0.1);
  height: 21px;
  top: 42px;
  width: 29px;
  z-index: 1;
}
.arrow-round .swiper-button-next:after,
.arrow-round .swiper-button-prev:after {
  color: var(--theme-default);
  font-size: 10px;
}
@media (max-width: 991px) {
  .arrow-round .swiper-button-next,
  .arrow-round .swiper-button-prev {
    top: 42px;
  }
}
.arrow-round .swiper-button-next {
  right: 30px;
}
[dir="rtl"] .arrow-round .swiper-button-next {
  left: 30px;
  right: unset;
}
.arrow-round .swiper-button-prev {
  left: unset;
  right: 70px;
}
[dir="rtl"] .arrow-round .swiper-button-prev {
  left: 70px;
  right: unset;
}
.product-card .product-image > img {
  border-radius: 4px;
  height: 6.875rem;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.product-card .product-image .author-img {
  display: block;
  margin-right: 6px;
  margin-top: -20px;
  text-align: right;
}
.product-card .product-nft-content {
  margin-top: 5px;
}
.product-card .product-nft-content ul {
  display: flex;
  justify-content: space-between;
}
.product-card .product-nft-content ul li {
  width: 100%;
}
.product-card .product-nft-content ul li + li {
  border-left: 1px dashed var(--recent-dashed-border);
  text-align: right;
}
.product-card .product-nft-content .btn {
  padding: 0.5rem 0;
}
.artist-chart-wrap > div {
  margin-left: -15px;
  margin-right: -10px;
}
.artist-chart-wrap .apexcharts-tooltip .apexcharts-tooltip-goals-group,
.artist-chart-wrap .apexcharts-tooltip .apexcharts-tooltip-text-y-label,
.artist-chart-wrap .apexcharts-tooltip .apexcharts-tooltip-z-group {
  display: none;
}
.artist-chart-wrap
  .apexcharts-tooltip
  .apexcharts-tooltip-series-group.apexcharts-active,
.artist-chart-wrap
  .apexcharts-tooltip
  .apexcharts-tooltip-series-group:last-child {
  padding-bottom: 0;
}
.statistic-chart-wrap {
  margin-bottom: -25px;
  margin-left: -20px;
}
.statistic-chart-wrap .apexcharts-tooltip .apexcharts-tooltip-goals-group,
.statistic-chart-wrap .apexcharts-tooltip .apexcharts-tooltip-text-y-label,
.statistic-chart-wrap .apexcharts-tooltip .apexcharts-tooltip-z-group {
  display: none;
}
.statistics-card .d-flex li + li {
  border-left: 1px dashed var(--recent-dashed-border);
  margin-left: 15px;
  padding-left: 15px;
}
[dir="rtl"] .statistics-card .d-flex li + li {
  border-left: unset;
  border-right: 1px dashed var(--recent-dashed-border);
  margin-left: unset;
  margin-right: 15px;
  padding-left: unset;
  padding-right: 15px;
}
.upgrade-plan.mobile-app-card .card-header p {
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  white-space: normal;
}
@media (max-width: 1693px) and (min-width: 1400px) {
  .upgrade-plan.mobile-app-card .card-header p {
    -webkit-line-clamp: 2;
  }
}
@media (max-width: 1224px) {
  .upgrade-plan.mobile-app-card .card-header p {
    -webkit-line-clamp: 2;
  }
}
@media (max-width: 1693px) and (min-width: 1500px) {
  .upgrade-plan.mobile-app-card .card-header {
    width: 66%;
  }
}
@media (max-width: 1499px) and (min-width: 1423px) {
  .upgrade-plan.mobile-app-card .card-header {
    width: 70%;
  }
}
@media (max-width: 1422px) {
  .upgrade-plan.mobile-app-card .card-header {
    width: 74%;
  }
}
@media (max-width: 1499px) {
  .upgrade-plan.mobile-app-card .card-body {
    margin-top: 0;
  }
}
.upgrade-plan.mobile-app-card .card-body img {
  height: 150px;
  margin-bottom: 20px;
  margin-top: -130px;
  width: 144px;
}
@media (max-width: 1555px) and (min-width: 1500px) {
  .upgrade-plan.mobile-app-card .card-body img {
    margin-top: -150px;
    width: 136px;
  }
}
@media (max-width: 1499px) and (min-width: 1423px) {
  .upgrade-plan.mobile-app-card .card-body img {
    height: 118px;
    margin-top: -170px;
    width: 114px;
  }
}
@media (max-width: 1422px) {
  .upgrade-plan.mobile-app-card .card-body img {
    height: 100px;
    margin-top: -116px;
    width: 96px;
  }
}
@media (max-width: 1199.98px) {
  .upgrade-plan.mobile-app-card .card-body img {
    margin-top: -128px;
  }
}
.category-box img {
  border-radius: 8px;
  width: 100%;
}
.category-box h6 {
  background: var(--white);
  border-radius: 5px;
  color: var(--body-font-color);
  display: block;
  margin: -20px auto 0;
  padding: 10px;
  position: relative;
  text-align: center;
  width: calc(100% - 50px);
}
@media (max-width: 1705px) and (min-width: 1636px) {
  .category-box h6 {
    width: calc(100% - 40px);
  }
}
@media (max-width: 1635px) and (min-width: 1566px) {
  .category-box h6 {
    width: calc(100% - 30px);
  }
}
@media (max-width: 1565px) and (min-width: 1530px) {
  .category-box h6 {
    width: calc(100% - 20px);
  }
}
@media (max-width: 1426px) {
  .category-box h6 {
    width: calc(100% - 30px);
  }
}
.artist-table button span {
  color: var(--theme-default);
}
.artist-table button svg {
  height: 15px;
  vertical-align: text-bottom;
  width: 15px;
}
.artist-table button:hover span {
  color: #fff;
}
.artist-table .appointment-table.customer-table table tr td .medal-img {
  min-width: 30px;
}
@media (max-width: 1795px) {
  .artist-table .appointment-table.customer-table table tr td:last-child {
    min-width: 90px;
  }
}
@media (max-width: 991px) {
  .nft-table.recent-table
    div.dt-container
    .dt-layout-row
    .dt-layout-cell
    .dt-search {
    left: 20px;
    margin-bottom: 20px;
    position: relative;
    top: 4px;
  }
}
.nft-table.recent-table table tr td,
.nft-table.recent-table table tr th {
  min-width: auto;
}
.nft-table.recent-table table tr td:first-child,
.nft-table.recent-table table tr th:first-child {
  padding-left: 20px;
}
.nft-table.recent-table table tr td:last-child,
.nft-table.recent-table table tr th:last-child {
  padding-right: 20px;
}
@media (max-width: 992px) {
  .nft-table.recent-table table tr td:nth-child(2),
  .nft-table.recent-table table tr th:nth-child(2) {
    min-width: 162px;
  }
  .nft-table.recent-table table tr td:nth-child(4),
  .nft-table.recent-table table tr th:nth-child(4) {
    min-width: 68px;
  }
}
.nft-table.recent-table svg {
  height: 18px;
  width: 18px;
}
.nft-table.recent-table .product-content .order-image {
  background: transparent;
  position: relative;
}
.nft-table.recent-table .product-content .order-image .mark-img {
  bottom: 2px;
  position: absolute;
  right: 0;
}
.activity-table .status-success {
  background: #65c15c;
  border-radius: 100%;
  height: 6px;
  min-width: 6px;
}
.activity-table .img-content-box {
  min-width: 108px;
}
@media (max-width: 1772px) {
  .activity-table .appointment-table table tr td:last-child {
    min-width: 72px;
  }
}
@media (max-width: 1199.98px) {
  .explore-wrap {
    order: -1;
  }
}
.live-auction-wrapper .product-nft-content .common-flex {
  gap: 8px;
}
.live-auction-wrapper .product-nft-content .common-flex .btn {
  width: 100%;
}
.live-auction-wrapper .product-nft-content .common-flex svg {
  height: 18px;
  width: 18px;
  fill: var(--theme-default);
}
.live-auction-wrapper .product-nft-content .common-flex .timer {
  align-items: center;
  display: flex;
  gap: 4px;
  justify-content: center;
}
.live-auction-wrapper .product-nft-content .common-flex span span {
  color: var(--theme-default);
}
.live-auction-wrapper .product-nft-content .common-flex .common-align {
  gap: 4px;
}
.live-auction-wrapper .product-nft-content img {
  height: 16px;
}
.live-auction-wrapper .product-nft-content .btn {
  padding: 6px 26px;
}
.live-auction-wrapper .product-nft-content .btn:hover svg {
  fill: #fff;
}
.live-auction-wrapper .product-nft-content .btn:hover span span {
  color: #fff;
}
@media (max-width: 1459px) {
  .art-creator-table.recent-table
    div.dt-container
    .dt-layout-row
    .dt-layout-cell
    .dt-search {
    display: none;
  }
}
.art-creator-table.recent-table table tbody tr td,
.art-creator-table.recent-table table tbody tr th,
.art-creator-table.recent-table table thead tr td,
.art-creator-table.recent-table table thead tr th {
  min-width: auto;
}
.art-creator-table.recent-table table tbody tr td:first-child,
.art-creator-table.recent-table table tbody tr th:first-child,
.art-creator-table.recent-table table thead tr td:first-child,
.art-creator-table.recent-table table thead tr th:first-child {
  padding-left: 20px;
}
.art-creator-table.recent-table table tbody tr td:last-child,
.art-creator-table.recent-table table tbody tr th:last-child,
.art-creator-table.recent-table table thead tr td:last-child,
.art-creator-table.recent-table table thead tr th:last-child {
  padding-right: 20px;
}
@media (max-width: 1551px) and (min-width: 1400px) {
  .art-creator-table.recent-table table tbody tr td:last-child,
  .art-creator-table.recent-table table tbody tr th:last-child,
  .art-creator-table.recent-table table thead tr td:last-child,
  .art-creator-table.recent-table table thead tr th:last-child {
    display: none;
  }
  .art-creator-table.recent-table table tbody tr td:nth-child(2),
  .art-creator-table.recent-table table tbody tr th:nth-child(2),
  .art-creator-table.recent-table table thead tr td:nth-child(2),
  .art-creator-table.recent-table table thead tr th:nth-child(2) {
    padding-right: 20px;
  }
}
@media (max-width: 1395px) and (min-width: 1400px) {
  .art-creator-table.recent-table table tbody tr td:nth-child(2),
  .art-creator-table.recent-table table tbody tr th:nth-child(2),
  .art-creator-table.recent-table table thead tr td:nth-child(2),
  .art-creator-table.recent-table table thead tr th:nth-child(2) {
    min-width: 80px;
  }
}
.art-creator-table.recent-table table tbody tr td .img-content-box a,
.art-creator-table.recent-table table tbody tr th .img-content-box a,
.art-creator-table.recent-table table thead tr td .img-content-box a,
.art-creator-table.recent-table table thead tr th .img-content-box a {
  color: var(--body-font-color);
}
@media (max-width: 1719px) {
  .art-creator-table.recent-table table tbody tr td .img-content-box a,
  .art-creator-table.recent-table table tbody tr td .img-content-box p,
  .art-creator-table.recent-table table tbody tr th .img-content-box a,
  .art-creator-table.recent-table table tbody tr th .img-content-box p,
  .art-creator-table.recent-table table thead tr td .img-content-box a,
  .art-creator-table.recent-table table thead tr td .img-content-box p,
  .art-creator-table.recent-table table thead tr th .img-content-box a,
  .art-creator-table.recent-table table thead tr th .img-content-box p {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 92px;
  }
}
@media (max-width: 1608px) and (min-width: 1552px) {
  .art-creator-table.recent-table table tbody tr td .img-content-box a,
  .art-creator-table.recent-table table tbody tr td .img-content-box p,
  .art-creator-table.recent-table table tbody tr th .img-content-box a,
  .art-creator-table.recent-table table tbody tr th .img-content-box p,
  .art-creator-table.recent-table table thead tr td .img-content-box a,
  .art-creator-table.recent-table table thead tr td .img-content-box p,
  .art-creator-table.recent-table table thead tr th .img-content-box a,
  .art-creator-table.recent-table table thead tr th .img-content-box p {
    width: 74px;
  }
}
@media (max-width: 1551px) {
  .art-creator-table.recent-table table tbody tr td .img-content-box a,
  .art-creator-table.recent-table table tbody tr td .img-content-box p,
  .art-creator-table.recent-table table tbody tr th .img-content-box a,
  .art-creator-table.recent-table table tbody tr th .img-content-box p,
  .art-creator-table.recent-table table thead tr td .img-content-box a,
  .art-creator-table.recent-table table thead tr td .img-content-box p,
  .art-creator-table.recent-table table thead tr th .img-content-box a,
  .art-creator-table.recent-table table thead tr th .img-content-box p {
    width: 100%;
  }
}
.art-creator-table.recent-table table tbody tr td img,
.art-creator-table.recent-table table tbody tr th img,
.art-creator-table.recent-table table thead tr td img,
.art-creator-table.recent-table table thead tr th img {
  height: 38px;
}
@media (max-width: 1074px) {
  .art-creator-table.recent-table table tbody tr td:first-child,
  .art-creator-table.recent-table table tbody tr th:first-child,
  .art-creator-table.recent-table table thead tr td:first-child,
  .art-creator-table.recent-table table thead tr th:first-child {
    min-width: 200px;
  }
  .art-creator-table.recent-table table tbody tr td:last-child,
  .art-creator-table.recent-table table tbody tr td:nth-child(2),
  .art-creator-table.recent-table table tbody tr th:last-child,
  .art-creator-table.recent-table table tbody tr th:nth-child(2),
  .art-creator-table.recent-table table thead tr td:last-child,
  .art-creator-table.recent-table table thead tr td:nth-child(2),
  .art-creator-table.recent-table table thead tr th:last-child,
  .art-creator-table.recent-table table thead tr th:nth-child(2) {
    min-width: 85px;
  }
}
@media (max-width: 1249px) and (min-width: 1200px) {
  .art-creator-table.recent-table table.artwork-table tbody tr td:last-child,
  .art-creator-table.recent-table table.artwork-table tbody tr th:last-child,
  .art-creator-table.recent-table table.artwork-table thead tr td:last-child,
  .art-creator-table.recent-table table.artwork-table thead tr th:last-child {
    display: none;
  }
  .art-creator-table.recent-table table.artwork-table tbody tr td:nth-child(2),
  .art-creator-table.recent-table table.artwork-table tbody tr th:nth-child(2),
  .art-creator-table.recent-table table.artwork-table thead tr td:nth-child(2),
  .art-creator-table.recent-table table.artwork-table thead tr th:nth-child(2) {
    padding-right: 20px;
  }
}
@media (max-width: 1074px) {
  .art-creator-table.recent-table table.artwork-table tbody tr td:first-child,
  .art-creator-table.recent-table table.artwork-table tbody tr th:first-child,
  .art-creator-table.recent-table table.artwork-table thead tr td:first-child,
  .art-creator-table.recent-table table.artwork-table thead tr th:first-child {
    min-width: 200px;
  }
  .art-creator-table.recent-table table.artwork-table tbody tr td:last-child,
  .art-creator-table.recent-table table.artwork-table tbody tr td:nth-child(2),
  .art-creator-table.recent-table table.artwork-table tbody tr th:last-child,
  .art-creator-table.recent-table table.artwork-table tbody tr th:nth-child(2),
  .art-creator-table.recent-table table.artwork-table thead tr td:last-child,
  .art-creator-table.recent-table table.artwork-table thead tr td:nth-child(2),
  .art-creator-table.recent-table table.artwork-table thead tr th:last-child,
  .art-creator-table.recent-table table.artwork-table thead tr th:nth-child(2) {
    min-width: 85px;
  }
}
.nft-collection {
  overflow: hidden;
  position: relative;
}
.nft-collection .swiper-container {
  cursor: pointer;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.nft-collection .swiper-container img {
  height: 130px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
@media (max-width: 575px) and (min-width: 401px) {
  .nft-collection .swiper-container img {
    height: 95px;
  }
}
@media (max-width: 400px) {
  .nft-collection .swiper-container img {
    height: 75px;
  }
}
.nft-collection .swiper-slide {
  background-position: 50%;
  background-size: cover;
}
.nft-collection .gallery-top {
  height: 100%;
  margin-top: 14px;
  width: 100%;
}
.nft-collection .gallery-thumbs {
  height: 20%;
}
.nft-collection .gallery-thumbs .swiper-slide {
  height: 100%;
  opacity: 0.3;
}
.nft-collection .gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1;
}
.nft-collection .swiper-button-next,
.nft-collection .swiper-button-prev {
  display: none;
}
.nft-collection .nft-user-info {
  margin-top: 35px;
}
@media (max-width: 1399px) {
  .nft-collection .nft-user-info {
    margin-top: 18px;
  }
}
.nft-collection .nft-user-info img {
  height: auto;
  width: auto;
}
.nft-collection .nft-user-info .user-desc {
  align-items: center;
  color: rgba(82, 82, 108, 0.8);
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
  justify-content: flex-start;
}
.nft-collection .nft-user-info .user-desc i {
  font-size: 6px;
}
.dashboard-6 .income-wrap .card-header .dropdown .dropdown-toggle:active {
  background-color: rgba(115, 102, 255, 0.08) !important;
  color: var(--theme-default);
}
[dir="rtl"] .increase-content.pe-0 {
  padding-left: 0 !important;
  padding-right: 30px !important;
}
.knowledge-wrapper div {
  width: 80%;
}
@media (max-width: 1403px) {
  .knowledge-wrapper div p {
    display: block;
    display: -webkit-box;
    height: 65px;
    max-width: 100%;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.knowledge-wrapper div button {
  bottom: 63px;
  padding: 5px 16px;
  position: absolute;
}
@media (max-width: 1700px) {
  .knowledge-wrapper div button {
    padding: 5px 8px;
  }
}
@media (max-width: 1600px) {
  .knowledge-wrapper div button {
    padding: 4px;
  }
}
.knowledge-wrapper .knowledgebase-wrapper {
  margin-left: auto;
  margin-top: -24%;
  width: 75%;
}
[dir="rtl"] .knowledge-wrapper .knowledgebase-wrapper {
  margin-left: unset;
  margin-right: auto;
  transform: scaleX(-1);
}
@media (max-width: 1399px) {
  .school-performance-wrap {
    margin-bottom: -23px;
  }
}
@media (max-width: 1200px) and (min-width: 768px) {
  .school-performance-wrap {
    margin-bottom: -53px;
  }
}
.count-student .school-wrapper {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.count-student .school-wrapper .school-header i {
  font-size: 12px;
  font-weight: 600;
}
.count-student .school-wrapper .school-header p {
  line-height: 1.4;
}
.count-student .school-wrapper .school-body img {
  position: relative;
  width: calc(60.4px + 0.5vw);
}
@media (max-width: 622px) {
  .count-student .school-wrapper .school-body img {
    width: 50px;
  }
}
.count-student .school-wrapper .school-body .right-line {
  bottom: 0;
  position: absolute;
  right: 0;
}
[dir="rtl"] .count-student .school-wrapper .school-body .right-line {
  left: 0;
  right: unset;
}
.count-student .school-wrapper .school-body .right-line img {
  height: 100%;
  width: 100%;
}
[dir="rtl"] .count-student .school-wrapper .school-body .right-line img {
  transform: scaleX(-1);
}
@media (max-width: 1400px) and (min-width: 754px) {
  .income-wrapper {
    margin-bottom: -26px;
  }
}
@media (max-width: 753px) {
  .income-wrapper {
    margin-bottom: -65px;
  }
}
.income-wrapper ul {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1735px) {
  .income-wrapper ul {
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-start;
  }
}
@media (max-width: 1735px) and (max-width: 1199px) and (min-width: 339px) {
  .income-wrapper ul {
    gap: 15px;
  }
}
@media (max-width: 1735px) and (max-width: 338px) {
  .income-wrapper ul {
    gap: 0;
  }
}
@media (max-width: 395px) {
  .income-wrapper ul {
    flex-wrap: nowrap;
  }
}
.income-wrapper ul li {
  text-align: center;
}
.income-wrapper ul li + li {
  border-left: 1px dashed rgba(82, 82, 108, 0.3);
}
[dir="rtl"] .income-wrapper ul li + li {
  border-left: unset;
  border-right: 1px dashed rgba(82, 82, 108, 0.3);
}
@media (max-width: 1735px) {
  .income-wrapper ul li + li {
    border-left: unset;
  }
  [dir="rtl"] .income-wrapper ul li + li {
    border-right: unset;
  }
}
.income-wrapper ul li h6 {
  display: inline-block;
}
.income-wrapper ul li .income-dot {
  border-radius: 50%;
  display: inline-block;
  height: 8px;
  margin-right: 6px;
  width: 8px;
}
[dir="rtl"] .income-wrapper ul li .income-dot {
  margin-left: 6px;
  margin-right: unset;
}
@media (max-width: 1678px) {
  .performance-wrap {
    margin-bottom: -23px;
  }
}
.performance-right {
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (max-width: 540px) {
  .performance-right {
    display: none;
  }
}
.performance-right p {
  color: rgba(64, 64, 64, 0.8);
  font-weight: 500;
}
.performance-right i {
  font-size: 14px;
}
.attendance-card {
  align-items: center;
  border-radius: 5px;
  display: flex;
  gap: 15px;
  padding: 15px;
}
@media (max-width: 1700px) {
  .attendance-card {
    gap: 10px;
  }
}
@media (max-width: 480px) {
  .attendance-card {
    align-items: flex-start;
  }
}
.attendance-card .left-overview-content {
  align-items: center;
  display: flex;
  gap: 15px;
}
.attendance-card .left-overview-content .svg-box {
  align-items: center;
  background-color: var(--white);
  border-radius: 10px;
  box-shadow: 0 71.2527px 51.5055px rgba(229, 229, 245, 0.19),
    0 42.3445px 28.0125px rgba(229, 229, 245, 0.15),
    0 21.9866px 14.2913px rgba(229, 229, 245, 0.13),
    0 8.95749px 7.16599px rgba(229, 229, 245, 0.1),
    0 2.03579px 3.46085px rgba(229, 229, 245, 0.06);
  display: flex;
  height: 43px;
  justify-content: center;
  width: 43px;
}
.attendance-card .right-overview-content {
  align-items: center;
  display: flex;
  gap: 25px;
  justify-content: space-between;
  width: calc(100% - 58px);
}
.attendance-card .right-overview-content h6 {
  padding-bottom: 7px;
}
.attendance-card .right-overview-content span {
  line-height: 18.69px;
}
@media (max-width: 1700px) {
  .attendance-card .right-overview-content {
    gap: 18px;
  }
}
@media (max-width: 480px) {
  .attendance-card .right-overview-content {
    flex-wrap: wrap;
    gap: 7px;
  }
}
.attendance-card .right-overview-content .marks-count {
  align-items: center;
  display: flex;
  gap: 23px;
}
.attendance-card .right-overview-content .marks-count sub {
  bottom: -0.8px;
}
@media (max-width: 1700px) {
  .attendance-card .right-overview-content .marks-count {
    flex-wrap: wrap;
    gap: 12px;
  }
}
@media (max-width: 480px) {
  .attendance-card .right-overview-content .marks-count {
    gap: 14px;
  }
}
.default-inline-calender
  .school-calender
  .main-inline-calender
  .flatpickr-rContainer
  .flatpickr-days
  .dayContainer
  .flatpickr-day {
  height: 40px;
}
@media (max-width: 1199px) {
  .default-inline-calender
    .school-calender
    .main-inline-calender
    .flatpickr-rContainer
    .flatpickr-days
    .dayContainer
    .flatpickr-day {
    height: 36px;
  }
}
@media (max-width: 1671px) {
  .default-inline-calender
    .school-calender
    .main-inline-calender
    .flatpickr-calendar
    .flatpickr-months
    .flatpickr-current-month {
    font-size: 15px;
  }
}
@media (max-width: 1514px) {
  .default-inline-calender
    .school-calender
    .main-inline-calender
    .flatpickr-calendar
    .flatpickr-months
    .flatpickr-current-month {
    font-size: 14px;
    left: 8.5%;
    width: 85%;
  }
}
.student-leader-wrapper .student-leader-content {
  align-items: center;
  border-bottom: 1px solid #e9edf1;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: space-between;
  padding: 10px;
}
@media (max-width: 1525px) {
  .student-leader-wrapper .student-leader-content {
    gap: 6px;
  }
}
.student-leader-wrapper .student-leader-content img {
  height: 27px;
  width: 24px;
}
.student-leader-wrapper .student-leader-content .leader-img {
  border-radius: 5px;
  height: 35px;
  width: 35px;
}
@media (max-width: 1700px) {
  .student-leader-wrapper .student-leader-content .leader-img {
    display: none;
  }
}
.student-leader-wrapper .student-leader-content .leader-content-height span {
  line-height: 18.69px;
}
@media (max-width: 1510px) {
  .student-leader-wrapper .student-leader-content .leader-content-height span {
    display: none;
  }
}
.student-leader-wrapper .student-leader-content:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.task-table .main-task {
  align-items: center;
  display: flex;
  gap: 10px;
  margin-bottom: 8px;
}
.task-table .main-task .task-progress {
  height: 6px;
  width: 100px;
}
.task-table .recent-table.task-table tr td:first-child {
  min-width: 312px;
}
.task-table .recent-table.task-table tr td:nth-child(2) {
  min-width: 110px;
}
.task-table .recent-table.task-table tr td:last-child {
  min-width: 34px;
  padding-right: 8px;
}
[dir="rtl"] .task-table .recent-table.task-table tr td:last-child {
  padding-left: 8px;
  padding-right: unset;
}
.task-table .recent-table table tr:last-child td {
  padding-bottom: 12px;
}
.task-table .main-task-wrapper tr td {
  cursor: pointer;
}
.task-table .main-task-wrapper tr td .form-check.checkbox-width {
  padding-left: 0;
}
.task-table .main-task-wrapper tr td a {
  color: var(--body-font-color);
  display: block;
  font-size: 16px;
  font-weight: 500;
}
@media (max-width: 1415px) and (min-width: 1200px) {
  .task-table .main-task-wrapper tr td a {
    max-width: 165px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media (max-width: 585px) {
  .task-table .main-task-wrapper tr td a {
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.task-table .main-task-wrapper .task-icons {
  align-items: center;
  display: flex;
  gap: 12px;
}
.task-table .main-task-wrapper .task-icons li:last-child {
  border-left: 1px solid #ccc;
  display: flex;
  gap: 8px;
  padding-left: 10px;
}
[dir="rtl"] .task-table .main-task-wrapper .task-icons li:last-child {
  border-left: unset;
  border-right: 1px solid #ccc;
  padding-left: unset;
  padding-right: 10px;
}
.task-table .main-task-wrapper .square-white {
  align-items: center;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 71.2527px 51.5055px rgba(229, 229, 245, 0.19),
    0 42.3445px 28.0125px rgba(229, 229, 245, 0.152),
    0 21.9866px 14.2913px rgba(229, 229, 245, 0.125),
    0 8.95749px 7.16599px rgba(229, 229, 245, 0.098),
    0 2.03579px 3.46085px rgba(229, 229, 245, 0.06);
  display: flex;
  height: 34px;
  justify-content: center;
  width: 34px;
}
.task-table .main-task-wrapper .square-white i {
  color: rgba(82, 82, 108, 0.5);
  font-size: 17px;
}
@media (max-width: 575px) {
  .task-table .main-task-wrapper .square-white {
    height: 30px;
    width: 30px;
  }
  .task-table .main-task-wrapper .square-white i {
    font-size: 14px;
  }
}
.task-table .main-task-wrapper .fill-clock {
  fill: rgba(82, 82, 108, 0.5);
}
.task-table .main-task-wrapper button {
  padding: 4px 6px;
}
.task-table .open-options .dropdown-toggle:after {
  content: "";
  display: none;
}
.task-table .open-options .dropdown-menu {
  background-color: var(--light2);
  padding: 9px 14px;
}
.task-table .open-options .dropdown-menu.show {
  display: flex;
  gap: 8px;
  min-width: 0;
}
.task-table .open-options .dropdown-menu li .dropdown-item:hover i {
  color: #75758a;
}
.task-table .open-options .dropdown-menu li .dropdown-item:hover {
  background-color: #e9e9e9;
}
@media (max-width: 1770px) {
  .task-table .icons-box {
    display: none;
  }
}
@media (max-width: 1920px) {
  .task-table .icons-box-2 {
    display: none;
  }
}
@media (max-width: 1770px) {
  .task-table .icons-box-2 {
    display: table-cell;
  }
}
.notice-board ul li {
  padding-bottom: 29px;
}
@media (max-width: 1416px) {
  .notice-board ul li {
    padding-bottom: 16px;
  }
}
.notice-board ul li h6 {
  font-size: 14px;
  font-weight: 500;
  line-height: 18.69px;
  margin-bottom: 5px;
}
.notice-board ul li p {
  font-size: 12px;
  font-weight: 400;
}
@media (max-width: 1477px) {
  .notice-board ul li p:last-child {
    max-width: 126px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media (max-width: 1660px) {
  .attendance-data ul.balance-data {
    display: inline-flex;
    left: 0;
    position: relative;
    top: 0;
  }
}
.attendance-student-data {
  margin: 0 0 -20px -15px;
}
.attendance-chart {
  display: flex;
  justify-content: center;
}
@media (max-width: 767px) {
  .attendance-chart {
    margin-bottom: 12px;
  }
}
.text-ellipsis {
  display: block;
  display: -webkit-box;
  margin: 0 auto;
  max-width: 100%;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 1515px) {
  .apexcharts-legend-series {
    margin: 5px 6px !important;
  }
}
@media (max-width: 1870px) {
  [dir="rtl"] .apexcharts-legend {
    margin-right: -20px;
    margin-right: -47px;
  }
}
@media (max-width: 1515px) {
  [dir="rtl"] .apexcharts-legend {
    margin-right: -27px;
  }
}
@media (max-width: 1625px) {
  .unpaid-fees-table
    .recent-table.table-responsive
    div.dt-container
    .dt-layout-row:last-child {
    flex-direction: column;
  }
}
@media (max-width: 1199px) {
  .unpaid-fees-table
    .recent-table.table-responsive
    div.dt-container
    .dt-layout-row
    .dt-layout-cell
    .dt-search {
    left: 20px;
    margin-bottom: 20px;
    position: relative;
    top: 4px;
  }
}
.unpaid-fees-table .recent-table.table-responsive table tbody td,
.unpaid-fees-table .recent-table.table-responsive table tbody th,
.unpaid-fees-table .recent-table.table-responsive table thead td,
.unpaid-fees-table .recent-table.table-responsive table thead th {
  color: var(--body-font-color);
  min-width: auto;
}
.unpaid-fees-table .recent-table.table-responsive table tbody td:first-child,
.unpaid-fees-table .recent-table.table-responsive table tbody th:first-child,
.unpaid-fees-table .recent-table.table-responsive table thead td:first-child,
.unpaid-fees-table .recent-table.table-responsive table thead th:first-child {
  padding-left: 20px;
}
.unpaid-fees-table .recent-table.table-responsive table tbody td:last-child,
.unpaid-fees-table .recent-table.table-responsive table tbody th:last-child,
.unpaid-fees-table .recent-table.table-responsive table thead td:last-child,
.unpaid-fees-table .recent-table.table-responsive table thead th:last-child {
  padding-right: 20px;
}
.unpaid-fees-table .recent-table.table-responsive table tbody td a,
.unpaid-fees-table .recent-table.table-responsive table tbody th a,
.unpaid-fees-table .recent-table.table-responsive table thead td a,
.unpaid-fees-table .recent-table.table-responsive table thead th a {
  color: var(--body-font-color);
}
@media (max-width: 1732px) and (min-width: 1200px) {
  .unpaid-fees-table .recent-table.table-responsive table tbody td:nth-child(3),
  .unpaid-fees-table .recent-table.table-responsive table tbody th:nth-child(3),
  .unpaid-fees-table .recent-table.table-responsive table thead td:nth-child(3),
  .unpaid-fees-table
    .recent-table.table-responsive
    table
    thead
    th:nth-child(3) {
    display: none;
  }
}
@media (max-width: 1590px) and (min-width: 1200px) {
  .unpaid-fees-table .recent-table.table-responsive table tbody td:nth-child(4),
  .unpaid-fees-table .recent-table.table-responsive table tbody th:nth-child(4),
  .unpaid-fees-table .recent-table.table-responsive table thead td:nth-child(4),
  .unpaid-fees-table
    .recent-table.table-responsive
    table
    thead
    th:nth-child(4) {
    display: none;
  }
}
@media (max-width: 1595px) and (min-width: 1200px) {
  .unpaid-fees-table
    .recent-table.table-responsive
    table
    tbody
    td:nth-child(2)
    .common-align
    img,
  .unpaid-fees-table
    .recent-table.table-responsive
    table
    tbody
    th:nth-child(2)
    .common-align
    img,
  .unpaid-fees-table
    .recent-table.table-responsive
    table
    thead
    td:nth-child(2)
    .common-align
    img,
  .unpaid-fees-table
    .recent-table.table-responsive
    table
    thead
    th:nth-child(2)
    .common-align
    img {
    display: none;
  }
}
@media (max-width: 1294px) and (min-width: 1200px) {
  .unpaid-fees-table .recent-table.table-responsive table tbody td:nth-child(5),
  .unpaid-fees-table .recent-table.table-responsive table tbody th:nth-child(5),
  .unpaid-fees-table .recent-table.table-responsive table thead td:nth-child(5),
  .unpaid-fees-table
    .recent-table.table-responsive
    table
    thead
    th:nth-child(5) {
    display: none;
  }
}
@media (max-width: 1199px) {
  .unpaid-fees-table .recent-table.table-responsive table tbody td:nth-child(2),
  .unpaid-fees-table .recent-table.table-responsive table tbody th:nth-child(2),
  .unpaid-fees-table .recent-table.table-responsive table thead td:nth-child(2),
  .unpaid-fees-table
    .recent-table.table-responsive
    table
    thead
    th:nth-child(2) {
    min-width: 160px;
  }
  .unpaid-fees-table .recent-table.table-responsive table tbody td:last-child,
  .unpaid-fees-table .recent-table.table-responsive table tbody th:last-child,
  .unpaid-fees-table .recent-table.table-responsive table thead td:last-child,
  .unpaid-fees-table .recent-table.table-responsive table thead th:last-child {
    min-width: 100px;
  }
}
@media (max-width: 1625px) {
  .top-student-table
    .recent-table.table-responsive
    div.dt-container
    .dt-layout-row:last-child {
    flex-direction: column;
  }
}
@media (max-width: 1199px) {
  .top-student-table
    .recent-table.table-responsive
    div.dt-container
    .dt-layout-row
    .dt-layout-cell
    .dt-search {
    left: 20px;
    margin-bottom: 20px;
    position: relative;
    top: 4px;
  }
}
.top-student-table .recent-table table tbody td,
.top-student-table .recent-table table tbody th,
.top-student-table .recent-table table thead td,
.top-student-table .recent-table table thead th {
  color: var(--body-font-color);
  min-width: auto;
}
.top-student-table .recent-table table tbody td:first-child,
.top-student-table .recent-table table tbody th:first-child,
.top-student-table .recent-table table thead td:first-child,
.top-student-table .recent-table table thead th:first-child {
  padding-left: 20px;
}
.top-student-table .recent-table table tbody td:last-child,
.top-student-table .recent-table table tbody th:last-child,
.top-student-table .recent-table table thead td:last-child,
.top-student-table .recent-table table thead th:last-child {
  padding-right: 20px;
}
.top-student-table .recent-table table tbody td a,
.top-student-table .recent-table table tbody th a,
.top-student-table .recent-table table thead td a,
.top-student-table .recent-table table thead th a {
  color: var(--body-font-color);
}
@media (max-width: 1673px) and (min-width: 1200px) {
  .top-student-table .recent-table table tbody td:nth-child(2),
  .top-student-table .recent-table table tbody th:nth-child(2),
  .top-student-table .recent-table table thead td:nth-child(2),
  .top-student-table .recent-table table thead th:nth-child(2) {
    display: none;
  }
}
@media (max-width: 1595px) and (min-width: 1200px) {
  .top-student-table
    .recent-table
    table
    tbody
    td:nth-child(3)
    .common-align
    img,
  .top-student-table
    .recent-table
    table
    tbody
    th:nth-child(3)
    .common-align
    img,
  .top-student-table
    .recent-table
    table
    thead
    td:nth-child(3)
    .common-align
    img,
  .top-student-table
    .recent-table
    table
    thead
    th:nth-child(3)
    .common-align
    img {
    display: none;
  }
}
@media (max-width: 1434px) and (min-width: 1200px) {
  .top-student-table .recent-table table tbody td:nth-child(6),
  .top-student-table .recent-table table tbody th:nth-child(6),
  .top-student-table .recent-table table thead td:nth-child(6),
  .top-student-table .recent-table table thead th:nth-child(6) {
    display: none;
  }
}
@media (max-width: 1294px) and (min-width: 1200px) {
  .top-student-table .recent-table table tbody td:nth-child(4),
  .top-student-table .recent-table table tbody th:nth-child(4),
  .top-student-table .recent-table table thead td:nth-child(4),
  .top-student-table .recent-table table thead th:nth-child(4) {
    display: none;
  }
}
@media (max-width: 1199px) {
  .top-student-table .recent-table table tbody td:nth-child(3),
  .top-student-table .recent-table table tbody th:nth-child(3),
  .top-student-table .recent-table table thead td:nth-child(3),
  .top-student-table .recent-table table thead th:nth-child(3) {
    min-width: 150px;
  }
}
@media (max-width: 1530px) {
  .new-enroll-student
    .recent-table.table-responsive
    div.dt-container
    .dt-layout-row
    .dt-layout-cell
    .dt-search {
    left: 20px;
    margin-bottom: 20px;
    position: relative;
    top: 4px;
    width: 75%;
  }
}
@media (max-width: 1625px) {
  .new-enroll-student
    .recent-table.table-responsive
    div.dt-container
    .dt-layout-row:last-child {
    flex-direction: column;
  }
}
.new-enroll-student .recent-table table tbody td,
.new-enroll-student .recent-table table tbody th,
.new-enroll-student .recent-table table thead td,
.new-enroll-student .recent-table table thead th {
  color: var(--body-font-color);
  min-width: auto;
}
.new-enroll-student .recent-table table tbody td:first-child,
.new-enroll-student .recent-table table tbody th:first-child,
.new-enroll-student .recent-table table thead td:first-child,
.new-enroll-student .recent-table table thead th:first-child {
  padding-left: 20px;
}
.new-enroll-student .recent-table table tbody td:last-child,
.new-enroll-student .recent-table table tbody th:last-child,
.new-enroll-student .recent-table table thead td:last-child,
.new-enroll-student .recent-table table thead th:last-child {
  padding-right: 20px;
}
.new-enroll-student .recent-table table tbody td a,
.new-enroll-student .recent-table table tbody th a,
.new-enroll-student .recent-table table thead td a,
.new-enroll-student .recent-table table thead th a {
  color: var(--body-font-color);
}
@media (max-width: 1830px) and (min-width: 1200px) {
  .new-enroll-student .recent-table table tbody td:nth-child(4),
  .new-enroll-student .recent-table table tbody th:nth-child(4),
  .new-enroll-student .recent-table table thead td:nth-child(4),
  .new-enroll-student .recent-table table thead th:nth-child(4) {
    display: none;
  }
}
@media (max-width: 1607px) and (min-width: 1200px) {
  .new-enroll-student .recent-table table tbody td:nth-child(2),
  .new-enroll-student .recent-table table tbody th:nth-child(2),
  .new-enroll-student .recent-table table thead td:nth-child(2),
  .new-enroll-student .recent-table table thead th:nth-child(2) {
    display: none;
  }
}
@media (max-width: 1530px) and (min-width: 1200px) {
  .new-enroll-student .recent-table table tbody td:nth-child(3),
  .new-enroll-student .recent-table table tbody th:nth-child(3),
  .new-enroll-student .recent-table table thead td:nth-child(3),
  .new-enroll-student .recent-table table thead th:nth-child(3) {
    display: none;
  }
}
@media (max-width: 1199px) {
  .new-enroll-student .recent-table table tbody td:first-child,
  .new-enroll-student .recent-table table tbody th:first-child,
  .new-enroll-student .recent-table table thead td:first-child,
  .new-enroll-student .recent-table table thead th:first-child {
    min-width: 154px;
  }
  .new-enroll-student .recent-table table tbody td:last-child,
  .new-enroll-student .recent-table table tbody th:last-child,
  .new-enroll-student .recent-table table thead td:last-child,
  .new-enroll-student .recent-table table thead th:last-child {
    min-width: 124px;
  }
}
.std-class-chart .apexcharts-legend {
  gap: 35px !important;
}
@media (max-width: 1530px) and (min-width: 1411px) {
  .std-class-chart .apexcharts-legend {
    gap: 8px !important;
  }
}
@media (max-width: 1410px) {
  .std-class-chart .apexcharts-legend {
    gap: 0 !important;
  }
}
@media (max-width: 1610px) and (min-width: 1531px) {
  .std-class-chart {
    margin-block: 16px;
  }
}
@media (max-width: 1530px) and (min-width: 1405px) {
  .std-class-chart {
    margin-block: 52px;
  }
}
@media (max-width: 1404px) and (min-width: 1211px) {
  .std-class-chart {
    margin-block: 64px;
  }
}
@media (max-width: 1210px) and (min-width: 1200px) {
  .std-class-chart {
    margin-block: 80px;
  }
}
@media (max-width: 1350px) and (min-width: 1200px) {
  .student-header .card-header-right-icon {
    display: none;
  }
}
@media (max-width: 650px) and (min-width: 576px) {
  .student-header .card-header-right-icon {
    display: none;
  }
}
.card-header-right-btn {
  background-color: var(--light-slate);
  border-radius: 5px;
  font-weight: 500;
  padding: 9px 11px;
}
@media (max-width: 350px) {
  .card-header-right-btn {
    padding: 8px;
  }
}
@media (max-width: 330px) {
  .card-header-right-btn a,
  .create-right-btn a {
    font-size: 12px;
  }
}
.shop-box {
  align-items: center;
  background-color: var(--light-slate);
  border-radius: 50%;
  box-shadow: var(--product-shadow);
  display: flex;
  height: 88px;
  justify-content: center;
  margin: 0 auto;
  text-align: center;
  width: 88px;
}
.category-title {
  display: block;
  text-align: center;
}
.main-our-product.card-body {
  padding-top: 0 !important;
}
.main-product-wrapper {
  display: flex;
  justify-content: space-between;
  position: relative;
}
@media (max-width: 1360px) {
  .main-product-wrapper .product-header p {
    display: none;
  }
}
.main-product-wrapper .product-body {
  align-items: center;
  display: flex;
  gap: 15px;
  justify-content: center;
}
@media (max-width: 440px) {
  .main-product-wrapper .product-body {
    justify-content: flex-end;
  }
  .main-product-wrapper .product-body .product-search {
    width: 64%;
  }
}
@media (max-width: 425px) {
  .main-product-wrapper .product-body .product-search {
    display: none;
  }
}
.main-product-wrapper .product-body .product-search .input-group-text {
  background-color: unset;
  border: 1px solid rgba(229, 229, 243, 0.8);
  border-radius: 5px;
}
.main-product-wrapper
  .product-body
  .product-search
  .input-group-text
  .search-icon {
  height: 20px;
  width: 20px;
}
@media (max-width: 1920px) {
  .main-product-wrapper
    .product-body
    .product-search
    .input-group-text
    .search-icon {
    height: calc(17.6px + 0.125vw);
    width: calc(17.6px + 0.125vw);
  }
}
.main-product-wrapper .product-body .product-search .form-control {
  border: 1px solid rgba(229, 229, 243, 0.8);
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 5px !important;
  border-left: unset;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 5px !important;
  padding: 8px 8px 8px 0;
}
[dir="rtl"] .main-product-wrapper .product-body .product-search .form-control {
  border-bottom-left-radius: 5px !important;
  border-bottom-right-radius: unset !important;
  border-left: 1px solid rgba(229, 229, 243, 0.8);
  border-right: unset;
  border-top-left-radius: 5px !important;
  border-top-right-radius: unset !important;
}
.main-product-wrapper .product-body .product-search .form-control:focus {
  box-shadow: unset;
}
@media (max-width: 1360px) {
  .main-product-wrapper {
    align-items: center;
  }
}
.our-product-wrapper {
  border-radius: 5px;
  box-shadow: 0 9px 20px rgba(46, 35, 94, 0.07);
  padding: 10px;
  transition: all 0.5s ease;
}
.our-product-wrapper .our-product-img {
  align-items: center;
  background-color: var(--light-slate);
  border-radius: 5px;
  box-shadow: var(--product-shadow);
  display: flex;
  height: 158px;
  justify-content: center;
  padding: 24px;
}
@media (max-width: 650px) and (min-width: 576px) {
  .our-product-wrapper .our-product-img {
    height: 118px;
  }
}
.our-product-wrapper .our-product-img img {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
}
.our-product-wrapper .our-product-content .common-f-start {
  gap: 6px;
  margin-top: 8px;
}
.our-product-wrapper .our-product-content .add-quantity {
  align-items: center;
  display: flex;
  gap: 6px;
  justify-content: center;
  padding: 5px 12px;
}
@media (max-width: 1525px) {
  .our-product-wrapper .our-product-content .add-quantity {
    gap: 8px;
    padding: 4px 8px;
  }
}
@media (max-width: 1290px) {
  .our-product-wrapper .our-product-content .add-quantity {
    gap: 5px;
  }
}
.our-product-wrapper .our-product-content .add-quantity ~ .btn {
  padding: 5px 12px;
}
@media (max-width: 1525px) {
  .our-product-wrapper .our-product-content .add-quantity ~ .btn {
    padding: 5px 8px;
  }
}
.our-product-wrapper .our-product-content .add-quantity .countdown-remove {
  background-color: transparent;
  border: unset;
  color: var(--chart-text-color);
  text-align: center;
  width: 25px;
}
.our-product-wrapper .our-product-content .add-quantity .common-align {
  gap: 6px;
}
.our-product-wrapper:hover .our-product-img img {
  transform: scale(1.1);
  transition: all 0.5s ease;
}
@media (min-width: 1200px) and (max-width: 1920px) {
  .customer-sticky {
    height: calc(100% - 20px);
  }
}
.order-details .common-search.input-group .input-group-text {
  background-color: transparent;
}
.order-details .common-search.input-group svg {
  height: calc(15.6px + 0.125vw);
  width: calc(15.6px + 0.125vw);
}
.order-details .common-search.input-group .form-control {
  border-left: unset;
  padding-left: unset;
  text-indent: 0;
  transition: all 0.3s ease;
}
.order-details .common-search.input-group .form-control:focus {
  border-color: var(--chart-progress-light);
  border-left: unset;
  box-shadow: unset;
  padding-left: unset;
  text-indent: 0;
  transition: all 0.3s ease;
}
.order-details .search-items {
  align-items: flex-start;
  border-bottom: 2px dashed var(--recent-dashed-border);
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  padding-bottom: 20px;
  position: relative;
}
@media (max-width: 1666px) and (min-width: 1200px) {
  .order-details .search-items button {
    padding: 6px 10px;
  }
}
.order-details .form-select:focus {
  box-shadow: unset !important;
}
.order-details h5 {
  padding: 20px 0 18px;
}
.order-details .order-quantity,
.order-details .order-quantity > div {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
@media (max-width: 1199px) and (min-width: 576px) {
  .order-details .order-quantity > div {
    flex-direction: unset;
    gap: 40px;
  }
}
@media (max-width: 732px) and (min-width: 576px) {
  .order-details .order-quantity > div {
    gap: 20px;
  }
}
.order-details .order-quantity .order-details-wrapper {
  display: flex;
  gap: 10px;
}
@media (max-width: 1700px) {
  .order-details .order-quantity .order-details-wrapper {
    gap: 8px;
  }
}
.order-details .order-quantity .order-details-wrapper .left-details {
  display: flex;
  gap: 10px;
}
.order-details .order-quantity .order-details-wrapper .left-details .order-img {
  align-items: center;
  background-color: var(--light-slate);
  border-radius: 10px;
  box-shadow: var(--product-shadow);
  display: flex;
  height: 94px;
  justify-content: center;
  padding: 15px 20px;
  width: 100px;
}
.order-details
  .order-quantity
  .order-details-wrapper
  .left-details
  .order-img
  img {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100px;
}
@media (min-width: 1400px) and (max-width: 1920px) {
  .order-details
    .order-quantity
    .order-details-wrapper
    .left-details
    .order-img {
    height: calc(34px + 3.4375vw);
    width: calc(40px + 3.125vw);
  }
  .order-details
    .order-quantity
    .order-details-wrapper
    .left-details
    .order-img
    img {
    height: calc(40% + 2.38095vw - 7.61905px);
  }
}
@media (max-width: 1245px) and (min-width: 1200px) {
  .order-details
    .order-quantity
    .order-details-wrapper
    .left-details
    .order-img {
    height: 74px;
    width: 80px;
  }
  .order-details
    .order-quantity
    .order-details-wrapper
    .left-details
    .order-img
    img {
    width: 75px;
  }
}
@media (max-width: 732px) and (min-width: 395px) {
  .order-details
    .order-quantity
    .order-details-wrapper
    .left-details
    .order-img {
    height: 80px;
    width: 90px;
  }
  .order-details
    .order-quantity
    .order-details-wrapper
    .left-details
    .order-img
    img {
    width: 70px;
  }
}
@media (max-width: 394px) {
  .order-details
    .order-quantity
    .order-details-wrapper
    .left-details
    .order-img {
    height: 68px;
    width: 72px;
  }
  .order-details
    .order-quantity
    .order-details-wrapper
    .left-details
    .order-img
    img {
    width: 60px;
  }
}
.order-details .order-quantity .order-details-wrapper .category-details {
  align-items: center;
  display: flex;
  flex: 1;
  gap: 3px;
  justify-content: space-between;
}
@media (max-width: 1700px) {
  .order-details .order-quantity .order-details-wrapper .category-details {
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
  }
}
.order-details
  .order-quantity
  .order-details-wrapper
  .category-details
  .right-details {
  background-color: var(--light-slate);
  border-radius: 50px;
  margin: 0;
  padding: 4px;
  text-align: center;
}
@media (min-width: 1400px) and (max-width: 1700px) {
  .order-details
    .order-quantity
    .order-details-wrapper
    .category-details
    .right-details {
    width: 70%;
  }
}
@media (max-width: 1400px) {
  .order-details
    .order-quantity
    .order-details-wrapper
    .category-details
    .right-details {
    width: 100px;
  }
}
.order-details
  .order-quantity
  .order-details-wrapper
  .category-details
  .right-details
  .touchspin-wrapper {
  display: block;
}
@media (max-width: 1700px) {
  .order-details
    .order-quantity
    .order-details-wrapper
    .category-details
    .right-details
    .touchspin-wrapper {
    align-items: center;
    display: flex;
    justify-content: space-between;
  }
}
.order-details
  .order-quantity
  .order-details-wrapper
  .category-details
  .right-details
  .touchspin-wrapper
  .btn-touchspin {
  align-items: center;
  background-color: var(--white);
  border: unset;
  border-radius: 50px;
  display: flex;
  height: 27px;
  justify-content: center;
  width: 27px;
}
@media (min-width: 1400px) and (max-width: 1920px) {
  .order-details
    .order-quantity
    .order-details-wrapper
    .category-details
    .right-details
    .touchspin-wrapper
    .btn-touchspin {
    height: calc(-6.23077px + 1.73077vw);
    width: calc(-6.23077px + 1.73077vw);
  }
}
.order-details
  .order-quantity
  .order-details-wrapper
  .category-details
  .right-details
  .touchspin-wrapper
  input[type="number"] {
  background-color: unset;
  border: unset;
  color: var(--body-font-color);
  padding: 10px 0;
  text-align: center;
  width: 25px;
}
@media (max-width: 1700px) {
  .order-details
    .order-quantity
    .order-details-wrapper
    .category-details
    .right-details
    .touchspin-wrapper
    input[type="number"] {
    padding: 0;
  }
}
.order-details
  .order-quantity
  .order-details-wrapper
  .category-details
  .order-details-right
  .last-order-detail {
  align-items: center;
  display: flex;
  gap: 15px;
}
.order-details
  .order-quantity
  .order-details-wrapper
  .category-details
  .order-details-right
  .last-order-detail
  a
  i {
  color: var(--chart-text-color);
  font-size: 15px;
}
.order-details .order-quantity .order-details-wrapper.product-remove {
  display: none;
}
.order-details .total-item {
  background-color: var(--light-slate);
  border-radius: 5px;
  margin-top: 20px;
  padding: 12px 15px;
}
.order-details .total-item .item-number {
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px;
}
.payment-methods {
  display: flex;
  justify-content: space-between;
  text-align: center;
}
@media (max-width: 1199px) and (min-width: 576px) {
  .payment-methods {
    justify-content: space-evenly;
  }
}
@media (max-width: 575px) {
  .payment-methods {
    justify-content: space-between;
  }
}
.payment-methods .bg-payment {
  align-items: center;
  background-color: var(--light-slate);
  border: 1px solid transparent;
  border-radius: 5px;
  cursor: pointer;
  display: flex;
  height: 70px;
  justify-content: center;
  padding: 23px 21px;
  transition: all 0.5s ease;
  width: 80px;
}
@media (max-width: 1785px) and (min-width: 1721px) {
  .payment-methods .bg-payment {
    width: 85px;
  }
}
@media (max-width: 1720px) and (min-width: 1586px) {
  .payment-methods .bg-payment {
    height: 71px;
    width: 75px;
  }
}
@media (max-width: 1585px) and (min-width: 1486px) {
  .payment-methods .bg-payment {
    height: 68px;
    width: 68px;
  }
}
@media (max-width: 1485px) and (min-width: 1446px) {
  .payment-methods .bg-payment {
    height: 64px;
    width: 64px;
  }
}
@media (max-width: 1445px) and (min-width: 1456px) {
  .payment-methods .bg-payment {
    height: 64px;
    width: 64px;
  }
}
@media (max-width: 1455px) and (min-width: 1200px) {
  .payment-methods .bg-payment {
    height: 60px;
    width: 60px;
  }
}
@media (max-width: 370px) {
  .payment-methods .bg-payment {
    height: 60px;
    width: 60px;
  }
}
.payment-methods .bg-payment img {
  filter: grayscale(1);
  height: calc(26.6px + 0.4375vw);
}
.payment-methods .bg-payment :focus,
.payment-methods .bg-payment.active,
.payment-methods .bg-payment:hover {
  background-color: rgba(115, 102, 255, 0.1);
  border: 1px solid var(--theme-default);
  transition: all 0.5s ease;
}
.payment-methods .bg-payment :focus img,
.payment-methods .bg-payment.active img,
.payment-methods .bg-payment:hover img {
  filter: unset;
}
.payment-methods span {
  padding-top: 12px;
}
.place-order {
  margin-top: 17px;
}
.place-order button {
  padding: 11px 0;
}
.empty-card {
  display: none;
}
.empty-card.show {
  display: block;
}
.empty-cart-wrapper {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.empty-cart-wrapper .empty-cart-content {
  align-items: center;
  background: var(--light-slate);
  border-radius: 50%;
  display: flex;
  height: 100px;
  justify-content: center;
  width: 100px;
}
@media screen and (max-width: 1920px) and (min-width: 1400px) {
  .empty-cart-wrapper .empty-cart-content {
    height: calc(-63.07692px + 10.57692vw);
    width: calc(-63.07692px + 10.57692vw);
  }
}
.empty-cart-wrapper .empty-cart-content img {
  height: 100%;
  width: 100%;
}
.empty-cart-wrapper h6 {
  line-height: 22px;
  padding-top: 14px;
}
.coupon-code .input-group .form-control:focus {
  border-color: var(--chart-progress-light);
  box-shadow: unset;
}
@media (max-width: 1575px) {
  .coupon-code .input-group .form-control::-moz-placeholder {
    font-size: 13px;
  }
  .coupon-code .input-group .form-control::placeholder {
    font-size: 13px;
  }
}
.coupon-code .input-group .btn {
  border-left: 0;
  border-color: var(--chart-progress-light);
  color: var(--body-font-color);
}
@media (max-width: 1575px) {
  .coupon-code .input-group .btn {
    font-size: 13px;
  }
}
.compare-order {
  transition: 0.5s;
}
.compare-order .compare-icon {
  align-items: center;
  background-color: var(--white);
  border-radius: 10px;
  display: flex;
  height: calc(39px + 0.3125vw);
  justify-content: center;
  width: calc(39px + 0.3125vw);
}
.compare-order .compare-icon svg {
  height: 20px;
  transition: 0.5s;
  width: 20px;
}
.compare-order .card-body .common-space {
  margin-bottom: 12px;
}
.compare-order .card-body .common-space h4 {
  color: var(--body-font-color);
}
.compare-order .card-body .progress {
  background: linear-gradient(0.501turn, #cfdce8 -32.82%, #fff 132.82%);
  height: 9px;
  margin-bottom: 10px;
}
.compare-order .card-body .user-growth {
  font-size: 12px;
  margin-right: 4px;
}
.compare-order .card-body .user-text {
  color: rgba(82, 82, 108, 0.8);
  font-size: 14px;
}
@media (max-width: 1469px) and (min-width: 1400px) {
  .compare-order .card-body .user-text {
    display: none;
  }
}
.compare-order:hover {
  transform: translateY(-5px);
  transition: 0.5s;
}
.compare-order:hover .card-header svg {
  transform: scale(1.08);
  transition: 0.5s;
}
.crm-card {
  background-image: url(images/bg.jpg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.crm-card .card-body h4 {
  color: #fff;
  font-size: calc(17.2px + 0.25vw);
}
.crm-card .card-body p {
  color: #fff;
  margin-bottom: 35px;
  width: 65%;
}
@media (max-width: 1830px) and (min-width: 1450px) {
  .crm-card .card-body p {
    width: 62%;
  }
}
@media (max-width: 1780px) {
  .crm-card .card-body p {
    display: -webkit-box;
    height: 44px;
    max-width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media (max-width: 1459px) {
  .crm-card .card-body p {
    display: -webkit-box;
    height: 44px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  .crm-card .card-body p {
    width: 70%;
  }
}
@media (max-width: 767px) {
  .crm-card .card-body p {
    margin-bottom: 0;
  }
}
@media (max-width: 617px) {
  .crm-card .card-body p {
    margin-bottom: 14px;
    width: 60%;
  }
}
.crm-card .crm-img {
  animation: bounce-effect 3s ease infinite;
  bottom: 8px;
  height: 138px;
  position: absolute;
  right: 12px;
}
@media (max-width: 1874px) and (min-width: 1820px) {
  .crm-card .crm-img {
    bottom: 16px;
    height: 125px;
    right: 12px;
  }
}
@media (max-width: 1819px) and (min-width: 1626px) {
  .crm-card .crm-img {
    bottom: 10px;
    height: 118px;
    right: 8px;
  }
}
@media (max-width: 1625px) and (min-width: 1521px) {
  .crm-card .crm-img {
    bottom: 40px;
    height: 100px;
    right: 12px;
  }
}
@media (max-width: 1520px) and (min-width: 1400px) {
  .crm-card .crm-img {
    bottom: 44px;
    height: 88px;
    right: 4px;
  }
}
@media (max-width: 1419px) and (min-width: 1400px) {
  .crm-card .crm-img {
    bottom: 52px;
  }
}
@media (max-width: 1000px) and (min-width: 851px) {
  .crm-card .crm-img {
    height: 122px;
  }
}
@media (max-width: 850px) and (min-width: 768px) {
  .crm-card .crm-img {
    height: 112px;
    right: 8px;
  }
}
@media (max-width: 416px) {
  .crm-card .crm-img {
    bottom: 12px;
    height: 100px;
    right: 8px;
  }
}
.pipeline-data {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1536px) and (min-width: 1400px) {
  .pipeline-data {
    justify-content: center;
  }
}
@media (max-width: 698px) and (min-width: 576px) {
  .pipeline-data {
    justify-content: center;
  }
}
.pipeline-data [class*="dotted-"] {
  border-radius: 50%;
  height: 8px;
  width: 8px;
}
@media (max-width: 1673px) and (min-width: 1400px) {
  .pipeline-data [class*="dotted-"] {
    display: none;
  }
}
@media (max-width: 740px) {
  .pipeline-data [class*="dotted-"] {
    display: none;
  }
}
.pipeline-data .common-flex {
  align-items: baseline;
}
.pipeline-data .common-flex span {
  color: rgba(82, 82, 108, 0.8);
}
@media (max-width: 1697px) and (min-width: 1400px) {
  .pipeline-data .common-flex {
    gap: 6px;
  }
}
@media (max-width: 1536px) and (min-width: 1400px) {
  .pipeline-data .common-flex {
    display: none;
  }
}
@media (max-width: 698px) and (min-width: 576px) {
  .pipeline-data .common-flex {
    display: none;
  }
}
.revenue-chart-container {
  margin: -23px -10px -26px -16px;
}
.crm-todo-list li {
  border-bottom: 1px solid var(--chart-dashed-border);
  cursor: pointer;
  gap: 16px;
  padding: 12px 0;
}
@media (max-width: 1560px) and (min-width: 1400px) {
  .crm-todo-list li {
    gap: 12px;
  }
}
.crm-todo-list li:first-child {
  padding-top: 0;
}
.crm-todo-list li:last-child {
  border-bottom: unset;
  padding-bottom: 0;
}
.crm-todo-list li span.l-line-primary {
  background: #7366ff;
  border-radius: 4px;
  height: 48px;
  width: 3px;
}
.crm-todo-list li span.l-line-primary:last-child {
  margin-bottom: 0;
}
.crm-todo-list li span.l-line-secondary {
  background: #838383;
  border-radius: 4px;
  height: 48px;
  width: 3px;
}
.crm-todo-list li span.l-line-secondary:last-child {
  margin-bottom: 0;
}
.crm-todo-list li span.l-line-success {
  background: #65c15c;
  border-radius: 4px;
  height: 48px;
  width: 3px;
}
.crm-todo-list li span.l-line-success:last-child {
  margin-bottom: 0;
}
.crm-todo-list li span.l-line-danger {
  background: #fc564a;
  border-radius: 4px;
  height: 48px;
  width: 3px;
}
.crm-todo-list li span.l-line-danger:last-child {
  margin-bottom: 0;
}
.crm-todo-list li span.l-line-info {
  background: #40b8f5;
  border-radius: 4px;
  height: 48px;
  width: 3px;
}
.crm-todo-list li span.l-line-info:last-child {
  margin-bottom: 0;
}
.crm-todo-list li span.l-line-light {
  background: #f4f4f4;
  border-radius: 4px;
  height: 48px;
  width: 3px;
}
.crm-todo-list li span.l-line-light:last-child {
  margin-bottom: 0;
}
.crm-todo-list li span.l-line-dark {
  background: #3f475a;
  border-radius: 4px;
  height: 48px;
  width: 3px;
}
.crm-todo-list li span.l-line-dark:last-child {
  margin-bottom: 0;
}
.crm-todo-list li span.l-line-warning {
  background: #ffb829;
  border-radius: 4px;
  height: 48px;
  width: 3px;
}
.crm-todo-list li span.l-line-warning:last-child {
  margin-bottom: 0;
}
@media (max-width: 1880px) {
  .crm-todo-list li p {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media (max-width: 1723px) and (min-width: 1519px) {
  .crm-todo-list li p {
    max-width: 158px;
  }
}
@media (max-width: 1518px) and (min-width: 1400px) {
  .crm-todo-list li p {
    max-width: 130px;
  }
}
@media (max-width: 843px) and (min-width: 768px) {
  .crm-todo-list li p {
    max-width: 200px;
  }
}
@media (max-width: 368px) {
  .crm-todo-list li p {
    max-width: 145px;
  }
}
.crm-todo-list li .form-check .form-check-input {
  border-color: rgba(82, 82, 108, 0.8);
}
.crm-todo-list li .form-check .form-check-input:focus {
  box-shadow: unset;
}
.crm-todo-list li span {
  color: rgba(82, 82, 108, 0.8);
}
.crm-todo-list li .flex-grow-1 a {
  color: var(--body-font-color);
  display: block;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.7px;
}
@media (max-width: 338px) {
  .finance-wrapper .common-flex {
    gap: 6px;
  }
}
@media (max-width: 322px) {
  .finance-wrapper .common-flex {
    flex-direction: column;
  }
}
.finance-wrapper .common-flex h6:last-child {
  border-left: 1px solid var(--chart-dashed-border);
  padding-left: 16px;
}
@media (max-width: 338px) and (min-width: 323px) {
  .finance-wrapper .common-flex h6:last-child {
    padding-left: 6px;
  }
}
@media (max-width: 322px) {
  .finance-wrapper .common-flex h6:last-child {
    border-left: unset;
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  .finance-wrapper .finance-chart-wrapper {
    margin-bottom: -20px;
  }
}
.deal-table.recent-table tbody tr td,
.deal-table.recent-table tbody tr th,
.deal-table.recent-table thead tr td,
.deal-table.recent-table thead tr th {
  color: #52526c;
  min-width: auto;
}
.deal-table.recent-table tbody tr td:first-child,
.deal-table.recent-table tbody tr th:first-child,
.deal-table.recent-table thead tr td:first-child,
.deal-table.recent-table thead tr th:first-child {
  padding-left: 20px;
}
@media (max-width: 1704px) and (min-width: 1400px) {
  .deal-table.recent-table tbody tr td:first-child,
  .deal-table.recent-table tbody tr th:first-child,
  .deal-table.recent-table thead tr td:first-child,
  .deal-table.recent-table thead tr th:first-child {
    display: none;
  }
  .deal-table.recent-table tbody tr td:nth-child(2),
  .deal-table.recent-table tbody tr th:nth-child(2),
  .deal-table.recent-table thead tr td:nth-child(2),
  .deal-table.recent-table thead tr th:nth-child(2) {
    padding-left: 20px;
  }
}
.deal-table.recent-table tbody tr td:last-child,
.deal-table.recent-table tbody tr th:last-child,
.deal-table.recent-table thead tr td:last-child,
.deal-table.recent-table thead tr th:last-child {
  padding-right: 20px;
}
@media (max-width: 1591px) and (min-width: 1400px) {
  .deal-table.recent-table tbody tr td:first-child,
  .deal-table.recent-table tbody tr th:first-child,
  .deal-table.recent-table thead tr td:first-child,
  .deal-table.recent-table thead tr th:first-child {
    display: none;
  }
  .deal-table.recent-table tbody tr td:nth-child(2),
  .deal-table.recent-table tbody tr th:nth-child(2),
  .deal-table.recent-table thead tr td:nth-child(2),
  .deal-table.recent-table thead tr th:nth-child(2) {
    padding-left: 20px;
  }
}
@media (max-width: 1450px) and (min-width: 1200px) {
  .deal-table.recent-table tbody tr td:nth-child(3),
  .deal-table.recent-table tbody tr th:nth-child(3),
  .deal-table.recent-table thead tr td:nth-child(3),
  .deal-table.recent-table thead tr th:nth-child(3) {
    display: none;
  }
}
@media (max-width: 1064px) {
  .deal-table.recent-table tbody tr td:first-child,
  .deal-table.recent-table tbody tr th:first-child,
  .deal-table.recent-table thead tr td:first-child,
  .deal-table.recent-table thead tr th:first-child {
    min-width: 52px;
  }
  .deal-table.recent-table tbody tr td:nth-child(2),
  .deal-table.recent-table tbody tr th:nth-child(2),
  .deal-table.recent-table thead tr td:nth-child(2),
  .deal-table.recent-table thead tr th:nth-child(2) {
    min-width: 116px;
  }
  .deal-table.recent-table tbody tr td:last-child,
  .deal-table.recent-table tbody tr th:last-child,
  .deal-table.recent-table thead tr td:last-child,
  .deal-table.recent-table thead tr th:last-child {
    min-width: 90px;
  }
}
@media (max-width: 899px) {
  .deal-table.recent-table tbody tr td:first-child,
  .deal-table.recent-table tbody tr th:first-child,
  .deal-table.recent-table thead tr td:first-child,
  .deal-table.recent-table thead tr th:first-child {
    min-width: 98px;
  }
  .deal-table.recent-table tbody tr td:nth-child(2),
  .deal-table.recent-table tbody tr th:nth-child(2),
  .deal-table.recent-table thead tr td:nth-child(2),
  .deal-table.recent-table thead tr th:nth-child(2) {
    min-width: 135px;
  }
  .deal-table.recent-table tbody tr td:nth-child(3),
  .deal-table.recent-table tbody tr th:nth-child(3),
  .deal-table.recent-table thead tr td:nth-child(3),
  .deal-table.recent-table thead tr th:nth-child(3) {
    min-width: 100px;
  }
  .deal-table.recent-table tbody tr td:last-child,
  .deal-table.recent-table tbody tr th:last-child,
  .deal-table.recent-table thead tr td:last-child,
  .deal-table.recent-table thead tr th:last-child {
    min-width: 135px;
  }
}
.deal-table.recent-table thead tr th {
  color: #52526c;
}
.lead-table.recent-table.table-responsive
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search {
  right: 60px;
}
@media (max-width: 1000px) {
  .lead-table.recent-table.table-responsive
    div.dt-container
    .dt-layout-row
    .dt-layout-cell
    .dt-search {
    display: none;
  }
}
.lead-table.recent-table thead tr th {
  color: #52526c;
}
.lead-table.recent-table tbody tr td,
.lead-table.recent-table tbody tr th,
.lead-table.recent-table thead tr td,
.lead-table.recent-table thead tr th {
  color: #52526c;
  min-width: auto;
}
.lead-table.recent-table tbody tr td:first-child,
.lead-table.recent-table tbody tr th:first-child,
.lead-table.recent-table thead tr td:first-child,
.lead-table.recent-table thead tr th:first-child {
  padding-left: 20px;
}
.lead-table.recent-table tbody tr td:last-child,
.lead-table.recent-table tbody tr th:last-child,
.lead-table.recent-table thead tr td:last-child,
.lead-table.recent-table thead tr th:last-child {
  padding-right: 20px;
}
@media (max-width: 1312px) {
  .lead-table.recent-table tbody tr td:last-child .btn,
  .lead-table.recent-table tbody tr th:last-child .btn,
  .lead-table.recent-table thead tr td:last-child .btn,
  .lead-table.recent-table thead tr th:last-child .btn {
    padding: 6px 16px;
  }
}
.lead-table.recent-table tbody tr td .common-flex .lead-img,
.lead-table.recent-table tbody tr th .common-flex .lead-img,
.lead-table.recent-table thead tr td .common-flex .lead-img,
.lead-table.recent-table thead tr th .common-flex .lead-img {
  border-radius: 8px;
  height: 36px;
}
@media (max-width: 1629px) {
  .lead-table.recent-table tbody tr td .common-flex .lead-img,
  .lead-table.recent-table tbody tr th .common-flex .lead-img,
  .lead-table.recent-table thead tr td .common-flex .lead-img,
  .lead-table.recent-table thead tr th .common-flex .lead-img {
    height: 28px;
  }
}
.lead-table.recent-table tbody tr td:nth-child(4) .common-flex,
.lead-table.recent-table tbody tr th:nth-child(4) .common-flex,
.lead-table.recent-table thead tr td:nth-child(4) .common-flex,
.lead-table.recent-table thead tr th:nth-child(4) .common-flex {
  gap: 5px;
}
@media (max-width: 1670px) and (min-width: 1200px) {
  .lead-table.recent-table tbody tr td:nth-child(3),
  .lead-table.recent-table tbody tr th:nth-child(3),
  .lead-table.recent-table thead tr td:nth-child(3),
  .lead-table.recent-table thead tr th:nth-child(3) {
    display: none;
  }
}
@media (max-width: 1608px) and (min-width: 1200px) {
  .lead-table.recent-table tbody tr td:nth-child(3),
  .lead-table.recent-table tbody tr th:nth-child(3),
  .lead-table.recent-table thead tr td:nth-child(3),
  .lead-table.recent-table thead tr th:nth-child(3) {
    display: none;
  }
}
@media (max-width: 1363px) and (min-width: 1200px) {
  .lead-table.recent-table tbody tr td:nth-child(2),
  .lead-table.recent-table tbody tr th:nth-child(2),
  .lead-table.recent-table thead tr td:nth-child(2),
  .lead-table.recent-table thead tr th:nth-child(2) {
    display: none;
  }
}
@media (max-width: 1199px) and (min-width: 1200px) {
  .lead-table.recent-table tbody tr td:first-child,
  .lead-table.recent-table tbody tr th:first-child,
  .lead-table.recent-table thead tr td:first-child,
  .lead-table.recent-table thead tr th:first-child {
    min-width: 128px;
  }
  .lead-table.recent-table tbody tr td:nth-child(4),
  .lead-table.recent-table tbody tr th:nth-child(4),
  .lead-table.recent-table thead tr td:nth-child(4),
  .lead-table.recent-table thead tr th:nth-child(4) {
    min-width: 104px;
  }
}
@media (max-width: 1199px) {
  .lead-table.recent-table tbody tr td:first-child,
  .lead-table.recent-table tbody tr th:first-child,
  .lead-table.recent-table thead tr td:first-child,
  .lead-table.recent-table thead tr th:first-child {
    min-width: 100px;
  }
  .lead-table.recent-table tbody tr td:nth-child(4),
  .lead-table.recent-table tbody tr th:nth-child(4),
  .lead-table.recent-table thead tr td:nth-child(4),
  .lead-table.recent-table thead tr th:nth-child(4) {
    min-width: 114px;
  }
}
.main-lead-source {
  margin-left: -100px;
}
.main-lead-source,
.main-lead-source .lead-source-1 {
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative;
}
.main-lead-source .lead-source-1 {
  background-color: rgba(115, 102, 255, 0.9);
  border-radius: 50%;
  height: 200px;
  margin: 40px 0 80px 20px;
  text-align: center;
  width: 200px;
}
@media (max-width: 1920px) and (min-width: 1400px) {
  .main-lead-source .lead-source-1 {
    height: calc(-95.38462px + 15.38462vw);
    width: calc(-95.38462px + 15.38462vw);
  }
}
@media (max-width: 1610px) and (min-width: 1411px) {
  .main-lead-source .lead-source-1 {
    margin: 60px 0 100px 20px;
  }
}
@media (max-width: 1410px) and (min-width: 1400px) {
  .main-lead-source .lead-source-1 {
    margin: 70px 0 120px 20px;
  }
}
@media (max-width: 1399px) and (min-width: 1211px) {
  .main-lead-source .lead-source-1 {
    margin: 30px 0 80px 20px;
  }
}
@media (max-width: 1210px) {
  .main-lead-source .lead-source-1 {
    margin: 40px 0 90px 20px;
  }
}
@media (max-width: 1263px) and (min-width: 768px) {
  .main-lead-source .lead-source-1 {
    height: calc(140px + 3.125vw);
    width: calc(140px + 3.125vw);
  }
}
@media (max-width: 992px) and (min-width: 768px) {
  .main-lead-source .lead-source-1 {
    margin-top: 60px;
  }
}
@media (max-width: 767px) {
  .main-lead-source .lead-source-1 {
    height: calc(116px + 4.375vw);
    margin: 20px 0 70px 20px;
    width: calc(116px + 4.375vw);
  }
}
@media (max-width: 585px) and (min-width: 576px) {
  .main-lead-source .lead-source-1 {
    margin: 42px 0 92px 32px;
  }
}
.main-lead-source .lead-source-2 {
  align-items: center;
  background-color: rgba(255, 184, 41, 0.9);
  border-radius: 50%;
  display: flex;
  height: 100px;
  justify-content: center;
  position: absolute;
  right: -35%;
  top: 0;
  transform: translateY(8%);
  width: 100px;
  z-index: 1;
}
@media (max-width: 1920px) and (min-width: 1400px) {
  .main-lead-source .lead-source-2 {
    height: calc(-10.76923px + 5.76923vw);
    width: calc(-10.76923px + 5.76923vw);
  }
}
@media (max-width: 1410px) and (min-width: 1400px) {
  .main-lead-source .lead-source-2 {
    right: -42%;
  }
}
@media (max-width: 1263px) and (min-width: 768px) {
  .main-lead-source .lead-source-2 {
    height: calc(75px + 1.30208vw);
    width: calc(75px + 1.30208vw);
  }
}
@media (max-width: 767px) {
  .main-lead-source .lead-source-2 {
    height: calc(70px + 1.5625vw);
    width: calc(70px + 1.5625vw);
  }
}
.lead-source-3 {
  align-items: center;
  background-color: rgba(101, 193, 92, 0.9);
  border-radius: 50%;
  bottom: 20%;
  display: flex;
  height: 150px;
  justify-content: center;
  position: absolute;
  right: -90%;
  transform: translate(-50%, 50%);
  width: 150px;
}
@media (max-width: 1920px) and (min-width: 1400px) {
  .lead-source-3 {
    height: calc(-108.46154px + 13.46154vw);
    width: calc(-108.46154px + 13.46154vw);
  }
}
@media (max-width: 1599px) {
  .lead-source-3 {
    bottom: 16%;
    right: -85%;
  }
}
@media (max-width: 1263px) and (min-width: 768px) {
  .lead-source-3 {
    height: calc(100px + 2.60417vw);
    width: calc(100px + 2.60417vw);
  }
}
@media (max-width: 767px) {
  .lead-source-3 {
    height: calc(84px + 3.4375vw);
    width: calc(84px + 3.4375vw);
  }
}
.source-txt h5,
.source-txt span {
  color: #fff;
}
.source-txt h5 {
  font-size: calc(14.8px + 0.375vw);
}
#sales-chart .apexcharts-legend {
  gap: 12px;
}
@media (max-width: 1615px) {
  #sales-chart .apexcharts-legend {
    gap: 0;
  }
}
.sales-week-container {
  margin: 0 -12px -40px;
}
.pipeline-chart-container {
  margin-bottom: -12px;
}
@media (max-width: 767px) {
  .sales-chart-wrapper {
    margin-bottom: -40px;
  }
}
.main-sale .sales-chart-wrap #sales-chart1 {
  margin-bottom: -30px;
}
.main-sale .sale-details {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1650px) and (min-width: 1400px) {
  .sales-header span {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media (max-width: 715px) {
  .sales-header span {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media (max-width: 1524px) and (min-width: 1400px) {
  .schedule-card .card-header-right-icon .btn {
    display: none;
  }
}
@media (max-width: 660px) {
  .schedule-card .card-header-right-icon .btn {
    display: none;
  }
}
.sales-data {
  align-items: center;
  justify-content: space-around;
}
@media (max-width: 1490px) and (min-width: 1431px) {
  .sales-data {
    gap: 8px;
    justify-content: flex-start;
  }
}
@media (max-width: 1430px) and (min-width: 1400px) {
  .sales-data {
    display: none;
  }
}
@media (max-width: 635px) and (min-width: 576px) {
  .sales-data {
    align-items: center;
    gap: 10px;
    justify-content: flex-start;
  }
}
.sales-data li .sale-value {
  border-radius: 50%;
  height: 10px;
  width: 10px;
}
.sales-data li .sale-value.primary-20 {
  background-color: rgba(115, 102, 255, 0.2);
}
.sales-data li .sale-value.primary-40 {
  background-color: rgba(115, 102, 255, 0.4);
}
.sales-data li .sale-value.primary-70 {
  background-color: rgba(115, 102, 255, 0.7);
}
.sales-data li span:last-child {
  font-size: 13px;
}
@media (max-width: 1579px) {
  .week-header .card-header-right-icon {
    display: none;
  }
}
.visits-wrapper .card-body .common-flex {
  align-items: center;
  background-color: var(--course-light-btn);
  border-radius: 8px;
  padding: 10px 12px;
  width: -moz-fit-content;
  width: fit-content;
}
.treading-product .recent-table table tbody tr td .referral-wrapper {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: flex-start;
}
.treading-product .recent-table table tbody tr td .referral-wrapper svg {
  height: 16px;
  width: 16px;
}
@media (max-width: 812px) {
  .treading-product .recent-table table tbody tr td:nth-child(2) {
    min-width: 135px;
  }
}
.referral-visit .table tbody tr td,
.referral-visit .table tbody tr th,
.referral-visit .table thead tr td,
.referral-visit .table thead tr th {
  min-width: auto;
}
@media (max-width: 1731px) {
  .referral-visit .table tbody tr td .btn,
  .referral-visit .table tbody tr th .btn,
  .referral-visit .table thead tr td .btn,
  .referral-visit .table thead tr th .btn {
    padding: 6px 16px;
  }
}
@media (max-width: 1695px) and (min-width: 1456px) {
  .referral-visit .table tbody tr td span,
  .referral-visit .table tbody tr th span,
  .referral-visit .table thead tr td span,
  .referral-visit .table thead tr th span {
    display: none;
  }
}
@media (max-width: 1455px) and (min-width: 1200px) {
  .referral-visit .table tbody tr td:nth-child(2),
  .referral-visit .table tbody tr th:nth-child(2),
  .referral-visit .table thead tr td:nth-child(2),
  .referral-visit .table thead tr th:nth-child(2) {
    display: none;
  }
}
.referral-visit .table tbody tr td .referral-wrapper .bg-dark-primary,
.referral-visit .table tbody tr th .referral-wrapper .bg-dark-primary,
.referral-visit .table thead tr td .referral-wrapper .bg-dark-primary,
.referral-visit .table thead tr th .referral-wrapper .bg-dark-primary {
  border: 1px solid #2f84f4;
}
.referral-visit
  .table
  tbody
  tr
  td
  .referral-wrapper
  .bg-dark-primary
  .social-wrapper,
.referral-visit
  .table
  tbody
  tr
  th
  .referral-wrapper
  .bg-dark-primary
  .social-wrapper,
.referral-visit
  .table
  thead
  tr
  td
  .referral-wrapper
  .bg-dark-primary
  .social-wrapper,
.referral-visit
  .table
  thead
  tr
  th
  .referral-wrapper
  .bg-dark-primary
  .social-wrapper {
  background-color: rgba(47, 132, 244, 0.1);
}
.referral-visit .table tbody tr td .referral-wrapper > div,
.referral-visit .table tbody tr th .referral-wrapper > div,
.referral-visit .table thead tr td .referral-wrapper > div,
.referral-visit .table thead tr th .referral-wrapper > div {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: center;
}
.referral-visit .table tbody tr td .referral-wrapper > div > div,
.referral-visit .table tbody tr th .referral-wrapper > div > div,
.referral-visit .table thead tr td .referral-wrapper > div > div,
.referral-visit .table thead tr th .referral-wrapper > div > div {
  border: 1px solid #2f84f4;
  border-radius: 50%;
  height: 34px;
  padding: 3px;
  width: 34px;
}
.referral-visit
  .table
  tbody
  tr
  td
  .referral-wrapper
  > div
  > div
  .social-wrapper,
.referral-visit
  .table
  tbody
  tr
  th
  .referral-wrapper
  > div
  > div
  .social-wrapper,
.referral-visit
  .table
  thead
  tr
  td
  .referral-wrapper
  > div
  > div
  .social-wrapper,
.referral-visit
  .table
  thead
  tr
  th
  .referral-wrapper
  > div
  > div
  .social-wrapper {
  align-items: center;
  border-radius: 50%;
  display: flex;
  height: 100%;
  justify-content: center;
  min-width: 100%;
}
.referral-visit .table tbody tr:last-child td,
.referral-visit .table thead tr:last-child td {
  border: unset;
  padding-bottom: 0;
}
@media (max-width: 420px) {
  .dashboard-10 .card.heading-space .header-top {
    margin-left: 0;
  }
  .page-analytics-table .recent-table div.dt-container .dt-layout-row {
    position: relative;
  }
}
.page-analytics-table
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search {
  right: 60px;
  top: 24px;
}
@media (max-width: 1500px) {
  .page-analytics-table
    .recent-table
    div.dt-container
    .dt-layout-row
    .dt-layout-cell
    .dt-search {
    left: 20px;
    margin-bottom: 20px;
    position: relative;
    top: 4px;
    width: 90%;
  }
}
@media (max-width: 420px) {
  .page-analytics-table
    .recent-table
    div.dt-container
    .dt-layout-row
    .dt-layout-cell
    .dt-search {
    left: unset;
    right: -130px;
  }
  .page-analytics-table
    .recent-table
    div.dt-container
    .dt-layout-row:first-child
    .dt-length {
    left: 20px;
    top: 0;
  }
}
.page-analytics-table .recent-table div.dt-container .dt-layout-row:last-child {
  flex-direction: column;
}
.page-analytics-table .recent-table .table tbody tr td,
.page-analytics-table .recent-table .table tbody tr th,
.page-analytics-table .recent-table .table thead tr td,
.page-analytics-table .recent-table .table thead tr th {
  color: var(--body-font-color);
  min-width: auto;
}
.page-analytics-table .recent-table .table tbody tr td:first-child,
.page-analytics-table .recent-table .table tbody tr th:first-child,
.page-analytics-table .recent-table .table thead tr td:first-child,
.page-analytics-table .recent-table .table thead tr th:first-child {
  padding-left: 20px;
}
.page-analytics-table .recent-table .table tbody tr td:last-child,
.page-analytics-table .recent-table .table tbody tr th:last-child,
.page-analytics-table .recent-table .table thead tr td:last-child,
.page-analytics-table .recent-table .table thead tr th:last-child {
  padding-right: 20px;
}
@media (max-width: 1588px) and (min-width: 1200px) {
  .page-analytics-table .recent-table .table tbody tr td:nth-child(5),
  .page-analytics-table .recent-table .table tbody tr th:nth-child(5),
  .page-analytics-table .recent-table .table thead tr td:nth-child(5),
  .page-analytics-table .recent-table .table thead tr th:nth-child(5) {
    display: none;
  }
}
@media (max-width: 1368px) and (min-width: 1200px) {
  .page-analytics-table .recent-table .table tbody tr td:nth-child(4),
  .page-analytics-table .recent-table .table tbody tr th:nth-child(4),
  .page-analytics-table .recent-table .table thead tr td:nth-child(4),
  .page-analytics-table .recent-table .table thead tr th:nth-child(4) {
    display: none;
  }
}
@media (max-width: 684px) {
  .page-analytics-table .recent-table .table tbody tr td:nth-child(2),
  .page-analytics-table .recent-table .table tbody tr th:nth-child(2),
  .page-analytics-table .recent-table .table thead tr td:nth-child(2),
  .page-analytics-table .recent-table .table thead tr th:nth-child(2) {
    min-width: 104px;
  }
  .page-analytics-table .recent-table .table tbody tr td:nth-child(3),
  .page-analytics-table .recent-table .table tbody tr td:nth-child(4),
  .page-analytics-table .recent-table .table tbody tr td:nth-child(5),
  .page-analytics-table .recent-table .table tbody tr th:nth-child(3),
  .page-analytics-table .recent-table .table tbody tr th:nth-child(4),
  .page-analytics-table .recent-table .table tbody tr th:nth-child(5),
  .page-analytics-table .recent-table .table thead tr td:nth-child(3),
  .page-analytics-table .recent-table .table thead tr td:nth-child(4),
  .page-analytics-table .recent-table .table thead tr td:nth-child(5),
  .page-analytics-table .recent-table .table thead tr th:nth-child(3),
  .page-analytics-table .recent-table .table thead tr th:nth-child(4),
  .page-analytics-table .recent-table .table thead tr th:nth-child(5) {
    min-width: 118px;
  }
}
.page-analytics-table .recent-table .table tbody tr td svg,
.page-analytics-table .recent-table .table tbody tr th svg,
.page-analytics-table .recent-table .table thead tr td svg,
.page-analytics-table .recent-table .table thead tr th svg {
  height: 14px;
  width: 14px;
}
.live-user-wrapper .user-data {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: flex-start;
  margin-bottom: 8px;
}
.live-user-wrapper .user-data h5 {
  margin-bottom: 4px;
}
.live-user-wrapper .user-data span svg {
  height: 14px;
  vertical-align: middle;
  width: 14px;
}
.analytics-widget {
  background-image: url(images/light-bg.jpg);
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 575px) {
  .analytics-widget {
    background-position: top;
    text-align: center;
  }
}
.analytics-widget img {
  height: 138px;
}
@media (max-width: 450px) {
  .analytics-widget img {
    height: 115px;
  }
}
.analytics-widget .btn {
  min-width: auto;
}
@media (max-width: 1485px) {
  .analytics-widget .btn {
    font-size: 14px;
    padding: 8px 14px;
  }
}
@media (max-width: 1468px) {
  .analytics-widget h5 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media (max-width: 1789px) {
  .analytics-widget .card-text {
    display: -webkit-box;
    height: 46px;
    max-width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: unset;
  }
}
.analytics-tread-card:hover {
  transform: translateY(-5px);
  transition: 0.5s;
}
.analytics-tread-card .header-top svg {
  height: 14px;
  width: 14px;
}
.analytics-tread-card .progress {
  background-color: rgba(64, 184, 245, 0.1);
  height: 12px;
  margin: 58px 0 20px;
}
@media (max-width: 1700px) {
  .analytics-tread-card .progress {
    height: 8px;
  }
}
@media (max-width: 1500px) and (min-width: 1200px) {
  .analytics-tread-card .progress {
    margin: 90px 0 20px;
  }
}
@media (max-width: 1199px) {
  .analytics-tread-card .progress {
    margin: 40px 0 20px;
  }
}
.analytics-tread-card .progress .progress-bar-striped {
  background-image: linear-gradient(
    45deg,
    hsla(0, 0%, 100%, 0.8) 25%,
    transparent 0,
    transparent 50%,
    hsla(0, 0%, 100%, 0.8) 0,
    hsla(0, 0%, 100%, 0.8) 75%,
    transparent 0,
    transparent
  );
}
.analytics-tread-card .analytics-tread {
  align-items: center;
  border-radius: 5px;
  display: flex;
  height: calc(46px + 0.625vw);
  justify-content: center;
  width: calc(46px + 0.625vw);
}
.analytics-tread-card .analytics-tread svg {
  height: calc(18.4px + 0.5vw);
  width: calc(18.4px + 0.5vw);
}
.analytics-tread-card .session-progress .progress {
  background-color: rgba(101, 193, 92, 0.1);
}
.analytics-tread-card
  .session-progress
  .progress
  .small-progressbar
  .animate-circle {
  animation: unset;
  background-color: 90deg, rgba(101, 193, 92, 0.2) 0, #65c15c 76.58%;
  border: 5px solid rgba(101, 193, 92, 0.62);
  padding: 10px;
  right: -16px;
  top: -10px;
}
@media (max-width: 1700px) {
  .analytics-tread-card
    .session-progress
    .progress
    .small-progressbar
    .animate-circle {
    top: -11px;
  }
}
.analytics-tread-card .session-progress .progress .small-progressbar:after {
  background-color: #65c15c;
  height: 16px;
  right: -9px;
  top: -3px;
  width: 16px;
}
@media (max-width: 1700px) {
  .analytics-tread-card .session-progress .progress .small-progressbar:after {
    height: 14px;
    top: -3px;
    width: 14px;
  }
}
.analytics-tread-card .session-progress .progress .progress-label {
  background-color: #65c15c;
  border-radius: 6px;
  color: #fff;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 600;
  padding: 2px 8px;
  right: -20px;
  top: -55px;
}
@media (max-width: 1399px) {
  .analytics-tread-card .session-progress .progress .progress-label {
    font-size: 12px;
    right: -16px;
    top: -50px;
  }
}
.analytics-tread-card .session-progress .progress .progress-label:after {
  border: 8px solid transparent;
  border-bottom: 0;
  border-top: 8px solid #65c15c;
  bottom: 0;
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  transform: translate(-50%, 100%);
}
.analytics-tread-card.retention-progress .card-body .progress {
  margin-top: 38px;
}
@media (max-width: 1500px) and (min-width: 1200px) {
  .analytics-tread-card.retention-progress .card-body .progress {
    margin-top: 70px;
  }
}
@media (max-width: 1199px) {
  .analytics-tread-card.retention-progress .card-body .progress {
    margin-top: 12px;
  }
}
.analytics-tread-card .header-top .common-align {
  align-items: baseline;
  gap: 8px;
}
@media (max-width: 1345px) and (min-width: 1200px) {
  .analytics-tread-card .header-top .common-align > span {
    display: none;
  }
}
@media (max-width: 1426px) and (min-width: 1200px) {
  .analytics-tread-card .header-top > div span {
    max-width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media (max-width: 1320px) and (min-width: 1231px) {
  .analytics-tread-card .header-top > div span {
    max-width: 104px;
  }
}
@media (max-width: 1230px) and (min-width: 1200px) {
  .analytics-tread-card .header-top > div span {
    max-width: 80px;
  }
}
@media (max-width: 592px) and (min-width: 576px) {
  .analytics-tread-card .header-top > div span {
    max-width: 106px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.user-analytics-wrapper {
  margin: -40px -10px -20px -30px;
}
@media (max-width: 575px) {
  .user-analytics-wrapper {
    margin: -40px 0 -20px -20px;
  }
}
.analytics-view-wrapper {
  margin: -34px -10px -30px 0;
  overflow: hidden;
}
.visit-duration-wrapper {
  margin: -34px 35px -30px 0;
}
.bounce-rate-wrapper {
  margin: -34px -20px -30px 0;
  overflow: hidden;
}
.main-session-devices .common-align {
  align-items: unset;
  flex-direction: column;
  gap: 32px;
}
@media (max-width: 575px) {
  .main-session-devices .common-align {
    gap: 8px;
  }
}
.main-session-devices .common-align p {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0;
}
@media (max-width: 1290px) and (min-width: 1200px) {
  .main-session-devices .common-align .common-space span {
    display: none;
  }
}
@media (max-width: 850px) and (min-width: 768px) {
  .main-session-devices .common-align .common-space span {
    display: none;
  }
}
.main-session-devices .progress {
  background: linear-gradient(0.501turn, #cfdce8 -32.82%, #fff 132.82%);
  border-radius: 100px;
  height: 10px;
}
.session-browser-table .table-responsive .table tbody tr td,
.session-browser-table .table-responsive .table tbody tr th,
.session-browser-table .table-responsive .table thead tr td,
.session-browser-table .table-responsive .table thead tr th {
  border: unset;
  color: var(--body-font-color);
  min-width: auto;
}
.session-browser-table .table-responsive .table tbody tr td:first-child,
.session-browser-table .table-responsive .table tbody tr th:first-child,
.session-browser-table .table-responsive .table thead tr td:first-child,
.session-browser-table .table-responsive .table thead tr th:first-child {
  padding-left: 20px;
}
.session-browser-table .table-responsive .table tbody tr td:last-child,
.session-browser-table .table-responsive .table tbody tr th:last-child,
.session-browser-table .table-responsive .table thead tr td:last-child,
.session-browser-table .table-responsive .table thead tr th:last-child {
  padding-right: 20px;
}
.session-browser-table .table-responsive .table tbody tr td .session-name,
.session-browser-table .table-responsive .table tbody tr th .session-name,
.session-browser-table .table-responsive .table thead tr td .session-name,
.session-browser-table .table-responsive .table thead tr th .session-name {
  color: var(--body-font-color);
  font-weight: 500;
}
@media (max-width: 1255px) and (min-width: 1200px) {
  .session-browser-table .table-responsive .table tbody tr td .session-name,
  .session-browser-table .table-responsive .table tbody tr th .session-name,
  .session-browser-table .table-responsive .table thead tr td .session-name,
  .session-browser-table .table-responsive .table thead tr th .session-name {
    display: none;
  }
}
@media (max-width: 1272px) and (min-width: 1200px) {
  .session-browser-table .table-responsive .table tbody tr td .common-flex,
  .session-browser-table .table-responsive .table tbody tr th .common-flex,
  .session-browser-table .table-responsive .table thead tr td .common-flex,
  .session-browser-table .table-responsive .table thead tr th .common-flex {
    gap: 8px;
  }
}
@media (max-width: 1255px) and (min-width: 1200px) {
  .session-browser-table .table-responsive .table tbody tr td .common-flex img,
  .session-browser-table .table-responsive .table tbody tr th .common-flex img,
  .session-browser-table .table-responsive .table thead tr td .common-flex img,
  .session-browser-table .table-responsive .table thead tr th .common-flex img {
    height: 20px;
  }
}
@media (max-width: 1752px) and (min-width: 1440px) {
  .session-browser-table .table-responsive .table tbody tr td,
  .session-browser-table .table-responsive .table tbody tr th,
  .session-browser-table .table-responsive .table thead tr td,
  .session-browser-table .table-responsive .table thead tr th {
    padding-block: 9px;
  }
}
@media (max-width: 1439px) and (min-width: 1200px) {
  .session-browser-table .table-responsive .table tbody tr td,
  .session-browser-table .table-responsive .table tbody tr th,
  .session-browser-table .table-responsive .table thead tr td,
  .session-browser-table .table-responsive .table thead tr th {
    padding-block: 7px;
  }
}
.session-browser-table .table-responsive .table tbody tr:last-child td,
.session-browser-table .table-responsive .table thead tr:last-child td {
  padding-bottom: 0;
}
.session-browser-table .table-responsive .table thead tr th {
  color: #52526c;
}
@media (max-width: 1439px) and (min-width: 1200px) {
  .session-browser-table .table-responsive .table tbody tr:nth-child(4) {
    display: none;
  }
}
.jvm-zoom-btn {
  display: none;
}
.live-user-map #map {
  height: 245px;
}
@media (max-width: 1752px) and (min-width: 1571px) {
  .live-user-map #map {
    height: 210px;
  }
}
@media (max-width: 1570px) and (min-width: 1440px) {
  .live-user-map #map {
    height: 180px;
  }
}
@media (max-width: 1439px) and (min-width: 768px) {
  .live-user-map #map {
    height: 150px;
  }
}
@media (max-width: 767px) {
  .live-user-map #map {
    height: 150px;
  }
}
.common-m-chart {
  margin-bottom: -20px;
}
@media (max-width: 458px) {
  .common-m-chart {
    margin-bottom: -40px;
  }
}
@media (max-width: 1199px) {
  .ord-md-i {
    order: 1;
  }
  .ord-md-ii {
    order: 2;
  }
  .ord-md-iii {
    order: 3;
  }
  .ord-md-iv {
    order: 4;
  }
  .ord-md-v {
    order: 5;
  }
  .ord-md-vi {
    order: 6;
  }
  .ord-md-vii {
    order: 7;
  }
  .ord-md-viii {
    order: 8;
  }
  .ord-md-ix {
    order: 9;
  }
  .ord-md-x {
    order: 10;
  }
}
.widget-11 {
  background-image: url(images/widget-bg.png);
  background-size: cover;
  margin-bottom: 25px;
}
.widget-11 .card-body {
  padding: 20px 19px;
}
.widget-11 .card-body .common-align {
  gap: 15px;
}
.widget-11 .card-body .analytics-tread {
  align-items: center;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  min-height: calc(46px + 0.625vw);
  min-width: calc(46px + 0.625vw);
}
@media (max-width: 1705px) and (min-width: 1200px) {
  .widget-11 .card-body .analytics-tread {
    min-height: 45px;
    min-width: 45px;
  }
}
.widget-11 .card-body .analytics-tread svg {
  height: calc(18.4px + 0.5vw);
  width: calc(18.4px + 0.5vw);
}
@media (max-width: 1705px) and (min-width: 1200px) {
  .widget-11 .card-body .analytics-tread svg {
    height: 24px;
    width: 24px;
  }
}
@media (max-width: 1835px) and (min-width: 1641px) {
  .widget-11 .card-body > div span {
    line-height: 1;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media (max-width: 1277px) and (min-width: 1200px) {
  .widget-11 .card-body > div span {
    line-height: 1;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media (max-width: 1430px) and (min-width: 1400px) {
  .attendance-table.recent-table div.dt-container .dt-layout-row .dt-search {
    display: none;
  }
}
@media (max-width: 1399px) {
  .attendance-table.recent-table div.dt-container .dt-layout-row .dt-search {
    left: 20px;
    margin-bottom: 20px;
    position: relative;
    top: 4px;
    width: 90%;
  }
}
@media (max-width: 1747px) and (min-width: 1400px) {
  .attendance-table.recent-table
    div.dt-container
    .dt-layout-row:last-child
    .dt-info {
    display: none;
  }
}
@media (max-width: 1399px) {
  .attendance-table.recent-table div.dt-container .dt-layout-row:last-child {
    flex-direction: column;
  }
}
.attendance-table.recent-table table tbody tr td,
.attendance-table.recent-table table tbody tr th,
.attendance-table.recent-table table thead tr td,
.attendance-table.recent-table table thead tr th {
  color: var(--body-font-color);
  min-width: auto;
}
.attendance-table.recent-table table tbody tr td a,
.attendance-table.recent-table table tbody tr th a,
.attendance-table.recent-table table thead tr td a,
.attendance-table.recent-table table thead tr th a {
  color: var(--body-font-color);
}
.attendance-table.recent-table table tbody tr td:first-child,
.attendance-table.recent-table table tbody tr th:first-child,
.attendance-table.recent-table table thead tr td:first-child,
.attendance-table.recent-table table thead tr th:first-child {
  padding-left: 20px;
}
.attendance-table.recent-table table tbody tr td:last-child,
.attendance-table.recent-table table tbody tr th:last-child,
.attendance-table.recent-table table thead tr td:last-child,
.attendance-table.recent-table table thead tr th:last-child {
  padding-right: 20px;
}
@media (max-width: 1656px) and (min-width: 1200px) {
  .attendance-table.recent-table table tbody tr td:nth-child(2),
  .attendance-table.recent-table table tbody tr th:nth-child(2),
  .attendance-table.recent-table table thead tr td:nth-child(2),
  .attendance-table.recent-table table thead tr th:nth-child(2) {
    display: none;
  }
}
.attendance-table.recent-table table tbody tr td .badge,
.attendance-table.recent-table table tbody tr th .badge,
.attendance-table.recent-table table thead tr td .badge,
.attendance-table.recent-table table thead tr th .badge {
  font-size: 14px;
  font-weight: 400;
  min-width: 70px;
  padding: 4px 7px;
}
@media (max-width: 1199px) {
  .attendance-table.recent-table table tbody tr td:first-child,
  .attendance-table.recent-table table tbody tr th:first-child,
  .attendance-table.recent-table table thead tr td:first-child,
  .attendance-table.recent-table table thead tr th:first-child {
    min-width: 120px;
  }
  .attendance-table.recent-table table tbody tr td:nth-child(2),
  .attendance-table.recent-table table tbody tr th:nth-child(2),
  .attendance-table.recent-table table thead tr td:nth-child(2),
  .attendance-table.recent-table table thead tr th:nth-child(2) {
    min-width: 108px;
  }
  .attendance-table.recent-table table tbody tr td:nth-child(3),
  .attendance-table.recent-table table tbody tr th:nth-child(3),
  .attendance-table.recent-table table thead tr td:nth-child(3),
  .attendance-table.recent-table table thead tr th:nth-child(3) {
    min-width: 104px;
  }
}
.bhd-user-cards {
  background-image: url(images/bg.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.birthday-cards .swiper {
  height: 100%;
  margin-block: 46px;
  width: 100%;
}
@media (max-width: 1447px) and (min-width: 1400px) {
  .birthday-cards .swiper {
    margin-block: 60px;
  }
}
@media (max-width: 1399px) and (min-width: 646px) {
  .birthday-cards .swiper {
    margin-block: 48px;
  }
}
@media (max-width: 645px) {
  .birthday-cards .swiper {
    margin-block: 35px;
  }
}
.birthday-cards .swiper .swiper-slide img {
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.birthday-cards .swiper .swiper-slide .birthday-usercard {
  text-align: center;
}
.birthday-cards .swiper .swiper-slide .birthday-usercard .btd-user {
  background-image: url(images/ring.png);
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 100%;
  display: inline-block;
  margin-bottom: 12px;
  padding: 8px;
  position: relative;
}
.birthday-cards .swiper .swiper-slide .birthday-usercard .btd-user img {
  border-radius: 50%;
  height: 80px;
}
@media (max-width: 1447px) and (min-width: 646px) {
  .birthday-cards .swiper .swiper-slide .birthday-usercard .btd-user img {
    height: 60px;
  }
}
@media (max-width: 645px) and (min-width: 576px) {
  .birthday-cards .swiper .swiper-slide .birthday-usercard .btd-user img {
    height: 50px;
  }
}
@media (max-width: 575px) {
  .birthday-cards .swiper .swiper-slide .birthday-usercard .btd-user img {
    height: 65px;
  }
}
.birthday-cards
  .swiper
  .swiper-slide
  .birthday-usercard
  .btd-user
  .verified-user {
  align-items: center;
  background-color: #65c15c;
  border: 2px solid #fff;
  border-radius: 100%;
  bottom: 12px;
  display: flex;
  height: 20px;
  justify-content: center;
  position: absolute;
  right: 4px;
  width: 20px;
}
@media (max-width: 1447px) and (min-width: 646px) {
  .birthday-cards
    .swiper
    .swiper-slide
    .birthday-usercard
    .btd-user
    .verified-user {
    bottom: 10px;
    height: 16px;
    right: 3px;
    width: 16px;
  }
}
.birthday-cards
  .swiper
  .swiper-slide
  .birthday-usercard
  .btd-user
  .verified-user
  i {
  color: #fff;
  font-size: 8px;
}
@media (max-width: 645px) and (min-width: 576px) {
  .birthday-cards
    .swiper
    .swiper-slide
    .birthday-usercard
    .btd-user
    .verified-user {
    bottom: 6px;
    height: 16px;
    width: 16px;
  }
  .birthday-cards
    .swiper
    .swiper-slide
    .birthday-usercard
    .btd-user
    .verified-user
    i {
    font-size: 6px;
  }
}
@media (max-width: 575px) {
  .birthday-cards
    .swiper
    .swiper-slide
    .birthday-usercard
    .btd-user
    .verified-user {
    bottom: 10px;
    height: 16px;
    width: 16px;
  }
  .birthday-cards
    .swiper
    .swiper-slide
    .birthday-usercard
    .btd-user
    .verified-user
    i {
    font-size: 6px;
  }
}
.birthday-cards .swiper .swiper-button-next,
.birthday-cards .swiper .swiper-button-prev {
  background-color: hsla(0, 0%, 100%, 0.2);
  border-radius: 2px;
  height: 23px;
  width: 26px;
}
.birthday-cards .swiper .swiper-button-next:after,
.birthday-cards .swiper .swiper-button-prev:after {
  color: #fff;
  font-size: 10px;
  font-weight: 700;
}
.birthday-cards .send-wishes {
  align-items: center;
  background-color: hsla(0, 0%, 100%, 0.15);
  border-radius: 2px;
  cursor: pointer;
  display: flex;
  gap: 10px;
  justify-content: center;
  margin: auto;
  padding: 14px 23px;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 1579px) {
  .birthday-cards .send-wishes {
    padding: 10px 16px;
  }
}
.birthday-cards .send-wishes i,
.birthday-cards .send-wishes span,
.birthday-cards h5,
.birthday-cards h6 {
  color: #fff;
}
@media (max-width: 762px) {
  .project-analytics h5 span {
    padding: 0 !important;
  }
}
.project-analytics .analytics-data .balance-data {
  display: inline-flex;
}
@media (max-width: 1680px) {
  .project-analytics .analytics-data .balance-data {
    display: none;
  }
}
.project-analytics .project-analytics-wrapper {
  margin: 0 0 -20px -10px;
}
@media (max-width: 748px) {
  .project-analytics .project-analytics-wrapper {
    margin: 0 0 -40px -10px;
  }
}
.app-overview-wrapper {
  margin: 0 -10px -20px;
}
.project-finish-card .project-left-content .progress {
  background: linear-gradient(0.501turn, #cfdce8 -32.82%, #fff 99.69%);
  background-color: transparent;
  border-radius: 20px;
  height: 14px;
  padding: 2px 4px;
}
.project-finish-card .project-left-content .progress .progress-bar {
  background-color: transparent;
}
.project-finish-card
  .project-left-content
  .progress
  .progress-bar
  .common-f-start
  .progress-box {
  align-items: center;
  background-color: transparent;
  border-radius: 50px;
  display: flex;
  gap: 4px;
  height: 16px;
  overflow: hidden;
  width: 100%;
}
.project-finish-card
  .project-left-content
  .progress
  .progress-bar
  .common-f-start
  .progress-box
  > div {
  background-color: var(--theme-default);
  height: 170%;
  max-width: 3px;
  min-width: 3px;
  width: 3px;
}
.project-finish-card .project-left-content > p {
  margin-bottom: 19px;
}
@media (max-width: 1517px) and (min-width: 768px) {
  .project-finish-card .project-left-content > p {
    display: -webkit-box;
    height: 48px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.project-finish-card .project-left-content .growth-info {
  margin-bottom: 31px;
}
@media (max-width: 897px) and (min-width: 768px) {
  .project-finish-card .project-left-content .growth-info {
    margin-bottom: 16px;
  }
}
.project-finish-card .project-left-content .growth-info p {
  margin-bottom: 19px;
}
.project-finish-card .project-progress span {
  margin-bottom: 7px;
}
@media (max-width: 792px) and (min-width: 768px) {
  .project-finish-card .project-progress span {
    max-width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.project-finish-card .project-right-content {
  animation: bounce-effect 3s ease-in infinite;
  bottom: -60px;
  position: absolute;
  right: -16px;
}
@media (max-width: 1680px) and (min-width: 1600px) {
  .project-finish-card .project-right-content {
    bottom: -52px;
  }
}
@media (max-width: 1599px) and (min-width: 1400px) {
  .project-finish-card .project-right-content {
    bottom: -50px;
  }
}
@media (max-width: 1399px) and (min-width: 1200px) {
  .project-finish-card .project-right-content {
    bottom: -75px;
  }
}
@media (max-width: 1199px) and (min-width: 1071px) {
  .project-finish-card .project-right-content {
    bottom: -63px;
  }
}
@media (max-width: 1070px) and (min-width: 898px) {
  .project-finish-card .project-right-content {
    bottom: -55px;
  }
}
@media (max-width: 897px) and (min-width: 768px) {
  .project-finish-card .project-right-content {
    bottom: -50px;
  }
}
@media (max-width: 767px) and (min-width: 641px) {
  .project-finish-card .project-right-content {
    bottom: -83px;
  }
}
@media (max-width: 640px) and (min-width: 501px) {
  .project-finish-card .project-right-content {
    bottom: -72px;
  }
}
@media (max-width: 500px) {
  .project-finish-card .project-right-content {
    bottom: -57px;
  }
}
@media (max-width: 575px) {
  .project-finish-card {
    background-color: rgba(var(--light-shade-primary), 0.3);
    overflow: hidden;
  }
  .project-finish-card .project-left-content {
    position: relative;
    z-index: 1;
  }
  .project-finish-card .project-right-content {
    animation: unset;
    bottom: -140px;
    filter: opacity(0.4);
    right: 50px;
    transform: translate(50px, -50px);
    z-index: 0;
  }
}
@media (max-width: 575px) and (max-width: 440px) {
  .project-finish-card .project-right-content {
    filter: opacity(0.1);
  }
}
@media (max-width: 1635px) {
  .leave-request-table.table-responsive
    div.dt-container
    .dt-layout-row
    .dt-layout-cell
    .dt-search {
    display: none;
  }
}
.leave-request-table.table-responsive .table tbody td,
.leave-request-table.table-responsive .table tbody th,
.leave-request-table.table-responsive .table thead td,
.leave-request-table.table-responsive .table thead th {
  min-width: auto;
  padding: 12px 8px;
}
.leave-request-table.table-responsive .table tbody td:first-child,
.leave-request-table.table-responsive .table tbody th:first-child,
.leave-request-table.table-responsive .table thead td:first-child,
.leave-request-table.table-responsive .table thead th:first-child {
  padding-left: 20px;
}
@media (max-width: 1779px) and (min-width: 1200px) {
  .leave-request-table.table-responsive .table tbody td:first-child img,
  .leave-request-table.table-responsive .table tbody th:first-child img,
  .leave-request-table.table-responsive .table thead td:first-child img,
  .leave-request-table.table-responsive .table thead th:first-child img {
    display: none;
  }
}
.leave-request-table.table-responsive .table tbody td:last-child,
.leave-request-table.table-responsive .table tbody th:last-child,
.leave-request-table.table-responsive .table thead td:last-child,
.leave-request-table.table-responsive .table thead th:last-child {
  padding-right: 20px;
}
@media (max-width: 1635px) and (min-width: 1400px) {
  .leave-request-table.table-responsive .table tbody td:last-child,
  .leave-request-table.table-responsive .table tbody th:last-child,
  .leave-request-table.table-responsive .table thead td:last-child,
  .leave-request-table.table-responsive .table thead th:last-child {
    display: none;
  }
  .leave-request-table.table-responsive .table tbody td:nth-child(2),
  .leave-request-table.table-responsive .table tbody th:nth-child(2),
  .leave-request-table.table-responsive .table thead td:nth-child(2),
  .leave-request-table.table-responsive .table thead th:nth-child(2) {
    padding-right: 20px;
  }
}
.leave-request-table.table-responsive .table tbody td .img-content-box a,
.leave-request-table.table-responsive .table tbody th .img-content-box a,
.leave-request-table.table-responsive .table thead td .img-content-box a,
.leave-request-table.table-responsive .table thead th .img-content-box a {
  color: var(--body-font-color);
}
@media (max-width: 1114px) {
  .leave-request-table.table-responsive .table tbody td:first-child,
  .leave-request-table.table-responsive .table tbody th:first-child,
  .leave-request-table.table-responsive .table thead td:first-child,
  .leave-request-table.table-responsive .table thead th:first-child {
    min-width: 212px;
  }
  .leave-request-table.table-responsive .table tbody td:nth-child(2),
  .leave-request-table.table-responsive .table tbody th:nth-child(2),
  .leave-request-table.table-responsive .table thead td:nth-child(2),
  .leave-request-table.table-responsive .table thead th:nth-child(2) {
    min-width: 114px;
  }
}
.leave-request-table.table-responsive .table tbody .common-align .approval-box {
  align-items: center;
  border-radius: 2px;
  display: flex;
  height: 30px;
  justify-content: center;
  width: 30px;
}
.interviewer-users ul li {
  align-items: center;
  display: flex;
  gap: 6px;
  justify-content: space-between;
  padding: 10px 18px;
}
@media (max-width: 1399px) and (min-width: 576px) {
  .interviewer-users ul li {
    padding: 14px 18px;
  }
}
.interviewer-users ul li:nth-child(odd) {
  background-color: var(--light2);
}
.interviewer-users ul li .common-flex {
  gap: 8px;
}
@media (max-width: 400px) {
  .interviewer-users ul li .common-flex {
    flex: 1 1 50%;
  }
}
.interviewer-users ul li .common-flex h6 {
  font-size: 14px;
}
.interviewer-users ul li span {
  min-width: 100px;
}
.interviewer-users ul li img {
  border-radius: 50%;
  height: 44px;
}
@media (max-width: 400px) {
  .interviewer-users ul li img {
    height: 35px;
  }
}
@media (max-width: 1599px) and (min-width: 1400px) {
  .interviewer-users ul li i {
    display: none;
  }
}
@media (max-width: 810px) and (min-width: 768px) {
  .interviewer-users ul li i {
    display: none;
  }
}
@media (max-width: 340px) {
  .interviewer-users ul li i {
    display: none;
  }
}
.schedule-calender .card-header-right-icon .btn {
  border: 1px solid rgba(82, 82, 108, 0.2);
  color: var(--body-font-color);
}
.schedule-calender .card-header-right-icon .btn:hover {
  background-color: var(--theme-default);
  color: #fff;
}
@media (max-width: 1490px) and (min-width: 1400px) {
  .schedule-calender .card-header-right-icon {
    display: none;
  }
}
@media (max-width: 390px) {
  .schedule-calender .header-top {
    display: block;
  }
  .schedule-calender .header-top .card-header-right-icon {
    margin-top: 12px;
  }
}
.schedule-calender .schedule-wrapper {
  border-bottom-color: rgba(82, 82, 108, 0.1);
  justify-content: center;
  padding-bottom: 28px;
}
@media (max-width: 500px) {
  .schedule-calender .schedule-wrapper {
    padding-bottom: 10px;
  }
}
@media (max-width: 1851px) {
  .schedule-calender .schedule-wrapper {
    display: flex;
    justify-content: flex-start;
  }
}
.schedule-calender .schedule-wrapper .nav-item .nav-link {
  border: unset;
  border-radius: 16px;
  min-width: 62px;
  transition: all 0.2s ease;
}
.schedule-calender .schedule-wrapper .nav-item .nav-link span {
  color: rgba(82, 82, 108, 0.8);
}
.schedule-calender .schedule-wrapper .nav-item .nav-link h6 {
  color: var(--body-font-color);
}
.schedule-calender .schedule-wrapper .nav-item .nav-link.active {
  background-color: var(--theme-default);
  border-radius: 16px;
  transition: all 0.2s ease;
}
.schedule-calender .schedule-wrapper .nav-item .nav-link.active h6,
.schedule-calender .schedule-wrapper .nav-item .nav-link.active span {
  color: #fff;
}
.schedule-calender .tab-content .activity-update > li {
  border-bottom: 1px solid var(--chart-border);
  padding-block: 12px;
}
@media (max-width: 1399px) and (min-width: 768px) {
  .schedule-calender .tab-content .activity-update > li {
    width: 50%;
  }
}
.schedule-calender .tab-content .activity-update > li > div {
  border-radius: 6px 0 0 6px;
  border-width: 4px !important;
  gap: 6px;
  justify-content: space-between;
}
@media (max-width: 1490px) and (min-width: 1400px) {
  .schedule-calender .tab-content .activity-update > li > div {
    align-items: flex-start !important;
    flex-direction: column;
    justify-content: flex-start;
    padding-left: 20px;
  }
}
@media (max-width: 500px) {
  .schedule-calender .tab-content .activity-update > li > div {
    align-items: flex-start !important;
    flex-direction: column;
    justify-content: flex-start;
    padding-left: 20px;
  }
}
.schedule-calender .tab-content .activity-update > li .left-schedule {
  margin-left: 14px;
}
@media (max-width: 1490px) and (min-width: 1400px) {
  .schedule-calender .tab-content .activity-update > li .left-schedule {
    margin-left: 0;
  }
}
@media (max-width: 500px) {
  .schedule-calender .tab-content .activity-update > li .left-schedule {
    margin-left: 0;
  }
}
.schedule-calender .tab-content .activity-update > li .left-schedule > span {
  color: var(--body-font-color);
  font-weight: 500;
  margin-bottom: 6px;
}
.schedule-calender
  .tab-content
  .activity-update
  > li
  .left-schedule
  .customers {
  padding-right: 6px;
}
.schedule-calender
  .tab-content
  .activity-update
  > li
  .left-schedule
  .customers
  ul
  li
  + li {
  margin-left: -16px;
}
.schedule-calender
  .tab-content
  .activity-update
  > li
  .left-schedule
  .customers
  ul
  li
  img {
  width: 35px !important;
}
.schedule-calender
  .tab-content
  .activity-update
  > li
  .left-schedule
  .schedule-name {
  border-left: 1px solid rgba(82, 82, 108, 0.8);
  padding-left: 6px;
}
@media (max-width: 1660px) {
  .schedule-calender
    .tab-content
    .activity-update
    > li
    .left-schedule
    .schedule-name {
    display: none;
  }
}
.schedule-calender .tab-content .activity-update > li .right-schedule {
  align-items: center;
  display: flex;
  gap: 5px;
  justify-content: center;
}
@media (max-width: 500px) {
  .schedule-calender .tab-content .activity-update > li .right-schedule {
    margin-top: 12px;
  }
  .schedule-calender .tab-content .activity-update > li .right-schedule svg {
    height: 16px;
    width: 16px;
  }
}
.schedule-calender .tab-content .activity-update > li .right-schedule svg {
  height: 18px;
  width: 18px;
}
@media (max-width: 1560px) and (min-width: 1491px) {
  .schedule-calender .tab-content .activity-update > li .right-schedule svg {
    display: none;
  }
}
.schedule-calender .tab-content .activity-update > li:last-child {
  border-bottom: unset;
  padding-bottom: unset;
}
@media (max-width: 1399px) and (min-width: 768px) {
  .schedule-calender .tab-content .activity-update {
    display: flex;
    flex-wrap: wrap;
  }
  .schedule-calender .tab-content .activity-update > li {
    flex: 0 0 50%;
    margin-bottom: 10px;
  }
  .schedule-calender .tab-content .activity-update > li .left-schedule,
  .schedule-calender .tab-content .activity-update > li .right-schedule {
    flex: 1;
  }
  .schedule-calender .tab-content .activity-update > li:nth-child(5) {
    border-bottom: unset;
    margin-bottom: 0;
    padding-bottom: unset;
  }
  .schedule-calender .tab-content .activity-update > li:last-child {
    margin-bottom: 0;
  }
  .schedule-calender #frd .activity-update > li:first-child,
  .schedule-calender #sun .activity-update > li:first-child,
  .schedule-calender #thu .activity-update > li:nth-child(3) {
    border-bottom: unset;
    margin-bottom: 0;
    padding-bottom: unset;
  }
}
@media (max-width: 1799px) {
  .application-overview .balance-data {
    display: none;
  }
}
@media (max-width: 1399px) {
  .employee-list-table.recent-table div.dt-container .dt-layout-row:last-child {
    flex-direction: column;
  }
  .employee-list-table.recent-table
    div.dt-container
    .dt-layout-row
    .dt-layout-cell
    .dt-search {
    display: block;
    left: 20px;
    margin-bottom: 20px;
    position: relative;
    top: 4px;
    width: 90%;
  }
}
.employee-list-table.recent-table table tbody tr td,
.employee-list-table.recent-table table tbody tr th,
.employee-list-table.recent-table table thead tr td,
.employee-list-table.recent-table table thead tr th {
  min-width: auto;
}
@media (max-width: 1812px) and (min-width: 1200px) {
  .employee-list-table.recent-table table tbody tr td:nth-child(3),
  .employee-list-table.recent-table table tbody tr th:nth-child(3),
  .employee-list-table.recent-table table thead tr td:nth-child(3),
  .employee-list-table.recent-table table thead tr th:nth-child(3) {
    display: none;
  }
}
@media (max-width: 1480px) and (min-width: 1200px) {
  .employee-list-table.recent-table table tbody tr td:nth-child(4),
  .employee-list-table.recent-table table tbody tr th:nth-child(4),
  .employee-list-table.recent-table table thead tr td:nth-child(4),
  .employee-list-table.recent-table table thead tr th:nth-child(4) {
    display: none;
  }
}
@media (max-width: 1399px) and (min-width: 1200px) {
  .employee-list-table.recent-table table tbody tr td:nth-child(2) img,
  .employee-list-table.recent-table table tbody tr td:nth-child(5),
  .employee-list-table.recent-table table tbody tr th:nth-child(2) img,
  .employee-list-table.recent-table table tbody tr th:nth-child(5),
  .employee-list-table.recent-table table thead tr td:nth-child(2) img,
  .employee-list-table.recent-table table thead tr td:nth-child(5),
  .employee-list-table.recent-table table thead tr th:nth-child(2) img,
  .employee-list-table.recent-table table thead tr th:nth-child(5) {
    display: none;
  }
  .employee-list-table.recent-table table tbody tr td:last-child .square-white,
  .employee-list-table.recent-table table tbody tr th:last-child .square-white,
  .employee-list-table.recent-table table thead tr td:last-child .square-white,
  .employee-list-table.recent-table table thead tr th:last-child .square-white {
    height: 24px;
    width: 24px;
  }
  .employee-list-table.recent-table
    table
    tbody
    tr
    td:last-child
    .square-white
    svg,
  .employee-list-table.recent-table
    table
    tbody
    tr
    th:last-child
    .square-white
    svg,
  .employee-list-table.recent-table
    table
    thead
    tr
    td:last-child
    .square-white
    svg,
  .employee-list-table.recent-table
    table
    thead
    tr
    th:last-child
    .square-white
    svg {
    height: 14px;
    width: 14px;
  }
}
@media (max-width: 1199px) and (min-width: 768px) {
  .employee-list-table.recent-table table tbody tr td:nth-child(2) img,
  .employee-list-table.recent-table table tbody tr th:nth-child(2) img,
  .employee-list-table.recent-table table thead tr td:nth-child(2) img,
  .employee-list-table.recent-table table thead tr th:nth-child(2) img {
    height: 26px;
  }
}
@media (max-width: 1199px) {
  .employee-list-table.recent-table table tbody tr td:nth-child(2),
  .employee-list-table.recent-table table tbody tr th:nth-child(2),
  .employee-list-table.recent-table table thead tr td:nth-child(2),
  .employee-list-table.recent-table table thead tr th:nth-child(2) {
    min-width: 160px;
  }
  .employee-list-table.recent-table table tbody tr td:nth-child(3),
  .employee-list-table.recent-table table tbody tr th:nth-child(3),
  .employee-list-table.recent-table table thead tr td:nth-child(3),
  .employee-list-table.recent-table table thead tr th:nth-child(3) {
    min-width: 122px;
  }
  .employee-list-table.recent-table table tbody tr td:nth-child(5),
  .employee-list-table.recent-table table tbody tr th:nth-child(5),
  .employee-list-table.recent-table table thead tr td:nth-child(5),
  .employee-list-table.recent-table table thead tr th:nth-child(5) {
    min-width: 120px;
  }
  .employee-list-table.recent-table table tbody tr td:nth-child(6),
  .employee-list-table.recent-table table tbody tr th:nth-child(6),
  .employee-list-table.recent-table table thead tr td:nth-child(6),
  .employee-list-table.recent-table table thead tr th:nth-child(6) {
    min-width: 114px;
  }
  .employee-list-table.recent-table table tbody tr td:last-child .square-white,
  .employee-list-table.recent-table table tbody tr th:last-child .square-white,
  .employee-list-table.recent-table table thead tr td:last-child .square-white,
  .employee-list-table.recent-table table thead tr th:last-child .square-white {
    height: 24px;
    width: 24px;
  }
  .employee-list-table.recent-table
    table
    tbody
    tr
    td:last-child
    .square-white
    svg,
  .employee-list-table.recent-table
    table
    tbody
    tr
    th:last-child
    .square-white
    svg,
  .employee-list-table.recent-table
    table
    thead
    tr
    td:last-child
    .square-white
    svg,
  .employee-list-table.recent-table
    table
    thead
    tr
    th:last-child
    .square-white
    svg {
    height: 14px;
    width: 14px;
  }
}
.employee-list-table.recent-table table tbody tr td:last-child {
  cursor: pointer;
}
.employee-list-table.recent-table table tbody .square-white {
  align-items: center;
  background-color: var(--white);
  border-radius: 2px;
  box-shadow: 0 0 28px 6px hsla(0, 0%, 92%, 0.4);
  display: flex;
  height: 34px;
  justify-content: center;
  width: 34px;
}
.employee-list-table.recent-table table tbody .square-white svg {
  fill: rgba(82, 82, 108, 0.8);
  height: 16px;
  width: 16px;
}
@media (max-width: 1640px) and (min-width: 1400px) {
  .col-hr-6 {
    flex: 0 0 auto;
    width: 50%;
  }
}
.dashboard-12 .small-stats .card .card-body .project-state {
  border-radius: 50%;
  display: grid;
  height: 67px;
  place-items: center;
  width: 66px;
}
.dashboard-12 .small-stats .card .card-body .project-state svg {
  height: 33px;
  width: 33px;
}
@media (min-width: 1400px) {
  .dashboard-12 .small-stats .card .card-body .project-state {
    height: calc(0.53846px + 3.46154vw);
    width: calc(-0.46154px + 3.46154vw);
  }
  .dashboard-12 .small-stats .card .card-body .project-state svg {
    height: calc(-7.61538px + 2.11538vw);
    width: calc(-7.61538px + 2.11538vw);
  }
}
@media (max-width: 768px) {
  .dashboard-12 .small-stats .card .card-body .project-state {
    height: calc(45.4px + 1.125vw);
    width: calc(44.4px + 1.125vw);
  }
  .dashboard-12 .small-stats .card .card-body .project-state svg {
    height: calc(22.2px + 0.5625vw);
    width: calc(22.2px + 0.5625vw);
  }
}
.dashboard-12 .small-stats .card [class^="font-"] {
  padding-top: 9px;
}
.dashboard-12 .small-stats .card [class^="font-"] span {
  margin-left: 2px;
}
[dir="rtl"] .dashboard-12 .small-stats .card [class^="font-"] span {
  margin-left: unset;
  margin-right: 2px;
}
.dashboard-12 .tasks-card .arrow-group {
  display: flex;
  gap: 5px;
  position: absolute;
  right: 60px;
  top: 15px;
  z-index: 2;
}
[dir="rtl"] .dashboard-12 .tasks-card .arrow-group {
  left: 60px;
  right: unset;
}
.dashboard-12 .tasks-card .arrow-group .next,
.dashboard-12 .tasks-card .arrow-group .prev {
  align-items: center;
  background-color: #f4f4f4;
  border-radius: 5px;
  display: flex;
  height: 35px;
  justify-content: center;
  width: 35px;
}
@media (min-width: 1400px) {
  .dashboard-12 .tasks-card .arrow-group .next,
  .dashboard-12 .tasks-card .arrow-group .prev {
    height: calc(16.53846px + 0.96154vw);
    width: calc(16.53846px + 0.96154vw);
  }
  .dashboard-12 .tasks-card .arrow-group .next i,
  .dashboard-12 .tasks-card .arrow-group .prev i {
    font-size: calc(6.61538px + 0.38462vw);
  }
}
@media (max-width: 575px) {
  .dashboard-12 .tasks-card .arrow-group .next,
  .dashboard-12 .tasks-card .arrow-group .prev {
    height: calc(26.6px + 0.4375vw);
    width: calc(26.6px + 0.4375vw);
  }
  .dashboard-12 .tasks-card .arrow-group .next i,
  .dashboard-12 .tasks-card .arrow-group .prev i {
    font-size: calc(11.6px + 0.125vw);
  }
}
.dashboard-12 .tasks-card .arrow-group .next.swiper-button-disabled,
.dashboard-12 .tasks-card .arrow-group .prev.swiper-button-disabled {
  opacity: 0.5;
}
.dashboard-12 .tasks-card .task-box .common-space {
  gap: 6px;
}
.dashboard-12 .tasks-card .task-box h6 {
  display: -webkit-box;
  line-height: 25px;
  max-width: 100%;
  -webkit-line-clamp: 2;
  height: auto;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dashboard-12 .tasks-card .task-box p {
  color: rgba(82, 82, 108, 0.8);
  font-weight: 400;
  margin: 0;
}
.dashboard-12 .tasks-card .task-box p a {
  color: rgba(82, 82, 108, 0.8);
  font-weight: 500;
  text-decoration: underline;
}
.dashboard-12 .tasks-card .task-box p:last-child {
  padding-top: 15px;
}
.dashboard-12 .tasks-card .task-box .project-link {
  padding: 9px 0 17px;
}
.dashboard-12 .tasks-card .task-box .badge {
  border-radius: 3px;
  font-size: 14px;
  font-weight: 400;
  padding: 4px 12px;
}
@media (min-width: 1400px) {
  .dashboard-12 .tasks-card .task-box .badge {
    font-size: calc(10.30769px + 0.19231vw);
  }
}
.dashboard-12 .tasks-card .task-box .project-member {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-bottom: 8px;
}
.dashboard-12 .tasks-card .task-box .project-member .customers {
  display: flex;
  justify-content: flex-end;
  text-align: end;
}
.dashboard-12 .tasks-card .task-box .project-member .customers li img {
  height: 28px;
  transition: 0.5s;
  width: 28px;
}
.dashboard-12 .tasks-card .task-box .project-member .customers li img:hover {
  transform: translateY(-4px) scale(1.02);
  transition: 0.5s;
}
.dashboard-12 .tasks-card .task-box .project-member .customers li + li {
  margin-left: -13%;
}
[dir="rtl"]
  .dashboard-12
  .tasks-card
  .task-box
  .project-member
  .customers
  li
  + li {
  margin-left: unset;
  margin-right: -13%;
}
.dashboard-12 .tasks-card .task-box .progress {
  background: linear-gradient(0.501turn, #cfdce8 -32.82%, #fff 132.82%);
  height: 6px;
}
.dashboard-12 .tasks-card .task-box .swiper-wrapper .swiper-slide {
  border-left: 1px dashed rgba(82, 82, 108, 0.38);
  padding-left: 20px;
}
[dir="rtl"] .dashboard-12 .tasks-card .task-box .swiper-wrapper .swiper-slide {
  border-left: unset;
  border-right: 1px dashed rgba(82, 82, 108, 0.38);
  margin-left: 20px !important;
  margin-right: unset !important;
  padding-left: unset;
  padding-right: 20px;
}
.dashboard-12
  .tasks-card
  .task-box
  .swiper-wrapper
  .swiper-slide.swiper-slide-active {
  border-left: unset;
  padding-left: 0;
}
[dir="rtl"]
  .dashboard-12
  .tasks-card
  .task-box
  .swiper-wrapper
  .swiper-slide.swiper-slide-active {
  padding-left: unset;
}
.dashboard-12 .tasks-card .task-box [class^="col-"] + [class^="col-"] {
  border-left: 1px dashed rgba(82, 82, 108, 0.38);
}
[dir="rtl"]
  .dashboard-12
  .tasks-card
  .task-box
  [class^="col-"]
  + [class^="col-"] {
  border-left: unset;
  border-right: 1px dashed rgba(82, 82, 108, 0.38);
}
.dashboard-12 .task-card .common-space {
  border-bottom: 1px solid rgba(82, 82, 108, 0.1);
  gap: 6px;
  padding: 17px 0 18px;
}
.dashboard-12 .task-card .common-space > div {
  display: flex;
  gap: 24px;
}
@media (min-width: 1400px) {
  .dashboard-12 .task-card .common-space > div {
    gap: calc(-20.30769px + 2.30769vw);
  }
}
@media (max-width: 1499px) {
  .dashboard-12 .task-card .common-space > div span:first-child {
    display: none;
  }
}
@media (max-width: 1599px) and (min-width: 1400px) {
  .dashboard-12 .task-card .common-space > div span:last-child {
    display: block;
    width: 99%;
  }
}
.dashboard-12 .task-card .common-space:first-child {
  padding-top: 0;
}
.dashboard-12 .task-card .common-space:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.dashboard-12 .task-card .common-space:nth-child(2) svg,
.dashboard-12 .task-card .common-space:nth-child(3) svg {
  fill: var(--theme-default);
}
.dashboard-12 .task-card .common-space svg {
  height: 22px;
  width: 22px;
  fill: var(--body-font-color);
}
.dashboard-12 .task-card .common-space:nth-child(2),
.dashboard-12 .task-card .common-space:nth-child(3) {
  color: rgba(82, 82, 108, 0.8);
}
.dashboard-12 .task-card .common-space:nth-child(2) span:last-child,
.dashboard-12 .task-card .common-space:nth-child(3) span:last-child {
  text-decoration: line-through;
}
@media (max-width: 1416px) {
  .dashboard-12
    .all-project-table
    .recent-table
    div.dt-container
    .dt-layout-row:last-child
    .dt-info {
    display: none;
  }
}
.dashboard-12 .all-project-table .recent-table table tbody tr td,
.dashboard-12 .all-project-table .recent-table table tbody tr th,
.dashboard-12 .all-project-table .recent-table table thead tr td,
.dashboard-12 .all-project-table .recent-table table thead tr th {
  min-width: auto;
}
.dashboard-12 .all-project-table .recent-table table tbody tr td a,
.dashboard-12 .all-project-table .recent-table table tbody tr th a,
.dashboard-12 .all-project-table .recent-table table thead tr td a,
.dashboard-12 .all-project-table .recent-table table thead tr th a {
  color: var(--body-font-color);
}
.dashboard-12 .all-project-table .recent-table table tbody tr td:first-child,
.dashboard-12 .all-project-table .recent-table table tbody tr th:first-child,
.dashboard-12 .all-project-table .recent-table table thead tr td:first-child,
.dashboard-12 .all-project-table .recent-table table thead tr th:first-child {
  padding-left: 20px;
}
.dashboard-12 .all-project-table .recent-table table tbody tr td:last-child,
.dashboard-12 .all-project-table .recent-table table tbody tr th:last-child,
.dashboard-12 .all-project-table .recent-table table thead tr td:last-child,
.dashboard-12 .all-project-table .recent-table table thead tr th:last-child {
  padding-right: 20px;
}
.dashboard-12 .all-project-table .recent-table table tbody tr td img,
.dashboard-12 .all-project-table .recent-table table tbody tr th img,
.dashboard-12 .all-project-table .recent-table table thead tr td img,
.dashboard-12 .all-project-table .recent-table table thead tr th img {
  height: 40px;
}
@media (max-width: 1199px) {
  .dashboard-12 .all-project-table .recent-table table tbody tr td img,
  .dashboard-12 .all-project-table .recent-table table tbody tr th img,
  .dashboard-12 .all-project-table .recent-table table thead tr td img,
  .dashboard-12 .all-project-table .recent-table table thead tr th img {
    height: calc(28px + 0.625vw);
  }
}
.dashboard-12 .all-project-table .recent-table table tbody tr td .badge,
.dashboard-12 .all-project-table .recent-table table tbody tr th .badge,
.dashboard-12 .all-project-table .recent-table table thead tr td .badge,
.dashboard-12 .all-project-table .recent-table table thead tr th .badge {
  border-radius: 2px;
  font-size: 14px;
  font-weight: 400;
  line-height: 16.59px;
  padding: 4px 7px;
}
@media (max-width: 1755px) and (min-width: 1400px) {
  .dashboard-12 .all-project-table .recent-table table tbody tr td:nth-child(7),
  .dashboard-12 .all-project-table .recent-table table tbody tr th:nth-child(7),
  .dashboard-12 .all-project-table .recent-table table thead tr td:nth-child(7),
  .dashboard-12
    .all-project-table
    .recent-table
    table
    thead
    tr
    th:nth-child(7) {
    display: none;
  }
}
@media (max-width: 1596px) and (min-width: 1400px) {
  .dashboard-12 .all-project-table .recent-table table tbody tr td:nth-child(6),
  .dashboard-12 .all-project-table .recent-table table tbody tr th:nth-child(6),
  .dashboard-12 .all-project-table .recent-table table thead tr td:nth-child(6),
  .dashboard-12
    .all-project-table
    .recent-table
    table
    thead
    tr
    th:nth-child(6) {
    display: none;
  }
}
@media (max-width: 1417px) and (min-width: 1400px) {
  .dashboard-12 .all-project-table .recent-table table tbody tr td:nth-child(5),
  .dashboard-12 .all-project-table .recent-table table tbody tr th:nth-child(5),
  .dashboard-12 .all-project-table .recent-table table thead tr td:nth-child(5),
  .dashboard-12
    .all-project-table
    .recent-table
    table
    thead
    tr
    th:nth-child(5) {
    display: none;
  }
}
@media (max-width: 991px) {
  .dashboard-12 .all-project-table .recent-table table tbody tr td:nth-child(3),
  .dashboard-12 .all-project-table .recent-table table tbody tr th:nth-child(3),
  .dashboard-12 .all-project-table .recent-table table thead tr td:nth-child(3),
  .dashboard-12
    .all-project-table
    .recent-table
    table
    thead
    tr
    th:nth-child(3) {
    min-width: 110px;
  }
  .dashboard-12 .all-project-table .recent-table table tbody tr td:nth-child(4),
  .dashboard-12 .all-project-table .recent-table table tbody tr th:nth-child(4),
  .dashboard-12 .all-project-table .recent-table table thead tr td:nth-child(4),
  .dashboard-12
    .all-project-table
    .recent-table
    table
    thead
    tr
    th:nth-child(4) {
    min-width: 108px;
  }
  .dashboard-12 .all-project-table .recent-table table tbody tr td:nth-child(5),
  .dashboard-12 .all-project-table .recent-table table tbody tr td:nth-child(6),
  .dashboard-12 .all-project-table .recent-table table tbody tr th:nth-child(5),
  .dashboard-12 .all-project-table .recent-table table tbody tr th:nth-child(6),
  .dashboard-12 .all-project-table .recent-table table thead tr td:nth-child(5),
  .dashboard-12 .all-project-table .recent-table table thead tr td:nth-child(6),
  .dashboard-12 .all-project-table .recent-table table thead tr th:nth-child(5),
  .dashboard-12
    .all-project-table
    .recent-table
    table
    thead
    tr
    th:nth-child(6) {
    min-width: 100px;
  }
}
.dashboard-12 .team-performance-table .recent-table table tbody tr td,
.dashboard-12 .team-performance-table .recent-table table tbody tr th,
.dashboard-12 .team-performance-table .recent-table table thead tr td,
.dashboard-12 .team-performance-table .recent-table table thead tr th {
  min-width: auto;
}
.dashboard-12 .team-performance-table .recent-table table tbody tr td a,
.dashboard-12 .team-performance-table .recent-table table tbody tr th a,
.dashboard-12 .team-performance-table .recent-table table thead tr td a,
.dashboard-12 .team-performance-table .recent-table table thead tr th a {
  color: var(--body-font-color);
}
.dashboard-12 .team-performance-table .recent-table table tbody tr td img,
.dashboard-12 .team-performance-table .recent-table table tbody tr th img,
.dashboard-12 .team-performance-table .recent-table table thead tr td img,
.dashboard-12 .team-performance-table .recent-table table thead tr th img {
  height: 33px;
}
.dashboard-12
  .team-performance-table
  .recent-table
  table
  tbody
  tr
  td:first-child,
.dashboard-12
  .team-performance-table
  .recent-table
  table
  tbody
  tr
  th:first-child,
.dashboard-12
  .team-performance-table
  .recent-table
  table
  thead
  tr
  td:first-child,
.dashboard-12
  .team-performance-table
  .recent-table
  table
  thead
  tr
  th:first-child {
  padding-left: 20px;
}
@media (max-width: 1484px) and (min-width: 1400px) {
  .dashboard-12
    .team-performance-table
    .recent-table
    table
    tbody
    tr
    td:first-child
    a,
  .dashboard-12
    .team-performance-table
    .recent-table
    table
    tbody
    tr
    td:first-child
    span,
  .dashboard-12
    .team-performance-table
    .recent-table
    table
    tbody
    tr
    th:first-child
    a,
  .dashboard-12
    .team-performance-table
    .recent-table
    table
    tbody
    tr
    th:first-child
    span,
  .dashboard-12
    .team-performance-table
    .recent-table
    table
    thead
    tr
    td:first-child
    a,
  .dashboard-12
    .team-performance-table
    .recent-table
    table
    thead
    tr
    td:first-child
    span,
  .dashboard-12
    .team-performance-table
    .recent-table
    table
    thead
    tr
    th:first-child
    a,
  .dashboard-12
    .team-performance-table
    .recent-table
    table
    thead
    tr
    th:first-child
    span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 71px;
  }
}
.dashboard-12
  .team-performance-table
  .recent-table
  table
  tbody
  tr
  td:last-child,
.dashboard-12
  .team-performance-table
  .recent-table
  table
  tbody
  tr
  th:last-child,
.dashboard-12
  .team-performance-table
  .recent-table
  table
  thead
  tr
  td:last-child,
.dashboard-12
  .team-performance-table
  .recent-table
  table
  thead
  tr
  th:last-child {
  padding-right: 20px;
}
@media (max-width: 1698px) and (min-width: 1400px) {
  .dashboard-12
    .team-performance-table
    .recent-table
    table
    tbody
    tr
    td:last-child,
  .dashboard-12
    .team-performance-table
    .recent-table
    table
    tbody
    tr
    th:last-child,
  .dashboard-12
    .team-performance-table
    .recent-table
    table
    thead
    tr
    td:last-child,
  .dashboard-12
    .team-performance-table
    .recent-table
    table
    thead
    tr
    th:last-child {
    display: none;
  }
  .dashboard-12
    .team-performance-table
    .recent-table
    table
    tbody
    tr
    td:nth-child(3),
  .dashboard-12
    .team-performance-table
    .recent-table
    table
    tbody
    tr
    th:nth-child(3),
  .dashboard-12
    .team-performance-table
    .recent-table
    table
    thead
    tr
    td:nth-child(3),
  .dashboard-12
    .team-performance-table
    .recent-table
    table
    thead
    tr
    th:nth-child(3) {
    padding-right: 20px;
  }
}
@media (max-width: 1235px) and (min-width: 1200px) {
  .dashboard-12
    .team-performance-table
    .recent-table
    table
    tbody
    tr
    td:last-child,
  .dashboard-12
    .team-performance-table
    .recent-table
    table
    tbody
    tr
    th:last-child,
  .dashboard-12
    .team-performance-table
    .recent-table
    table
    thead
    tr
    td:last-child,
  .dashboard-12
    .team-performance-table
    .recent-table
    table
    thead
    tr
    th:last-child {
    display: none;
  }
  .dashboard-12
    .team-performance-table
    .recent-table
    table
    tbody
    tr
    td:nth-child(3),
  .dashboard-12
    .team-performance-table
    .recent-table
    table
    tbody
    tr
    th:nth-child(3),
  .dashboard-12
    .team-performance-table
    .recent-table
    table
    thead
    tr
    td:nth-child(3),
  .dashboard-12
    .team-performance-table
    .recent-table
    table
    thead
    tr
    th:nth-child(3) {
    padding-right: 20px;
  }
}
@media (max-width: 1199px) {
  .dashboard-12
    .team-performance-table
    .recent-table
    table
    tbody
    tr
    td:first-child,
  .dashboard-12
    .team-performance-table
    .recent-table
    table
    tbody
    tr
    th:first-child,
  .dashboard-12
    .team-performance-table
    .recent-table
    table
    thead
    tr
    td:first-child,
  .dashboard-12
    .team-performance-table
    .recent-table
    table
    thead
    tr
    th:first-child {
    min-width: 130px;
  }
}
.dashboard-12 .main-expenses h6 {
  font-size: 26px;
  padding-bottom: 6px;
}
@media (min-width: 1400px) {
  .dashboard-12 .main-expenses h6 {
    font-size: calc(7.53846px + 0.96154vw);
  }
}
@media (max-width: 1399px) and (min-width: 1200px) {
  .dashboard-12 .main-expenses h6 {
    font-size: calc(10px + 0.83333vw);
  }
}
@media (max-width: 1199px) {
  .dashboard-12 .main-expenses h6 {
    font-size: calc(18.8px + 0.375vw);
  }
}
.dashboard-12 .main-expenses span[class^="font-"] {
  font-size: 18px;
}
@media (max-width: 1399px) and (min-width: 992px) {
  .dashboard-12 .main-expenses span[class^="font-"] {
    font-size: calc(9.72414px + 0.43103vw);
  }
}
.dashboard-12 .main-expenses span svg {
  height: 18px;
  vertical-align: text-top;
  width: 18px;
}
.dashboard-12 .main-expenses .monthly-expense-wrapper {
  margin: -34px 0 -65px;
}
@media (max-width: 1399px) and (min-width: 1386px) {
  .dashboard-12 .main-expenses .monthly-expense-wrapper {
    margin: -54px 0 -48px;
  }
}
@media (max-width: 1199px) and (min-width: 906px) {
  .dashboard-12 .main-expenses .monthly-expense-wrapper {
    margin: -34px 0 -50px;
  }
}
@media (max-width: 905px) and (min-width: 768px) {
  .dashboard-12 .main-expenses .monthly-expense-wrapper {
    margin: -35px 0 -65px;
  }
}
@media (max-width: 767px) and (min-width: 762px) {
  .dashboard-12 .main-expenses .monthly-expense-wrapper {
    margin: -30px 0 -50px;
  }
}
@media (max-width: 761px) and (min-width: 576px) {
  .dashboard-12 .main-expenses .monthly-expense-wrapper {
    margin: -34px 0 -66px;
  }
}
@media (max-width: 575px) and (min-width: 359px) {
  .dashboard-12 .main-expenses .monthly-expense-wrapper {
    margin: -68px 0 -48px;
  }
}
@media (max-width: 358px) {
  .dashboard-12 .main-expenses .monthly-expense-wrapper {
    margin: -50px 0 -63px;
  }
}
.dashboard-12 .main-expenses .yearly-expense-wrapper {
  margin-bottom: -70px;
}
@media (max-width: 1399px) {
  .dashboard-12 .main-expenses .card .card-body {
    padding-top: 0;
  }
}
.dashboard-12 .estimated-project {
  margin-left: -20px;
}
.dashboard-12 .upcoming-datatable .recent-table table tbody tr td,
.dashboard-12 .upcoming-datatable .recent-table table tbody tr th,
.dashboard-12 .upcoming-datatable .recent-table table thead tr td,
.dashboard-12 .upcoming-datatable .recent-table table thead tr th {
  min-width: auto;
}
.dashboard-12 .upcoming-datatable .recent-table table tbody tr td a,
.dashboard-12 .upcoming-datatable .recent-table table tbody tr th a,
.dashboard-12 .upcoming-datatable .recent-table table thead tr td a,
.dashboard-12 .upcoming-datatable .recent-table table thead tr th a {
  color: var(--body-font-color);
}
.dashboard-12 .upcoming-datatable .recent-table table tbody tr td:first-child,
.dashboard-12 .upcoming-datatable .recent-table table tbody tr th:first-child,
.dashboard-12 .upcoming-datatable .recent-table table thead tr td:first-child,
.dashboard-12 .upcoming-datatable .recent-table table thead tr th:first-child {
  padding-left: 20px;
}
.dashboard-12 .upcoming-datatable .recent-table table tbody tr td:last-child,
.dashboard-12 .upcoming-datatable .recent-table table tbody tr th:last-child,
.dashboard-12 .upcoming-datatable .recent-table table thead tr td:last-child,
.dashboard-12 .upcoming-datatable .recent-table table thead tr th:last-child {
  padding-right: 20px;
}
@media (max-width: 1776px) and (min-width: 1400px) {
  .dashboard-12
    .upcoming-datatable
    .recent-table
    table
    tbody
    tr
    td:nth-child(3)
    span,
  .dashboard-12
    .upcoming-datatable
    .recent-table
    table
    tbody
    tr
    th:nth-child(3)
    span,
  .dashboard-12
    .upcoming-datatable
    .recent-table
    table
    thead
    tr
    td:nth-child(3)
    span,
  .dashboard-12
    .upcoming-datatable
    .recent-table
    table
    thead
    tr
    th:nth-child(3)
    span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 88%;
  }
}
@media (max-width: 1706px) and (min-width: 1400px) {
  .dashboard-12
    .upcoming-datatable
    .recent-table
    table
    tbody
    tr
    td:nth-child(3),
  .dashboard-12
    .upcoming-datatable
    .recent-table
    table
    tbody
    tr
    th:nth-child(3),
  .dashboard-12
    .upcoming-datatable
    .recent-table
    table
    thead
    tr
    td:nth-child(3),
  .dashboard-12
    .upcoming-datatable
    .recent-table
    table
    thead
    tr
    th:nth-child(3) {
    display: none;
  }
}
@media (max-width: 992px) {
  .dashboard-12
    .upcoming-datatable
    .recent-table
    table
    tbody
    tr
    td:nth-child(2),
  .dashboard-12
    .upcoming-datatable
    .recent-table
    table
    tbody
    tr
    th:nth-child(2),
  .dashboard-12
    .upcoming-datatable
    .recent-table
    table
    thead
    tr
    td:nth-child(2),
  .dashboard-12
    .upcoming-datatable
    .recent-table
    table
    thead
    tr
    th:nth-child(2) {
    min-width: 100px;
  }
  .dashboard-12
    .upcoming-datatable
    .recent-table
    table
    tbody
    tr
    td:nth-child(3),
  .dashboard-12
    .upcoming-datatable
    .recent-table
    table
    tbody
    tr
    th:nth-child(3),
  .dashboard-12
    .upcoming-datatable
    .recent-table
    table
    thead
    tr
    td:nth-child(3),
  .dashboard-12
    .upcoming-datatable
    .recent-table
    table
    thead
    tr
    th:nth-child(3) {
    min-width: 160px;
  }
  .dashboard-12 .upcoming-datatable .recent-table table tbody tr td:last-child,
  .dashboard-12 .upcoming-datatable .recent-table table tbody tr th:last-child,
  .dashboard-12 .upcoming-datatable .recent-table table thead tr td:last-child,
  .dashboard-12 .upcoming-datatable .recent-table table thead tr th:last-child {
    min-width: 90px;
  }
}
.dashboard-12 .recent-activity-table .recent-table table tbody tr td,
.dashboard-12 .recent-activity-table .recent-table table tbody tr th,
.dashboard-12 .recent-activity-table .recent-table table thead tr td,
.dashboard-12 .recent-activity-table .recent-table table thead tr th {
  min-width: auto;
}
.dashboard-12 .recent-activity-table .recent-table table tbody tr td a,
.dashboard-12 .recent-activity-table .recent-table table tbody tr th a,
.dashboard-12 .recent-activity-table .recent-table table thead tr td a,
.dashboard-12 .recent-activity-table .recent-table table thead tr th a {
  color: var(--body-font-color);
}
.dashboard-12
  .recent-activity-table
  .recent-table
  table
  tbody
  tr
  td:first-child,
.dashboard-12
  .recent-activity-table
  .recent-table
  table
  tbody
  tr
  th:first-child,
.dashboard-12
  .recent-activity-table
  .recent-table
  table
  thead
  tr
  td:first-child,
.dashboard-12
  .recent-activity-table
  .recent-table
  table
  thead
  tr
  th:first-child {
  padding-left: 20px;
}
.dashboard-12 .recent-activity-table .recent-table table tbody tr td:last-child,
.dashboard-12 .recent-activity-table .recent-table table tbody tr th:last-child,
.dashboard-12 .recent-activity-table .recent-table table thead tr td:last-child,
.dashboard-12
  .recent-activity-table
  .recent-table
  table
  thead
  tr
  th:last-child {
  padding-right: 20px;
}
@media (max-width: 1704px) and (min-width: 1400px) {
  .dashboard-12
    .recent-activity-table
    .recent-table
    table
    tbody
    tr
    td:last-child,
  .dashboard-12
    .recent-activity-table
    .recent-table
    table
    tbody
    tr
    th:last-child,
  .dashboard-12
    .recent-activity-table
    .recent-table
    table
    thead
    tr
    td:last-child,
  .dashboard-12
    .recent-activity-table
    .recent-table
    table
    thead
    tr
    th:last-child {
    display: none;
  }
  .dashboard-12
    .recent-activity-table
    .recent-table
    table
    tbody
    tr
    td:nth-child(4),
  .dashboard-12
    .recent-activity-table
    .recent-table
    table
    tbody
    tr
    th:nth-child(4),
  .dashboard-12
    .recent-activity-table
    .recent-table
    table
    thead
    tr
    td:nth-child(4),
  .dashboard-12
    .recent-activity-table
    .recent-table
    table
    thead
    tr
    th:nth-child(4) {
    padding-right: 20px;
  }
}
@media (max-width: 1468px) and (min-width: 1400px) {
  .dashboard-12
    .recent-activity-table
    .recent-table
    table
    tbody
    tr
    td:nth-child(3),
  .dashboard-12
    .recent-activity-table
    .recent-table
    table
    tbody
    tr
    th:nth-child(3),
  .dashboard-12
    .recent-activity-table
    .recent-table
    table
    thead
    tr
    td:nth-child(3),
  .dashboard-12
    .recent-activity-table
    .recent-table
    table
    thead
    tr
    th:nth-child(3) {
    display: none;
  }
}
@media (max-width: 991px) {
  .dashboard-12
    .recent-activity-table
    .recent-table
    table
    tbody
    tr
    td:nth-child(2),
  .dashboard-12
    .recent-activity-table
    .recent-table
    table
    tbody
    tr
    th:nth-child(2),
  .dashboard-12
    .recent-activity-table
    .recent-table
    table
    thead
    tr
    td:nth-child(2),
  .dashboard-12
    .recent-activity-table
    .recent-table
    table
    thead
    tr
    th:nth-child(2) {
    min-width: 225px;
  }
  .dashboard-12
    .recent-activity-table
    .recent-table
    table
    tbody
    tr
    td:nth-child(3),
  .dashboard-12
    .recent-activity-table
    .recent-table
    table
    tbody
    tr
    th:nth-child(3),
  .dashboard-12
    .recent-activity-table
    .recent-table
    table
    thead
    tr
    td:nth-child(3),
  .dashboard-12
    .recent-activity-table
    .recent-table
    table
    thead
    tr
    th:nth-child(3) {
    min-width: 100px;
  }
  .dashboard-12
    .recent-activity-table
    .recent-table
    table
    tbody
    tr
    td:nth-child(4),
  .dashboard-12
    .recent-activity-table
    .recent-table
    table
    tbody
    tr
    th:nth-child(4),
  .dashboard-12
    .recent-activity-table
    .recent-table
    table
    thead
    tr
    td:nth-child(4),
  .dashboard-12
    .recent-activity-table
    .recent-table
    table
    thead
    tr
    th:nth-child(4) {
    min-width: 122px;
  }
  .dashboard-12
    .recent-activity-table
    .recent-table
    table
    tbody
    tr
    td:nth-child(5),
  .dashboard-12
    .recent-activity-table
    .recent-table
    table
    tbody
    tr
    th:nth-child(5),
  .dashboard-12
    .recent-activity-table
    .recent-table
    table
    thead
    tr
    td:nth-child(5),
  .dashboard-12
    .recent-activity-table
    .recent-table
    table
    thead
    tr
    th:nth-child(5) {
    min-width: 90px;
  }
}
@media (max-width: 1697px) {
  .dashboard-12 .recent-activity-table .recent-table table tbody tr td span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 78%;
  }
}
@media (max-width: 1460px) and (min-width: 1400px) {
  .dashboard-12 .sales-report .balance-data {
    display: flex;
  }
}
@media (max-width: 1399px) and (min-width: 1200px) {
  .dashboard-12 .sales-report .balance-data {
    display: none;
  }
}
@media (max-width: 1199px) and (min-width: 520px) {
  .dashboard-12 .sales-report .balance-data {
    display: flex;
  }
}
@media (max-width: 519px) {
  .dashboard-12 .sales-report .balance-data {
    display: flex;
    inset: 0;
    position: relative;
  }
}
.dashboard-13 .widget-13 {
  background-image: url(images/light-bg.png);
  background-position: top;
  background-size: cover;
}
.dashboard-13 .widget-13 .stat-content {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: flex-start;
  margin-bottom: 20px;
}
.dashboard-13 .widget-13 .stat-content .stat-square {
  align-items: center;
  border-radius: 5px;
  display: flex;
  height: calc(42.4px + 0.8125vw);
  justify-content: center;
  width: calc(42.4px + 0.8125vw);
}
.dashboard-13 .widget-13 .stat-content .stat-square svg {
  height: calc(22.8px + 0.375vw);
  transition: 0.5s;
  width: calc(22.8px + 0.375vw);
}
@media (max-width: 1410px) and (min-width: 576px) {
  .dashboard-13 .widget-13 .stat-content p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 145px;
  }
}
@media (max-width: 1399px) and (min-width: 1200px) {
  .dashboard-13 .widget-13 .stat-content p {
    width: 95px;
  }
  .dashboard-13 .widget-13 .stat-content h4 {
    font-size: 18px;
  }
}
.dashboard-13 .widget-13 .card-body .common-align svg {
  height: 16px;
  vertical-align: middle;
  width: 18px;
}
.dashboard-13 .widget-13 .card-body .common-align span {
  font-size: calc(13.2px + 0.25vw);
}
@media (max-width: 1599px) {
  .dashboard-13 .widget-13 .card-body .common-align span {
    font-size: 14px;
  }
}
.dashboard-13 .widget-13 .card-body .progress {
  height: 12px;
  width: 60%;
}
@media (min-width: 1400px) {
  .dashboard-13 .widget-13 .card-body .progress {
    height: calc(4.61538px + 0.38462vw);
  }
}
@media (max-width: 1399px) {
  .dashboard-13 .widget-13 .card-body .progress {
    height: 10px;
    width: 48%;
  }
}
.dashboard-13 .widget-13 .card-body .progress .progress-bar-striped {
  background-image: linear-gradient(
    45deg,
    #e7fcff 25%,
    transparent 0,
    transparent 50%,
    hsla(0, 0%, 100%, 0.8) 0,
    #e7fcff 75%,
    transparent 0,
    transparent
  );
}
.dashboard-13 .widget-13:hover .stat-square svg {
  transform: scale(1.1);
  transition: 0.5s;
}
@media (max-width: 1299px) and (min-width: 1200px) {
  .dashboard-13
    .shipment-tracking-table
    .recent-table
    div.dt-container
    .dt-layout-row
    .dt-layout-cell
    .dt-search {
    display: none;
  }
}
@media (max-width: 1499px) and (min-width: 1200px) {
  .dashboard-13
    .shipment-tracking-table
    .recent-table
    div.dt-container
    .dt-layout-row
    .dt-info {
    display: none;
  }
}
@media (max-width: 710px) {
  .dashboard-13
    .shipment-tracking-table
    .recent-table
    div.dt-container
    .dt-layout-row
    .dt-info {
    display: none;
  }
}
.dashboard-13 .shipment-tracking-table .recent-table table tbody tr td,
.dashboard-13 .shipment-tracking-table .recent-table table tbody tr th,
.dashboard-13 .shipment-tracking-table .recent-table table thead tr td,
.dashboard-13 .shipment-tracking-table .recent-table table thead tr th {
  min-width: auto;
}
.dashboard-13 .shipment-tracking-table .recent-table table tbody tr td a,
.dashboard-13 .shipment-tracking-table .recent-table table tbody tr th a,
.dashboard-13 .shipment-tracking-table .recent-table table thead tr td a,
.dashboard-13 .shipment-tracking-table .recent-table table thead tr th a {
  color: var(--body-font-color);
  font-weight: 500;
}
.dashboard-13
  .shipment-tracking-table
  .recent-table
  table
  tbody
  tr
  td:first-child,
.dashboard-13
  .shipment-tracking-table
  .recent-table
  table
  tbody
  tr
  th:first-child,
.dashboard-13
  .shipment-tracking-table
  .recent-table
  table
  thead
  tr
  td:first-child,
.dashboard-13
  .shipment-tracking-table
  .recent-table
  table
  thead
  tr
  th:first-child {
  padding-left: 20px;
}
.dashboard-13
  .shipment-tracking-table
  .recent-table
  table
  tbody
  tr
  td:last-child,
.dashboard-13
  .shipment-tracking-table
  .recent-table
  table
  tbody
  tr
  th:last-child,
.dashboard-13
  .shipment-tracking-table
  .recent-table
  table
  thead
  tr
  td:last-child,
.dashboard-13
  .shipment-tracking-table
  .recent-table
  table
  thead
  tr
  th:last-child {
  padding-right: 20px;
}
@media (max-width: 1767px) and (min-width: 1200px) {
  .dashboard-13
    .shipment-tracking-table
    .recent-table
    table
    tbody
    tr
    td:nth-child(4),
  .dashboard-13
    .shipment-tracking-table
    .recent-table
    table
    tbody
    tr
    th:nth-child(4),
  .dashboard-13
    .shipment-tracking-table
    .recent-table
    table
    thead
    tr
    td:nth-child(4),
  .dashboard-13
    .shipment-tracking-table
    .recent-table
    table
    thead
    tr
    th:nth-child(4) {
    display: none;
  }
}
@media (max-width: 1628px) and (min-width: 1200px) {
  .dashboard-13
    .shipment-tracking-table
    .recent-table
    table
    tbody
    tr
    td:nth-child(3),
  .dashboard-13
    .shipment-tracking-table
    .recent-table
    table
    tbody
    tr
    th:nth-child(3),
  .dashboard-13
    .shipment-tracking-table
    .recent-table
    table
    thead
    tr
    td:nth-child(3),
  .dashboard-13
    .shipment-tracking-table
    .recent-table
    table
    thead
    tr
    th:nth-child(3) {
    display: none;
  }
}
@media (max-width: 1477px) and (min-width: 1200px) {
  .dashboard-13
    .shipment-tracking-table
    .recent-table
    table
    tbody
    tr
    td:nth-child(6),
  .dashboard-13
    .shipment-tracking-table
    .recent-table
    table
    tbody
    tr
    th:nth-child(6),
  .dashboard-13
    .shipment-tracking-table
    .recent-table
    table
    thead
    tr
    td:nth-child(6),
  .dashboard-13
    .shipment-tracking-table
    .recent-table
    table
    thead
    tr
    th:nth-child(6) {
    display: none;
  }
}
@media (max-width: 1399px) {
  .dashboard-13
    .shipment-tracking-table
    .recent-table
    table
    tbody
    tr
    td:nth-child(6),
  .dashboard-13
    .shipment-tracking-table
    .recent-table
    table
    tbody
    tr
    th:nth-child(6),
  .dashboard-13
    .shipment-tracking-table
    .recent-table
    table
    thead
    tr
    td:nth-child(6),
  .dashboard-13
    .shipment-tracking-table
    .recent-table
    table
    thead
    tr
    th:nth-child(6) {
    min-width: 145px;
  }
  .dashboard-13
    .shipment-tracking-table
    .recent-table
    table
    tbody
    tr
    td:nth-child(7),
  .dashboard-13
    .shipment-tracking-table
    .recent-table
    table
    tbody
    tr
    th:nth-child(7),
  .dashboard-13
    .shipment-tracking-table
    .recent-table
    table
    thead
    tr
    td:nth-child(7),
  .dashboard-13
    .shipment-tracking-table
    .recent-table
    table
    thead
    tr
    th:nth-child(7) {
    min-width: 66px;
  }
}
.dashboard-13 .shipping-details .common-space {
  background-color: var(--light2);
  border-radius: 6px;
  gap: 10px;
  padding: 14px 49px;
}
.dashboard-13 .shipping-details .common-space p {
  font-weight: 500;
  margin-bottom: 0;
}
@media (min-width: 1400px) {
  .dashboard-13 .shipping-details .common-space p {
    font-size: calc(10.61538px + 0.38462vw);
  }
}
.dashboard-13 .shipping-details .common-space p span {
  font-weight: 400;
}
@media (max-width: 1762px) and (min-width: 1200px) {
  .dashboard-13 .shipping-details .common-space {
    padding: 14px 30px;
  }
}
@media (max-width: 1631px) and (min-width: 1200px) {
  .dashboard-13 .shipping-details .common-space {
    display: block;
    padding: 8px 18px;
  }
}
@media (max-width: 901px) {
  .dashboard-13 .shipping-details .common-space {
    padding: 14px 18px;
  }
}
.dashboard-13 .shipping-details .simple-timeline {
  margin-top: 23px;
}
.dashboard-13 .shipping-details .simple-timeline ul {
  position: relative;
}
.dashboard-13 .shipping-details .simple-timeline ul li .dots {
  border: 3px solid #fff;
  border-radius: 100%;
  box-shadow: 0 6px 18px 0 rgba(0, 0, 0, 0.19);
  height: 16px;
  position: relative;
  width: 16px;
}
.dashboard-13 .shipping-details .simple-timeline ul li .shipment-details {
  display: flex;
  gap: 23px;
  position: relative;
  z-index: 0;
}
.dashboard-13 .shipping-details .simple-timeline ul li .shipment-details .line {
  height: 100%;
  left: 7px;
  position: absolute;
  top: 0;
  width: 1px;
  z-index: -1;
}
[dir="rtl"]
  .dashboard-13
  .shipping-details
  .simple-timeline
  ul
  li
  .shipment-details
  .line {
  left: unset;
  right: 7px;
}
.dashboard-13 .shipping-details .simple-timeline ul li .shipment-details p {
  margin: 0;
}
.dashboard-13
  .shipping-details
  .simple-timeline
  ul
  li
  .shipment-details
  p:first-child {
  margin-top: -3px;
}
.dashboard-13
  .shipping-details
  .simple-timeline
  ul
  li
  .shipment-details
  p:last-child {
  border-bottom: 1px solid rgba(82, 82, 108, 0.1);
  margin-bottom: 20px;
  padding-bottom: 23px;
}
@media (max-width: 1633px) and (min-width: 1632px) {
  .dashboard-13
    .shipping-details
    .simple-timeline
    ul
    li
    .shipment-details
    p:last-child {
    margin-bottom: 14px;
    padding-bottom: 16px;
  }
}
@media (max-width: 1631px) {
  .dashboard-13
    .shipping-details
    .simple-timeline
    ul
    li
    .shipment-details
    p:last-child {
    margin-bottom: 11px;
    padding-bottom: 13px;
  }
}
.dashboard-13
  .shipping-details
  .simple-timeline
  ul
  li
  .shipment-details
  > div:last-child {
  width: calc(100% - 39px);
}
.dashboard-13
  .shipping-details
  .simple-timeline
  ul
  li:last-child
  > div
  p:last-child {
  border-bottom: unset;
  margin-bottom: 0;
  padding-bottom: 0;
}
.dashboard-13
  .shipping-details
  .simple-timeline
  ul
  li:last-child
  .shipment-details
  .line {
  display: none;
}
@media (max-width: 1399px) and (min-width: 1200px) {
  .dashboard-13
    .shipping-details
    .simple-timeline
    ul
    li
    .shipment-details
    p:last-child {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    height: 53px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .dashboard-13
    .shipping-details
    .simple-timeline
    ul
    li:last-child
    > div
    p:last-child {
    height: unset;
    text-overflow: unset;
  }
}
.dashboard-13 .sales-order h3 {
  font-size: 30px;
  font-weight: 500;
}
@media (max-width: 1399px) {
  .dashboard-13 .sales-order h3 {
    font-size: 22px;
  }
}
@media (max-width: 1385px) {
  .dashboard-13 .sales-order .common-space span:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 60%;
  }
}
.dashboard-13 .sales-order .common-space:last-child {
  padding-top: 10px;
}
.dashboard-13 .sales-order .common-space .total-sale {
  font-size: 18px;
  font-weight: 500;
}
.dashboard-13 .sales-order .progress {
  border-radius: 0;
  height: 23px;
  width: 68%;
}
@media (min-width: 1400px) {
  .dashboard-13 .sales-order .progress {
    width: calc(56% + 2.30769vw - 32.30769px);
  }
}
@media (max-width: 1399px) {
  .dashboard-13 .sales-order .progress {
    height: 18px;
    width: 50%;
  }
}
.dashboard-13 .delivery-chart .balance-data {
  right: 60px;
  top: 20px;
}
[dir="rtl"] .dashboard-13 .delivery-chart .balance-data {
  left: 60px;
  right: unset;
}
@media (max-width: 1690px) {
  .dashboard-13 .delivery-chart .balance-data {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    inset: 0;
    position: relative;
  }
}
@media (max-width: 1260px) and (min-width: 992px) {
  .dashboard-13
    .vehicle-table
    .recent-table
    div.dt-container
    .dt-layout-row
    .dt-layout-cell
    .dt-search {
    display: none;
  }
}
@media (max-width: 1430px) {
  .dashboard-13
    .vehicle-table
    .recent-table
    div.dt-container
    .dt-layout-row
    .dt-info {
    display: none;
  }
}
.dashboard-13 .vehicle-table .recent-table table tbody tr td,
.dashboard-13 .vehicle-table .recent-table table tbody tr th,
.dashboard-13 .vehicle-table .recent-table table thead tr td,
.dashboard-13 .vehicle-table .recent-table table thead tr th {
  min-width: auto;
}
.dashboard-13 .vehicle-table .recent-table table tbody tr td a,
.dashboard-13 .vehicle-table .recent-table table tbody tr th a,
.dashboard-13 .vehicle-table .recent-table table thead tr td a,
.dashboard-13 .vehicle-table .recent-table table thead tr th a {
  color: var(--body-font-color);
}
.dashboard-13 .vehicle-table .recent-table table tbody tr td:first-child,
.dashboard-13 .vehicle-table .recent-table table tbody tr th:first-child,
.dashboard-13 .vehicle-table .recent-table table thead tr td:first-child,
.dashboard-13 .vehicle-table .recent-table table thead tr th:first-child {
  padding-left: 20px;
}
.dashboard-13 .vehicle-table .recent-table table tbody tr td:last-child,
.dashboard-13 .vehicle-table .recent-table table tbody tr th:last-child,
.dashboard-13 .vehicle-table .recent-table table thead tr td:last-child,
.dashboard-13 .vehicle-table .recent-table table thead tr th:last-child {
  padding-right: 20px;
}
.dashboard-13 .vehicle-table .recent-table table tbody tr td img,
.dashboard-13 .vehicle-table .recent-table table tbody tr th img,
.dashboard-13 .vehicle-table .recent-table table thead tr td img,
.dashboard-13 .vehicle-table .recent-table table thead tr th img {
  height: 37px;
}
@media (max-width: 1425px) and (min-width: 1200px) {
  .dashboard-13 .vehicle-table .recent-table table tbody tr td img,
  .dashboard-13 .vehicle-table .recent-table table tbody tr th img,
  .dashboard-13 .vehicle-table .recent-table table thead tr td img,
  .dashboard-13 .vehicle-table .recent-table table thead tr th img {
    display: none;
  }
}
@media (max-width: 1667px) and (min-width: 1200px) {
  .dashboard-13 .vehicle-table .recent-table table tbody tr td:nth-child(6),
  .dashboard-13 .vehicle-table .recent-table table tbody tr th:nth-child(6),
  .dashboard-13 .vehicle-table .recent-table table thead tr td:nth-child(6),
  .dashboard-13 .vehicle-table .recent-table table thead tr th:nth-child(6) {
    display: none;
  }
}
@media (max-width: 1364px) and (min-width: 1200px) {
  .dashboard-13 .vehicle-table .recent-table table tbody tr td:last-child,
  .dashboard-13 .vehicle-table .recent-table table tbody tr th:last-child,
  .dashboard-13 .vehicle-table .recent-table table thead tr td:last-child,
  .dashboard-13 .vehicle-table .recent-table table thead tr th:last-child {
    display: none;
  }
  .dashboard-13 .vehicle-table .recent-table table tbody tr td:nth-child(5),
  .dashboard-13 .vehicle-table .recent-table table tbody tr th:nth-child(5),
  .dashboard-13 .vehicle-table .recent-table table thead tr td:nth-child(5),
  .dashboard-13 .vehicle-table .recent-table table thead tr th:nth-child(5) {
    padding-right: 20px;
  }
}
@media (max-width: 1211px) and (min-width: 1200px) {
  .dashboard-13 .vehicle-table .recent-table table tbody tr td:nth-child(3),
  .dashboard-13 .vehicle-table .recent-table table tbody tr th:nth-child(3),
  .dashboard-13 .vehicle-table .recent-table table thead tr td:nth-child(3),
  .dashboard-13 .vehicle-table .recent-table table thead tr th:nth-child(3) {
    display: none;
  }
}
@media (max-width: 1199px) {
  .dashboard-13 .vehicle-table .recent-table table tbody tr td:nth-child(2),
  .dashboard-13 .vehicle-table .recent-table table tbody tr th:nth-child(2),
  .dashboard-13 .vehicle-table .recent-table table thead tr td:nth-child(2),
  .dashboard-13 .vehicle-table .recent-table table thead tr th:nth-child(2) {
    min-width: 72px;
  }
  .dashboard-13 .vehicle-table .recent-table table tbody tr td:nth-child(3),
  .dashboard-13 .vehicle-table .recent-table table tbody tr th:nth-child(3),
  .dashboard-13 .vehicle-table .recent-table table thead tr td:nth-child(3),
  .dashboard-13 .vehicle-table .recent-table table thead tr th:nth-child(3) {
    min-width: 65px;
  }
  .dashboard-13 .vehicle-table .recent-table table tbody tr td:nth-child(4),
  .dashboard-13 .vehicle-table .recent-table table tbody tr th:nth-child(4),
  .dashboard-13 .vehicle-table .recent-table table thead tr td:nth-child(4),
  .dashboard-13 .vehicle-table .recent-table table thead tr th:nth-child(4) {
    min-width: 150px;
  }
  .dashboard-13 .vehicle-table .recent-table table tbody tr td:nth-child(5),
  .dashboard-13 .vehicle-table .recent-table table tbody tr th:nth-child(5),
  .dashboard-13 .vehicle-table .recent-table table thead tr td:nth-child(5),
  .dashboard-13 .vehicle-table .recent-table table thead tr th:nth-child(5) {
    min-width: 95px;
  }
  .dashboard-13 .vehicle-table .recent-table table tbody tr td:nth-child(6),
  .dashboard-13 .vehicle-table .recent-table table tbody tr th:nth-child(6),
  .dashboard-13 .vehicle-table .recent-table table thead tr td:nth-child(6),
  .dashboard-13 .vehicle-table .recent-table table thead tr th:nth-child(6) {
    min-width: 104px;
  }
}
.dashboard-13 .country-option ul {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.dashboard-13 .country-option ul li {
  background-color: var(--light2);
  padding: 9px 28px;
}
.dashboard-13 .country-option ul li span {
  border-radius: 2px;
  height: 10px;
  margin-right: 14px;
  width: 10px;
}
[dir="rtl"] .dashboard-13 .country-option ul li span {
  margin-left: 14px;
  margin-right: unset;
}
@media (max-width: 767px) and (min-width: 576px) {
  .dashboard-13 .country-option ul li span {
    margin-right: 10px;
  }
  [dir="rtl"] .dashboard-13 .country-option ul li span {
    margin-left: 10px;
    margin-right: unset;
  }
}
@media (max-width: 1610px) and (min-width: 1200px) {
  .dashboard-13 .country-option ul li {
    padding: 6px 18px;
  }
}
@media (max-width: 1289px) and (min-width: 768px) {
  .dashboard-13 .country-option .c-xl-40 {
    border: unset;
  }
  .dashboard-13 .country-option ul {
    flex-direction: unset;
    flex-wrap: wrap;
  }
}
@media (max-width: 1230px) and (min-width: 768px) {
  .dashboard-13 .country-option ul {
    gap: 10px;
  }
  .dashboard-13 .country-option ul li {
    padding: 6px 14px;
  }
  .dashboard-13 .country-option ul li span {
    margin-right: 8px;
  }
  [dir="rtl"] .dashboard-13 .country-option ul li span {
    margin-left: 8px;
    margin-right: unset;
  }
}
@media (max-width: 991px) {
  .dashboard-13 .country-option ul {
    flex-direction: column;
  }
}
.dashboard-13 .common-stat-option {
  margin: -82px -6px -58px 0;
}
@media (max-width: 1630px) {
  .dashboard-13 .common-stat-option {
    margin: -85px -6px -58px 0;
  }
}
@media (max-width: 1630px) and (min-width: 1366px) {
  .dashboard-13 .common-stat-option {
    margin: -85px -6px -58px 0;
  }
}
@media (max-width: 1365px) and (min-width: 1200px) {
  .dashboard-13 .common-stat-option {
    margin: -89px -6px -58px 0;
  }
}
@media (max-width: 1199px) {
  .dashboard-13 .common-stat-option {
    margin: -96px -6px -54px 0;
  }
}
@media (max-width: 424px) {
  .dashboard-13 .common-stat-option.client-chart {
    margin: -96px -6px -82px 0;
  }
}
.dashboard-13 .delivered-stat-option {
  margin: -85px -6px -58px 0;
}
@media (max-width: 1599px) and (min-width: 1200px) {
  .dashboard-13 .delivered-stat-option {
    margin: -97px -6px -58px 0;
  }
}
@media (max-width: 1199px) {
  .dashboard-13 .delivered-stat-option {
    margin: -65px -6px -16px 0;
  }
}
.dashboard-13 .sales-order-chart {
  margin-left: -10px;
  margin-top: 14px;
}
[dir="rtl"] .dashboard-13 .sales-order-chart {
  margin-left: unset;
  margin-right: -10px;
}
.dashboard-13 .delivery-duration-chart {
  margin-left: -38px;
}
@media (max-width: 575px) and (min-width: 333px) {
  .dashboard-13 .delivery-duration-chart {
    margin: 0 -20px -20px;
  }
}
@media (max-width: 332px) {
  .dashboard-13 .delivery-duration-chart {
    margin: 0 0 -40px -20px;
  }
}
.dashboard-13 .fleet-status-chart .apexcharts-legend {
  gap: 8px;
}
@media (max-width: 1399px) and (min-width: 1200px) {
  .dashboard-13 .fleet-status-chart {
    margin-top: 48px;
  }
}
.dashboard-13 .profitable-country-chart {
  border-right: 1px solid var(--chart-progress-light);
  height: 100%;
  margin-left: -16px;
  margin-right: -8px;
  padding-right: 10px;
}
[dir="rtl"] .dashboard-13 .profitable-country-chart {
  border-left: 1px solid var(--chart-progress-light);
  border-right: unset;
  margin-left: -8px;
  margin-right: -16px;
  padding-left: 10px;
}
@media (max-width: 1289px) and (min-width: 992px) {
  .dashboard-13 .profitable-country-chart,
  [dir="rtl"] .dashboard-13 .profitable-country-chart {
    border: unset;
  }
}
@media (max-width: 575px) {
  .dashboard-13 .profitable-country-chart {
    border: unset;
  }
}
@media (max-width: 1660px) and (min-width: 1290px) {
  .dashboard-13 .c-xl-60 {
    flex: 0 0 60%;
    max-width: 60%;
  }
  .dashboard-13 .c-xl-40 {
    flex: 0 0 40%;
    max-width: 40%;
  }
}
.form-control-plaintext {
  width: auto !important;
}
@keyframes bounce-effect {
  0% {
    transform: translateY(0);
    transition: 0.5s;
  }
  50% {
    transform: translateY(-5px);
    transition: 0.5s;
  }
  to {
    transform: translateY(0);
    transition: 0.5s;
  }
}
.badge-light-primary,
.badge-light-primary:hover {
  background-color: rgba(115, 102, 255, 0.34);
  color: #7366ff;
}
.badge-l-primary,
.badge-l-primary:hover {
  background-color: #fff;
}
.badge-light-secondary,
.badge-light-secondary:hover {
  background-color: hsla(0, 0%, 51%, 0.34);
  color: #838383;
}
.badge-l-secondary,
.badge-l-secondary:hover {
  background-color: #d5d5d5;
}
.badge-light-success,
.badge-light-success:hover {
  background-color: rgba(101, 193, 92, 0.34);
  color: #65c15c;
}
.badge-l-success,
.badge-l-success:hover {
  background-color: #d5eed2;
}
.badge-light-danger,
.badge-light-danger:hover {
  background-color: rgba(252, 86, 74, 0.34);
  color: #fc564a;
}
.badge-l-danger,
.badge-l-danger:hover {
  background-color: #ffeceb;
}
.badge-light-info,
.badge-light-info:hover {
  background-color: rgba(64, 184, 245, 0.34);
  color: #40b8f5;
}
.badge-l-info,
.badge-l-info:hover {
  background-color: #dbf2fd;
}
.badge-light-light,
.badge-light-light:hover {
  background-color: rgba(82, 82, 108, 0.34);
  color: #52526c;
}
.badge-l-light,
.badge-l-light:hover {
  background-color: #a6a6bb;
}
.badge-light-dark,
.badge-light-dark:hover {
  background-color: rgba(63, 71, 90, 0.34);
  color: #3f475a;
}
.badge-l-dark,
.badge-l-dark:hover {
  background-color: #8d97af;
}
.badge-light-warning,
.badge-light-warning:hover {
  background-color: rgba(255, 184, 41, 0.34);
  color: #ffb829;
}
.badge-l-warning,
.badge-l-warning:hover {
  background-color: #fec;
}
.badge-light-light {
  background-color: #e9e9ee !important;
}
.badge-l-primary,
.badge-l-primary:hover,
.badge-light-primary,
.badge-light-primary:hover {
  background-color: rgba(115, 102, 255, 0.1);
}
.badge-light-success {
  background-color: rgba(101, 193, 92, 0.15);
}
.badge-light-secondary {
  background-color: hsla(0, 0%, 51%, 0.08);
}
.badge-light-danger {
  background-color: rgba(252, 86, 74, 0.15);
}
@media (max-width: 1712px) {
  .overall-card .balance-card {
    padding: 12px;
  }
}
@media (max-width: 1662px) and (min-width: 1600px) {
  .overall-card .col-xl-9 {
    width: 73%;
  }
  .overall-card .col-xl-3 {
    width: 27%;
  }
}
@media (max-width: 1650px) and (min-width: 1600px) {
  .overall-card .col-xl-9 {
    width: 72%;
  }
  .overall-card .col-xl-3 {
    width: 28%;
  }
}
@media (max-width: 1600px) and (min-width: 1500px) {
  .overall-card .col-xl-9 {
    width: 70%;
  }
  .overall-card .col-xl-3 {
    width: 30%;
  }
}
@media (max-width: 1500px) and (min-width: 1200px) {
  .overall-card .col-xl-9 {
    width: 65%;
  }
  .overall-card .col-xl-3 {
    width: 35%;
  }
}
.clockbox {
  margin-bottom: -5px;
}
.clockbox svg {
  height: 45px;
  width: 45px;
}
@media (max-width: 767px) {
  .clockbox svg {
    height: 36px;
  }
}
#clock,
.clockbox {
  width: 100%;
}
.circle {
  fill: #fff;
  stroke: hsla(0, 0%, 100%, 0.4);
  stroke-width: 80px;
  stroke-miterlimit: 10;
}
.mid-circle {
  fill: #000;
}
.hour-marks {
  fill: none;
  stroke: #75758a;
  stroke-width: 9;
  stroke-miterlimit: 10;
}
.hour-hand {
  fill: none;
  stroke: #ff7e00;
  stroke-width: 17;
  stroke-miterlimit: 10;
}
.minute-hand {
  fill: none;
  stroke: #ff7e00;
  stroke-width: 11;
  stroke-miterlimit: 10;
}
.second-hand {
  fill: none;
  stroke: #ffb829;
  stroke-width: 15px;
  stroke-miterlimit: 10;
}
.sizing-box {
  fill: none;
}
#hour,
#minute,
#second {
  transform-origin: 300px 300px;
  transition: transform 0.5s ease-in-out;
}
@media (min-width: 1400px) {
  .widget-grid .height-equal {
    min-height: unset !important;
  }
  .widget-grid > .col-xxl-auto {
    width: 22.22%;
  }
}
.order-chart > div {
  margin-bottom: -43px;
  margin-top: -25px;
}
.order-chart svg path {
  clip-path: inset(7% 0 0 0 round 0.6rem);
}
.widget-1 {
  background-image: url(images/widget-bg.png);
  background-size: cover;
  margin-bottom: 25px;
}
.widget-1 svg {
  font-weight: 700;
  height: 12px;
  width: 12px;
}
.widget-1 .f-w-500 {
  align-items: center;
  display: flex;
}
@media (max-width: 1580px) and (min-width: 1200px) {
  .widget-1 .f-w-500 {
    display: none;
  }
}
.widget-1 .card-body {
  align-items: flex-end;
  display: flex;
  justify-content: space-between;
  padding: 18px 25px;
}
@media (max-width: 1720px) {
  .widget-1 .card-body {
    padding: 18px;
  }
}
.widget-1 .widget-round {
  border-radius: 100%;
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  position: relative;
}
.widget-1 .widget-round .bg-round {
  align-items: center;
  border-radius: 100%;
  box-shadow: 1px 2px 21px -2px rgba(214, 214, 227, 0.83);
  display: flex;
  height: 56px;
  justify-content: center;
  margin: 6px;
  position: relative;
  width: 56px;
  z-index: 1;
}
.widget-1 .widget-round .bg-round svg {
  height: 24px;
  width: 24px;
}
.widget-1 .widget-round .bg-round .half-circle {
  background: #fff;
  bottom: -8px;
  height: 52px;
  left: -9px;
  position: absolute;
  width: 35px;
  z-index: -1;
}
@media (max-width: 1399px) {
  .widget-1 .widget-round .bg-round {
    height: 40px;
    width: 40px;
  }
  .widget-1 .widget-round .bg-round svg {
    height: 22px;
    width: 22px;
  }
  .widget-1 .widget-round .bg-round .half-circle {
    bottom: -8px;
    height: 40px;
    left: -10px;
    width: 30px;
  }
}
.widget-1 .widget-round.primary {
  border-color: var(--theme-default);
}
.widget-1 .widget-round.secondary {
  border-color: var(--theme-secondary);
}
.widget-1 .widget-round.success {
  border-color: #65c15c;
}
.widget-1 .widget-round.warning {
  border-color: #ffb829;
}
.widget-1 .widget-content {
  align-items: center;
  display: flex;
  gap: 15px;
}
@media (max-width: 1600px) {
  .widget-1 .widget-content {
    gap: 10px;
  }
}
.widget-1 .widget-content h4 {
  margin-bottom: 4px;
}
@media (max-width: 1399px) {
  .widget-1 .widget-content h4 {
    font-size: calc(17.6px + 0.125vw);
  }
}
.widget-1:hover {
  transform: translateY(-5px);
  transition: 0.5s;
}
.widget-1:hover .widget-round .svg-fill:not(.half-circle),
.widget-1:hover .widget-round svg:not(.half-circle) {
  animation: tada 1.5s ease infinite;
}
.widget-with-chart .card-body {
  align-items: center;
}
@media (max-width: 1625px) {
  .main-customer-table .table-responsive .dt-layout-row .dt-search {
    display: none;
  }
}
.main-customer-table .table-responsive .table tbody tr td,
.main-customer-table .table-responsive .table tbody tr th,
.main-customer-table .table-responsive .table thead tr td,
.main-customer-table .table-responsive .table thead tr th {
  min-width: auto;
}
.main-customer-table .table-responsive .table tbody tr td:first-child,
.main-customer-table .table-responsive .table tbody tr th:first-child,
.main-customer-table .table-responsive .table thead tr td:first-child,
.main-customer-table .table-responsive .table thead tr th:first-child {
  cursor: pointer;
  padding-left: 20px;
}
@media (max-width: 1447px) and (min-width: 1400px) {
  .main-customer-table .table-responsive .table tbody tr td:nth-child(2) img,
  .main-customer-table .table-responsive .table tbody tr th:nth-child(2) img,
  .main-customer-table .table-responsive .table thead tr td:nth-child(2) img,
  .main-customer-table .table-responsive .table thead tr th:nth-child(2) img {
    display: none;
  }
}
@media (max-width: 1303px) and (min-width: 1219px) {
  .main-customer-table .table-responsive .table tbody tr td:nth-child(2) img,
  .main-customer-table .table-responsive .table tbody tr th:nth-child(2) img,
  .main-customer-table .table-responsive .table thead tr td:nth-child(2) img,
  .main-customer-table .table-responsive .table thead tr th:nth-child(2) img {
    display: none;
  }
}
.main-customer-table .table-responsive .table tbody tr td:last-child,
.main-customer-table .table-responsive .table tbody tr th:last-child,
.main-customer-table .table-responsive .table thead tr td:last-child,
.main-customer-table .table-responsive .table thead tr th:last-child {
  padding-right: 20px;
}
@media (max-width: 1801px) and (min-width: 1596px) {
  .main-customer-table .table-responsive .table tbody tr td:last-child,
  .main-customer-table .table-responsive .table tbody tr th:last-child,
  .main-customer-table .table-responsive .table thead tr td:last-child,
  .main-customer-table .table-responsive .table thead tr th:last-child {
    display: none;
  }
}
@media (max-width: 1595px) and (min-width: 1400px) {
  .main-customer-table .table-responsive .table tbody tr td:last-child,
  .main-customer-table .table-responsive .table tbody tr th:last-child,
  .main-customer-table .table-responsive .table thead tr td:last-child,
  .main-customer-table .table-responsive .table thead tr th:last-child {
    display: none;
  }
}
@media (max-width: 1218px) and (min-width: 1200px) {
  .main-customer-table .table-responsive .table tbody tr td:last-child,
  .main-customer-table .table-responsive .table tbody tr th:last-child,
  .main-customer-table .table-responsive .table thead tr td:last-child,
  .main-customer-table .table-responsive .table thead tr th:last-child {
    display: none;
  }
}
@media (max-width: 1166px) {
  .main-customer-table .table-responsive .table tbody tr td:nth-child(2),
  .main-customer-table .table-responsive .table tbody tr th:nth-child(2),
  .main-customer-table .table-responsive .table thead tr td:nth-child(2),
  .main-customer-table .table-responsive .table thead tr th:nth-child(2) {
    min-width: 135px;
  }
  .main-customer-table .table-responsive .table tbody tr td:nth-child(3),
  .main-customer-table .table-responsive .table tbody tr th:nth-child(3),
  .main-customer-table .table-responsive .table thead tr td:nth-child(3),
  .main-customer-table .table-responsive .table thead tr th:nth-child(3) {
    min-width: 112px;
  }
  .main-customer-table .table-responsive .table tbody tr td:last-child,
  .main-customer-table .table-responsive .table tbody tr th:last-child,
  .main-customer-table .table-responsive .table thead tr td:last-child,
  .main-customer-table .table-responsive .table thead tr th:last-child {
    min-width: 80px;
  }
}
.main-customer-table .table-responsive .table thead tr th {
  color: #52526c;
}
.main-customer-table .table-responsive .table tbody tr td .img-content-box a {
  color: var(--body-font-color);
}
.profile-box {
  background: linear-gradient(
    103.75deg,
    #33b1ee -13.9%,
    var(--theme-default) 79.68%
  );
  color: #fff;
  height: 238px;
}
@media (max-width: 1399px) {
  .profile-box {
    height: 206px;
  }
}
.profile-box .cartoon {
  animation: bounce-effect 5s ease-in infinite;
  bottom: -15px;
  position: absolute;
  right: 20px;
}
[dir="rtl"] .profile-box .cartoon {
  left: 5px;
  right: unset !important;
}
@media (max-width: 1660px) {
  .profile-box .cartoon {
    right: 30px;
    text-align: right;
  }
  [dir="rtl"] .profile-box .cartoon {
    left: -6px;
    text-align: left;
  }
  .profile-box .cartoon img {
    width: 80%;
  }
}
@media (max-width: 1500px) and (min-width: 1031px) {
  .profile-box .cartoon img {
    width: 70%;
  }
}
@media (max-width: 1030px) {
  .profile-box .cartoon img {
    width: 62%;
  }
}
@media (max-width: 767px) {
  .profile-box .cartoon {
    right: 10px;
  }
  [dir="rtl"] .profile-box .cartoon {
    left: -10px;
  }
  .profile-box .cartoon img {
    width: 52%;
  }
}
@media (max-width: 575px) {
  .profile-box .cartoon {
    right: 30px;
  }
  [dir="rtl"] .profile-box .cartoon {
    left: 10px;
  }
  .profile-box .cartoon img {
    width: 48%;
  }
}
@media (max-width: 1485px) and (min-width: 1400px) {
  .profile-box .greeting-user h2 {
    max-width: 235px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media (max-width: 1108px) and (min-width: 992px) {
  .profile-box .greeting-user h2 {
    max-width: 235px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media (max-width: 840px) {
  .profile-box .greeting-user h2 {
    max-width: 235px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media (max-width: 730px) and (min-width: 611px) {
  .profile-box .greeting-user h2 {
    max-width: 170px;
  }
}
@media (max-width: 610px) and (min-width: 576px) {
  .profile-box .greeting-user h2 {
    max-width: 115px;
  }
}
@media (max-width: 575px) {
  .profile-box .greeting-user h2 {
    max-width: 178px;
  }
}
.profile-box .greeting-user h2,
.profile-box .greeting-user p {
  color: #fff;
}
.profile-box .greeting-user p {
  width: 60%;
}
@media (max-width: 1500px) {
  .profile-box .greeting-user p {
    width: 70%;
  }
}
@media (max-width: 1199px) {
  .profile-box .greeting-user p {
    width: 80%;
  }
}
@media (max-width: 767px) {
  .profile-box .greeting-user p {
    width: 98%;
  }
}
@media (max-width: 600px) {
  .profile-box .greeting-user p {
    width: 100%;
  }
}
@media (max-width: 575px) {
  .profile-box .greeting-user p {
    width: 98%;
  }
}
.profile-box .whatsnew-btn {
  margin-top: 3.5rem;
}
@media (max-width: 1500px) {
  .profile-box .whatsnew-btn {
    margin-top: 1.7rem;
  }
}
@media (max-width: 991px) {
  .profile-box .whatsnew-btn {
    margin-top: 3.5rem;
  }
}
@media (max-width: 638px) {
  .profile-box .whatsnew-btn {
    margin-top: 2rem;
  }
}
@media (max-width: 767px) {
  .profile-box .whatsnew-btn .btn {
    padding: 6px 10px;
  }
}
.header-top {
  align-items: center;
  display: flex;
  gap: 4px;
  justify-content: space-between;
}
.header-top a i {
  font-size: 11px;
  margin-bottom: -2px;
}
.header-top a.btn {
  padding: 8px 12px;
}
@media (max-width: 575px) {
  .header-top a.btn {
    padding: 5px;
  }
}
.header-top a.btn.badge-light-primary:hover {
  background-color: var(--theme-default);
}
.user-details {
  align-items: center;
  display: flex;
  gap: 15px;
}
@media (max-width: 1399px) {
  .user-details {
    gap: 6px;
  }
}
.user-details .customers {
  width: 200px;
}
@media (max-width: 575px) {
  .user-details {
    flex-wrap: wrap;
  }
}
.papernote-wrap .banner-img {
  border-radius: 15px;
  width: 100%;
}
.papernote-wrap .note-labels {
  align-items: center;
  display: flex;
}
.papernote-wrap .note-labels > * {
  padding: 3px 0;
}
.papernote-wrap .note-labels ul {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
@media (max-width: 575px) {
  .papernote-wrap .note-labels ul {
    gap: 4px;
  }
}
.papernote-wrap .note-labels .badge {
  font-size: 14px;
  padding: 6px 12px;
}
@media (max-width: 575px) {
  .papernote-wrap .note-labels .badge {
    font-size: 12px;
    padding: 5px 6px;
  }
}
.papernote-wrap .note-labels .last-label {
  border-left: 1px dashed hsla(240, 8%, 50%, 0.7);
  margin-left: 16px;
  padding-left: 16px;
}
[dir="rtl"] .papernote-wrap .note-labels .last-label {
  border-left: none;
  border-right: 1px dashed hsla(240, 8%, 50%, 0.7);
  margin-left: unset;
  margin-right: 16px;
  padding-left: unset;
  padding-right: 16px;
}
@media (max-width: 575px) {
  .papernote-wrap .note-labels .last-label {
    margin-left: 8px;
    padding-left: 8px;
  }
  [dir="rtl"] .papernote-wrap .note-labels .last-label {
    margin-right: 8px;
    padding-right: 8px;
  }
}
.papernote-wrap .light-card {
  align-items: center;
  background: var(--light2);
  border: 1px solid hsla(240, 8%, 50%, 0.2);
  border-radius: 100%;
  display: flex;
  height: 40px;
  justify-content: center;
  width: 40px;
}
.notification ul {
  position: relative;
}
.notification ul:before {
  border: 1px dashed #75758a;
  content: "";
  height: calc(100% - 12px);
  left: 2px;
  opacity: 0.3;
  position: absolute;
  top: 12px;
}
[dir="rtl"] .notification ul:before {
  left: unset;
  right: 2px;
}
.notification li {
  padding-bottom: 31px;
}
.notification div[class*="activity-dot-"] {
  animation: round 1.3s ease-in-out infinite;
  margin-top: 12px;
}
.notification .card .d-flex .w-100 p .badge {
  color: #fff;
  font-weight: 500;
  margin-left: 10px;
}
.notification .card .d-flex .w-100 h6 {
  margin-bottom: 5px;
  position: relative;
}
.notification .card .d-flex .w-100 h6 ~ p {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: block;
  overflow: hidden;
  -webkit-text-emphasis: inherit;
  text-emphasis: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 260px;
}
@media (max-width: 767px) {
  .notification .card .d-flex .w-100 h6 ~ p {
    -webkit-line-clamp: unset;
    display: block;
    overflow: visible;
    -webkit-text-emphasis: unset;
    text-emphasis: unset;
    text-overflow: unset;
    white-space: unset;
    width: unset;
  }
}
@keyframes round {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  to {
    transform: scale(1);
  }
}
.notification .card .d-flex .w-100 span {
  color: #75758a;
}
.notification .card .d-flex:nth-child(2) .flex-grow-1 h6 .dot-notification {
  background-color: #ffb829;
  border: 5px solid #ffebc2;
}
.notification .card .d-flex:last-child {
  margin-bottom: 0 !important;
}
.notification .date-content {
  border-radius: 5px;
  padding: 4px 8px;
}
.schedule-container > div {
  margin-bottom: -40px;
}
.schedule-container svg path {
  clip-path: inset(1% 0 0 0 round 1.5rem);
}
.purchase-card {
  margin-top: 200px;
  text-align: center;
}
@media (max-width: 1560px) {
  .purchase-card {
    margin-top: 170px;
  }
}
@media (max-width: 1399px) {
  .purchase-card {
    margin-top: 160px;
  }
}
@media (max-width: 500px) {
  .purchase-card {
    margin-top: 110px;
  }
}
@media (max-width: 420px) {
  .purchase-card {
    margin-top: 90px;
  }
}
.purchase-card img {
  margin-top: -208px;
}
@media (max-width: 1560px) {
  .purchase-card img {
    margin-top: -170px;
  }
}
@media (max-width: 1399px) {
  .purchase-card img {
    margin: -160px auto 0;
    width: 70%;
  }
}
@media (max-width: 1366px) {
  .purchase-card img {
    width: 76%;
  }
}
@media (max-width: 1199px) {
  .purchase-card img {
    width: 86%;
  }
}
@media (max-width: 991px) {
  .purchase-card img {
    width: 72%;
  }
}
@media (max-width: 767px) {
  .purchase-card img {
    width: 50%;
  }
}
@media (max-width: 500px) {
  .purchase-card img {
    margin-top: -110px;
  }
}
@media (max-width: 420px) {
  .purchase-card img {
    margin-top: -90px;
    width: 60%;
  }
}
.purchase-card .purchase-btn {
  min-width: auto;
}
.buy-card img {
  height: 252px;
  -o-object-fit: contain;
  object-fit: contain;
  padding: 20px 20px 0;
}
.buy-card .card-body {
  margin-inline: 50px;
  text-align: center;
}
.buy-card .card-body .purchase-btn {
  font-size: 14px;
  min-width: auto;
}
@media (max-width: 1869px) {
  .buy-card img {
    height: 256px;
  }
  .buy-card .card-body {
    margin-inline: 45px;
  }
}
@media (max-width: 1774px) and (min-width: 1431px) {
  .buy-card .card-body {
    margin-inline: 6px;
  }
}
@media (max-width: 1430px) and (min-width: 1400px) {
  .buy-card img {
    height: 230px;
  }
  .buy-card .card-body {
    margin-inline: 0;
  }
}
@media (max-width: 1399px) {
  .buy-card img {
    height: 295px;
  }
}
@media (max-width: 1380px) and (min-width: 992px) {
  .buy-card .card-body {
    margin-inline: 6px;
  }
}
@media (max-width: 991px) and (min-width: 818px) {
  .buy-card .card-body {
    margin-inline: 50px;
  }
}
@media (max-width: 817px) and (min-width: 687px) {
  .buy-card .card-body {
    margin-inline: 28px;
  }
}
@media (max-width: 686px) {
  .buy-card .card-body {
    margin-inline: 0;
  }
}
@media (max-width: 1199px) and (min-width: 1078px) {
  .buy-card img {
    height: 238px;
  }
}
@media (max-width: 1077px) and (min-width: 992px) {
  .buy-card img {
    height: 252px;
  }
}
@media (max-width: 991px) and (min-width: 1200px) {
  .buy-card img {
    height: 295px;
  }
}
@media (max-width: 1199px) and (min-width: 1200px) {
  .buy-card img {
    height: 270px;
  }
}
@media (max-width: 1199px) and (min-width: 576px) {
  .buy-card img {
    height: 295px;
  }
}
@media (max-width: 575px) and (min-width: 446px) {
  .buy-card img {
    height: 240px;
  }
}
@media (max-width: 445px) {
  .buy-card img {
    height: 185px;
  }
}
.appointment-table table tr td {
  border-top: none;
  padding: 15px 0;
  position: relative;
  vertical-align: middle;
}
.appointment-table table tr td:first-child {
  width: 50px;
}
.appointment-table table tr td .status-circle {
  border-width: 3px;
  left: 35px;
  top: 1px;
}
.appointment-table table tr td .btn,
.appointment-table table tr td p {
  font-size: 12px;
  font-weight: 500;
}
.appointment-table table tr td .btn {
  padding: 4px 12px;
}
.appointment-table table tr .img-content-box a {
  color: var(--body-font-color);
  display: inline-block !important;
  transition: 0.5s;
}
.appointment-table table tr .img-content-box span {
  display: block;
}
.appointment-table table tr:hover .img-content-box a {
  color: var(--theme-default);
  transition: 0.5s;
}
.appointment-table table tr:first-child td {
  padding-top: 0 !important;
}
.appointment-table table tr:last-child td {
  padding-bottom: 0 !important;
}
.appointment-table.customer-table table tr td {
  padding: 10px 0;
}
.appointment-table.customer-table table tr td img {
  min-width: 40px;
}
.icon-box {
  align-items: center;
  background-color: rgba(115, 102, 255, 0.08);
  border-radius: 10px;
  display: flex;
  height: 32px;
  justify-content: center;
  width: 50px;
}
.icon-box i {
  color: var(--theme-default);
  font-size: 22px;
}
.icon-box svg {
  stroke: var(--theme-default);
}
.balance-card {
  border-radius: 5px;
  display: flex;
  gap: 15px;
  padding: 15px;
  transition: 0.5s;
}
@media (max-width: 1199px) {
  .balance-card {
    gap: 8px;
  }
}
.balance-card .svg-box {
  align-items: center;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 71.2527px 51.5055px rgba(229, 229, 245, 0.19),
    0 42.3445px 28.0125px rgba(229, 229, 245, 0.152),
    0 21.9866px 14.2913px rgba(229, 229, 245, 0.125),
    0 8.95749px 7.16599px rgba(229, 229, 245, 0.098),
    0 2.03579px 3.46085px rgba(229, 229, 245, 0.06);
  display: flex;
  height: 43px;
  justify-content: center;
  width: 43px;
}
@media (max-width: 1199px) {
  .balance-card .svg-box {
    height: 35px;
    width: 35px;
  }
}
.balance-card .svg-box svg {
  height: 20px;
  fill: hsla(240, 8%, 50%, 0.85);
}
@media (max-width: 1199px) {
  .balance-card .svg-box svg {
    height: 17px;
  }
}
.btn-light-secondary {
  background-color: rgba(var(--theme-secondary), 0.1);
  font-size: 12px;
  font-weight: 600;
  padding: 6px 12px;
}
.fill-primary {
  fill: #7366ff;
}
.fill-secondary {
  fill: #838383;
}
.fill-success {
  fill: #65c15c;
}
.fill-warning {
  fill: #ffb829;
}
.fill-info {
  fill: #40b8f5;
}
.fill-danger {
  fill: #fc564a;
}
.testimonial i {
  color: rgba(43, 43, 43, 0.7);
  font-size: 60px;
  left: 0;
  opacity: 0.1;
  position: absolute;
  top: 0;
  z-index: -1;
}
.testimonial p {
  color: #75758a;
  font-style: italic;
  margin-bottom: 30px;
  margin-top: 30px;
}
.testimonial h5 {
  color: #404040;
  padding-top: 10px;
}
.testimonial span {
  color: #75758a;
}
.testimonial img {
  margin: 0 auto;
}
.widget-charts .widget-1 .card-body {
  padding: 30px 25px;
}
.chart-widget-top #chart-widget1,
.chart-widget-top #chart-widget2,
.chart-widget-top #chart-widget3 {
  margin-bottom: -15px;
}
.chart-widget-top #chart-widget1 .apexcharts-xaxistooltip,
.chart-widget-top #chart-widget2 .apexcharts-xaxistooltip,
.chart-widget-top #chart-widget3 .apexcharts-xaxistooltip {
  display: none;
}
.chart-widget-top span {
  color: #6c757d;
}
.bar-chart-widget .apexcharts-legend {
  bottom: 0 !important;
}
.bar-chart-widget .apexcharts-legend .apexcharts-legend-series {
  margin: 0 10px !important;
}
.bar-chart-widget .apexcharts-legend .apexcharts-legend-marker {
  margin-right: 5px;
}
.bar-chart-widget .top-content {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.bar-chart-widget .earning-details {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  letter-spacing: 1px;
  text-align: center;
}
.bar-chart-widget .earning-details i {
  font-size: 230px;
  opacity: 0.1;
  position: absolute;
  right: -30px;
  top: 0;
}
.bar-chart-widget .earning-details i:hover {
  transform: rotate(-5deg) scale(1.1);
  transition: all 0.3s ease;
}
.bar-chart-widget .num {
  font-weight: 600;
}
.bar-chart-widget .num .color-bottom {
  color: #000;
}
.skill-chart {
  margin-bottom: -48px;
}
.skill-chart .apexcharts-legend .apexcharts-legend-series span {
  display: block;
}
.skill-chart
  .apexcharts-legend
  .apexcharts-legend-series
  .apexcharts-legend-text {
  margin: 10px 0 20px;
}
.progress-chart {
  margin: -11px 0 -20px;
}
.progress-chart .apexcharts-canvas svg path,
.progress-chart .apexcharts-canvas svg rect {
  clip-path: inset(1% 0 0 0 round 1rem);
}
.bottom-content span {
  color: #75758a;
}
.bottom-content .block-bottom {
  display: block;
}
@keyframes am-moving-dashes {
  to {
    stroke-dashoffset: -30px;
  }
}
@keyframes am-pulsating {
  0% {
    stroke-opacity: 1;
    stroke-width: 0;
  }
  to {
    stroke-opacity: 0;
    stroke-width: 50px;
  }
}
@keyframes am-draw {
  0% {
    stroke-dashoffset: 500%;
  }
  to {
    stroke-dashoffset: 0;
  }
}
.serial-chart .chart-container {
  height: 500px;
  width: 100%;
}
.serial-chart .chart-container .lastBullet {
  animation: am-pulsating 1s ease-out infinite;
}
.serial-chart .chart-container .amcharts-graph-column-front {
  transition: all 0.3s ease-out 0.3s;
}
.serial-chart .chart-container .amcharts-graph-column-front:hover {
  fill: var(--theme-secondary);
  stroke: var(--theme-secondary);
  transition: all 0.3s ease-out;
}
.serial-chart .chart-container .amcharts-graph-g3 {
  stroke-linejoin: round;
  stroke-linecap: round;
  stroke-dasharray: 0;
  stroke-dashoffset: 0;
  animation: am-draw 40s;
}
.serial-chart .chart-container .amcharts-graph-g2 .amcharts-graph-stroke {
  stroke-dasharray: 3px 3px;
  stroke-linejoin: round;
  stroke-linecap: round;
  animation: am-moving-dashes 1s linear infinite;
}
.chart-container .apexcharts-xaxis-label,
.chart-container .apexcharts-yaxis-label {
  color: #6c757d !important;
  font-size: 14px !important;
}
.chart-container .apexcharts-xaxis-annotations rect {
  clip-path: inset(1% 0 0 0 round 0.2rem);
}
.crypto-chart {
  margin-left: -20px;
}
.crypto-chart .apexcharts-tooltip-title {
  display: none;
}
.crypto-chart .apexcharts-tooltip-series-group.active,
.crypto-chart .apexcharts-tooltip-series-group:last-child {
  padding-bottom: 0;
}
.speed-chart .chart-container {
  height: 530px;
  width: 100%;
}
.speed-chart .content {
  margin-bottom: 20px;
  margin-top: -200px;
}
.speed-chart .content h4 {
  font-weight: 600;
  padding-top: 2px;
}
.status-widget svg {
  height: 20px;
  vertical-align: text-top;
  width: 20px;
}
.status-widget .card .card-header h5 {
  line-height: 1.38;
}
.status-widget .status-chart {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  overflow: hidden;
}
.small-chart-widget .chart-container {
  border: none;
  height: 311px;
  margin: 0;
  padding: 0;
}
.small-chart-widget .card .card-body {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.donut-chart-widget .chart-container {
  border: 0;
  height: 300px;
  margin: 0;
  padding: 0;
}
.status-details h4 {
  font-weight: 600;
}
.status-details h4 span {
  color: inherit;
}
.status-details span {
  color: #75758a;
}
.status-chart .chart-container {
  border: 0;
  height: 200px;
  margin: 0;
  padding: 0;
}
.map-chart .chart-container {
  height: 500px;
  width: 100%;
}
.serial-chart {
  width: 100%;
}
.live-products,
.monthly,
.turnover,
.uses {
  height: 300px;
}
.live-products .ct-series-a .ct-area,
.live-products .ct-series-a .ct-bar,
.live-products .ct-series-a .ct-line,
.live-products .ct-series-a .ct-point,
.live-products .ct-series-a .ct-slice-donut {
  stroke: hsla(0, 0%, 100%, 0.77);
}
.live-products .ct-label {
  fill: #fff;
  color: #fff;
}
.live-products .ct-grid {
  stroke: hsla(0, 0%, 100%, 0.7);
}
.monthly .ct-series-a .ct-area,
.monthly .ct-series-a .ct-bar,
.monthly .ct-series-a .ct-line,
.monthly .ct-series-a .ct-point,
.monthly .ct-series-a .ct-slice-donut,
.turnover .ct-series-a .ct-area,
.turnover .ct-series-a .ct-bar,
.turnover .ct-series-a .ct-line,
.turnover .ct-series-a .ct-point,
.turnover .ct-series-a .ct-slice-donut,
.uses .ct-series-a .ct-area,
.uses .ct-series-a .ct-bar,
.uses .ct-series-a .ct-line,
.uses .ct-series-a .ct-point,
.uses .ct-series-a .ct-slice-donut {
  stroke: #fff;
  fill: transparent;
}
.monthly .ct-series-b .ct-area,
.monthly .ct-series-b .ct-bar,
.monthly .ct-series-b .ct-line,
.monthly .ct-series-b .ct-point,
.monthly .ct-series-b .ct-slice-donut,
.turnover .ct-series-b .ct-area,
.turnover .ct-series-b .ct-bar,
.turnover .ct-series-b .ct-line,
.turnover .ct-series-b .ct-point,
.turnover .ct-series-b .ct-slice-donut,
.uses .ct-series-b .ct-area,
.uses .ct-series-b .ct-bar,
.uses .ct-series-b .ct-line,
.uses .ct-series-b .ct-point,
.uses .ct-series-b .ct-slice-donut {
  stroke: hsla(0, 0%, 100%, 0.7);
  fill: transparent;
}
.monthly .ct-series-c .ct-area,
.monthly .ct-series-c .ct-bar,
.monthly .ct-series-c .ct-line,
.monthly .ct-series-c .ct-point,
.monthly .ct-series-c .ct-slice-donut,
.turnover .ct-series-c .ct-area,
.turnover .ct-series-c .ct-bar,
.turnover .ct-series-c .ct-line,
.turnover .ct-series-c .ct-point,
.turnover .ct-series-c .ct-slice-donut,
.uses .ct-series-c .ct-area,
.uses .ct-series-c .ct-bar,
.uses .ct-series-c .ct-line,
.uses .ct-series-c .ct-point,
.uses .ct-series-c .ct-slice-donut {
  stroke: hsla(0, 0%, 100%, 0.4);
  fill: transparent;
}
.monthly .ct-label,
.turnover .ct-label,
.uses .ct-label {
  fill: #fff;
  color: #fff;
}
.monthly .ct-grid,
.turnover .ct-grid,
.uses .ct-grid {
  stroke: hsla(0, 0%, 100%, 0.7);
}
#draggableMultiple .ui-sortable-handle .card {
  cursor: move;
}
.tilt-showcase ul li .line {
  padding-top: 10px;
}
.tilt-showcase .pre-mt {
  margin-top: 5px;
}
.wow-title h5 {
  align-items: center;
  display: flex;
  font-size: 18px;
}
.wow-title h5 .badge {
  -webkit-text-fill-color: #fff;
}
.alert-center {
  align-items: center;
  display: flex !important;
}
.box-shadow-title .sub-title {
  margin: 30px 0;
}
.hovercard .info .social-media ul li {
  padding-top: 3px;
}
.hovercard .cardheader {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.sticky-header-main .card .card-header h5 {
  line-height: 35px;
}
.sticky-header-main .card .card-header h5 a {
  color: #fff;
  -webkit-text-fill-color: #fff;
}
.custom-radio-ml {
  margin-left: 3px;
}
.twitter-typeahead {
  display: block !important;
}
span.twitter-typeahead .league-name {
  font-size: 16px;
  padding: 6px 10px 0;
}
span.twitter-typeahead .tt-menu {
  background-clip: padding-box;
  background-color: #fff;
  border: none;
  border-radius: 0.25rem;
  box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  color: #212529;
  float: left;
  font-size: 1rem;
  list-style: none;
  margin: 0.125rem 0 0;
  min-width: 10rem;
  padding: 0;
  text-align: left;
  width: 100%;
}
span.twitter-typeahead .tt-suggestion {
  background: #fff;
  border-top: 1px solid #efefef;
  color: #2b2b2b;
  cursor: pointer;
  font-size: 13px;
  opacity: 0.6;
  padding: 6px 12px;
}
span.twitter-typeahead .tt-suggestion:focus,
span.twitter-typeahead .tt-suggestion:hover {
  background-color: #fff;
}
span.twitter-typeahead .tt-suggestion.active,
span.twitter-typeahead .tt-suggestion:active {
  background-color: var(--theme-default);
  color: #fff;
}
#scrollable-dropdown-menu .twitter-typeahead .tt-menu .tt-dataset {
  max-height: 100px;
  overflow-y: auto;
}
.chart-right {
  position: relative;
}
.balance-data {
  display: flex;
  gap: 15px;
  position: absolute;
  right: 2%;
  top: -50px;
}
[dir="rtl"] .balance-data {
  left: 2%;
  right: unset;
}
@media (max-width: 991px) {
  .balance-data {
    right: -65%;
    top: -42px;
  }
  [dir="rtl"] .balance-data {
    left: -65%;
  }
}
@media (max-width: 575px) {
  .balance-data {
    display: none;
  }
}
.balance-data li {
  align-items: center;
  display: flex;
  font-weight: 500;
}
.balance-data .circle {
  border-radius: 100%;
  display: inline-block;
  height: 6px;
  width: 6px;
}
.current-sale-container {
  padding-right: 12px;
}
[dir="rtl"] .current-sale-container {
  padding-left: 12px;
  padding-right: unset;
}
.current-sale-container > div {
  margin: -22px 0 -30px -16px;
}
@media (max-width: 1199px) {
  .current-sale-container > div {
    margin-bottom: 0;
  }
}
@media (max-width: 404px) {
  .current-sale-container > div {
    margin-bottom: -20px;
  }
}
.current-sale-container .apexcharts-xaxistooltip {
  background: rgba(115, 102, 255, 0.1);
  border: 1px solid var(--theme-default);
  color: var(--theme-default);
}
.current-sale-container .apexcharts-xaxistooltip-bottom:before {
  border-bottom-color: var(--theme-default);
}
.current-sale-container .apexcharts-tooltip.light .apexcharts-tooltip-title {
  background: rgba(115, 102, 255, 0.1);
  color: var(--theme-default);
}
@media (max-width: 575px) {
  .current-sale-container.order-container {
    padding-right: 0;
  }
  [dir="rtl"] .current-sale-container.order-container {
    padding-left: 0;
  }
}
@media (max-width: 404px) {
  .current-sale-container.order-container > div {
    margin-bottom: 0;
  }
}
.apexcharts-series.apexcharts-radial-series {
  position: relative;
}
.apexcharts-series.apexcharts-radial-series:after {
  background: linear-gradient(
    0deg,
    #fff 0.05%,
    #f4f4f4 19.91%,
    #f5f6f9 55.02%,
    #eaecf4
  );
  content: "";
  height: calc(100% + 10px);
  left: 0;
  position: absolute;
  top: 0;
  width: calc(100% + 10px);
}
footer.blockquote-footer {
  bottom: unset;
}
@media only screen and (max-width: 991px) {
  .notification li {
    padding-bottom: 20px;
  }
  .notification .card .card-body .d-flex .w-100 p {
    margin: 0;
  }
  .notification .card .card-body .d-flex .w-100 h6 {
    margin-top: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .footer-fix .pull-right {
    float: none !important;
    text-align: center !important;
  }
}
@media only screen and (max-width: 575px) {
  .notification li {
    padding-bottom: 15px;
  }
  .media-dropdown {
    display: block;
  }
  .media-dropdown .flex-grow-1 {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 360px) {
  .footer {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .footer p {
    font-size: 12px;
  }
  .appointment-table table tr td {
    min-width: 103px;
  }
  .appointment-table table tr td:first-child {
    min-width: 50px;
  }
  .appointment-table table tr td:nth-child(2) {
    min-width: 120px;
  }
}
@media (min-width: 1400px) {
  .visitor-chart #visitor_chart {
    height: 122px;
    min-height: 0 !important;
  }
}
@media (max-width: 1399px) {
  .visitor-chart #visitor_chart {
    margin-bottom: -45px;
  }
}
.visitor-chart #visitor_chart .apexcharts-canvas {
  margin: 0;
}
.visitor-chart #visitor_chart .apexcharts-tooltip-title {
  display: none;
}
.visitor-chart .common-flex {
  align-items: center;
  background-color: var(--course-light-btn);
  border-radius: 8px;
  padding: 10px 12px;
}
@media (max-width: 1841px) {
  .visitor-chart .common-flex {
    gap: 4px;
  }
}
.visitor-chart .common-flex p {
  color: #52526c;
  font-weight: 500;
}
@media (max-width: 1805px) and (min-width: 1400px) {
  .visitor-chart .common-flex p {
    display: none;
  }
}
@media (max-width: 1293px) and (min-width: 1200px) {
  .visitor-chart .common-flex p {
    display: none;
  }
}
@media (max-width: 880px) {
  .visitor-chart .common-flex p {
    font-size: 13px;
  }
}
.statistical-card li {
  background: linear-gradient(
    180deg,
    var(--course-light-btn) 0,
    rgba(242, 243, 247, 0) 100%
  );
  border-radius: 5px;
  margin-right: 15px;
  padding: 8px 14px;
  position: relative;
}
.statistical-card li + li {
  margin-left: 15px;
  padding-left: 15px;
}
.statistical-card li + li:after {
  background-color: rgba(82, 82, 108, 0.8);
  content: "";
  height: 30px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translate(-15px, -50%);
  width: 1px;
}
@media (max-width: 1230px) and (min-width: 1200px) {
  .monthly-header .card-header-right-icon {
    display: none;
  }
}
.target-content p {
  color: rgba(82, 82, 108, 0.8);
  height: 73px;
  margin-block: 23px;
  text-align: center;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 1590px) and (min-width: 1400px) {
  .target-content p {
    height: 92px;
    margin-block: 28px;
  }
}
@media (max-width: 1399px) and (min-width: 768px) {
  .target-content p {
    margin-block: 21px;
  }
}
@media (max-width: 767px) and (min-width: 529px) {
  .target-content p {
    margin: 0;
  }
}
@media (max-width: 528px) {
  .target-content p {
    margin: 0 0 12px;
  }
}
.target-content .common-box {
  border-top: 1px solid var(--chart-dashed-border);
  padding-top: 16px;
}
.target-content .common-box ul {
  justify-content: space-between;
}
@media (max-width: 1486px) {
  .target-content .common-box ul {
    justify-content: center;
  }
}
.target-content .common-box ul li h6 {
  margin-bottom: 4px;
}
@media (max-width: 1559px) {
  .target-content .common-box ul li h6 {
    margin-bottom: 8px;
  }
}
@media (max-width: 767px) {
  .target-content .common-box ul li h6 {
    text-align: center;
  }
}
.target-content .common-box ul li .badge {
  border-radius: 83px;
  padding: 6px 12px;
}
.target-content .common-box ul li .badge svg {
  font-size: 12px;
  height: 14px;
  padding-top: 0;
  width: 14px;
}
@media (max-width: 1496px) {
  .target-content .common-box ul li:last-child {
    display: none;
  }
}
.activity-log .basic-timeline ul.common-flex li {
  padding-bottom: 0;
}
.activity-log .basic-timeline ul.common-flex:before {
  content: unset;
}
@media (max-width: 1247px) {
  .activity-log .basic-timeline ul li {
    padding-bottom: 8px;
  }
}
@media (max-width: 1399px) and (min-width: 1248px) {
  .activity-log .basic-timeline ul li {
    padding-bottom: 12px;
  }
}
@media (max-width: 1199px) {
  .activity-log .basic-timeline ul li {
    padding-bottom: 8px;
  }
}
.activity-log .basic-timeline ul li .date-content {
  color: #52526c;
}
.activity-log .basic-timeline ul li > div[class*="timeline-dot-"] {
  bottom: -7px;
}
.activity-log .basic-timeline ul li img {
  border-radius: 10px;
  height: 50px;
}
@media (max-width: 1344px) {
  .activity-log .basic-timeline ul li img {
    height: 40px;
  }
}
@media (max-width: 1589px) {
  .activity-log .basic-timeline ul li p {
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media (max-width: 1384px) and (min-width: 1205px) {
  .activity-log .basic-timeline ul li p {
    max-width: 225px;
  }
}
@media (max-width: 1204px) and (min-width: 1200px) {
  .activity-log .basic-timeline ul li p {
    max-width: 195px;
  }
}
@media (max-width: 1199px) and (min-width: 897px) {
  .activity-log .basic-timeline ul li p {
    max-width: 280px;
  }
}
@media (max-width: 896px) and (min-width: 768px) {
  .activity-log .basic-timeline ul li p {
    max-width: 210px;
  }
}
@media (max-width: 767px) and (min-width: 550px) {
  .activity-log .basic-timeline ul li p {
    max-width: 100%;
  }
}
@media (max-width: 460px) and (min-width: 396px) {
  .activity-log .basic-timeline ul li p {
    max-width: 234px;
  }
}
@media (max-width: 395px) {
  .activity-log .basic-timeline ul li p {
    max-width: 148px;
  }
}
.sales-report {
  position: relative;
}
.sales-report .balance-data {
  right: 60px;
  top: 20px;
}
@media (max-width: 1460px) and (min-width: 1400px) {
  .sales-report .balance-data {
    display: none;
  }
}
@media (max-width: 1250px) and (min-width: 992px) {
  .sales-report .balance-data {
    display: none;
  }
}
.sales-report .balance-data .circle {
  height: 9px;
  width: 9px;
}
.sales-report #sale_report {
  margin-bottom: -20px;
}
@media (max-width: 991px) and (min-width: 404px) {
  .sales-report #sale_report {
    margin-bottom: -20px;
  }
}
@media (max-width: 403px) {
  .sales-report #sale_report {
    margin-bottom: -40px;
  }
}
.appointments-wrapper {
  position: relative;
}
.appointments-wrapper li > span {
  margin: 0 12px 0 0;
  min-width: 45px;
  padding: 0;
}
.appointments-wrapper li .main-box {
  background-color: var(--light2);
  margin-bottom: 15px;
  margin-left: 20px;
  padding: 12px 16px;
  width: 100%;
}
@media (max-width: 1869px) {
  .appointments-wrapper li .main-box span:nth-child(2) {
    max-width: 310px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media (max-width: 1785px) and (min-width: 1646px) {
  .appointments-wrapper li .main-box span:nth-child(2) {
    max-width: 255px;
  }
}
@media (max-width: 1645px) and (min-width: 1500px) {
  .appointments-wrapper li .main-box span:nth-child(2) {
    max-width: 212px;
  }
}
@media (max-width: 1499px) and (min-width: 1449px) {
  .appointments-wrapper li .main-box span:nth-child(2) {
    max-width: 190px;
  }
}
@media (max-width: 1448px) and (min-width: 1400px) {
  .appointments-wrapper li .main-box span:nth-child(2) {
    max-width: 162px;
  }
}
@media (max-width: 1299px) and (min-width: 992px) {
  .appointments-wrapper li .main-box span:nth-child(2) {
    max-width: 245px;
  }
}
@media (max-width: 510px) {
  .appointments-wrapper li .main-box span:nth-child(2) {
    white-space: unset;
  }
}
@media (max-width: 991px) {
  .appointments-wrapper li .main-box span {
    display: block;
  }
}
.appointments-wrapper li:before {
  border: 1px solid var(--chart-progress-light);
  content: "";
  height: 100%;
  left: 61px;
  opacity: 0.3;
  position: absolute;
  top: 0;
  z-index: 0;
}
.appointments-wrapper li > [class*="bg-lighter-"] {
  border-radius: 100%;
  height: 10px;
  min-width: 10px;
  position: relative;
  width: 10px;
  z-index: 1;
}
.appointments-wrapper li:last-child .main-box {
  margin-bottom: 0;
}
@media (max-width: 454px) {
  .recent-order-table.currency-table.recent-table .dt-layout-row .dt-search {
    display: none;
  }
}
@media (max-width: 1535px) {
  .recent-order-table.currency-table.recent-table
    .dt-layout-row:last-child
    .dt-info {
    display: none;
  }
}
.recent-order-table.currency-table.recent-table .change-currency svg {
  height: 16px;
  vertical-align: sub;
  width: 16px;
}
.recent-order-table.currency-table.recent-table .currency-icon {
  border-radius: 50%;
  height: 43px;
  overflow: hidden;
  width: 43px;
}
.recent-order-table.currency-table.recent-table .currency-icon img {
  height: 28px;
}
@media (max-width: 1499px) and (min-width: 1200px) {
  .recent-order-table.currency-table.recent-table .currency-icon {
    height: 44px;
    width: 44px;
  }
}
@media (max-width: 1199px) {
  .recent-order-table.currency-table.recent-table .currency-icon {
    height: 40px;
    width: 40px;
  }
  .recent-order-table.currency-table.recent-table .currency-icon img {
    height: 20px;
  }
}
.recent-order-table.currency-table.recent-table table tbody tr td,
.recent-order-table.currency-table.recent-table table tbody tr th,
.recent-order-table.currency-table.recent-table table thead tr td,
.recent-order-table.currency-table.recent-table table thead tr th {
  min-width: auto;
}
.recent-order-table.currency-table.recent-table table tbody tr td:first-child,
.recent-order-table.currency-table.recent-table table tbody tr th:first-child,
.recent-order-table.currency-table.recent-table table thead tr td:first-child,
.recent-order-table.currency-table.recent-table table thead tr th:first-child {
  padding-left: 20px;
}
.recent-order-table.currency-table.recent-table table tbody tr td:last-child,
.recent-order-table.currency-table.recent-table table tbody tr th:last-child,
.recent-order-table.currency-table.recent-table table thead tr td:last-child,
.recent-order-table.currency-table.recent-table table thead tr th:last-child {
  padding-right: 20px;
}
@media (max-width: 1660px) and (min-width: 1200px) {
  .recent-order-table.currency-table.recent-table table tbody tr td:last-child,
  .recent-order-table.currency-table.recent-table table tbody tr th:last-child,
  .recent-order-table.currency-table.recent-table table thead tr td:last-child,
  .recent-order-table.currency-table.recent-table table thead tr th:last-child {
    display: none;
  }
}
@media (max-width: 1660px) {
  .recent-order-table.currency-table.recent-table
    table
    tbody
    tr
    td:nth-child(6),
  .recent-order-table.currency-table.recent-table
    table
    tbody
    tr
    th:nth-child(6),
  .recent-order-table.currency-table.recent-table
    table
    thead
    tr
    td:nth-child(6),
  .recent-order-table.currency-table.recent-table
    table
    thead
    tr
    th:nth-child(6) {
    padding-right: 20px;
  }
}
@media (max-width: 1475px) {
  .recent-order-table.currency-table.recent-table
    table
    tbody
    tr
    td:nth-child(3),
  .recent-order-table.currency-table.recent-table
    table
    tbody
    tr
    th:nth-child(3),
  .recent-order-table.currency-table.recent-table
    table
    thead
    tr
    td:nth-child(3),
  .recent-order-table.currency-table.recent-table
    table
    thead
    tr
    th:nth-child(3) {
    min-width: 80px;
  }
}
@media (max-width: 1696px) and (min-width: 1200px) {
  .recent-order-table.currency-table.recent-table
    table
    tbody
    tr
    td:nth-child(4),
  .recent-order-table.currency-table.recent-table
    table
    tbody
    tr
    th:nth-child(4),
  .recent-order-table.currency-table.recent-table
    table
    thead
    tr
    td:nth-child(4),
  .recent-order-table.currency-table.recent-table
    table
    thead
    tr
    th:nth-child(4) {
    display: none;
  }
}
@media (max-width: 1199px) {
  .recent-order-table.currency-table.recent-table
    table
    tbody
    tr
    td:nth-child(2),
  .recent-order-table.currency-table.recent-table
    table
    tbody
    tr
    th:nth-child(2),
  .recent-order-table.currency-table.recent-table
    table
    thead
    tr
    td:nth-child(2),
  .recent-order-table.currency-table.recent-table
    table
    thead
    tr
    th:nth-child(2) {
    min-width: 133px;
  }
  .recent-order-table.currency-table.recent-table
    table
    tbody
    tr
    td:nth-child(3),
  .recent-order-table.currency-table.recent-table
    table
    tbody
    tr
    th:nth-child(3),
  .recent-order-table.currency-table.recent-table
    table
    thead
    tr
    td:nth-child(3),
  .recent-order-table.currency-table.recent-table
    table
    thead
    tr
    th:nth-child(3) {
    min-width: 121px;
  }
  .recent-order-table.currency-table.recent-table
    table
    tbody
    tr
    td:nth-child(5),
  .recent-order-table.currency-table.recent-table
    table
    tbody
    tr
    th:nth-child(5),
  .recent-order-table.currency-table.recent-table
    table
    thead
    tr
    td:nth-child(5),
  .recent-order-table.currency-table.recent-table
    table
    thead
    tr
    th:nth-child(5) {
    min-width: 80px;
  }
  .recent-order-table.currency-table.recent-table
    table
    tbody
    tr
    td:nth-child(4),
  .recent-order-table.currency-table.recent-table
    table
    tbody
    tr
    th:nth-child(4),
  .recent-order-table.currency-table.recent-table
    table
    thead
    tr
    td:nth-child(4),
  .recent-order-table.currency-table.recent-table
    table
    thead
    tr
    th:nth-child(4) {
    min-width: 42px;
  }
  .recent-order-table.currency-table.recent-table
    table
    tbody
    tr
    td:nth-child(6),
  .recent-order-table.currency-table.recent-table
    table
    tbody
    tr
    th:nth-child(6),
  .recent-order-table.currency-table.recent-table
    table
    thead
    tr
    td:nth-child(6),
  .recent-order-table.currency-table.recent-table
    table
    thead
    tr
    th:nth-child(6) {
    min-width: 92px;
  }
}
.recent-order-table.currency-table.recent-table table tbody tr td .btn {
  min-width: 135px;
}
.recent-order-table.currency-table.recent-table
  table
  tbody
  tr
  td
  .currency-icon
  img {
  transition: 0.5s;
}
.recent-order-table.currency-table.recent-table
  table
  tbody
  tr:hover
  td
  div
  .currency-icon
  img {
  transform: scale(1.1);
  transition: 0.5s;
}
.recent-order-table.currency-table.recent-table table tbody tr:hover td div h6 {
  color: var(--body-font-color);
}
.recent-order-table.currency-table.recent-table table tbody tr:hover td div a {
  color: var(--theme-default);
}
@media (max-width: 1399px) and (min-width: 1200px) {
  .ord-xl-1 {
    order: 1;
  }
  .ord-xl-2 {
    order: 2;
  }
  .ord-xl-3 {
    order: 3;
  }
  .ord-xl-4 {
    order: 4;
  }
  .ord-xl-5 {
    order: 5;
  }
  .ord-xl-6 {
    order: 6;
  }
  .ord-xl-7 {
    order: 7;
  }
  .ord-xl-8 {
    order: 8;
  }
  .ord-xl-9 {
    order: 9;
  }
  .ord-xl-10 {
    order: 10;
  }
}
@media (max-width: 991px) {
  .ord-md-1 {
    order: 1;
  }
  .ord-md-2 {
    order: 2;
  }
  .ord-md-3 {
    order: 3;
  }
  .ord-md-4 {
    order: 4;
  }
  .ord-md-5 {
    order: 5;
  }
  .ord-md-6 {
    order: 6;
  }
  .ord-md-7 {
    order: 7;
  }
  .ord-md-8 {
    order: 8;
  }
}
.page-wrapper.horizontal-wrapper.material-type
  .default-dashboard
  .appointments-wrapper
  li
  .main-box
  span:nth-child(2) {
  max-width: 310px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (min-width: 1400px) {
  .page-wrapper.horizontal-wrapper.material-type
    .default-dashboard
    .visitor-chart
    .common-flex
    p {
    display: none;
  }
}
.main-divider .divider-body {
  align-items: center;
  display: flex;
  gap: calc(10.8px + 1vw);
  margin-bottom: 16px;
}
.main-divider .divider-body:last-child {
  margin-bottom: 0;
}
.main-divider .divider-body:after,
.main-divider .divider-body:before {
  flex-grow: 1;
}
.main-divider .divider-body div[class*="divider-p-"] {
  padding: 8px;
}
.main-divider .divider-body .divider-circle {
  align-items: center;
  border-radius: 50%;
  display: flex;
  height: 45px;
  justify-content: center;
  width: 45px;
}
.main-divider .divider-body .divider-circle i {
  font-size: 16px;
}
.main-divider .divider-body-1:after,
.main-divider .divider-body-1:before {
  border: 1px solid;
  content: "";
}
.main-divider .divider-body-2:after,
.main-divider .divider-body-2:before {
  border: 1px dashed;
  content: "";
}
.main-divider .divider-body-3:after,
.main-divider .divider-body-3:before {
  border: 2px dotted;
  content: "";
}
.main-divider .divider-body-4:after,
.main-divider .divider-body-4:before {
  border: 4px double;
  content: "";
}
.main-divider .divider-body-3:after,
.main-divider .divider-body-3:before {
  flex-grow: unset;
  width: 100%;
}
.main-divider.horizontal-variation .divider {
  align-items: center;
  display: flex;
  margin-bottom: 4px;
}
.main-divider.horizontal-variation .divider:last-child {
  margin-bottom: 0;
}
.main-divider.horizontal-variation .divider:after,
.main-divider.horizontal-variation .divider:before {
  content: "";
  flex: 1;
}
.main-divider.horizontal-variation .divider.linear-line:before {
  height: 1px;
  margin: 0 24px 0 0;
}
[dir="rtl"] .main-divider.horizontal-variation .divider.linear-line:before {
  margin: 0 0 0 24px;
}
.main-divider.horizontal-variation .divider.linear-line:after {
  height: 1px;
  margin: 0 0 0 24px;
}
[dir="rtl"] .main-divider.horizontal-variation .divider.linear-line:after {
  margin: 0 24px 0 0;
}
.main-divider.horizontal-variation .divider.double-line:after,
.main-divider.horizontal-variation .divider.double-line:before {
  border-width: 0;
  height: 3px;
}
.main-divider.horizontal-variation .divider.double-line-1:after,
.main-divider.horizontal-variation .divider.double-line-1:before {
  box-shadow: 0 -0.6px 0 var(--theme-default), 0 0.6px 0 var(--theme-default);
}
.main-divider.horizontal-variation .divider.double-line-2:after,
.main-divider.horizontal-variation .divider.double-line-2:before {
  box-shadow: 0 -1.6px 0 #838383, 0 1.6px 0 #838383;
}
.main-divider.horizontal-variation .divider.double-line-3:after,
.main-divider.horizontal-variation .divider.double-line-3:before {
  box-shadow: 0 -2.6px 0 #65c15c, 0 2.6px 0 #65c15c;
}
.main-divider.horizontal-variation .divider.double-line-4:after,
.main-divider.horizontal-variation .divider.double-line-4:before {
  box-shadow: 0 -3.6px 0 #ffb829, 0 3.6px 0 #ffb829;
}
.main-divider.horizontal-variation .divider.double-line-5:after,
.main-divider.horizontal-variation .divider.double-line-5:before {
  box-shadow: 0 -3.6px 0 #fc564a, 0 3.6px 0 #fc564a;
}
.main-divider.horizontal-variation .divider.double-line-6:after,
.main-divider.horizontal-variation .divider.double-line-6:before {
  box-shadow: 0 -3.6px 0 #40b8f5, 0 3.6px 0 #40b8f5;
}
.main-divider .vertical-divider {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.main-divider .vertical-divider .vertical-line {
  border-left: 2px dashed;
  min-height: 80px;
}
[dir="rtl"] .main-divider .vertical-divider .vertical-line {
  border-left: unset;
  border-right: 2px dashed;
}
.main-divider .vertical-divider p {
  padding: 8px;
}
@media (max-width: 1570px) {
  .main-divider .vertical-divider p {
    padding: 8px 4px;
  }
}
@media (max-width: 1464px) {
  .main-divider .vertical-divider p {
    font-size: 13px;
  }
}
.main-divider .vertical-divider svg {
  height: 42px;
  width: 22px;
}
.main-divider .dotted-divider .vertical-divider .vertical-line {
  border-left: 2px dotted;
}
[dir="rtl"] .main-divider .dotted-divider .vertical-divider .vertical-line {
  border-left: unset;
  border-right: 2px dotted;
}
.main-divider .double-divider .vertical-divider .vertical-line {
  border-style: double;
  border-width: 3px;
}
.animated-divider {
  display: block;
  height: 1px;
  padding: 12px 0;
  position: relative;
  width: 100%;
}
.animated-divider:after,
.animated-divider:before {
  bottom: 50%;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
}
[dir="rtl"] .animated-divider:after,
[dir="rtl"] .animated-divider:before {
  left: unset;
  right: 0;
}
.animated-divider:after {
  animation: linear-line 15s linear infinite;
  animation-duration: 2s;
  background: linear-gradient(
    90deg,
    #65c15c 5%,
    #ffb829 15%,
    #ffb829 25%,
    #fc564a 35%,
    #fc564a 45%,
    #7366ff 55%,
    #7366ff 65%,
    #40b8f5 75%,
    #40b8f5 85%,
    #65c15c 95%
  );
  background-position: 0;
  background-size: 200%;
  transition: opacity 0.3s ease, animation 0.3s ease;
}
.animated-divider:hover:before {
  animation-duration: 20s;
}
.animated-divider.animated-line:before {
  animation: linear-line 16s linear infinite;
  background: linear-gradient(
    90deg,
    #fff,
    #fff 5%,
    transparent 0,
    transparent 10%,
    #fff 0,
    #fff 15%,
    transparent 0,
    transparent 20%,
    #fff 0,
    #fff 25%,
    transparent 0,
    transparent 30%,
    #fff 0,
    #fff 35%,
    transparent 0,
    transparent 40%,
    #fff 0,
    #fff 45%,
    transparent 0,
    transparent 50%,
    #fff 0,
    #fff 55%,
    transparent 0,
    transparent 60%,
    #fff 0,
    #fff 65%,
    transparent 0,
    transparent 70%,
    #fff 0,
    #fff 75%,
    transparent 0,
    transparent 80%,
    #fff 0,
    #fff 85%,
    transparent 0,
    transparent 90%,
    #fff 0,
    #fff 95%,
    transparent 0,
    transparent
  );
  background-position: 50%;
  background-size: 150px;
  z-index: 1;
}
@keyframes linear-line {
  0% {
    background-position: 0;
  }
  to {
    background-position: 200%;
  }
}
.divider-h-line {
  height: 1px;
  margin-block: 22px;
}
.divider-h-line:first-child {
  margin-top: 0;
}
.divider-h-line:last-child {
  margin-bottom: 0;
}
.vr {
  height: 160px;
  margin-inline: 18px;
  opacity: 1;
}
@media (max-width: 575px) {
  .vr {
    margin-inline-start: 15px;
  }
}
@media (max-width: 1399px) {
  .linear-divider p {
    display: -webkit-box;
    height: 100px;
    max-width: 100%;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media (max-width: 331px) {
  .main-animate .common-flex {
    justify-content: center;
  }
}
.main-animate a {
  align-items: center;
  background: var(--light-bg);
  display: flex;
  height: 50px;
  justify-content: center;
  overflow: hidden;
  width: 50px;
}
.main-animate svg {
  height: 22px;
  width: 22px;
  stroke: var(--chart-text-color);
}
.main-animate i {
  color: var(--chart-text-color);
  font-size: 16px;
}
.main-animate i,
.pulse-wrapper a {
  border-radius: 50%;
}
.pulse-wrapper svg {
  border-radius: 50%;
}
.pulse-wrapper i,
.pulse-wrapper svg {
  animation: pulse-animate 1s ease infinite;
}
@keyframes pulse-animate {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);
  }
  to {
    box-shadow: 0 0 0 20px transparent;
  }
}
.heartbeat-wrapper a {
  border-radius: 50%;
}
.heartbeat-wrapper svg {
  animation: heartbeat-rate 1s ease infinite;
  border-radius: 50%;
  stroke: #fc564a;
}
.heartbeat-wrapper i {
  animation: heartbeat-rate 1s ease infinite;
  color: #fc564a;
}
.border-pulse-wrapper a {
  border: 4px double var(--recent-dashed-border);
  border-radius: unset;
}
.border-pulse-wrapper a i,
.border-pulse-wrapper a svg {
  border-radius: 1%;
}
.pulse-rhombus a {
  clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
}
.pulse-rhombus i,
.pulse-rhombus svg {
  border-radius: 0;
}
.pulse-rabbet a {
  clip-path: polygon(
    0 15%,
    15% 15%,
    15% 0,
    85% 0,
    85% 15%,
    100% 15%,
    100% 85%,
    85% 85%,
    85% 100%,
    15% 100%,
    15% 85%,
    0 85%
  );
}
@keyframes heartbeat-rate {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  15% {
    transform: scale(0.8);
  }
  20% {
    opacity: 1;
    transform: scale(0.85);
  }
  35% {
    opacity: 0.6;
    transform: scale(1.3);
  }
  50% {
    opacity: 1;
    transform: scale(1);
  }
  to {
    transform: scale(1);
  }
}
.toggle-data {
  cursor: pointer;
}
.filter-block ul {
  list-style-type: circle;
}
.filter-block ul li {
  color: rgba(82, 82, 108, 0.8);
  margin-left: 20px;
  padding-top: 8px;
}
.filter-block ul li:first-child {
  padding-top: 8px;
}
.filter-block ul li:last-child {
  padding-bottom: 0;
}
[dir="rtl"] .filter-block ul li {
  margin-left: unset;
  margin-right: 20px;
}
.filter-block ul li::marker {
  font-size: 20px;
}
@media (max-width: 1500px) and (min-width: 576px) {
  .filter-block ul li {
    padding-top: 10px;
  }
}
@media (max-width: 575px) {
  .filter-block ul li {
    padding-top: 3px;
  }
}
.collection-filter-block svg {
  height: 25px;
  width: 50px;
  stroke: var(--theme-default);
  margin-right: 14px;
}
.collection-filter-block h6 {
  color: #52526c;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 0;
}
.collection-filter-block p {
  font-size: 13px;
}
.collection-filter-block li + li {
  margin-top: 16px;
}
.collection-filter-block ul.pro-services li {
  border-bottom: 1px dashed var(--chart-dashed-border);
  padding-bottom: 16px;
}
.collection-filter-block ul.pro-services li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.collection-filter-block ul.pro-services li svg {
  width: auto;
}
.collection-filter-block ul.pro-services li span {
  color: rgba(82, 82, 108, 0.6);
}
.qty-box .btn {
  background-color: transparent !important;
  border-color: #e9edf1 !important;
  padding: 8px 12px;
}
.qty-box .btn i {
  color: #898989;
}
.qty-box .btn svg {
  width: 14px !important;
  stroke: #3f475a;
}
.qty-box span {
  padding: 0 4px;
}
.qty-box .input-group,
.qty-box input {
  background-color: rgba(63, 71, 90, 0.1);
}
.qty-box input {
  border: none;
  color: #3f475a;
  max-height: 37px;
  max-width: 44px;
  padding: 0;
  text-align: center;
}
.product-social li a {
  border: 1px solid #7366ff;
  border-radius: 100%;
  color: #7366ff;
  display: inline-block;
  font-size: 15px;
  height: 35px;
  line-height: 2.3;
  text-align: center;
  transition: all 0.3s ease;
  width: 35px;
}
.product-social li a:hover {
  background-color: var(--theme-default);
  color: #fff;
  transition: all 0.3s ease;
}
.product-social li:nth-child(n + 2) {
  margin-left: 10px;
}
[dir="rtl"] .product-social li:nth-child(n + 2) {
  margin-left: unset;
  margin-right: 10px;
}
.product-sidebar .filter-section .card .card-header {
  border-radius: 5px;
  padding: 16px 30px;
}
.product-sidebar .filter-section .card .card-header h6 {
  position: relative;
}
.product-sidebar .filter-section .card .card-header h6 .pull-right i {
  cursor: pointer;
  font-size: 14px;
  height: 10px;
  left: 0;
  position: absolute;
  text-align: right;
  top: 2px;
  width: 100%;
}
.product-wrapper .product-sidebar .filter-section .card .left-filter {
  height: 0;
  min-width: 320px;
  opacity: 0;
  transition: 0.3s;
  visibility: hidden;
  z-index: 0;
}
.product-wrapper
  .product-sidebar
  .filter-section
  .card
  .left-filter
  .product-filter
  .irs-with-grid {
  margin-bottom: 15px;
}
.product-wrapper .product-grid .product-wrapper-grid {
  margin-left: 0;
  transition: 0.3s;
}
.product-wrapper
  .product-grid
  .product-wrapper-grid
  .product-box
  .modal-content
  .modal-header {
  border-bottom: 0;
}
.product-wrapper .product-grid .product-wrapper-grid .product-box ul {
  align-items: center;
  display: flex;
  gap: 8px;
}
@media (min-width: 1400px) {
  .product-wrapper
    .product-grid
    .product-wrapper-grid
    .product-box
    .product-details
    > p {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 1;
    height: auto;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.product-wrapper
  .product-grid
  .product-wrapper-grid
  .product-box
  .product-details
  h4 {
  font-size: calc(17.6px + 0.125vw);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.product-wrapper
  .product-grid
  .product-wrapper-grid
  .product-box
  .product-hover
  li
  .btn {
  align-items: center;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.08);
  cursor: pointer;
  display: flex;
  font-size: 18px;
  height: calc(36.6px + 0.4375vw);
  justify-content: center;
  padding: 10px 12px;
  width: calc(36.6px + 0.4375vw);
}
.product-wrapper
  .product-grid
  .product-wrapper-grid
  .product-box
  .product-hover
  li
  .btn:active {
  border-color: transparent;
}
.product-wrapper
  .product-grid
  .product-wrapper-grid
  .product-box
  .product-hover
  li
  .btn
  i {
  font-size: calc(13.2px + 0.25vw);
}
.product-wrapper
  .product-grid
  .product-wrapper-grid
  .product-box
  .product-hover
  li:active
  .btn,
.product-wrapper
  .product-grid
  .product-wrapper-grid
  .product-box
  .product-hover
  li:hover
  .btn {
  background-color: var(--theme-default);
  transition: all 0.3s ease;
}
.product-wrapper
  .product-grid
  .product-wrapper-grid
  .product-box
  .product-hover
  li:active
  i,
.product-wrapper
  .product-grid
  .product-wrapper-grid
  .product-box
  .product-hover
  li:hover
  i {
  color: #fff;
  transition: all 0.3s ease;
}
.product-wrapper
  .product-grid
  .product-wrapper-grid
  .product-box
  .product-img
  .product-hover
  ul
  li
  i {
  color: #898989;
}
.product-wrapper
  .product-grid
  .product-wrapper-grid
  .product-box
  .product-img
  .product-hover
  ul
  li:hover
  i {
  color: #fff;
}
.product-wrapper
  .product-grid
  .product-wrapper-grid
  .modal
  .modal-header
  .product-box {
  align-items: center;
}
.product-wrapper
  .product-grid
  .product-wrapper-grid
  .modal
  .modal-header
  .product-box
  .product-details {
  padding: 20px 0;
}
@media (max-width: 991px) {
  .product-wrapper
    .product-grid
    .product-wrapper-grid
    .modal
    .modal-header
    .product-box
    .product-details {
    padding-bottom: 0;
  }
}
.product-wrapper
  .product-grid
  .product-wrapper-grid
  .modal
  .modal-header
  .product-box
  .product-details
  .product-size
  ul
  li {
  background-color: #e8e5ff;
  border-radius: 6px;
}
.product-wrapper
  .product-grid
  .product-wrapper-grid
  .modal
  .modal-header
  .product-box
  .product-details
  .product-size
  ul
  li
  .btn {
  color: var(--theme-default);
  font-weight: 500;
  height: 35px;
  padding: 0;
  width: 45px;
}
.product-wrapper
  .product-grid
  .product-wrapper-grid
  .modal
  .modal-header
  .product-box
  .product-details
  .product-size
  ul
  li:hover
  .btn {
  background-color: var(--theme-default);
  color: #fff;
}
.product-wrapper
  .product-grid
  .product-wrapper-grid
  .modal
  .modal-header
  .product-box
  .product-details
  .product-view
  h6 {
  margin-bottom: 6px;
}
.product-wrapper
  .product-grid
  .product-wrapper-grid
  .modal
  .modal-header
  .product-box
  .product-details
  .product-view
  p {
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 3;
  height: auto;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.product-wrapper.sidebaron .product-sidebar .filter-section .card .card-header {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.product-wrapper.sidebaron .product-sidebar .filter-section .card .left-filter {
  background-color: #fff;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  box-shadow: 0 9px 20px rgba(46, 35, 94, 0.07);
  height: auto;
  opacity: 1;
  position: absolute;
  top: 53px;
  visibility: visible;
  width: 100%;
  z-index: 3;
}
.d-none-productlist {
  display: none;
}
.d-none-productlist svg {
  cursor: pointer;
  height: 16px;
  vertical-align: middle;
}
.product-wrapper-grid.list-view .product-box {
  align-items: center;
  display: flex;
}
.product-wrapper-grid.list-view .product-box .product-img {
  width: 20%;
}
.product-wrapper-grid.list-view .product-box .product-details {
  text-align: left;
}
.product-wrapper-grid.list-view
  .product-box
  .modal
  .modal-content
  .product-img {
  width: 50%;
}
@media (max-width: 991px) {
  .product-wrapper-grid.list-view
    .product-box
    .modal
    .modal-content
    .product-img {
    width: 100%;
  }
}
.product-wrapper-grid .product-box .product-details .touchspin-wrapper {
  justify-content: flex-start;
}
.slider-product {
  border-bottom: 1px solid #f4f4f4;
  border-top: 1px solid #f4f4f4;
  margin-bottom: 15px;
  padding: 15px 0;
}
.products-total {
  align-items: center;
  display: flex;
}
.grid-options {
  height: 33px;
  margin-left: 10px;
}
.grid-options ul li a {
  position: relative;
}
.grid-options ul li a .line-grid {
  height: 15px;
  position: absolute;
  top: 9px;
  width: 4px;
}
.grid-options ul li a .line-grid-1 {
  left: 12px;
}
.grid-options ul li a .line-grid-2 {
  left: 18px;
}
.grid-options ul li a .line-grid-3 {
  left: 36px;
}
.grid-options ul li a .line-grid-4 {
  left: 42px;
}
.grid-options ul li a .line-grid-5 {
  left: 48px;
}
.grid-options ul li a .line-grid-6 {
  left: 66px;
}
.grid-options ul li a .line-grid-7 {
  left: 72px;
}
.grid-options ul li a .line-grid-8 {
  left: 78px;
}
.grid-options ul li a .line-grid-9 {
  left: 84px;
}
.grid-options ul li a .line-grid-10 {
  left: 103px;
}
.grid-options ul li a .line-grid-11 {
  left: 109px;
}
.grid-options ul li a .line-grid-12 {
  left: 115px;
}
.grid-options ul li a .line-grid-13 {
  left: 121px;
}
.grid-options ul li a .line-grid-14 {
  left: 127px;
}
.grid-options ul li a .line-grid-15 {
  left: 133px;
}
.square-product-setting {
  height: 36px;
  vertical-align: middle;
}
.square-product-setting a {
  color: #404040;
}
.square-product-setting .icon-grid {
  align-items: center;
  background-color: #fff;
  display: flex;
  margin: 0 10px;
  padding: 7px;
}
.square-product-setting .icon-grid svg {
  height: 20px;
  width: 20px;
}
.product-filter .banner-product {
  margin-top: 15px;
}
.product-filter:last-child .checkbox-animated {
  margin-bottom: 0;
}
.product-filter .checkbox-animated .form-check {
  align-items: center;
  display: flex;
  justify-content: flex-start;
  margin-bottom: 12px;
  padding: 0;
}
.product-filter .checkbox-animated .form-check:last-child {
  margin-bottom: 0;
}
.product-filter .checkbox-animated .form-check .form-check-label {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.product-filter .checkbox-animated .form-check .form-check-label .name {
  font-size: 16px;
}
.product-filter .checkbox-animated .form-check .form-check-label .number {
  color: rgba(82, 82, 108, 0.8);
}
.product-filter.product-range .irs--square .irs-handle {
  border: 3px solid #7366ff;
}
.product-filter.product-range .irs--square .irs-bar,
.product-filter.product-range .irs--square .irs-from,
.product-filter.product-range .irs--square .irs-to {
  background-color: #7366ff;
}
.product-filter h6 {
  margin-bottom: 15px;
}
.product-filter .color-selector {
  line-height: 0.9;
}
.product-filter .color-selector ul li {
  border: 1px solid #52526c;
  border-radius: 100%;
  cursor: pointer;
  display: inline-block;
  height: 22px;
  position: relative;
  width: 22px;
}
.product-filter .color-selector ul li.active:before {
  color: var(--theme-default);
  content: "\f00c";
  font-family: Font Awesome\6 Free;
  font-weight: 600;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.product-filter .color-selector ul li.white {
  background-color: #fff;
}
.product-filter .color-selector ul li.black {
  background-color: #000;
}
.product-filter .color-selector ul li.orange {
  background-color: #ffa666;
}
.product-filter .color-selector ul li.green {
  background-color: #76bc6c;
}
.product-filter .color-selector ul li.pink {
  background-color: #ff7a91;
}
.product-filter .color-selector ul li.yellow {
  background-color: #edf575;
}
.product-filter .color-selector ul li.blue {
  background-color: #76bdf4;
}
.product-filter .color-selector ul li.red {
  background-color: #ff5c77;
}
.dropdown-product {
  box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
  margin-bottom: 10px;
}
.feature-products form .form-group {
  position: relative;
}
.feature-products form .form-group input {
  border: none;
  box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
  color: var(--body-font-color);
  height: 50px;
  margin-bottom: 15px;
  padding-left: 30px;
}
.feature-products form .form-group i {
  color: #898989;
  position: absolute;
  right: 30px;
  top: 18px;
}
.product-box {
  border-radius: 10px;
  overflow: hidden;
}
.product-box .product-details {
  padding: 15px 25px;
}
.product-box .product-details > a {
  color: #404040;
}
.product-box .product-details p {
  display: -webkit-box;
  margin-bottom: 0;
  max-width: 100%;
  opacity: 0.8;
  -webkit-line-clamp: 2;
  height: auto;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.product-box .product-details h4 {
  font-family: roboto;
  font-size: 20px;
  margin-bottom: 0;
  margin-top: 5px;
}
.product-box .product-details h6 {
  color: #404040;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.product-box .product-details span {
  color: #898989;
}
.product-box .product-details .rating i {
  color: #ffb829;
  font-size: 16px;
  letter-spacing: 3px;
}
.product-box .modal .modal-header .product-box .product-details {
  padding: 25px 0;
}
.product-box .modal .modal-header .product-box .product-details > a {
  font-family: Roboto;
  font-size: 20px;
  font-weight: 600;
  margin-block: 5px 0;
}
.product-box .modal .modal-header .product-box .product-details h6 {
  text-transform: capitalize;
}
.product-box .modal .modal-header .product-box .product-details .product-price {
  font-size: 22px;
  margin-bottom: 10px;
}
.product-box .modal .modal-header .product-box .product-details .product-view {
  border-bottom: 1px dashed var(--recent-dashed-border);
  border-top: 1px dashed var(--recent-dashed-border);
  padding: 20px 0;
}
.product-box .modal .modal-header .product-box .product-details .product-size {
  margin: 20px 0;
}
.product-box
  .modal
  .modal-header
  .product-box
  .product-details
  .product-size
  ul
  li {
  display: inline-block;
}
.product-box
  .modal
  .modal-header
  .product-box
  .product-details
  .product-qnty
  fieldset {
  margin-bottom: 20px;
}
.product-box
  .modal
  .modal-header
  .product-box
  .product-details
  .product-qnty
  fieldset
  .input-group {
  width: 35%;
}
.product-box
  .modal
  .modal-header
  .product-box
  .product-details
  .product-qnty
  fieldset
  .input-group
  .btn {
  padding: 5px 12px;
}
.product-box
  .modal
  .modal-header
  .product-box
  .product-details
  .product-qnty
  fieldset
  .input-group
  .btn-primary {
  background-color: #59667a !important;
  border: 1px solid #59667a !important;
}
.product-box .modal .modal-header .btn-close {
  position: absolute;
  right: 20px;
  top: 20px;
}
.product-box .product-img {
  position: relative;
}
.product-box .product-img .product-hover {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 100%;
  display: flex;
  height: 100%;
  justify-content: center;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: scale(0);
  transition: all 0.3s ease;
  width: 100%;
}
.product-box
  .product-img
  .product-hover
  ul
  li:not(.product-wrapper-grid .product-box .product-hover li) {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.08);
  cursor: pointer;
  display: inline-block;
  font-size: 18px;
  height: calc(36.6px + 0.4375vw);
  margin: 0 3px;
  padding: calc(5.2px + 0.25vw) calc(11.8px + 0.0625vw);
  width: calc(36.6px + 0.4375vw);
}
.product-box .product-img .product-hover ul i {
  color: #898989;
  font-size: calc(15.6px + 0.125vw);
}
.product-box .product-img .product-hover ul .btn {
  padding: 0;
}
.product-box:hover .product-hover {
  border-radius: 0;
  opacity: 1;
  transform: scale(1);
  transition: all 0.3s ease;
}
.product-page-main {
  padding: 20px;
}
.product-page-main .nav.nav-tabs .nav-item .nav-link {
  border-bottom: 2px solid transparent;
}
.product-page-main .nav.nav-tabs .nav-item .nav-link :focus,
.product-page-main .nav.nav-tabs .nav-item .nav-link.active {
  border-bottom: 2px solid var(--theme-default);
}
@media (max-width: 655px) and (min-width: 576px) {
  .product-page-main .nav.nav-tabs .nav-item .nav-link {
    padding: 0 12px 10px;
  }
}
@media (max-width: 575px) {
  .product-page-main .touchspin-wrapper .btn-touchspin {
    height: 24px;
    width: 24px;
  }
  .product-page-main .touchspin-wrapper .btn-touchspin i {
    display: grid;
    place-items: center;
  }
  .product-page-main .touchspin-wrapper input[type="number"] {
    height: 23px;
    width: 60px;
  }
}
.product-page-main .main-star-rating,
.product-page-main .main-star-rating .common-flex {
  gap: 6px;
}
.product-page-main .main-star-rating .common-flex i {
  font-size: calc(13.2px + 0.25vw);
}
.product-page-main .card-body hr {
  border-top: 1.5px solid var(--recent-dashed-border);
}
.product-page-main .tab-content {
  margin-top: 20px;
}
.product-page-main .tab-content .info-part {
  padding-bottom: 20px;
}
.product-page-main .tab-content .info-part h6 {
  font-weight: 500;
  margin-bottom: 8px;
}
.product-page-main .tab-content .info-part p {
  margin-bottom: 0;
}
.product-page-main .tab-content .info-part:last-child {
  padding-bottom: 0;
}
.product-page-main .owl-item .item {
  background-color: #f8f8f8;
  border: 1px solid #f4f4f4;
  border-radius: 5px;
}
.product-page-main .owl-item.current .item {
  border: 1px solid var(--theme-default);
}
.product-page-main .product-slider {
  margin-bottom: 20px;
}
.product-page-main .product-slider .owl-item .item img {
  border-radius: unset;
}
@media (min-width: 1400px) {
  .product-page-main .product-slider img {
    height: 520px;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
@media (min-width: 1500px) {
  .product-page-main .product-slider img {
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
.product-page-main .product-slider figure.zoom {
  background-position: 50% 50%;
  cursor: zoom-in;
  overflow: hidden;
  position: relative;
}
.product-page-main .product-slider figure.zoom img:hover {
  opacity: 0;
}
.product-page-main .product-slider figure.zoom img {
  display: block;
  transition: opacity 0.5s;
  width: 100%;
}
.product-page-main .product-color {
  margin-top: 10px;
}
.product-page-details h4 {
  color: #404040;
  font-size: 18px;
  text-transform: uppercase;
}
.product-page-details span {
  padding-left: 15px;
}
.br-theme-fontawesome-stars .br-widget a,
.br-theme-fontawesome-stars .br-widget a.br-active:after,
.br-theme-fontawesome-stars .br-widget a.br-selected:after {
  color: #ffb829 !important;
  font: normal normal normal 14px/1 FontAwesome;
}
.product-price {
  color: var(--theme-default);
  font-size: 18px;
  font-weight: 500;
  margin-top: 5px;
}
.product-price del {
  color: rgba(63, 71, 90, 0.4);
  font-size: 80%;
  padding-left: 4px;
  vertical-align: text-bottom;
}
.product-color li {
  border-radius: 100%;
  display: inline-block;
  height: 20px;
  margin: 0 2px;
  width: 20px;
}
.product-page-main p {
  font-size: 15px;
}
.product-page-main .nav-link {
  font-weight: 500;
  text-transform: uppercase;
}
.product-rate .form-check .common-flex {
  gap: 4px;
}
.product-rate .form-check .common-flex i {
  color: #52526c;
}
.product-rate .form-check .common-flex i.fill {
  color: #ffb829;
}
.payment-opt li {
  display: inline-block;
}
.payment-opt li img {
  height: 20px;
  margin: 15px 15px 0 0;
}
@media screen and (max-width: 1660px) and (min-width: 1200px) {
  .owl-carousel .owl-item img {
    margin: 0 auto;
    max-width: 420px;
  }
}
@media screen and (max-width: 1399px) {
  .owl-carousel .owl-item img {
    max-width: 100%;
  }
}
.vanilla-zoom {
  display: block;
}
.product-page-main .vanilla-zoom > .product-slider .item {
  background-color: transparent;
}
.product-page-main .vanilla-zoom > .product-slider .item img {
  opacity: 0;
}
.email-wrap .row .col-xl-3 + .col-xl-3 {
  padding-right: 0;
}
.email-wrap .row .col-xl-6 {
  padding-left: 0;
}
.email-wrap .dropdown .dropdown-toggle {
  background-color: rgba(115, 102, 255, 0.08);
  border-radius: 10px;
  color: #7366ff;
  padding: 5px 10px;
  text-align: left;
  width: 100px;
}
[dir="rtl"] .email-wrap .dropdown .dropdown-toggle {
  text-align: right;
}
.email-wrap .dropdown .dropdown-toggle:after {
  border: none;
  content: "\f107";
  font-family: FontAwesome;
  font-size: 18px;
  margin: 0;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
[dir="rtl"] .email-wrap .dropdown .dropdown-toggle:after {
  left: 10px;
  right: unset;
}
.email-wrap .dropdown .dropdown-menu {
  border: none;
  box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  padding: 0;
}
.email-wrap .dropdown .dropdown-menu .dropdown-item {
  background: #fff;
  border-top: 1px solid var(--chart-border);
  color: #2b2b2b;
  font-size: 13px;
  line-height: 19px;
  opacity: 0.6;
  padding: 6px 12px;
}
.email-wrap .dropdown .dropdown-menu .dropdown-item:hover {
  background-color: #fff;
}
.email-wrap .email-app-sidebar .d-flex img {
  border: 2px solid #e9edf1;
}
.email-wrap .email-app-sidebar .main-menu > li {
  text-align: left;
  width: 100%;
}
.email-wrap .email-app-sidebar .main-menu > li a {
  border-radius: 3px;
  line-height: 34px;
  padding: 0;
  text-transform: uppercase;
}
.email-wrap .email-app-sidebar .main-menu > li a i {
  margin-right: 10px;
}
.email-wrap .email-app-sidebar .main-menu > li a.active > a {
  color: #000;
}
.email-wrap .email-app-sidebar .main-menu > li a:hover {
  background-color: var(--light2);
  text-decoration: none;
}
.email-wrap .email-app-sidebar .main-menu > li ul {
  background-color: var(--light-background);
  list-style: disc;
  padding: 12px;
}
.email-wrap .email-app-sidebar .main-menu > li ul li {
  margin-left: 45px;
}
.email-wrap .email-app-sidebar .main-menu > li ul li:first-child {
  list-style: none;
  margin-left: 0;
}
[dir="rtl"] .email-wrap .email-app-sidebar .main-menu > li ul li:first-child {
  margin-left: unset;
  margin-right: 0;
}
[dir="rtl"] .email-wrap .email-app-sidebar .main-menu > li ul li {
  margin-left: unset;
  margin-right: 45px;
}
.email-wrap .email-app-sidebar .main-menu > li ul.tag-names {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  list-style: none;
  margin: 0;
  padding: 18px;
}
.email-wrap .email-app-sidebar .main-menu > li ul.tag-names li {
  margin: 0;
}
.email-wrap .email-app-sidebar .main-menu > li ul.tag-names li:last-child {
  margin-bottom: 0;
}
.email-wrap .email-app-sidebar .main-menu > li ul.tag-names li .title.badge {
  color: #fff;
  font-size: 12px;
  padding: 6px 12px;
  width: auto;
}
.email-wrap .email-app-sidebar ul li a {
  align-items: center;
  display: flex;
  padding-left: 20px;
}
.email-wrap .email-app-sidebar ul li a > .title {
  color: var(--body-font-color);
  width: 100%;
}
.email-wrap .email-app-sidebar ul li a > .badge {
  align-self: center;
  color: #898989;
}
.email-wrap .email-left-aside {
  float: left;
  width: 100%;
}
.email-wrap .email-left-aside .card-body {
  padding: 20px;
}
@media (min-width: 1200px) {
  .email-wrap .email-right-aside .email-body .pr-0 {
    padding-right: 0;
  }
  [dir="rtl"] .email-wrap .email-right-aside .email-body .pr-0 {
    padding-left: 0;
    padding-right: 12px;
  }
  .email-wrap .email-right-aside .email-body .pl-0 {
    padding-left: 0;
  }
  [dir="rtl"] .email-wrap .email-right-aside .email-body .pl-0 {
    padding-left: 12px;
    padding-right: 0;
  }
}
.email-wrap .email-right-aside .email-body .inbox {
  overflow: auto;
}
@media (max-width: 1199.98px) {
  .email-wrap .email-right-aside .email-body .inbox {
    display: flex;
    flex-wrap: wrap;
  }
}
.email-wrap .email-right-aside .email-body .inbox .d-flex {
  padding: 20px;
}
.email-wrap .email-right-aside .email-body .inbox .d-flex.active {
  background-color: #fefefe;
}
.email-wrap .email-right-aside .radius-left {
  border-radius: 8px;
  height: 100%;
}
.email-wrap .btn-mail {
  border-radius: 2px;
  letter-spacing: 1px;
  line-height: 12px !important;
  margin: 20px 0 16px;
  padding: 13px 15px;
  text-align: left;
}
.email-wrap p {
  color: #898989;
  margin-bottom: 0;
}
.email-wrap .flex-grow-1 {
  margin-top: 5px;
}
.email-wrap .flex-grow-1 h6 {
  color: #242934;
  margin-bottom: 2px;
  margin-top: 3px;
}
.email-wrap .flex-grow-1 h6 small {
  font-size: 12px;
}
.email-wrap .flex-grow-1 h6 small span {
  color: #777;
}
.email-wrap .flex-grow-1 p {
  color: #75758a;
  font-size: 14px;
}
.email-wrap .email-top {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  line-height: 49px;
  padding: 20px;
}
.email-wrap .email-top i {
  cursor: pointer;
}
.email-wrap .email-top h5 {
  margin-bottom: 0;
  padding: 12px 0;
}
.email-wrap .email-top .d-flex {
  padding: 13px 0;
}
.email-wrap .email-wrapper {
  padding: 20px;
}
.email-wrap .email-wrapper hr {
  margin-bottom: 20px;
  margin-top: 0;
}
.email-wrap .email-wrapper .d-inline-block {
  width: 100%;
}
.email-wrap .email-wrapper h6 {
  float: left;
  margin-bottom: 11px;
}
.email-wrap .email-wrapper .right-download {
  float: right;
}
.email-wrap .email-wrapper h5,
.email-wrap .email-wrapper p + p {
  margin-bottom: 20px;
}
.email-wrap .email-body .attachment ul li img {
  height: 80px;
  margin-bottom: 20px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 80px;
}
.email-wrap .email-body .attachment .list-inline .list-inline-item {
  padding-right: 13px;
}
.email-wrap .email-body .email-compose .cke_contents.cke_reset {
  border: 1px solid #e9edf1;
  max-height: 178px;
  width: 100%;
}
.email-wrap .email-body .email-compose .email-top h4 {
  padding: 11px 0;
}
.email-right-aside .email-list {
  display: block;
}
.email-right-aside .email-list.hide,
.email-right-aside .email-read {
  display: none;
}
.email-right-aside .email-read.show {
  display: block;
}
.email-right-aside .modal-footer {
  text-align: end;
}
.email-right-aside .add-label-modal form .col .row {
  margin-bottom: 1rem;
}
.email-right-aside .add-label-modal form .col .row:last-of-type {
  margin-bottom: 0;
}
.email-main-wrapper .email-app-sidebar .nav-pills .nav-item.active,
.email-main-wrapper .email-app-sidebar .nav-pills .nav-item:active {
  border-radius: 5px;
}
.email-main-wrapper .email-app-sidebar .nav-pills .nav-item:nth-child(6) {
  border-top: 1px solid var(--recent-dashed-border);
  margin-block: 10px;
  padding-top: 10px;
}
.email-main-wrapper .email-app-sidebar .nav-pills .nav-item ul {
  list-style: none;
}
.email-main-wrapper .email-app-sidebar .nav-pills .nav-item ul li a {
  color: var(--chart-text-color);
  font-size: 16px;
  font-weight: 400;
  gap: 12px;
  padding: 3px 12px;
  position: relative;
  text-transform: capitalize;
}
.email-main-wrapper .email-app-sidebar .nav-pills .nav-item ul li a svg {
  height: 18px;
  width: 18px;
  stroke: hsla(240, 8%, 50%, 0.8);
}
[dir="rtl"]
  .email-main-wrapper
  .email-app-sidebar
  .nav-pills
  .nav-item
  ul
  li
  a
  svg {
  transform: scaleX(-1);
}
.email-main-wrapper .email-app-sidebar .nav-pills .nav-item ul li + li {
  margin: 0;
}
.email-main-wrapper .email-app-sidebar .nav-pills .nav-link {
  color: var(--chart-text-color);
  font-size: 16px;
  font-weight: 400;
  gap: 12px;
  padding: 8px 12px;
  position: relative;
  text-transform: capitalize;
}
.email-main-wrapper .email-app-sidebar .nav-pills .nav-link:hover {
  background-color: unset;
  color: var(--theme-default);
}
.email-main-wrapper .email-app-sidebar .nav-pills .nav-link.active,
.email-main-wrapper .email-app-sidebar .nav-pills .nav-link:active {
  background-color: var(--light-shade-primary);
  border-radius: 5px;
  color: var(--theme-default);
}
.email-main-wrapper .email-app-sidebar .nav-pills .nav-link.active svg,
.email-main-wrapper .email-app-sidebar .nav-pills .nav-link:active svg {
  stroke: #52526c;
}
.email-main-wrapper .email-app-sidebar .nav-pills .nav-link.active:after,
.email-main-wrapper .email-app-sidebar .nav-pills .nav-link:active:after {
  border-right: 3px solid var(--theme-default);
  border: 2px solid var(--theme-default);
  border-radius: 100px 0 0 100px;
  content: "";
  height: 35px;
  position: absolute;
  right: 0;
  top: 9px;
  width: 4px;
}
[dir="rtl"]
  .email-main-wrapper
  .email-app-sidebar
  .nav-pills
  .nav-link.active:after,
[dir="rtl"]
  .email-main-wrapper
  .email-app-sidebar
  .nav-pills
  .nav-link:active:after {
  border-radius: 0 100px 100px 0;
  left: 0;
  right: unset;
}
@media (max-width: 1400px) {
  .email-main-wrapper .email-app-sidebar .nav-pills .nav-link.active:after,
  .email-main-wrapper .email-app-sidebar .nav-pills .nav-link:active:after {
    height: 28px;
    top: 8px;
  }
}
.email-main-wrapper .email-app-sidebar .nav-pills .nav-link svg {
  height: 18px;
  width: 18px;
  stroke: hsla(240, 8%, 50%, 0.8);
}
.email-main-wrapper .email-app-sidebar .nav-pills .nav-link div {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: calc(100% - 31px);
}
@media (max-width: 1400px) {
  .email-main-wrapper .email-app-sidebar .nav-pills .nav-link div {
    font-size: calc(13.8px + 0.0625vw);
  }
}
.email-main-wrapper .email-app-sidebar span {
  border-radius: 20px;
  color: var(--theme-default);
  padding: 6px 12px;
}
@media (max-width: 1400px) {
  .email-main-wrapper .email-app-sidebar span {
    padding: 3px 10px;
  }
}
.email-main-wrapper .email-app-sidebar .compose-mail {
  display: block;
  text-align: center;
}
.email-main-wrapper .email-app-sidebar .compose-mail .nav-link.active {
  background-color: var(--theme-default);
  color: var(--white);
  padding: 15px;
}
@media (max-width: 1400px) {
  .email-main-wrapper .email-app-sidebar .compose-mail .nav-link.active {
    padding: 10px;
  }
}
.email-main-wrapper .email-app-sidebar .compose-mail .nav-link.active:before {
  content: unset;
}
.email-main-wrapper .email-app-sidebar .compose-mail .nav-link i {
  font-size: 13px;
}
@media (max-width: 1400px) {
  .email-main-wrapper
    .email-app-sidebar
    .email-category.nav-pills
    .nav-item
    .nav-link {
    padding: 3px 20px;
  }
}
.email-main-wrapper
  .email-app-sidebar
  .email-category.nav-pills
  .nav-item:last-child
  i {
  margin-right: 0;
}
@media (max-width: 1400px) {
  .email-main-wrapper
    .email-app-sidebar
    .taged-mail.nav-pills
    .nav-item
    .nav-link {
    padding: 3px 20px;
  }
}
.email-main-wrapper
  .email-app-sidebar
  .taged-mail.nav-pills
  .nav-item:first-child
  a {
  margin-top: 16px;
}
.email-main-wrapper .email-app-sidebar .taged-mail.nav-pills .nav-item svg {
  height: 24px;
  width: 24px;
}
.email-main-wrapper .email-app-sidebar .emailbox.btn {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 15px;
  padding: 12px;
  width: 100%;
}
@media (max-width: 576px) {
  .email-main-wrapper .email-app-sidebar .emailbox.btn {
    padding: 7px;
  }
}
.email-main-wrapper .email-app-sidebar .emailbox.btn i {
  padding-right: 12px;
}
[dir="rtl"] .email-main-wrapper .email-app-sidebar .emailbox.btn i {
  padding-left: 12px;
  padding-right: unset;
}
.email-body .mail-header-wrapper {
  align-items: center;
  box-shadow: 0 5px 10px 0 rgba(82, 82, 108, 0.08);
  display: flex;
  justify-content: space-between;
  padding: 16px;
}
.email-body .mail-header-wrapper .mail-header .form-check {
  align-items: center;
  display: flex;
}
@media (max-width: 1468px) {
  .email-body .mail-header-wrapper .mail-header .form-check {
    padding: 0;
  }
}
@media (max-width: 420px) {
  .email-body .mail-header-wrapper .mail-header .form-check {
    align-items: flex-start;
  }
}
.email-body .mail-header-wrapper .mail-header .form-check .form-check-input {
  border-color: var(--chart-dashed-border);
  height: 18px;
  margin-top: 9px;
  width: 18px;
}
@media (max-width: 1468px) {
  .email-body .mail-header-wrapper .mail-header .form-check .form-check-input {
    margin: 0;
  }
}
.email-body
  .mail-header-wrapper
  .mail-header
  .form-check
  .form-check-input:focus {
  border: 1px solid var(--theme-default);
  box-shadow: unset;
}
.email-body .mail-header-wrapper .mail-body {
  display: flex;
  gap: 12px;
}
@media (max-width: 1500px) {
  .email-body .mail-header-wrapper .mail-body {
    justify-content: end;
  }
}
@media (max-width: 620px) {
  .email-body .mail-header-wrapper .mail-body {
    margin-left: auto;
  }
}
@media (max-width: 479px) {
  .email-body .mail-header-wrapper .mail-body {
    display: none;
  }
}
.email-body .mail-header-wrapper .mail-body .mail-search {
  position: relative;
}
@media (max-width: 1500px) and (min-width: 1469px) {
  .email-body .mail-header-wrapper .mail-body .mail-search {
    width: 55%;
  }
}
@media (max-width: 1468px) and (min-width: 1400px) {
  .email-body .mail-header-wrapper .mail-body .mail-search {
    width: 48%;
  }
}
@media (max-width: 1399px) and (min-width: 1200px) {
  .email-body .mail-header-wrapper .mail-body .mail-search {
    display: none;
  }
}
@media (max-width: 767px) {
  .email-body .mail-header-wrapper .mail-body .mail-search {
    display: none;
  }
}
.email-body .mail-header-wrapper .mail-body .mail-search .form-control {
  color: #52526c;
  display: inline-block;
  padding: 8px 38px;
}
.email-body .mail-header-wrapper .mail-body .mail-search .form-control:focus {
  border: 1px solid var(--chart-dashed-border);
  box-shadow: unset;
}
@media (max-width: 1504px) {
  .email-body .mail-header-wrapper .mail-body .mail-search .form-control {
    max-width: 165px;
  }
}
.email-body .mail-header-wrapper .mail-body .mail-search i {
  color: var(--chart-text-color);
  left: 20px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
[dir="rtl"] .email-body .mail-header-wrapper .mail-body .mail-search i {
  left: unset;
  right: 20px;
  transform: translate(50%, -50%);
}
.email-body .mail-header-wrapper .mail-body .light-square i {
  color: var(--body-font-color);
}
@media (max-width: 1468px) {
  .email-body .mail-header-wrapper {
    padding: 12px 16px;
  }
  .email-body .mail-header-wrapper .mail-header-option:before {
    bottom: -22px;
  }
}
@media (max-width: 767px) and (min-width: 621px) {
  .email-body .mail-header-wrapper .mail-header-option:before {
    bottom: -19px;
  }
}
@media (max-width: 620px) {
  .email-body .mail-header-wrapper {
    flex-wrap: wrap-reverse;
    gap: 8px;
  }
  .email-body .mail-header-wrapper .mail-header-option:before {
    bottom: -19px;
    bottom: -13px;
  }
}
@media (max-width: 479px) {
  .email-body .mail-header-wrapper .mail-header-option:before {
    bottom: -12px;
  }
}
.email-body .light-square {
  align-items: center;
  background-color: var(--light-slate);
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  height: 39px;
  justify-content: center;
  width: 40px;
}
@media (max-width: 992px) {
  .email-body .light-square {
    height: 35px;
    width: 34px;
  }
}
.email-body .light-square.dropdown-toggle:after {
  content: "";
  display: none;
}
.email-body .light-square .dropdown-menu .dropdown-item {
  border-top: 0;
}
.email-body .light-square .dropdown-menu .dropdown-item:hover {
  background-color: #ccc;
}
.email-body .light-square .dropdown-menu .dropdown-item i {
  padding-right: 12px;
}
[dir="rtl"] .email-body .light-square .dropdown-menu .dropdown-item i {
  padding-left: 12px;
  padding-right: 0;
}
.email-body .mail-body-wrapper ul li {
  align-items: center;
  border-bottom: 1px solid var(--chart-dashed-border);
  cursor: pointer;
  display: flex;
  padding: 16px;
}
.email-body .mail-body-wrapper ul li:hover {
  background-color: var(--light-background);
}
.email-body .mail-body-wrapper ul li:hover .inbox-message .email-timing {
  display: none;
  transition: all 0.3s ease-in-out;
}
.email-body .mail-body-wrapper ul li:hover .inbox-message .email-options {
  align-items: center;
  display: flex;
  gap: 14px;
  justify-content: flex-end;
  min-width: 100px;
  transition: all 0.3s ease-in-out;
}
.email-body .mail-body-wrapper ul li:hover .inbox-message .email-options i {
  font-size: 18px;
}
@media (max-width: 375px) {
  .email-body .mail-body-wrapper ul li:hover .inbox-message .email-options i {
    font-size: 16px;
  }
}
.email-body .mail-body-wrapper ul li:hover .inbox-message .show {
  display: block;
}
.email-body .mail-body-wrapper ul li:hover .inbox-message .hide {
  display: none;
}
@media (max-width: 767px) {
  .email-body .mail-body-wrapper ul li.inbox-data {
    display: block;
  }
}
.email-body .mail-body-wrapper ul li:last-child {
  border-bottom: unset;
}
.email-body .mail-body-wrapper ul li .inbox-user {
  align-items: center;
  display: flex;
  gap: 12px;
  min-width: 290px;
}
@media (max-width: 1400px) {
  .email-body .mail-body-wrapper ul li .inbox-user {
    min-width: 280px;
  }
}
@media (max-width: 576px) {
  .email-body .mail-body-wrapper ul li .inbox-user {
    min-width: 260px;
  }
}
.email-body .mail-body-wrapper ul li .inbox-user .form-check-input {
  border-color: var(--chart-dashed-border);
  height: 18px;
  width: 18px;
}
.email-body .mail-body-wrapper ul li .inbox-user .form-check-input:focus {
  box-shadow: unset;
}
.email-body .mail-body-wrapper ul li .inbox-user .rounded-border {
  align-items: center;
  border: 2px solid var(--chart-dashed-border);
  border-radius: 100%;
  display: flex;
  height: 50px;
  justify-content: center;
  width: 50px;
}
@media (max-width: 1400px) {
  .email-body .mail-body-wrapper ul li .inbox-user .rounded-border {
    height: 42px;
    width: 42px;
  }
}
@media (max-width: 355px) {
  .email-body .mail-body-wrapper ul li .inbox-user .rounded-border {
    display: none;
  }
}
.email-body .mail-body-wrapper ul li .inbox-user .rounded-border > div {
  background-color: #e8e5ff;
  border-radius: 100%;
  height: 40px;
  width: 40px;
}
@media (max-width: 1400px) {
  .email-body .mail-body-wrapper ul li .inbox-user .rounded-border > div {
    height: 32px;
    width: 32px;
  }
}
.email-body .mail-body-wrapper ul li .inbox-user .rounded-border > div p {
  align-items: center;
  display: flex;
  font-weight: 900;
  height: 100%;
  justify-content: center;
  padding-top: 3px;
}
@media (max-width: 1200px) {
  .email-body .mail-body-wrapper ul li .inbox-user .rounded-border > div p {
    font-size: 13px;
  }
}
.email-body
  .mail-body-wrapper
  ul
  li
  .inbox-user
  .rounded-border
  .circle-success {
  background-color: #dcf1da;
}
.email-body .mail-body-wrapper ul li .inbox-user .rounded-border img {
  border-radius: 100%;
  height: 38px;
}
@media (max-width: 1400px) {
  .email-body .mail-body-wrapper ul li .inbox-user .rounded-border img {
    height: 32px;
  }
}
.email-body .mail-body-wrapper ul li .inbox-message {
  display: flex;
  gap: 16px;
  justify-content: space-between;
  width: 100%;
}
@media (max-width: 700px) {
  .email-body .mail-body-wrapper ul li .inbox-message {
    display: block;
  }
}
.email-body .mail-body-wrapper ul li .inbox-message .email-data span {
  color: rgba(82, 82, 108, 0.7);
  display: -webkit-box;
  font-weight: 500;
  letter-spacing: 0.4px;
  margin: 0 auto;
  max-width: 100%;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.email-body .mail-body-wrapper ul li .inbox-message .email-data span span {
  font-weight: 400;
  line-height: 1.9;
}
.email-body .mail-body-wrapper ul li .inbox-message .email-data .badge {
  border-radius: 20px;
}
@media (max-width: 1236px) {
  .email-body .mail-body-wrapper ul li .inbox-message .email-data .badge {
    margin-bottom: 5px;
  }
}
.email-body
  .mail-body-wrapper
  ul
  li
  .inbox-message
  .email-data
  .badge:last-child {
  margin-bottom: 0;
}
.email-body .mail-body-wrapper ul li .inbox-message .email-timing {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  min-width: 80px;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 768px) {
  .email-body .mail-body-wrapper ul li .inbox-message .email-timing {
    height: 18px;
    justify-content: flex-end;
    margin-top: 8px;
  }
}
.email-body .mail-body-wrapper ul li .inbox-message .email-timing span {
  color: var(--body-font-color);
}
.email-body .mail-body-wrapper ul li .inbox-message .email-options {
  display: none;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 768px) {
  .email-body .mail-body-wrapper ul li .inbox-message .email-options {
    height: 18px;
  }
}
.email-body .mail-body-wrapper ul li .inbox-message .email-options .show {
  display: block;
}
.email-body .mail-body-wrapper ul li .inbox-message .email-options .hide {
  display: none;
}
.email-body .mail-body-wrapper ul li .inbox-message .email-options i {
  color: rgba(63, 71, 90, 0.8);
}
.email-body .mail-body-wrapper ul li.page-item {
  padding: 0;
}
.email-body .mail-body-wrapper .hidden {
  display: none !important;
}
.compose-modal form .form-control {
  position: relative;
}
.compose-modal form .add-bcc {
  position: absolute;
  right: 16px;
  top: 2.5px;
}
[dir="rtl"] .compose-modal form .add-bcc {
  left: 16px;
  right: unset;
}
.compose-modal form .add-bcc .btn {
  background-color: var(--light-shade-primary);
  color: var(--theme-default);
  padding: 5px 8px;
}
.compose-modal form .filepond--root {
  cursor: pointer;
  margin-bottom: 0;
}
.mail-header-wrapper.header-wrapper1 {
  flex-direction: unset;
}
@media (max-width: 440px) {
  .mail-header-wrapper.header-wrapper1 {
    align-items: flex-end;
    flex-direction: column;
    gap: 10px;
  }
}
.mail-header-wrapper .mail-header1 {
  align-items: center;
  display: flex;
  gap: 18px;
}
.mail-header-wrapper .mail-header1 span {
  color: var(--body-font-color);
  font-weight: 500;
}
.mail-header-wrapper .mail-header1 .btn-email {
  height: calc(15.2px + 0.25vw);
  width: calc(15.2px + 0.25vw);
  stroke: var(--body-font-color);
}
[dir="rtl"] .mail-header-wrapper .mail-header1 .btn-email {
  transform: scaleX(-1);
}
.mail-header-wrapper .mail-body1 {
  display: flex;
  gap: 10px;
}
.mail-header-wrapper .mail-body1 svg {
  height: 20px;
  width: 20px;
  stroke: #52526c;
}
@media (max-width: 480px) {
  .mail-header-wrapper .mail-body1 svg {
    height: 18px;
    width: 18px;
  }
}
.mail-body-wrapper .user-mail-wrapper {
  padding: 16px;
}
.mail-body-wrapper .user-mail-wrapper .user-title {
  align-items: center;
  border-bottom: 1px solid var(--chart-dashed-border);
  display: flex;
  justify-content: space-between;
}
@media (max-width: 390px) {
  .mail-body-wrapper .user-mail-wrapper .user-title {
    align-items: unset;
    flex-direction: column;
    justify-content: unset;
    padding-bottom: 12px;
  }
}
.mail-body-wrapper .user-mail-wrapper .user-title > div {
  align-items: center;
  display: flex;
  gap: 12px;
  padding-bottom: 12px;
}
.mail-body-wrapper .user-mail-wrapper .user-title > div .rounded-border {
  align-items: center;
  border: 2px solid var(--chart-dashed-border);
  border-radius: 100%;
  display: flex;
  height: 50px;
  justify-content: center;
  width: 50px;
}
.mail-body-wrapper .user-mail-wrapper .user-title > div .rounded-border img {
  border-radius: 100%;
  height: 38px;
}
.mail-body-wrapper
  .user-mail-wrapper
  .user-title
  > div
  .onhover-dropdown
  .dropdown-button {
  align-items: center;
  border: unset;
  color: var(--chart-text-color);
  display: flex;
  gap: 8px;
}
.mail-body-wrapper
  .user-mail-wrapper
  .user-title
  > div
  .onhover-dropdown
  .dropdown-button
  svg {
  height: 16px;
  width: 16px;
}
.mail-body-wrapper
  .user-mail-wrapper
  .user-title
  > div
  .onhover-dropdown
  .inbox-security {
  box-shadow: 0 0 40px rgba(8, 21, 66, 0.05);
  min-width: 350px;
  padding: 16px;
}
.mail-body-wrapper
  .user-mail-wrapper
  .user-title
  > div
  .onhover-dropdown
  .inbox-security
  p {
  margin-bottom: 8px;
}
.mail-body-wrapper
  .user-mail-wrapper
  .user-title
  > div
  .onhover-dropdown
  .inbox-security
  p:last-child {
  margin-bottom: 0;
}
.mail-body-wrapper
  .user-mail-wrapper
  .user-title
  > div
  .onhover-dropdown
  .inbox-security
  p
  span {
  color: var(--body-font-color);
}
@media (max-width: 475px) {
  .mail-body-wrapper
    .user-mail-wrapper
    .user-title
    > div
    .onhover-dropdown.onhover-show-div {
    left: -27px;
  }
  [dir="rtl"]
    .mail-body-wrapper
    .user-mail-wrapper
    .user-title
    > div
    .onhover-dropdown.onhover-show-div {
    left: unset;
    right: -27px;
  }
}
@media (max-width: 445px) {
  .mail-body-wrapper
    .user-mail-wrapper
    .user-title
    > div
    .onhover-dropdown.onhover-show-div {
    left: -70px;
  }
  [dir="rtl"]
    .mail-body-wrapper
    .user-mail-wrapper
    .user-title
    > div
    .onhover-dropdown.onhover-show-div {
    left: unset;
    right: -70px;
  }
}
@media (max-width: 395px) {
  .mail-body-wrapper
    .user-mail-wrapper
    .user-title
    > div
    .onhover-dropdown.onhover-show-div {
    min-width: 270px;
  }
}
.mail-body-wrapper
  .user-mail-wrapper
  .user-title
  > div
  .onhover-dropdown:hover
  .onhover-show-div {
  top: 30px;
  z-index: 1;
}
[dir="rtl"]
  .mail-body-wrapper
  .user-mail-wrapper
  .user-title
  > div
  .onhover-dropdown:hover
  .onhover-show-div {
  left: unset;
  right: 0;
}
@media (max-width: 575px) {
  .mail-body-wrapper
    .user-mail-wrapper
    .user-title
    > div
    .onhover-dropdown:hover
    .onhover-show-div {
    opacity: 1;
    visibility: visible;
  }
}
@media (max-width: 475px) {
  .mail-body-wrapper
    .user-mail-wrapper
    .user-title
    > div
    .onhover-dropdown:hover
    .onhover-show-div {
    left: -27px;
  }
  [dir="rtl"]
    .mail-body-wrapper
    .user-mail-wrapper
    .user-title
    > div
    .onhover-dropdown:hover
    .onhover-show-div {
    left: unset;
    right: -27px;
  }
}
@media (max-width: 445px) {
  .mail-body-wrapper
    .user-mail-wrapper
    .user-title
    > div
    .onhover-dropdown:hover
    .onhover-show-div {
    left: -70px;
  }
  [dir="rtl"]
    .mail-body-wrapper
    .user-mail-wrapper
    .user-title
    > div
    .onhover-dropdown:hover
    .onhover-show-div {
    left: unset;
    right: -70px;
  }
}
@media (max-width: 395px) {
  .mail-body-wrapper
    .user-mail-wrapper
    .user-title
    > div
    .onhover-dropdown:hover
    .onhover-show-div {
    min-width: 270px;
  }
}
@media (max-width: 390px) {
  .mail-body-wrapper .user-mail-wrapper .user-title .inbox-options {
    padding-bottom: 0;
  }
}
.mail-body-wrapper .user-mail-wrapper .user-title .inbox-options span {
  color: var(--chart-text-color);
}
@media (max-width: 623px) {
  .mail-body-wrapper .user-mail-wrapper .user-title .inbox-options span {
    display: none;
  }
}
.mail-body-wrapper .user-mail-wrapper .user-title .inbox-options svg {
  height: 18px;
  width: 18px;
  stroke: #52526c;
  vertical-align: -4px;
}
.mail-body-wrapper
  .user-mail-wrapper
  .user-title
  .inbox-options
  .light-square
  .dropdown-toggle:after {
  content: unset;
}
.mail-body-wrapper .user-mail-wrapper .user-body {
  border-bottom: 1px solid var(--chart-dashed-border);
  padding: 14px 0;
}
.mail-body-wrapper .user-mail-wrapper .user-body p:first-child {
  padding-bottom: 14px;
}
.mail-body-wrapper .user-mail-wrapper .user-body p:nth-child(2),
.mail-body-wrapper .user-mail-wrapper .user-body p:nth-child(4) {
  line-height: 1.8;
  margin-bottom: 10px;
}
.mail-body-wrapper .user-mail-wrapper .user-body .mail-subcontent {
  padding-top: 14px;
}
.mail-body-wrapper .user-mail-wrapper .user-body .mail-subcontent p {
  padding-bottom: 0;
}
.mail-body-wrapper .user-mail-wrapper .user-footer {
  border-bottom: 1px solid var(--chart-dashed-border);
  padding: 14px 0;
}
.mail-body-wrapper .user-mail-wrapper .user-footer > div:not(.toolbar-box) {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 8px;
  padding-bottom: 12px;
}
.mail-body-wrapper .user-mail-wrapper .user-footer svg {
  height: 20px;
  width: 20px;
  fill: none;
  stroke: var(--chart-text-color);
}
@media (max-width: 480px) {
  .mail-body-wrapper .user-mail-wrapper .user-footer svg {
    height: 18px;
    width: 18px;
  }
}
.mail-body-wrapper .user-mail-wrapper .user-footer .attachment-file {
  align-items: center;
  background-color: var(--light-background);
  gap: 30px;
  padding: 12px;
}
.mail-body-wrapper
  .user-mail-wrapper
  .user-footer
  .attachment-file
  .common-flex
  img {
  height: 36px;
}
@media (max-width: 1780px) {
  .mail-body-wrapper .user-mail-wrapper .user-footer .attachment-file {
    gap: 8px;
  }
}
.mail-body-wrapper .user-mail-wrapper .send-btn {
  padding-top: 14px;
  text-align: end;
}
.mail-body-wrapper .user-mail-wrapper .send-btn i {
  font-size: 12px;
  margin-left: 8px;
}
[dir="rtl"] .mail-body-wrapper .user-mail-wrapper .send-btn i {
  margin-left: 0;
  margin-right: 8px;
}
.toolbar-box {
  border: 1px solid var(--chart-dashed-border);
  border-color: var(--bs-border-color);
  border-radius: 5px;
  display: block;
  padding: 0;
}
.toolbar-box .ql-toolbar.ql-snow {
  border: 0;
}
.toolbar-box .ql-container.ql-snow {
  border: 0;
  min-height: 100px;
}
.toolbar-box .ql-container.ql-snow .ql-tooltip {
  background-color: #efefef;
  border: 1px solid var(--chart-progress-light);
  box-shadow: unset;
  color: #52526c;
  left: 16px !important;
}
.toolbar-box .ql-container.ql-snow .ql-tooltip .ql-action {
  color: var(--theme-default);
}
[dir="rtl"] .toolbar-box .ql-editor {
  text-align: right;
}
.toolbar-box .ql-editor p:nth-child(3),
.toolbar-box .ql-editor p:nth-child(8),
.toolbar-box .ql-editor p:nth-child(9) {
  margin: 12px 0;
}
.toolbar-box .ql-bold:hover,
.toolbar-box .ql-image:hover,
.toolbar-box .ql-indent:hover,
.toolbar-box .ql-italic:hover,
.toolbar-box .ql-link:hover,
.toolbar-box .ql-list:hover,
.toolbar-box .ql-strike:hover,
.toolbar-box .ql-stroke:hover,
.toolbar-box .ql-underline:hover {
  color: var(--theme-default);
}
.toolbar-box .ql-bold button.ql-active .ql-stroke,
.toolbar-box .ql-bold:hover svg .ql-fill,
.toolbar-box .ql-bold:hover svg .ql-stroke,
.toolbar-box .ql-image button.ql-active .ql-stroke,
.toolbar-box .ql-image:hover svg .ql-fill,
.toolbar-box .ql-image:hover svg .ql-stroke,
.toolbar-box .ql-indent button.ql-active .ql-stroke,
.toolbar-box .ql-indent:hover svg .ql-fill,
.toolbar-box .ql-indent:hover svg .ql-stroke,
.toolbar-box .ql-italic button.ql-active .ql-stroke,
.toolbar-box .ql-italic:hover svg .ql-fill,
.toolbar-box .ql-italic:hover svg .ql-stroke,
.toolbar-box .ql-link button.ql-active .ql-stroke,
.toolbar-box .ql-link:hover svg .ql-fill,
.toolbar-box .ql-link:hover svg .ql-stroke,
.toolbar-box .ql-list button.ql-active .ql-stroke,
.toolbar-box .ql-list:hover svg .ql-fill,
.toolbar-box .ql-list:hover svg .ql-stroke,
.toolbar-box .ql-strike button.ql-active .ql-stroke,
.toolbar-box .ql-strike:hover svg .ql-fill,
.toolbar-box .ql-strike:hover svg .ql-stroke,
.toolbar-box .ql-stroke button.ql-active .ql-stroke,
.toolbar-box .ql-stroke:hover svg .ql-fill,
.toolbar-box .ql-stroke:hover svg .ql-stroke,
.toolbar-box .ql-underline button.ql-active .ql-stroke,
.toolbar-box .ql-underline:hover svg .ql-fill,
.toolbar-box .ql-underline:hover svg .ql-stroke {
  stroke: var(--theme-default);
}
#editor .ql-editing,
#editor1 .ql-editing {
  left: 60.375px !important;
}
[dir="rtl"] #editor .ql-editing,
[dir="rtl"] #editor1 .ql-editing {
  left: 0;
  right: 60.375px !important;
}
#editor .ql-editing.ql-out-bottom,
#editor1 .ql-editing.ql-out-bottom {
  visibility: visible !important;
}
#editor .ql-tooltip,
#editor1 .ql-tooltip {
  left: 35.9688px !important;
}
[dir="rtl"] #editor .ql-tooltip,
[dir="rtl"] #editor1 .ql-tooltip {
  left: 0;
  right: 35.9688px !important;
}
@media (max-width: 430px) {
  #editor .ql-tooltip,
  #editor1 .ql-tooltip {
    left: 2.9688px !important;
  }
  [dir="rtl"] #editor .ql-tooltip,
  [dir="rtl"] #editor1 .ql-tooltip {
    left: 0;
    right: 2.9688px !important;
  }
}
#editor .ql-tooltip.ql-out-bottom,
#editor1 .ql-tooltip.ql-out-bottom {
  visibility: visible !important;
}
@media (max-width: 430px) {
  #editor .ql-tooltip.ql-out-bottom input[type="text"],
  #editor1 .ql-tooltip.ql-out-bottom input[type="text"] {
    width: 94px;
  }
}
.important-mail {
  height: 18px;
  width: 18px;
  fill: transparent;
  stroke: var(--chart-text-color);
  cursor: pointer;
}
.important-mail.active,
.important-mail:active {
  fill: #ffb829;
  stroke: #ffb829;
}
.bookmark-box {
  stroke: var(--chart-text-color);
}
.bookmark-box.active,
.bookmark-box:active {
  stroke: var(--theme-default);
}
.dropdown-subtitle > p {
  color: #52526c;
  font-weight: 500;
}
.mail-filters {
  display: flex;
  gap: 6px;
  justify-content: center;
  margin-left: 18px;
}
[dir="rtl"] .mail-filters {
  margin-left: unset;
  margin-right: 18px;
}
@media (max-width: 479px) {
  .mail-filters {
    align-items: flex-start;
    flex-direction: column;
    gap: 23px;
  }
}
@media (max-width: 380px) {
  .mail-filters {
    margin-left: 0;
  }
  [dir="rtl"] .mail-filters {
    margin-left: unset;
    margin-right: 0;
  }
}
.mail-filters svg {
  height: 22px;
  width: 22px;
  stroke: #52526c;
}
@media (max-width: 424px) {
  .mail-filters svg {
    display: none;
  }
}
.mail-header-option {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: center;
  padding: 0 12px;
  position: relative;
}
.mail-header-option:hover {
  cursor: pointer;
}
.mail-header-option:before {
  background-color: var(--theme-default);
  bottom: -26px;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 0;
}
.mail-header-option.active:before {
  transition: all 0.1s ease-in;
  width: 100%;
}
@media (max-width: 1248px) {
  .mail-header-option {
    padding: 0 7px;
  }
}
.hide {
  display: none !important;
}
.error-wrapper {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 100vh;
  text-align: center;
}
.error-wrapper svg {
  height: calc(200px + 12.5vw);
  margin-bottom: calc(5.2px + 0.875vw);
  width: 100%;
}
.error-wrapper .btn-lg {
  font-size: calc(13.2px + 0.25vw);
}
.error-wrapper.maintenance-bg {
  background-blend-mode: overlay;
  background-color: hsla(0, 0%, 100%, 0.6);
  background-image: url(images/maintenance-bg.jpg);
}
.error-wrapper .maintenance-icons li i {
  animation: rotate-effect 40s linear infinite reverse;
  color: #59667a;
  font-size: 50px;
}
.error-wrapper .maintenance-icons li:nth-child(2) i {
  animation: rotate-effect 40s linear infinite reverse;
  font-size: 100px;
  margin-left: 110px;
  margin-top: -25px;
}
.error-wrapper .maintenance-icons li:nth-child(3) i {
  animation: rotate-effect 30s linear infinite;
  font-size: 150px;
  margin-right: 120px;
  margin-top: -85px;
}
@keyframes rotate-effect {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
@keyframes reverse-rotate-effect {
  0% {
    transform: rotate(1turn);
  }
  to {
    transform: rotate(0deg);
  }
}
.error-wrapper .maintenance-heading {
  margin-top: 70px;
}
.error-wrapper .maintenance-heading .headline {
  color: var(--theme-default);
  font-size: 99px;
  font-weight: 900;
  letter-spacing: 10px;
  margin-top: -70px;
  position: relative;
  z-index: 2;
}
.error-wrapper .sub-content {
  color: #404040;
  font-size: calc(13.2px + 0.25vw);
  letter-spacing: 1px;
  margin-bottom: 0;
  margin-top: calc(10.4px + 0.5vw);
}
.error-wrapper .btn {
  margin-top: 30px;
}
.error {
  color: #000;
  margin: 70px 0 100px;
}
.error .error-title {
  color: #fff;
  font-size: 9.5rem;
  text-shadow: 6px 6px 7px rgba(0, 0, 0, 0.32);
}
.error .line-bottom {
  background-color: #ffb829;
  border: none;
  height: 5px;
  width: 10%;
}
.error .c-white {
  color: #fff;
}
.error .error-btn {
  text-align: center;
}
.error .padd {
  padding: 10px 30px;
}
.error .btn-back-home {
  background-color: #f4f4f4;
  color: #000;
}
.error .btn-back-home:hover {
  background-color: #ffb829;
  box-shadow: 0 20px 35px 0 rgba(0, 0, 0, 0.21);
  color: #fff;
}
.error .btn-adnc-serc {
  background-color: #3f475a;
  color: #fff;
}
.error .btn-adnc-serc:hover {
  background-color: #ffb829;
  box-shadow: 0 20px 35px 0 rgba(0, 0, 0, 0.21);
  color: #fff;
}
.knowledgebase-bg {
  border-radius: 15px;
  height: 500px;
  margin-bottom: 30px;
}
.knowledgebase-search {
  align-items: center;
  bottom: 0;
  display: flex;
  left: 5%;
  position: absolute;
  top: 0;
}
.knowledgebase-search .form-inline {
  background-color: var(--white);
  border: 1px solid #e6e6e6;
  border-radius: 10px;
  margin-top: 10px;
  padding: 12px 50px;
  position: relative;
  width: 500px;
}
.knowledgebase-search .form-inline ::-moz-placeholder {
  color: #ccc;
}
.knowledgebase-search .form-inline ::placeholder {
  color: #ccc;
}
.knowledgebase-search .form-inline svg {
  left: 20px;
  position: absolute;
  top: 17px;
  width: 20px;
  stroke: #ccc;
}
.faq-widgets {
  align-items: center;
}
.faq-widgets .flex-grow-1 h5 {
  color: #fff;
  font-weight: 600;
  padding-bottom: 10px;
}
.faq-widgets .flex-grow-1 p {
  display: -webkit-box;
  max-width: 100%;
  padding-right: 20px;
  -webkit-line-clamp: 3;
  height: auto;
  -webkit-box-orient: vertical;
  color: hsla(0, 0%, 100%, 0.9);
  overflow: hidden;
  text-overflow: ellipsis;
}
.faq-widgets svg {
  height: 60px;
  opacity: 0.5;
  width: 60px;
}
.header-faq {
  margin-bottom: 30px;
}
.header-faq h5 {
  font-weight: 600;
}
.features-faq.card .card-body,
.features-faq.card .card-footer {
  padding: 20px 25px;
}
.features-faq.card .card-body p,
.features-faq.card .card-footer p {
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 3;
  height: auto;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.features-faq .faq-image img {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  width: 100%;
}
.features-faq .card-body h6 {
  font-weight: 500;
}
.faq-accordion.default-according {
  margin-bottom: 30px;
}
.faq-accordion.default-according .card .btn-link {
  display: flex;
}
.faq-accordion.default-according .card .btn-link svg {
  height: 20px;
  margin-right: 10px;
  min-height: 20px;
  min-width: 20px;
  width: 20px;
}
.faq-accordion.default-according .card .faq-header {
  border-radius: 15px;
  padding: 20px;
  position: relative;
}
.faq-accordion.default-according .card .faq-header svg {
  height: 20px;
  position: absolute;
  right: 20px;
  top: 20px;
  width: 20px;
}
.faq-accordion.default-according .card .faq-header span {
  margin-top: 3px;
}
.faq-accordion.default-according .faq-body {
  border: unset;
  border-radius: 0;
  padding: 20px !important;
}
.faq-accordion.default-according .card-mb-faq {
  margin-bottom: 30px;
}
.faq-title {
  margin: 30px 0;
}
.faq-title h6 {
  color: #999;
  font-weight: 600;
}
.faq-form {
  position: relative;
}
.faq-form .search-icon {
  height: 20px;
  position: absolute;
  right: 12px;
  top: 9px;
  width: 20px;
}
.navigation-btn {
  margin-bottom: 20px;
}
.navigation-btn a {
  align-items: center;
  display: flex;
  justify-content: center;
}
.navigation-btn a svg {
  height: 15px;
  width: 15px;
}
.navigation-option ul li {
  padding: 8px 8px 8px 0;
  position: relative;
}
.navigation-option ul li:last-child {
  padding-bottom: 0;
}
.navigation-option ul li:hover {
  background-color: #fdfeff;
}
.navigation-option ul li a {
  color: #404040;
  padding-left: 40px;
}
.navigation-option ul li a svg {
  height: 15px;
  left: 15px;
  position: absolute;
  top: 11px;
  width: 15px;
}
.updates-faq {
  align-items: center;
  border: 2px solid var(--theme-default);
  border-radius: 100%;
  display: flex;
  height: 40px;
  justify-content: center;
  margin-right: 20px;
  width: 40px;
}
.updates-faq svg {
  height: 18px;
  width: 18px;
}
.updates-bottom-time p {
  margin-bottom: 2px;
}
.updates-bottom-time p + p {
  color: #999;
}
.updates-faq-main {
  margin-bottom: 20px;
}
.updates-faq-main a {
  font-weight: 500;
}
.updates-faq-main:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 1399.98px) {
  .faq-widgets svg {
    height: 80px;
    width: 80px;
  }
}
@media only screen and (max-width: 1199px) {
  .faq-accordion {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .faq-accordion.default-according .card .faq-header {
    padding: 20px !important;
  }
  .faq-accordion.default-according .card .faq-header svg {
    right: 20px;
    top: 20px;
  }
  .navigation-option ul li {
    padding: 10px 10px 10px 0;
  }
  .navigation-option ul li a svg {
    top: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .xs-mt-search {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .xs-mt-search {
    margin-top: 0;
  }
  .faq-widgets svg {
    height: 50px;
    width: 50px;
  }
  .faq-title {
    margin: 15px 0;
  }
  .header-faq {
    margin-bottom: 15px;
    margin-top: 10px;
  }
  .faq-accordion {
    margin-bottom: 0;
  }
  .faq-accordion .faq-header {
    padding: 15px !important;
  }
  .faq-accordion .faq-header .pull-right {
    float: right;
  }
  .faq-accordion .faq-header svg {
    right: 15px;
    top: 15px;
  }
  .navigation-btn,
  .updates-faq-main {
    margin-bottom: 15px;
  }
}
.faq-wrapper .d-flex p {
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 3;
  height: auto;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.file-content .card .card-body,
.file-content .card .card-header,
.file-sidebar .card .card-body,
.file-sidebar .card .card-header {
  padding: 20px !important;
}
.file-content hr,
.file-sidebar hr {
  border-top-color: var(--recent-dashed-border);
}
.file-sidebar ul li + li {
  margin-top: 8px;
}
.file-sidebar .btn {
  align-items: center;
  display: flex;
}
.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 {
  margin-right: 8px;
  vertical-align: middle;
  width: 15px;
}
.file-manager > h6 {
  font-size: 15px;
  font-weight: 400 !important;
  margin-bottom: 12px;
  opacity: 0.6;
}
.file-manager .files h6 {
  margin-bottom: 0;
  margin-top: 10px;
}
.file-manager p {
  font-size: 12px;
  opacity: 0.9;
}
.files h6,
.folder h6 {
  font-size: 14px;
  font-weight: 500 !important;
  opacity: 0.9;
}
.file-content .form-inline {
  border: 1px solid #f4f4f4;
  border-radius: 5px;
  padding: 0 20px;
}
.file-content .form-inline i {
  color: #898989;
  line-height: 3;
  padding-right: 10px;
}
.file-content .form-inline input::-webkit-input-placeholder {
  color: #898989;
}
.file-content .form-inline input:focus {
  outline: none !important;
}
.file-content .search-form input {
  border-radius: 5px;
  padding: 5px 10px 5px 70px;
}
.file-content .search-form .form-group:before {
  left: 82px;
  top: 37px;
}
.file-content .search-form .form-group:after {
  left: 53px;
  top: 39px;
}
.file-content .btn svg {
  height: 15px;
  margin-right: 2px;
  vertical-align: middle;
}
.file-content h5 {
  font-weight: 500;
}
.file-content .folder .folder-box {
  background-color: #f6f7fb;
  border: 1px solid #f1f1f1;
  border-radius: 5px;
  display: inline-block;
  padding: 15px;
  width: calc(25% - 15px);
}
.file-content .folder .folder-box:first-child {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 100s;
}
.file-content .folder .folder-box:nth-child(2) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 200s;
}
.file-content .folder .folder-box:nth-child(3) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 300s;
}
.file-content .folder .folder-box:nth-child(4) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 400s;
}
.file-content .folder .folder-box:nth-child(5) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 500s;
}
.file-content .folder .folder-box:nth-child(6) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 600s;
}
.file-content .folder .folder-box:nth-child(7) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 700s;
}
.file-content .folder .folder-box:nth-child(8) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 800s;
}
.file-content .folder .folder-box:nth-child(9) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 900s;
}
.file-content .folder .folder-box:nth-child(10) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 1000s;
}
.file-content .folder .folder-box:nth-child(11) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 1100s;
}
.file-content .folder .folder-box:nth-child(12) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 1200s;
}
.file-content .folder .folder-box:nth-child(13) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 1300s;
}
.file-content .folder .folder-box:nth-child(14) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 1400s;
}
.file-content .folder .folder-box:nth-child(15) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 1500s;
}
@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 {
    margin-bottom: 10px;
    margin-right: 8px;
    width: calc(50% - 15px);
  }
  .file-content .d-flex {
    display: block !important;
    text-align: center !important;
  }
  .file-content .d-flex .flex-grow-1 {
    justify-content: center;
    margin-top: 18px !important;
  }
}
@media screen and (max-width: 575px) {
  .file-content .files .file-box,
  .file-content .folder .folder-box {
    width: 100%;
  }
}
@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: hsla(0, 0%, 96%, 0.4);
  border-radius: 8px;
  padding: 14px;
}
.main-file-sidebar
  .md-sidebar
  .md-sidebar-aside
  .common-sort-card
  li
  .common-sort-card {
  border-radius: 0;
  border-top: 1px solid var(--chart-dashed-border);
  margin-top: 16px;
  padding: 16px 0 0;
}
.main-file-sidebar
  .md-sidebar
  .md-sidebar-aside
  .common-sort-card
  .files-left-icons
  li {
  overflow: hidden;
  padding-bottom: 0;
  position: relative;
  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 {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: calc(4.8px + 0.375vw);
  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 {
  height: 28px;
  width: 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 {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: center;
}
@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;
  gap: calc(8.8px + 0.375vw);
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  position: relative;
  width: 100%;
}
@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 {
  align-items: center;
  background-color: var(--light2);
  border-radius: 10px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  max-width: 100%;
  min-width: 100%;
  padding: calc(8.4px + 0.5vw);
  width: 100%;
}
.file-manager-grid .folder:hover {
  background-color: var(--light-bg);
}
.file-manager-grid .folder:hover .folder-icon:after {
  background-color: #efa000;
  border-radius: 5px;
  content: "";
  height: calc(21.8px + 0.6875vw);
  margin-left: 3px;
  margin-top: 5px;
  opacity: 1;
  position: absolute;
  transform: skewX(-10deg);
  width: calc(36px + 1.25vw);
}
[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;
  height: calc(25.6px + 0.75vw);
  margin-top: 8px;
  position: relative;
  width: calc(36px + 1.25vw);
}
.file-manager-grid .folder .folder-icon:after {
  background-color: #efa000;
  border-radius: 5px;
  content: "";
  height: calc(25.6px + 0.75vw);
  opacity: 0;
  position: absolute;
  transform: skewX(0deg);
  transition: 0.2s;
  width: calc(36px + 1.25vw);
}
.file-manager-grid .folder .folder-icon:before {
  background-color: #ffb829;
  border-radius: 5px;
  border-end-start-radius: 8px;
  content: "";
  height: calc(33.6px + 0.75vw);
  margin-top: -8px;
  position: absolute;
  width: calc(18.4px + 0.5vw);
}
.file-manager-grid .folder .folder-name {
  margin: 5px 0 0;
  text-align: center;
  width: auto;
}
.file-manager-grid .file {
  align-items: center;
  background-color: var(--light2);
  border-radius: 10px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  max-width: 100%;
  min-width: 100%;
  padding: calc(8.4px + 0.5vw);
  width: 100%;
}
.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 {
  display: -webkit-box;
  line-height: 1.3;
  margin: 10px 0 6px;
  max-width: 100%;
  text-align: center;
  width: 100%;
  -webkit-line-clamp: 1;
  height: auto;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.file-manager-grid .file .image-preview {
  align-items: center;
  display: flex;
  height: 48px;
  justify-content: center;
  width: 60px;
}
.file-manager-grid .file .image-preview img {
  border-radius: 5px;
  height: 100%;
  max-height: 48px;
}
.file-manager-grid .item-selected,
.file-manager-grid .item-selected:hover {
  background-color: #f4f4f4;
  border: 1px dotted rgba(82, 82, 108, 0.3);
  padding: 9px;
}
.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 {
  align-items: end;
  background-color: var(--theme-default);
  border-radius: 8px;
  color: #f4f4f4;
  display: flex;
  height: calc(38.4px + 0.5vw);
  position: relative;
  text-align: right;
  width: calc(38.4px + 0.5vw);
}
.file-manager-grid .doc-icon:after {
  border-bottom-color: #f4f4f4;
  border-bottom: calc(6.4px + 0.1875vw) solid var(--dark-light-color);
  border-left-color: #f4f4f4;
  border-left: calc(6.4px + 0.1875vw) solid var(--dark-light-color);
  border-right: calc(6.4px + 0.1875vw) solid #f4f4f4;
  border-top: calc(6.4px + 0.1875vw) solid #f4f4f4;
  content: "";
  height: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition-duration: 0.3s;
  transition-property: border-width;
  width: 0;
}
[dir="rtl"] .file-manager-grid .doc-icon:after {
  border-left-color: unset;
  border-right-color: var(--dark-light-color);
  left: 0;
  right: unset;
}
.file-manager-grid .doc-icon p {
  color: #fff;
  display: -webkit-box;
  font-size: calc(11.6px + 0.125vw);
  margin: 0;
  max-width: 100%;
  padding: 2px;
  text-align: center;
  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 {
  align-items: center;
  background-color: #fff;
  display: flex;
  height: 40px;
  justify-content: space-between;
  padding: 3px 10px;
}
@media (max-width: 429px) {
  .common-file-manager .filemanger .top-folder-path {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
    height: 100%;
    justify-content: center;
    padding: 0;
  }
  .common-file-manager .filemanger .top-folder-path .folder-path-write {
    width: 100%;
  }
}
.common-file-manager .filemanger .top-folder-path .folder-path-write {
  align-items: center;
  background-color: #f4f4f4;
  border-radius: 7px;
  display: flex;
  flex: 1;
  height: 35px;
  overflow: hidden;
}
.common-file-manager .filemanger .top-folder-path .folder-path-write input {
  background-color: transparent;
  border: 0;
  color: #3f475a;
  flex: 1;
  font-size: 15px;
  margin-left: 10px;
  outline: 0;
}
[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 {
  background-color: #f4f4f4;
  border: 0;
  border-radius: 50px;
  color: var(--theme-default);
  cursor: pointer;
  height: 27px;
  margin: 0 5px 0 0;
  width: 27px;
}
[dir="rtl"]
  .common-file-manager
  .filemanger
  .top-folder-path
  .folder-path-write
  button {
  margin-left: 5px;
  margin-right: unset;
}
.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 {
  align-items: center;
  display: flex;
  justify-content: space-around;
  margin-right: 5px;
  width: 90px;
}
[dir="rtl"]
  .common-file-manager
  .filemanger
  .top-folder-path
  .path-action-btns {
  margin-left: 5px;
  margin-right: unset;
}
.common-file-manager .filemanger .top-folder-path .path-action-btns button {
  background-color: #fff;
  border: 0;
  border-radius: 50px;
  color: var(--theme-default);
  cursor: pointer;
  height: 26px;
  margin: 0;
  width: 26px;
}
.common-file-manager
  .filemanger
  .top-folder-path
  .path-action-btns
  button:disabled,
.common-file-manager
  .filemanger
  .top-folder-path
  .path-action-btns
  button:disabled:hover {
  background-color: #fff;
  color: #999;
  cursor: not-allowed;
}
.common-file-manager .filemanger .top-menu {
  background-color: #f4f4f4;
  border-radius: 4px;
  padding: 6px;
  width: 100%;
}
.common-file-manager .filemanger .top-menu button {
  background-color: rgba(82, 82, 108, 0.15);
  border: 0;
  border-radius: 3px;
  cursor: pointer;
  font-size: 14px;
  margin: 4px;
  padding: 6px 12px;
}
.common-file-manager .filemanger .top-menu button i {
  margin-right: 8px;
}
[dir="rtl"] .common-file-manager .filemanger .top-menu button i {
  margin-left: 8px;
  margin-right: unset;
}
.common-file-manager .filemanger .top-menu button:hover {
  background-color: hsla(0, 0%, 80%, 0.8);
}
.common-file-manager .filemanger .top-menu button:disabled:hover {
  background-color: rgba(82, 82, 108, 0.15);
  cursor: not-allowed;
}
.common-file-manager .folderEmpty {
  display: none;
  padding: calc(40px + 3.125vw);
  text-align: center;
  width: 100%;
}
.common-file-manager .folderEmpty svg {
  animation: up-down 4s ease-in-out infinite;
  height: calc(60px + 12.5vw);
  width: calc(60px + 12.5vw);
}
.common-file-manager .folderEmpty h5 {
  font-size: calc(12.2px + 1.1875vw);
  margin: calc(4px + 5vw) 0 0;
  opacity: 0.4;
  padding: 0;
}
.common-file-manager .popup {
  align-items: center;
  display: flex;
  display: none;
  inset: 0;
  justify-content: center;
  position: fixed;
  z-index: 9;
}
.common-file-manager .popup .popup-bg {
  background-color: rgba(0, 0, 0, 0.6);
  height: 100vh;
  position: absolute;
  width: 100%;
  z-index: -1;
}
.common-file-manager .popup .popup-content {
  background-color: #f8f8f8;
  border-radius: 12px;
  height: auto;
  padding: 16px;
  text-align: center;
  width: 400px;
}
.common-file-manager .popup .popup-content h5 {
  font-size: 20px;
  margin-bottom: 12px;
}
.common-file-manager .popup .popup-content form {
  text-align: center;
}
.common-file-manager .popup .popup-content form input {
  border: 1px solid var(--recent-dashed-border);
  border-radius: 4px;
  font-size: 14px;
  height: 30px;
  padding: 8px;
  width: 100%;
}
.common-file-manager .popup .popup-content form input:focus-visible {
  outline: unset;
}
.common-file-manager .popup .popup-content form button {
  background-color: var(--theme-secondary);
  border: 0;
  border-radius: 6px;
  color: #f8f8f8;
  cursor: pointer;
  font-size: 14px;
  height: 35px;
  margin: 10px;
  padding: 6px;
  width: 100px;
}
.common-file-manager .popup .popup-content form button:hover {
  background-color: var(--theme-secondary);
}
.common-file-manager .toast-messages {
  align-items: end;
  bottom: 0;
  display: flex;
  flex-direction: column;
  max-height: 98vh;
  overflow: hidden;
  overflow-y: auto;
  padding: 1vh 2rem;
  position: fixed;
  right: 0;
  width: 400px;
  z-index: 8;
}
[dir="rtl"] .common-file-manager .toast-messages {
  left: 0;
  right: unset;
}
@media (max-width: 415px) {
  .common-file-manager .toast-messages {
    width: 308px;
  }
}
.common-file-manager .toast-messages .toast-container {
  align-items: center;
  background-color: var(--white);
  border-radius: 10px;
  box-shadow: 0 7px 29px 0 hsla(240, 5%, 41%, 0.2);
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  min-width: 300px;
  opacity: 0;
  padding: 10px;
  transition: 0.5s;
  width: -moz-fit-content;
  width: fit-content;
}
@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 button,
.common-file-manager .toast-messages .toast-container.toast-success p {
  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 button,
.common-file-manager .toast-messages .toast-container.toast-danger p {
  color: #fff;
}
.common-file-manager .toast-messages .toast-container.toast-inf button,
.common-file-manager .toast-messages .toast-container.toast-inf p {
  color: var(--body-font-color);
}
.common-file-manager .toast-messages .toast-container p {
  font-size: 15px;
  margin: 0;
}
@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 {
  align-items: center;
  background-color: transparent;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  font-size: 16px;
  height: 30px;
  justify-content: center;
  width: 30px;
}
.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;
  overflow: hidden;
  padding: 15px;
  position: relative;
}
.pricing-plan h5 {
  color: #898989;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 2px;
}
.pricing-plan h6 {
  font-weight: 800;
}
.pricing-plan p {
  color: #898989;
  margin-bottom: 5px;
}
.pricing-plan .btn {
  display: inline-block;
  padding: 0.05rem 0.4rem;
}
.pricing-plan .bg-img {
  animation: fadeIn-out 4s ease-in-out infinite;
  opacity: 0.3;
  position: absolute;
  right: -40px;
  top: 40px;
  transform: rotate(-45deg);
}
[dir="rtl"] .pricing-plan .bg-img {
  left: -40px;
  right: unset;
  transform: rotate(45deg);
}
@keyframes fadeIn-out {
  0%,
  to {
    opacity: 0.07;
  }
  50% {
    opacity: 0.4;
  }
}
@keyframes up-down {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
  to {
    transform: translateY(0);
  }
}
.profile-img-style img,
.scroll-bar-wrap img {
  width: 100%;
}
.gallery {
  margin-bottom: -30px;
}
.gallery > a {
  margin-bottom: 30px;
}
.gallery > a:before {
  align-items: center;
  background-color: hsla(0, 0%, 100%, 0.27);
  color: #000;
  content: "\edee";
  display: flex;
  font-family: IcoFont;
  font-size: 30px;
  height: calc(100% - 10px);
  justify-content: center;
  left: 20px;
  position: absolute;
  top: 5px;
  transform: scale(0);
  transition: all 0.3s ease;
  width: calc(100% - 40px);
}
.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 {
  border: 1px solid hsla(0, 0%, 80%, 0.6);
  border-radius: 0 0 5px 5px;
  margin-bottom: 30px;
  padding: 10px;
}
.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;
  font-size: calc(15.6px + 0.125vw);
  margin-top: 15px;
}
.gallery-with-description p {
  color: #a3a3a3;
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 3;
  height: auto;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lg-backdrop {
  background-color: #fff;
}
.lg-outer .lg-actions .lg-next,
.lg-outer .lg-actions .lg-prev {
  background-color: #fff;
  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: hsla(0, 0%, 100%, 0.45);
  border-bottom: 1px solid #3f475a;
}
.lg-outer #lg-counter,
.lg-outer .lg-toolbar .lg-icon:hover {
  color: #3f475a;
}
.lg-outer .lg-sub-html {
  background-color: hsla(0, 0%, 100%, 0.45);
}
.lg-outer .lg-sub-html h4 {
  color: #3f475a;
  font-size: inherit;
}
.lg-outer .lg-sub-html p {
  color: #3f475a;
}
.lg-outer .lg-thumb-outer {
  background-color: #e9edf1;
}
.lg-outer .lg-thumb-item {
  border: 1px solid #efefef;
  border-radius: 0;
  padding: 4px;
}
.lg-outer .lg-thumb-item .active,
.lg-outer .lg-thumb-item:hover {
  border-color: #000;
}
.gallery a:after,
.gallery a:before {
  content: none;
}
.gallery .img-hover > div {
  overflow: hidden;
}
.gallery .hover-1 img {
  transform: scale(1);
  transition: 0.3s ease-in-out;
}
.gallery .hover-1 img:hover {
  transform: scale(1.2);
}
.gallery .hover-2 img {
  height: auto;
  transform: translateX(0);
  transition: 0.3s ease-in-out;
  width: 100%;
}
.gallery .hover-2:hover img {
  transform: translateX(40px) scale(1.2);
}
.gallery .hover-3 img {
  transform: scale(1.2);
  transition: 0.3s ease-in-out;
}
.gallery .hover-3:hover img {
  transform: scale(1);
}
.gallery .hover-4 img {
  transform: scale(1.5);
  transition: 0.3s ease-in-out;
}
.gallery .hover-4:hover img {
  transform: scale(1);
}
.gallery .hover-5 img {
  margin-left: 30px;
  transform: scale(1.3);
  transition: 0.3s ease-in-out;
}
.gallery .hover-5:hover img {
  margin-left: 0;
}
.gallery .hover-6 img {
  transform: rotate(15deg) scale(1.4);
  transition: 0.3s ease-in-out;
}
.gallery .hover-6:hover img {
  transform: rotate(0) scale(1);
}
.gallery .hover-7 img {
  filter: blur(3px);
  transition: 0.3s ease-in-out;
}
.gallery .hover-7:hover img {
  filter: blur(0);
}
.gallery .hover-8 img {
  filter: grayscale(100%);
  transition: 0.3s ease-in-out;
}
.gallery .hover-8:hover img {
  filter: grayscale(0);
}
.gallery .hover-9 img {
  filter: sepia(100%);
  transition: 0.3s ease-in-out;
}
.gallery .hover-9:hover img {
  filter: sepia(0);
}
.gallery .hover-10 img {
  filter: grayscale(0) blur(0);
  transition: 0.3s ease-in-out;
}
.gallery .hover-10:hover img {
  filter: grayscale(100%) blur(3px);
}
.gallery .hover-11 img {
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.gallery .hover-11:hover img {
  opacity: 0.5;
}
@keyframes flash {
  0% {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
.gallery .hover-13:hover img {
  animation: flash 1.5s;
  opacity: 1;
}
@keyframes shine {
  to {
    left: 125%;
  }
}
.gallery .hover-14 div {
  position: relative;
}
.gallery .hover-14 div:before {
  background: linear-gradient(
    90deg,
    hsla(0, 0%, 100%, 0) 0,
    hsla(0, 0%, 100%, 0.3)
  );
  content: "";
  display: block;
  height: 100%;
  left: -75%;
  position: absolute;
  top: 0;
  transform: skewX(-25deg);
  width: 50%;
  z-index: 2;
}
.gallery .hover-14 div:hover:before {
  animation: shine 0.75s;
}
.gallery .hover-15 div {
  position: relative;
}
.gallery .hover-15 div:before {
  background: hsla(0, 0%, 100%, 0.2);
  border-radius: 100%;
  content: "";
  display: block;
  height: 0;
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 0;
  z-index: 2;
}
.gallery .hover-15 div:hover:before {
  animation: circle 0.75s;
}
.gallery .hover-16 {
  position: relative;
}
.gallery .hover-16 .overlay-hover {
  background-color: rgba(0, 0, 0, 0.4);
  gap: 15px;
  height: 100%;
  inset: 0;
  opacity: 0;
  padding: 18px;
  position: absolute;
  transition: 0.5s ease;
  visibility: hidden;
  width: 100%;
}
.gallery .hover-16 .overlay-hover .overlay-content {
  text-align: center;
}
.gallery .hover-16 .overlay-hover .overlay-content h5,
.gallery .hover-16 .overlay-hover .overlay-content p {
  color: #fff;
}
@media (max-width: 1645px) and (min-width: 1460px) {
  .gallery .hover-16 .overlay-hover .overlay-content h5,
  .gallery .hover-16 .overlay-hover .overlay-content p {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    height: auto;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media (max-width: 1459px) and (min-width: 1200px) {
  .gallery .hover-16 .overlay-hover .overlay-content h5,
  .gallery .hover-16 .overlay-hover .overlay-content p {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 1;
    height: auto;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media (max-width: 429px) {
  .gallery .hover-16 .overlay-hover .overlay-content h5,
  .gallery .hover-16 .overlay-hover .overlay-content p {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    height: auto;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.gallery .hover-16:hover .overlay-hover {
  opacity: 1;
  visibility: visible;
}
.gallery figure:nth-child(3) .hover-16 .overlay-hover .overlay-content {
  text-align: left;
}
@keyframes circle {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  to {
    height: 200%;
    opacity: 0;
    width: 200%;
  }
}
*,
:after,
:before {
  box-sizing: border-box;
}
.grid {
  position: relative;
}
.grid:after {
  clear: both;
  content: "";
  display: block;
}
.grid-item img {
  background-color: #fff;
  border: 1px solid #dee2e6;
  max-width: 100%;
  padding: 0.25rem;
}
.gallery-with-description .grid-item img {
  border: 0;
  padding: 0;
}
.my-gallery.gallery-with-description .pswp .pswp__img {
  border: none !important;
}
.my-gallery.gallery-with-description .pswp__caption__center h4 {
  color: #ccc;
}
.my-gallery.gallery-with-description .pswp__caption__center p {
  color: #6c757d;
}
.my-gallery.gallery-with-description .pswp__caption__center ul {
  display: none;
}
.gallery-description-skeleton {
  padding: 20px;
}
.gallery-description-skeleton .skeleton-wrapper {
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 10px;
}
.gallery-description-skeleton .skeleton-wrapper .skeleton-image {
  animation: wave-square-lines 2s ease-out infinite;
  background: linear-gradient(
    90deg,
    hsla(0, 0%, 54%, 0.02) 2%,
    hsla(0, 0%, 51%, 0.02) 0,
    hsla(0, 0%, 54%, 0.1) 14%
  );
  background-size: 800px 100px;
  height: 250px;
  width: 100%;
}
.gallery-description-skeleton .skeleton-wrapper .skeleton-caption {
  padding: 18px 0 5px;
}
.gallery-description-skeleton
  .skeleton-wrapper
  .skeleton-caption
  .skeleton-name {
  height: 20px;
  margin-bottom: 12px;
  width: 80%;
}
.gallery-description-skeleton
  .skeleton-wrapper
  .skeleton-caption
  .skeleton-desc,
.gallery-description-skeleton
  .skeleton-wrapper
  .skeleton-caption
  .skeleton-name {
  animation: wave-square-lines 2s ease-out infinite;
  background: linear-gradient(
    90deg,
    hsla(0, 0%, 54%, 0.02) 2%,
    hsla(0, 0%, 51%, 0.02) 0,
    hsla(0, 0%, 54%, 0.1) 14%
  );
  background-size: 800px 100px;
  border-radius: 3px;
}
.gallery-description-skeleton
  .skeleton-wrapper
  .skeleton-caption
  .skeleton-desc {
  height: 13px;
  width: 100%;
}
.gallery-description-skeleton
  .skeleton-wrapper
  .skeleton-caption
  .skeleton-desc
  + .skeleton-desc {
  margin-top: 6px;
}
.loader_skeleton ~ .my-gallery {
  display: none;
}
.helper-common-box {
  align-items: center;
  display: flex;
  gap: 8px;
  margin-bottom: 16px;
}
.helper-common-box:last-child {
  margin-bottom: 0;
}
.helper-common-box.helper-p-wrapper {
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 0;
}
.helper-common-box .border-common-box {
  background-color: var(--light-background);
  border-color: var(--recent-dashed-border);
  border-radius: 10px;
  height: 50px;
  padding: 12px;
  width: auto;
}
.helper-common-box .border,
.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 {
  border-radius: 25%;
  height: 40px;
  width: 40px;
}
.helper-box.helper-text {
  align-items: center;
  display: flex;
  font-weight: 900;
  justify-content: center;
}
.helper-radius {
  height: 30px;
  width: 60px;
}
.fill-wrapper {
  background-color: #f4f4f4;
}
.gradient-border {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
}
@media (max-width: 1200px) {
  .gradient-border {
    gap: calc(9.72727px + 1.02273vw);
  }
}
.radius-wrapper {
  background-color: #efefef;
}
.font-wrapper {
  align-items: center;
  display: flex;
  padding: 12px 20px;
}
.helper-padding {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.helper-p-box {
  align-items: center;
  display: flex;
  justify-content: center;
}
.helper-p-box span {
  color: var(--body-font-color);
}
.common-p-box {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (max-width: 1746px) and (min-width: 992px) {
  .helper-col-6 {
    flex: 0 0 auto;
    width: 50%;
  }
}
@media (max-width: 1399px) and (min-width: 992px) {
  .helper-height-equal {
    min-height: auto !important;
  }
}
.hdg_main {
  position: relative;
}
.main .langChoice {
  background-color: #7366ff;
  color: #fff;
  padding: 10px 12px;
  position: absolute;
  right: 20px;
  top: 10px;
}
.main .langChoice:focus-visible {
  outline: none;
}
@media (max-width: 991px) {
  .main .langChoice {
    padding: 8px;
    right: 20px;
    top: 11px;
  }
}
@media only screen and (max-width: 575px) {
  .main .langChoice {
    padding: 4px 7px;
    top: 14px;
  }
  .language-xs {
    margin-top: 15px;
  }
}
@media only screen and (max-width: 360px) {
  .language-header {
    padding-bottom: 60px !important;
  }
  .main .langChoice {
    left: 0;
    margin-left: auto;
    right: 20px;
    top: 50px;
    width: 30%;
  }
}
.main-invoice-1 body {
  color: #000248;
  display: block;
  font-family: Rubik, sans-serif;
}
.main-invoice-1 .table-wrapper {
  width: 100%;
}
.main-invoice-1 h2 {
  font-size: 34px;
  font-weight: 500;
  margin: 0;
}
.main-invoice-1 h6 {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  margin: 0;
}
.main-invoice-1 span {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}
.main-invoice-1 .banner-image {
  margin: 13px 0 10px;
  width: 100%;
}
.main-invoice-1 .order-details td span {
  display: block;
  margin-bottom: -4px;
}
.main-invoice-1 .order-details td:first-child,
.main-invoice-1 .order-details th:first-child {
  min-width: 490px;
}
.main-invoice-1 .order-details td:nth-child(2),
.main-invoice-1 .order-details th:nth-child(2) {
  width: 20%;
}
@media (max-width: 1199px) {
  .main-invoice-1 .table-wrapper {
    width: 930px;
  }
  .main-invoice-1 .address {
    width: 21% !important;
  }
}
.invoice-table {
  margin-bottom: 16px;
  margin-top: 16px;
}
.invoice .text-right input {
  margin-top: 6px;
}
.invoice .d-flex {
  align-items: center;
}
@media (max-width: 767px) {
  .invoice .d-flex {
    padding-bottom: 8px;
  }
}
.filter-cards-view .job-filter:first-child {
  margin-bottom: 20px;
}
.filter-cards-view .checkbox-animated {
  margin-bottom: 20px;
  margin-top: 20px;
}
.location-checkbox .form-check {
  align-items: center;
  display: flex;
  justify-content: flex-start;
  margin-bottom: 12px;
  padding: 0;
}
.location-checkbox .form-check .form-check-label {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.location-checkbox span {
  color: #999;
  padding-left: 33px;
}
[dir="rtl"] .location-checkbox span {
  padding-left: unset;
  padding-right: 33px;
}
.location-checkbox .number {
  color: rgba(82, 82, 108, 0.8);
}
.job-accordion .card {
  border-radius: 5px;
  margin-bottom: 20px;
}
.job-accordion .btn-block {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.job-search p {
  margin-top: 20px;
}
.job-search .d-flex .flex-grow-1 h6 {
  margin-bottom: 3px;
}
.job-search .d-flex .flex-grow-1 h6 span {
  color: #999;
  font-size: 12px;
  font-weight: 400;
}
.job-search .d-flex .flex-grow-1 h6 span.badge {
  color: #fff;
}
.job-search .d-flex .flex-grow-1 p {
  color: #999;
  margin-top: 0;
}
.job-search .job-description {
  margin-top: 20px;
}
.job-search .job-description h6 {
  font-weight: 500;
  margin-bottom: 6px;
}
.job-search .job-description p {
  margin-bottom: 6px;
  margin-top: 0;
}
.job-search
  .job-description
  ul:not(.job-apply-wrapper .job-search .job-description ul) {
  list-style-position: inside;
  list-style-type: disc;
}
.job-search
  .job-description
  ul:not(.job-apply-wrapper .job-search .job-description ul)
  li {
  color: rgba(82, 82, 108, 0.8);
  margin-bottom: 10px;
}
.job-search
  .job-description
  ul:not(.job-apply-wrapper .job-search .job-description ul)
  li:last-child {
  margin-bottom: 0;
}
.job-search .job-description .theme-form {
  margin-bottom: 30px;
  margin-top: 30px;
}
.job-search
  .job-description
  .theme-form
  .row
  div[class^="col-"]
  + div[class^="col-"]
  .select2-container {
  margin-top: 18px;
}
.job-search
  .job-description
  .theme-form
  .row
  div[class^="col-"]
  .input-group
  .datepicker-here {
  border: 1px solid #ccc;
  font-size: 14px;
  padding-bottom: 12px;
  padding-top: 12px;
}
.select2-container .select2-selection--single {
  border-color: #efefef;
  border-radius: 0.25rem !important;
  height: 47px !important;
  padding: 10px;
}
.job-pagination {
  margin-bottom: 30px;
}
.job-pagination nav ul {
  justify-content: flex-end;
}
.job-pagination .page-item .page-link {
  box-shadow: unset;
}
.job-sidebar .job-accordion .card-body.animate-chk:not(.filter-cards-view) {
  border-radius: 0;
}
.job-sidebar
  .job-accordion
  .card-body.animate-chk:not(.filter-cards-view)
  .form-check {
  align-items: center;
  display: flex;
  justify-content: flex-start;
  margin-bottom: 12px;
  padding: 0;
}
.job-sidebar
  .job-accordion
  .card-body.animate-chk:not(.filter-cards-view)
  .form-check
  .form-check-label {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media (max-width: 1299px) {
  .job-sidebar
    .job-accordion
    .card-body.animate-chk:not(.filter-cards-view)
    .form-check
    .form-check-label
    span:first-child:not(.product-filter .product-rate span:first-child) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100px;
  }
}
.job-sidebar
  .job-accordion
  .card-body.animate-chk:not(.filter-cards-view)
  .form-check
  .form-check-label
  .number {
  color: rgba(82, 82, 108, 0.8);
  display: block;
  overflow: hidden;
  text-align: end;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 145px;
}
@media (max-width: 1199px) and (min-width: 440px) {
  .card-view-wrapper .md-sidebar .md-sidebar-aside,
  .job-apply-wrapper .md-sidebar .md-sidebar-aside,
  .job-details-wrapper .md-sidebar .md-sidebar-aside,
  .list-view-wrapper .md-sidebar .md-sidebar-aside {
    width: 365px;
  }
}
.card-view-wrapper
  .job-sidebar
  .job-accordion
  .animate-chk
  .form-check
  .form-check-label
  .number,
.job-apply-wrapper
  .job-sidebar
  .job-accordion
  .animate-chk
  .form-check
  .form-check-label
  .number,
.job-details-wrapper
  .job-sidebar
  .job-accordion
  .animate-chk
  .form-check
  .form-check-label
  .number,
.list-view-wrapper
  .job-sidebar
  .job-accordion
  .animate-chk
  .form-check
  .form-check-label
  .number {
  width: 70px;
}
@media only screen and (max-width: 1366px) {
  .xl-mt-job {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .filter-cards-view {
    padding: 20px !important;
  }
  .filter-cards-view .job-filter:first-child {
    margin-bottom: 20px;
  }
  .filter-cards-view .checkbox-animated {
    margin-bottom: 20px;
    margin-top: 20px;
  }
  .job-accordion .animate-chk {
    padding: 20px !important;
  }
  .job-search p {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .filter-cards-view {
    padding: 15px !important;
  }
  .filter-cards-view .job-filter:first-child {
    margin-bottom: 15px;
  }
  .filter-cards-view .checkbox-animated {
    margin-bottom: 15px;
    margin-top: 15px;
  }
  .job-accordion .animate-chk {
    padding: 15px !important;
  }
  .job-search p {
    margin-top: 15px;
  }
  .job-search .d-flex {
    display: block !important;
    text-align: center;
  }
  .job-search .d-flex .flex-grow-1 h6 .pull-right {
    display: block;
    float: none;
    margin-top: 3px;
  }
  .job-search .d-flex .flex-grow-1 p span + span {
    display: block;
  }
  .job-search .d-flex img {
    margin-bottom: 15px;
  }
  .job-search .d-flex .m-r-20 {
    margin-left: unset;
    margin-right: 20px;
  }
  .job-search .job-description {
    margin-top: 15px;
  }
  .job-search .job-description .theme-form {
    margin-bottom: 15px;
    margin-top: 15px;
  }
  .job-search
    .job-description
    .theme-form
    .row
    div[class^="col-"]
    + div[class^="col-"]
    .select2-container {
    margin-top: 2px;
  }
  .job-search .job-description .theme-form .xs-mt-period {
    margin-top: 15px;
  }
  .job-pagination,
  .xl-mt-job {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 360px) {
  .job-search .job-description .btn {
    padding: 6px 12px;
  }
}
.select-date
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  right: 12px;
  top: 9px;
}
.job-apply-wrapper .job-search .job-description .theme-form .dropdown-toggle {
  height: 47px;
  padding: 12px;
}
.job-apply-wrapper .job-accordion .filter-cards-view .form-check {
  align-items: center;
  display: flex;
  justify-content: flex-start;
  margin-bottom: 12px;
  padding: 0;
}
.job-apply-wrapper
  .job-accordion
  .filter-cards-view
  .form-check
  .form-check-label {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.job-apply-wrapper
  .job-accordion
  .filter-cards-view
  .form-check
  .form-check-label
  .number {
  color: rgba(82, 82, 108, 0.8);
}
.candidate-wrapper .form-select {
  color: rgba(82, 82, 108, 0.8);
  font-size: 14px;
}
.candidate-wrapper
  .card-body
  .common-f-start:not(.candidate-wrapper .candidates-box .common-f-start) {
  margin-top: 42px;
}
@media (max-width: 767px) {
  .candidate-wrapper
    .card-body
    .common-f-start:not(.candidate-wrapper .candidates-box .common-f-start) {
    margin-top: 23px;
  }
}
.candidate-wrapper
  .candidates-box
  .table-responsive
  .dt-container
  .dt-layout-row
  .dt-search {
  right: 20px;
}
.candidate-wrapper
  .candidates-box
  .table-responsive
  .dt-container
  .dt-layout-row
  .dt-search
  .dt-input {
  border-radius: 6px;
  opacity: 1;
  padding: 6px;
  width: auto;
}
.candidate-wrapper
  .candidates-box
  .table-responsive
  .dt-container
  .dt-layout-row
  .dt-search
  .dt-input:focus::-moz-placeholder {
  opacity: 0;
}
.candidate-wrapper
  .candidates-box
  .table-responsive
  .dt-container
  .dt-layout-row
  .dt-search
  .dt-input:focus::placeholder {
  opacity: 0;
}
@media (max-width: 640px) and (min-width: 400px) {
  .candidate-wrapper
    .candidates-box
    .table-responsive
    .dt-container
    .dt-layout-row
    .dt-search {
    left: unset;
    position: absolute;
    right: 20px;
    top: 20px;
  }
}
@media (max-width: 399px) {
  .candidate-wrapper
    .candidates-box
    .table-responsive
    .dt-container
    .dt-layout-row
    .dt-search {
    left: 0;
    position: relative;
    right: unset;
    top: 20px;
  }
}
.candidate-wrapper
  .candidates-box
  .table-responsive
  .dt-container
  .dt-layout-row:first-child {
  padding: 20px 20px 35px;
}
.candidate-wrapper
  .candidates-box
  .table-responsive
  .dt-container
  table.dataTable
  tbody
  tr
  td,
.candidate-wrapper
  .candidates-box
  .table-responsive
  .dt-container
  table.dataTable
  tbody
  tr
  th,
.candidate-wrapper
  .candidates-box
  .table-responsive
  .dt-container
  table.dataTable
  thead
  tr
  td,
.candidate-wrapper
  .candidates-box
  .table-responsive
  .dt-container
  table.dataTable
  thead
  tr
  th {
  color: var(--body-font-color);
  min-width: auto;
}
.candidate-wrapper
  .candidates-box
  .table-responsive
  .dt-container
  table.dataTable
  tbody
  tr
  td:first-child,
.candidate-wrapper
  .candidates-box
  .table-responsive
  .dt-container
  table.dataTable
  tbody
  tr
  th:first-child,
.candidate-wrapper
  .candidates-box
  .table-responsive
  .dt-container
  table.dataTable
  thead
  tr
  td:first-child,
.candidate-wrapper
  .candidates-box
  .table-responsive
  .dt-container
  table.dataTable
  thead
  tr
  th:first-child {
  padding-left: 20px;
}
.candidate-wrapper
  .candidates-box
  .table-responsive
  .dt-container
  table.dataTable
  tbody
  tr
  td:last-child,
.candidate-wrapper
  .candidates-box
  .table-responsive
  .dt-container
  table.dataTable
  tbody
  tr
  th:last-child,
.candidate-wrapper
  .candidates-box
  .table-responsive
  .dt-container
  table.dataTable
  thead
  tr
  td:last-child,
.candidate-wrapper
  .candidates-box
  .table-responsive
  .dt-container
  table.dataTable
  thead
  tr
  th:last-child {
  min-width: 128px;
  padding-right: 20px;
}
.candidate-wrapper
  .candidates-box
  .table-responsive
  .dt-container
  table.dataTable
  tbody
  tr
  td:nth-child(2),
.candidate-wrapper
  .candidates-box
  .table-responsive
  .dt-container
  table.dataTable
  tbody
  tr
  th:nth-child(2),
.candidate-wrapper
  .candidates-box
  .table-responsive
  .dt-container
  table.dataTable
  thead
  tr
  td:nth-child(2),
.candidate-wrapper
  .candidates-box
  .table-responsive
  .dt-container
  table.dataTable
  thead
  tr
  th:nth-child(2) {
  min-width: 200px;
}
.candidate-wrapper
  .candidates-box
  .table-responsive
  .dt-container
  table.dataTable
  tbody
  tr
  td:nth-child(3),
.candidate-wrapper
  .candidates-box
  .table-responsive
  .dt-container
  table.dataTable
  tbody
  tr
  th:nth-child(3),
.candidate-wrapper
  .candidates-box
  .table-responsive
  .dt-container
  table.dataTable
  thead
  tr
  td:nth-child(3),
.candidate-wrapper
  .candidates-box
  .table-responsive
  .dt-container
  table.dataTable
  thead
  tr
  th:nth-child(3) {
  min-width: 150px;
}
.candidate-wrapper
  .candidates-box
  .table-responsive
  .dt-container
  table.dataTable
  tbody
  tr
  td:nth-child(4),
.candidate-wrapper
  .candidates-box
  .table-responsive
  .dt-container
  table.dataTable
  tbody
  tr
  th:nth-child(4),
.candidate-wrapper
  .candidates-box
  .table-responsive
  .dt-container
  table.dataTable
  thead
  tr
  td:nth-child(4),
.candidate-wrapper
  .candidates-box
  .table-responsive
  .dt-container
  table.dataTable
  thead
  tr
  th:nth-child(4) {
  min-width: 200px;
}
.candidate-wrapper
  .candidates-box
  .table-responsive
  .dt-container
  table.dataTable
  tbody
  tr
  td
  a,
.candidate-wrapper
  .candidates-box
  .table-responsive
  .dt-container
  table.dataTable
  tbody
  tr
  th
  a,
.candidate-wrapper
  .candidates-box
  .table-responsive
  .dt-container
  table.dataTable
  thead
  tr
  td
  a,
.candidate-wrapper
  .candidates-box
  .table-responsive
  .dt-container
  table.dataTable
  thead
  tr
  th
  a {
  color: var(--body-font-color);
}
@media (max-width: 1399px) and (min-width: 1200px) {
  .candidate-wrapper
    .candidates-box
    .table-responsive
    .dt-container
    table.dataTable
    tbody
    tr
    td:nth-child(4),
  .candidate-wrapper
    .candidates-box
    .table-responsive
    .dt-container
    table.dataTable
    tbody
    tr
    th:nth-child(4),
  .candidate-wrapper
    .candidates-box
    .table-responsive
    .dt-container
    table.dataTable
    thead
    tr
    td:nth-child(4),
  .candidate-wrapper
    .candidates-box
    .table-responsive
    .dt-container
    table.dataTable
    thead
    tr
    th:nth-child(4) {
    display: none;
  }
}
@media (max-width: 1199px) {
  .candidate-wrapper
    .candidates-box
    .table-responsive
    .dt-container
    table.dataTable
    tbody
    tr
    td:nth-child(3),
  .candidate-wrapper
    .candidates-box
    .table-responsive
    .dt-container
    table.dataTable
    tbody
    tr
    th:nth-child(3),
  .candidate-wrapper
    .candidates-box
    .table-responsive
    .dt-container
    table.dataTable
    thead
    tr
    td:nth-child(3),
  .candidate-wrapper
    .candidates-box
    .table-responsive
    .dt-container
    table.dataTable
    thead
    tr
    th:nth-child(3) {
    min-width: 225px;
  }
  .candidate-wrapper
    .candidates-box
    .table-responsive
    .dt-container
    table.dataTable
    tbody
    tr
    td:nth-child(5),
  .candidate-wrapper
    .candidates-box
    .table-responsive
    .dt-container
    table.dataTable
    tbody
    tr
    th:nth-child(5),
  .candidate-wrapper
    .candidates-box
    .table-responsive
    .dt-container
    table.dataTable
    thead
    tr
    td:nth-child(5),
  .candidate-wrapper
    .candidates-box
    .table-responsive
    .dt-container
    table.dataTable
    thead
    tr
    th:nth-child(5) {
    min-width: 230px;
  }
}
.candidate-wrapper
  .candidates-box
  .table-responsive
  .dt-container
  table.dataTable
  tbody
  td {
  padding-block: 20px;
}
.candidate-wrapper
  .candidates-box
  .table-responsive
  .dt-container
  table.dataTable
  tbody
  td
  .d-flex {
  gap: 6px;
  justify-content: center;
}
.candidate-wrapper .candidates-box img {
  height: 38px;
}
.candidate-wrapper .candidates-box .status {
  border-radius: 50%;
  bottom: 2px;
  height: 10px;
  position: absolute;
  right: 2px;
  width: 10px;
}
.candidate-wrapper .candidates-box .status .inner-dot {
  animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
  border: 2px solid #fff;
  border-radius: 15px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  display: block;
  height: 100%;
  left: 2px;
  position: absolute;
  top: 2px;
  width: 100%;
}
@keyframes pulse-dot {
  0% {
    transform: scale(1.1);
  }
  50% {
    transform: scale(0.9);
  }
  to {
    transform: scale(1.1);
  }
}
.candidate-wrapper .candidates-box .common-f-start {
  gap: 10px;
  margin-top: 4px;
}
.candidate-wrapper .candidates-box .common-f-start .attachment {
  background: #e9edf1;
  border-radius: 30px;
  color: rgba(82, 82, 108, 0.8);
  display: inline-block;
  font-size: 12px;
  margin-top: 5px;
  padding: 2px 8px;
}
.candidate-wrapper .candidates-box .common-f-start .attachment i {
  margin-right: 4px;
}
.candidate-wrapper .candidates-box .candidate-desc li h6 {
  line-height: 1.3;
  margin-bottom: 0;
}
.candidate-wrapper .candidates-box .candidate-desc li p {
  color: rgba(82, 82, 108, 0.8);
  margin-bottom: 0;
}
.candidate-wrapper .candidates-box .candidate-desc li span {
  color: #52526c;
  font-weight: 400;
}
.candidate-wrapper .candidates-box .candidate-desc li:last-child {
  margin-top: 2px;
}
.candidate-wrapper .candidates-box .candidate-desc h6 {
  margin-bottom: 6px;
}
.candidate-wrapper .candidates-box .candidate-skill li .common-flex {
  gap: 8px;
}
.candidate-wrapper .candidates-box .candidate-skill .badge + .badge {
  margin: 0;
}
.candidate-wrapper .candidates-box .candidate-skill p {
  color: rgba(82, 82, 108, 0.8);
}
.candidate-wrapper .candidates-box .candidate-skill span:not(.badge) {
  color: #52526c;
  font-weight: 500;
}
.candidate-wrapper .candidates-box .educations p {
  color: rgba(82, 82, 108, 0.8);
  margin-bottom: 0;
}
.candidate-wrapper .candidates-box .educations li {
  margin-bottom: 12px;
}
.candidate-wrapper .candidates-box .educations li:last-child {
  margin-bottom: 0;
}
.candidate-wrapper .candidates-box .educations li h6 {
  margin-bottom: 6px;
}
.candidate-wrapper .candidates-box .badge {
  font-size: 12px;
  padding: 6px 10px;
}
.candidate-wrapper .candidates-box .btn {
  padding: calc(3.2px + 0.25vw) calc(7.2px + 0.25vw);
}
.company-box {
  text-align: center;
}
.company-box svg {
  height: 40px;
  width: calc(24px + 1.875vw);
}
.company-box .company-name .main-star-rating {
  margin: 10px 0 6px;
}
.company-box .company-name .main-star-rating .common-flex {
  gap: 2px;
}
.company-box .company-name .main-star-rating i {
  font-size: 14px;
}
.company-box .company-name .company-desc {
  border-top: 1px dashed #e9edf1;
  margin-top: 10px;
  padding: 10px 0 16px;
}
.company-box .company-name .company-desc p {
  color: #75758a;
  display: -webkit-box;
  line-height: 1.5;
  max-width: 100%;
  -webkit-line-clamp: 2;
  height: auto;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.company-box .company-name .company-category {
  border-radius: 8px;
  display: inline-block;
  font-size: 13px;
  padding: 3px 6px;
}
.company-box .company-name .company-category i {
  margin-right: 8px;
  vertical-align: middle;
}
[dir="rtl"] .company-box .company-name .company-category i {
  margin-left: 8px;
  margin-right: unset;
  transform: scaleX(1);
}
.filter-companies .accordion-item {
  border: none;
  border-radius: 6px;
}
.filter-companies .accordion-item + .accordion-item {
  margin-top: 16px;
}
.filter-companies .accordion-item .accordion-header .accordion-button {
  background-color: rgba(115, 102, 255, 0.1);
  border-radius: 6px;
  color: var(--theme-default);
  font-size: 16px;
  font-weight: 500;
  justify-content: space-between;
  padding: 12px 16px;
  transition: all 0.4s ease;
}
.filter-companies
  .accordion-item
  .accordion-header
  .accordion-button.collapsed {
  background-color: #f7f8f9;
  color: #242934;
  transition: all 0.4s ease;
}
.filter-companies .accordion-item .accordion-header .accordion-button:after {
  content: unset;
}
.filter-companies .accordion-item .accordion-header .accordion-button svg {
  inset: 0;
  position: unset;
}
.filter-companies .accordion-item .accordion-body {
  padding: 16px 14px 0;
}
.filter-companies .accordion-item .product-filter label {
  color: #404040;
  cursor: pointer;
}
.filter-companies .accordion-item .product-filter label:last-child {
  margin-bottom: 0;
}
@media (max-width: 1299px) {
  .main-companies
    .filter-companies
    .accordion
    .accordion-item
    .product-filter
    .form-check
    .form-check-label
    span:first-child:not(.product-filter .product-rate span:first-child) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 145px;
  }
}
@media (max-width: 1199px) {
  .main-companies .md-sidebar .card {
    border-radius: 0;
    margin: 0;
  }
  .main-companies .md-sidebar .md-sidebar-aside {
    padding: 0;
    width: calc(289px + 1.875vw);
  }
}
.jsgrid .jsgrid-grid-body .jsgrid-cell {
  padding: 0.75rem;
}
.jsgrid .jsgrid-pager-container {
  text-align: right;
}
.jsgrid .jsgrid-pager {
  margin-top: 20px;
  padding: 0;
}
.jsgrid .jsgrid-pager .jsgrid-pager-nav-inactive-button {
  margin-right: -5px;
}
.jsgrid .jsgrid-pager .jsgrid-pager-nav-inactive-button:first-child {
  border-radius: 5px 0 0 5px;
}
.jsgrid .jsgrid-pager .jsgrid-pager-page ~ .jsgrid-pager-nav-button {
  margin-left: -5px;
}
.jsgrid .jsgrid-pager .jsgrid-pager-page ~ .jsgrid-pager-nav-button:last-child {
  border-radius: 0 5px 5px 0;
}
.jsgrid .jsgrid-pager [class*="jsgrid-pager"] {
  border: 1px solid #f4f4f4;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
}
.jsgrid .jsgrid-pager .jsgrid-pager-current-page,
.jsgrid .jsgrid-pager .jsgrid-pager-page a {
  color: #3f475a;
}
.jsgrid .jsgrid-selected-row > .jsgrid-cell {
  background: #f4f4f4;
  border-color: #fafafa;
}
.jsgrid .jsgrid-header-row > .jsgrid-header-cell {
  font-weight: 500;
  padding: 0.75rem;
}
#editor6.ql-bubble .ql-tooltip {
  background-color: var(--body-font-color);
  padding: 12px;
}
#editor6.ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow {
  border-bottom: 6px solid var(--body-font-color);
}
#editor6.ql-bubble .ql-tooltip-editor input[type="text"] {
  color: var(--white);
}
#editor6 #toolbar6 .ql-formats {
  margin: 8px 8px 8px -3px;
}
#editor6 #toolbar6 .ql-formats .ql-fill,
#editor6 #toolbar6 .ql-formats .ql-stroke {
  stroke: var(--white);
}
.ql-formats .ql-picker-label:before {
  color: #1d1e26;
}
.ql-formats .ql-picker-label svg .ql-stroke {
  stroke: var(--body-font-color) !important;
}
[dir="rtl"] .ql-formats .ql-picker-label svg {
  left: 0;
  right: unset !important;
}
.ql-formats .ql-script,
.ql-formats .ql-stroke {
  stroke: var(--body-font-color);
}
[dir="rtl"] .ql-editor ol {
  padding-left: unset !important;
  padding-right: 24px;
}
[dir="rtl"] .ql-editor ol li:not(.ql-direction-rtl):before {
  margin-left: unset;
  margin-right: unset;
}
[dir="rtl"] .ql-editor ul {
  padding-left: unset !important;
  padding-right: 24px;
}
[dir="rtl"] .ql-editor ul li:not(.ql-direction-rtl):before {
  margin-left: unset;
  margin-right: unset;
}
.quill-paragraph ol li,
.quill-paragraph p,
.quill-paragraph ul li {
  color: var(--body-font-color);
}
.ql-toolbar.ql-snow button.ql-active svg .ql-stroke {
  stroke: var(--theme-default);
}
.ql-toolbar.ql-snow button.ql-active svg .ql-fill {
  fill: var(--theme-default);
}
.ql-toolbar.ql-snow .ql-formats .ql-blockquote:hover,
.ql-toolbar.ql-snow .ql-formats .ql-header:hover,
.ql-toolbar.ql-snow .ql-formats .ql-picker-label:hover,
.ql-toolbar.ql-snow .ql-formats .ql-script:hover,
.ql-toolbar.ql-snow .ql-formats .ql-strike:hover,
.ql-toolbar.ql-snow .ql-formats .ql-video:hover {
  color: var(--theme-default);
  stroke: var(--theme-default);
}
.ql-toolbar.ql-snow .ql-formats .ql-blockquote:hover .ql-fill,
.ql-toolbar.ql-snow .ql-formats .ql-header:hover .ql-fill,
.ql-toolbar.ql-snow .ql-formats .ql-picker-label:hover .ql-fill,
.ql-toolbar.ql-snow .ql-formats .ql-script:hover .ql-fill,
.ql-toolbar.ql-snow .ql-formats .ql-strike:hover .ql-fill,
.ql-toolbar.ql-snow .ql-formats .ql-video:hover .ql-fill {
  fill: var(--theme-default);
}
.ql-toolbar.ql-snow .ql-formats .ql-picker-options .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-formats .ql-picker-options .ql-picker-item:hover {
  color: var(--theme-default);
}
.ql-toolbar.ql-snow .ql-formats .ql-video:hover .ql-fill {
  fill: var(--theme-default);
}
.ql-toolbar.ql-snow .ql-formats .ql-align:hover .ql-stroke,
.ql-toolbar.ql-snow .ql-formats .ql-clean:hover .ql-stroke {
  stroke: var(--theme-default);
}
.ql-toolbar.ql-snow .ql-formats .ql-clean:hover .ql-fill {
  fill: var(--theme-default);
}
.ql-toolbar.ql-snow .ql-formats .ql-header .ql-stroke,
.ql-toolbar.ql-snow .ql-formats .ql-picker-label:hover .ql-color-label,
.ql-toolbar.ql-snow .ql-formats .ql-picker-label:hover .ql-stroke {
  stroke: var(--theme-default);
}
.ql-toolbar.ql-snow .ql-formats .ql-blockquote:hover .ql-fill {
  fill: var(--theme-default);
  stroke: var(--theme-default);
}
.ql-toolbar.ql-snow .ql-formats .ql-code-block:hover {
  color: var(--theme-default);
}
.ql-toolbar.ql-snow .ql-formats .ql-code-block:hover .ql-even,
.ql-toolbar.ql-snow .ql-formats .ql-code-block:hover .ql-stroke {
  stroke: var(--theme-default);
}
.ql-toolbar.ql-snow .ql-formats .ql-size.ql-picker .ql-picker-label {
  border-color: var(--white);
}
.ql-toolbar.ql-snow .ql-formats .ql-size.ql-picker .ql-picker-options {
  background-color: var(--white);
  border-color: var(--white);
}
.ql-toolbar.ql-snow
  .ql-formats
  .ql-size.ql-picker
  .ql-picker-options
  .ql-picker-item:before {
  color: var(--body-font-color);
}
.ql-toolbar.ql-snow
  .ql-formats
  .ql-size.ql-picker
  .ql-picker-options
  .ql-picker-item:hover:before {
  color: var(--theme-default);
}
.jkanban-container .note a {
  display: contents;
}
.jkanban-container .common-f-start {
  flex-wrap: wrap;
  gap: 10px;
  padding: 0;
}
.jkanban-container .common-f-start .btn {
  text-align: left;
}
.jkanban-container .kanban-container .kanban-title-board {
  font-size: 17px;
  font-weight: 500;
}
.jkanban-container .kanban-container footer {
  padding: 0;
}
.jkanban-container .kanban-container footer .btn {
  border-radius: 0;
  letter-spacing: 1.2px;
  padding: calc(11.2px + 0.25vw);
  width: 100%;
}
.jkanban-container .kanban-container footer .btn:before {
  content: "+";
  font-family: Font Awesome\6 Free;
  padding-right: 8px;
}
[dir="rtl"] .jkanban-container .kanban-container footer .btn:before {
  padding-left: 8px;
  padding-right: unset;
}
.jkanban-container .kanban-container footer .btn:hover {
  background-color: var(--light-background);
}
.jkanban-container .kanban-container footer .btn:active {
  border-color: transparent;
}
.kanban-board-header {
  background: rgba(247, 248, 249, 0.9);
  border-bottom: 1px solid #ddd;
  height: auto;
  line-height: unset;
  width: auto;
}
.kanban-board-header.bg-primary ~ .kanban-drag {
  background-color: rgba(115, 102, 255, 0.3) !important;
}
.kanban-board-header.bg-warning ~ .kanban-drag {
  background-color: rgba(255, 184, 41, 0.3) !important;
}
.kanban-board-header.bg-success ~ .kanban-drag {
  background-color: rgba(101, 193, 92, 0.3) !important;
}
.kanban-container {
  display: contents;
}
.kanban-container footer {
  padding: 12px 6px;
  text-align: center;
}
.kanban-container footer .btn {
  margin-bottom: 0;
}
.kanban-board {
  border-radius: 8px;
  box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
  cursor: pointer;
  letter-spacing: 0.5px;
  margin-bottom: 20px;
  overflow: hidden;
  transition: all 0.3s ease;
  width: calc(25% - 30px) !important;
}
@media (max-width: 1500px) and (min-width: 768px) {
  .kanban-board {
    width: calc(50% - 30px) !important;
  }
}
@media (max-width: 767px) {
  .kanban-board {
    width: calc(100% - 30px) !important;
  }
}
@media (max-width: 575px) {
  .kanban-board {
    width: calc(100% - 20px) !important;
  }
}
.kanban-board .kanban-drag {
  background: rgba(247, 248, 249, 0.9);
}
.kanban-board .kanban-drag .itemform .form-group:last-child {
  padding-top: 12px;
}
.kanban-item {
  background-color: #fff;
  border: 1px solid var(--chart-progress-light);
  border-radius: 5px;
  display: block;
  margin-bottom: 20px;
  padding: 18px;
  position: relative;
}
.kanban-item .kanban-box .badge {
  line-height: 1.7;
}
.kanban-item p {
  opacity: 0.7;
}
.kanban-item:last-child {
  margin-bottom: 0;
}
.kanban-item .list {
  display: inline-block;
  opacity: 0.4;
}
.kanban-item .list li {
  display: inline-block;
  font-size: 12px;
}
.kanban-item .list li i {
  margin-right: 10px;
}
.kanban-item .list li + li {
  border-left: 1px dotted #898989;
  margin-left: 6px;
  padding-left: 6px;
}
[dir="rtl"] .kanban-item .list li + li {
  border-left: unset;
  border-right: 1px dotted #898989;
  margin-left: unset;
  margin-right: 6px;
  padding-left: unset;
  padding-right: 6px;
}
.kanban-item .common-f-start li [class*="bg-lighter-"] {
  font-size: 12px;
}
.kanban-item .common-f-start li + li {
  margin-left: -22px;
}
[dir="rtl"] .kanban-item .common-f-start li + li {
  margin-left: unset;
  margin-right: -22px;
}
.kanban-item .kanban-box + .kanban-box {
  margin-top: 20px;
}
.kanban-item .kanban-box .common-align img {
  height: calc(32.8px + 0.375vw);
}
.kanban-item .kanban-box .badge {
  font-weight: 400;
}
.kanban-item .kanban-box h6 {
  margin: 10px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.kanban-item .kanban-box .dropdown {
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 20px;
}
.kanban-item .kanban-box .dropdown .dropdown-item {
  font-size: 13px;
  font-weight: 500;
  padding: 5px 10px;
  text-align: left;
}
.kanban-item .kanban-box .dropdown svg {
  height: 14px;
}
.kanban-item .kanban-box .d-flex {
  align-items: center;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (max-width: 1636px) {
  .kanban-item .kanban-box .d-flex {
    flex-direction: column;
    flex-wrap: wrap;
    gap: 10px;
  }
}
.kanban-item .kanban-box .dropdown-toggle:after {
  content: none;
}
.kanban-item .kanban-box .customers ul li + li {
  margin-left: -10px;
}
.kanban-item .kanban-box .date {
  color: rgba(82, 82, 108, 0.8);
}
footer {
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 600px) {
  .kanban-board .kanban-drag {
    padding: 10px 15px;
  }
  .kanban-container .kanban-board {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
}
@media only screen and (max-width: 480px) {
  .jkanban-container .card-body {
    padding: 20px 15px !important;
  }
  .kanban-board .kanban-drag {
    padding: 10px 15px;
  }
}
.browse .browse-articles h6 {
  line-height: 1.6;
}
.browse .browse-articles span {
  vertical-align: middle;
}
.browse .browse-articles span:nth-child(2) {
  padding-left: 20px;
}
[dir="rtl"] .browse .browse-articles span:nth-child(2) {
  padding-left: unset;
  padding-right: 20px;
}
.browse .browse-articles span svg {
  height: 14px;
  left: 0;
  position: absolute;
  top: 2px;
  vertical-align: text-top;
  width: 14px;
}
[dir="rtl"] .browse .browse-articles span svg {
  left: unset;
  right: 0;
}
.browse .browse-articles h6 {
  border-bottom: 1px solid #e9edf1;
  margin-bottom: 0;
  padding-bottom: 10px;
  padding-left: 25px;
}
[dir="rtl"] .browse .browse-articles h6 {
  padding-left: unset;
  padding-right: 25px;
}
.browse .browse-articles h6 span svg {
  height: 16px;
  left: 7px;
  top: 4px;
  vertical-align: text-top;
  width: 16px;
}
[dir="rtl"] .browse .browse-articles h6 span svg {
  left: unset;
  right: 7px;
}
.browse .browse-articles ul li {
  border-radius: 8px;
  padding: 8px;
}
.browse .browse-articles ul li a {
  align-items: center;
  color: #404040;
  display: flex;
  gap: 10px;
  position: relative;
}
.browse .browse-articles ul li:hover {
  background-color: #fdfeff;
}
@media only screen and (max-width: 1366px) {
  .browse div[class^="col-"]:nth-child(3) {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 360px) {
  .browse .browse-articles ul li a span:nth-child(2) {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 158px;
  }
}
.badge.pull-right {
  padding-top: 4px;
}
.articles-icons svg {
  min-width: 18px;
}
.d-flex.faq-widgets .flex-grow-1 {
  flex: 1;
}
@keyframes mesh {
  0% {
    transform: rotate(0);
    transform-origin: 50% -100%;
  }
  50% {
    transform: rotate(1turn);
    transform-origin: 50% -100%;
  }
  50.1% {
    transform: rotate(0deg);
    transform-origin: 50% 200%;
  }
  to {
    transform: rotate(1turn);
    transform-origin: 50% 200%;
  }
}
.mesh-loader {
  height: inherit;
  overflow: hidden;
  width: inherit;
}
.mesh-loader .circle {
  animation: mesh 3s ease-in-out -1.5s infinite;
  background: #7366ff;
  border-radius: 50%;
  height: 6px;
  margin: -3px;
  position: absolute;
  width: 6px;
}
.mesh-loader > div .circle:last-child {
  animation-delay: 0s;
}
.mesh-loader > div {
  left: 50%;
  position: absolute;
  top: 50%;
}
.mesh-loader > div:last-child {
  transform: rotate(90deg);
}
@keyframes animloader14 {
  0% {
    opacity: 1;
    transform: scale(0);
  }
  to {
    opacity: 0;
    transform: scale(1);
  }
}
.loader-1 {
  display: inline-block;
  height: 76px;
  position: relative;
  width: 76px;
}
.loader-1:after,
.loader-1:before {
  animation: animloader14 2s linear infinite;
  background: #80a5ff;
  border-radius: 50%;
  content: "";
  height: 76px;
  left: 0;
  position: absolute;
  top: 0;
  width: 76px;
}
.loader-1:after {
  animation-delay: 1s;
}
@media (max-width: 1199px) {
  .loader-1,
  .loader-1:after,
  .loader-1:before {
    height: 60px;
    width: 60px;
  }
}
@media (max-width: 575px) {
  .loader-1,
  .loader-1:after,
  .loader-1:before {
    height: 40px;
    width: 40px;
  }
}
.landing-tab {
  border: 1px dashed hsla(0, 0%, 100%, 0.4);
  border-radius: 4px;
  display: flex;
  padding: 6px;
}
@media (max-width: 1199px) {
  .landing-tab {
    border-color: rgba(0, 0, 0, 0.4);
    display: block;
    margin: auto;
  }
  .landing-tab li {
    width: 100%;
  }
}
.landing-tab li a {
  display: block;
  padding: 6px 16px;
}
@media (max-width: 1400px) {
  .landing-tab li a {
    padding: 6px 12px;
  }
}
.landing-tab li a h6 {
  color: #fff;
  letter-spacing: 1.5px;
}
@media (max-width: 1199px) {
  .landing-tab li a h6 {
    color: rgba(0, 0, 0, 0.8);
  }
}
.landing-tab li a.active {
  background: linear-gradient(90deg, #7366ff -18.33%, #563ee0 62.78%);
  border-radius: 4px;
}
.landing-tab li a.active h6 {
  color: #fff;
}
.landing-page {
  color: #000248;
}
.landing-page .accordion-item {
  border: none;
}
.landing-page .accordion-button:not(.collapsed) {
  box-shadow: none;
}
.landing-page .customization-accordion .accordion-collapse {
  border: none;
}
.landing-page .customization-accordion .accordion-button {
  border: none;
  color: #000248;
  font-weight: 500;
  padding: 10px 10px 10px 30px;
  position: relative;
}
.landing-page .customization-accordion .accordion-button:after {
  background-image: url(images/plus.svg);
  background-position: 50%;
  background-size: 16px;
  left: 0;
  margin-left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.landing-page .customization-accordion .accordion-button:focus {
  box-shadow: none;
}
.landing-page .customization-accordion .accordion-button:not(.collapsed) {
  background-color: transparent;
}
.landing-page .customization-accordion .accordion-button:not(.collapsed):after {
  background-image: url(images/minus.svg);
}
.landing-page .customization-accordion .accordion-body {
  padding-bottom: 10px;
  padding-left: 30px;
  padding-top: 0;
  text-align: left;
}
.animate-slider .slick-slide img {
  width: 100%;
}
.f-light {
  color: #52526c;
  opacity: 0.8;
}
.vector-image {
  position: absolute;
}
@media (max-width: 991px) {
  .vector-image {
    display: none;
  }
}
.line-gif {
  left: 20%;
  top: 0;
  z-index: 1;
}
.line-gif img {
  height: 140px;
  width: 140px;
}
@media (max-width: 1399px) {
  .line-gif img {
    height: 100px;
    width: 100px;
  }
}
@media (max-width: 991px) {
  .line-gif img {
    height: 80px;
    width: 80px;
  }
}
@media (max-width: 575px) {
  .line-gif img {
    height: 60px;
    width: 60px;
  }
}
@media (max-width: 1460px) {
  .line-gif {
    left: 14%;
  }
}
@media (max-width: 1399px) {
  .line-gif {
    left: 21%;
  }
}
@media (max-width: 575px) {
  .line-gif {
    left: 7%;
    top: -30px;
  }
}
.wavy-line-gif {
  right: 0;
  top: 3%;
}
@media (max-width: 991px) {
  .wavy-line-gif {
    top: 1%;
  }
}
@media (max-width: 767px) {
  .wavy-line-gif {
    top: 40px;
  }
}
@media (max-width: 575px) {
  .wavy-line-gif {
    top: 10px;
  }
}
.wavy-line-gif img {
  width: 200px;
}
@media (max-width: 1199px) {
  .wavy-line-gif img {
    width: 150px;
  }
}
@media (max-width: 767px) {
  .wavy-line-gif img {
    width: 120px;
  }
}
@media (max-width: 575px) {
  .wavy-line-gif img {
    width: 90px;
  }
}
.round-gif {
  left: 5%;
  top: 20%;
}
@media (max-width: 1660px) {
  .round-gif {
    left: 2%;
  }
}
@media (max-width: 1399px) {
  .round-gif {
    left: 0;
    top: 15%;
  }
}
@media (max-width: 1199px) {
  .round-gif {
    top: 20%;
  }
}
@media (max-width: 991px) {
  .round-gif {
    top: 28%;
  }
}
@media (max-width: 767px) {
  .round-gif {
    top: -2%;
  }
}
.round-gif img {
  height: 147px;
  width: 147px;
}
@media (max-width: 1660px) {
  .round-gif img {
    height: 127px;
    width: 127px;
  }
}
@media (max-width: 1199px) {
  .round-gif img {
    height: 100px;
    width: 100px;
  }
}
@media (max-width: 991px) {
  .round-gif img {
    height: 70px;
    width: 70px;
  }
}
.wavy-gif {
  right: 17%;
  top: 23%;
}
.wavy-gif svg {
  transform: rotate(90deg);
  width: 80px;
}
@media (max-width: 1199px) {
  .wavy-gif svg {
    width: 60px;
  }
}
@media (max-width: 575px) {
  .wavy-gif svg {
    width: 30px;
  }
}
.wavy-gif path {
  stroke: #f8912b;
  stroke-dasharray: 500;
  stroke-dashoffset: 500;
  animation: dash 1.5s linear infinite;
}
@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}
@media (max-width: 1399px) {
  .wavy-gif {
    right: 3%;
    top: 15%;
  }
}
@media (max-width: 991px) {
  .wavy-gif {
    right: 1%;
    top: 10%;
  }
}
@media (max-width: 767px) {
  .wavy-gif {
    top: 8%;
  }
}
.wavy-gif img {
  transform: rotate(90deg);
  width: 120px;
}
@media (max-width: 1399px) {
  .wavy-gif img {
    width: 80px;
  }
}
@media (max-width: 767px) {
  .wavy-gif img {
    width: 60px;
  }
}
@media (max-width: 575px) {
  .wavy-gif img {
    width: 40px;
  }
}
.app-section .wavy-gif {
  left: 20%;
  right: unset;
  top: 7%;
}
@media (max-width: 1660px) {
  .app-section .wavy-gif {
    left: 8%;
  }
}
@media (max-width: 1199px) {
  .app-section .wavy-gif {
    left: 3%;
    top: 3%;
  }
}
@media (max-width: 767px) {
  .app-section .wavy-gif {
    top: 30px;
  }
}
.app-section .wavy-gif svg {
  width: 50px;
}
@media (max-width: 767px) {
  .app-section .wavy-gif svg {
    width: 40px;
  }
}
.loader-gif {
  right: 5%;
  top: 25%;
}
@media (max-width: 1199px) {
  .loader-gif {
    top: 32%;
  }
}
@media (max-width: 991px) {
  .loader-gif {
    right: 15px;
  }
}
@media (max-width: 575px) {
  .loader-gif {
    top: 28%;
  }
}
.loader-line-gif {
  right: 15%;
  top: 12%;
}
@media (max-width: 1660px) {
  .loader-line-gif {
    right: 5%;
  }
}
@media (max-width: 1399px) {
  .loader-line-gif {
    right: 0;
    top: 10%;
  }
}
@media (max-width: 1199px) {
  .loader-line-gif {
    top: 9%;
  }
}
@media (max-width: 991px) {
  .loader-line-gif {
    top: 0;
  }
}
.loader-line-gif img {
  width: 130px;
}
@media (max-width: 575px) {
  .loader-line-gif img {
    width: 80px;
  }
}
.premium-wrap {
  margin-top: -28px;
}
.premium-wrap .vector-image {
  left: -30px;
  top: -50px;
}
@media (max-width: 1399px) {
  .premium-wrap .vector-image {
    left: 75px;
  }
}
@media (max-width: 1199px) {
  .premium-wrap .vector-image {
    left: -15px;
  }
}
.premium-wrap .vector-image img {
  height: 400px;
}
@media (max-width: 1399px) {
  .premium-wrap .vector-image img {
    height: 220px;
  }
}
.framework-section .wavy-gif {
  bottom: 0;
  right: 20%;
  top: unset;
}
@media (max-width: 1399px) {
  .framework-section .wavy-gif {
    bottom: -30px;
    right: 0;
  }
}
@media (max-width: 575px) {
  .framework-section .wavy-gif {
    bottom: 0;
  }
}
.components-section .flower-gif {
  left: unset;
  right: 5%;
  top: 20%;
}
@media (max-width: 991px) {
  .components-section .flower-gif {
    right: 10%;
    top: 9%;
  }
}
.feature-section .vector-image {
  right: -170px;
  top: 50px;
}
@media (max-width: 1674px) {
  .feature-section .vector-image {
    right: -160px;
    top: 60px;
  }
}
@media (max-width: 1600px) {
  .feature-section .vector-image {
    right: -20px;
    top: 0;
  }
}
@media (max-width: 1655px) {
  .feature-section .vector-image {
    right: -130px;
  }
}
@media (max-width: 1595px) {
  .feature-section .vector-image {
    right: -6px;
    top: -10px;
  }
}
@media (max-width: 1399px) {
  .feature-section .vector-image {
    right: -10px;
    top: -6px;
  }
}
@media (max-width: 1199px) {
  .feature-section .vector-image {
    right: -12px;
  }
}
.feature-section .vector-image img {
  height: 370px;
}
@media (max-width: 1674px) {
  .feature-section .vector-image img {
    height: 340px;
  }
}
@media (max-width: 1655px) {
  .feature-section .vector-image img {
    height: 310px;
  }
}
@media (max-width: 1600px) {
  .feature-section .vector-image img {
    height: 300px;
  }
}
@media (max-width: 1399px) {
  .feature-section .vector-image img {
    height: 280px;
  }
}
.feature-section .round-gif {
  bottom: 12%;
  top: unset;
}
@media (max-width: 1660px) {
  .feature-section .round-gif {
    left: 0;
  }
}
@media (max-width: 1460px) {
  .feature-section .round-gif {
    bottom: unset;
    top: 6%;
  }
}
@media (max-width: 991px) {
  .feature-section .round-gif {
    top: -3%;
  }
}
@media (max-width: 575px) {
  .feature-section .round-gif {
    top: -2%;
  }
}
.feature-section .round-gif img {
  height: 105px;
  width: 105px;
}
@media (max-width: 1460px) {
  .feature-section .round-gif img {
    height: 90px;
    width: 90px;
  }
}
@media (max-width: 575px) {
  .feature-section .round-gif img {
    height: 70px;
    width: 70px;
  }
}
.document-section a {
  color: #404040;
  display: block;
}
.document-section .document-box {
  align-items: center;
  border-radius: 5px;
  box-shadow: 0 5px 20px rgba(46, 35, 94, 0.12);
  display: flex;
  gap: 20px;
  padding: 20px;
}
@media (max-width: 767px) {
  .document-section .document-box {
    gap: 14px;
  }
}
@media (max-width: 575px) {
  .document-section .document-box {
    gap: 10px;
    padding: 15px;
  }
}
.document-section .document-box .doc-icon {
  align-items: center;
  border-radius: 100%;
  display: flex;
  height: 44px;
  justify-content: center;
  width: 44px;
}
.document-section .document-box .doc-icon img {
  height: 20px;
  -o-object-fit: contain;
  object-fit: contain;
  width: 20px;
}
.document-section .document-box h5 {
  margin-bottom: 0;
}
@media (max-width: 479px) {
  .document-section .row > div {
    width: 100%;
  }
}
.document-section .bg-icon1 {
  background: #f0e9fb;
}
.document-section .bg-icon2 {
  background: rgba(222, 77, 89, 0.1);
}
.document-section .bg-icon3 {
  background: rgba(77, 186, 135, 0.15);
}
.document-section .bg-icon4 {
  background: rgba(103, 190, 253, 0.12);
}
.document-section .bg-icon5 {
  background: hsla(4, 100%, 94%, 0.59);
}
.document-section .bg-icon6 {
  background: rgba(65, 184, 131, 0.15);
}
.document-section .bg-icon7 {
  background: rgba(158, 149, 255, 0.22);
}
.document-section .bg-icon8 {
  background: rgba(238, 67, 35, 0.12);
}
.document-section .bg-icon9 {
  background: rgba(154, 214, 183, 0.22);
}
.document-section .bg-icon10 {
  background: rgba(255, 153, 33, 0.14);
}
.document-section .bg-icon11 {
  background: rgba(195, 164, 245, 0.18);
}
.document-section .bg-icon12 {
  background: hsla(0, 3%, 6%, 0.12);
}
.rating-title {
  font-size: calc(12.88889px + 0.37037vw);
  font-weight: 400;
}
.layout h5 {
  letter-spacing: 1.2px;
  margin-bottom: 10px;
  opacity: 0.8;
}
.layout .btn {
  padding: 0.15rem 0.5rem;
}
.common-card {
  background: #fcfcfd;
  border: 2px solid #fff;
  border-radius: 10px;
  box-shadow: 0 9px 20px rgba(46, 35, 94, 0.07);
}
.testimonial-box {
  margin-bottom: 33px;
  padding: 20px 25px;
  position: relative;
  text-align: left;
}
.testimonial-box .rating-content {
  align-items: center;
  display: flex;
  gap: 15px;
  margin-bottom: 15px;
}
.testimonial-box h5 {
  font-size: 16px;
  margin-bottom: 0;
}
.testimonial-box .text-end span {
  font-size: 13px;
}
.testimonial-box .customer-img {
  align-items: center;
  background: snow;
  border-radius: 100%;
  bottom: -25px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
  display: flex;
  height: 60px;
  justify-content: center;
  position: absolute;
  width: 60px;
}
.testimonial-box p {
  margin-bottom: 0;
}
.about-section .slick-slide {
  padding: 0 14px;
}
.testimonial-slider .slick-dots li {
  height: auto;
  width: auto;
}
.testimonial-slider .slick-dots li button {
  background: rgba(82, 82, 108, 0.2);
  border-radius: 20px;
  height: 5px;
  padding: 0;
  transition: all 0.5s;
  width: 11px;
}
.testimonial-slider .slick-dots li button:before {
  display: none;
}
.testimonial-slider .slick-dots li.slick-active button {
  background: #7366ff;
  border-radius: 20px;
  transition: all 0.5s;
  width: 20px;
}
.customer-box {
  background-color: #f7f7f7;
  border-radius: 25px;
  box-shadow: 30px 30px 33px hsla(0, 0%, 47%, 0.25);
  padding: 40px 30px;
  position: relative;
  text-align: center;
}
@media (max-width: 1399px) {
  .customer-box {
    padding: 40px 35px;
  }
}
@media (max-width: 1199px) {
  .customer-box {
    padding: 30px 25px;
  }
}
@media (max-width: 991px) {
  .customer-box {
    padding: 17px 13px;
  }
}
@media (max-width: 575px) {
  .customer-box {
    box-shadow: 12px 12px 12px hsla(0, 0%, 47%, 0.25);
  }
}
.customer-box img {
  height: 70px;
  width: auto;
}
@media (max-width: 991px) {
  .customer-box img {
    height: 50px;
  }
}
.customer-wrapper {
  padding: 12px;
  position: relative;
}
@media (max-width: 767px) {
  .customer-wrapper {
    padding: 0;
  }
}
.customer-wrapper .outline-box {
  bottom: -6px;
  left: -5px;
  position: absolute;
}
@media (max-width: 1399px) {
  .customer-wrapper .outline-box {
    bottom: -1px;
    left: 0;
  }
}
@media (max-width: 1199px) {
  .customer-wrapper .outline-box {
    bottom: -1px;
    left: -2px;
    width: 120%;
  }
}
@media (max-width: 767px) {
  .customer-wrapper .outline-box {
    display: none;
  }
}
.customer-wrap {
  margin: 0 -28px;
}
@media (max-width: 1199px) {
  .customer-wrap {
    margin: 0 -15px;
  }
}
@media (max-width: 991px) {
  .customer-wrap {
    margin: 0 -10px;
  }
}
@media (max-width: 767px) {
  .customer-wrap {
    margin: -12px;
  }
}
.customer-wrap > div {
  padding: 0 28px;
}
@media (max-width: 1199px) {
  .customer-wrap > div {
    padding: 0 15px;
  }
}
@media (max-width: 991px) {
  .customer-wrap > div {
    padding: 0 10px;
  }
}
@media (max-width: 767px) {
  .customer-wrap > div {
    padding: 12px;
  }
}
@media (max-width: 1199px) {
  .customer-wrap > div:last-child .outline-box {
    width: 100%;
  }
}
.frame-tab {
  background: rgba(244, 245, 248, 0.5);
  border: none;
  border-radius: 40px;
  display: inline-flex;
  gap: 10px;
  margin-bottom: 50px;
  padding: 5px;
}
.frame-tab .nav-item img {
  height: 21px;
  width: 21px;
}
.frame-tab .nav-item .nav-link {
  background: transparent;
  border: none;
  border-radius: 40px;
  color: rgba(0, 2, 72, 0.5);
  font-size: 18px;
  font-weight: 500;
  padding: 16px 40px;
}
@media (max-width: 991px) {
  .frame-tab .nav-item .nav-link {
    font-size: 16px;
    padding: 10px 25px;
  }
}
.frame-tab .nav-item .nav-link img {
  filter: grayscale(1);
  margin-right: 10px;
}
.frame-tab .nav-item .nav-link.active {
  background: #fff;
  box-shadow: 0 7px 15px rgba(46, 35, 94, 0.06);
  color: #000248;
}
.frame-tab .nav-item .nav-link.active img {
  filter: unset;
}
@media (max-width: 575.98px) {
  .frame-tab.nav {
    background-color: transparent;
    display: inline-flex;
  }
}
.framework-box {
  align-items: center;
  background: #fcfcfd;
  border: 2px solid #fff;
  border-radius: 50px 16px 16px 50px;
  box-shadow: 0 5px 20px rgba(46, 35, 94, 0.12);
  display: flex;
  gap: 16px;
  margin-left: 30px;
  padding: 18px 16px;
  position: relative;
  transition: all 0.5s;
}
.framework-box:after {
  border-bottom: 1px dashed rgba(0, 2, 72, 0.2);
  border-radius: 10px;
  border-right: 1px dashed rgba(0, 2, 72, 0.2);
  border-top: 1px dashed rgba(0, 2, 72, 0.2);
  bottom: 0;
  content: "";
  height: calc(100% + 4px);
  position: absolute;
  right: -1px;
  top: -1px;
  width: 40px;
}
.framework-box .frame-icon {
  align-items: center;
  background: #fff;
  border-radius: 100%;
  display: flex;
  height: 55px;
  justify-content: center;
  margin-left: -48px;
  min-width: 55px;
  position: relative;
}
@media (max-width: 575px) {
  .framework-box .frame-icon {
    height: 52px;
    min-width: 52px;
  }
}
.framework-box .frame-icon:before {
  border-radius: 100%;
  box-shadow: 3px 4px 5px rgba(46, 35, 94, 0.11),
    inset 3px 0 1px rgba(204, 204, 215, 0.5);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.framework-box .frame-icon img {
  height: 30px;
  width: 30px;
}
@media (max-width: 575px) {
  .framework-box .frame-icon img {
    height: 25px;
    width: 25px;
  }
}
.framework-box .frame-details {
  position: relative;
  text-align: left;
}
.framework-box .frame-details p {
  margin-bottom: 0;
  opacity: 0.7;
}
.framework-box .frame-details:after,
.framework-box .frame-details:before {
  background: #fefeff;
  border: 1px solid rgba(0, 2, 72, 0.2);
  border-radius: 100%;
  content: "";
  height: 8px;
  position: absolute;
  right: 17px;
  width: 8px;
}
.framework-box .frame-details:before {
  top: -23px;
}
.framework-box .frame-details:after {
  bottom: -24px;
}
@media (min-width: 576px) {
  .framework-box:hover {
    transform: scale(1.05);
    transition: all 0.5s;
  }
}
.framework-box:hover .frame-icon:before {
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-name: rotate;
  animation-timing-function: linear;
}
@keyframes rotate {
  0% {
    transform: rotate(-1turn);
  }
  to {
    transform: rotate(1turn);
  }
}
.customization-wrap .landing-title p {
  width: 100%;
}
.sub-title {
  color: #ffb905;
  font-family: Caveat, cursive;
  font-size: calc(16.51852px + 0.49383vw);
  font-weight: 700;
}
.rotate-title {
  color: #ff5a82;
}
.landing-home {
  background-color: #1b1c21;
  background-image: url(images/home-bg.jpg);
  background-position: bottom;
  background-size: cover;
  overflow: hidden;
  position: relative;
  scroll-behavior: smooth;
}
.landing-home .sub-title {
  font-size: calc(15.77778px + 0.74074vw);
}
.landing-home .content h1 {
  color: #fff;
  font-size: calc(18.51852px + 2.16049vw);
  line-height: 1.2;
  text-transform: uppercase;
}
.landing-home .content h1 span {
  background: linear-gradient(90deg, #ffb905 20.35%, #6aebad 50%),
    linear-gradient(0deg, #fff, #fff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.landing-home .content p {
  color: #fff;
  font-family: roboto;
  font-size: calc(13.25926px + 0.24691vw);
  font-weight: 500;
  margin: 0 auto;
  opacity: 0.8;
  width: 64%;
}
@media (max-width: 1366px) {
  .landing-home .content p {
    width: 90%;
  }
}
@media (max-width: 767px) {
  .landing-home .content p {
    width: 100%;
  }
}
.landing-home .btn-grp {
  align-items: center;
  display: flex;
  gap: 20px;
  justify-content: center;
}
@media (max-width: 767px) {
  .landing-home .btn-grp {
    gap: 12px;
  }
}
@media (max-width: 575px) {
  .landing-home .btn-grp {
    flex-wrap: wrap;
    gap: 10px;
  }
}
.landing-home .btn-grp img {
  height: 30px;
}
@media (max-width: 767px) {
  .landing-home .btn-grp img {
    height: 22px;
  }
}
@media (max-width: 575px) {
  .landing-home .btn-grp img {
    height: 20px;
  }
}
.landing-home .content {
  display: flex;
  justify-content: center;
  margin-top: 200px;
  position: relative;
  z-index: 1;
}
@media (max-width: 1366px) {
  .landing-home .content {
    margin-top: 170px;
  }
}
@media (max-width: 1199px) {
  .landing-home .content {
    margin-top: 140px;
  }
}
@media (max-width: 575px) {
  .landing-home .content {
    margin-top: 100px;
  }
}
.landing-home .content-title {
  display: inline-block;
  position: relative;
}
.landing-home .content-title .arrow-decore {
  left: -203px;
  position: absolute;
  top: -25px;
}
@media (max-width: 1660px) {
  .landing-home .content-title .arrow-decore {
    left: -166px;
    width: 150px;
  }
}
@media (max-width: 991px) {
  .landing-home .content-title .arrow-decore {
    left: -125px;
    top: -14px;
    width: 110px;
  }
}
@media (max-width: 575px) {
  .landing-home .content-title .arrow-decore {
    left: -61px;
    top: -4px;
    width: 60px;
  }
}
.landing-home .sticky-header header .nav-padding {
  padding: 30px 50px;
}
.build-section {
  position: relative;
}
.build-section .landing-title {
  align-items: center;
  display: flex;
}
.build-section .landing-title h2 {
  width: 53%;
}
@media (max-width: 1660px) {
  .build-section .landing-title h2 {
    width: 58%;
  }
}
@media (max-width: 1366px) {
  .build-section .landing-title h2 {
    width: 59%;
  }
}
@media (max-width: 1199px) {
  .build-section .landing-title h2 {
    width: 63%;
  }
}
@media (max-width: 991px) {
  .build-section .landing-title h2 {
    width: 100%;
  }
}
.build-section .landing-title .title-img {
  margin-bottom: -14px;
}
@media (max-width: 991px) {
  .build-section .landing-title .title-img {
    width: 120px;
  }
}
@media (max-width: 767px) {
  .build-section .landing-title .title-img {
    width: 80px;
  }
}
.build-section .rotate-title {
  margin-left: -20px;
  text-align: center;
  transform: rotate(13.97deg);
  width: 14%;
}
@media (max-width: 1199px) {
  .build-section .rotate-title {
    width: 17%;
  }
}
@media (max-width: 991px) {
  .build-section .rotate-title {
    width: 30%;
  }
}
@media (max-width: 767px) {
  .build-section .rotate-title {
    width: 42%;
  }
}
.build-section .build-image img {
  width: calc(100% + 210px);
}
@media (max-width: 991px) {
  .build-section .build-image img {
    width: calc(100% + 100px);
  }
}
@media (max-width: 767px) {
  .build-section .build-image img {
    width: 100%;
  }
}
@keyframes animationtop {
  0% {
    transform: translate(-10px, -5px);
  }
  50% {
    transform: translate(0);
  }
  to {
    transform: translate(-10px, -5px);
  }
}
@keyframes animationleft {
  0% {
    transform: translate(0);
  }
  50% {
    transform: translate(20px);
  }
  to {
    transform: translate(0);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.navbar {
  justify-content: flex-start;
}
.navbar .navbar-toggler {
  margin-left: auto;
}
.navbar-nav {
  align-items: center;
}
.navbar-nav .nav-item {
  position: relative;
}
.navbar-nav .nav-item .nav-link {
  font-size: 18px;
  letter-spacing: 1px;
  padding: 12px 20px;
  transition: all 0.3s ease;
}
.navbar-nav .nav-item .nav-link.active,
.navbar-nav .nav-item .nav-link:hover {
  opacity: 1;
  transition: all 0.3s ease;
}
.landing-page .navbar-expand-xl .navbar-collapse {
  background-color: transparent;
}
.landing-page .page-body-wrapper {
  background: #eaf4ff;
  min-height: 100vh;
  overflow: hidden;
}
.landing-page .buy-btn {
  background: linear-gradient(90deg, #7366ff -18.33%, #563ee0 62.78%);
  border-radius: 5px;
  font-size: 16px;
  margin-left: 10px;
  padding: 15px 54px;
}
@media (max-width: 991px) {
  .landing-page .buy-btn {
    padding: 12px 35px;
  }
}
@media (max-width: 767px) {
  .landing-page .buy-btn {
    font-size: 14px;
    padding: 9px 20px;
  }
}
.landing-page .buy-btn a {
  color: #fff;
  padding: 0;
}
.landing-page .navbar-nav .nav-item .nav-link {
  color: #fff;
  letter-spacing: 1.5px;
}
.landing-page .sticky-header header {
  background: transparent;
  box-shadow: none;
  height: auto;
  left: 0;
  z-index: 100;
}
.landing-page .sticky-header header.sticky {
  background: #1d1f29;
  margin-top: 0;
}
.landing-page .sticky-header header.sticky .navbar-nav .nav-item .nav-link {
  font-size: 16px;
  padding: 15px 12px;
}
.navbar-expand-xl .navbar-brand {
  padding-left: 18px;
}
.navbar-expand-xl .navbar-collapse {
  background-color: #fff;
  flex-flow: row nowrap;
  justify-content: flex-end;
}
.section-space {
  padding: 80px 0;
  position: relative;
  text-align: center;
}
.section-space p {
  font-size: 15px;
  line-height: 1.5;
}
.landing-title {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .landing-title {
    margin-bottom: 20px;
  }
}
.landing-title h2 {
  font-size: calc(20px + 1.66667vw);
}
.landing-title .gradient-1 {
  background: linear-gradient(90.78deg, #7366ff 49.33%, #838383 82.24%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.landing-title .gradient-2 {
  background: linear-gradient(90deg, #ff6a5b 4.44%, #1e52b9 50%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.landing-title .gradient-3 {
  background: linear-gradient(90deg, #7b5dfe 11.24%, #ffab2e 50%),
    linear-gradient(0deg, #ff6a5b, #ff6a5b);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.landing-title .gradient-4 {
  background: linear-gradient(90deg, #22ac16 65.06%, #1c97be 92.34%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.landing-title .gradient-5 {
  background: linear-gradient(90deg, #6a2fe7 2%, #46b7d0 40%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.landing-title .gradient-6 {
  background: linear-gradient(271deg, #f1305f 30%, #06f 80%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.landing-title .gradient-7 {
  background: linear-gradient(90deg, #ff7a00 20%, #d72695 89.68%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.landing-title .gradient-8 {
  background: linear-gradient(257.2deg, #ff5e51 21.09%, #ffab6f);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.landing-title .gradient-9 {
  background: linear-gradient(
    90deg,
    rgba(255, 57, 57, 0.88) 2%,
    #24d34b 103.68%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.landing-title .gradient-10 {
  background: linear-gradient(90deg, #4a86fb 50%, #ff5823 68.37%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.landing-title .gradient-11 {
  background: linear-gradient(90deg, #ff1717 22.23%, #0a96e6 68.75%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.landing-title .gradient-12 {
  background: linear-gradient(90deg, #89d32b 5.6%, #ff7a00 36.2%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.landing-title .gradient-13 {
  background: linear-gradient(90deg, #ff6056 31.63%, #7f74fe 67.63%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.landing-title p {
  color: #52526c;
  font-size: calc(13.25926px + 0.24691vw);
  margin: 0 auto;
  opacity: 0.8;
  width: 65%;
}
@media (max-width: 1199px) {
  .landing-title p {
    width: 80%;
  }
}
@media (max-width: 991px) {
  .landing-title p {
    width: 100%;
  }
}
.bottom-section-grad {
  position: relative;
}
.bottom-section-grad:before {
  background: linear-gradient(
    180deg,
    #edf7ff -3.32%,
    rgba(227, 242, 255, 0) 144.14%
  );
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.7;
  position: absolute;
  top: 0;
  width: 100%;
}
.faq-section .accordion {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.faq-section .accordion .accordion-item {
  background: #fcfcfd;
  border: 2px solid #fff;
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(46, 35, 94, 0.07);
  padding: 22px 30px;
}
@media (max-width: 767px) {
  .faq-section .accordion .accordion-item {
    padding: 15px 20px;
  }
}
.faq-section .accordion-body,
.faq-section .accordion-button {
  padding: 0;
}
.faq-section .accordion-button:not(.collapsed) {
  background: transparent;
  color: #7366ff;
}
.faq-section .accordion-button:focus {
  border: none;
  box-shadow: unset;
}
.faq-section .accordion-button:after {
  background: unset;
  content: "\eb25";
  font-family: IcoFont;
  font-size: 24px;
  height: auto;
  margin-bottom: -4px;
  width: auto;
}
.faq-section .accordion-body {
  border-top: 1px solid rgba(82, 82, 108, 0.5);
  margin-top: 14px;
  padding-top: 14px;
  text-align: left;
}
.faq-section .vector-image {
  left: -160px;
  top: 30px;
}
@media (max-width: 1600px) {
  .faq-section .vector-image {
    left: 60px;
    top: -30px;
  }
}
@media (max-width: 1199px) {
  .faq-section .vector-image {
    left: 0;
    top: -30px;
  }
}
.faq-section .vector-image img {
  height: 400px;
}
@media (max-width: 1600px) {
  .faq-section .vector-image img {
    height: 270px;
  }
}
.pricing-section .landing-title p {
  width: 100%;
}
.pricing-section .loader-gif {
  top: -5%;
}
@media (max-width: 1600px) {
  .pricing-section .loader-gif {
    right: 2%;
    top: -11%;
  }
}
@media (max-width: 991px) {
  .pricing-section .loader-gif {
    right: 2%;
    top: -2%;
  }
}
.pricing-section .loader-gif .loader-1,
.pricing-section .loader-gif .loader-1:after,
.pricing-section .loader-gif .loader-1:before {
  height: 56px;
  width: 56px;
}
@media (max-width: 575px) {
  .pricing-section .loader-gif .loader-1,
  .pricing-section .loader-gif .loader-1:after,
  .pricing-section .loader-gif .loader-1:before {
    height: 40px;
    width: 40px;
  }
}
.pricing-section .loader-line-gif {
  bottom: 15%;
  left: 22%;
  right: unset;
  top: unset;
}
@media (max-width: 1600px) {
  .pricing-section .loader-line-gif {
    left: 12%;
    left: 16%;
  }
}
@media (max-width: 991px) {
  .pricing-section .loader-line-gif {
    bottom: -20px;
    left: 10px;
  }
  .pricing-section .loader-line-gif img {
    width: 90px;
  }
}
.pricing-box {
  background: hsla(180, 9%, 96%, 0.5);
  border: 2px solid #fff;
  border-radius: 10px;
  padding: 30px 20px;
}
.pricing-box img {
  height: 22px;
  width: 23px;
}
@media (max-width: 767px) {
  .pricing-box {
    padding: 20px 15px;
  }
}
.pricing-box p {
  color: #52526c;
}
.pricing-box h4 {
  margin-bottom: 20px;
}
@media (max-width: 575px) {
  .pricing-box h4 {
    margin-bottom: 15px;
  }
}
.pricing-box p {
  line-height: 1.5;
}
.pricing-box .purchase-details {
  background: #fcfcfd;
  border: 2px solid #fff;
  border-radius: 10px;
  box-shadow: 0 4px 20px rgba(46, 35, 94, 0.05);
  margin-top: 20px;
  padding: 24px 40px;
}
@media (max-width: 1199px) {
  .pricing-box .purchase-details {
    padding: 24px 20px;
  }
}
.pricing-box .purchase-details h2 {
  margin-bottom: 14px;
}
.pricing-box .purchase-details .btn-lg {
  font-weight: 500;
  min-width: auto;
  padding: 12px 20px;
  width: 100%;
}
@media (max-width: 1199px) {
  .pricing-box .purchase-details .btn-lg {
    font-size: 15px;
    padding: 12px 10px;
  }
}
.license-list {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
@media (max-width: 767px) {
  .license-list {
    gap: 10px;
  }
}
.license-list li {
  align-items: center;
  display: flex;
  gap: 10px;
  text-align: left;
}
@media (max-width: 991px) {
  .license-list li {
    gap: 5px;
  }
}
@media (max-width: 575px) {
  .license-list li img {
    height: 18px;
    width: 18px;
  }
}
.license-list li h6 {
  font-weight: 400;
  margin-bottom: 0;
}
.feature-box {
  padding: 30px 20px;
  position: relative;
  text-align: left;
}
@media (max-width: 575px) {
  .feature-box {
    padding: 20px;
  }
}
.feature-box:after {
  background: #f94646;
  border-radius: 0 0 10px 10px;
  bottom: 0;
  content: "";
  height: 5px;
  left: 0;
  position: absolute;
  transition: width 0.5s;
  width: 0;
}
.feature-box:hover:after {
  transition: width 0.5s;
  width: 100%;
}
.feature-box .feature-icon {
  align-items: center;
  border-radius: 100%;
  display: flex;
  height: 44px;
  justify-content: center;
  margin-bottom: 25px;
  width: 44px;
}
.feature-box.bg-feature-1 .feature-icon {
  background: #fbecec;
}
.feature-box.bg-feature-2 .feature-icon {
  background: #f0e9fb;
}
.feature-box.bg-feature-2:after {
  background: #6610f2;
}
.feature-box.bg-feature-3 .feature-icon {
  background: rgba(41, 156, 252, 0.1);
}
.feature-box.bg-feature-3:after {
  background: #43bcff;
}
.feature-box.bg-feature-4 .feature-icon {
  background: rgba(96, 177, 88, 0.15);
}
.feature-box.bg-feature-4:after {
  background: #60b158;
}
.feature-box.bg-feature-5 .feature-icon {
  background: rgba(255, 150, 39, 0.1);
}
.feature-box.bg-feature-5:after {
  background: #ff9414;
}
.feature-box.bg-feature-6 .feature-icon {
  background: rgba(222, 77, 89, 0.1);
}
.feature-box.bg-feature-6:after {
  background: #fc6773;
}
.feature-box.bg-feature-7 .feature-icon {
  background: rgba(255, 132, 62, 0.1);
}
.feature-box.bg-feature-7:after {
  background: #ff843e;
}
.feature-box.bg-feature-8 .feature-icon {
  background: rgba(221, 84, 255, 0.1);
}
.feature-box.bg-feature-8:after {
  background: #ff81ff;
}
.benefit-box {
  background: hsla(180, 4%, 95%, 0.5);
  border-radius: 30px;
  box-shadow: 17px 17px 20px hsla(240, 1%, 73%, 0.3);
  padding: 40px 10px;
  position: relative;
}
@media (max-width: 991px) {
  .benefit-box {
    padding: 30px 10px;
  }
}
@media (max-width: 575px) {
  .benefit-box {
    padding: 20px 10px;
  }
}
.benefit-box svg {
  height: 40px;
  width: 40px;
}
@media (max-width: 991px) {
  .benefit-box svg {
    height: 30px;
    width: 30px;
  }
}
.benefit-box:after {
  border-radius: 10px 10px 0 0;
  bottom: 0;
  content: "";
  height: 8px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 54px;
}
@media (max-width: 991px) {
  .benefit-box h2 {
    font-size: 25px;
  }
}
.benefit-box h6 {
  color: #52526c;
  font-weight: 400;
  opacity: 0.7;
}
.benefit-box.pink h2 {
  color: #ff3692;
}
.benefit-box.pink:after {
  background: #ff3692;
}
.benefit-box.purple h2 {
  color: #7238ff;
}
.benefit-box.purple:after {
  background: #7238ff;
}
.benefit-box.red h2 {
  color: #ff3556;
}
.benefit-box.red:after {
  background: #ff3556;
}
.benefit-box.warning h2 {
  color: #ffaa05;
}
.benefit-box.warning:after {
  background: #ffaa05;
}
.rating-title {
  align-items: center;
  display: flex;
  justify-content: center;
}
.rating-title .decore-1 {
  animation: animationtop 5s infinite;
  margin-top: -35px;
}
@keyframes arrowsvg {
  0% {
    transform: scale(0);
    transform-origin: left;
  }
  to {
    transform: scale(1);
    transform-origin: left;
  }
}
.title-svg {
  animation: arrowsvg 5s infinite;
}
.ratings li i {
  color: #ffaa05;
}
.components-section {
  background: linear-gradient(
    179deg,
    rgba(247, 248, 249, 0) 8.83%,
    #f7f8f9 50%
  );
}
.components-section .vector-image {
  bottom: 2px;
  left: 30px;
}
@media (max-width: 1660px) {
  .components-section .vector-image {
    left: 50px;
    top: 80px;
  }
}
@media (max-width: 1399px) {
  .components-section .vector-image {
    left: 30px;
  }
}
@media (max-width: 1199px) {
  .components-section .vector-image {
    left: -16px;
  }
}
.components-section .vector-image img {
  height: 280px;
}
@media (max-width: 1660px) {
  .components-section .vector-image img {
    height: 240px;
  }
}
@media (max-width: 1399px) {
  .components-section .vector-image img {
    height: 220px;
  }
}
@media (max-width: 1199px) {
  .components-section .vector-image img {
    height: 190px;
  }
}
.component_responsive {
  flex-wrap: nowrap;
}
.component-hover-effect {
  align-items: center;
  background: #fcfcfd;
  border: 2px solid #fff;
  border-radius: 5px;
  box-shadow: 0 4px 10px rgba(46, 35, 94, 0.07);
  display: flex;
  gap: 12px;
  justify-content: center;
  min-height: 78px;
  padding: 20px;
}
@media (max-width: 767px) {
  .component-hover-effect {
    min-height: 68px;
    padding: 13px;
  }
}
.component-hover-effect svg {
  height: 26px;
  width: 26px;
}
.ptb50 {
  padding: 80px 0;
}
@media (max-width: 991.98px) {
  .ptb50 {
    padding: 60px 0;
  }
}
@media (max-width: 575.98px) {
  .ptb50 {
    padding: 50px 0;
  }
}
.purchase-btn {
  border: none;
  min-width: 200px;
  padding: 12px 20px;
}
@media (max-width: 991px) {
  .purchase-btn {
    min-width: 160px;
  }
}
@media (max-width: 767px) {
  .purchase-btn {
    font-size: 16px;
    min-width: 140px;
    padding: 10px 17px;
  }
}
.footer-bg {
  background: url(images/footer.jpg);
  color: #fff;
  margin-left: 0;
  position: relative;
  text-align: center;
}
@media (max-width: 575px) {
  .footer-bg {
    background-position: 50%;
  }
}
.footer-bg .landing-title h2 {
  color: #fff;
}
@keyframes move_wave {
  0% {
    transform: translateX(0) translateZ(0) scaleY(1);
  }
  50% {
    transform: translateX(-25%) translateZ(0) scaleY(0.55);
  }
  to {
    transform: translateX(-50%) translateZ(0) scaleY(1);
  }
}
footer h2 {
  font-size: calc(15.48148px + 2.83951vw);
}
footer .landing-title p {
  color: #fff;
  opacity: 0.7;
}
footer .license-list {
  display: flex;
  flex-direction: row;
  gap: calc(12.22222px + 0.92593vw);
  justify-content: center;
  margin-bottom: calc(12.22222px + 0.92593vw);
}
@media (max-width: 991px) {
  footer .license-list {
    gap: 20px;
  }
}
@media (max-width: 767px) {
  footer .license-list {
    gap: 15px;
  }
}
@media (max-width: 575px) {
  footer .license-list {
    flex-wrap: wrap;
  }
}
footer .license-list h6 {
  color: #fff;
}
footer .feature-content {
  margin-bottom: calc(18.51852px + 2.16049vw);
}
footer .feature-content ul {
  align-items: center;
  display: flex;
  gap: calc(22.22222px + 0.92593vw);
  justify-content: center;
}
@media (max-width: 767px) {
  footer .feature-content ul {
    gap: 15px;
  }
}
@media (max-width: 575px) {
  footer .feature-content ul {
    flex-wrap: wrap;
    gap: 10px;
  }
}
footer .feature-content ul li h4 {
  color: #fff;
  margin: 0 auto;
  max-width: 205px;
}
@media (max-width: 1199px) {
  footer .feature-content ul li h4 {
    max-width: 200px;
  }
}
@media (max-width: 991px) {
  footer .feature-content ul li h4 {
    font-size: 18px;
    max-width: 140px;
  }
}
@media (max-width: 767px) {
  footer .feature-content ul li h4 {
    font-size: 16px;
    max-width: 116px;
  }
}
@media (max-width: 575px) {
  footer .feature-content ul li h4 {
    font-size: 14px;
    max-width: 105px;
  }
}
footer .feature-content ul li img {
  margin-top: -40px;
}
@media (max-width: 991px) {
  footer .feature-content ul li img {
    width: 220px;
  }
}
@media (max-width: 767px) {
  footer .feature-content ul li img {
    margin-top: -25px;
    width: 160px;
  }
}
@media (max-width: 575px) {
  footer .feature-content ul li img {
    width: 140px;
  }
}
footer .sub-footer {
  border-top: 1px solid hsla(0, 0%, 100%, 0.1);
  padding: 20px 15px;
}
@media (max-width: 575px) {
  footer .sub-footer {
    padding: 12px 0;
  }
}
footer .sub-footer h6 {
  color: #fff;
  font-weight: 400;
}
footer .sub-footer ul {
  align-items: center;
  display: flex;
  gap: 15px;
  justify-content: center;
}
footer .sub-footer ul li a {
  color: #fff;
}
footer .sub-footer ul li a:hover {
  color: #7366ff;
}
footer .sub-footer ul li i {
  font-size: 20px;
}
.landing-page .bg-Widget {
  background: linear-gradient(
    180deg,
    #f7f8f9 69%,
    rgba(247, 248, 249, 0) 91.83%
  );
}
.landing-page .bg-Widget:before {
  top: 220px !important;
  transform: rotate(-40deg);
}
.landing-page .bg-Widget:after {
  bottom: 0 !important;
  top: unset !important;
}
.landing-page .bg-Widget .cuba-demo-content p {
  color: hsla(0, 0%, 100%, 0.7);
}
.landing-page .bg-Widget .cuba-demo-content .couting h2 {
  -webkit-text-fill-color: #fff !important;
}
.btn-md:hover {
  animation: pulse 0.3s 3;
}
.tap-top {
  background: var(--theme-default);
  border: none;
  border-radius: 100%;
  bottom: 30px;
  box-shadow: 0 0 10px var(--theme-default);
  color: #fff;
  cursor: pointer;
  display: none;
  height: 40px;
  opacity: 0.5;
  padding: 7px;
  position: fixed;
  right: 30px;
  text-align: center;
  transition: all 0.3s ease;
  width: 40px;
  z-index: 5;
}
.tap-top:hover {
  opacity: 1;
  transition: all 0.3s ease;
}
.tap-top svg {
  width: 20px;
}
@keyframes animationFramesOne {
  0% {
    transform: translate(0) rotate(0deg);
  }
  20% {
    transform: translate(73px, -1px) rotate(36deg);
  }
  40% {
    transform: translate(141px, 72px) rotate(72deg);
  }
  60% {
    transform: translate(83px, 122px) rotate(108deg);
  }
  80% {
    transform: translate(-40px, 72px) rotate(144deg);
  }
  to {
    transform: translate(0) rotate(0deg);
  }
}
.landing-page,
.page-wrapper {
  overflow: hidden;
}
.landing-page .section-space,
.page-wrapper .section-space {
  padding: 80px 0;
}
.landing-page .customer-support,
.page-wrapper .customer-support {
  padding-top: 21px !important;
}
.landing-page .cuba-demo-content,
.page-wrapper .cuba-demo-content {
  margin-bottom: 50px;
  position: relative;
  text-align: center;
}
@media (max-width: 767px) {
  .landing-page .cuba-demo-content,
  .page-wrapper .cuba-demo-content {
    margin-bottom: 30px;
  }
}
.landing-page .cuba-demo-content img,
.page-wrapper .cuba-demo-content img {
  animation: rotated 50s linear infinite;
  margin: 0 auto;
  width: 70px;
}
.landing-page .cuba-demo-section,
.page-wrapper .cuba-demo-section {
  position: relative;
}
.landing-page .cuba-demo-section .img-effect,
.page-wrapper .cuba-demo-section .img-effect {
  border-radius: 15px;
  box-shadow: 0 0 37px rgba(8, 21, 66, 0.15);
  padding: 20px;
  position: relative;
}
.landing-page .cuba-demo-section .img-effect .hover-link,
.page-wrapper .cuba-demo-section .img-effect .hover-link {
  align-items: flex-end;
  background: linear-gradient(10deg, rgba(63, 71, 90, 0.8), transparent 80%);
  border-radius: 15px;
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  justify-content: center;
  left: 0;
  opacity: 0;
  padding-bottom: 20px;
  position: absolute;
  text-align: center;
  top: 0;
  transition: all 0.3s ease;
  width: 100%;
}
.landing-page .cuba-demo-section .img-effect:hover .hover-link,
.page-wrapper .cuba-demo-section .img-effect:hover .hover-link {
  opacity: 1;
  transition: all 0.3s ease;
  z-index: 1;
}
.landing-page .cuba-demo-section .img-effect img,
.page-wrapper .cuba-demo-section .img-effect img {
  transition: all 0.3s ease;
  width: 100%;
}
.landing-page .cuba-demo-section .img-effect:hover,
.page-wrapper .cuba-demo-section .img-effect:hover {
  box-shadow: 0 0 37px rgba(8, 21, 66, 0.15);
  transition: all 0.3s ease;
}
.landing-page .cuba-demo-section .img-effect:hover img,
.page-wrapper .cuba-demo-section .img-effect:hover img {
  transform: scale(1.01);
  transition: all 0.3s ease;
}
.landing-page .cuba-demo-section .cuba-demo-content .couting,
.page-wrapper .cuba-demo-section .cuba-demo-content .couting {
  margin-bottom: -10px;
  margin-top: calc(-11.85185px - 1.04938vw);
}
.landing-page .cuba-demo-section .cuba-demo-content .couting h2,
.page-wrapper .cuba-demo-section .cuba-demo-content .couting h2 {
  background: linear-gradient(180deg, #5456aa, rgba(0, 2, 72, 0) 88.85%);
  -webkit-background-clip: text;
  color: var(--theme-default);
  font-size: calc(72.22222px + 9.25926vw);
  font-weight: 500;
  -webkit-text-fill-color: transparent;
  line-height: 1;
  margin-bottom: 0;
  opacity: 0.1;
}
.landing-page {
  overflow: unset;
}
.fluid-space {
  padding: 0 calc(-2.96296px + 4.32099vw);
}
@media (max-width: 1399px) {
  .fluid-space {
    padding: 0 30px;
  }
}
@media (max-width: 575px) {
  .fluid-space {
    padding: 0 12px;
  }
}
ul.dot-group {
  display: flex;
  gap: 6px;
  padding: 15px 10px 0;
}
ul.dot-group li {
  background: #e8e8ec;
  border-radius: 100%;
  height: 8px;
  width: 8px;
}
.demo-imgs {
  margin: -15px;
}
.demo-imgs .demo-content .cuba-demo-img {
  border-radius: 5px;
  box-shadow: 0 9px 40px rgba(46, 35, 94, 0.15);
  height: 100%;
  position: relative;
}
.demo-imgs .demo-content .cuba-demo-img .hover-link {
  background: #f8f8f8;
  border-radius: 0 0 5px 5px;
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  justify-content: center;
  padding: 20px;
}
@media (max-width: 1640px) {
  .demo-imgs .demo-content .cuba-demo-img .hover-link {
    gap: 10px;
    padding: 20px 12px;
  }
}
@media (max-width: 1366px) {
  .demo-imgs .demo-content .cuba-demo-img .hover-link {
    padding: 20px;
  }
}
.demo-imgs .demo-content .cuba-demo-img .hover-link .link-btn {
  cursor: not-allowed;
}
.demo-imgs .demo-content .cuba-demo-img .hover-link a {
  align-items: center;
  background: #f8f8f8;
  border-radius: 14px;
  box-shadow: 7px 7px 5px rgba(192, 202, 216, 0.22);
  color: #fff;
  display: inline-block;
  display: flex;
  height: 48px;
  justify-content: center;
  position: relative;
  transition: all 0.3s ease;
  width: 48px;
}
@media (max-width: 1640px) {
  .demo-imgs .demo-content .cuba-demo-img .hover-link a {
    height: 55px;
    width: 55px;
  }
}
.demo-imgs .demo-content .cuba-demo-img .hover-link a img {
  height: 20px;
  margin-bottom: -2px;
}
.demo-imgs .demo-content .cuba-demo-img .hover-link .coming-soon {
  opacity: 0.4;
  pointer-events: none;
}
.demo-imgs .demo-content .cuba-demo-img .overflow-hidden {
  padding: 10px;
}
.demo-imgs .demo-content .cuba-demo-img .overflow-hidden img {
  transition: all 0.3s ease;
  width: 100%;
}
.demo-imgs .demo-content .cuba-demo-img:hover .overflow-hidden img {
  transform: scale(1.01);
}
.demo-imgs .demo-content .title-wrapper {
  padding: 0 10px;
}
.demo-imgs .demo-content .title-wrapper .theme-name {
  font-size: calc(14.07407px + 0.30864vw);
  position: relative;
  text-transform: capitalize;
}
.demo-imgs .demo-content .title-wrapper .theme-name span {
  color: #52526c;
}
@media (max-width: 1670px) {
  .demo-imgs > div {
    margin: 0;
    padding: 15px;
  }
}
.app-box {
  align-items: center;
  border-radius: 5px;
  display: flex;
  padding: 18px 12px 12px;
  width: 100%;
}
.app-box h6 {
  color: #52526c;
  margin: 0 12px 0 0;
  position: relative;
}
.app-box h6 .app-title {
  transform: rotate(180deg);
  writing-mode: vertical-rl;
}
.app-box h6 .line {
  background: #52526c;
  height: 18px;
  left: 50%;
  position: absolute;
  top: -30px;
  width: 1px;
}
.app-box .app-image {
  flex: auto;
}
.app-box .app-image .img-effect {
  border-radius: 5px;
  box-shadow: 0 3px 20px rgba(46, 35, 94, 0.1);
}
.app-box .app-image .img-effect.image-height a img {
  height: auto;
}
.app-box .app-image a {
  display: block;
}
.app-box .app-image a img {
  width: 100%;
}
.app-box ul.dot-group {
  padding: 0 0 13px;
}
.app-bg-1 {
  background: #f9f7f7;
}
.app-bg-2 {
  background: #f3f5f5;
}
.app-bg-3 {
  background: #eff5f8;
}
.app-bg-4 {
  background: #f0f5f7;
}
.app-bg-5 {
  background: #f5f4f3;
}
.app-bg-6 {
  background: #f8f8fa;
}
.text-marqee {
  height: 230px;
}
@media (max-width: 1199px) {
  .text-marqee {
    height: 166px;
  }
}
@media (max-width: 991px) {
  .text-marqee {
    height: 130px;
  }
}
@media (max-width: 767px) {
  .text-marqee {
    height: 95px;
  }
}
@media (max-width: 575px) {
  .text-marqee {
    height: 65px;
  }
}
.decoration li {
  position: absolute;
}
.flower-gif {
  left: 19%;
  top: -40px;
}
@media (max-width: 991px) {
  .flower-gif {
    left: 15%;
    top: 0;
  }
}
@media (max-width: 767px) {
  .flower-gif {
    left: 8%;
  }
}
@media (max-width: 575px) {
  .flower-gif {
    display: none;
  }
}
.big-title {
  color: rgba(234, 235, 241, 0.5);
  font-size: 200px;
  font-weight: 700;
  letter-spacing: -0.045em;
  line-height: 229px;
  margin-bottom: 0;
}
@media (max-width: 1199px) {
  .big-title {
    font-size: 140px;
    line-height: 170px;
  }
}
@media (max-width: 991px) {
  .big-title {
    font-size: 110px;
    line-height: 140px;
  }
}
@media (max-width: 767px) {
  .big-title {
    font-size: 80px;
    line-height: 100px;
  }
}
@media (max-width: 575px) {
  .big-title {
    font-size: 50px;
    line-height: 60px;
  }
}
.navabr_btn-set {
  position: relative;
}
.navabr_btn-set:focus {
  outline: 0;
}
.navabr_btn-set span {
  background-color: #fff;
  display: block;
  height: 3px;
  left: 0;
  margin-bottom: 4px;
  margin-top: 4px;
  opacity: 1;
  transform: rotate(0deg);
  width: 25px;
}
.navabr_btn-set:not(.custom_nav) span:first-child {
  left: 12px;
  opacity: 0.9;
  position: absolute;
  top: 10px;
  transform: rotate(135deg);
}
.navabr_btn-set:not(.custom_nav) span:nth-child(2) {
  background-color: transparent;
  height: 12px;
  visibility: hidden;
}
.navabr_btn-set:not(.custom_nav) span:nth-child(3) {
  left: 12px;
  opacity: 0.9;
  position: absolute;
  top: 10px;
  transform: rotate(-135deg);
}
.navbar-b {
  background-color: transparent;
  padding-bottom: 1.563rem;
  padding-top: 1.563rem;
  transition: all 0.5s ease-in-out;
}
.fixed-top {
  display: flex;
  left: 0;
  position: relative;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1030;
}
.navbar-toggler span {
  background-color: transparent;
  display: block;
  height: 3px;
  left: 0;
  margin-bottom: 4px;
  margin-top: 4px;
  opacity: 1;
  transform: rotate(0deg);
  width: 25px;
  z-index: 112;
}
.navbar-toggler span:first-child,
.navbar-toggler span:nth-child(3) {
  transition: transform 0.35s ease-in-out;
}
.navbar-toggler:focus {
  box-shadow: none;
}
.navbar_nav_modify li {
  text-align: center;
}
.sticky-header header {
  background: var(--theme-default);
  box-shadow: 0 0 5px 1px rgba(5, 56, 111, 0.1);
  color: #fff;
  height: 80px;
  line-height: normal;
  position: fixed;
  text-align: center;
  transition: all 0.4s ease;
  width: 100%;
  z-index: 6;
}
.sticky-header header .nav-padding {
  padding: 14px;
}
.sticky-header header.sticky {
  background: var(--theme-default);
  line-height: normal;
  text-align: left;
}
.sticky-header header.sticky .nav-padding {
  padding: 7px 14px;
}
.landing-home .sticky .navbar-brand img {
  max-height: 35px;
}
.title-padding {
  padding: 130px 0;
}
@keyframes mover {
  0% {
    transform: translateY(0);
  }
  to {
    transform: translateY(-4px);
  }
}
@media (max-width: 1440px) {
  .navbar-nav .nav-item .nav-link {
    font-size: 16px;
    padding: 12px 7px;
  }
}
@media only screen and (max-width: 1199px) {
  .sticky-header header.sticky .nav-padding {
    padding: 15px 25px;
  }
  .navbar-toggler span {
    background-color: #fff;
  }
  .landing-home .screen1 {
    left: 100px;
    margin-top: 0;
  }
  .sticky-header .navbar-nav .nav-item .nav-link {
    color: #000;
    font-size: 15px;
    padding: 10px 12px !important;
  }
  .sticky-header .navbar-nav li {
    display: block;
    width: 100%;
  }
  .landing-page .navbar-expand-xl .navbar-collapse {
    background-color: #fff;
    left: 15px;
    margin-top: 20px;
    position: absolute;
    top: 70px;
    width: calc(100% - 30px);
  }
}
@media only screen and (max-width: 1199px) and (max-width: 575px) {
  .landing-page .navbar-expand-xl .navbar-collapse {
    top: 40px;
  }
}
@media only screen and (max-width: 1199px) {
  .landing-page .navbar-expand-xl .navbar-collapse .navbar-nav {
    padding: 20px 30px 30px;
  }
  header.sticky .navbar-expand-xl .navbar-collapse {
    top: 50px;
  }
  .landing-main .sticky .navbar-expand-xl .navbar-brand {
    top: 8px;
  }
  .landing-main .sticky .navbar-expand-xl .navabr_btn-set {
    top: 16px;
  }
  .landing-main .navbar-toggler span {
    background-color: #fff;
  }
  .landing-main .navbar_nav_modify {
    background-color: #293240;
    height: 100vh;
    left: 0;
    padding: 120px 0;
    position: fixed;
    top: 0;
    width: 100vw;
  }
  .landing-main h4 {
    font-size: 20px;
  }
  .landing-main .navbar-expand-xl .navabr_btn-set {
    position: fixed;
    right: 20px;
    top: 24px;
    z-index: 1;
  }
  .landing-main .navbar-expand-xl .navbar-brand {
    padding-left: 5px;
    position: fixed;
    top: 14px;
    z-index: 1;
  }
  .landing-main .navbar-expand-xl .navbar-collapse .navbar-nav .nav-item a {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    padding: 28px 60px;
    text-align: center;
    width: 16px;
  }
  .landing-main .navbar-expand-lg .navbar-brand {
    padding-left: 5px;
  }
  .landing-main .navbar-expand-lg .navbar-collapse .navbar-nav .nav-item a {
    padding: 9px;
  }
}
@media only screen and (max-width: 991px) {
  .landing-home .navbar-brand img {
    height: 35px;
  }
  .frameworks-section > .container {
    max-width: 100%;
  }
  .landing-main .navbar-expand-lg .navbar-collapse {
    border-radius: 5px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    padding: 15px;
    position: absolute;
    top: 90px;
    width: calc(100% - 30px);
  }
  .landing-main .section-space {
    padding: 60px 0;
  }
  .landing-main .section-space p {
    font-size: 16px;
  }
  .landing-main .navbar-expand-lg .navbar-toggler {
    background-color: #fff;
  }
  .landing-main .navbar-expand-lg .navbar-toggler .navbar-toggler-icon i {
    color: var(--theme-default);
    margin-top: 5px;
  }
  .landing-main .navbar-expand-lg .navbar-collapse {
    background-color: #fff;
    z-index: 111;
  }
  .landing-main .navbar-expand-lg .navbar-collapse .navbar-nav .nav-item a {
    color: #000;
  }
  .landing-main .footer-bg h2 {
    font-size: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .landing-page .sticky-header header.sticky .navbar-nav .nav-item .nav-link {
    font-size: 14px;
    padding: 10px 12px;
  }
  header.sticky .navbar-expand-xl .navbar-collapse {
    top: 45px;
  }
}
@media only screen and (max-width: 575px) {
  .landing-home .sticky-header header .nav-padding {
    padding: 15px 30px;
  }
  .landing-page .cuba-demo-content,
  .page-wrapper .cuba-demo-content {
    margin-bottom: 20px;
  }
  .landing-page .section-space,
  .page-wrapper .section-space {
    overflow: hidden;
    padding: 40px 0;
  }
  .landing-main h4 {
    font-size: 17px;
  }
  .landing-main .footer-bg h2 {
    font-size: 21px;
  }
}
@media only screen and (max-width: 480px) {
  .sticky-header header.sticky {
    height: 56px;
  }
  header.sticky .navbar-expand-xl .navbar-collapse {
    top: 36px;
  }
  .landing-home .sticky-header header .nav-padding {
    padding: 15px;
  }
  .landing-home .navbar-toggler {
    background-color: transparent;
    border: none;
    padding: 0;
  }
  .landing-home .navbar-brand img {
    height: 25px;
  }
}
@media only screen and (max-width: 380px) {
  .component-col-set {
    width: 100%;
  }
}
#landings {
  scroll-margin-top: 70px;
}
.current_lang {
  cursor: pointer;
  overflow: hidden;
  text-transform: uppercase;
}
.lang.selected {
  display: none;
}
.lang span.lang-txt {
  display: inline-flex;
  font-weight: 500;
  margin-left: 8px;
}
.lang span span {
  color: #999;
  font-weight: 400;
  margin-left: 5px;
}
.more_lang {
  cursor: pointer;
  display: none;
  opacity: 0;
  transform: translateY(-20px);
  transition: all 0.3s cubic-bezier(0.25, 1.15, 0.35, 1.15);
}
.translate_wrapper.active .more_lang {
  background-color: #fff;
  box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  display: block;
  position: absolute;
  right: 0;
  top: 47px;
}
.translate_wrapper.active .more_lang:before {
  border-bottom: 7px solid #fff;
  z-index: 2;
}
.translate_wrapper.active .more_lang:after,
.translate_wrapper.active .more_lang:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  content: "";
  height: 0;
  position: absolute;
  right: 20px;
  top: -7px;
  width: 0;
}
.translate_wrapper.active .more_lang:after {
  border-bottom: 7px solid #bdc2c5;
  z-index: 1;
}
.more_lang.active {
  opacity: 1;
  transform: translateY(0);
}
.more_lang .lang {
  display: flex;
  padding: 10px 15px;
}
.more_lang .lang:hover {
  background: var(--theme-default);
  color: #fff;
}
.more_lang .lang:hover span {
  color: #fff;
}
.translate_wrapper.active .more_lang .lang {
  border-bottom: 1px solid #eaeaea;
}
.learning-header {
  margin-bottom: 10px;
}
.categories {
  padding: 20px 0;
}
.categories:last-child {
  padding-bottom: 0;
}
.categories .learning-header {
  padding-left: 15px;
}
.categories ul li {
  padding: 8px 15px;
}
.categories ul li a {
  color: #404040;
}
.categories ul li:hover {
  background-color: #f4f4f4;
}
@media (max-width: 1199px) {
  .categories ul li {
    padding: 6px 15px;
  }
}
.upcoming-course .d-flex + .d-flex {
  margin-top: 20px;
}
@media (max-width: 1199px) {
  .upcoming-course .d-flex + .d-flex {
    margin-top: 16px;
  }
}
.job-accordion {
  margin-bottom: 0;
}
.learning-filter .md-sidebar .card-body .job-filter .form-control {
  padding-right: 35px;
}
[dir="rtl"] .learning-filter .md-sidebar .card-body .job-filter .form-control {
  padding-left: 35px;
  padding-right: 12px;
}
@media screen and (max-width: 1366px) and (min-width: 1200px) {
  .learning-comment {
    float: left !important;
    margin-left: -14px !important;
  }
  [dir="rtl"] .learning-comment {
    float: right !important;
    margin-left: unset !important;
    margin-right: -14px !important;
  }
  .blog-box .blog-details .blog-social li:first-child {
    padding-right: 8px;
  }
  .blog-box .blog-details .blog-social li + li {
    padding-left: 8px;
  }
}
@media only screen and (max-width: 991px) {
  .categories {
    padding: 20px 0;
  }
  .upcoming-course .d-flex + .d-flex {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .categories {
    padding: 15px 0;
  }
  .upcoming-course .d-flex + .d-flex {
    margin-top: 15px;
  }
}
.login-card {
  align-items: center;
  background: url(images/login_bg.jpg);
  background-position: 50%;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  min-height: 100vh;
  padding: 30px 12px;
}
.login-card .logo {
  display: block;
  margin-bottom: 30px;
  text-align: center;
}
.login-card .btn-showcase {
  text-align: center;
}
.login-card .btn-showcase .btn {
  line-height: 1;
  margin: 0;
  padding: 10px 15px;
}
.login-card .btn-showcase .btn + .btn {
  margin-left: 8px;
}
[dir="rtl"] .login-card .btn-showcase .btn + .btn {
  margin-left: unset;
  margin-right: 8px;
}
.login-card .btn-showcase .btn i {
  color: #3f475a;
  font-size: 18px;
}
.login-card .btn-showcase .btn svg {
  height: 16px;
  vertical-align: bottom;
}
.login-card .login-main {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 0 37px rgba(8, 21, 66, 0.05);
  margin: 0 auto;
  padding: 40px;
  width: 450px;
}
.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 {
  background-color: #f3f3ff;
  content: "";
  height: 2px;
  position: absolute;
  right: 0;
  top: 9px;
  width: 65%;
  z-index: 0;
}
[dir="rtl"] .login-card .login-main .theme-form .or:before {
  left: 0;
  right: unset;
}
.login-card .login-main .theme-form input {
  background-color: #f3f3ff;
  transition: all 0.3s ease;
}
.login-card .login-main .theme-form input::-webkit-input-placeholder {
  color: #999;
}
.login-card .login-main .theme-form input:focus,
.login-card .login-main .theme-form input:hover {
  border: 1px solid #b9c1cc;
  box-shadow: none !important;
  transition: all 0.3s ease;
}
.login-card
  .login-main
  .theme-form
  .form-input.position-relative
  input[type="password"],
.login-card
  .login-main
  .theme-form
  .form-input.position-relative
  input[type="text"] {
  padding: 12px 48px 12px 12px !important;
}
.login-card .login-main .theme-form p {
  color: #898989;
  font-size: 14px;
  margin-bottom: 25px;
}
.login-card .login-main .theme-form .form-group {
  margin-bottom: 10px;
  position: relative;
}
.login-card .login-main .theme-form .link {
  position: absolute;
  right: 0;
  top: 0;
}
[dir="rtl"] .login-card .login-main .theme-form .link {
  left: 0;
  right: unset;
}
.login-card .login-main.create-account .theme-form .or:before {
  content: "";
  width: 38%;
}
.login-card .restricted-account .login-main {
  text-align: center;
}
@media (min-width: 635px) {
  .login-card .restricted-account .login-main {
    width: 550px;
  }
}
.login-card .restricted-account .login-main .theme-form h2 {
  margin-bottom: 12px;
}
.login-card .restricted-account .login-main .theme-form img {
  display: block;
  height: calc(171px + 9.0625vw);
  margin: calc(38px + 0.625vw) auto auto;
}
.show-hide {
  position: absolute;
  right: 20px;
  top: 52px;
  transform: translateY(-50%);
}
.show-hide span {
  color: var(--theme-default);
  cursor: pointer;
  font-size: 13px;
}
.show-hide span.show:before {
  content: "\f06e";
}
.show-hide span.show:before,
.show-hide span:before {
  color: #999;
  font-family: Font Awesome\6 Free;
  font-weight: 900;
}
.show-hide span:before {
  content: "\f070";
}
.needs-validation .invalid-feedback {
  color: #898989;
}
.needs-validation .show-hide {
  right: 30px;
}
.needs-validation .invalid-tooltip {
  right: 10px;
  top: 10px;
}
.mega-inline {
  display: flex;
  margin-bottom: -30px;
}
.mega-inline .card {
  border: 1px solid #f3f3f3;
  box-shadow: 0 9px 20px rgba(46, 35, 94, 0.07);
}
.mega-inline .mega-title-badge {
  display: table;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  width: 100%;
}
.mega-inline .d-flex .radio {
  margin-left: 3px;
}
[dir="rtl"] .mega-inline .d-flex .radio {
  margin-left: unset;
  margin-right: 3px;
}
.megaoption-space span:not(.pull-right):last-child {
  color: #404040;
}
.mega-vertical {
  display: flex;
  flex-wrap: wrap;
}
.mega-vertical .card {
  box-shadow: 0 9px 20px rgba(46, 35, 94, 0.07);
}
.mega-vertical .mega-title-badge {
  display: table;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  width: 100%;
}
.mega-vertical .d-flex .radio {
  margin-left: 3px;
}
.mega-title {
  font-weight: 600;
}
.mega-horizontal {
  display: flex;
  flex-wrap: wrap;
}
.mega-horizontal .card {
  border: 1px solid #f3f3f3;
  box-shadow: 0 9px 20px rgba(46, 35, 94, 0.07);
}
.mega-horizontal .mega-title-badge {
  display: table;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  width: 100%;
}
.mega-horizontal .d-flex .radio {
  margin-left: 3px;
}
.plain-style .card {
  border: none !important;
  box-shadow: none;
}
.border-style .card {
  border: 1px solid #e9edf1 !important;
  box-shadow: none;
}
.offer-style .card {
  border: 1px dashed #e9edf1 !important;
  box-shadow: none;
}
.rating-star-wrapper {
  color: #797979;
}
.card-wrapper .payment-wrapper {
  align-items: center;
  border-bottom: 1px solid var(--chart-dashed-border);
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
  padding-bottom: 8px;
}
.card-wrapper .payment-wrapper:last-child {
  border-bottom: unset;
  margin-bottom: 0;
  padding-bottom: 0;
}
.card-wrapper .payment-wrapper .payment-second img {
  width: 50px;
}
.card-wrapper .payment-wrapper .payment-second .mega-icons {
  height: 20px;
  width: 20px;
}
.main-upgrade {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  margin: 0 auto;
  text-align: center;
}
.main-upgrade > div:first-child {
  margin-bottom: 20px;
}
.main-upgrade i {
  color: #7366ff;
  display: block;
  font-size: calc(38px + 0.625vw);
}
.main-upgrade p {
  line-height: 1.4;
}
.main-upgrade .variation-box {
  align-items: center;
  display: flex;
  gap: 20px;
  justify-content: center;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .main-upgrade .variation-box {
    display: grid;
    gap: 18px;
    grid-template-columns: auto auto;
  }
}
@media (max-width: 700px) {
  .main-upgrade .variation-box {
    display: grid;
    gap: 18px;
    grid-template-columns: auto auto;
  }
}
@media (max-width: 380px) {
  .main-upgrade .variation-box {
    grid-template-columns: unset;
  }
}
.main-upgrade .variation-box .selection-box {
  border: 1px solid #7366ff;
  border-radius: 15px;
  height: 100px;
  min-width: 125px;
  position: relative;
}
@media (min-width: 1200px) and (max-width: 1920px) {
  .main-upgrade .variation-box .selection-box {
    min-width: calc(85px + 2.08333vw);
  }
}
.main-upgrade .variation-box .selection-box .custom--mega-checkbox {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  line-height: 25px;
  transition: 0.5s ease;
  width: 100%;
}
.main-upgrade .variation-box .selection-box input {
  cursor: pointer;
  height: 96px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 118px;
}
[dir="rtl"] .main-upgrade .variation-box .selection-box input {
  left: unset;
  right: 0;
}
.main-upgrade
  .variation-box
  .selection-box
  input[type="checkbox"]:checked
  ~ div {
  background-color: rgba(115, 102, 255, 0.1);
  border-radius: 15px;
}
.megaoptions-border-space-sm .d-flex .radio label {
  padding-left: 18px;
}
[dir="rtl"] .megaoptions-border-space-sm .d-flex .radio label {
  padding-left: unset;
  padding-right: 18px;
}
@media (min-width: 618px) and (max-width: 1199px) {
  .megaoptions-border-space-sm .d-flex .flex-grow-1 .list-behavior-1 {
    flex-direction: row;
    gap: 18px;
  }
}
@media (max-width: 618px) {
  .megaoptions-border-space-sm .d-flex .flex-grow-1 .list-behavior-1 {
    flex-direction: column;
    gap: 12px;
  }
}
.megaoptions-border-space-sm
  .d-flex
  .flex-grow-1
  .list-behavior-1
  .flex-grow-1 {
  margin-top: -6px;
}
@media (max-width: 618px) {
  .megaoptions-border-space-sm
    .d-flex
    .flex-grow-1
    .list-behavior-1
    .flex-grow-1 {
    margin-left: 0;
  }
  [dir="rtl"]
    .megaoptions-border-space-sm
    .d-flex
    .flex-grow-1
    .list-behavior-1
    .flex-grow-1 {
    margin-left: unset;
    margin-right: 0;
  }
}
.megaoptions-border-space-sm .d-flex .flex-grow-1 .list-behavior-1:first-child {
  margin-bottom: 0;
}
.megaoption-space .badge.pull-right,
.megaoptions-border-space-sm .badge.pull-right {
  margin-bottom: 12px;
}
.manage-review-wrapper .top-body {
  align-items: center;
  display: flex;
  gap: 4px;
  justify-content: flex-end;
  padding: 20px;
  position: relative;
}
.manage-review-wrapper .top-body .bootstrap-select {
  margin-left: 4px;
  width: 118px !important;
}
[dir="rtl"] .manage-review-wrapper .top-body .bootstrap-select {
  margin-left: unset;
  margin-right: 4px;
}
.manage-review-wrapper .top-body .bootstrap-select.dropdown-toggle {
  min-width: 100px;
}
.manage-review-wrapper .top-body .form-label {
  margin-bottom: 0;
}
.manage-review-wrapper
  .top-body
  ~ .manage-review
  .dt-container
  .dt-layout-row:first-child {
  align-items: center;
  display: flex;
  flex-direction: row-reverse;
  gap: 16px;
  justify-content: flex-start;
  left: 20px;
  position: absolute;
  top: 20px;
}
[dir="rtl"]
  .manage-review-wrapper
  .top-body
  ~ .manage-review
  .dt-container
  .dt-layout-row:first-child {
  left: unset;
  right: 20px;
}
@media (max-width: 991px) {
  .manage-review-wrapper
    .top-body
    ~ .manage-review
    .dt-container
    .dt-layout-row:first-child {
    align-items: flex-start;
    flex-direction: column-reverse;
    gap: 12px;
  }
}
@media (max-width: 599px) and (min-width: 416px) {
  .manage-review-wrapper
    .top-body
    ~ .manage-review
    .dt-container
    .dt-layout-row:first-child {
    top: 70px;
  }
}
@media (max-width: 423px) {
  .manage-review-wrapper
    .top-body
    ~ .manage-review
    .dt-container
    .dt-layout-row:first-child {
    top: 118px;
  }
}
.manage-review-wrapper
  .top-body
  ~ .manage-review
  .dt-container
  .dt-layout-row
  .dt-buttons {
  margin: 0;
}
@media (max-width: 370px) {
  .manage-review-wrapper
    .top-body
    ~ .manage-review
    .dt-container
    .dt-layout-row
    .dt-buttons
    .btn {
    padding: 6px 9px !important;
  }
}
@media (max-width: 640px) {
  .manage-review-wrapper
    .top-body
    ~ .manage-review
    .dt-container
    .dt-layout-row
    .dt-layout-cell
    .dt-search {
    inset: 0;
    margin: 0;
  }
}
@media (max-width: 345px) {
  .manage-review-wrapper
    .top-body
    ~ .manage-review
    .dt-container
    .dt-layout-row
    .dt-layout-cell
    .dt-search {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .manage-review-wrapper
    .top-body
    ~ .manage-review
    .dt-container
    .dt-layout-row
    .dt-layout-cell
    .dt-search
    label {
    margin: 0;
  }
}
@media (max-width: 1399px) and (min-width: 600px) {
  .manage-review-wrapper .top-body .row {
    flex-direction: column;
  }
}
@media (max-width: 991px) and (min-width: 600px) {
  .manage-review-wrapper .top-body {
    padding-bottom: 30px;
  }
}
@media (max-width: 599px) {
  .manage-review-wrapper .top-body {
    justify-content: flex-start;
    padding-bottom: 120px;
  }
}
@media (max-width: 345px) {
  .manage-review-wrapper .top-body {
    padding-bottom: 143px;
  }
}
.manage-review .recent-table div.dt-container .dt-layout-row .dt-search {
  inset: unset;
  position: relative;
}
@media (max-width: 640px) {
  .manage-review .recent-table div.dt-container .dt-layout-row .dt-search {
    top: 4px;
  }
}
.manage-review
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input {
  border-radius: 6px;
  opacity: 1;
  padding: 6px;
  width: auto;
}
.manage-review
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input:focus::-moz-placeholder {
  opacity: 0;
}
.manage-review
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input:focus::placeholder {
  opacity: 0;
}
@media (max-width: 991px) {
  .manage-review .recent-table div.dt-container .dt-layout-row:last-child {
    flex-direction: column;
  }
}
.manage-review .recent-table [class*="square-"] {
  align-items: center;
  background-color: rgba(252, 86, 74, 0.1);
  border-radius: 2px;
  box-shadow: 0 0 28px 6px hsla(0, 0%, 92%, 0.4);
  display: flex;
  height: 34px;
  justify-content: center;
  width: 34px;
}
.manage-review .recent-table [class*="square-"] svg {
  fill: #fc564a;
  height: 16px;
  width: 16px;
}
.manage-review .recent-table table tbody tr td,
.manage-review .recent-table table tbody tr th,
.manage-review .recent-table table thead tr td,
.manage-review .recent-table table thead tr th {
  color: var(--body-font-color);
  min-width: auto;
}
.manage-review .recent-table table tbody tr td:first-child,
.manage-review .recent-table table tbody tr th:first-child,
.manage-review .recent-table table thead tr td:first-child,
.manage-review .recent-table table thead tr th:first-child {
  padding-left: 20px;
}
.manage-review .recent-table table tbody tr td:last-child,
.manage-review .recent-table table tbody tr th:last-child,
.manage-review .recent-table table thead tr td:last-child,
.manage-review .recent-table table thead tr th:last-child {
  padding-right: 20px;
}
.manage-review .recent-table table tbody tr td:nth-child(2),
.manage-review .recent-table table tbody tr th:nth-child(2),
.manage-review .recent-table table thead tr td:nth-child(2),
.manage-review .recent-table table thead tr th:nth-child(2) {
  min-width: 55px;
}
.manage-review .recent-table table tbody tr td:nth-child(3),
.manage-review .recent-table table tbody tr th:nth-child(3),
.manage-review .recent-table table thead tr td:nth-child(3),
.manage-review .recent-table table thead tr th:nth-child(3) {
  min-width: 200px;
}
.manage-review .recent-table table tbody tr td:nth-child(4),
.manage-review .recent-table table tbody tr th:nth-child(4),
.manage-review .recent-table table thead tr td:nth-child(4),
.manage-review .recent-table table thead tr th:nth-child(4) {
  min-width: 214px;
}
.manage-review .recent-table table tbody tr td:nth-child(5),
.manage-review .recent-table table tbody tr th:nth-child(5),
.manage-review .recent-table table thead tr td:nth-child(5),
.manage-review .recent-table table thead tr th:nth-child(5) {
  min-width: 265px;
}
.manage-review .recent-table table tbody tr td:nth-child(6),
.manage-review .recent-table table tbody tr th:nth-child(6),
.manage-review .recent-table table thead tr td:nth-child(6),
.manage-review .recent-table table thead tr th:nth-child(6) {
  min-width: 110px;
}
@media (max-width: 1347px) and (min-width: 1200px) {
  .manage-review .recent-table table tbody tr td:nth-child(6),
  .manage-review .recent-table table tbody tr th:nth-child(6),
  .manage-review .recent-table table thead tr td:nth-child(6),
  .manage-review .recent-table table thead tr th:nth-child(6) {
    display: none;
  }
}
@media (max-width: 1436px) and (min-width: 1200px) {
  .manage-review .recent-table table tbody tr td:nth-child(7),
  .manage-review .recent-table table tbody tr th:nth-child(7),
  .manage-review .recent-table table thead tr td:nth-child(7),
  .manage-review .recent-table table thead tr th:nth-child(7) {
    display: none;
  }
}
.manage-review .recent-table table tbody tr td .badge,
.manage-review .recent-table table tbody tr th .badge,
.manage-review .recent-table table thead tr td .badge,
.manage-review .recent-table table thead tr th .badge {
  font-size: 12px;
  padding: 6px 12px;
}
.manage-review .recent-table table tbody tr td .common-f-start,
.manage-review .recent-table table tbody tr th .common-f-start,
.manage-review .recent-table table thead tr td .common-f-start,
.manage-review .recent-table table thead tr th .common-f-start {
  gap: 8px;
}
.manage-review .recent-table table tbody tr td .common-f-start img,
.manage-review .recent-table table tbody tr th .common-f-start img,
.manage-review .recent-table table thead tr td .common-f-start img,
.manage-review .recent-table table thead tr th .common-f-start img {
  height: 40px;
}
.manage-review .recent-table table tbody tr td .common-f-start .user-details,
.manage-review .recent-table table tbody tr th .common-f-start .user-details,
.manage-review .recent-table table thead tr td .common-f-start .user-details,
.manage-review .recent-table table thead tr th .common-f-start .user-details {
  display: block;
}
.manage-review .recent-table table tbody tr td .common-f-start .user-details p,
.manage-review .recent-table table tbody tr th .common-f-start .user-details p,
.manage-review .recent-table table thead tr td .common-f-start .user-details p,
.manage-review .recent-table table thead tr th .common-f-start .user-details p {
  color: rgba(82, 82, 108, 0.8);
  line-height: 1.3;
}
.manage-review .recent-table table tbody tr td .rating,
.manage-review .recent-table table tbody tr th .rating,
.manage-review .recent-table table thead tr td .rating,
.manage-review .recent-table table thead tr th .rating {
  display: flex;
  gap: 3px;
  padding-bottom: 6px;
}
.manage-review .recent-table table tbody tr td .rating i,
.manage-review .recent-table table tbody tr th .rating i,
.manage-review .recent-table table thead tr td .rating i,
.manage-review .recent-table table thead tr th .rating i {
  font-size: 14px;
}
.manage-review .recent-table table tbody tr td .customer-review span,
.manage-review .recent-table table tbody tr th .customer-review span,
.manage-review .recent-table table thead tr td .customer-review span,
.manage-review .recent-table table thead tr th .customer-review span {
  color: rgba(82, 82, 108, 0.8);
}
@media (max-width: 1199px) {
  .manage-review .recent-table table tbody tr td .customer-review span,
  .manage-review .recent-table table tbody tr th .customer-review span,
  .manage-review .recent-table table thead tr td .customer-review span,
  .manage-review .recent-table table thead tr th .customer-review span {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 3;
    height: auto;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.manage-review .recent-table table tbody tr.dt-hasChild ~ tr[data-dt-row] tbody,
.manage-review
  .recent-table
  table
  thead
  tr.dt-hasChild
  ~ tr[data-dt-row]
  tbody {
  background-color: #fafafa;
}
.manage-review
  .recent-table
  table
  tbody
  tr.dt-hasChild
  ~ tr[data-dt-row]
  tbody
  tr
  td:first-child,
.manage-review
  .recent-table
  table
  thead
  tr.dt-hasChild
  ~ tr[data-dt-row]
  tbody
  tr
  td:first-child {
  font-weight: 500;
  min-width: 128px;
}
.border-opacity-wrapper .border {
  --theme-default: 115, 102, 255;
  border-color: rgba(var(--theme-default), var(--bs-border-opacity)) !important;
}
.border-opacity-wrapper .border a {
  color: #7366ff;
}
.bg-opacity-wrapper > div {
  --theme-default: 115, 102, 255;
  background-color: rgba(var(--theme-default), var(--bs-bg-opacity)) !important;
}
.underline-opacity-wrapper p a {
  text-decoration: underline;
  --theme-default: 115, 102, 255;
  color: #7366ff;
  text-decoration-color: rgba(
    var(--theme-default),
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
.link-opacity-wrapper p a {
  --theme-default: 115, 102, 255;
}
.link-opacity-wrapper p a,
.link-opacity-wrapper p a:hover {
  color: rgba(var(--theme-default), var(--bs-link-opacity, 1));
}
.link-body-emphasis {
  text-decoration: underline;
}
.common-order-history .flatpicker-calender .form-control {
  color: #52526c;
  font-size: 14px;
}
.common-order-history .order-history-wrapper {
  position: relative;
}
@media (max-width: 1399px) {
  .common-order-history
    .order-history-wrapper
    .recent-table
    div.dt-container
    .dt-layout-row:last-child {
    flex-direction: column;
  }
}
.common-order-history
  .order-history-wrapper
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search {
  right: -50px;
  top: -40px;
}
@media (max-width: 1399px) {
  .common-order-history
    .order-history-wrapper
    .recent-table
    div.dt-container
    .dt-layout-row
    .dt-layout-cell
    .dt-search {
    display: block;
    left: 20px;
    margin-bottom: 20px;
    position: relative;
    top: 4px;
    width: 90%;
  }
}
.common-order-history
  .order-history-wrapper
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-length {
  left: 20px;
  top: -45px;
}
.common-order-history .order-history-wrapper .recent-table table tbody tr td,
.common-order-history .order-history-wrapper .recent-table table tbody tr th,
.common-order-history .order-history-wrapper .recent-table table thead tr td,
.common-order-history .order-history-wrapper .recent-table table thead tr th {
  color: var(--body-font-color);
  min-width: auto;
}
.common-order-history
  .order-history-wrapper
  .recent-table
  table
  tbody
  tr
  td:first-child,
.common-order-history
  .order-history-wrapper
  .recent-table
  table
  tbody
  tr
  th:first-child,
.common-order-history
  .order-history-wrapper
  .recent-table
  table
  thead
  tr
  td:first-child,
.common-order-history
  .order-history-wrapper
  .recent-table
  table
  thead
  tr
  th:first-child {
  padding-left: 20px;
}
.common-order-history
  .order-history-wrapper
  .recent-table
  table
  tbody
  tr
  td:last-child,
.common-order-history
  .order-history-wrapper
  .recent-table
  table
  tbody
  tr
  th:last-child,
.common-order-history
  .order-history-wrapper
  .recent-table
  table
  thead
  tr
  td:last-child,
.common-order-history
  .order-history-wrapper
  .recent-table
  table
  thead
  tr
  th:last-child {
  padding-right: 20px;
}
.common-order-history
  .order-history-wrapper
  .recent-table
  table
  tbody
  tr
  td
  .badge,
.common-order-history
  .order-history-wrapper
  .recent-table
  table
  tbody
  tr
  th
  .badge,
.common-order-history
  .order-history-wrapper
  .recent-table
  table
  thead
  tr
  td
  .badge,
.common-order-history
  .order-history-wrapper
  .recent-table
  table
  thead
  tr
  th
  .badge {
  padding: 6px 12px;
}
.common-order-history .order-history-wrapper .recent-table table tbody tr td a,
.common-order-history .order-history-wrapper .recent-table table tbody tr th a,
.common-order-history .order-history-wrapper .recent-table table thead tr td a,
.common-order-history .order-history-wrapper .recent-table table thead tr th a {
  font-weight: 500;
}
@media (max-width: 1415px) and (min-width: 1261px) {
  .common-order-history
    .order-history-wrapper
    .recent-table
    table
    tbody
    tr
    td:nth-child(4),
  .common-order-history
    .order-history-wrapper
    .recent-table
    table
    tbody
    tr
    th:nth-child(4),
  .common-order-history
    .order-history-wrapper
    .recent-table
    table
    thead
    tr
    td:nth-child(4),
  .common-order-history
    .order-history-wrapper
    .recent-table
    table
    thead
    tr
    th:nth-child(4) {
    display: none;
  }
}
@media (max-width: 1260px) {
  .common-order-history
    .order-history-wrapper
    .recent-table
    table
    tbody
    tr
    td:nth-child(2),
  .common-order-history
    .order-history-wrapper
    .recent-table
    table
    tbody
    tr
    th:nth-child(2),
  .common-order-history
    .order-history-wrapper
    .recent-table
    table
    thead
    tr
    td:nth-child(2),
  .common-order-history
    .order-history-wrapper
    .recent-table
    table
    thead
    tr
    th:nth-child(2) {
    min-width: 104px;
  }
  .common-order-history
    .order-history-wrapper
    .recent-table
    table
    tbody
    tr
    td:nth-child(3),
  .common-order-history
    .order-history-wrapper
    .recent-table
    table
    tbody
    tr
    th:nth-child(3),
  .common-order-history
    .order-history-wrapper
    .recent-table
    table
    thead
    tr
    td:nth-child(3),
  .common-order-history
    .order-history-wrapper
    .recent-table
    table
    thead
    tr
    th:nth-child(3) {
    min-width: 180px;
  }
  .common-order-history
    .order-history-wrapper
    .recent-table
    table
    tbody
    tr
    td:nth-child(4),
  .common-order-history
    .order-history-wrapper
    .recent-table
    table
    tbody
    tr
    th:nth-child(4),
  .common-order-history
    .order-history-wrapper
    .recent-table
    table
    thead
    tr
    td:nth-child(4),
  .common-order-history
    .order-history-wrapper
    .recent-table
    table
    thead
    tr
    th:nth-child(4) {
    min-width: 140px;
  }
  .common-order-history
    .order-history-wrapper
    .recent-table
    table
    tbody
    tr
    td:nth-child(5),
  .common-order-history
    .order-history-wrapper
    .recent-table
    table
    tbody
    tr
    th:nth-child(5),
  .common-order-history
    .order-history-wrapper
    .recent-table
    table
    thead
    tr
    td:nth-child(5),
  .common-order-history
    .order-history-wrapper
    .recent-table
    table
    thead
    tr
    th:nth-child(5) {
    min-width: 122px;
  }
  .common-order-history
    .order-history-wrapper
    .recent-table
    table
    tbody
    tr
    td:nth-child(6),
  .common-order-history
    .order-history-wrapper
    .recent-table
    table
    tbody
    tr
    th:nth-child(6),
  .common-order-history
    .order-history-wrapper
    .recent-table
    table
    thead
    tr
    td:nth-child(6),
  .common-order-history
    .order-history-wrapper
    .recent-table
    table
    thead
    tr
    th:nth-child(6) {
    min-width: 140px;
  }
  .common-order-history
    .order-history-wrapper
    .recent-table
    table
    tbody
    tr
    td:nth-child(7),
  .common-order-history
    .order-history-wrapper
    .recent-table
    table
    tbody
    tr
    th:nth-child(7),
  .common-order-history
    .order-history-wrapper
    .recent-table
    table
    thead
    tr
    td:nth-child(7),
  .common-order-history
    .order-history-wrapper
    .recent-table
    table
    thead
    tr
    th:nth-child(7) {
    min-width: 148px;
  }
}
.common-order-history
  .order-history-wrapper
  .recent-table
  table
  tbody
  .square-white {
  align-items: center;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 0 28px 6px hsla(0, 0%, 92%, 0.4);
  display: flex;
  height: 34px;
  justify-content: center;
  width: 34px;
}
.common-order-history
  .order-history-wrapper
  .recent-table
  table
  tbody
  .square-white
  svg {
  fill: rgba(82, 82, 108, 0.8);
  height: 16px;
  width: 16px;
}
.common-order-history .form-select {
  color: rgba(82, 82, 108, 0.8);
  font-size: 14.5px;
}
.track-order-details h6 {
  position: relative;
}
.track-order-details #order-status-timeline .status-bar {
  background-color: var(--recent-dashed-border);
  height: 3px;
  left: 50%;
  position: absolute;
  top: 18px;
  transform: translateX(-50%);
  width: 80%;
}
[dir="rtl"] .track-order-details #order-status-timeline .status-bar {
  left: unset;
  right: 50%;
  transform: translateX(50%);
}
@media (max-width: 1399px) {
  .track-order-details #order-status-timeline .status-bar {
    top: 13px;
  }
}
@media (max-width: 575px) {
  .track-order-details #order-status-timeline .status-bar {
    left: calc(50% - 68px);
    top: 50%;
    transform: translateX(-50%) rotate(90deg);
    width: 220px;
  }
  [dir="rtl"] .track-order-details #order-status-timeline .status-bar {
    left: unset;
    right: calc(50% - 68px);
    transform: translateX(50%) rotate(-90deg);
  }
}
@media (max-width: 400px) {
  .track-order-details #order-status-timeline .status-bar {
    left: 14px;
  }
  [dir="rtl"] .track-order-details #order-status-timeline .status-bar {
    left: unset;
    right: 14px;
  }
}
.track-order-details #order-status-timeline .status-bar.progress:after {
  background-color: var(--theme-default);
  content: "";
  height: 100%;
  position: absolute;
}
.track-order-details
  #order-status-timeline
  .status-bar.progress.step-one:after {
  width: 0;
}
.track-order-details
  #order-status-timeline
  .status-bar.progress.step-two:after {
  width: 25%;
}
.track-order-details
  #order-status-timeline
  .status-bar.progress.step-three:after {
  width: 50%;
}
.track-order-details
  #order-status-timeline
  .status-bar.progress.step-four:after {
  width: 75%;
}
.track-order-details
  #order-status-timeline
  .status-bar.progress.step-five:after {
  width: 100%;
}
.track-order-details #order-status-timeline .main-status-line ul {
  display: flex;
  position: relative;
}
@media (max-width: 575px) {
  .track-order-details #order-status-timeline .main-status-line ul {
    align-items: center;
    flex-direction: column;
    justify-content: center;
    overflow: auto;
    width: 100%;
  }
  .track-order-details #order-status-timeline .main-status-line ul li {
    width: 25%;
  }
}
@media (max-width: 400px) {
  .track-order-details #order-status-timeline .main-status-line ul {
    align-items: unset;
  }
}
.track-order-details #order-status-timeline .main-status-line ul li {
  text-align: center;
  width: 22%;
}
@media (max-width: 575px) {
  .track-order-details #order-status-timeline .main-status-line ul li {
    align-items: center;
    display: flex;
    text-align: unset;
    width: 165px;
  }
  .track-order-details #order-status-timeline .main-status-line ul li + li {
    margin-top: 21px;
  }
}
@media (max-width: 400px) {
  .track-order-details #order-status-timeline .main-status-line ul li {
    width: 100%;
  }
}
.track-order-details
  #order-status-timeline
  .main-status-line
  ul
  li
  .order-process {
  align-items: center;
  background-color: var(--white);
  border: 1px solid var(--recent-dashed-border);
  border-radius: 50%;
  color: var(--recent-dashed-border);
  display: flex;
  font-size: 16px;
  height: 38px;
  justify-content: center;
  margin: 0 auto;
  width: 38px;
}
.track-order-details
  #order-status-timeline
  .main-status-line
  ul
  li
  .order-process.active {
  background-color: var(--theme-default);
  border-color: var(--theme-default);
  color: #fff;
}
.track-order-details
  #order-status-timeline
  .main-status-line
  ul
  li
  .order-process.active
  svg {
  stroke: #fff;
}
@media (max-width: 1399px) {
  .track-order-details
    #order-status-timeline
    .main-status-line
    ul
    li
    .order-process {
    font-size: 14px;
    height: 28px;
    width: 28px;
  }
}
.track-order-details
  #order-status-timeline
  .main-status-line
  ul
  li
  .order-process
  svg {
  height: 30px;
  width: 30px;
  stroke: #52526c;
}
.track-order-details
  #order-status-timeline
  .main-status-line
  ul
  li
  .order-process
  span {
  line-height: 0;
}
.track-order-details #order-status-timeline .main-status-line ul li h6 {
  color: #52526c;
  display: -webkit-box;
  margin: 10px 0 0;
  max-width: 100%;
  -webkit-line-clamp: 2;
  height: auto;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 1399px) {
  .track-order-details #order-status-timeline .main-status-line ul li h6 {
    display: block;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media (max-width: 575px) {
  .track-order-details #order-status-timeline .main-status-line ul li h6 {
    margin: 0 0 0 8px;
    width: calc(100% - 36px);
  }
  [dir="rtl"]
    .track-order-details
    #order-status-timeline
    .main-status-line
    ul
    li
    h6 {
    margin: 0 8px 0 0;
  }
}
.summary-header {
  flex-wrap: wrap;
}
.order-details-product table thead th {
  font-size: 16px;
  padding-top: 0;
}
.order-details-product table tbody tr:last-child td {
  border-bottom: unset;
  padding-bottom: 0;
}
.order-details-product table tbody tr td:last-child {
  color: #3f475a;
  font-weight: 500;
}
.order-details-product table tbody ul li > p {
  display: inline-block;
  margin-bottom: 0;
}
.order-details-product table tbody ul li .common-dot {
  background-color: rgba(82, 82, 108, 0.8);
  border-radius: 50%;
  height: 5px;
  margin: 1px 6px;
  width: 5px;
}
.order-details-product table tbody ul li:last-child p,
.order-details-product table tbody ul li:last-child span {
  color: #52526c;
}
.order-details-product table tbody .light-product-box {
  align-items: center;
  background-color: var(--chart-progress-light);
  border-radius: 3px;
  display: flex;
  height: calc(60px + 1.5625vw);
  justify-content: center;
  min-width: calc(68.8px + 1.625vw);
  width: calc(68.8px + 1.625vw);
}
.order-details-product table tbody .light-product-box img {
  height: calc(35.6px + 1.375vw);
}
@media (max-width: 1199px) {
  .order-details-product table tbody tr td:nth-child(2),
  .order-details-product table tbody tr th:nth-child(2),
  .order-details-product table thead tr td:nth-child(2),
  .order-details-product table thead tr th:nth-child(2) {
    min-width: 220px;
  }
}
.order-details-product table tbody tr td a,
.order-details-product table tbody tr th a,
.order-details-product table thead tr td a,
.order-details-product table thead tr th a {
  color: var(--body-font-color);
}
.tracking-total li {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: space-between;
  padding-bottom: 12px;
}
.tracking-total li:nth-child(3) {
  padding-bottom: 0;
}
.tracking-total li:last-child {
  border-top: 1px solid rgba(82, 82, 108, 0.1);
  margin-top: 12px;
  padding-bottom: 0;
  padding-top: 12px;
}
.tracking-total li h6,
.tracking-total li span {
  color: #52526c;
  font-weight: 400;
}
.customer-details li {
  padding-bottom: 14px;
}
.customer-details li:first-child {
  padding-top: 0;
}
.customer-details li:last-child {
  padding-bottom: 0;
}
.customer-details h6 {
  color: #242934;
  font-weight: 400;
  margin-bottom: 3px;
}
.customer-details span {
  color: #6c757d;
  line-height: 1.5;
}
.main-offcanvas-wrapper
  .card-body
  [class*="offcanvas-"]
  .offcanvas-body
  .form-control,
.main-offcanvas-wrapper
  .card-body
  [class*="offcanvas-"]
  .offcanvas-body
  .form-select {
  color: #52526c;
  font-size: 13px;
}
.main-offcanvas-wrapper
  .card-body
  [class*="offcanvas-"]
  .offcanvas-body
  .form-label {
  color: #242934;
}
.common-offcanvas .offcanvas {
  background-color: var(--white);
  position: fixed;
  z-index: 1045;
}
.common-offcanvas .offcanvas.offcanvas-start.show {
  box-shadow: 8px 0 8px -2px hsla(0, 0%, 54%, 0.1);
}
.common-offcanvas .offcanvas .offcanvas-body svg {
  color: var(--body-font-color);
}
.pagination-theme .page-item .page-link {
  color: var(--theme-default) !important;
}
.pagination-theme .page-item.active .page-link {
  background-color: var(--theme-default) !important;
  border-color: var(--theme-default);
  color: #fff !important;
}
.pagination-primary .page-item .page-link {
  color: var(--theme-default) !important;
}
.pagination-primary .page-item.active .page-link {
  background-color: var(--theme-default) !important;
  border-color: var(--theme-default);
  color: #fff !important;
}
.pagination-secondary .page-item .page-link {
  color: #838383 !important;
}
.pagination-secondary .page-item.active .page-link {
  background-color: #838383 !important;
  border-color: #838383;
  color: #fff !important;
}
.pagination-success .page-item .page-link {
  color: #65c15c !important;
}
.pagination-success .page-item.active .page-link {
  background-color: #65c15c !important;
  border-color: #65c15c;
  color: #fff !important;
}
.pagination-danger .page-item .page-link {
  color: #fc564a !important;
}
.pagination-danger .page-item.active .page-link {
  background-color: #fc564a !important;
  border-color: #fc564a;
  color: #fff !important;
}
.pagination-info .page-item .page-link {
  color: #40b8f5 !important;
}
.pagination-info .page-item.active .page-link {
  background-color: #40b8f5 !important;
  border-color: #40b8f5;
  color: #fff !important;
}
.pagination-dark .page-item .page-link {
  color: #3f475a !important;
}
.pagination-dark .page-item.active .page-link {
  background-color: #3f475a !important;
  border-color: #3f475a;
  color: #fff !important;
}
.pagination-warning .page-item .page-link {
  color: #ffb829 !important;
}
.pagination-warning .page-item.active .page-link {
  background-color: #ffb829 !important;
  border-color: #ffb829;
  color: #fff !important;
}
.pagin-border-primary .page-item.active,
.pagin-border-primary .page-item:active {
  background-color: #e8e5ff;
}
.pagin-border-primary .page-item .page-link {
  border-color: #e8e5ff;
}
.pagin-border-primary .page-item .page-link:focus,
.pagin-border-primary .page-item .page-link:hover {
  background-color: #e8e5ff;
}
.pagin-border-primary .page-item .page-link:focus {
  box-shadow: unset;
}
.pagin-border-secondary .page-item.active,
.pagin-border-secondary .page-item:active {
  background-color: #f2f2f2;
}
.pagin-border-secondary .page-item .page-link {
  border-color: #f2f2f2;
}
.pagin-border-secondary .page-item .page-link:focus,
.pagin-border-secondary .page-item .page-link:hover {
  background-color: #f2f2f2;
}
.pagin-border-secondary .page-item .page-link:focus {
  box-shadow: unset;
}
.pagin-border-success .page-item.active,
.pagin-border-success .page-item:active {
  background-color: #dcf1da;
}
.pagin-border-success .page-item .page-link {
  border-color: #dcf1da;
}
.pagin-border-success .page-item .page-link:focus,
.pagin-border-success .page-item .page-link:hover {
  background-color: #dcf1da;
}
.pagin-border-success .page-item .page-link:focus {
  box-shadow: unset;
}
.pagin-border-danger .page-item.active,
.pagin-border-danger .page-item:active {
  background-color: #ffe8e6;
}
.pagin-border-danger .page-item .page-link {
  border-color: #ffe8e6;
}
.pagin-border-danger .page-item .page-link:focus,
.pagin-border-danger .page-item .page-link:hover {
  background-color: #ffe8e6;
}
.pagin-border-danger .page-item .page-link:focus {
  box-shadow: unset;
}
.pagin-border-warning .page-item.active,
.pagin-border-warning .page-item:active {
  background-color: #fff7e5;
}
.pagin-border-warning .page-item .page-link {
  border-color: #fff7e5;
}
.pagin-border-warning .page-item .page-link:focus,
.pagin-border-warning .page-item .page-link:hover {
  background-color: #fff7e5;
}
.pagin-border-warning .page-item .page-link:focus {
  box-shadow: unset;
}
.pagin-border-info .page-item.active,
.pagin-border-info .page-item:active {
  background-color: #d5f5fe;
}
.pagin-border-info .page-item .page-link {
  border-color: #d5f5fe;
}
.pagin-border-info .page-item .page-link:focus,
.pagin-border-info .page-item .page-link:hover {
  background-color: #d5f5fe;
}
.pagin-border-info .page-item .page-link:focus {
  box-shadow: unset;
}
.pagin-border-light .page-item.active,
.pagin-border-light .page-item:active {
  background-color: #f9f9fb;
}
.pagin-border-light .page-item .page-link {
  border-color: #f9f9fb;
}
.pagin-border-light .page-item .page-link:focus,
.pagin-border-light .page-item .page-link:hover {
  background-color: #f9f9fb;
}
.pagin-border-light .page-item .page-link:focus {
  box-shadow: unset;
}
.pagin-border-dark .page-item.active,
.pagin-border-dark .page-item:active {
  background-color: #eaebf2;
}
.pagin-border-dark .page-item .page-link {
  border-color: #eaebf2;
}
.pagin-border-dark .page-item .page-link:focus,
.pagin-border-dark .page-item .page-link:hover {
  background-color: #eaebf2;
}
.pagin-border-dark .page-item .page-link:focus {
  box-shadow: unset;
}
@media (max-width: 576px) {
  .pagination-lg .page-item .page-link {
    font-size: calc(8.75px + 1.95313vw);
    padding: 12px calc(-3px + 4.6875vw);
  }
  .pagination-md .page-item .page-link {
    font-size: calc(8.75px + 1.95313vw);
  }
}
@media (max-width: 339px) {
  .pagination {
    justify-content: center;
  }
}
.pagination .page-item:active {
  background-color: unset;
}
.pagination .page-item .page-link.rounded-circle {
  align-items: center;
  display: flex;
  height: 35px;
  justify-content: center;
  width: 35px;
}
.pricing-simple {
  box-shadow: 0 0 10px 5px rgba(68, 102, 242, 0.05);
  margin-bottom: 0 !important;
}
.pricing-simple .card-body {
  border-bottom: none;
  text-align: left;
}
[dir="rtl"] .pricing-simple .card-body {
  text-align: right;
}
.pricing-simple .card-body h4 {
  margin-bottom: 38px;
  position: relative;
}
.pricing-simple .card-body h4:before {
  background-color: #999;
  bottom: -10px;
  content: "";
  height: 1px;
  left: 0;
  margin: 0;
  position: absolute;
  width: 80px;
}
[dir="rtl"] .pricing-simple .card-body h4:before {
  left: unset;
  right: 0;
}
.pricing-simple .card-body h5 {
  font-size: calc(35.2px + 0.25vw);
  font-weight: 400;
  line-height: 0.9;
  margin-bottom: 24px;
}
.pricingtable {
  border-radius: 10px;
  box-shadow: 0 0 40px rgba(8, 21, 66, 0.05);
  height: 100%;
  overflow: hidden;
  padding-block: 20px;
  position: relative;
  text-align: center;
  z-index: 1;
}
.pricingtable:after,
.pricingtable:before {
  background-color: var(--theme-default);
  border-radius: 50%;
  content: "";
  height: 300px;
  opacity: 0.1;
  position: absolute;
  right: -213px;
  width: 300px;
  z-index: -1;
}
[dir="rtl"] .pricingtable:after,
[dir="rtl"] .pricingtable:before {
  left: -213px;
  right: unset;
}
.pricing-simple .pricing-content li {
  color: #52526c;
  margin-bottom: calc(10.8px + 0.375vw);
  text-align: left;
  text-transform: capitalize;
}
.pricing-simple .pricing-content li:last-child {
  margin-bottom: 0;
}
.pricing-simple .pricing-content li i {
  color: var(--theme-default);
  padding-right: 8px;
}
[dir="rtl"] .pricing-simple .pricing-content li {
  text-align: right;
}
[dir="rtl"] .pricing-simple .pricing-content li i {
  padding-left: 8px;
  padding-right: unset;
}
.pricingtable:after {
  background-color: var(--theme-default);
  bottom: -210px;
  height: 300px;
  left: -160px;
  opacity: 0.1;
  right: auto;
  top: auto;
  width: 300px;
}
[dir="rtl"] .pricingtable:after {
  left: auto;
  right: -160px;
}
.pricingtable .title {
  margin-bottom: 20px;
  text-transform: uppercase;
}
.pricingtable .price-value {
  background-color: var(--theme-default);
  border-radius: 50%;
  color: #fff;
  height: 130px;
  margin: 0 auto 25px;
  padding: 45px 0 0;
  width: 130px;
}
.pricingtable .price-value .duration {
  margin: 0 0 0 -5px;
}
[dir="rtl"] .pricingtable .price-value .duration {
  margin: 0 -5px 0 0;
}
.pricingtable .price-value .amount {
  display: inline-block;
  font-size: 58px;
  font-weight: 700;
  line-height: 45px;
}
.pricingtable .price-value .currency {
  vertical-align: top;
}
.pricingtable .pricing-content {
  display: inline-block;
  margin: 0 0 25px;
}
.pricingtable .pricing-content li {
  font-weight: 500;
  margin: 0 0 20px;
  padding-left: 30px;
  position: relative;
  text-align: left;
}
[dir="rtl"] .pricingtable .pricing-content li {
  padding-left: unset;
  padding-right: 30px;
  text-align: right;
}
.pricingtable .pricing-content li:last-child {
  margin: 0;
}
.pricingtable .pricing-content li:before {
  border-radius: 50%;
  color: var(--theme-default);
  content: "\f00c";
  font-family: Font Awesome\6 Free;
  font-weight: 600;
  height: 20px;
  left: 0;
  position: absolute;
  text-align: center;
  top: 1px;
  width: 20px;
}
[dir="rtl"] .pricingtable .pricing-content li:before {
  left: unset;
  right: 0;
}
@media only screen and (max-width: 991px) {
  .pricing-simple .card-body h1 {
    margin-bottom: 20px;
  }
  .pricing-simple .card-body h3 {
    margin-bottom: 28px;
  }
}
@media only screen and (max-width: 575px) {
  .pricing-simple .card-body h1 {
    margin-bottom: 15px;
  }
  .pricing-block > div {
    flex: 100%;
  }
}
.progress-showcase .progress {
  margin-bottom: 10px;
}
.progress-showcase .progress:last-child {
  margin-bottom: 0;
}
.sm-progress-bar {
  height: 8px;
}
.lg-progress-bar {
  height: 20px;
}
.progress-number button {
  border: unset;
  color: #fff;
  height: 2rem;
  width: 2rem;
}
.progress-number .progress-wrapper {
  height: 1px;
}
.progress-number .progress-wrapper.progress {
  background-color: var(--recent-dashed-border);
}
.progress-number .progress-wrapper .progress-bar {
  background-color: var(--theme-default);
}
button.progress-btn {
  background-color: #f6f9fd;
  border-color: #f6f9fd;
  color: var(--body-font-color);
}
.small-progressbar {
  overflow: visible;
  position: relative;
}
.small-progressbar:after {
  background-color: #7366ff;
  border-radius: 100%;
  content: "";
  height: 12px;
  position: absolute;
  right: -9px;
  top: -2px;
  width: 12px;
}
[dir="rtl"] .small-progressbar:after {
  left: -9px;
  right: unset;
}
.small-progressbar .progress-label {
  font-weight: 700;
  position: absolute;
  right: -6px;
  top: -26px;
}
[dir="rtl"] .small-progressbar .progress-label {
  left: -6px;
  right: unset;
}
.small-progressbar .animate-circle {
  animation: heart 1s ease-in-out;
  animation-iteration-count: infinite;
  border: 14px solid #7366ff;
  border-radius: 70px;
  height: 30px;
  position: absolute;
  right: -18px;
  top: -11px;
  width: 30px;
}
[dir="rtl"] .small-progressbar .animate-circle {
  left: -18px;
  right: unset;
}
@keyframes heart {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  25% {
    opacity: 1;
    transform: scale(0.1);
  }
  50% {
    opacity: 0.3;
    transform: scale(0.5);
  }
  75% {
    opacity: 0.5;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
    transform: scale(1);
  }
}
.progress-b-space .progress {
  margin-bottom: 35px;
}
.step-progress-wrapper .step-progress-box ul {
  overflow-x: auto;
  overflow-y: hidden;
}
.step-progress-wrapper .progress-box {
  align-items: center;
  display: flex;
  height: auto;
  justify-content: flex-start;
  width: 100%;
}
.step-progress-wrapper ul {
  display: flex;
}
.step-progress-wrapper ul li {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  list-style: none;
  margin: 0 30px;
}
.step-progress-wrapper ul li:first-child {
  margin-left: 0;
}
[dir="rtl"] .step-progress-wrapper ul li:first-child {
  margin-left: 30px;
  margin-right: 0;
}
.step-progress-wrapper ul li:last-child {
  margin-right: 0;
}
[dir="rtl"] .step-progress-wrapper ul li:last-child {
  margin-left: 0;
  margin-right: 30px;
}
@media screen and (max-width: 1580px) and (min-width: 1200px) {
  [dir="rtl"] .step-progress-wrapper ul li:first-child {
    margin-left: 5px;
    margin-right: 0;
  }
  [dir="rtl"] .step-progress-wrapper ul li:last-child {
    margin-left: 0;
    margin-right: 5px;
  }
}
.step-progress-wrapper ul li svg {
  color: #65c15c;
  margin: 0 30px;
}
.step-progress-wrapper ul li .p-step svg {
  color: #fff;
  margin: 0;
}
.step-progress-wrapper ul li h6 {
  color: #65c15c;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1px;
}
.step-progress-wrapper ul li .p-step {
  background-color: #65c15c;
  border-radius: 50%;
  cursor: pointer;
  display: grid;
  height: 30px;
  margin: 16px 0 10px;
  place-items: center;
  position: relative;
  width: 30px;
}
.step-progress-wrapper ul li .p-step svg {
  display: none;
}
.step-progress-wrapper ul li .p-step p {
  color: #fff;
  margin: 0;
}
.step-progress-wrapper ul li .active {
  background-color: #65c15c;
}
.step-progress-wrapper ul li .active p {
  display: none;
}
.step-progress-wrapper ul li .active svg {
  display: flex;
  height: 14px;
  width: 14px;
  z-index: 2;
}
.step-progress-wrapper .p-step:after {
  background-color: transparent;
  content: "";
  height: 3px;
  position: absolute;
  right: 0;
  width: 160px;
}
[dir="rtl"] .step-progress-wrapper .p-step:after {
  left: 0;
  right: unset;
}
.step-progress-wrapper .first:after {
  height: 0;
  width: 0;
}
.step-progress-wrapper li .active:after {
  background-color: #65c15c;
}
@media (max-width: 1815px) and (min-width: 1581px) {
  .step-progress-wrapper ul li {
    margin: 0 15px;
  }
  [dir="rtl"] .step-progress-wrapper ul li:first-child {
    margin-left: 15px;
    margin-right: unset;
  }
  [dir="rtl"] .step-progress-wrapper ul li:last-child {
    margin-left: unset;
    margin-right: 15px;
  }
  .step-progress-wrapper ul li .p-step:after {
    width: 140px;
  }
}
@media (max-width: 1408px) and (min-width: 1200px) {
  .step-progress-wrapper ul li svg {
    margin: 0 28px;
  }
}
[class*="title-line-"]:before {
  border-radius: 0 10px 10px 0;
  content: "";
  height: 26px;
  left: 0;
  position: absolute;
  top: 23px;
  width: 4px;
}
.common-circle {
  align-items: center;
  border: 2px solid var(--white);
  border-radius: 50%;
  display: flex;
  height: 32px;
  justify-content: center;
  transition: 0.5s;
  width: 32px;
}
.common-circle:hover {
  transform: translateY(-4px) scale(1.02);
  transition: 0.5s;
}
.project-list .progress-project-box .row {
  margin: 15px;
}
.project-list button:focus {
  outline: none !important;
}
.project-list .theme-form .form-group {
  margin-bottom: 15px;
}
.project-list .border-tab.nav-tabs .nav-item .nav-link {
  align-items: center;
  border: 1px solid transparent;
  border-radius: 5px;
  display: flex;
  padding: 5px 30px 5px 0;
}
.project-list .btn {
  float: right;
  margin-right: 5px;
  vertical-align: -12px;
}
.project-list .btn svg {
  height: 16px;
  vertical-align: middle;
}
.project-list ul {
  border-bottom: 0;
  margin-bottom: 0 !important;
}
.project-list ul li svg {
  height: 18px;
  margin-right: 5px;
  vertical-align: middle;
}
.new-project-wrapper .apexcharts-legend {
  display: flex;
  flex-direction: unset !important;
  flex-wrap: wrap;
  padding: 0;
}
.new-project-wrapper .apexcharts-legend .apexcharts-legend-series {
  align-items: center;
  display: flex;
  gap: 4px;
  margin: 0 !important;
  padding: 0 6px;
}
.new-project-wrapper
  .apexcharts-legend
  .apexcharts-legend-series
  .apexcharts-legend-text {
  margin-left: -14px;
}
.project-header > div {
  align-items: center;
  background-color: var(--white);
  border-radius: 10px;
  box-shadow: 0 6px 12px 0 rgba(115, 102, 255, 0.2);
  display: flex;
  height: 46px;
  justify-content: center;
  width: 46px;
}
.project-header > div svg {
  height: 26px;
  width: 20px;
}
.project-header span {
  font-size: 12px;
  padding: 9px 21px;
}
.project-chart-wrap .apexcharts-legend-text {
  padding-left: 18px;
}
.scope-bottom-wrapper .sidebar-left-icons {
  display: block;
}
.scope-bottom-wrapper .sidebar-left-icons .nav-item {
  overflow: hidden;
  padding-bottom: 66px;
  position: relative;
}
.scope-bottom-wrapper .sidebar-left-icons .nav-item:last-child {
  padding-bottom: 0;
}
.scope-bottom-wrapper .sidebar-left-icons .nav-item:before {
  border: 1px dashed var(--recent-dashed-border);
  content: "";
  height: 50px;
  left: 38px;
  position: absolute;
  top: 75px;
}
@media (max-width: 1839px) and (min-width: 1661px) {
  .scope-bottom-wrapper .sidebar-left-icons .nav-item:before {
    left: 30px;
  }
}
@media (max-width: 1660px) and (min-width: 1400px) {
  .scope-bottom-wrapper .sidebar-left-icons .nav-item:before {
    left: 35px;
  }
}
@media (max-width: 1399px) and (min-width: 320px) {
  .scope-bottom-wrapper .sidebar-left-icons .nav-item:before {
    left: 30px;
  }
}
.scope-bottom-wrapper .sidebar-left-icons .nav-item:last-child:before {
  content: unset;
}
.scope-bottom-wrapper .sidebar-left-icons .nav-item:nth-child(4) svg {
  stroke: #52526c;
}
.scope-bottom-wrapper .sidebar-left-icons .nav-item .nav-link {
  align-items: center;
  display: flex;
  gap: 12px;
  padding: 12px 0 12px 8px;
  position: relative;
}
@media (max-width: 1839px) and (min-width: 320px) {
  .scope-bottom-wrapper .sidebar-left-icons .nav-item .nav-link {
    gap: 8px;
  }
}
.scope-bottom-wrapper .sidebar-left-icons .nav-item .nav-link.active {
  background: linear-gradient(
    90deg,
    #7366ff -175.57%,
    rgba(115, 102, 255, 0) 65.16%
  );
  color: unset;
}
.scope-bottom-wrapper
  .sidebar-left-icons
  .nav-item
  .nav-link.active
  .absolute-border:before {
  background-color: var(--theme-default);
  border: 3px solid var(--theme-default);
  border-radius: 20px;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
}
.scope-bottom-wrapper
  .sidebar-left-icons
  .nav-item
  .nav-link.active
  .absolute-border:after {
  background-color: var(--theme-default);
  border: 5px solid var(--theme-default);
  border-bottom-right-radius: 7px;
  border-top-right-radius: 7px;
  content: "";
  height: 35px;
  left: -8px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
}
.scope-bottom-wrapper
  .sidebar-left-icons
  .nav-item
  .nav-link.active
  .nav-rounded {
  border: 1px solid var(--theme-default);
}
.scope-bottom-wrapper
  .sidebar-left-icons
  .nav-item
  .nav-link.active
  .product-tab-content
  h6 {
  color: var(--theme-default);
  font-weight: 500;
}
.scope-bottom-wrapper .sidebar-left-icons .nav-item .nav-link .nav-rounded {
  border: 1px solid var(--recent-dashed-border);
  border-radius: 100%;
  box-shadow: inset 0 9px 20px 0 rgba(46, 35, 94, 0.07);
  height: 42px;
  min-width: 42px;
  padding: 2px;
  position: relative;
  width: 42px;
  z-index: 2;
}
@media (max-width: 1839px) and (min-width: 1661px) {
  .scope-bottom-wrapper .sidebar-left-icons .nav-item .nav-link .nav-rounded {
    height: 33px;
    min-width: 33px;
    width: 33px;
  }
}
@media (max-width: 1399px) {
  .scope-bottom-wrapper .sidebar-left-icons .nav-item .nav-link .nav-rounded {
    height: 33px;
    min-width: 33px;
    width: 33px;
  }
}
.scope-bottom-wrapper
  .sidebar-left-icons
  .nav-item
  .nav-link
  .nav-rounded
  .product-icons {
  align-items: center;
  background-color: var(--white);
  border-radius: 100%;
  display: flex;
  height: 100%;
  justify-content: center;
  min-width: 100%;
}
.scope-bottom-wrapper
  .sidebar-left-icons
  .nav-item
  .nav-link
  .nav-rounded
  .product-icons
  svg {
  height: 20px;
  width: 20px;
  fill: #52526c;
}
@media (max-width: 1839px) and (min-width: 1661px) {
  .scope-bottom-wrapper
    .sidebar-left-icons
    .nav-item
    .nav-link
    .nav-rounded
    .product-icons
    svg {
    height: 16px;
    width: 16px;
  }
}
@media (max-width: 1399px) {
  .scope-bottom-wrapper
    .sidebar-left-icons
    .nav-item
    .nav-link
    .nav-rounded
    .product-icons
    svg {
    height: 16px;
    width: 16px;
  }
}
@media (min-width: 1200px) {
  .scope-bottom-wrapper
    .sidebar-left-icons
    .nav-item
    .nav-link
    .product-tab-content
    h6 {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 1;
    height: auto;
    -webkit-box-orient: vertical;
    color: var(--body-font-color);
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
  }
}
@media (max-width: 1199px) {
  .scope-bottom-wrapper
    .sidebar-left-icons
    .nav-item
    .nav-link
    .product-tab-content
    h6 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
  }
}
.scope-bottom-wrapper .sidebar-left-icons:first-child {
  padding-top: 0;
}
@media (max-width: 1199px) {
  .scope-bottom-wrapper .sidebar-left-icons {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: space-between;
  }
  .scope-bottom-wrapper .sidebar-left-icons .nav-item {
    padding-bottom: 0;
  }
  .scope-bottom-wrapper .sidebar-left-icons .nav-item:before {
    content: unset;
  }
}
@media (max-width: 1024px) {
  .scope-bottom-wrapper .sidebar-left-icons {
    justify-content: flex-start;
  }
}
.progress-project {
  border: 2px solid #fff;
}
.progress-project .common-space svg {
  height: 15px;
  width: 15px;
  stroke: var(--theme-default);
}
.progress-project .common-space .common-align {
  gap: 6px;
}
.progress-project .common-space .common-align .badge {
  background-color: rgba(82, 82, 108, 0.1);
  padding: 4px 7px;
}
.progress-project .common-dot {
  border-radius: 50%;
  height: 8px;
  width: 8px;
}
.progress-project .progress-project-box .card,
.progress-project .progress-project-box .list-box {
  background-color: var(--recent-chart-bg);
  box-shadow: 0 9px 20px 0 rgba(46, 35, 94, 0.071);
  cursor: pointer;
  padding: calc(15.6px + 0.125vw);
}
.progress-project .progress-project-box .card .header-top,
.progress-project .progress-project-box .list-box .header-top {
  flex-wrap: wrap;
  margin-bottom: 12px;
}
.progress-project .progress-project-box .card .project-body span,
.progress-project .progress-project-box .list-box .project-body span {
  color: rgba(82, 82, 108, 0.8);
  display: -webkit-box;
  margin-bottom: 8px;
  max-width: 100%;
  -webkit-line-clamp: 2;
  height: auto;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.progress-project .progress-project-box .card .project-body .progress,
.progress-project .progress-project-box .list-box .project-body .progress {
  height: 6px;
  margin-bottom: 8px;
}
.progress-project .progress-project-box:last-child .card {
  margin-bottom: 0;
}
.progress-project .progress-project-box ul li + li {
  margin-left: -12px;
}
[dir="rtl"] .progress-project .progress-project-box ul li + li {
  margin-left: unset;
  margin-right: -12px;
}
.progress-project .progress-project-box ul li img {
  transition: 0.5s;
}
.progress-project .progress-project-box ul li .light-background:hover,
.progress-project .progress-project-box ul li img:hover {
  transform: translateY(-4px) scale(1.02);
  transition: 0.5s;
}
.progress-project .progress-project-box .badge {
  font-size: 12px;
  padding: calc(5.2px + 0.25vw) calc(4.8px + 0.375vw);
}
.progress-project .progress-project-box .project-body h6 {
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 2;
  height: auto;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.progress-project .progress-project-box .project-body > img {
  border-radius: 5px;
  height: calc(76.8px + 2.5625vw);
  margin-bottom: 15px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.progress-project .progress-project-box .project-body ul {
  padding-bottom: calc(11.4px + 0.1875vw);
}
.progress-project .progress-project-box .project-body .project-bottom {
  border-top: 1px solid rgba(82, 82, 108, 0.1);
  flex-wrap: wrap;
  gap: 6px;
  padding-top: calc(10.8px + 0.375vw);
}
.progress-project
  .progress-project-box
  .project-body
  .project-bottom
  .common-flex
  span {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .progress-project
    .progress-project-box
    .project-body
    .project-bottom
    .common-flex
    svg {
    height: 14px;
    width: 14px;
  }
}
.progress-project .progress-project-box .project-body .project-bottom span {
  background-color: var(--light-bg);
  border-radius: 5px;
  padding: calc(3.6px + 0.125vw) calc(7.2px + 0.25vw);
}
.progress-project .progress-project-box .project-body .project-bottom svg {
  height: 16px;
  width: 16px;
  stroke: rgba(82, 82, 108, 0.8);
  vertical-align: text-top;
}
.progress-project .progress-project-box .list-box {
  border: none;
  border-radius: 15px;
  letter-spacing: 0.5px;
  margin-bottom: 20px;
  position: relative;
  transition: all 0.3s ease;
}
.progress-project .progress-project-box .list-box ul li img {
  border: 2px solid var(--white);
  height: 32px;
  width: 32px;
}
.progress-project .progress-project-box:last-child .list-box {
  margin-bottom: 0;
}
.progress-project .common-box {
  align-items: center;
  background-color: rgba(255, 184, 41, 0.15);
  border-radius: 8px;
  display: flex;
  height: 28px;
  justify-content: center;
  width: 28px;
}
.budget-card.widget-2 {
  background-image: url(images/widget-bg.png);
  background-size: cover;
  margin-bottom: 25px;
  transition: 0.5s;
}
.budget-card.widget-2:hover {
  transform: translateY(-5px);
  transition: 0.5s;
}
.budget-card .common-space {
  gap: 6px;
}
@media (max-width: 1697px) {
  .budget-card .common-space {
    flex-wrap: wrap;
  }
}
.budget-card .common-space h6 {
  font-size: calc(17.2px + 0.25vw);
  padding-bottom: 8px;
}
.budget-card .common-space span svg {
  height: 14px;
  vertical-align: text-top;
  width: 14px;
}
@media (max-width: 1697px) {
  .expense-chart-wrap {
    margin: -20px 0;
  }
}
.common-project-header {
  flex-wrap: wrap;
  gap: 8px;
}
@media (max-width: 644px) {
  .common-project-header {
    display: block;
  }
}
.common-project-header .customers li {
  cursor: pointer;
}
.common-project-header .customers li .common-circle {
  height: 40px;
  width: 40px;
}
@media (max-width: 644px) {
  .common-project-header .customers li .common-circle {
    height: 30px;
    width: 30px;
  }
  .common-project-header .customers li .common-circle span {
    font-size: 13px;
  }
  .common-project-header .common-space {
    padding-bottom: 18px;
  }
}
@media (max-width: 400px) {
  .common-project-header .common-space {
    align-items: flex-start;
    flex-direction: column;
  }
}
.common-project-header h6 {
  font-weight: 400;
  margin-left: -46px;
}
@media (max-width: 1685px) and (min-width: 320px) {
  .common-project-header h6 {
    margin-left: -54px;
  }
}
@media (max-width: 644px) {
  .common-project-header h6 {
    margin-left: 0;
  }
}
.common-project-header > .common-align {
  gap: 16px;
}
@media (max-width: 644px) {
  .common-project-header .common-align {
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
  }
  .common-project-header .common-align .customers {
    text-align: end;
  }
  .common-project-header .common-align .customers li img {
    height: 30px;
    width: 30px !important;
  }
}
@media (max-width: 435px) {
  .common-project-header .common-align {
    align-items: flex-end;
    flex-direction: column;
  }
}
@media (max-width: 400px) {
  .common-project-header .common-align {
    align-items: flex-start;
  }
  .common-project-header .common-align .customers {
    text-align: start;
  }
}
.common-project-header .common-align:last-child .common-align li svg {
  height: 18px;
  width: 18px;
  stroke: #52526c;
  margin-right: 6px;
  vertical-align: sub;
}
@media (max-width: 445px) {
  .common-project-header .common-align:last-child .common-align li svg {
    height: 14px;
    vertical-align: middle;
    width: 14px;
  }
}
.common-project-header .common-align:last-child .common-align li:first-child {
  padding-right: 15px;
}
.common-project-header .common-align:last-child .common-align li + li {
  border-left: 1px solid rgba(82, 82, 108, 0.8);
  padding-left: 15px;
}
.common-project-header .common-align:last-child .common-align li span {
  color: rgba(82, 82, 108, 0.8);
}
@media (max-width: 435px) {
  .common-project-header .common-align:last-child .common-align li:first-child {
    padding-right: 0;
  }
  .common-project-header .common-align:last-child .common-align li + li {
    border-left: unset;
    padding-left: 0;
  }
}
.filter-header svg {
  height: 20px;
  width: 20px;
}
.filter-header .btn-group .dropdown-toggle {
  border: 1px solid rgba(82, 82, 108, 0.2);
  color: rgba(82, 82, 108, 0.8);
  padding: calc(3.2px + 0.25vw) calc(35.2px + 0.25vw) calc(3.2px + 0.25vw)
    calc(10.4px + 0.5vw);
}
.filter-header .btn-group .dropdown-toggle:after {
  border: unset;
  content: "\f107";
  font-family: Font Awesome\6 Free;
  font-weight: 900;
  position: absolute;
  right: 12px;
}
.filter-header .btn-group .dropdown-menu li .dropdown-item {
  color: rgba(82, 82, 108, 0.8);
  opacity: 1;
}
.common-searchbox .form-control,
.common-searchbox .input-group-text {
  background-color: var(--recent-box-bg);
}
.common-searchbox .form-control {
  border-left: 0;
  padding-left: 0;
}
.common-searchbox .form-control:focus {
  border-color: #efefef;
  box-shadow: unset;
  color: rgba(82, 82, 108, 0.8);
}
.attachment-file {
  align-items: center;
  background-color: var(--light-background);
  gap: 30px;
  justify-content: space-between;
  min-width: calc(250.6px + 1.375vw);
  padding: 12px;
  width: calc(250.6px + 1.375vw);
}
@media (max-width: 1780px) and (min-width: 576px) {
  .attachment-file {
    gap: 14px;
    min-width: 218px;
    width: 218px;
  }
}
.attachment-file .common-flex img {
  height: 36px;
}
.attachment-file i {
  font-size: 16px;
}
.project-todo .crm-todo-list li {
  border-bottom: unset;
}
.project-todo .crm-todo-list li + li {
  padding-top: 0;
}
.project-todo .crm-todo-list li .flex-grow-1 h6,
.project-todo .crm-todo-list li .flex-grow-1 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: 1383px) and (min-width: 320px) {
  .project-todo .crm-todo-list li {
    gap: 14px;
  }
}
@media (max-width: 400px) {
  .main-summary .card-header .common-space {
    flex-wrap: wrap;
    gap: 8px;
  }
}
.summary-section > li {
  border-bottom: 1px dashed rgba(82, 82, 108, 0.2);
}
.summary-section > li:last-child {
  border-bottom: unset;
}
.summary-section > li:last-child .common-space {
  gap: 10px;
}
.summary-section > li:last-child .common-space > li ul li:not(:last-child) {
  margin-bottom: 8px;
}
@media (max-width: 557px) {
  .summary-section > li:last-child .common-space > li ul {
    align-items: center;
    display: flex;
    gap: 18px;
    justify-content: center;
  }
  .summary-section > li:last-child .common-space > li ul li:not(:last-child) {
    margin-bottom: 0;
  }
}
@media (max-width: 1660px) and (min-width: 1200px) {
  .summary-section > li:last-child .common-space > li:last-child {
    display: none;
  }
}
@media (max-width: 575px) {
  .summary-section > li:last-child .common-space {
    flex-wrap: wrap;
  }
}
.summary-section > li p {
  color: rgba(82, 82, 108, 0.8);
}
@media (max-width: 1660px) and (min-width: 320px) {
  .summary-section > li p {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 3;
    height: auto;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.summary-section > li span.badge {
  border-radius: 2px;
  font-size: 12px;
  padding: 6px 10px;
}
.summary-section > li .d-block > p {
  color: var(--body-font-color);
}
.summary-chart-box {
  background-color: #f7f8f9;
  border-radius: 10px;
}
@media (min-width: 641px) {
  .project-pending-table.recent-table
    div.dt-container
    .dt-layout-row
    .dt-search {
    right: 55px;
    top: 30px;
  }
}
.project-pending-table.recent-table table tbody tr td,
.project-pending-table.recent-table table tbody tr th,
.project-pending-table.recent-table table thead tr td,
.project-pending-table.recent-table table thead tr th {
  color: rgba(82, 82, 108, 0.8) !important;
  min-width: auto;
}
.project-pending-table.recent-table table tbody tr td:first-child,
.project-pending-table.recent-table table tbody tr th:first-child,
.project-pending-table.recent-table table thead tr td:first-child,
.project-pending-table.recent-table table thead tr th:first-child {
  padding-left: 20px;
}
.project-pending-table.recent-table table tbody tr td:nth-child(4) .btn,
.project-pending-table.recent-table table tbody tr th:nth-child(4) .btn,
.project-pending-table.recent-table table thead tr td:nth-child(4) .btn,
.project-pending-table.recent-table table thead tr th:nth-child(4) .btn {
  padding: 10px;
}
.project-pending-table.recent-table table tbody tr td:last-child,
.project-pending-table.recent-table table tbody tr th:last-child,
.project-pending-table.recent-table table thead tr td:last-child,
.project-pending-table.recent-table table thead tr th:last-child {
  padding-right: 20px;
}
.project-pending-table.recent-table table tbody tr td:last-child .btn,
.project-pending-table.recent-table table tbody tr th:last-child .btn,
.project-pending-table.recent-table table thead tr td:last-child .btn,
.project-pending-table.recent-table table thead tr th:last-child .btn {
  min-width: 132px;
  width: 132px;
}
@media (max-width: 1735px) and (min-width: 1661px) {
  .project-pending-table.recent-table table tbody tr td:nth-child(4),
  .project-pending-table.recent-table table tbody tr th:nth-child(4),
  .project-pending-table.recent-table table thead tr td:nth-child(4),
  .project-pending-table.recent-table table thead tr th:nth-child(4) {
    display: none;
  }
}
@media (max-width: 1636px) and (min-width: 1661px) {
  .project-pending-table.recent-table table tbody tr td:nth-child(3),
  .project-pending-table.recent-table table tbody tr th:nth-child(3),
  .project-pending-table.recent-table table thead tr td:nth-child(3),
  .project-pending-table.recent-table table thead tr th:nth-child(3) {
    display: none;
  }
}
@media (max-width: 1336px) and (min-width: 1200px) {
  .project-pending-table.recent-table table tbody tr td:nth-child(4),
  .project-pending-table.recent-table table tbody tr th:nth-child(4),
  .project-pending-table.recent-table table thead tr td:nth-child(4),
  .project-pending-table.recent-table table thead tr th:nth-child(4) {
    display: none;
  }
}
@media (max-width: 1199px) {
  .project-pending-table.recent-table table tbody tr td:first-child,
  .project-pending-table.recent-table table tbody tr th:first-child,
  .project-pending-table.recent-table table thead tr td:first-child,
  .project-pending-table.recent-table table thead tr th:first-child {
    min-width: 100px;
  }
  .project-pending-table.recent-table table tbody tr td:nth-child(2),
  .project-pending-table.recent-table table tbody tr th:nth-child(2),
  .project-pending-table.recent-table table thead tr td:nth-child(2),
  .project-pending-table.recent-table table thead tr th:nth-child(2) {
    min-width: 199px;
  }
  .project-pending-table.recent-table table tbody tr td:nth-child(4),
  .project-pending-table.recent-table table tbody tr th:nth-child(4),
  .project-pending-table.recent-table table thead tr td:nth-child(4),
  .project-pending-table.recent-table table thead tr th:nth-child(4) {
    min-width: 74px;
  }
}
.project-pending-table.recent-table table tbody tr td a,
.project-pending-table.recent-table table tbody tr th a,
.project-pending-table.recent-table table thead tr td a,
.project-pending-table.recent-table table thead tr th a {
  color: var(--body-font-color);
}
.project-pending-table.recent-table table tbody tr td img,
.project-pending-table.recent-table table tbody tr th img,
.project-pending-table.recent-table table thead tr td img,
.project-pending-table.recent-table table thead tr th img {
  border-radius: 50%;
  height: calc(32.8px + 0.375vw);
}
.activity-wrapper .schedule-wrapper {
  border: unset;
  gap: 8px;
  justify-content: center;
  margin-bottom: 18px;
}
@media (max-width: 1818px) and (min-width: 320px) {
  .activity-wrapper .schedule-wrapper {
    display: flex;
    justify-content: flex-start;
  }
}
@media (max-width: 1399px) and (min-width: 768px) {
  .activity-wrapper .schedule-wrapper {
    gap: 20px;
  }
}
.activity-wrapper .schedule-wrapper .nav-item a {
  background-color: rgba(82, 82, 108, 0.1);
  border: unset;
  border-radius: 5px;
  padding: 8px 14px;
}
.activity-wrapper .schedule-wrapper .nav-item .nav-link.active {
  background-color: var(--theme-default);
}
.activity-wrapper .schedule-wrapper .nav-item .nav-link.active h6,
.activity-wrapper .schedule-wrapper .nav-item .nav-link.active span {
  color: #fff;
}
.activity-wrapper .schedule-wrapper .nav-item .nav-link.active span {
  font-weight: 400;
}
.activity-wrapper .tab-content .activity-update > li {
  border-left: 3px solid rgba(82, 82, 108, 0.2);
  gap: 8px;
  margin-bottom: 28px;
}
.activity-wrapper .tab-content .activity-update > li:last-child {
  margin-bottom: 0;
}
.activity-wrapper .tab-content .activity-update > li .flex-grow-1 {
  margin-left: 10px;
}
.activity-wrapper .tab-content .activity-update > li .flex-grow-1 h6 {
  color: var(--body-font-color);
  display: -webkit-box;
  font-weight: 400;
  margin-bottom: 6px;
  max-width: 100%;
  -webkit-line-clamp: 1;
  height: auto;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.activity-wrapper .tab-content .activity-update > li .flex-shrink-0 {
  text-align: end;
}
.activity-wrapper .tab-content .activity-update > li .flex-shrink-0 svg {
  height: 14px;
  width: 14px;
  fill: rgba(82, 82, 108, 0.5);
  margin-right: 6px;
  vertical-align: text-top;
}
.invite-member ul li {
  margin-bottom: 24px;
}
.invite-member ul li:last-child {
  margin-bottom: 0;
}
.invite-member ul li img {
  border-radius: 50%;
  height: 40px;
}
@media (max-width: 575px) {
  .invite-member ul li img {
    height: 30px;
  }
}
.invite-member ul li svg {
  cursor: pointer;
  height: 18px;
  width: 18px;
}
.invite-member ul li svg:focus {
  outline: unset;
}
.invite-member ul li .d-flex {
  gap: 10px;
}
.invite-member ul li .flex-grow-1 h6 {
  font-weight: 400;
}
.invite-member ul li .flex-grow-1 span {
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 1;
  height: auto;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.user-comment-wrapper li .flex-grow-1 h6 {
  font-weight: 400;
}
.user-comment-wrapper li .flex-grow-1 .btn {
  background-color: var(--light-slate);
  border-radius: 5px;
  font-size: 13px;
  font-weight: 500;
  padding: 4px 6px;
}
.user-comment-wrapper li .flex-grow-1 .btn:active {
  border-color: transparent;
}
.user-comment-wrapper li .flex-grow-1 .btn svg {
  height: 14px;
  vertical-align: text-top;
  width: 14px;
  stroke: rgba(82, 82, 108, 0.8);
}
.user-comment-wrapper li .flex-grow-1 span {
  display: -webkit-box;
  font-size: 13px;
  margin-bottom: 10px;
  max-width: 100%;
  -webkit-line-clamp: 3;
  height: auto;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.user-comment-wrapper li + li {
  margin-left: 46px;
  margin-top: 18px;
}
.user-comment-wrapper li img {
  border-radius: 50%;
  height: 40px;
}
.task-overview {
  margin: 0 0 -20px;
}
.cmt-box {
  padding-top: 25px;
}
@media (max-width: 1845px) and (min-width: 320px) {
  .cmt-box {
    padding-top: 18px;
  }
}
.cmt-box .form-control {
  background-color: #f7f8f9;
  width: calc(100% - 65px);
}
@media (max-width: 1399px) and (min-width: 1200px) {
  .cmt-box .form-control {
    height: 2px;
    width: calc(100% - 42px);
  }
}
@media (max-width: 575px) {
  .cmt-box .form-control {
    height: 2px;
    width: calc(100% - 42px);
  }
}
.cmt-box .form-control:focus {
  border-color: rgba(82, 82, 108, 0.2);
  box-shadow: unset;
}
.cmt-box i {
  background-color: var(--theme-default);
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  display: grid;
  font-size: calc(13.2px + 0.25vw);
  height: 61px;
  place-content: center;
  width: 61px;
}
@media (max-width: 1399px) and (min-width: 1200px) {
  .cmt-box i {
    height: 40px;
    width: 40px;
  }
}
@media (max-width: 575px) {
  .cmt-box i {
    height: 38px;
    width: 38px;
  }
}
.project-budget-wrapper .form-switch {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: center;
}
.project-budget-wrapper .progress {
  background: linear-gradient(0.501turn, #cfdce8 -32.82%, #fff 132.82%);
  height: 10px;
  margin: 13px 0 6px;
}
@media (max-width: 1399px) {
  .project-budget-wrapper .progress {
    margin: 4px 0 6px;
  }
}
.project-budget-wrapper textarea {
  background-color: #f7f8f9;
  color: rgba(82, 82, 108, 0.8);
}
.project-budget-wrapper .form-check-input:focus,
.project-budget-wrapper .form-control:focus {
  border-color: #e9edf1;
  box-shadow: unset;
}
.project-budget-wrapper .touchspin-wrapper {
  background-color: #f7f8f9;
  border-radius: 5px;
  padding: 8px 9px;
}
.project-budget-wrapper .touchspin-wrapper .btn-touchspin {
  background-color: var(--white);
  border: transparent;
  box-shadow: 0 9px 16px 0 rgba(115, 102, 255, 0.13);
}
@media (max-width: 575px) {
  .project-budget-wrapper .touchspin-wrapper .btn-touchspin {
    height: 28px;
    width: 28px;
  }
}
.project-budget-wrapper .touchspin-wrapper .btn-touchspin i {
  color: rgba(82, 82, 108, 0.8);
  line-height: unset;
}
.project-budget-wrapper .touchspin-wrapper .input-touchspin {
  background-color: transparent;
  border: transparent;
}
.project-budget-wrapper .card-footer .btn:first-of-type {
  margin-right: 12px;
}
[dir="rtl"] .project-budget-wrapper .card-footer .btn:first-of-type {
  margin-left: 12px;
  margin-right: unset;
}
.overall-budget div.dt-container .dt-layout-row .dt-search {
  right: -50px;
}
.overall-budget.recent-table table tbody tr td,
.overall-budget.recent-table table tbody tr th,
.overall-budget.recent-table table thead tr td,
.overall-budget.recent-table table thead tr th {
  color: #52526c;
  min-width: auto;
}
.overall-budget.recent-table table tbody tr td:first-child,
.overall-budget.recent-table table tbody tr th:first-child,
.overall-budget.recent-table table thead tr td:first-child,
.overall-budget.recent-table table thead tr th:first-child {
  padding-left: 20px;
}
.overall-budget.recent-table table tbody tr td:last-child,
.overall-budget.recent-table table tbody tr th:last-child,
.overall-budget.recent-table table thead tr td:last-child,
.overall-budget.recent-table table thead tr th:last-child {
  padding-right: 20px;
}
@media (max-width: 1623px) and (min-width: 1400px) {
  .overall-budget.recent-table table tbody tr td:nth-child(2),
  .overall-budget.recent-table table tbody tr th:nth-child(2),
  .overall-budget.recent-table table thead tr td:nth-child(2),
  .overall-budget.recent-table table thead tr th:nth-child(2) {
    display: none;
  }
}
@media (max-width: 1023px) {
  .overall-budget.recent-table table tbody tr td:first-child,
  .overall-budget.recent-table table tbody tr th:first-child,
  .overall-budget.recent-table table thead tr td:first-child,
  .overall-budget.recent-table table thead tr th:first-child {
    min-width: 104px;
  }
  .overall-budget.recent-table table tbody tr td:nth-child(n + 2),
  .overall-budget.recent-table table tbody tr th:nth-child(n + 2),
  .overall-budget.recent-table table thead tr td:nth-child(n + 2),
  .overall-budget.recent-table table thead tr th:nth-child(n + 2) {
    min-width: 121px;
  }
}
.main-team-box {
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media (max-width: 1660px) and (min-width: 1400px) {
  .main-team-box {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 1399px) and (min-width: 630px) {
  .main-team-box {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 630px) {
  .main-team-box {
    grid-template-columns: 1fr;
  }
}
.main-team-box > div {
  background-color: #f7f8f9;
  border: none;
  border-radius: 15px;
  box-shadow: unset;
  letter-spacing: 0.5px;
  margin: 45px 0 0;
  position: relative;
}
.main-team-box > div:hover {
  box-shadow: unset;
}
.team-box-circle {
  align-items: center;
  background-color: var(--white);
  border-radius: 100%;
  display: flex;
  height: calc(75.6px + 0.75vw);
  justify-content: center;
  left: 50%;
  position: absolute;
  top: -45px;
  transform: translateX(-50%);
  width: calc(75.6px + 0.75vw);
  z-index: 0;
}
.team-box-circle img {
  height: calc(55.6px + 0.75vw);
}
.team-box-content {
  margin-top: 40px;
  padding: 20px;
  text-align: center;
}
.team-box-content h6 a {
  color: var(--body-font-color);
}
.team-box-content p {
  color: rgba(82, 82, 108, 0.8);
}
.team-box-content .common-space span {
  font-weight: 400;
}
.team-box-content .common-space > span {
  color: rgba(82, 82, 108, 0.8);
  font-weight: 500;
}
.team-box-content .progress {
  background: linear-gradient(0.501turn, #cfdce8 -32.82%, #fff 132.82%);
  border-radius: 50px;
  height: 6px;
  margin: 8px 0 5px;
}
.team-box-footer {
  border-top: 1px dashed rgba(82, 82, 108, 0.2);
  padding: 20px;
}
.team-box-footer p {
  color: rgba(82, 82, 108, 0.8);
}
.team-box-footer .common-space {
  flex-wrap: wrap;
  gap: 8px;
  text-align: center;
}
.attach-files-wrapper .common-f-start {
  flex-wrap: wrap;
  gap: calc(14.2px + 0.5625vw);
}
@media (max-width: 362px) {
  .attach-files-wrapper .common-f-start {
    justify-content: center;
  }
}
.attach-files-wrapper .common-f-start > div {
  align-content: center;
  border-radius: 8px;
  display: grid;
  gap: calc(7.2px + 0.25vw);
  height: calc(97.2px + 2.125vw);
  justify-content: center;
  place-items: center;
  width: calc(133.2px + 2.125vw);
}
.attach-files-wrapper .common-f-start > div .outer-file-circle {
  border-radius: 50%;
  display: grid;
  height: calc(41.2px + 1.1875vw);
  place-items: center;
  width: calc(41.2px + 1.1875vw);
}
.attach-files-wrapper .common-f-start > div .outer-file-circle svg {
  height: calc(20.4px + 0.5vw);
  width: calc(20.4px + 0.5vw);
}
.attach-files-wrapper .common-f-start > div p {
  font-weight: 500;
}
.attach-files-wrapper .upload-files-wrapper {
  -moz-column-gap: 20px;
  column-gap: 20px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  row-gap: 25px;
}
@media (max-width: 1660px) and (min-width: 1400px) {
  .attach-files-wrapper .upload-files-wrapper {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 1399px) and (min-width: 576px) {
  .attach-files-wrapper .upload-files-wrapper {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 575px) {
  .attach-files-wrapper .upload-files-wrapper {
    grid-template-columns: 1fr;
  }
}
.attach-files-wrapper .upload-files-wrapper > div {
  background-color: #f7f8f9;
  border-radius: 10px;
  padding: 18px;
}
.attach-files-wrapper .upload-files-wrapper > div .d-flex {
  align-items: center;
  gap: 22px;
  margin-bottom: 25px;
}
.attach-files-wrapper .upload-files-wrapper > div .d-flex svg {
  height: calc(46.6px + 0.4375vw);
  width: calc(23.4px + 0.8125vw);
}
.attach-files-wrapper .upload-files-wrapper > div .d-flex p {
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 1;
  height: auto;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.attach-files-wrapper .upload-files-wrapper > div .common-space p,
.attach-files-wrapper .upload-files-wrapper > div .common-space span {
  color: rgba(82, 82, 108, 0.8);
}
.attach-files-wrapper .upload-files-wrapper > div .progress {
  background: linear-gradient(0.501turn, #cfdce8 -32.82%, #fff 99.69%);
  height: 6px;
  margin-top: 8px;
}
.attach-files-wrapper .upload-files-wrapper > div.upload-file-box {
  background-color: rgba(115, 102, 255, 0.1);
  border: 1px dashed var(--theme-default);
  cursor: pointer;
  display: grid;
}
.attach-files-wrapper .upload-files-wrapper > div.upload-file-box .d-flex {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: 0;
}
.attach-files-wrapper .upload-files-wrapper > div.create-file-box {
  background-color: rgba(255, 184, 41, 0.1);
  border: 1px dashed #ffb829;
  cursor: pointer;
  display: grid;
}
.attach-files-wrapper .upload-files-wrapper > div.create-file-box .d-flex {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: 0;
}
.project-timeline .notification ul li:last-child {
  padding-bottom: 0;
}
.project-timeline .notification ul li h6 {
  display: -webkit-box;
  margin-bottom: 6px;
  max-width: 100%;
  -webkit-line-clamp: 2;
  height: auto;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.project-timeline .notification ul li .date-time {
  align-items: center;
  display: flex;
  justify-content: flex-start;
}
@media (max-width: 767px) {
  .project-timeline .notification ul li .date-time {
    align-items: flex-start;
    flex-direction: column;
  }
  .project-timeline .notification ul li .date-time .activity-profile {
    border-left: unset;
    margin-left: 0;
    padding-left: 0;
  }
}
.project-timeline .notification ul li span {
  color: rgba(82, 82, 108, 0.8);
}
.project-timeline .notification ul li span .activity-profile {
  border-left: 1px solid rgba(82, 82, 108, 0.2);
  margin-left: 10px;
  padding-left: 10px;
}
.project-timeline .notification ul li span .activity-profile img {
  margin-right: 6px;
}
.project-timeline .notification ul li span .activity-profile span {
  color: rgba(82, 82, 108, 0.8);
  vertical-align: text-top;
}
.project-timeline
  .notification
  ul
  li
  > div
  span:not(.activity-profile, .activity-profile span, .date-time) {
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 3;
  height: auto;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.project-timeline .notification ul li .upload-doc {
  background-color: #f7f8f9;
  min-width: calc(219.8px + 4.4375vw);
  padding: 12px 15px;
  width: calc(219.8px + 4.4375vw);
}
.project-timeline .notification ul li .upload-doc .d-flex {
  align-items: center;
  gap: 15px;
}
.project-timeline .notification ul li .upload-doc svg {
  height: 39px;
  width: 29px;
}
.project-timeline .notification ul li .flowchart-wrapper {
  align-items: center;
  background-color: #f7f8f9;
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
  justify-content: flex-start;
  padding: calc(14.2px + 0.5625vw);
}
@media (max-width: 621px) {
  .project-timeline .notification ul li .flowchart-wrapper {
    gap: 18px;
  }
}
@media (max-width: 606px) {
  .project-timeline .notification ul li .flowchart-wrapper {
    justify-content: center;
  }
}
.project-timeline .notification ul li .flowchart-wrapper .flowchart-img img {
  border-radius: 8px;
  height: 100px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  width: 135px;
}
.project-timeline .notification ul li .project-teammate ul:before {
  content: unset;
}
.project-timeline .notification ul li .project-teammate ul li {
  padding-bottom: 0;
}
.project-timeline .notification ul li .project-teammate ul li + li {
  margin-left: -12px;
}
[dir="rtl"] .project-timeline .notification ul li .project-teammate ul li + li {
  margin-left: unset;
  margin-right: -12px;
}
.project-timeline .notification ul li .project-teammate ul li img {
  transition: 0.5s;
}
.project-timeline
  .notification
  ul
  li
  .project-teammate
  ul
  li
  .light-background:hover,
.project-timeline .notification ul li .project-teammate ul li img:hover {
  transform: translateY(-4px) scale(1.02);
  transition: 0.5s;
}
.project-timeline .notification ul li .project-task-note {
  border: 1px dashed rgba(82, 82, 108, 0.3);
}
.project-timeline
  .notification
  ul
  li
  .project-task-note
  tbody
  tr
  td:first-child,
.project-timeline
  .notification
  ul
  li
  .project-task-note
  tbody
  tr
  th:first-child,
.project-timeline
  .notification
  ul
  li
  .project-task-note
  thead
  tr
  td:first-child,
.project-timeline
  .notification
  ul
  li
  .project-task-note
  thead
  tr
  th:first-child {
  min-width: 152px;
}
.project-timeline
  .notification
  ul
  li
  .project-task-note
  tbody
  tr
  td:nth-child(2),
.project-timeline
  .notification
  ul
  li
  .project-task-note
  tbody
  tr
  th:nth-child(2),
.project-timeline
  .notification
  ul
  li
  .project-task-note
  thead
  tr
  td:nth-child(2),
.project-timeline
  .notification
  ul
  li
  .project-task-note
  thead
  tr
  th:nth-child(2) {
  min-width: 265px;
}
.project-timeline
  .notification
  ul
  li
  .project-task-note
  tbody
  tr
  td:nth-child(3),
.project-timeline
  .notification
  ul
  li
  .project-task-note
  tbody
  tr
  th:nth-child(3),
.project-timeline
  .notification
  ul
  li
  .project-task-note
  thead
  tr
  td:nth-child(3),
.project-timeline
  .notification
  ul
  li
  .project-task-note
  thead
  tr
  th:nth-child(3) {
  min-width: 112px;
}
.project-timeline
  .notification
  ul
  li
  .project-task-note
  tbody
  tr
  td:nth-child(n + 4),
.project-timeline
  .notification
  ul
  li
  .project-task-note
  tbody
  tr
  th:nth-child(n + 4),
.project-timeline
  .notification
  ul
  li
  .project-task-note
  thead
  tr
  td:nth-child(n + 4),
.project-timeline
  .notification
  ul
  li
  .project-task-note
  thead
  tr
  th:nth-child(n + 4) {
  min-width: 130px;
}
.project-timeline .notification ul li .project-task-note .project-header {
  background-color: var(--recent-chart-bg);
  border-bottom: 1px solid rgba(82, 82, 108, 0.3);
}
.project-timeline .notification ul li .project-task-note .project-content {
  background-color: rgba(82, 82, 108, 0.1);
}
.project-timeline
  .notification
  ul
  li
  .project-task-note
  .project-content
  td
  .common-f-start:before {
  content: unset;
}
.project-timeline
  .notification
  ul
  li
  .project-task-note
  .project-content
  td
  .common-f-start
  li {
  padding-bottom: 0;
}
.project-timeline
  .notification
  ul
  li
  .project-task-note
  .project-content
  td
  .common-f-start
  li
  + li {
  margin-left: -12px;
}
[dir="rtl"]
  .project-timeline
  .notification
  ul
  li
  .project-task-note
  .project-content
  td
  .common-f-start
  li
  + li {
  margin-left: unset;
  margin-right: -12px;
}
.project-timeline
  .notification
  ul
  li
  .project-task-note
  .project-content
  td
  .common-f-start
  li
  img {
  transition: 0.5s;
}
.project-timeline
  .notification
  ul
  li
  .project-task-note
  .project-content
  td
  .common-f-start
  li
  .light-background:hover,
.project-timeline
  .notification
  ul
  li
  .project-task-note
  .project-content
  td
  .common-f-start
  li
  img:hover {
  transform: translateY(-4px) scale(1.02);
  transition: 0.5s;
}
.project-timeline
  .notification
  ul
  li
  .project-task-note
  .project-content
  td
  .btn-white {
  color: #52526c;
}
.project-timeline
  .notification
  ul
  li
  .project-task-note
  .project-content
  td
  .badge {
  border-left: unset;
  margin: 0;
  padding: 10px;
}
.project-timeline
  .notification
  ul
  li
  .project-task-note
  .project-content
  td
  .btn {
  background-color: var(--white);
}
.project-timeline
  .notification
  ul
  li
  .project-task-note
  .project-content
  td
  ul
  li
  img {
  border: 2px solid var(--white);
  height: 32px;
  width: 32px;
}
.project-cards .project-list .main-card-box {
  border: 1px solid var(--white);
  border-radius: 5px;
}
.project-cards .project-list .main-card-box > .common-space {
  flex-wrap: wrap;
}
.project-cards .project-list .main-card-box .common-f-start li .common-circle {
  height: 40px;
  width: 40px;
}
@media (max-width: 575px) {
  .project-cards
    .project-list
    .main-card-box
    .common-f-start
    li
    .common-circle {
    font-size: 12px;
    height: 30px;
    width: 30px;
  }
}
.project-cards .project-list .main-card-box .cost-performance-wrapper {
  width: 180px;
}
.project-cards
  .project-list
  .main-card-box
  .cost-performance-wrapper
  .apexcharts-graphical {
  transform: scale(0.8);
}
.project-cards
  .project-list
  .main-card-box
  .cost-performance-wrapper
  .apexcharts-tooltip
  span {
  color: #fff;
}
.project-cards .project-list .main-card-box .cost-right-data ul li {
  padding: calc(10.8px + 0.0625vw);
}
.project-cards .project-list .main-card-box .cost-right-data ul li:first-child {
  border-bottom: 1px dashed rgba(82, 82, 108, 0.2);
}
.project-cards .project-list .main-card-box .cost-right-data ul li span {
  color: rgba(82, 82, 108, 0.8);
}
.project-cards .project-list .main-card-box > .common-space {
  border-bottom: 1px dashed rgba(82, 82, 108, 0.2);
}
.project-cards .project-list .main-card-box .project-right-icon {
  align-items: center;
  border-radius: 5px;
  display: flex;
  height: calc(34px + 0.625vw);
  justify-content: center;
  width: calc(34px + 0.625vw);
}
.project-cards .project-list .main-card-box .project-right-icon i {
  font-size: calc(15.2px + 0.25vw);
}
.project-cards .project-list .main-card-box .highlight-content .common-space {
  flex-wrap: wrap;
  gap: 6px;
}
.project-cards
  .project-list
  .main-card-box
  .highlight-content
  .common-space
  svg {
  height: calc(13.6px + 0.125vw);
  margin-right: 6px;
  vertical-align: middle;
}
.project-cards
  .project-list
  .main-card-box
  .highlight-content
  .common-space
  span {
  font-size: calc(13.6px + 0.125vw);
}
@media (max-width: 370px) {
  .project-cards .project-list .main-card-box .highlight-content .common-space {
    align-items: flex-start;
    flex-direction: column;
  }
}
.project-cards .project-list .main-card-box span {
  color: var(--body-font-color);
}
.project-cards .project-list .main-card-box ul.common-f-start:before {
  content: unset;
}
.project-cards .project-list .main-card-box ul.common-f-start li {
  padding-bottom: 0;
}
.project-cards .project-list .main-card-box ul.common-f-start li + li {
  margin-left: -12px;
}
[dir="rtl"]
  .project-cards
  .project-list
  .main-card-box
  ul.common-f-start
  li
  + li {
  margin-left: unset;
  margin-right: -12px;
}
.project-cards .project-list .main-card-box ul.common-f-start li img {
  transition: 0.5s;
}
.project-cards
  .project-list
  .main-card-box
  ul.common-f-start
  li
  .light-background:hover,
.project-cards .project-list .main-card-box ul.common-f-start li img:hover {
  transform: translateY(-4px) scale(1.02);
  transition: 0.5s;
}
.project-cards .project-list .main-card-box .project-list-card {
  padding: 20px;
}
.project-cards .project-list .main-card-box .project-list-card .common-space {
  padding-bottom: 6px;
}
.project-cards
  .project-list
  .main-card-box
  .project-list-card
  .common-space:last-child {
  padding-bottom: 0;
}
.project-cards .project-list .main-card-box .highlight-content {
  padding: 20px;
}
.project-cards .project-list .main-card-box .highlight-content .common-space {
  padding-bottom: 6px;
}
.project-cards
  .project-list
  .main-card-box
  .highlight-content
  .common-space:last-child {
  padding-bottom: 0;
}
@media (max-width: 1784px) {
  .project-cards
    .project-list
    .main-card-box
    .main-cost-performance
    .common-space {
    flex-wrap: wrap;
    justify-content: center;
  }
  .project-cards
    .project-list
    .main-card-box
    .main-cost-performance
    .common-space
    .cost-right-data
    ul {
    align-items: center;
    display: flex;
    gap: calc(-5.6px + 1.75vw);
    justify-content: center;
  }
  .project-cards
    .project-list
    .main-card-box
    .main-cost-performance
    .common-space
    .cost-right-data
    ul
    li:first-child {
    border-bottom: unset;
  }
}
@media (max-width: 1399px) {
  .project-cards
    .project-list
    .main-card-box
    .main-cost-performance
    .common-space {
    flex-direction: column;
  }
}
.project-tabs {
  flex-wrap: wrap;
  gap: 12px;
}
.project-tabs.common-space .nav-tabs {
  border: unset;
  margin-bottom: 0;
}
.project-tabs.common-space .nav-tabs .nav-item .nav-link {
  padding-bottom: 0;
  text-align: left;
}
.project-tabs.common-space .nav-tabs .nav-item .nav-link svg {
  height: 18px;
  margin-right: 5px;
  vertical-align: middle;
}
@media (max-width: 645px) and (min-width: 576px) {
  .project-tabs.common-space .nav-tabs .nav-item .nav-link {
    padding: 10px 15px;
  }
}
@media (max-width: 575px) {
  .project-tabs.common-space .nav-tabs .nav-item .nav-link {
    padding: 10px 0;
  }
}
@media (min-width: 576px) {
  .project-tabs.common-space .nav-tabs .nav-item:first-child .nav-link {
    padding-left: 0;
  }
  .project-tabs.common-space .nav-tabs .nav-item:last-child .nav-link {
    padding-right: 0;
  }
}
@media (max-width: 575px) {
  .project-tabs.common-space .nav-tabs .nav-item .nav-link {
    font-size: 14px;
  }
  .project-tabs.common-space .nav-tabs .nav-item:first-child .nav-link {
    padding-top: 0;
  }
}
.project-tabs.common-space .btn i {
  margin-right: 8px;
  vertical-align: middle;
}
@media (max-width: 575px) {
  .project-tabs {
    align-items: flex-start;
    flex-direction: column;
  }
}
.projects-wrapper .card,
.projects-wrapper .list-box {
  background-color: var(--recent-chart-bg);
  box-shadow: 0 9px 20px 0 rgba(46, 35, 94, 0.071);
  cursor: pointer;
  padding: calc(15.6px + 0.125vw);
}
.projects-wrapper .card .header-top,
.projects-wrapper .list-box .header-top {
  flex-wrap: wrap;
  margin-bottom: 12px;
}
.projects-wrapper .card .project-body span,
.projects-wrapper .list-box .project-body span {
  color: rgba(82, 82, 108, 0.8);
  display: -webkit-box;
  margin-bottom: 8px;
  max-width: 100%;
  -webkit-line-clamp: 2;
  height: auto;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.projects-wrapper .card .project-body .progress,
.projects-wrapper .list-box .project-body .progress {
  height: 6px;
  margin-bottom: 8px;
}
.projects-wrapper:last-child .card {
  margin-bottom: 0;
}
.projects-wrapper ul li + li {
  margin-left: -12px;
}
[dir="rtl"] .projects-wrapper ul li + li {
  margin-left: unset;
  margin-right: -12px;
}
.projects-wrapper ul li img {
  transition: 0.5s;
}
.projects-wrapper ul li .light-background:hover,
.projects-wrapper ul li img:hover {
  transform: translateY(-4px) scale(1.02);
  transition: 0.5s;
}
.projects-wrapper .badge {
  font-size: 12px;
  padding: calc(5.2px + 0.25vw) calc(4.8px + 0.375vw);
}
.projects-wrapper .project-body h6 {
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 2;
  height: auto;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.projects-wrapper .project-body > img {
  border-radius: 5px;
  height: calc(76.8px + 2.5625vw);
  margin-bottom: 15px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.projects-wrapper .project-body ul {
  padding-bottom: calc(11.4px + 0.1875vw);
}
.projects-wrapper .project-body .project-bottom {
  border-top: 1px solid rgba(82, 82, 108, 0.1);
  flex-wrap: wrap;
  gap: 6px;
  padding-top: calc(10.8px + 0.375vw);
}
.projects-wrapper .project-body .project-bottom .common-flex span {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .projects-wrapper .project-body .project-bottom .common-flex svg {
    height: 14px;
    width: 14px;
  }
}
.projects-wrapper .project-body .project-bottom span {
  background-color: var(--light-bg);
  border-radius: 5px;
  padding: calc(3.6px + 0.125vw) calc(7.2px + 0.25vw);
}
.projects-wrapper .project-body .project-bottom svg {
  height: 16px;
  width: 16px;
  stroke: rgba(82, 82, 108, 0.8);
  vertical-align: text-top;
}
.projects-wrapper .list-box {
  border-radius: 2px;
}
.projects-wrapper [class*="title-line-"]:before {
  left: 12px;
}
.projects-wrapper svg {
  height: 16px;
  vertical-align: sub;
  width: 16px;
}
.projects-wrapper .project-body .common-f-start:not(ul) {
  margin-bottom: 24px;
}
.projects-wrapper .project-body .common-f-start:not(ul) img {
  border-radius: 14px;
  height: calc(46.6px + 1.0625vw);
}
@media (max-width: 400px) {
  .projects-wrapper .project-body .common-f-start:not(ul) {
    flex-wrap: wrap;
    margin-bottom: 6px;
  }
}
.projects-wrapper .project-body .project-bottom .common-f-start {
  padding-bottom: 0;
}
.projects-wrapper .project-body .project-bottom p {
  color: rgba(82, 82, 108, 0.8);
}
.projects-wrapper .project-body .project-bottom p span {
  background-color: unset;
  border-radius: 0;
  color: var(--body-font-color);
  font-weight: 500;
  margin-bottom: 0;
  padding: 0;
}
.projects-wrapper .project-body .project-bottom ul li img {
  border: 1px solid var(--white);
  height: 32px;
  width: 32px;
}
.projects-wrapper:last-child .card {
  margin-bottom: 20px;
}
.projects-wrapper .header-top .badge-light-success:hover {
  background-color: rgba(101, 193, 92, 0.15);
}
.projects-wrapper .header-top .badge-light-warning:hover {
  background-color: rgba(255, 184, 41, 0.1);
}
@media (max-width: 1660px) and (min-width: 1400px) {
  .recent-xl-50 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .recent-xl-23 {
    flex: 0 0 23%;
    max-width: 23%;
  }
  .recent-xl-77 {
    flex: 0 0 77%;
    max-width: 77%;
  }
}
.placeholder-light {
  background-color: #3f475a;
  opacity: 0.08;
}
.loading-card-wrapper img {
  height: calc(110px + 4.6875vw);
  -o-object-fit: cover;
  object-fit: cover;
}
.placeholder-body {
  align-items: center;
  display: flex;
  gap: 14px;
}
.placeholder-body .placeholder-start .square {
  animation: wave-square-lines 2s ease-out infinite;
  background: linear-gradient(
    90deg,
    hsla(0, 0%, 54%, 0.02) 2%,
    hsla(0, 0%, 51%, 0.02) 0,
    hsla(0, 0%, 54%, 0.1) 14%
  );
  background-size: 800px 100px;
  border-radius: 5px;
  height: calc(48px + 0.625vw);
  width: calc(48px + 0.625vw);
}
.placeholder-body .placeholder-start .square.circle {
  border-radius: 50%;
  height: calc(48px + 0.625vw);
  width: calc(48px + 0.625vw);
}
.placeholder-body .placeholder-end {
  flex: 1;
}
.placeholder-body .placeholder-end .placeholder-line {
  animation: wave-left-lines 2s ease-out infinite;
  background: linear-gradient(
    90deg,
    hsla(0, 0%, 54%, 0.02) 2%,
    hsla(0, 0%, 51%, 0.02) 0,
    hsla(0, 0%, 54%, 0.1) 14%
  );
  background-size: 800px 100px;
  border-radius: 2px;
  height: 12px;
  margin-bottom: 6px;
}
.animation-placeholder p,
.placeholder-body .placeholder-end .placeholder-line:last-child {
  margin-bottom: 0;
}
@keyframes wave-left-lines {
  0% {
    background-position: -460px 0;
  }
  to {
    background-position: 460px 0;
  }
}
@keyframes wave-square-lines {
  0% {
    background-position: -460px 0;
  }
  to {
    background-position: 460px 0;
  }
}
@keyframes placeholder-glow {
  50% {
    opacity: 0.1;
  }
}
@keyframes shake {
  30% {
    transform: perspective(240px) rotateX(var(--step-1-rx, 0deg))
      rotateY(var(--step-1-ry, 0deg)) rotate(var(--step-1-rz, 0deg))
      translateZ(10px);
  }
  60% {
    transform: perspective(240px) rotateX(var(--step-2-rx, 0deg))
      rotateY(var(--step-2-ry, 0deg)) rotate(var(--step-2-rz, 0deg))
      translateZ(10px);
  }
  to {
    transform: perspective(240px) translateZ(4px);
  }
}
@keyframes tear {
  0% {
    opacity: 0;
    transform: translateY(-2px) scale(0) translateZ(0);
  }
  50% {
    transform: translateY(12px) scale(0.6, 1.2) translateZ(0);
  }
  20%,
  80% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translateY(24px) translateX(4px) rotate(-30deg) scale(0.7, 1.1)
      translateZ(0);
  }
}
@keyframes toggle {
  50% {
    transform: translateY(var(--middle-y, 0))
      scale(
        var(--middle-s-x, var(--middle-s, 1)),
        var(--middle-s-y, var(--middle-s, 1))
      )
      rotate(var(--middle-r, 0deg));
  }
}
@keyframes angry {
  40% {
    background: var(--active);
  }
  45% {
    box-shadow: inset 3px -3px 4px var(--active-shadow),
      inset 0 8px 10px var(--active-shadow-angry);
  }
}
.feedback {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
.feedback li {
  background: var(--sb, var(--normal));
  border-radius: 50%;
  box-shadow: inset 3px -3px 4px var(--sh, var(--normal-shadow));
  position: relative;
  transition: background 0.4s, box-shadow 0.4s, transform 0.3s;
  -webkit-tap-highlight-color: transparent;
}
.feedback li:not(:last-child) {
  margin-right: 20px;
}
.feedback li div {
  height: 40px;
  position: relative;
  transform: perspective(240px) translateZ(4px);
  width: 40px;
}
.feedback li div svg {
  display: block;
  height: var(--h, 2px);
  left: var(--l, 9px);
  position: absolute;
  top: var(--t, 13px);
  transform: rotate(var(--r, 0deg)) scale(var(--sc, 1)) translateZ(0);
  width: var(--w, 8px);
  fill: none;
  stroke: var(--s);
  stroke-width: 2px;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: stroke 0.4s;
}
.feedback li div:after,
.feedback li div:before {
  background: var(--b, var(--e, var(--normal-eye)));
  border-radius: var(--br, 1px);
  content: "";
  display: block;
  height: var(--h, 2px);
  left: var(--l, 9px);
  position: absolute;
  top: var(--t, 13px);
  transform: rotate(var(--r, 0deg)) scale(var(--sc, 1)) translateZ(0);
  transition: background 0.4s;
  width: var(--w, 8px);
  z-index: var(--zi, 1);
}
.feedback li div svg.eye {
  --s: var(--e, var(--normal-eye));
  --t: 17px;
  --w: 7px;
  --h: 4px;
}
.feedback li div svg.eye.right {
  --l: 23px;
}
.feedback li div svg.mouth {
  --s: var(--m, var(--normal-mouth));
  --l: 11px;
  --t: 23px;
  --w: 18px;
  --h: 7px;
}
.feedback li:not(.active) {
  cursor: pointer;
}
.feedback li:not(.active):active {
  transform: scale(0.925);
}
.feedback li.angry {
  --step-1-rx: -24deg;
  --step-1-ry: 20deg;
  --step-2-rx: -24deg;
  --step-2-ry: -20deg;
}
.feedback li.angry div:before {
  --r: 20deg;
}
.feedback li.angry div:after {
  --l: 23px;
  --r: -20deg;
}
.feedback li.angry div svg.eye {
  stroke-dasharray: 4.55;
  stroke-dashoffset: 8.15;
}
.feedback li.angry.active {
  animation: angry 1s linear;
}
.feedback li.angry.active div:before {
  --middle-y: -2px;
  --middle-r: 22deg;
  animation: toggle 0.8s linear forwards;
}
.feedback li.angry.active div:after {
  --middle-y: 1px;
  --middle-r: -18deg;
  animation: toggle 0.8s linear forwards;
}
.feedback li.sad {
  --step-1-rx: 20deg;
  --step-1-ry: -12deg;
  --step-2-rx: -18deg;
  --step-2-ry: 14deg;
}
.feedback li.sad div:after,
.feedback li.sad div:before {
  --b: var(--active-tear);
  --sc: 0;
  --w: 5px;
  --h: 5px;
  --t: 15px;
  --br: 50%;
}
.feedback li.sad div:after {
  --l: 25px;
}
.feedback li.sad div svg.eye {
  --t: 16px;
}
.feedback li.sad div svg.mouth {
  --t: 24px;
  stroke-dasharray: 9.5;
  stroke-dashoffset: 33.25;
}
.feedback li.sad.active div:after,
.feedback li.sad.active div:before {
  animation: tear 0.6s linear forwards;
}
.feedback li.ok {
  --step-1-rx: 4deg;
  --step-1-ry: -22deg;
  --step-1-rz: 6deg;
  --step-2-rx: 4deg;
  --step-2-ry: 22deg;
  --step-2-rz: -6deg;
}
.feedback li.ok div:before {
  --l: 12px;
  --t: 17px;
  --h: 4px;
  --w: 4px;
  --br: 50%;
  box-shadow: 12px 0 0 var(--e, var(--normal-eye));
}
.feedback li.ok div:after {
  --l: 13px;
  --t: 26px;
  --w: 14px;
  --h: 2px;
  --br: 1px;
  --b: var(--m, var(--normal-mouth));
}
.feedback li.ok.active div:before {
  --middle-s-y: 0.35;
  animation: toggle 0.2s linear forwards;
}
.feedback li.ok.active div:after {
  --middle-s-x: 0.5;
  animation: toggle 0.7s linear forwards;
}
.feedback li.good {
  --step-1-rx: -14deg;
  --step-1-rz: 10deg;
  --step-2-rx: 10deg;
  --step-2-rz: -8deg;
}
.feedback li.good div:before {
  --b: var(--m, var(--normal-mouth));
  --w: 5px;
  --h: 5px;
  --br: 50%;
  --t: 22px;
  --zi: 0;
  box-shadow: 16px 0 0 var(--b);
  filter: blur(2px);
  opacity: 0.5;
}
.feedback li.good div:after {
  --sc: 0;
}
.feedback li.good div svg.eye {
  --t: 15px;
  --sc: -1;
  stroke-dasharray: 4.55;
  stroke-dashoffset: 8.15;
}
.feedback li.good div svg.mouth {
  --t: 22px;
  --sc: -1;
  stroke-dasharray: 13.3;
  stroke-dashoffset: 23.75;
}
.feedback li.good.active div svg.mouth {
  --middle-y: 1px;
  --middle-s: -1;
  animation: toggle 0.8s linear forwards;
}
.feedback li.happy div {
  --step-1-rx: 18deg;
  --step-1-ry: 24deg;
  --step-2-rx: 18deg;
  --step-2-ry: -24deg;
}
.feedback li.happy div:before {
  --sc: 0;
}
.feedback li.happy div:after {
  --b: var(--m, var(--normal-mouth));
  --l: 11px;
  --t: 23px;
  --w: 18px;
  --h: 8px;
  --br: 0 0 8px 8px;
}
.feedback li.happy div svg.eye {
  --t: 14px;
  --sc: -1;
}
.feedback li.happy.active div:after {
  --middle-s-x: 0.95;
  --middle-s-y: 0.75;
  animation: toggle 0.8s linear forwards;
}
.feedback li.active {
  --sb: var(--active);
  --sh: var(--active-shadow);
  --m: var(--active-mouth);
  --e: var(--active-eye);
}
.feedback li.active div {
  animation: shake 0.8s linear forwards;
}
.main-star-rating {
  position: relative;
}
.main-star-rating .star-box i,
.main-star-rating .star-box1 i {
  color: #ccc;
  cursor: pointer;
  font-size: calc(23px + 0.625vw);
  transition: color 0.2s ease;
}
.main-star-rating .star-box i.active,
.main-star-rating .star-box1 i.active {
  color: #ffb829;
}
.rating-stars-2 .emoji-rating .outer-emoji {
  display: flex;
  height: 60px;
  justify-content: center;
  overflow: hidden;
  width: 60px;
}
.rating-stars-2 .outer-emoji .emojis {
  display: flex;
  flex-direction: column;
  height: 500%;
}
.rating-stars-2 .outer-emoji .emojis li {
  height: 20%;
  list-style: none;
  transition: all 0.3s ease;
  width: 100%;
}
.rating-stars-2 .outer-emoji li i {
  color: #59667a;
  font-size: 45px;
}
.rating-stars-2 #star-2:checked ~ .common-align .emojis .slide-emoji {
  margin-top: -50px;
}
.rating-stars-2 #star-3:checked ~ .common-align .emojis .slide-emoji {
  margin-top: -112px;
}
.rating-stars-2 #star-4:checked ~ .common-align .emojis .slide-emoji {
  margin-top: -172px;
}
.rating-stars-2 #star-5:checked ~ .common-align .emojis .slide-emoji {
  margin-top: -232px;
}
.rating-stars-2 .stars label {
  color: #ccc;
  font-size: 22px;
}
.rating-stars-2 #star-1:checked ~ .common-align .stars .star-1,
.rating-stars-2 #star-1:hover ~ .common-align .stars .star-1,
.rating-stars-2 #star-2:checked ~ .common-align .stars .star-1,
.rating-stars-2 #star-2:checked ~ .common-align .stars .star-2,
.rating-stars-2 #star-2:hover ~ .common-align .stars .star-1,
.rating-stars-2 #star-2:hover ~ .common-align .stars .star-2,
.rating-stars-2 #star-3:checked ~ .common-align .stars .star-1,
.rating-stars-2 #star-3:checked ~ .common-align .stars .star-2,
.rating-stars-2 #star-3:checked ~ .common-align .stars .star-3,
.rating-stars-2 #star-3:hover ~ .common-align .stars .star-1,
.rating-stars-2 #star-3:hover ~ .common-align .stars .star-2,
.rating-stars-2 #star-3:hover ~ .common-align .stars .star-3,
.rating-stars-2 #star-4:checked ~ .common-align .stars .star-1,
.rating-stars-2 #star-4:checked ~ .common-align .stars .star-2,
.rating-stars-2 #star-4:checked ~ .common-align .stars .star-3,
.rating-stars-2 #star-4:checked ~ .common-align .stars .star-4,
.rating-stars-2 #star-4:hover ~ .common-align .stars .star-1,
.rating-stars-2 #star-4:hover ~ .common-align .stars .star-2,
.rating-stars-2 #star-4:hover ~ .common-align .stars .star-3,
.rating-stars-2 #star-4:hover ~ .common-align .stars .star-4,
.rating-stars-2 #star-5:checked ~ .common-align .stars .star-1,
.rating-stars-2 #star-5:checked ~ .common-align .stars .star-2,
.rating-stars-2 #star-5:checked ~ .common-align .stars .star-3,
.rating-stars-2 #star-5:checked ~ .common-align .stars .star-4,
.rating-stars-2 #star-5:checked ~ .common-align .stars .star-5,
.rating-stars-2 #star-5:hover ~ .common-align .stars .star-1,
.rating-stars-2 #star-5:hover ~ .common-align .stars .star-2,
.rating-stars-2 #star-5:hover ~ .common-align .stars .star-3,
.rating-stars-2 #star-5:hover ~ .common-align .stars .star-4,
.rating-stars-2 #star-5:hover ~ .common-align .stars .star-5 {
  color: #ffb829;
}
.rating-stars-2 .emoji-rating .main-emoji-text {
  align-items: center;
  background: var(--light-background);
  border-top: 1px solid var(--chart-dashed-border);
  display: flex;
  flex-wrap: wrap;
  height: 50px;
  justify-content: space-between;
  padding: 0 20px;
  width: 100%;
}
@media (max-width: 1682px) {
  .rating-stars-2 .emoji-rating .main-emoji-text {
    height: 74px;
    padding: 12px;
  }
}
@media (max-width: 1511px) {
  .rating-stars-2 .emoji-rating .main-emoji-text .emoji-msg {
    max-width: 294px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.rating-stars-2 .main-emoji-text .emoji-msg:before {
  content: "No issues detected";
}
.rating-stars-2 .main-emoji-text .emoji-number:before {
  content: "0 out of 5";
}
.rating-stars-2 #star-1:checked ~ .main-emoji-text .emoji-msg:before {
  content: "We have observed unacceptable behavior.";
  padding-right: 12px;
}
.rating-stars-2 #star-1:checked ~ .main-emoji-text .emoji-number:before {
  content: "1 out of 5";
}
.rating-stars-2 #star-2:checked ~ .main-emoji-text .emoji-msg:before {
  content: "Your request cannot be processed.";
  padding-right: 12px;
}
.rating-stars-2 #star-2:checked ~ .main-emoji-text .emoji-number:before {
  content: "2 out of 5";
}
.rating-stars-2 s #star-3:checked ~ .main-emoji-text .emoji-msg:before {
  content: "Well done! The operation was successfully finished.";
  padding-right: 12px;
}
.rating-stars-2 #star-3:checked ~ .main-emoji-text .emoji-number:before {
  content: "3 out of 5";
}
.rating-stars-2 #star-4:checked ~ .main-emoji-text .emoji-msg:before {
  content: "Thank you for your ongoing assistance.";
  padding-right: 12px;
}
.rating-stars-2 #star-4:checked ~ .main-emoji-text .emoji-number:before {
  content: "4 out of 5";
}
.rating-stars-2 #star-5:checked ~ .main-emoji-text .emoji-msg:before {
  content: "Task successfully finished.";
  padding-right: 12px;
}
.rating-stars-2 #star-5:checked ~ .main-emoji-text .emoji-number:before {
  content: "5 out of 5";
}
.rating-stars-2 input[type="radio"] {
  display: none;
}
.msg-emojis-wrapper {
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative;
}
.msg-emojis-wrapper .star-widget {
  margin: 0;
}
.msg-emojis-wrapper .star-widget input {
  display: none;
}
.msg-emojis-wrapper .star-widget label {
  color: #ccc;
  float: right;
  font-size: 35px;
  margin: 0;
  padding: 0 10px;
  transition: all 0.2s ease;
}
@media (max-width: 1500px) and (min-width: 401px) {
  .msg-emojis-wrapper .star-widget label {
    font-size: 30px;
  }
}
@media (max-width: 400px) {
  .msg-emojis-wrapper .star-widget label {
    font-size: 25px;
    padding: 0 8px;
  }
}
.msg-emojis-wrapper form {
  display: none;
}
input:checked ~ form {
  display: block;
  margin-top: 45px;
}
.star-widget input:checked ~ label,
.star-widget input:not(:checked) ~ label:hover,
.star-widget input:not(:checked) ~ label:hover ~ label {
  color: #ffb829;
}
input#rate-5:checked ~ label {
  color: #fff7e5;
  text-shadow: 0 0 20px var(--active-shadow);
}
#rate-1:checked ~ form header:before {
  content: "Simple and effective ";
}
#rate-2:checked ~ form header:before {
  content: "Great value! ";
}
#rate-3:checked ~ form header:before {
  content: "High-quality product";
}
#rate-4:checked ~ form header:before {
  content: "Will definitely order again";
}
#rate-5:checked ~ form header:before {
  content: "Delicious and satisfying";
}
form header {
  color: var(--chart-text-color);
  font-size: 18px;
  font-weight: 500;
  margin: 0;
  transition: all 0.2s ease;
  width: 100%;
}
.heart-rating,
form header {
  text-align: center;
}
.heart-rating .rating-system3 {
  align-items: center;
  display: flex;
  flex-direction: row-reverse;
  gap: 28px;
  justify-content: center;
  position: relative;
  width: 100%;
}
.heart-rating span {
  background: #fc564a;
  display: inline-block;
  height: 10px;
  left: 20px;
  position: absolute;
  width: 10px;
}
.heart-rating input {
  display: none;
}
.heart-rating label {
  background: #ccc;
  display: block;
  height: 5px;
  margin: 0;
  position: relative;
  transition: all 0.3s;
  width: 20px;
}
.heart-rating .rating-text {
  color: var(--chart-text-color);
  padding: 18px 0 0;
  position: absolute;
  top: 100%;
  width: 100%;
}
.heart-rating .rating-system3 label {
  height: 10px;
  width: 10px;
}
.heart-rating .rating-system3 label:last-child {
  margin-left: 0;
}
.heart-rating .rating-system3 label:hover,
.heart-rating .rating-system3 label:hover ~ label {
  background: #fc564a;
  border-radius: 100%;
}
.heart-rating .rating-system3 input:checked ~ label {
  background: #fc564a;
  border-radius: 100%;
  box-shadow: 6px 0 #fc564a, 3px 1px 0 7px var(--white), 3px 1px 0 9px #fc564a;
}
.heart-rating .rating-system3 input:checked ~ label:after {
  background: #fc564a;
  border-bottom-left-radius: 15%;
  content: "";
  height: 100%;
  left: 3px;
  position: absolute;
  top: 30%;
  transform: rotate(-45deg);
  width: 100%;
}
.heart-rating input:nth-of-type(5):checked ~ .rating-text:before,
.heart-rating label:nth-of-type(5):hover ~ .rating-text:before {
  content: "No issues detected";
}
.heart-rating input:nth-of-type(4):checked ~ .rating-text:before,
.heart-rating label:nth-of-type(4):hover ~ .rating-text:before {
  content: "We have observed unacceptable behavior.";
}
.heart-rating input:nth-of-type(3):checked ~ .rating-text:before,
.heart-rating label:nth-of-type(3):hover ~ .rating-text:before {
  content: "Your request cannot be processed.";
}
.heart-rating input:nth-of-type(2):checked ~ .rating-text:before,
.heart-rating label:nth-of-type(2):hover ~ .rating-text:before {
  content: "Well done! The operation was successfully finished.";
}
.heart-rating input:first-of-type:checked ~ .rating-text:before,
.heart-rating label:first-of-type:hover ~ .rating-text:before {
  content: "Thank you for your ongoing assistance.";
}
.rating_expression .emoji {
  animation: fade-slide-in 0.6s ease-out;
}
.rating_expression .emoji__face {
  background-image: linear-gradient(
    135deg,
    hsl(var(--face-hue1), 90%, 55%),
    hsl(var(--face-hue2), 90%, 45%)
  );
  border-radius: 50%;
  box-shadow: 0 0.5em 0.75em hsla(var(--face-hue2), 90%, 55%, 0.3);
  height: 42px;
  margin: 0 auto 24px;
  position: relative;
  width: 42px;
}
.rating_expression .emoji__face-left-eye,
.rating_expression .emoji__face-mouth-lower,
.rating_expression .emoji__face-mouth-upper,
.rating_expression .emoji__face-right-eye {
  position: absolute;
  transition: background-color var(--trans-dur), box-shadow var(--trans-dur),
    color var(--trans-dur);
}
.rating_expression .emoji__face-left-eye,
.rating_expression .emoji__face-right-eye {
  background-color: var(--white);
  border-radius: 50%;
  height: 0.6em;
  top: 0.75em;
  width: 0.6em;
}
.rating_expression .emoji__face-right-eye {
  animation: right-eye 1s var(--delay-right) linear paused;
  clip-path: polygon(0 75%, 100% 0, 100% 100%, 0 100%);
  left: 0.6em;
}
.rating_expression .emoji__face-left-eye {
  animation: left-eye 1s var(--delay-left) linear paused;
  clip-path: polygon(0 0, 100% 75%, 100% 100%, 0 100%);
  right: 0.6em;
}
.rating_expression .emoji__face-mouth-lower,
.rating_expression .emoji__face-mouth-upper {
  color: var(--white);
  height: 0.75em;
  left: 0.75em;
  top: 1.75em;
  width: 1.5em;
}
.rating_expression .emoji__face-mouth-lower {
  animation: mouth-lower 1s var(--delay-mouth-lower) linear paused;
  border-radius: 50% 50% 0 0/100% 100% 0 0;
  box-shadow: inset 0 0.125em 0;
}
.rating_expression .emoji__face-mouth-upper {
  animation: mouth-upper 1s var(--delay-mouth-upper) linear paused;
  border-radius: 0 0 50% 50%/0 0 100% 100%;
  box-shadow: inset 0 -0.125em 0;
}
.rating_expression .emoji__label {
  color: var(--chart-text-color);
  display: block;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 45px;
  text-align: center;
}
.rating_expression .emoji__input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #ccc;
  background-image: linear-gradient(
    hsl(var(--input-hue), 90%, 46%),
    hsl(var(--input-hue), 90%, 46%)
  );
  background-repeat: no-repeat;
  background-size: var(--percent) 100%;
  border-radius: 0.25em;
  display: block;
  height: 4px;
  margin: auto;
  max-width: 50%;
  transition: background-color var(--trans-dur);
  width: 30%;
  -webkit-tap-highlight-color: transparent;
}
.rating_expression .emoji__input:focus {
  outline: transparent;
}
.rating_expression .emoji__input::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background-color: var(--white);
  border: 0;
  border-radius: 50%;
  box-shadow: 0 0.125em 0.5em rgba(0, 0, 0, 0.3);
  height: 1.5em;
  -webkit-transition: background-color 0.15s linear;
  transition: background-color 0.15s linear;
  width: 1.5em;
}
.rating_expression .emoji__input::-webkit-slider-thumb:hover,
.rating_expression .emoji__input:focus::-webkit-slider-thumb {
  background-color: var(--lt-gray);
}
.rating_expression .emoji__input::-moz-range-thumb {
  background-color: var(--white);
  border: 0;
  border-radius: 50%;
  box-shadow: 0 0.125em 0.5em rgba(0, 0, 0, 0.3);
  height: 1.5em;
  -moz-transition: background-color 0.15s linear;
  transition: background-color 0.15s linear;
  width: 1.5em;
}
.rating_expression .emoji__input::-moz-range-thumb:hover,
.rating_expression .emoji__input:focus::-moz-range-thumb {
  background-color: var(--lt-gray);
}
@keyframes fade-slide-in {
  0%,
  16.67% {
    opacity: 0;
    transform: translateY(25%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes right-eye {
  0% {
    clip-path: polygon(0 75%, 100% 0, 100% 100%, 0 100%);
  }
  50%,
  to {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
}
@keyframes left-eye {
  0% {
    clip-path: polygon(0 0, 100% 75%, 100% 100%, 0 100%);
  }
  50%,
  to {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
}
@keyframes mouth-lower {
  0% {
    border-radius: 50% 50% 0 0/100% 100% 0 0;
    height: 0.75em;
    top: 1.75em;
    visibility: visible;
  }
  40% {
    border-radius: 50% 50% 0 0/100% 100% 0 0;
    height: 0.25em;
    top: 1.95em;
    visibility: visible;
  }
  50%,
  to {
    border-radius: 0;
    height: 0.125em;
    top: 2em;
    visibility: hidden;
  }
}
@keyframes mouth-upper {
  0%,
  50% {
    border-radius: 0;
    box-shadow: inset 0 -0.125em 0;
    height: 0.125em;
    top: 2em;
    visibility: hidden;
  }
  62.5% {
    border-radius: 0 0 50% 50%/0 0 100% 100%;
    box-shadow: inset 0 -0.125em 0;
    height: 0.25em;
    top: 1.95em;
    visibility: visible;
  }
  75% {
    border-radius: 0 0 50% 50%/0 0 100% 100%;
    box-shadow: inset 0 -0.125em 0;
    height: 0.5em;
    top: 1.825em;
    visibility: visible;
  }
  to {
    border-radius: 0 0 50% 50%/0 0 100% 100%;
    box-shadow: inset 0 -0.8em 0;
    height: 0.75em;
    top: 1.75em;
    visibility: visible;
  }
}
.rating_expression .emoji_slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background: var(--chart-text-color);
  cursor: pointer;
  height: 12px;
  width: 12px;
}
.rating_expression .emoji_slider::-moz-range-thumb {
  background: var(--chart-text-color);
  cursor: pointer;
  height: 12px;
  width: 12px;
}
.reset-rating {
  display: flex;
  flex-direction: row-reverse;
  gap: 15px;
  justify-content: center;
  margin-bottom: 16px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.reset-rating > input {
  display: none;
}
.reset-rating > input:checked ~ label,
.reset-rating > input:checked ~ label ~ label,
.reset-rating > input:not(:checked) ~ label:hover,
.reset-rating > input:not(:checked) ~ label:hover ~ label {
  color: #ffb829;
}
.reset-rating > label {
  color: #ccc;
  cursor: pointer;
  font-size: 35px;
  margin: 0;
  transition: 0.3s;
}
.ratingCard {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  max-width: 100%;
  width: 100%;
}
.reset-btn {
  cursor: pointer;
}
.half-star-rating .starrate {
  color: #ccc;
  cursor: pointer;
  text-align: center;
}
.half-star-rating .starrate .ctrl {
  position: absolute;
  z-index: 2;
}
.half-star-rating .starrate i {
  color: #ffb829;
  font-size: 35px;
}
.half-star-rating .starrate.saved {
  margin-bottom: 4px;
}
.half-star-rating .rating-result {
  color: var(--body-font-color);
  font-size: 20px;
  text-align: center;
}
.role-permission-wrapper
  .permission-table
  div.dt-container
  .dt-layout-row
  .dt-search {
  right: 234px;
  top: 20px;
}
@media (max-width: 640px) {
  .role-permission-wrapper
    .permission-table
    div.dt-container
    .dt-layout-row
    .dt-search {
    top: 0;
  }
}
.role-permission-wrapper
  .permission-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input {
  border-radius: 6px;
  padding: 6px;
  width: auto;
}
.role-permission-wrapper .permission-table table tbody tr td,
.role-permission-wrapper .permission-table table tbody tr th,
.role-permission-wrapper .permission-table table thead tr td,
.role-permission-wrapper .permission-table table thead tr th {
  color: var(--body-font-color);
  min-width: auto;
}
.role-permission-wrapper .permission-table table tbody tr td:first-child,
.role-permission-wrapper .permission-table table tbody tr th:first-child,
.role-permission-wrapper .permission-table table thead tr td:first-child,
.role-permission-wrapper .permission-table table thead tr th:first-child {
  padding-left: 20px;
}
.role-permission-wrapper .permission-table table tbody tr td:last-child,
.role-permission-wrapper .permission-table table tbody tr th:last-child,
.role-permission-wrapper .permission-table table thead tr td:last-child,
.role-permission-wrapper .permission-table table thead tr th:last-child {
  padding-right: 20px;
}
.role-permission-wrapper .permission-table table tbody tr td .badge,
.role-permission-wrapper .permission-table table tbody tr th .badge,
.role-permission-wrapper .permission-table table thead tr td .badge,
.role-permission-wrapper .permission-table table thead tr th .badge {
  padding: 6px 10px;
}
.role-permission-wrapper .permission-table table tbody tr td .square-white,
.role-permission-wrapper .permission-table table tbody tr th .square-white,
.role-permission-wrapper .permission-table table thead tr td .square-white,
.role-permission-wrapper .permission-table table thead tr th .square-white {
  align-items: center;
  background-color: var(--white);
  border-radius: 2px;
  box-shadow: 0 0 28px 6px hsla(0, 0%, 92%, 0.4);
  display: flex;
  height: 34px;
  justify-content: center;
  width: 34px;
}
.role-permission-wrapper .permission-table table tbody tr td .square-white svg,
.role-permission-wrapper .permission-table table tbody tr th .square-white svg,
.role-permission-wrapper .permission-table table thead tr td .square-white svg,
.role-permission-wrapper .permission-table table thead tr th .square-white svg {
  height: 16px;
  width: 16px;
  fill: #52526c;
}
@media (max-width: 1199px) {
  .role-permission-wrapper .permission-table table tbody tr td:nth-child(2),
  .role-permission-wrapper .permission-table table tbody tr th:nth-child(2),
  .role-permission-wrapper .permission-table table thead tr td:nth-child(2),
  .role-permission-wrapper .permission-table table thead tr th:nth-child(2) {
    min-width: 150px;
  }
  .role-permission-wrapper .permission-table table tbody tr td:nth-child(3),
  .role-permission-wrapper .permission-table table tbody tr th:nth-child(3),
  .role-permission-wrapper .permission-table table thead tr td:nth-child(3),
  .role-permission-wrapper .permission-table table thead tr th:nth-child(3) {
    min-width: 160px;
  }
  .role-permission-wrapper .permission-table table tbody tr td:nth-child(4),
  .role-permission-wrapper .permission-table table tbody tr th:nth-child(4),
  .role-permission-wrapper .permission-table table thead tr td:nth-child(4),
  .role-permission-wrapper .permission-table table thead tr th:nth-child(4) {
    min-width: 165px;
  }
}
.role-permission-wrapper .modal-body .form-label,
.role-permission-wrapper .modal-header .form-label {
  font-weight: 500;
}
.role-permission-wrapper .modal-body .modal-title,
.role-permission-wrapper .modal-header .modal-title {
  font-size: 18px;
}
.role-permission-wrapper .permission-form ul {
  border-bottom: 1px solid var(--chart-progress-light);
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  overflow: auto;
  padding: 10px 0;
}
@media (max-width: 575px) {
  .role-permission-wrapper .permission-form ul {
    display: flex;
    flex-wrap: nowrap;
    gap: 32px;
    justify-content: flex-start;
  }
}
.role-permission-wrapper .permission-form ul li:first-child {
  font-weight: 500;
}
@media (max-width: 575px) {
  .role-permission-wrapper .permission-form ul li:first-child {
    min-width: 75px;
  }
}
.role-permission-wrapper .permission-form ul li .form-check {
  position: relative;
}
.role-permission-wrapper .permission-form ul li .form-check .form-check-input {
  height: 18px;
  left: 16px;
  position: absolute;
  top: -2px;
  width: 18px;
}
[dir="rtl"]
  .role-permission-wrapper
  .permission-form
  ul
  li
  .form-check
  .form-check-input {
  left: unset;
  right: 16px;
}
.role-permission-wrapper
  .permission-form
  ul
  li
  .form-check
  .form-check-input:focus {
  box-shadow: unset;
}
.role-permission-wrapper
  .permission-form
  ul
  li
  .form-check
  .form-check-input:valid {
  border-color: #52526c;
}
.role-permission-wrapper
  .permission-form
  ul
  li
  .form-check
  .form-check-input:invalid {
  border-color: #fc564a;
}
.role-permission-wrapper
  .permission-form
  ul
  li
  .form-check
  .form-check-input:invalid
  ~ .form-check-label {
  color: #fc564a;
}
.role-permission-wrapper
  .permission-form
  ul
  li
  .form-check
  .form-check-input:valid
  ~ .form-check-label {
  color: #52526c;
}
.role-permission-wrapper
  .permission-form
  ul
  li
  .form-check
  .form-check-input:checked {
  background-color: var(--theme-default);
}
.role-permission-wrapper
  .permission-form
  ul
  li
  .form-check
  .form-check-input:checked:valid {
  border-color: var(--theme-default);
}
.role-permission-wrapper .permission-form ul li .form-check .form-check-label {
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .role-permission-wrapper .permission-form ul li .form-check {
    padding-left: 1.2em;
  }
  .role-permission-wrapper
    .permission-form
    ul
    li
    .form-check
    .form-check-input {
    height: 16px;
    width: 16px;
  }
}
.user-list-wrapper .square-white {
  align-items: center;
  background-color: var(--white);
  border-radius: 2px;
  box-shadow: 0 0 28px 6px hsla(0, 0%, 92%, 0.4);
  display: flex;
  height: 34px;
  justify-content: center;
  width: 34px;
}
.user-list-wrapper .square-white svg {
  height: 16px;
  width: 16px;
  fill: #52526c;
}
.user-list-wrapper .user-list-table div.dt-container .dt-layout-row .dt-search {
  right: 185px;
  top: 20px;
}
@media (max-width: 640px) {
  .user-list-wrapper
    .user-list-table
    div.dt-container
    .dt-layout-row
    .dt-search {
    top: 0;
  }
}
.user-list-wrapper
  .user-list-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input {
  border-radius: 6px;
  padding: 6px;
  width: auto;
}
.user-list-wrapper .user-list-table table tbody tr td,
.user-list-wrapper .user-list-table table tbody tr th,
.user-list-wrapper .user-list-table table thead tr td,
.user-list-wrapper .user-list-table table thead tr th {
  color: var(--body-font-color);
  min-width: auto;
}
.user-list-wrapper .user-list-table table tbody tr td:first-child,
.user-list-wrapper .user-list-table table tbody tr th:first-child,
.user-list-wrapper .user-list-table table thead tr td:first-child,
.user-list-wrapper .user-list-table table thead tr th:first-child {
  padding-left: 20px;
}
.user-list-wrapper .user-list-table table tbody tr td:last-child,
.user-list-wrapper .user-list-table table tbody tr th:last-child,
.user-list-wrapper .user-list-table table thead tr td:last-child,
.user-list-wrapper .user-list-table table thead tr th:last-child {
  padding-right: 20px;
}
.user-list-wrapper .user-list-table table tbody tr td .badge,
.user-list-wrapper .user-list-table table tbody tr th .badge,
.user-list-wrapper .user-list-table table thead tr td .badge,
.user-list-wrapper .user-list-table table thead tr th .badge {
  padding: 6px 10px;
}
.user-list-wrapper .user-list-table table tbody tr td a,
.user-list-wrapper .user-list-table table tbody tr th a,
.user-list-wrapper .user-list-table table thead tr td a,
.user-list-wrapper .user-list-table table thead tr th a {
  color: #3f475a;
}
.user-list-wrapper .user-list-table table tbody tr td a:hover,
.user-list-wrapper .user-list-table table tbody tr th a:hover,
.user-list-wrapper .user-list-table table thead tr td a:hover,
.user-list-wrapper .user-list-table table thead tr th a:hover {
  color: var(--theme-default);
}
.user-list-wrapper .user-list-table table tbody tr td .square-white,
.user-list-wrapper .user-list-table table tbody tr th .square-white,
.user-list-wrapper .user-list-table table thead tr td .square-white,
.user-list-wrapper .user-list-table table thead tr th .square-white {
  align-items: center;
  background-color: var(--white);
  border-radius: 2px;
  box-shadow: 0 0 28px 6px hsla(0, 0%, 92%, 0.4);
  display: flex;
  height: 34px;
  justify-content: center;
  width: 34px;
}
.user-list-wrapper .user-list-table table tbody tr td .square-white svg,
.user-list-wrapper .user-list-table table tbody tr th .square-white svg,
.user-list-wrapper .user-list-table table thead tr td .square-white svg,
.user-list-wrapper .user-list-table table thead tr th .square-white svg {
  height: 16px;
  width: 16px;
  fill: #52526c;
}
@media (max-width: 1239px) and (min-width: 1200px) {
  .user-list-wrapper .user-list-table table tbody tr td:nth-child(5),
  .user-list-wrapper .user-list-table table tbody tr th:nth-child(5),
  .user-list-wrapper .user-list-table table thead tr td:nth-child(5),
  .user-list-wrapper .user-list-table table thead tr th:nth-child(5) {
    display: none;
  }
}
@media (max-width: 1199px) {
  .user-list-wrapper .user-list-table table tbody tr td:nth-child(2),
  .user-list-wrapper .user-list-table table tbody tr th:nth-child(2),
  .user-list-wrapper .user-list-table table thead tr td:nth-child(2),
  .user-list-wrapper .user-list-table table thead tr th:nth-child(2) {
    min-width: 100px;
  }
  .user-list-wrapper .user-list-table table tbody tr td:nth-child(4),
  .user-list-wrapper .user-list-table table tbody tr th:nth-child(4),
  .user-list-wrapper .user-list-table table thead tr td:nth-child(4),
  .user-list-wrapper .user-list-table table thead tr th:nth-child(4) {
    min-width: 130px;
  }
  .user-list-wrapper .user-list-table table tbody tr td:nth-child(5),
  .user-list-wrapper .user-list-table table tbody tr th:nth-child(5),
  .user-list-wrapper .user-list-table table thead tr td:nth-child(5),
  .user-list-wrapper .user-list-table table thead tr th:nth-child(5) {
    min-width: 165px;
  }
}
.role-permission-wrapper .card-header-right-icon .btn,
.user-list-wrapper .card-header-right-icon .btn {
  position: relative;
  z-index: 1;
}
.customer-order-wrapper .flatpickr-input span,
.product-report-wrapper .flatpickr-input span,
.sale-report-wrapper .flatpickr-input span,
.sale-return-wrapper .flatpickr-input span,
.subscribed-user .flatpickr-input span {
  border: 1px solid rgba(82, 82, 108, 0.3);
  border-radius: 6px;
  color: rgba(82, 82, 108, 0.8);
  padding: 6px 12px;
  width: 215px;
}
.customer-order-wrapper .flatpickr-input #rangeButtons,
.product-report-wrapper .flatpickr-input #rangeButtons,
.sale-report-wrapper .flatpickr-input #rangeButtons,
.sale-return-wrapper .flatpickr-input #rangeButtons,
.subscribed-user .flatpickr-input #rangeButtons {
  box-shadow: 0 0 28px 6px hsla(0, 0%, 92%, 0.4);
  display: none;
  flex-direction: column;
  position: absolute;
  top: 40px;
  z-index: 1;
}
.customer-order-wrapper .flatpickr-input #rangeButtons.range-option,
.product-report-wrapper .flatpickr-input #rangeButtons.range-option,
.sale-report-wrapper .flatpickr-input #rangeButtons.range-option,
.sale-return-wrapper .flatpickr-input #rangeButtons.range-option,
.subscribed-user .flatpickr-input #rangeButtons.range-option {
  display: flex;
}
.customer-order-wrapper .flatpickr-input #rangeButtons button,
.product-report-wrapper .flatpickr-input #rangeButtons button,
.sale-report-wrapper .flatpickr-input #rangeButtons button,
.sale-return-wrapper .flatpickr-input #rangeButtons button,
.subscribed-user .flatpickr-input #rangeButtons button {
  background-color: #fff;
  border: unset;
  color: #52526c;
  padding: 8px 24px;
  text-align: left;
}
.customer-order-wrapper .flatpickr-input #rangeButtons button:hover,
.product-report-wrapper .flatpickr-input #rangeButtons button:hover,
.sale-report-wrapper .flatpickr-input #rangeButtons button:hover,
.sale-return-wrapper .flatpickr-input #rangeButtons button:hover,
.subscribed-user .flatpickr-input #rangeButtons button:hover {
  color: var(--theme-default);
}
.customer-order-wrapper .flatpickr-input #rangeButtons button.active,
.product-report-wrapper .flatpickr-input #rangeButtons button.active,
.sale-report-wrapper .flatpickr-input #rangeButtons button.active,
.sale-return-wrapper .flatpickr-input #rangeButtons button.active,
.subscribed-user .flatpickr-input #rangeButtons button.active {
  background-color: var(--theme-default);
  color: #fff;
}
.customer-order-wrapper .flatpickr-input #rangeButtons button.active:hover,
.product-report-wrapper .flatpickr-input #rangeButtons button.active:hover,
.sale-report-wrapper .flatpickr-input #rangeButtons button.active:hover,
.sale-return-wrapper .flatpickr-input #rangeButtons button.active:hover,
.subscribed-user .flatpickr-input #rangeButtons button.active:hover {
  color: #fff;
}
.customer-order-wrapper .top-body,
.product-report-wrapper .top-body,
.sale-report-wrapper .top-body,
.sale-return-wrapper .top-body,
.subscribed-user .top-body {
  padding: 20px;
  position: relative;
}
.customer-order-wrapper .top-body .bootstrap-select.dropdown-toggle,
.product-report-wrapper .top-body .bootstrap-select.dropdown-toggle,
.sale-report-wrapper .top-body .bootstrap-select.dropdown-toggle,
.sale-return-wrapper .top-body .bootstrap-select.dropdown-toggle,
.subscribed-user .top-body .bootstrap-select.dropdown-toggle {
  min-width: 100px;
}
.customer-order-wrapper .top-body .form-label,
.product-report-wrapper .top-body .form-label,
.sale-report-wrapper .top-body .form-label,
.sale-return-wrapper .top-body .form-label,
.subscribed-user .top-body .form-label {
  margin-bottom: 0;
}
.customer-order-wrapper
  .top-body
  ~ .customer-order-report
  .dt-container
  .dt-layout-row
  .dt-buttons,
.customer-order-wrapper
  .top-body
  ~ .customer-order-report
  .dt-container
  .dt-layout-row
  .dt-search,
.customer-order-wrapper
  .top-body
  ~ .product-report
  .dt-container
  .dt-layout-row
  .dt-buttons,
.customer-order-wrapper
  .top-body
  ~ .product-report
  .dt-container
  .dt-layout-row
  .dt-search,
.customer-order-wrapper
  .top-body
  ~ .sale-report
  .dt-container
  .dt-layout-row
  .dt-buttons,
.customer-order-wrapper
  .top-body
  ~ .sale-report
  .dt-container
  .dt-layout-row
  .dt-search,
.customer-order-wrapper
  .top-body
  ~ .sale-return-report
  .dt-container
  .dt-layout-row
  .dt-buttons,
.customer-order-wrapper
  .top-body
  ~ .sale-return-report
  .dt-container
  .dt-layout-row
  .dt-search,
.customer-order-wrapper
  .top-body
  ~ .subscribed-user-wrapper
  .dt-container
  .dt-layout-row
  .dt-buttons,
.customer-order-wrapper
  .top-body
  ~ .subscribed-user-wrapper
  .dt-container
  .dt-layout-row
  .dt-search,
.product-report-wrapper
  .top-body
  ~ .customer-order-report
  .dt-container
  .dt-layout-row
  .dt-buttons,
.product-report-wrapper
  .top-body
  ~ .customer-order-report
  .dt-container
  .dt-layout-row
  .dt-search,
.product-report-wrapper
  .top-body
  ~ .product-report
  .dt-container
  .dt-layout-row
  .dt-buttons,
.product-report-wrapper
  .top-body
  ~ .product-report
  .dt-container
  .dt-layout-row
  .dt-search,
.product-report-wrapper
  .top-body
  ~ .sale-report
  .dt-container
  .dt-layout-row
  .dt-buttons,
.product-report-wrapper
  .top-body
  ~ .sale-report
  .dt-container
  .dt-layout-row
  .dt-search,
.product-report-wrapper
  .top-body
  ~ .sale-return-report
  .dt-container
  .dt-layout-row
  .dt-buttons,
.product-report-wrapper
  .top-body
  ~ .sale-return-report
  .dt-container
  .dt-layout-row
  .dt-search,
.product-report-wrapper
  .top-body
  ~ .subscribed-user-wrapper
  .dt-container
  .dt-layout-row
  .dt-buttons,
.product-report-wrapper
  .top-body
  ~ .subscribed-user-wrapper
  .dt-container
  .dt-layout-row
  .dt-search,
.sale-report-wrapper
  .top-body
  ~ .customer-order-report
  .dt-container
  .dt-layout-row
  .dt-buttons,
.sale-report-wrapper
  .top-body
  ~ .customer-order-report
  .dt-container
  .dt-layout-row
  .dt-search,
.sale-report-wrapper
  .top-body
  ~ .product-report
  .dt-container
  .dt-layout-row
  .dt-buttons,
.sale-report-wrapper
  .top-body
  ~ .product-report
  .dt-container
  .dt-layout-row
  .dt-search,
.sale-report-wrapper
  .top-body
  ~ .sale-report
  .dt-container
  .dt-layout-row
  .dt-buttons,
.sale-report-wrapper
  .top-body
  ~ .sale-report
  .dt-container
  .dt-layout-row
  .dt-search,
.sale-report-wrapper
  .top-body
  ~ .sale-return-report
  .dt-container
  .dt-layout-row
  .dt-buttons,
.sale-report-wrapper
  .top-body
  ~ .sale-return-report
  .dt-container
  .dt-layout-row
  .dt-search,
.sale-report-wrapper
  .top-body
  ~ .subscribed-user-wrapper
  .dt-container
  .dt-layout-row
  .dt-buttons,
.sale-report-wrapper
  .top-body
  ~ .subscribed-user-wrapper
  .dt-container
  .dt-layout-row
  .dt-search,
.sale-return-wrapper
  .top-body
  ~ .customer-order-report
  .dt-container
  .dt-layout-row
  .dt-buttons,
.sale-return-wrapper
  .top-body
  ~ .customer-order-report
  .dt-container
  .dt-layout-row
  .dt-search,
.sale-return-wrapper
  .top-body
  ~ .product-report
  .dt-container
  .dt-layout-row
  .dt-buttons,
.sale-return-wrapper
  .top-body
  ~ .product-report
  .dt-container
  .dt-layout-row
  .dt-search,
.sale-return-wrapper
  .top-body
  ~ .sale-report
  .dt-container
  .dt-layout-row
  .dt-buttons,
.sale-return-wrapper
  .top-body
  ~ .sale-report
  .dt-container
  .dt-layout-row
  .dt-search,
.sale-return-wrapper
  .top-body
  ~ .sale-return-report
  .dt-container
  .dt-layout-row
  .dt-buttons,
.sale-return-wrapper
  .top-body
  ~ .sale-return-report
  .dt-container
  .dt-layout-row
  .dt-search,
.sale-return-wrapper
  .top-body
  ~ .subscribed-user-wrapper
  .dt-container
  .dt-layout-row
  .dt-buttons,
.sale-return-wrapper
  .top-body
  ~ .subscribed-user-wrapper
  .dt-container
  .dt-layout-row
  .dt-search,
.subscribed-user
  .top-body
  ~ .customer-order-report
  .dt-container
  .dt-layout-row
  .dt-buttons,
.subscribed-user
  .top-body
  ~ .customer-order-report
  .dt-container
  .dt-layout-row
  .dt-search,
.subscribed-user
  .top-body
  ~ .product-report
  .dt-container
  .dt-layout-row
  .dt-buttons,
.subscribed-user
  .top-body
  ~ .product-report
  .dt-container
  .dt-layout-row
  .dt-search,
.subscribed-user
  .top-body
  ~ .sale-report
  .dt-container
  .dt-layout-row
  .dt-buttons,
.subscribed-user
  .top-body
  ~ .sale-report
  .dt-container
  .dt-layout-row
  .dt-search,
.subscribed-user
  .top-body
  ~ .sale-return-report
  .dt-container
  .dt-layout-row
  .dt-buttons,
.subscribed-user
  .top-body
  ~ .sale-return-report
  .dt-container
  .dt-layout-row
  .dt-search,
.subscribed-user
  .top-body
  ~ .subscribed-user-wrapper
  .dt-container
  .dt-layout-row
  .dt-buttons,
.subscribed-user
  .top-body
  ~ .subscribed-user-wrapper
  .dt-container
  .dt-layout-row
  .dt-search {
  margin: 0;
}
.customer-order-wrapper
  .top-body
  ~ .customer-order-report
  .dt-container
  .dt-layout-row:first-child,
.customer-order-wrapper
  .top-body
  ~ .product-report
  .dt-container
  .dt-layout-row:first-child,
.customer-order-wrapper
  .top-body
  ~ .sale-report
  .dt-container
  .dt-layout-row:first-child,
.customer-order-wrapper
  .top-body
  ~ .sale-return-report
  .dt-container
  .dt-layout-row:first-child,
.customer-order-wrapper
  .top-body
  ~ .subscribed-user-wrapper
  .dt-container
  .dt-layout-row:first-child,
.product-report-wrapper
  .top-body
  ~ .customer-order-report
  .dt-container
  .dt-layout-row:first-child,
.product-report-wrapper
  .top-body
  ~ .product-report
  .dt-container
  .dt-layout-row:first-child,
.product-report-wrapper
  .top-body
  ~ .sale-report
  .dt-container
  .dt-layout-row:first-child,
.product-report-wrapper
  .top-body
  ~ .sale-return-report
  .dt-container
  .dt-layout-row:first-child,
.product-report-wrapper
  .top-body
  ~ .subscribed-user-wrapper
  .dt-container
  .dt-layout-row:first-child,
.sale-report-wrapper
  .top-body
  ~ .customer-order-report
  .dt-container
  .dt-layout-row:first-child,
.sale-report-wrapper
  .top-body
  ~ .product-report
  .dt-container
  .dt-layout-row:first-child,
.sale-report-wrapper
  .top-body
  ~ .sale-report
  .dt-container
  .dt-layout-row:first-child,
.sale-report-wrapper
  .top-body
  ~ .sale-return-report
  .dt-container
  .dt-layout-row:first-child,
.sale-report-wrapper
  .top-body
  ~ .subscribed-user-wrapper
  .dt-container
  .dt-layout-row:first-child,
.sale-return-wrapper
  .top-body
  ~ .customer-order-report
  .dt-container
  .dt-layout-row:first-child,
.sale-return-wrapper
  .top-body
  ~ .product-report
  .dt-container
  .dt-layout-row:first-child,
.sale-return-wrapper
  .top-body
  ~ .sale-report
  .dt-container
  .dt-layout-row:first-child,
.sale-return-wrapper
  .top-body
  ~ .sale-return-report
  .dt-container
  .dt-layout-row:first-child,
.sale-return-wrapper
  .top-body
  ~ .subscribed-user-wrapper
  .dt-container
  .dt-layout-row:first-child,
.subscribed-user
  .top-body
  ~ .customer-order-report
  .dt-container
  .dt-layout-row:first-child,
.subscribed-user
  .top-body
  ~ .product-report
  .dt-container
  .dt-layout-row:first-child,
.subscribed-user
  .top-body
  ~ .sale-report
  .dt-container
  .dt-layout-row:first-child,
.subscribed-user
  .top-body
  ~ .sale-return-report
  .dt-container
  .dt-layout-row:first-child,
.subscribed-user
  .top-body
  ~ .subscribed-user-wrapper
  .dt-container
  .dt-layout-row:first-child {
  align-items: center;
  display: flex;
  flex-direction: row-reverse;
  gap: 20px;
  justify-content: flex-start;
  position: absolute;
  right: 20px;
  top: 20px;
}
@media (max-width: 1320px) {
  .customer-order-wrapper
    .top-body
    ~ .customer-order-report
    .dt-container
    .dt-layout-row:first-child,
  .customer-order-wrapper
    .top-body
    ~ .product-report
    .dt-container
    .dt-layout-row:first-child,
  .customer-order-wrapper
    .top-body
    ~ .sale-report
    .dt-container
    .dt-layout-row:first-child,
  .customer-order-wrapper
    .top-body
    ~ .sale-return-report
    .dt-container
    .dt-layout-row:first-child,
  .customer-order-wrapper
    .top-body
    ~ .subscribed-user-wrapper
    .dt-container
    .dt-layout-row:first-child,
  .product-report-wrapper
    .top-body
    ~ .customer-order-report
    .dt-container
    .dt-layout-row:first-child,
  .product-report-wrapper
    .top-body
    ~ .product-report
    .dt-container
    .dt-layout-row:first-child,
  .product-report-wrapper
    .top-body
    ~ .sale-report
    .dt-container
    .dt-layout-row:first-child,
  .product-report-wrapper
    .top-body
    ~ .sale-return-report
    .dt-container
    .dt-layout-row:first-child,
  .product-report-wrapper
    .top-body
    ~ .subscribed-user-wrapper
    .dt-container
    .dt-layout-row:first-child,
  .sale-report-wrapper
    .top-body
    ~ .customer-order-report
    .dt-container
    .dt-layout-row:first-child,
  .sale-report-wrapper
    .top-body
    ~ .product-report
    .dt-container
    .dt-layout-row:first-child,
  .sale-report-wrapper
    .top-body
    ~ .sale-report
    .dt-container
    .dt-layout-row:first-child,
  .sale-report-wrapper
    .top-body
    ~ .sale-return-report
    .dt-container
    .dt-layout-row:first-child,
  .sale-report-wrapper
    .top-body
    ~ .subscribed-user-wrapper
    .dt-container
    .dt-layout-row:first-child,
  .sale-return-wrapper
    .top-body
    ~ .customer-order-report
    .dt-container
    .dt-layout-row:first-child,
  .sale-return-wrapper
    .top-body
    ~ .product-report
    .dt-container
    .dt-layout-row:first-child,
  .sale-return-wrapper
    .top-body
    ~ .sale-report
    .dt-container
    .dt-layout-row:first-child,
  .sale-return-wrapper
    .top-body
    ~ .sale-return-report
    .dt-container
    .dt-layout-row:first-child,
  .sale-return-wrapper
    .top-body
    ~ .subscribed-user-wrapper
    .dt-container
    .dt-layout-row:first-child,
  .subscribed-user
    .top-body
    ~ .customer-order-report
    .dt-container
    .dt-layout-row:first-child,
  .subscribed-user
    .top-body
    ~ .product-report
    .dt-container
    .dt-layout-row:first-child,
  .subscribed-user
    .top-body
    ~ .sale-report
    .dt-container
    .dt-layout-row:first-child,
  .subscribed-user
    .top-body
    ~ .sale-return-report
    .dt-container
    .dt-layout-row:first-child,
  .subscribed-user
    .top-body
    ~ .subscribed-user-wrapper
    .dt-container
    .dt-layout-row:first-child {
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    inset: 0;
    justify-content: flex-end;
    padding: 0 20px 20px;
    position: relative;
  }
}
.customer-order-wrapper
  .customer-order-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search,
.customer-order-wrapper
  .product-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search,
.customer-order-wrapper
  .sale-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search,
.customer-order-wrapper
  .sale-return-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search,
.customer-order-wrapper
  .subscribed-user-wrapper
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search,
.product-report-wrapper
  .customer-order-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search,
.product-report-wrapper
  .product-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search,
.product-report-wrapper
  .sale-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search,
.product-report-wrapper
  .sale-return-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search,
.product-report-wrapper
  .subscribed-user-wrapper
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search,
.sale-report-wrapper
  .customer-order-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search,
.sale-report-wrapper
  .product-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search,
.sale-report-wrapper
  .sale-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search,
.sale-report-wrapper
  .sale-return-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search,
.sale-report-wrapper
  .subscribed-user-wrapper
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search,
.sale-return-wrapper
  .customer-order-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search,
.sale-return-wrapper
  .product-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search,
.sale-return-wrapper
  .sale-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search,
.sale-return-wrapper
  .sale-return-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search,
.sale-return-wrapper
  .subscribed-user-wrapper
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search,
.subscribed-user
  .customer-order-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search,
.subscribed-user
  .product-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search,
.subscribed-user
  .sale-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search,
.subscribed-user
  .sale-return-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search,
.subscribed-user
  .subscribed-user-wrapper
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search {
  inset: unset;
  position: relative;
}
@media (max-width: 640px) {
  .customer-order-wrapper
    .customer-order-report
    .recent-table
    div.dt-container
    .dt-layout-row
    .dt-search,
  .customer-order-wrapper
    .product-report
    .recent-table
    div.dt-container
    .dt-layout-row
    .dt-search,
  .customer-order-wrapper
    .sale-report
    .recent-table
    div.dt-container
    .dt-layout-row
    .dt-search,
  .customer-order-wrapper
    .sale-return-report
    .recent-table
    div.dt-container
    .dt-layout-row
    .dt-search,
  .customer-order-wrapper
    .subscribed-user-wrapper
    .recent-table
    div.dt-container
    .dt-layout-row
    .dt-search,
  .product-report-wrapper
    .customer-order-report
    .recent-table
    div.dt-container
    .dt-layout-row
    .dt-search,
  .product-report-wrapper
    .product-report
    .recent-table
    div.dt-container
    .dt-layout-row
    .dt-search,
  .product-report-wrapper
    .sale-report
    .recent-table
    div.dt-container
    .dt-layout-row
    .dt-search,
  .product-report-wrapper
    .sale-return-report
    .recent-table
    div.dt-container
    .dt-layout-row
    .dt-search,
  .product-report-wrapper
    .subscribed-user-wrapper
    .recent-table
    div.dt-container
    .dt-layout-row
    .dt-search,
  .sale-report-wrapper
    .customer-order-report
    .recent-table
    div.dt-container
    .dt-layout-row
    .dt-search,
  .sale-report-wrapper
    .product-report
    .recent-table
    div.dt-container
    .dt-layout-row
    .dt-search,
  .sale-report-wrapper
    .sale-report
    .recent-table
    div.dt-container
    .dt-layout-row
    .dt-search,
  .sale-report-wrapper
    .sale-return-report
    .recent-table
    div.dt-container
    .dt-layout-row
    .dt-search,
  .sale-report-wrapper
    .subscribed-user-wrapper
    .recent-table
    div.dt-container
    .dt-layout-row
    .dt-search,
  .sale-return-wrapper
    .customer-order-report
    .recent-table
    div.dt-container
    .dt-layout-row
    .dt-search,
  .sale-return-wrapper
    .product-report
    .recent-table
    div.dt-container
    .dt-layout-row
    .dt-search,
  .sale-return-wrapper
    .sale-report
    .recent-table
    div.dt-container
    .dt-layout-row
    .dt-search,
  .sale-return-wrapper
    .sale-return-report
    .recent-table
    div.dt-container
    .dt-layout-row
    .dt-search,
  .sale-return-wrapper
    .subscribed-user-wrapper
    .recent-table
    div.dt-container
    .dt-layout-row
    .dt-search,
  .subscribed-user
    .customer-order-report
    .recent-table
    div.dt-container
    .dt-layout-row
    .dt-search,
  .subscribed-user
    .product-report
    .recent-table
    div.dt-container
    .dt-layout-row
    .dt-search,
  .subscribed-user
    .sale-report
    .recent-table
    div.dt-container
    .dt-layout-row
    .dt-search,
  .subscribed-user
    .sale-return-report
    .recent-table
    div.dt-container
    .dt-layout-row
    .dt-search,
  .subscribed-user
    .subscribed-user-wrapper
    .recent-table
    div.dt-container
    .dt-layout-row
    .dt-search {
    top: 4px;
  }
}
.customer-order-wrapper
  .customer-order-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input,
.customer-order-wrapper
  .product-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input,
.customer-order-wrapper
  .sale-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input,
.customer-order-wrapper
  .sale-return-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input,
.customer-order-wrapper
  .subscribed-user-wrapper
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input,
.product-report-wrapper
  .customer-order-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input,
.product-report-wrapper
  .product-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input,
.product-report-wrapper
  .sale-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input,
.product-report-wrapper
  .sale-return-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input,
.product-report-wrapper
  .subscribed-user-wrapper
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input,
.sale-report-wrapper
  .customer-order-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input,
.sale-report-wrapper
  .product-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input,
.sale-report-wrapper
  .sale-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input,
.sale-report-wrapper
  .sale-return-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input,
.sale-report-wrapper
  .subscribed-user-wrapper
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input,
.sale-return-wrapper
  .customer-order-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input,
.sale-return-wrapper
  .product-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input,
.sale-return-wrapper
  .sale-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input,
.sale-return-wrapper
  .sale-return-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input,
.sale-return-wrapper
  .subscribed-user-wrapper
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input,
.subscribed-user
  .customer-order-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input,
.subscribed-user
  .product-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input,
.subscribed-user
  .sale-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input,
.subscribed-user
  .sale-return-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input,
.subscribed-user
  .subscribed-user-wrapper
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input {
  border-radius: 6px;
  opacity: 1;
  padding: 6px;
  width: auto;
}
.customer-order-wrapper
  .customer-order-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input:focus::-moz-placeholder,
.customer-order-wrapper
  .product-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input:focus::-moz-placeholder,
.customer-order-wrapper
  .sale-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input:focus::-moz-placeholder,
.customer-order-wrapper
  .sale-return-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input:focus::-moz-placeholder,
.customer-order-wrapper
  .subscribed-user-wrapper
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input:focus::-moz-placeholder,
.product-report-wrapper
  .customer-order-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input:focus::-moz-placeholder,
.product-report-wrapper
  .product-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input:focus::-moz-placeholder,
.product-report-wrapper
  .sale-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input:focus::-moz-placeholder,
.product-report-wrapper
  .sale-return-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input:focus::-moz-placeholder,
.product-report-wrapper
  .subscribed-user-wrapper
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input:focus::-moz-placeholder,
.sale-report-wrapper
  .customer-order-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input:focus::-moz-placeholder,
.sale-report-wrapper
  .product-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input:focus::-moz-placeholder,
.sale-report-wrapper
  .sale-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input:focus::-moz-placeholder,
.sale-report-wrapper
  .sale-return-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input:focus::-moz-placeholder,
.sale-report-wrapper
  .subscribed-user-wrapper
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input:focus::-moz-placeholder,
.sale-return-wrapper
  .customer-order-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input:focus::-moz-placeholder,
.sale-return-wrapper
  .product-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input:focus::-moz-placeholder,
.sale-return-wrapper
  .sale-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input:focus::-moz-placeholder,
.sale-return-wrapper
  .sale-return-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input:focus::-moz-placeholder,
.sale-return-wrapper
  .subscribed-user-wrapper
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input:focus::-moz-placeholder,
.subscribed-user
  .customer-order-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input:focus::-moz-placeholder,
.subscribed-user
  .product-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input:focus::-moz-placeholder,
.subscribed-user
  .sale-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input:focus::-moz-placeholder,
.subscribed-user
  .sale-return-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input:focus::-moz-placeholder,
.subscribed-user
  .subscribed-user-wrapper
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input:focus::-moz-placeholder {
  opacity: 0;
}
.customer-order-wrapper
  .customer-order-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input:focus::placeholder,
.customer-order-wrapper
  .product-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input:focus::placeholder,
.customer-order-wrapper
  .sale-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input:focus::placeholder,
.customer-order-wrapper
  .sale-return-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input:focus::placeholder,
.customer-order-wrapper
  .subscribed-user-wrapper
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input:focus::placeholder,
.product-report-wrapper
  .customer-order-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input:focus::placeholder,
.product-report-wrapper
  .product-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input:focus::placeholder,
.product-report-wrapper
  .sale-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input:focus::placeholder,
.product-report-wrapper
  .sale-return-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input:focus::placeholder,
.product-report-wrapper
  .subscribed-user-wrapper
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input:focus::placeholder,
.sale-report-wrapper
  .customer-order-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input:focus::placeholder,
.sale-report-wrapper
  .product-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input:focus::placeholder,
.sale-report-wrapper
  .sale-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input:focus::placeholder,
.sale-report-wrapper
  .sale-return-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input:focus::placeholder,
.sale-report-wrapper
  .subscribed-user-wrapper
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input:focus::placeholder,
.sale-return-wrapper
  .customer-order-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input:focus::placeholder,
.sale-return-wrapper
  .product-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input:focus::placeholder,
.sale-return-wrapper
  .sale-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input:focus::placeholder,
.sale-return-wrapper
  .sale-return-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input:focus::placeholder,
.sale-return-wrapper
  .subscribed-user-wrapper
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input:focus::placeholder,
.subscribed-user
  .customer-order-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input:focus::placeholder,
.subscribed-user
  .product-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input:focus::placeholder,
.subscribed-user
  .sale-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input:focus::placeholder,
.subscribed-user
  .sale-return-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input:focus::placeholder,
.subscribed-user
  .subscribed-user-wrapper
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input:focus::placeholder {
  opacity: 0;
}
.customer-order-wrapper .form-control,
.product-report-wrapper .form-control,
.sale-report-wrapper .form-control,
.sale-return-wrapper .form-control,
.subscribed-user .form-control {
  color: rgba(82, 82, 108, 0.8);
  font-size: 14px;
}
.customer-order-wrapper .product-report .recent-table table tbody tr td,
.customer-order-wrapper .product-report .recent-table table tbody tr th,
.customer-order-wrapper .product-report .recent-table table thead tr td,
.customer-order-wrapper .product-report .recent-table table thead tr th,
.product-report-wrapper .product-report .recent-table table tbody tr td,
.product-report-wrapper .product-report .recent-table table tbody tr th,
.product-report-wrapper .product-report .recent-table table thead tr td,
.product-report-wrapper .product-report .recent-table table thead tr th,
.sale-report-wrapper .product-report .recent-table table tbody tr td,
.sale-report-wrapper .product-report .recent-table table tbody tr th,
.sale-report-wrapper .product-report .recent-table table thead tr td,
.sale-report-wrapper .product-report .recent-table table thead tr th,
.sale-return-wrapper .product-report .recent-table table tbody tr td,
.sale-return-wrapper .product-report .recent-table table tbody tr th,
.sale-return-wrapper .product-report .recent-table table thead tr td,
.sale-return-wrapper .product-report .recent-table table thead tr th,
.subscribed-user .product-report .recent-table table tbody tr td,
.subscribed-user .product-report .recent-table table tbody tr th,
.subscribed-user .product-report .recent-table table thead tr td,
.subscribed-user .product-report .recent-table table thead tr th {
  color: var(--body-font-color);
  min-width: auto;
}
.customer-order-wrapper
  .product-report
  .recent-table
  table
  tbody
  tr
  td:first-child,
.customer-order-wrapper
  .product-report
  .recent-table
  table
  tbody
  tr
  th:first-child,
.customer-order-wrapper
  .product-report
  .recent-table
  table
  thead
  tr
  td:first-child,
.customer-order-wrapper
  .product-report
  .recent-table
  table
  thead
  tr
  th:first-child,
.product-report-wrapper
  .product-report
  .recent-table
  table
  tbody
  tr
  td:first-child,
.product-report-wrapper
  .product-report
  .recent-table
  table
  tbody
  tr
  th:first-child,
.product-report-wrapper
  .product-report
  .recent-table
  table
  thead
  tr
  td:first-child,
.product-report-wrapper
  .product-report
  .recent-table
  table
  thead
  tr
  th:first-child,
.sale-report-wrapper
  .product-report
  .recent-table
  table
  tbody
  tr
  td:first-child,
.sale-report-wrapper
  .product-report
  .recent-table
  table
  tbody
  tr
  th:first-child,
.sale-report-wrapper
  .product-report
  .recent-table
  table
  thead
  tr
  td:first-child,
.sale-report-wrapper
  .product-report
  .recent-table
  table
  thead
  tr
  th:first-child,
.sale-return-wrapper
  .product-report
  .recent-table
  table
  tbody
  tr
  td:first-child,
.sale-return-wrapper
  .product-report
  .recent-table
  table
  tbody
  tr
  th:first-child,
.sale-return-wrapper
  .product-report
  .recent-table
  table
  thead
  tr
  td:first-child,
.sale-return-wrapper
  .product-report
  .recent-table
  table
  thead
  tr
  th:first-child,
.subscribed-user .product-report .recent-table table tbody tr td:first-child,
.subscribed-user .product-report .recent-table table tbody tr th:first-child,
.subscribed-user .product-report .recent-table table thead tr td:first-child,
.subscribed-user .product-report .recent-table table thead tr th:first-child {
  padding-left: 20px;
}
.customer-order-wrapper
  .product-report
  .recent-table
  table
  tbody
  tr
  td:last-child,
.customer-order-wrapper
  .product-report
  .recent-table
  table
  tbody
  tr
  th:last-child,
.customer-order-wrapper
  .product-report
  .recent-table
  table
  thead
  tr
  td:last-child,
.customer-order-wrapper
  .product-report
  .recent-table
  table
  thead
  tr
  th:last-child,
.product-report-wrapper
  .product-report
  .recent-table
  table
  tbody
  tr
  td:last-child,
.product-report-wrapper
  .product-report
  .recent-table
  table
  tbody
  tr
  th:last-child,
.product-report-wrapper
  .product-report
  .recent-table
  table
  thead
  tr
  td:last-child,
.product-report-wrapper
  .product-report
  .recent-table
  table
  thead
  tr
  th:last-child,
.sale-report-wrapper .product-report .recent-table table tbody tr td:last-child,
.sale-report-wrapper .product-report .recent-table table tbody tr th:last-child,
.sale-report-wrapper .product-report .recent-table table thead tr td:last-child,
.sale-report-wrapper .product-report .recent-table table thead tr th:last-child,
.sale-return-wrapper .product-report .recent-table table tbody tr td:last-child,
.sale-return-wrapper .product-report .recent-table table tbody tr th:last-child,
.sale-return-wrapper .product-report .recent-table table thead tr td:last-child,
.sale-return-wrapper .product-report .recent-table table thead tr th:last-child,
.subscribed-user .product-report .recent-table table tbody tr td:last-child,
.subscribed-user .product-report .recent-table table tbody tr th:last-child,
.subscribed-user .product-report .recent-table table thead tr td:last-child,
.subscribed-user .product-report .recent-table table thead tr th:last-child {
  min-width: 82px;
  padding-right: 20px;
}
.customer-order-wrapper
  .product-report
  .recent-table
  table
  tbody
  tr
  td:nth-child(n + 3),
.customer-order-wrapper
  .product-report
  .recent-table
  table
  tbody
  tr
  th:nth-child(n + 3),
.customer-order-wrapper
  .product-report
  .recent-table
  table
  thead
  tr
  td:nth-child(n + 3),
.customer-order-wrapper
  .product-report
  .recent-table
  table
  thead
  tr
  th:nth-child(n + 3),
.product-report-wrapper
  .product-report
  .recent-table
  table
  tbody
  tr
  td:nth-child(n + 3),
.product-report-wrapper
  .product-report
  .recent-table
  table
  tbody
  tr
  th:nth-child(n + 3),
.product-report-wrapper
  .product-report
  .recent-table
  table
  thead
  tr
  td:nth-child(n + 3),
.product-report-wrapper
  .product-report
  .recent-table
  table
  thead
  tr
  th:nth-child(n + 3),
.sale-report-wrapper
  .product-report
  .recent-table
  table
  tbody
  tr
  td:nth-child(n + 3),
.sale-report-wrapper
  .product-report
  .recent-table
  table
  tbody
  tr
  th:nth-child(n + 3),
.sale-report-wrapper
  .product-report
  .recent-table
  table
  thead
  tr
  td:nth-child(n + 3),
.sale-report-wrapper
  .product-report
  .recent-table
  table
  thead
  tr
  th:nth-child(n + 3),
.sale-return-wrapper
  .product-report
  .recent-table
  table
  tbody
  tr
  td:nth-child(n + 3),
.sale-return-wrapper
  .product-report
  .recent-table
  table
  tbody
  tr
  th:nth-child(n + 3),
.sale-return-wrapper
  .product-report
  .recent-table
  table
  thead
  tr
  td:nth-child(n + 3),
.sale-return-wrapper
  .product-report
  .recent-table
  table
  thead
  tr
  th:nth-child(n + 3),
.subscribed-user
  .product-report
  .recent-table
  table
  tbody
  tr
  td:nth-child(n + 3),
.subscribed-user
  .product-report
  .recent-table
  table
  tbody
  tr
  th:nth-child(n + 3),
.subscribed-user
  .product-report
  .recent-table
  table
  thead
  tr
  td:nth-child(n + 3),
.subscribed-user
  .product-report
  .recent-table
  table
  thead
  tr
  th:nth-child(n + 3) {
  text-align: center;
}
.customer-order-wrapper
  .product-report
  .recent-table
  table
  tbody
  tr
  td:nth-child(2),
.customer-order-wrapper
  .product-report
  .recent-table
  table
  tbody
  tr
  th:nth-child(2),
.customer-order-wrapper
  .product-report
  .recent-table
  table
  thead
  tr
  td:nth-child(2),
.customer-order-wrapper
  .product-report
  .recent-table
  table
  thead
  tr
  th:nth-child(2),
.product-report-wrapper
  .product-report
  .recent-table
  table
  tbody
  tr
  td:nth-child(2),
.product-report-wrapper
  .product-report
  .recent-table
  table
  tbody
  tr
  th:nth-child(2),
.product-report-wrapper
  .product-report
  .recent-table
  table
  thead
  tr
  td:nth-child(2),
.product-report-wrapper
  .product-report
  .recent-table
  table
  thead
  tr
  th:nth-child(2),
.sale-report-wrapper
  .product-report
  .recent-table
  table
  tbody
  tr
  td:nth-child(2),
.sale-report-wrapper
  .product-report
  .recent-table
  table
  tbody
  tr
  th:nth-child(2),
.sale-report-wrapper
  .product-report
  .recent-table
  table
  thead
  tr
  td:nth-child(2),
.sale-report-wrapper
  .product-report
  .recent-table
  table
  thead
  tr
  th:nth-child(2),
.sale-return-wrapper
  .product-report
  .recent-table
  table
  tbody
  tr
  td:nth-child(2),
.sale-return-wrapper
  .product-report
  .recent-table
  table
  tbody
  tr
  th:nth-child(2),
.sale-return-wrapper
  .product-report
  .recent-table
  table
  thead
  tr
  td:nth-child(2),
.sale-return-wrapper
  .product-report
  .recent-table
  table
  thead
  tr
  th:nth-child(2),
.subscribed-user .product-report .recent-table table tbody tr td:nth-child(2),
.subscribed-user .product-report .recent-table table tbody tr th:nth-child(2),
.subscribed-user .product-report .recent-table table thead tr td:nth-child(2),
.subscribed-user .product-report .recent-table table thead tr th:nth-child(2) {
  min-width: 215px;
}
.customer-order-wrapper
  .product-report
  .recent-table
  table
  tbody
  tr
  td:nth-child(4),
.customer-order-wrapper
  .product-report
  .recent-table
  table
  tbody
  tr
  th:nth-child(4),
.customer-order-wrapper
  .product-report
  .recent-table
  table
  thead
  tr
  td:nth-child(4),
.customer-order-wrapper
  .product-report
  .recent-table
  table
  thead
  tr
  th:nth-child(4),
.product-report-wrapper
  .product-report
  .recent-table
  table
  tbody
  tr
  td:nth-child(4),
.product-report-wrapper
  .product-report
  .recent-table
  table
  tbody
  tr
  th:nth-child(4),
.product-report-wrapper
  .product-report
  .recent-table
  table
  thead
  tr
  td:nth-child(4),
.product-report-wrapper
  .product-report
  .recent-table
  table
  thead
  tr
  th:nth-child(4),
.sale-report-wrapper
  .product-report
  .recent-table
  table
  tbody
  tr
  td:nth-child(4),
.sale-report-wrapper
  .product-report
  .recent-table
  table
  tbody
  tr
  th:nth-child(4),
.sale-report-wrapper
  .product-report
  .recent-table
  table
  thead
  tr
  td:nth-child(4),
.sale-report-wrapper
  .product-report
  .recent-table
  table
  thead
  tr
  th:nth-child(4),
.sale-return-wrapper
  .product-report
  .recent-table
  table
  tbody
  tr
  td:nth-child(4),
.sale-return-wrapper
  .product-report
  .recent-table
  table
  tbody
  tr
  th:nth-child(4),
.sale-return-wrapper
  .product-report
  .recent-table
  table
  thead
  tr
  td:nth-child(4),
.sale-return-wrapper
  .product-report
  .recent-table
  table
  thead
  tr
  th:nth-child(4),
.subscribed-user .product-report .recent-table table tbody tr td:nth-child(4),
.subscribed-user .product-report .recent-table table tbody tr th:nth-child(4),
.subscribed-user .product-report .recent-table table thead tr td:nth-child(4),
.subscribed-user .product-report .recent-table table thead tr th:nth-child(4) {
  min-width: 138px;
}
.customer-order-wrapper
  .product-report
  .recent-table
  table
  tbody
  tr
  td:nth-child(5),
.customer-order-wrapper
  .product-report
  .recent-table
  table
  tbody
  tr
  th:nth-child(5),
.customer-order-wrapper
  .product-report
  .recent-table
  table
  thead
  tr
  td:nth-child(5),
.customer-order-wrapper
  .product-report
  .recent-table
  table
  thead
  tr
  th:nth-child(5),
.product-report-wrapper
  .product-report
  .recent-table
  table
  tbody
  tr
  td:nth-child(5),
.product-report-wrapper
  .product-report
  .recent-table
  table
  tbody
  tr
  th:nth-child(5),
.product-report-wrapper
  .product-report
  .recent-table
  table
  thead
  tr
  td:nth-child(5),
.product-report-wrapper
  .product-report
  .recent-table
  table
  thead
  tr
  th:nth-child(5),
.sale-report-wrapper
  .product-report
  .recent-table
  table
  tbody
  tr
  td:nth-child(5),
.sale-report-wrapper
  .product-report
  .recent-table
  table
  tbody
  tr
  th:nth-child(5),
.sale-report-wrapper
  .product-report
  .recent-table
  table
  thead
  tr
  td:nth-child(5),
.sale-report-wrapper
  .product-report
  .recent-table
  table
  thead
  tr
  th:nth-child(5),
.sale-return-wrapper
  .product-report
  .recent-table
  table
  tbody
  tr
  td:nth-child(5),
.sale-return-wrapper
  .product-report
  .recent-table
  table
  tbody
  tr
  th:nth-child(5),
.sale-return-wrapper
  .product-report
  .recent-table
  table
  thead
  tr
  td:nth-child(5),
.sale-return-wrapper
  .product-report
  .recent-table
  table
  thead
  tr
  th:nth-child(5),
.subscribed-user .product-report .recent-table table tbody tr td:nth-child(5),
.subscribed-user .product-report .recent-table table tbody tr th:nth-child(5),
.subscribed-user .product-report .recent-table table thead tr td:nth-child(5),
.subscribed-user .product-report .recent-table table thead tr th:nth-child(5) {
  min-width: 78px;
}
.sale-report-wrapper .sale-report .recent-table table tbody tr td,
.sale-report-wrapper .sale-report .recent-table table tbody tr th,
.sale-report-wrapper .sale-report .recent-table table thead tr td,
.sale-report-wrapper .sale-report .recent-table table thead tr th {
  color: var(--body-font-color);
  min-width: auto;
}
.sale-report-wrapper .sale-report .recent-table table tbody tr td:first-child,
.sale-report-wrapper .sale-report .recent-table table tbody tr th:first-child,
.sale-report-wrapper .sale-report .recent-table table thead tr td:first-child,
.sale-report-wrapper .sale-report .recent-table table thead tr th:first-child {
  padding-left: 20px;
}
.sale-report-wrapper .sale-report .recent-table table tbody tr td:last-child,
.sale-report-wrapper .sale-report .recent-table table tbody tr th:last-child,
.sale-report-wrapper .sale-report .recent-table table thead tr td:last-child,
.sale-report-wrapper .sale-report .recent-table table thead tr th:last-child {
  min-width: 155px;
  padding-right: 20px;
}
.sale-report-wrapper
  .sale-report
  .recent-table
  table
  tbody
  tr
  td:nth-child(n + 3),
.sale-report-wrapper
  .sale-report
  .recent-table
  table
  tbody
  tr
  th:nth-child(n + 3),
.sale-report-wrapper
  .sale-report
  .recent-table
  table
  thead
  tr
  td:nth-child(n + 3),
.sale-report-wrapper
  .sale-report
  .recent-table
  table
  thead
  tr
  th:nth-child(n + 3) {
  text-align: center;
}
.sale-report-wrapper .sale-report .recent-table table tbody tr td:nth-child(2),
.sale-report-wrapper .sale-report .recent-table table tbody tr th:nth-child(2),
.sale-report-wrapper .sale-report .recent-table table thead tr td:nth-child(2),
.sale-report-wrapper .sale-report .recent-table table thead tr th:nth-child(2) {
  min-width: 96px;
}
.sale-report-wrapper .sale-report .recent-table table tbody tr td:nth-child(3),
.sale-report-wrapper .sale-report .recent-table table tbody tr th:nth-child(3),
.sale-report-wrapper .sale-report .recent-table table thead tr td:nth-child(3),
.sale-report-wrapper .sale-report .recent-table table thead tr th:nth-child(3) {
  min-width: 104px;
}
.sale-report-wrapper .sale-report .recent-table table tbody tr td:nth-child(4),
.sale-report-wrapper .sale-report .recent-table table tbody tr th:nth-child(4),
.sale-report-wrapper .sale-report .recent-table table thead tr td:nth-child(4),
.sale-report-wrapper .sale-report .recent-table table thead tr th:nth-child(4) {
  min-width: 173px;
}
.sale-report-wrapper .sale-report .recent-table table tbody tr td:nth-child(5),
.sale-report-wrapper .sale-report .recent-table table tbody tr th:nth-child(5),
.sale-report-wrapper .sale-report .recent-table table thead tr td:nth-child(5),
.sale-report-wrapper .sale-report .recent-table table thead tr th:nth-child(5) {
  min-width: 92px;
}
.sale-return-wrapper .sale-return-report .recent-table table tbody tr td,
.sale-return-wrapper .sale-return-report .recent-table table tbody tr th,
.sale-return-wrapper .sale-return-report .recent-table table thead tr td,
.sale-return-wrapper .sale-return-report .recent-table table thead tr th {
  color: var(--body-font-color);
  min-width: auto;
}
.sale-return-wrapper
  .sale-return-report
  .recent-table
  table
  tbody
  tr
  td:first-child,
.sale-return-wrapper
  .sale-return-report
  .recent-table
  table
  tbody
  tr
  th:first-child,
.sale-return-wrapper
  .sale-return-report
  .recent-table
  table
  thead
  tr
  td:first-child,
.sale-return-wrapper
  .sale-return-report
  .recent-table
  table
  thead
  tr
  th:first-child {
  padding-left: 20px;
}
.sale-return-wrapper
  .sale-return-report
  .recent-table
  table
  tbody
  tr
  td:last-child,
.sale-return-wrapper
  .sale-return-report
  .recent-table
  table
  tbody
  tr
  th:last-child,
.sale-return-wrapper
  .sale-return-report
  .recent-table
  table
  thead
  tr
  td:last-child,
.sale-return-wrapper
  .sale-return-report
  .recent-table
  table
  thead
  tr
  th:last-child {
  min-width: 104px;
  padding-right: 20px;
}
@media (max-width: 1267px) and (min-width: 1200px) {
  .sale-return-wrapper
    .sale-return-report
    .recent-table
    table
    tbody
    tr
    td:nth-child(4),
  .sale-return-wrapper
    .sale-return-report
    .recent-table
    table
    tbody
    tr
    th:nth-child(4),
  .sale-return-wrapper
    .sale-return-report
    .recent-table
    table
    thead
    tr
    td:nth-child(4),
  .sale-return-wrapper
    .sale-return-report
    .recent-table
    table
    thead
    tr
    th:nth-child(4) {
    display: none;
  }
}
@media (max-width: 1199px) {
  .sale-return-wrapper
    .sale-return-report
    .recent-table
    table
    tbody
    tr
    td:nth-child(3),
  .sale-return-wrapper
    .sale-return-report
    .recent-table
    table
    tbody
    tr
    th:nth-child(3),
  .sale-return-wrapper
    .sale-return-report
    .recent-table
    table
    thead
    tr
    td:nth-child(3),
  .sale-return-wrapper
    .sale-return-report
    .recent-table
    table
    thead
    tr
    th:nth-child(3) {
    min-width: 85px;
  }
  .sale-return-wrapper
    .sale-return-report
    .recent-table
    table
    tbody
    tr
    td:nth-child(6),
  .sale-return-wrapper
    .sale-return-report
    .recent-table
    table
    tbody
    tr
    th:nth-child(6),
  .sale-return-wrapper
    .sale-return-report
    .recent-table
    table
    thead
    tr
    td:nth-child(6),
  .sale-return-wrapper
    .sale-return-report
    .recent-table
    table
    thead
    tr
    th:nth-child(6) {
    min-width: 175px;
  }
  .sale-return-wrapper
    .sale-return-report
    .recent-table
    table
    tbody
    tr
    td:nth-child(7),
  .sale-return-wrapper
    .sale-return-report
    .recent-table
    table
    tbody
    tr
    th:nth-child(7),
  .sale-return-wrapper
    .sale-return-report
    .recent-table
    table
    thead
    tr
    td:nth-child(7),
  .sale-return-wrapper
    .sale-return-report
    .recent-table
    table
    thead
    tr
    th:nth-child(7) {
    min-width: 100px;
  }
}
.customer-order-wrapper .customer-order-report .recent-table table tbody tr td,
.customer-order-wrapper .customer-order-report .recent-table table tbody tr th,
.customer-order-wrapper .customer-order-report .recent-table table thead tr td,
.customer-order-wrapper .customer-order-report .recent-table table thead tr th {
  color: var(--body-font-color);
  min-width: auto;
}
.customer-order-wrapper
  .customer-order-report
  .recent-table
  table
  tbody
  tr
  td:first-child,
.customer-order-wrapper
  .customer-order-report
  .recent-table
  table
  tbody
  tr
  th:first-child,
.customer-order-wrapper
  .customer-order-report
  .recent-table
  table
  thead
  tr
  td:first-child,
.customer-order-wrapper
  .customer-order-report
  .recent-table
  table
  thead
  tr
  th:first-child {
  padding-left: 20px;
}
.customer-order-wrapper
  .customer-order-report
  .recent-table
  table
  tbody
  tr
  td:last-child,
.customer-order-wrapper
  .customer-order-report
  .recent-table
  table
  tbody
  tr
  th:last-child,
.customer-order-wrapper
  .customer-order-report
  .recent-table
  table
  thead
  tr
  td:last-child,
.customer-order-wrapper
  .customer-order-report
  .recent-table
  table
  thead
  tr
  th:last-child {
  padding-right: 20px;
}
.customer-order-wrapper
  .customer-order-report
  .recent-table
  table
  tbody
  tr
  td
  .customer-details,
.customer-order-wrapper
  .customer-order-report
  .recent-table
  table
  tbody
  tr
  th
  .customer-details,
.customer-order-wrapper
  .customer-order-report
  .recent-table
  table
  thead
  tr
  td
  .customer-details,
.customer-order-wrapper
  .customer-order-report
  .recent-table
  table
  thead
  tr
  th
  .customer-details {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: flex-start;
}
.customer-order-wrapper
  .customer-order-report
  .recent-table
  table
  tbody
  tr
  td
  .customer-details
  img,
.customer-order-wrapper
  .customer-order-report
  .recent-table
  table
  tbody
  tr
  th
  .customer-details
  img,
.customer-order-wrapper
  .customer-order-report
  .recent-table
  table
  thead
  tr
  td
  .customer-details
  img,
.customer-order-wrapper
  .customer-order-report
  .recent-table
  table
  thead
  tr
  th
  .customer-details
  img {
  border-radius: 50%;
  height: 42px;
}
.customer-order-wrapper
  .customer-order-report
  .recent-table
  table
  tbody
  tr
  td
  .customer-details
  a,
.customer-order-wrapper
  .customer-order-report
  .recent-table
  table
  tbody
  tr
  th
  .customer-details
  a,
.customer-order-wrapper
  .customer-order-report
  .recent-table
  table
  thead
  tr
  td
  .customer-details
  a,
.customer-order-wrapper
  .customer-order-report
  .recent-table
  table
  thead
  tr
  th
  .customer-details
  a {
  color: #3f475a;
  font-weight: 500;
}
.customer-order-wrapper
  .customer-order-report
  .recent-table
  table
  tbody
  tr
  td
  .customer-details:hover
  a,
.customer-order-wrapper
  .customer-order-report
  .recent-table
  table
  tbody
  tr
  th
  .customer-details:hover
  a,
.customer-order-wrapper
  .customer-order-report
  .recent-table
  table
  thead
  tr
  td
  .customer-details:hover
  a,
.customer-order-wrapper
  .customer-order-report
  .recent-table
  table
  thead
  tr
  th
  .customer-details:hover
  a {
  color: var(--theme-default);
}
.customer-order-wrapper
  .customer-order-report
  .recent-table
  table
  tbody
  tr
  td
  .customer-group
  li
  .common-circle,
.customer-order-wrapper
  .customer-order-report
  .recent-table
  table
  tbody
  tr
  th
  .customer-group
  li
  .common-circle,
.customer-order-wrapper
  .customer-order-report
  .recent-table
  table
  thead
  tr
  td
  .customer-group
  li
  .common-circle,
.customer-order-wrapper
  .customer-order-report
  .recent-table
  table
  thead
  tr
  th
  .customer-group
  li
  .common-circle {
  height: 34px;
  width: 34px;
}
.customer-order-wrapper
  .customer-order-report
  .recent-table
  table
  tbody
  tr
  td
  .customer-group
  li
  + li,
.customer-order-wrapper
  .customer-order-report
  .recent-table
  table
  tbody
  tr
  th
  .customer-group
  li
  + li,
.customer-order-wrapper
  .customer-order-report
  .recent-table
  table
  thead
  tr
  td
  .customer-group
  li
  + li,
.customer-order-wrapper
  .customer-order-report
  .recent-table
  table
  thead
  tr
  th
  .customer-group
  li
  + li {
  margin-left: -10px;
}
[dir="rtl"]
  .customer-order-wrapper
  .customer-order-report
  .recent-table
  table
  tbody
  tr
  td
  .customer-group
  li
  + li,
[dir="rtl"]
  .customer-order-wrapper
  .customer-order-report
  .recent-table
  table
  tbody
  tr
  th
  .customer-group
  li
  + li,
[dir="rtl"]
  .customer-order-wrapper
  .customer-order-report
  .recent-table
  table
  thead
  tr
  td
  .customer-group
  li
  + li,
[dir="rtl"]
  .customer-order-wrapper
  .customer-order-report
  .recent-table
  table
  thead
  tr
  th
  .customer-group
  li
  + li {
  margin-left: unset;
  margin-right: -10px;
}
@media (max-width: 1199px) {
  .customer-order-wrapper
    .customer-order-report
    .recent-table
    table
    tbody
    tr
    td:nth-child(2),
  .customer-order-wrapper
    .customer-order-report
    .recent-table
    table
    tbody
    tr
    th:nth-child(2),
  .customer-order-wrapper
    .customer-order-report
    .recent-table
    table
    thead
    tr
    td:nth-child(2),
  .customer-order-wrapper
    .customer-order-report
    .recent-table
    table
    thead
    tr
    th:nth-child(2) {
    min-width: 190px;
  }
  .customer-order-wrapper
    .customer-order-report
    .recent-table
    table
    tbody
    tr
    td:nth-child(3),
  .customer-order-wrapper
    .customer-order-report
    .recent-table
    table
    tbody
    tr
    th:nth-child(3),
  .customer-order-wrapper
    .customer-order-report
    .recent-table
    table
    thead
    tr
    td:nth-child(3),
  .customer-order-wrapper
    .customer-order-report
    .recent-table
    table
    thead
    tr
    th:nth-child(3) {
    min-width: 122px;
  }
  .customer-order-wrapper
    .customer-order-report
    .recent-table
    table
    tbody
    tr
    td:nth-child(4),
  .customer-order-wrapper
    .customer-order-report
    .recent-table
    table
    tbody
    tr
    th:nth-child(4),
  .customer-order-wrapper
    .customer-order-report
    .recent-table
    table
    thead
    tr
    td:nth-child(4),
  .customer-order-wrapper
    .customer-order-report
    .recent-table
    table
    thead
    tr
    th:nth-child(4) {
    min-width: 100px;
  }
  .customer-order-wrapper
    .customer-order-report
    .recent-table
    table
    tbody
    tr
    td:nth-child(5),
  .customer-order-wrapper
    .customer-order-report
    .recent-table
    table
    tbody
    tr
    th:nth-child(5),
  .customer-order-wrapper
    .customer-order-report
    .recent-table
    table
    thead
    tr
    td:nth-child(5),
  .customer-order-wrapper
    .customer-order-report
    .recent-table
    table
    thead
    tr
    th:nth-child(5) {
    min-width: 118px;
  }
}
.user-profile .hovercard .info.market-tabs {
  padding: 20px 0 0;
}
.user-profile .card-footer > div h3 {
  font-size: 16px;
}
.market-tabs .border-tab.nav-tabs .nav-item .nav-link.active {
  background-color: #fff;
  border-bottom: none !important;
}
.market-tabs .nav {
  gap: 12px;
  justify-content: center;
}
.market-tabs .nav .nav-item {
  width: 100%;
}
.market-tabs .nav .nav-item .nav-link {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  font-weight: 500;
  height: 81px;
  padding-top: 30px;
}
@media (max-width: 767px) {
  .market-tabs .nav .nav-item .nav-link {
    height: 50px;
    padding: 14px 25px;
  }
  .market-tabs .nav .nav-item {
    width: auto;
  }
}
.tabs-social {
  border-bottom: none;
  margin-block: 20px !important;
}
.tabs-social li a {
  font-weight: 600;
}
.tabs-social li a svg circle {
  color: #999;
}
.default-according.style-1 .social-network button {
  border-radius: 4px;
  height: 44px;
  padding: 0;
  width: 44px;
}
.default-according.style-1 .social-network button i {
  margin-right: 0;
}
[dir="rtl"] .default-according.style-1 .social-network button i {
  margin-left: 0;
  margin-right: unset;
}
.default-according.style-1 .social-network span {
  display: block;
  margin-bottom: 0.5rem;
}
.social-list .d-flex {
  align-items: center;
  display: flex;
  margin-bottom: 20px;
}
.social-list .d-flex:last-child {
  margin-bottom: 0;
}
.social-list .d-flex .flex-grow-1 a {
  color: #999;
}
.social-list .d-flex .flex-grow-1 span {
  font-weight: 600;
}
.social-list .d-flex .flex-grow-1:hover a {
  color: var(--theme-default);
}
.photos ul li {
  display: inline-block;
  margin-bottom: 10px;
  margin-right: 10px;
  width: 70px;
}
.photos ul li:nth-child(4n) {
  margin-right: 0;
}
.new-users-social {
  margin-bottom: 30px;
}
.new-users-social svg {
  cursor: pointer;
}
.new-users-social .d-flex {
  align-items: center;
}
.new-users-social .d-flex img {
  width: 58px;
}
.new-users-social .d-flex .flex-grow-1 {
  margin-top: 10px;
}
.new-users-social svg circle {
  color: #999;
}
.like-content span i {
  font-size: 14px;
}
.timeline-content p {
  color: rgba(82, 82, 108, 0.6);
  margin-top: 30px;
}
.timeline-content .comment-number i {
  color: #999;
  margin: 0 6px;
}
.timeline-content .comment-number + .comment-number {
  padding-right: 12px;
}
.timeline-content .comments-box {
  margin-top: 30px;
}
.timeline-content .comments-box .input-group {
  align-items: center;
  background-color: hsla(0, 0%, 94%, 0.4);
  margin-top: 6px;
}
.timeline-content .comments-box .input-group .input-txt-bx {
  background-color: hsla(0, 0%, 94%, 0.1);
  border: none;
}
.timeline-content .comments-box .input-group .input-txt-bx::-moz-placeholder {
  color: #52526c;
}
.timeline-content .comments-box .input-group .input-txt-bx::placeholder {
  color: #52526c;
}
.timeline-content .comments-box .input-group .input-group-append .btn:active {
  border-color: transparent;
}
.timeline-content .comments-box .input-group .input-group-append .btn i {
  color: #999;
  display: flex;
  font-size: calc(17.6px + 0.125vw);
}
.timeline-content .comments-box .input-group .btn {
  padding: 0 28px 0 0;
  vertical-align: -3px;
}
.social-chat {
  margin-top: 30px;
}
.social-chat span span {
  color: rgba(82, 82, 108, 0.6);
  font-size: 12px;
  font-weight: 400;
}
.social-chat .flex-grow-1 {
  border: 1px solid rgba(82, 82, 108, 0.2);
  padding: 20px;
  position: relative;
}
.social-chat .flex-grow-1 p {
  margin-top: 5px;
}
.social-chat .flex-grow-1:before {
  border: 7px solid transparent;
  border-right-color: #59667a;
  content: "";
  position: absolute;
  right: 100%;
  top: 19px;
}
.social-chat .flex-grow-1:after {
  border: 7px solid transparent;
  border-right-color: #fff;
  content: "";
  position: absolute;
  right: 100%;
  top: 19px;
}
.social-chat .other-msg,
.social-chat .your-msg {
  margin-bottom: 30px;
}
.social-chat .other-msg {
  margin-left: 40px;
}
.socialprofile span {
  color: #999;
}
.socialprofile .social-btngroup {
  margin: 20px 0;
}
.socialprofile .likes-profile h5 span {
  color: #404040;
}
.socialprofile .social-group {
  margin-top: 20px;
}
.socialprofile .social-group ul li:nth-child(4) {
  margin-left: -22px;
}
.social-status form .form-group .form-control-social {
  border: 1px solid #f4f4f4;
  margin-bottom: 30px;
  padding-left: 15px;
}
.social-status .d-flex {
  align-items: center;
  margin-bottom: 30px;
  position: relative;
}
@media (max-width: 1660px) and (min-width: 1200px) {
  .social-status .d-flex {
    margin-bottom: calc(3.33333px + 1.38889vw);
  }
}
.social-status .d-flex:last-child {
  margin-bottom: 0;
}
.social-status .d-flex .social-status {
  background-color: #fff;
  border-radius: 100%;
  bottom: 0;
  content: "";
  height: 12px;
  left: 35px;
  position: absolute;
  width: 12px;
}
.social-status .d-flex .social-online {
  border: 3px solid #65c15c;
}
.social-status .d-flex .social-busy {
  border: 3px solid #ffb829;
}
.social-status .d-flex .social-offline {
  border: 3px solid #59667a;
}
.social-status .d-flex .flex-grow-1 p {
  color: rgba(82, 82, 108, 0.6);
  margin-bottom: 5px;
}
.social-status .d-flex .flex-grow-1 .light-span,
.social-status .d-flex .flex-grow-1 span + span {
  color: rgba(82, 82, 108, 0.6);
}
.social-header h5 span:first-child {
  line-height: 1.48;
}
.social-header h5 span svg {
  vertical-align: -4px;
}
.social-header h5 span svg circle {
  color: #999;
}
.details-about + .details-about {
  margin-top: 30px;
}
.details-about .your-details p {
  color: rgba(82, 82, 108, 0.6);
}
.avatar-showcase .friend-pic {
  margin-bottom: 10px;
  margin-right: 8px;
}
.avatar-showcase .pepole-knows ul li {
  display: inline-block;
  margin-bottom: 10px;
  margin-right: 20px;
}
.avatar-showcase .pepole-knows ul li:last-child {
  margin-right: 0;
}
.avatar-showcase .pepole-knows ul li .add-friend h6 {
  margin-top: 3px;
}
.activity-log .my-activity + .my-activity {
  margin-top: 30px;
}
.activity-log .my-activity p {
  margin-bottom: 5px;
}
.activity-log .my-activity p span svg {
  height: 15px;
  width: 15px;
}
@media (max-width: 525px) {
  .activity-log .my-activity p {
    margin-bottom: 10px;
  }
}
.social-app-profile .tab-pane .social-details .social-follow li span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.social-app-profile .tab-pane .faq-accordion .card-header .btn,
.social-app-profile .tab-pane .job-accordion .card-header .btn {
  font-size: 16px;
  font-weight: 600;
}
.social-app-profile
  .tab-pane
  .faq-accordion
  .filter-cards-view
  .page-notification
  .flex-grow-1
  span,
.social-app-profile
  .tab-pane
  .job-accordion
  .filter-cards-view
  .page-notification
  .flex-grow-1
  span {
  font-size: 13px;
}
.social-app-profile
  .tab-pane
  .faq-accordion
  .filter-cards-view
  .flex-grow-1
  span,
.social-app-profile
  .tab-pane
  .job-accordion
  .filter-cards-view
  .flex-grow-1
  span,
.social-app-profile .tab-pane .job-accordion .filter-cards-view span {
  font-size: 14px;
  font-weight: 500;
}
.social-app-profile .tab-pane .job-accordion .filter-cards-view p {
  color: rgba(64, 64, 64, 0.9);
}
.social-app-profile1 .social-app-profile .gallery-with-description .caption ul {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
.social-app-profile1
  .social-app-profile
  .gallery-with-description
  .caption
  ul
  li {
  text-align: center;
  width: 100%;
}
.social-app-profile1
  .social-app-profile
  .gallery-with-description
  .caption
  ul
  li
  + li {
  border-left: 1px solid #e9edf1;
}
[dir="rtl"]
  .social-app-profile1
  .social-app-profile
  .gallery-with-description
  .caption
  ul
  li
  + li {
  border-left: unset;
  border-right: 1px solid #e9edf1;
}
.social-app-profile1
  .social-app-profile
  .gallery-with-description
  .caption
  ul
  li
  span {
  color: #999;
  margin-left: 6px;
}
[dir="rtl"]
  .social-app-profile1
  .social-app-profile
  .gallery-with-description
  .caption
  ul
  li
  span {
  margin-left: unset;
  margin-right: 6px;
}
.social-app-profile1
  .social-app-profile
  .gallery-with-description
  .caption
  ul
  li
  i {
  color: #999;
}
.social-app-profile1 .social-app-profile .social-friends .social-profile {
  text-align: left;
}
.social-app-profile1
  .social-app-profile
  .social-friends
  .social-profile
  .common-social-box {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: flex-start;
}
.social-app-profile1
  .social-app-profile
  .social-friends
  .social-profile
  .common-social-box
  .social-img
  img {
  height: calc(38px + 0.625vw);
}
.social-app-profile1
  .social-app-profile
  .social-friends
  .social-profile
  .common-social-box
  .edit-icon {
  bottom: calc(-2.4px + 0.125vw);
  right: calc(-2.4px + 0.125vw);
}
[dir="rtl"]
  .social-app-profile1
  .social-app-profile
  .social-friends
  .social-profile
  .common-social-box
  .edit-icon {
  left: calc(-2.4px + 0.125vw);
  right: unset;
}
.social-app-profile1
  .social-app-profile
  .social-friends
  .social-profile
  .common-social-box
  .edit-icon
  svg {
  height: calc(17.6px + 0.125vw);
  width: calc(17.6px + 0.125vw);
}
.social-app-profile1
  .social-app-profile
  .social-friends
  .social-profile
  .social-details
  .social-follow
  li {
  position: relative;
}
.social-app-profile1
  .social-app-profile
  .social-friends
  .social-profile
  .card-social {
  align-items: center;
  display: flex;
  gap: 13px;
  margin-top: 10px;
  padding-top: 15px;
  position: relative;
  z-index: 0;
}
.social-app-profile1
  .social-app-profile
  .social-friends
  .social-profile
  .card-social:before {
  border-top: 1px solid #eee;
  content: "";
  height: 100%;
  left: 50%;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  width: calc(100% + 40px);
  z-index: -1;
}
.social-app-profile1
  .social-app-profile
  .social-friends
  .social-profile
  .card-social
  li {
  width: 100%;
}
.social-app-profile1
  .social-app-profile
  .social-friends
  .social-profile
  .card-social
  li
  a {
  align-items: center;
  background-color: rgba(115, 102, 255, 0.1);
  border-radius: 5px;
  display: flex;
  font-size: 15px;
  justify-content: center;
  width: 100%;
}
@media (min-width: 1200px) {
  .social-app-profile1
    .social-app-profile
    .social-friends
    .social-profile
    .card-social
    li
    a {
    height: calc(15px + 1.25vw);
  }
}
@media (max-width: 1199px) {
  .social-app-profile1
    .social-app-profile
    .social-friends
    .social-profile
    .card-social
    li
    a {
    height: calc(25.8px + 0.6875vw);
  }
  .social-app-profile1
    .social-app-profile
    .social-friends
    .social-profile
    .card-social
    li
    a
    i {
    font-size: calc(13.6px + 0.125vw);
  }
}
.social-app-profile1
  .social-app-profile
  .social-friends
  .social-profile
  .social-details
  .card-social {
  gap: 22px;
}
.social-app-profile1
  .social-app-profile
  .social-friends
  .social-profile
  .social-details
  .social-follow {
  text-align: center;
}
@media (min-width: 1200px) {
  .social-app-profile1
    .social-app-profile
    .social-friends
    .social-profile
    .social-details
    h5 {
    font-size: calc(12.66667px + 0.27778vw);
  }
}
.social-app-profile1 .social-app-profile .filter-cards-view.photos ul {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: flex-start;
}
.social-app-profile1 .social-app-profile .filter-cards-view.photos ul li {
  margin: 0;
  width: auto;
}
.social-app-profile1 .social-app-profile .filter-cards-view.photos ul li img {
  height: 55px;
}
.social-app-profile1
  .social-app-profile
  .common-user-image
  .user-image
  .share-icons {
  inset: 0;
  position: inherit;
}
.social-app-profile1
  .social-app-profile
  .common-user-image
  .user-image
  .share-icons
  li {
  display: inline-block;
  margin-right: calc(5.2px + 0.25vw);
}
.social-app-profile1
  .social-app-profile
  .common-user-image
  .user-image
  .share-icons
  li
  .social-icon {
  align-items: center;
  border-radius: 100%;
  display: flex;
  height: calc(28.4px + 1.125vw);
  justify-content: center;
  text-align: center;
  vertical-align: middle;
  width: calc(28.4px + 1.125vw);
}
.social-app-profile1
  .social-app-profile
  .common-user-image
  .user-image
  .share-icons
  li
  .social-icon
  i {
  animation-duration: 2.8s;
  color: #fff;
  font-size: calc(16.6px + 0.4375vw);
}
.social-app-profile1
  .social-app-profile
  .common-user-image
  .user-image
  .share-icons
  li:last-child {
  margin-right: 0;
}
@media (max-width: 575px) {
  .social-app-profile1
    .social-app-profile
    .common-user-image
    .user-image
    .avatar {
    gap: 12px;
  }
}
@media (min-width: 320px) and (max-width: 1660px) {
  .social-app-profile .order-xxl-i {
    order: 1;
  }
  .social-app-profile .order-xxl-ii {
    order: 2;
  }
  .social-app-profile .order-xxl-iii {
    order: 3;
  }
  .social-app-profile .order-xxl-iv {
    order: 4;
  }
  .social-app-profile .order-xxl-v,
  .social-app-profile .order-xxl-vi {
    order: 5;
  }
  .social-app-profile .order-xxl-vii {
    order: 6;
  }
}
.main-scrollspy .nav-pills .nav-link {
  color: var(--chart-text-color);
  font-weight: 500;
}
.main-scrollspy .nav-pills .nav-link.active {
  color: #fff !important;
}
.main-scrollspy h5,
.main-scrollspy h6 {
  color: var(--body-font-color);
  margin-bottom: 10px;
}
.main-scrollspy p:not(.f-m-light) {
  color: #6c757d;
}
@media (max-width: 480px) {
  .main-scrollspy .navbar-scrollspy .navbar-brand img {
    height: 34px;
  }
}
.main-scrollspy .navbar-scrollspy .bg-body-tertiary {
  background-color: var(--light-background) !important;
  justify-content: space-between;
}
@media (max-width: 606px) {
  .main-scrollspy .navbar-scrollspy .bg-body-tertiary {
    gap: 8px;
  }
}
.main-scrollspy .navbar-scrollspy .nav-pills {
  align-items: center;
  gap: 8px;
}
.main-scrollspy
  .navbar-scrollspy
  .nav-pills
  .nav-item.dropdown
  .dropdown-toggle {
  border-radius: 6px;
  padding: 8px 16px;
  width: 120px;
}
@media (max-width: 480px) {
  .main-scrollspy
    .navbar-scrollspy
    .nav-pills
    .nav-item.dropdown
    .dropdown-toggle {
    width: 100%;
  }
}
.main-scrollspy
  .navbar-scrollspy
  .nav-pills
  .nav-item.dropdown
  .dropdown-toggle:focus {
  border: unset;
}
.main-scrollspy
  .navbar-scrollspy
  .nav-pills
  .nav-item.dropdown
  .dropdown-toggle:after {
  font-size: 14px;
  top: 48%;
}
[dir="rtl"]
  .main-scrollspy
  .navbar-scrollspy
  .nav-pills
  .nav-item.dropdown
  .dropdown-toggle {
  text-align: right;
}
[dir="rtl"]
  .main-scrollspy
  .navbar-scrollspy
  .nav-pills
  .nav-item.dropdown
  .dropdown-toggle:after {
  left: 10px;
  right: unset;
}
.main-scrollspy
  .navbar-scrollspy
  .nav-pills
  .nav-item.dropdown
  .dropdown-menu
  li
  .dropdown-item {
  border: unset;
  color: var(--chart-text-color);
  opacity: 1;
}
.main-scrollspy
  .navbar-scrollspy
  .nav-pills
  .nav-item.dropdown
  .dropdown-menu
  li
  .dropdown-item.active,
.main-scrollspy
  .navbar-scrollspy
  .nav-pills
  .nav-item.dropdown
  .dropdown-menu
  li
  .dropdown-item:hover {
  background-color: rgba(115, 102, 255, 0.09);
  color: var(--theme-default);
}
.main-scrollspy .navbar-scrollspy .scrollspy-example {
  background-color: var(--light-background) !important;
  height: 200px;
  overflow-y: auto;
  scroll-behavior: smooth;
}
@media (max-width: 991px) {
  .main-scrollspy .nested-scrollspy .common-align {
    flex-direction: column;
  }
}
.main-scrollspy .nested-scrollspy .nested-scrollspy-menu {
  background-color: var(--light-background) !important;
}
.main-scrollspy
  .nested-scrollspy
  .nested-scrollspy-menu
  .nav-pills:first-child {
  padding: 22px 16px;
}
.main-scrollspy .nested-scrollspy .scrollspy-example-2 {
  height: 300px;
  overflow-y: auto;
  scroll-behavior: smooth;
}
@media (max-width: 1199px) and (min-width: 576px) {
  .main-scrollspy .nested-scrollspy .scrollspy-example-2 {
    height: 344px;
  }
}
@media (max-width: 575px) {
  .main-scrollspy .nested-scrollspy .scrollspy-example-2 {
    height: 185px;
  }
}
.main-scrollspy .nested-scrollspy .scrollspy-example-2 p {
  margin-bottom: 16px;
}
.main-scrollspy .nested-scrollspy .scrollspy-example-2 svg {
  height: 150px;
  width: 120px;
}
@media (max-width: 1399px) and (min-width: 576px) {
  .main-scrollspy .nested-scrollspy .scrollspy-example-2 svg {
    height: 88px;
    width: 88px;
  }
}
@media (max-width: 575px) {
  .main-scrollspy .nested-scrollspy .scrollspy-example-2 svg {
    height: 80px;
    width: 80px;
  }
}
.main-scrollspy .scrollspy-example-3 {
  height: 180px;
  overflow-y: auto;
  scroll-behavior: smooth;
}
.main-scrollspy .custom-scrollspy-section .common-p-space {
  padding: 18px 0;
}
.main-scrollspy .custom-scrollspy-section .common-p-space:last-child {
  padding-bottom: 0;
}
.main-scrollspy .custom-scrollspy-section .nav-pills .nav-link {
  border-radius: 0;
  padding: 12px 16px;
  position: relative;
  text-align: center;
  transition: all 0.2s ease-in-out;
}
.main-scrollspy
  .custom-scrollspy-section
  .nav-pills
  .nav-link.active
  .custom-arrow {
  border-bottom: 8px solid transparent;
  border-left: 8px solid var(--theme-default);
  border-top: 8px solid transparent;
  content: "";
  display: block;
  position: absolute;
  right: -12px;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.2s ease-in-out;
}
[dir="rtl"]
  .main-scrollspy
  .custom-scrollspy-section
  .nav-pills
  .nav-link.active
  .custom-arrow {
  border-left: unset;
  border-right: 8px solid var(--theme-default);
  left: -4px;
  right: unset;
}
.main-scrollspy
  .custom-scrollspy-section
  .main-project
  .attendance-card
  .left-overview-content
  .svg-box {
  height: calc(76px + 1.25vw);
  padding: 6px;
  width: calc(76px + 1.25vw);
}
.main-scrollspy
  .custom-scrollspy-section
  .main-project
  .attendance-card
  .left-overview-content
  .svg-box
  svg {
  height: calc(48px + 5.3125vw);
  width: calc(54px + 3.4375vw);
}
.main-scrollspy
  .custom-scrollspy-section
  .main-project
  .attendance-card
  .right-overview-content
  > div
  h6 {
  padding-bottom: 0;
}
@media (max-width: 575px) {
  .main-scrollspy
    .custom-scrollspy-section
    .main-project
    .attendance-card
    .right-overview-content
    .marks-count
    i {
    font-size: 12px;
  }
}
.main-scrollspy .custom-scrollspy-section .scrollspy-example-5 {
  height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
  scroll-behavior: smooth;
}
.main-scrollspy .custom-scrollspy-section .scrollspy-example-5 img {
  height: calc(72px + 4.0625vw);
}
.main-scrollspy
  .custom-scrollspy-section
  .scrollspy-example-5
  .about-box
  > div
  svg {
  height: 13px;
  vertical-align: middle;
  width: 13px;
  fill: #fff;
}
.main-scrollspy .custom-scrollspy-section .scrollspy-example-5 span {
  color: #6c757d;
}
.main-scrollspy .experience-section h6 {
  color: #52526c;
  font-weight: 400;
}
.main-scrollspy .experience-section .progress {
  margin-bottom: calc(4px + 0.625vw);
}
.main-scrollspy .experience-section .progress:last-child {
  margin-bottom: 0;
}
.main-scrollspy .experience-section .progress .progress-bar {
  background-color: var(--theme-default);
  color: #fff;
}
.swal2-container .swal2-image {
  height: calc(60px + 3.125vw) !important;
  margin-bottom: 0;
  width: calc(60px + 3.125vw) !important;
}
.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 {
  border-color: var(--chart-dashed-border);
  box-shadow: unset;
}
.swal2-container .swal2-title {
  font-size: calc(17.6px + 0.125vw);
  font-weight: 500;
}
.swal2-container .swal2-question {
  border-color: #40b8f5;
  color: #40b8f5;
}
.swal2-container .swal2-actions {
  gap: 12px;
}
.swal2-container .swal2-actions .swal2-confirm,
.swal2-container .swal2-actions .swal2-confirm:hover {
  background-color: var(--theme-default) !important;
}
.swal2-container .swal2-actions .swal2-confirm:focus {
  box-shadow: unset;
}
.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-actions .swal2-cancel:focus {
  box-shadow: unset;
}
.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: 0.25em 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 transparent;
}
.swal2-container button {
  color: var(--theme-default);
  font-size: 14px !important;
  font-weight: 400;
  margin: 0;
  padding: 6px 28px;
}
.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;
  color: #75758a;
  font-size: 16px;
}
.swal2-container .swal2-wrapper .swal2-select .swal2-input option {
  font-size: 14px;
}
.swal2-container .swal2-wrapper label {
  margin: 0 0 6px;
}
.swal2-container .swal2-wrapper .swal2-input {
  margin: 0;
}
.swal2-container .swal2-wrapper .form-check-input:focus,
.swal2-container .swal2-wrapper .swal2-input:focus {
  border-color: var(--recent-dashed-border);
  box-shadow: unset;
}
.swal2-container .swal2-wrapper .swal2-genders {
  display: flex;
  gap: 12px;
  margin: 18px 0;
}
.swal2-container .swal2-wrapper .swal2-genders label {
  margin: 0;
}
.swal2-container .swal2-wrapper .swal2-checkbox,
.swal2-container .swal2-wrapper .swal2-radio-group {
  display: flex;
  gap: 8px;
}
.swal2-container .swal2-wrapper .form-control,
.swal2-container .swal2-wrapper .form-select {
  border-color: #ccc;
}
div:where(.swal2-container) button:where(.swal2-close):hover {
  color: var(--theme-default) !important;
}
.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(57.6px + 6.375vw);
}
.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 {
    align-items: flex-start;
    flex-direction: column;
  }
}
.seller-wrapper .common-f-start {
  flex-wrap: wrap;
  gap: calc(12.8px + 0.375vw);
}
@media (max-width: 575px) {
  .seller-wrapper .common-f-start {
    align-items: flex-start;
    flex-direction: column;
  }
}
.seller-wrapper .common-f-start .seller-filter {
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  left: 0;
  position: relative;
  transition: all 0.5s ease-in-out;
}
[dir="rtl"] .seller-wrapper .common-f-start .seller-filter {
  left: unset;
  right: 0;
}
.seller-wrapper .common-f-start .seller-filter:after {
  background-color: var(--theme-default);
  border-radius: 50px;
  bottom: -1px;
  content: "";
  height: 3px;
  left: 0;
  opacity: 0.3;
  position: absolute;
  transition: all 0.3s ease-in-out;
  width: 0;
}
[dir="rtl"] .seller-wrapper .common-f-start .seller-filter:after {
  left: unset;
  right: 0;
}
.seller-wrapper .common-f-start .seller-filter.active,
.seller-wrapper .common-f-start .seller-filter:active,
.seller-wrapper .common-f-start .seller-filter:hover {
  color: var(--theme-default);
  transition: all 0.5s ease-in-out;
}
.seller-wrapper .common-f-start .seller-filter.active:after,
.seller-wrapper .common-f-start .seller-filter:active:after,
.seller-wrapper .common-f-start .seller-filter:hover:after {
  width: 50%;
}
.seller-wrapper .right-vendor {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: flex-end;
}
@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 {
  height: 18px;
  width: 18px;
}
@media (max-width: 445px) {
  .seller-wrapper .right-vendor .btn {
    margin: 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: #ccc;
  border-width: 0.0625rem 0;
  height: 0.125rem;
}
.seller-wrapper .basic-wizard .stepper-horizontal .step .step-bar-right {
  border-width: 0.0625rem 0;
  height: 0.125rem;
}
.seller-wrapper .basic-wizard .stepper-horizontal .step-circle {
  font-weight: 500;
}
.seller-wrapper .basic-wizard .stepper-horizontal .step-circle span {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1;
}
.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 {
  color: var(--lighter-gray);
  font-size: 0.875rem;
  font-weight: 400;
}
.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;
  gap: 20px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  padding-bottom: 20px;
  place-content: center;
}
@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 {
  background: var(--white);
  border-radius: 15px;
  padding: 20px;
}
.seller-cards .seller-box > div {
  align-items: center;
  display: flex;
  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 {
  border-top: 1px dashed var(--chart-dashed-border);
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  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-left: 6px;
  padding-right: unset;
}
.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 {
  height: calc(26.8px + 0.375vw);
  width: calc(26.8px + 0.375vw);
}
.seller-cards .seller-box .btn {
  margin-top: 22px;
  width: 100%;
}
.seller-cards .hide {
  animation: hide 0.3s ease 0s 1 normal forwards;
  transform-origin: center;
}
.seller-cards .show {
  animation: show 0.3s ease 0s 1 normal forwards;
  transform-origin: center;
}
@keyframes hide {
  0% {
    transform: scale(1);
  }
  to {
    height: 0;
    margin: 0;
    transform: scale(0);
    width: 0;
  }
}
@keyframes show {
  0% {
    height: 0;
    margin: 0;
    transform: scale(0);
    width: 0;
  }
  to {
    transform: scale(1);
  }
}
.review-box .seller-profile .accordion-button {
  background-color: rgba(82, 82, 108, 0.1);
  color: #242934;
  font-size: calc(15.6px + 0.125vw);
  font-weight: 500;
  letter-spacing: 0.2px;
}
.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-f-start,
.review-box .seller-profile .accordion-item .accordion-body .common-space {
  gap: 10px;
}
.review-box .seller-profile .accordion-item .accordion-body .common-f-start h5,
.review-box .seller-profile .accordion-item .accordion-body .common-space h5 {
  font-size: calc(15.8px + 0.0625vw);
}
.review-box .seller-profile .accordion-item .accordion-body .common-f-start i,
.review-box .seller-profile .accordion-item .accordion-body .common-space i {
  font-size: 16px;
}
.review-box .seller-profile .accordion-item .accordion-body .common-f-start svg,
.review-box .seller-profile .accordion-item .accordion-body .common-space svg {
  height: calc(25.6px + 0.75vw);
  width: calc(25.6px + 0.75vw);
}
.review-box .seller-profile .accordion-item .accordion-body .seller-details {
  margin-top: 20px;
}
.review-box .seller-profile .accordion-item .accordion-body .seller-details li {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  justify-content: space-between;
  padding-bottom: 12px;
}
@media (max-width: 340px) {
  .review-box
    .seller-profile
    .accordion-item
    .accordion-body
    .seller-details
    li {
    border-bottom: 1px dashed var(--recent-dashed-border);
    display: block;
    margin-bottom: 12px;
  }
}
.review-box
  .seller-profile
  .accordion-item
  .accordion-body
  .seller-details
  li
  > div {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: flex-start;
}
.review-box
  .seller-profile
  .accordion-item
  .accordion-body
  .seller-details
  li
  > div
  i {
  color: rgba(64, 64, 64, 0.8);
  font-size: 14px;
}
.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 {
  background-color: rgba(82, 82, 108, 0.1);
  display: grid;
  height: calc(36.6px + 0.4375vw);
  max-width: 45px;
  place-items: center;
  width: calc(36.6px + 0.4375vw);
}
.review-box
  .seller-profile
  .accordion-item
  .accordion-body
  .checkbox-wrapper
  li
  .form-check-input {
  background-image: unset;
  transition: all 0.2s ease-in-out;
  z-index: 0;
}
.review-box
  .seller-profile
  .accordion-item
  .accordion-body
  .checkbox-wrapper
  li
  .form-check-input:checked {
  background-color: var(--theme-default);
}
.review-box
  .seller-profile
  .accordion-item
  .accordion-body
  .checkbox-wrapper
  li
  .form-check-input:checked
  ~ .form-check-label
  i {
  color: #fff;
  transform: scale(1.2);
  transition: all 0.2s ease-in-out;
}
.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 {
  color: #52526c;
  font-size: calc(13.6px + 0.125vw);
  padding-right: 0;
}
[dir="rtl"]
  .review-box
  .seller-profile
  .accordion-item
  .accordion-body
  .checkbox-wrapper
  li
  .form-check-label
  i {
  padding-left: 0;
  padding-right: unset;
}
.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 {
  color: #52526c;
  font-weight: 500;
}
.review-box
  .seller-profile
  .accordion-item
  .accordion-body
  .policies-wrapper
  li
  p {
  color: #6c757d;
  display: -webkit-box;
  letter-spacing: 0.2px;
  margin: 0;
  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);
  border-radius: 10px;
  padding: 16px 20px;
}
.review-box
  .seller-profile
  .product-reviews
  .review-people
  .review-list
  li
  .people-box {
  background: unset;
  border-radius: 0;
  padding: 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 {
  display: -webkit-box;
  line-height: 1.6;
  margin: calc(7.2px + 0.25vw) 0 0;
  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 {
  right: 214px;
  top: 26px;
}
@media (max-width: 767px) {
  .seller-details-table
    .recent-table
    div.dt-container
    .dt-layout-row
    .dt-search {
    left: 20px;
    margin-bottom: 20px;
    position: relative;
    top: 4px;
  }
}
@media (max-width: 640px) {
  .seller-details-table
    .recent-table
    div.dt-container
    .dt-layout-row
    .dt-search {
    top: 0;
  }
}
.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 tbody tr td,
.seller-details-table .recent-table .table tbody tr th,
.seller-details-table .recent-table .table thead tr td,
.seller-details-table .recent-table .table thead tr th {
  color: var(--body-font-color);
  min-width: auto;
}
.seller-details-table .recent-table .table tbody tr td:first-child,
.seller-details-table .recent-table .table tbody tr th:first-child,
.seller-details-table .recent-table .table thead tr td:first-child,
.seller-details-table .recent-table .table thead tr th:first-child {
  padding-left: 20px;
}
.seller-details-table .recent-table .table tbody tr td:last-child,
.seller-details-table .recent-table .table tbody tr th:last-child,
.seller-details-table .recent-table .table thead tr td:last-child,
.seller-details-table .recent-table .table thead tr th:last-child {
  padding-right: 20px;
}
@media (max-width: 1199px) {
  .seller-details-table .recent-table .table tbody tr td:nth-child(6),
  .seller-details-table .recent-table .table tbody tr th:nth-child(6),
  .seller-details-table .recent-table .table thead tr td:nth-child(6),
  .seller-details-table .recent-table .table thead tr th:nth-child(6) {
    min-width: 98px;
  }
}
.seller-details-table .recent-table .table tbody tr td .badge,
.seller-details-table .recent-table .table tbody tr th .badge,
.seller-details-table .recent-table .table thead tr td .badge,
.seller-details-table .recent-table .table thead tr th .badge {
  font-size: 12px;
  padding: 6px 12px;
}
.seller-details-table .recent-table .table tbody tr td .product-names p,
.seller-details-table .recent-table .table tbody tr th .product-names p,
.seller-details-table .recent-table .table thead tr td .product-names p,
.seller-details-table .recent-table .table thead tr th .product-names p {
  max-width: 228px;
  min-width: 228px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 160px;
}
.seller-details-table .recent-table .table tbody tr td .product-action,
.seller-details-table .recent-table .table tbody tr th .product-action,
.seller-details-table .recent-table .table thead tr td .product-action,
.seller-details-table .recent-table .table thead tr th .product-action {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: flex-start;
}
.seller-details-table
  .recent-table
  .table
  tbody
  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
  thead
  tr
  td
  .product-action
  .square-white,
.seller-details-table
  .recent-table
  .table
  thead
  tr
  th
  .product-action
  .square-white {
  align-items: center;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 0 28px 6px hsla(0, 0%, 92%, 0.4);
  display: flex;
  height: 34px;
  justify-content: center;
  width: 34px;
}
.seller-details-table
  .recent-table
  .table
  tbody
  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
  thead
  tr
  td
  .product-action
  .square-white
  svg,
.seller-details-table
  .recent-table
  .table
  thead
  tr
  th
  .product-action
  .square-white
  svg {
  fill: rgba(82, 82, 108, 0.8);
  height: 16px;
  width: 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 tbody tr td,
.vendor-selling-table .recent-table .table tbody tr th,
.vendor-selling-table .recent-table .table thead tr td,
.vendor-selling-table .recent-table .table thead tr th {
  color: var(--body-font-color);
  min-width: auto;
}
.vendor-selling-table .recent-table .table tbody tr td:first-child,
.vendor-selling-table .recent-table .table tbody tr th:first-child,
.vendor-selling-table .recent-table .table thead tr td:first-child,
.vendor-selling-table .recent-table .table thead tr th:first-child {
  padding-left: 20px;
}
.vendor-selling-table .recent-table .table tbody tr td:last-child,
.vendor-selling-table .recent-table .table tbody tr th:last-child,
.vendor-selling-table .recent-table .table thead tr td:last-child,
.vendor-selling-table .recent-table .table thead tr th:last-child {
  padding-right: 20px;
}
@media (max-width: 1199px) {
  .vendor-selling-table .recent-table .table tbody tr td:last-child,
  .vendor-selling-table .recent-table .table tbody tr th:last-child,
  .vendor-selling-table .recent-table .table thead tr td:last-child,
  .vendor-selling-table .recent-table .table thead tr th:last-child {
    min-width: 118px;
  }
}
.vendor-selling-table .recent-table .table tbody tr td .product-names p,
.vendor-selling-table .recent-table .table tbody tr th .product-names p,
.vendor-selling-table .recent-table .table thead tr td .product-names p,
.vendor-selling-table .recent-table .table thead tr th .product-names p {
  max-width: 228px;
  min-width: 228px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 160px;
}
.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 tbody tr td,
.seller-order-table .recent-table .table tbody tr th,
.seller-order-table .recent-table .table thead tr td,
.seller-order-table .recent-table .table thead tr th {
  color: var(--body-font-color);
  min-width: auto;
}
.seller-order-table .recent-table .table tbody tr td:first-child,
.seller-order-table .recent-table .table tbody tr th:first-child,
.seller-order-table .recent-table .table thead tr td:first-child,
.seller-order-table .recent-table .table thead tr th:first-child {
  padding-left: 20px;
}
.seller-order-table .recent-table .table tbody tr td:last-child,
.seller-order-table .recent-table .table tbody tr th:last-child,
.seller-order-table .recent-table .table thead tr td:last-child,
.seller-order-table .recent-table .table thead tr th:last-child {
  padding-right: 20px;
}
.seller-order-table .recent-table .table tbody tr td a,
.seller-order-table .recent-table .table tbody tr th a,
.seller-order-table .recent-table .table thead tr td a,
.seller-order-table .recent-table .table thead tr th a {
  color: #52526c;
}
.seller-order-table .recent-table .table tbody 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 thead tr td:nth-child(2) a,
.seller-order-table .recent-table .table thead tr th:nth-child(2) a {
  color: var(--theme-default) !important;
  font-weight: 500;
}
.seller-order-table .recent-table .table tbody 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 thead tr td:nth-child(4) img,
.seller-order-table .recent-table .table thead tr th:nth-child(4) img {
  height: 30px;
}
.seller-order-table .recent-table .table tbody 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 thead tr td:nth-child(4) a,
.seller-order-table .recent-table .table thead tr th:nth-child(4) a {
  color: #52526c;
  max-width: 120px;
  min-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 160px;
}
.seller-order-table .recent-table .table tbody tr td .badge,
.seller-order-table .recent-table .table tbody tr th .badge,
.seller-order-table .recent-table .table thead tr td .badge,
.seller-order-table .recent-table .table thead tr th .badge {
  font-size: 12px;
  padding: 6px 12px;
}
@media (max-width: 1199px) {
  .seller-order-table .recent-table .table tbody tr td:nth-child(2),
  .seller-order-table .recent-table .table tbody tr th:nth-child(2),
  .seller-order-table .recent-table .table thead tr td:nth-child(2),
  .seller-order-table .recent-table .table thead tr th:nth-child(2) {
    min-width: 128px;
  }
  .seller-order-table .recent-table .table tbody tr td:nth-child(3),
  .seller-order-table .recent-table .table tbody tr th:nth-child(3),
  .seller-order-table .recent-table .table thead tr td:nth-child(3),
  .seller-order-table .recent-table .table thead tr th:nth-child(3) {
    min-width: 110px;
  }
  .seller-order-table .recent-table .table tbody tr td:nth-child(4),
  .seller-order-table .recent-table .table tbody tr th:nth-child(4),
  .seller-order-table .recent-table .table thead tr td:nth-child(4),
  .seller-order-table .recent-table .table thead tr th:nth-child(4) {
    min-width: 165px;
  }
  .seller-order-table .recent-table .table tbody tr td:nth-child(5),
  .seller-order-table .recent-table .table tbody tr th:nth-child(5),
  .seller-order-table .recent-table .table thead tr td:nth-child(5),
  .seller-order-table .recent-table .table thead tr th:nth-child(5) {
    min-width: 68px;
  }
  .seller-order-table .recent-table .table tbody tr td:nth-child(6),
  .seller-order-table .recent-table .table tbody tr th:nth-child(6),
  .seller-order-table .recent-table .table thead tr td:nth-child(6),
  .seller-order-table .recent-table .table thead tr th: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:last-of-type .card-header-right-icon {
    display: none;
  }
}
@media (min-width: 1661px) {
  .seller-details-wrapper .review-box .md-sidebar .email-left-aside .card {
    background-color: transparent;
    border-radius: 0;
    box-shadow: unset;
  }
  .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;
    margin-bottom: 20px;
    text-transform: capitalize;
    width: -moz-fit-content;
    width: fit-content;
  }
  .seller-details-wrapper .review-box .md-sidebar .md-sidebar-aside {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 40px;
    transition: all 0.2s ease;
    visibility: hidden;
    width: 360px;
    z-index: 3;
  }
  .seller-details-wrapper .review-box .md-sidebar .md-sidebar-aside.open {
    opacity: 1;
    transition: all 0.2s ease;
    visibility: visible;
  }
}
@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 {
  height: 18px;
  width: 18px;
}
@media (max-width: 1660px) {
  .ord-xxl-1 {
    order: 1 !important;
  }
  .ord-xxl-2 {
    order: 2 !important;
  }
  .ord-xxl-3 {
    order: 3 !important;
  }
}
.main-setting .nav-pills {
  gap: 18px;
}
.main-setting .nav-pills .nav-link {
  align-items: center;
  background-color: hsla(0, 0%, 80%, 0.3);
  color: #404040;
  display: flex;
  gap: 8px;
  justify-content: flex-start;
  padding: 12px 16px;
}
.main-setting .nav-pills .nav-link.active svg {
  stroke: #fff;
}
.main-setting .nav-pills .nav-link svg {
  height: 20px;
  width: 20px;
  fill: transparent;
  stroke: rgba(82, 82, 108, 0.8);
}
[dir="rtl"] .main-setting .nav-pills .nav-link svg {
  transform: scaleX(-1);
}
@media (max-width: 575px) {
  .main-setting .nav-pills .nav-link {
    margin-bottom: 12px;
  }
  .main-setting .nav-pills .nav-link:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 991px) {
  .main-setting .nav-pills {
    flex-wrap: nowrap;
    gap: 12px;
    overflow: auto;
    position: relative;
  }
  .main-setting .nav-pills .nav-link {
    white-space: nowrap;
  }
}
.main-setting .panel-body .row {
  margin-bottom: 1rem;
}
@media (max-width: 575px) {
  .main-setting .panel-body .row {
    margin-bottom: 0.8rem;
  }
}
.main-setting .form-label {
  color: #52526c;
  font-weight: 500;
}
.main-setting .form-control,
.main-setting .form-select {
  background-color: #fafafa;
  color: var(--body-font-color);
  font-size: 14px;
}
.main-setting .bootstrap-select .dropdown-toggle {
  border-color: #e9edf1 !important;
}
.main-setting .bootstrap-select .dropdown-menu .inner {
  max-height: 200px;
}
.main-setting .input-group .input-group-text {
  background-color: hsla(0, 0%, 91%, 0.7);
}
.main-setting .input-group .input-group-text i {
  font-weight: 400;
}
.main-setting .form-check.form-switch {
  align-items: center;
  display: flex;
  gap: 14px;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
}
.main-setting .form-check.form-switch .form-check-input {
  height: 22px;
  margin: 0;
  width: 40px;
}
.main-setting .form-check.form-switch p {
  align-items: center;
  display: flex;
  gap: 6px;
  justify-content: center;
}
.main-setting .form-check.form-switch p svg {
  height: 15px;
  min-height: 15px;
  min-width: 15px;
  width: 15px;
}
.main-setting .helper-text p {
  font-size: 13px;
}
@media (min-width: 992px) {
  .main-setting .tab-content {
    border-left: 1px dashed #ccc;
    height: 100%;
    padding-left: 18px;
  }
  [dir="rtl"] .main-setting .tab-content {
    border-left: unset;
    border-right: 1px dashed #ccc;
    padding-left: unset;
    padding-right: 18px;
  }
  .main-setting .tab-content .advance-options .tab-content {
    border: unset;
  }
}
@media (max-width: 575px) {
  .main-setting .tab-content .advance-options .nav-tabs {
    margin-bottom: 18px;
  }
  .main-setting .tab-content .advance-options .nav-tabs .nav-item .nav-link {
    padding-top: 10px;
  }
}
.main-setting .tab-content .row {
  margin-bottom: 1.5rem;
}
@media (max-width: 575px) {
  .main-setting .tab-content .row {
    margin-bottom: 1.2rem;
  }
}
.modal-open .datepickers-container {
  z-index: 1075;
}
.date-details {
  align-items: center;
}
.date-details > div + div {
  margin-left: 10px;
}
.taskadd table tr td {
  border-top: none;
}
.taskadd table tr td:first-child {
  padding-left: 20px;
}
.taskadd table tr td:last-child {
  padding-right: 20px;
}
.taskadd table tr td:last-child a {
  background-color: #ffe8e6;
  border-radius: 3px;
  display: grid;
  height: 25px;
  place-items: center;
  width: 25px;
}
.taskadd table tr td:last-child a svg {
  color: #fc564a;
}
.taskadd table tr td svg {
  color: #59667a;
  height: 18px;
  width: 18px;
}
.taskadd table tr:first-child td {
  padding-top: 20px;
}
.taskadd table tr:last-child td {
  border-bottom: unset;
  padding-bottom: 20px;
}
@media only screen and (max-width: 1660px) {
  .taskadd table tr td:first-child {
    min-width: 160px;
  }
  .taskadd table tr td:nth-child(3) {
    min-width: 70px;
  }
}
@media only screen and (max-width: 991px) {
  .date-details {
    display: block !important;
    margin-bottom: -10px;
  }
  .date-details .d-inline-block {
    margin-bottom: 10px;
  }
  .taskadd table tr td:first-child {
    padding-left: 20px;
  }
  .taskadd table tr:first-child td {
    padding-top: 20px;
  }
  .taskadd table tr:last-child td {
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .taskadd table tr td:nth-child(2) {
    min-width: 745px;
  }
}
@media only screen and (max-width: 575px) {
  .taskadd table tr td:first-child {
    padding-left: 15px;
  }
  .taskadd table tr:first-child td {
    padding-top: 15px;
  }
  .taskadd table tr:last-child td {
    padding-bottom: 15px;
  }
}
.main-tasks .main-menu li:last-child {
  border-top: 1px solid var(--chart-dashed-border);
  margin-top: 14px;
  padding-top: 14px;
}
.main-tasks .task-stats .common-align {
  background-color: rgba(115, 102, 255, 0.1);
  border-radius: 4px;
  gap: 12px;
  padding: 12px;
}
.main-tasks .task-stats .common-align [class*="bg-"] {
  border-radius: 3px;
  display: grid;
  height: 40px;
  place-items: center;
  width: 40px;
}
.main-tasks .task-stats .common-align [class*="bg-"] i {
  color: #fff;
  font-size: 20px;
  margin: 0;
}
@media (min-width: 1400px) {
  .main-tasks .task-stats .common-align [class*="bg-"] {
    height: calc(21.53846px + 0.96154vw);
    width: calc(21.53846px + 0.96154vw);
  }
  .main-tasks .task-stats .common-align [class*="bg-"] i {
    font-size: calc(5.23077px + 0.76923vw);
  }
  .main-tasks .task-stats .common-align h4 {
    font-size: calc(12.61538px + 0.38462vw);
  }
}
.main-tasks .form-select {
  color: rgba(82, 82, 108, 0.8);
  font-size: 14px;
}
.main-tasks .bootstrap-select .dropdown-toggle {
  border-color: rgba(82, 82, 108, 0.1) !important;
}
.main-tasks .bootstrap-select .dropdown-toggle .filter-option {
  white-space: normal;
}
.main-tasks .bootstrap-select .dropdown-menu .dropdown-item {
  color: rgba(82, 82, 108, 0.6) !important;
  opacity: 1;
}
.main-tasks .bootstrap-select .no-results {
  font-size: 14px;
  margin: 0;
  padding: 0 12px;
}
.main-tasks .was-validated .bootstrap-select select:valid + .dropdown-toggle {
  border-color: #65c15c !important;
}
.main-tasks .was-validated .bootstrap-select select:invalid + .dropdown-toggle {
  border-color: #fc564a !important;
}
.main-tasks
  .common-task-table
  .table-responsive
  div.dt-container
  .dt-layout-row
  .dt-search {
  right: -50px;
}
.main-tasks .common-task-table .table-responsive form {
  padding: 20px;
}
.main-tasks .common-task-table .table-responsive table tbody tr td,
.main-tasks .common-task-table .table-responsive table tbody tr th,
.main-tasks .common-task-table .table-responsive table thead tr td,
.main-tasks .common-task-table .table-responsive table thead tr th {
  color: var(--body-font-color);
  min-width: auto;
}
.main-tasks .common-task-table .table-responsive table tbody tr td a,
.main-tasks .common-task-table .table-responsive table tbody tr th a,
.main-tasks .common-task-table .table-responsive table thead tr td a,
.main-tasks .common-task-table .table-responsive table thead tr th a {
  color: var(--body-font-color);
}
.main-tasks .common-task-table .table-responsive table tbody tr td:first-child,
.main-tasks .common-task-table .table-responsive table tbody tr th:first-child,
.main-tasks .common-task-table .table-responsive table thead tr td:first-child,
.main-tasks .common-task-table .table-responsive table thead tr th:first-child {
  padding-left: 20px;
}
.main-tasks .common-task-table .table-responsive table tbody tr td:last-child,
.main-tasks .common-task-table .table-responsive table tbody tr th:last-child,
.main-tasks .common-task-table .table-responsive table thead tr td:last-child,
.main-tasks .common-task-table .table-responsive table thead tr th:last-child {
  padding-right: 20px;
}
.main-tasks .common-task-table .table-responsive table tbody tr td:nth-child(2),
.main-tasks .common-task-table .table-responsive table tbody tr th:nth-child(2),
.main-tasks .common-task-table .table-responsive table thead tr td:nth-child(2),
.main-tasks
  .common-task-table
  .table-responsive
  table
  thead
  tr
  th:nth-child(2) {
  max-width: 150px;
}
.main-tasks
  .common-task-table
  .table-responsive
  table
  tbody
  tr
  td:nth-child(3)
  span,
.main-tasks
  .common-task-table
  .table-responsive
  table
  tbody
  tr
  th:nth-child(3)
  span,
.main-tasks
  .common-task-table
  .table-responsive
  table
  thead
  tr
  td:nth-child(3)
  span,
.main-tasks
  .common-task-table
  .table-responsive
  table
  thead
  tr
  th:nth-child(3)
  span {
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 2;
  height: auto;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 140px;
}
@media (max-width: 1485px) and (min-width: 1200px) {
  .main-tasks
    .common-task-table
    .table-responsive
    table
    tbody
    tr
    td:nth-child(3),
  .main-tasks
    .common-task-table
    .table-responsive
    table
    tbody
    tr
    th:nth-child(3),
  .main-tasks
    .common-task-table
    .table-responsive
    table
    thead
    tr
    td:nth-child(3),
  .main-tasks
    .common-task-table
    .table-responsive
    table
    thead
    tr
    th:nth-child(3) {
    display: none;
  }
}
.main-tasks .common-task-table .table-responsive table tbody tr td span.badge,
.main-tasks .common-task-table .table-responsive table tbody tr th span.badge,
.main-tasks .common-task-table .table-responsive table thead tr td span.badge,
.main-tasks .common-task-table .table-responsive table thead tr th span.badge {
  font-size: 12px;
  padding: 6px 12px;
}
.main-tasks .common-task-table .table-responsive table tbody tr td ul li + li,
.main-tasks .common-task-table .table-responsive table tbody tr th ul li + li,
.main-tasks .common-task-table .table-responsive table thead tr td ul li + li,
.main-tasks .common-task-table .table-responsive table thead tr th ul li + li {
  margin-left: -12px;
}
[dir="rtl"]
  .main-tasks
  .common-task-table
  .table-responsive
  table
  tbody
  tr
  td
  ul
  li
  + li,
[dir="rtl"]
  .main-tasks
  .common-task-table
  .table-responsive
  table
  tbody
  tr
  th
  ul
  li
  + li,
[dir="rtl"]
  .main-tasks
  .common-task-table
  .table-responsive
  table
  thead
  tr
  td
  ul
  li
  + li,
[dir="rtl"]
  .main-tasks
  .common-task-table
  .table-responsive
  table
  thead
  tr
  th
  ul
  li
  + li {
  margin-left: unset;
  margin-right: -12px;
}
.main-tasks .common-task-table .table-responsive table tbody tr td img,
.main-tasks .common-task-table .table-responsive table tbody tr th img,
.main-tasks .common-task-table .table-responsive table thead tr td img,
.main-tasks .common-task-table .table-responsive table thead tr th img {
  height: 30px;
}
@media (max-width: 1199px) {
  .main-tasks
    .common-task-table
    .table-responsive
    table
    tbody
    tr
    td:nth-child(2),
  .main-tasks
    .common-task-table
    .table-responsive
    table
    tbody
    tr
    th:nth-child(2),
  .main-tasks
    .common-task-table
    .table-responsive
    table
    thead
    tr
    td:nth-child(2),
  .main-tasks
    .common-task-table
    .table-responsive
    table
    thead
    tr
    th:nth-child(2) {
    min-width: 125px;
  }
  .main-tasks
    .common-task-table
    .table-responsive
    table
    tbody
    tr
    td:nth-child(3)
    span,
  .main-tasks
    .common-task-table
    .table-responsive
    table
    tbody
    tr
    th:nth-child(3)
    span,
  .main-tasks
    .common-task-table
    .table-responsive
    table
    thead
    tr
    td:nth-child(3)
    span,
  .main-tasks
    .common-task-table
    .table-responsive
    table
    thead
    tr
    th:nth-child(3)
    span {
    width: 345px;
  }
  .main-tasks
    .common-task-table
    .table-responsive
    table
    tbody
    tr
    td:nth-child(4),
  .main-tasks
    .common-task-table
    .table-responsive
    table
    tbody
    tr
    th:nth-child(4),
  .main-tasks
    .common-task-table
    .table-responsive
    table
    thead
    tr
    td:nth-child(4),
  .main-tasks
    .common-task-table
    .table-responsive
    table
    thead
    tr
    th:nth-child(4) {
    min-width: 108px;
  }
  .main-tasks
    .common-task-table
    .table-responsive
    table
    tbody
    tr
    td:nth-child(5),
  .main-tasks
    .common-task-table
    .table-responsive
    table
    tbody
    tr
    th:nth-child(5),
  .main-tasks
    .common-task-table
    .table-responsive
    table
    thead
    tr
    td:nth-child(5),
  .main-tasks
    .common-task-table
    .table-responsive
    table
    thead
    tr
    th:nth-child(5) {
    min-width: 100px;
  }
}
.timeline-wrapper {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-bottom: 12px;
}
.activity .d-flex {
  margin-bottom: 30px;
}
.activity .d-flex:last-child {
  margin-bottom: 0;
}
.activity .d-flex .flex-grow-1 h6 {
  font-weight: 600;
  margin-bottom: 30px;
}
.activity .d-flex .flex-grow-1 h6 span {
  color: #999;
  font-weight: 400;
}
.activity .d-flex .flex-grow-1 p {
  width: 80%;
}
@media only screen and (max-width: 1169px) {
  .landing-main #cd-timeline:before {
    left: -39px;
  }
}
.main-timeline ul:before {
  left: 5px;
}
[dir="rtl"] .main-timeline ul:before {
  left: unset;
  right: 5px;
}
@media (max-width: 1399px) {
  .main-timeline ul:before {
    left: 4px;
  }
}
.main-timeline ul li:last-child {
  padding-bottom: 0;
}
@media (min-width: 1200px) {
  .basic-timeline.dark-timeline ul .d-flex p:last-child {
    width: calc(14px + 26.875vw);
  }
}
.square-timeline {
  position: relative;
}
.square-timeline:before {
  border: 1px dashed #ccc;
  content: "";
  height: 100%;
  left: 18px;
  margin-left: 0;
  position: absolute;
  top: 0;
  width: 1px;
}
[dir="rtl"] .square-timeline:before {
  left: unset;
  margin-left: unset;
  margin-right: 0;
  right: 18px;
}
.square-timeline .timeline-event {
  position: relative;
}
.square-timeline .timeline-event:hover .timeline-event-icon {
  background-color: #52526c;
  transform: rotate(-105deg);
}
.square-timeline
  .timeline-event:hover
  .timeline-event-wrapper
  .timeline-thumbnail {
  box-shadow: inset 40em 0 0 0 #fff7e5;
}
.square-timeline .timeline-event .timeline-event-wrapper {
  left: 38px;
  padding: 0 0 0 14px;
  position: relative;
  top: -7px;
  width: 95%;
}
[dir="rtl"] .square-timeline .timeline-event .timeline-event-wrapper {
  left: unset;
  padding: 0 14px 0 0;
  right: 38px;
}
@media (max-width: 1200px) {
  .square-timeline .timeline-event .timeline-event-wrapper {
    width: calc(84% + 1.25vw - 4px);
  }
}
.square-timeline .timeline-event .timeline-event-wrapper .designer-details {
  padding-top: 20px;
}
.square-timeline .timeline-event .timeline-event-wrapper .timeline-thumbnail {
  background-color: rgba(115, 102, 255, 0.1);
  box-shadow: inset 0 0 0 0 #d5f5fe;
  color: #3f475a;
  display: inline-block;
  margin-bottom: 12px;
  padding: 2px 25px;
  transition: box-shadow 0.5s ease-in 0.1s;
}
.square-timeline
  .timeline-event
  .timeline-event-wrapper
  .list-group-item-action:active,
.square-timeline
  .timeline-event
  .timeline-event-wrapper
  .list-group-item-action:focus,
.square-timeline
  .timeline-event
  .timeline-event-wrapper
  .list-group-item-action:hover {
  background-color: unset;
}
.square-timeline .timeline-event .timeline-event-wrapper > div {
  display: inline-block;
  width: 100%;
}
.square-timeline .timeline-event .timeline-event-icon {
  background-color: #7366ff;
  display: block;
  height: 10px;
  left: 14px;
  margin: 0;
  outline: 6px solid rgba(115, 102, 255, 0.1);
  position: absolute;
  top: 0;
  transform: rotate(45deg);
  transition: 0.2s ease-in;
  width: 10px;
}
[dir="rtl"] .square-timeline .timeline-event .timeline-event-icon {
  left: unset;
  right: 14px;
}
.list-inline {
  display: flex;
  justify-content: center;
}
.list-inline.events .event-list {
  display: block;
  margin-right: 0;
  padding-top: 70px;
  position: relative;
  text-align: center;
}
.list-inline.events .event-list p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.list-inline.events .event-list .event-date {
  border-radius: 4px;
  left: 0;
  margin: 0 auto;
  padding: 2px 4px;
  position: absolute;
  right: 0;
  top: 38px;
  width: 75px;
}
.list-inline.events .event-list .event-date p {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  line-height: 1.5;
  margin-top: 7px;
  overflow: hidden;
}
.timeline-list.timeline-border {
  border-bottom: 1px solid #ccc;
}
.timeline-list.list-inline {
  padding-bottom: 0;
}
.timeline-list.list-inline.events .event-list {
  padding-top: 35px;
}
.timeline-list.list-inline.events .event-list:before {
  border-right: unset;
  content: "";
  height: 0;
}
.timeline-list.list-inline.events .event-list .event-date {
  top: 2px;
}
.timeline-list.list-inline.events .event-list .event-date p {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  line-height: 1.5;
  margin-top: 7px;
  overflow: hidden;
}
.timeline-list.list-inline.events .event-list .read-more-btn {
  margin-bottom: 3px;
  position: relative;
}
.timeline-list.list-inline .vertical-line {
  border: 1px dashed #7366ff;
  height: 45px;
  margin: 0 auto;
  position: relative;
  width: 1px;
}
.list-group.main-lists-content {
  padding-top: 20px;
}
@media (max-width: 1218px) {
  .list-group .list-group-item .timeline-icon {
    display: none;
  }
}
@media (max-width: 1400px) {
  .horizontal-timeline {
    display: none;
  }
}
.rounded-timeline .timeline {
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 100%;
}
.rounded-timeline .timeline:after {
  background: #ccc;
  bottom: 0;
  content: "";
  left: 50%;
  margin-left: -1px;
  position: absolute;
  top: 0;
  width: 2px;
}
@media (max-width: 1199px) {
  .rounded-timeline .timeline:after {
    left: 75px;
  }
}
.rounded-timeline .container {
  background: inherit;
  margin: 0;
  padding: 15px 30px;
  position: relative;
  width: 50%;
}
@media (max-width: 1199px) {
  .rounded-timeline .container {
    width: 85%;
  }
}
.rounded-timeline .container:after {
  background: var(--white);
  border: 2px solid #ccc;
  border-radius: 16px;
  content: "";
  height: 16px;
  position: absolute;
  right: -8px;
  top: calc(50% - 8px);
  width: 16px;
  z-index: 1;
}
.rounded-timeline .container:before {
  background: #ccc;
  content: "";
  height: 2px;
  position: absolute;
  right: 8px;
  top: calc(50% - 1px);
  width: 50px;
  z-index: 1;
}
.rounded-timeline .container .date {
  color: var(--chart-text-color);
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: calc(50% - 8px);
  z-index: 1;
}
@media (max-width: 610px) {
  .rounded-timeline .container .date {
    display: none;
  }
}
@media (max-width: 1300px) {
  .rounded-timeline .container audio {
    width: 95%;
  }
}
.rounded-timeline .container .icon {
  background: var(--light2);
  border: 2px dashed var(--chart-text-color);
  border-radius: 40px;
  color: var(--chart-text-color);
  display: inline-block;
  font-size: 18px;
  height: 40px;
  padding: 9px 0;
  position: absolute;
  text-align: center;
  top: calc(50% - 20px);
  width: 40px;
  z-index: 1;
}
.rounded-timeline .container .content {
  background: var(--light2);
  border-radius: 0 200px 200px 0;
  padding: 20px 80px 20px 20px;
  position: relative;
}
@media (max-width: 767px) {
  .rounded-timeline .container .content audio {
    width: 95%;
  }
}
.rounded-timeline .container .content h2 {
  color: var(--chart-text-color);
  font-size: 18px;
  font-weight: 400;
  margin: 0 0 10px;
}
.rounded-timeline .container .content p {
  color: var(--body-font-color);
  margin: 0;
}
@media (max-width: 610px) {
  .rounded-timeline .container .content p {
    display: -webkit-box;
    margin: 0 auto;
    max-width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.rounded-timeline .container.left {
  left: 0;
}
.rounded-timeline .container.left .date {
  right: -75px;
}
.rounded-timeline .container.left .icon {
  right: 56px;
}
@media (max-width: 1199px) and (min-width: 768px) {
  .rounded-timeline .container.left {
    left: 75px;
  }
  .rounded-timeline .container.left:before {
    left: 8px;
  }
  .rounded-timeline .container.left:after {
    left: -8px;
  }
  .rounded-timeline .container.left .date {
    left: -75px;
    right: unset;
  }
  .rounded-timeline .container.left .icon {
    left: 56px;
  }
  .rounded-timeline .container.left .content {
    border-radius: 200px 0 0 200px;
    padding: 20px 20px 20px 80px;
  }
}
@media (max-width: 767px) {
  .rounded-timeline .container.left {
    left: 0;
  }
}
.rounded-timeline .container.right {
  left: 50%;
}
.rounded-timeline .container.right:after {
  left: -8px;
}
.rounded-timeline .container.right:before {
  left: 8px;
}
.rounded-timeline .container.right .date {
  left: -75px;
}
.rounded-timeline .container.right .icon {
  left: 56px;
}
.rounded-timeline .container.right .content {
  border-radius: 200px 0 0 200px;
  padding: 20px 20px 20px 80px;
}
@media (max-width: 1199px) {
  .rounded-timeline .container.right {
    left: 75px;
  }
  .rounded-timeline .container.right:after {
    left: -8px;
  }
}
@media (max-width: 767px) {
  .rounded-timeline .timeline:after {
    left: 90px;
  }
  .rounded-timeline .container {
    padding-left: 120px;
    padding-right: 30px;
    width: 100%;
  }
  .rounded-timeline .container.right {
    left: 0;
  }
  .rounded-timeline .container.right:after {
    left: 82px;
  }
  .rounded-timeline .container.right:before {
    border-color: var(--theme-default);
    left: 95px;
  }
  .rounded-timeline .container.right .date {
    left: 15px;
    right: auto;
  }
  .rounded-timeline .container.right .icon {
    left: 146px;
    right: auto;
  }
  .rounded-timeline .container.right .content {
    border-radius: 200px 0 0 200px;
    padding: 30px 30px 30px 90px;
  }
  .rounded-timeline .container.left:after {
    left: 82px;
  }
  .rounded-timeline .container.left:before {
    border-color: var(--theme-default);
    left: 95px;
  }
  .rounded-timeline .container.left .date {
    left: 15px;
    right: auto;
  }
  .rounded-timeline .container.left .icon {
    left: 146px;
    right: auto;
  }
  .rounded-timeline .container.left .content {
    border-radius: 200px 0 0 200px;
    padding: 30px 30px 30px 90px;
  }
}
@media (max-width: 610px) {
  .rounded-timeline .timeline:after {
    left: 8px;
  }
  .rounded-timeline .timeline .container {
    padding-left: 30px;
  }
  .rounded-timeline .timeline .container:after,
  .rounded-timeline .timeline .container:before {
    left: 0;
  }
  .rounded-timeline .timeline .container .icon {
    left: 50px;
  }
}
@media (max-width: 610px) and (max-width: 475px) {
  .rounded-timeline .timeline .container .content {
    padding: 30px 30px 30px 75px;
  }
}
@media (max-width: 475px) {
  .rounded-timeline .timeline .container {
    padding-right: 0;
  }
}
@media (max-width: 440px) {
  .rounded-timeline .timeline {
    padding-top: 20px;
  }
  .rounded-timeline .timeline .container {
    padding-block: 40px;
    padding-left: 0;
    z-index: 1;
  }
  .rounded-timeline .timeline .container:before {
    display: none;
  }
  .rounded-timeline .timeline .container .icon {
    left: 45%;
    top: -20px;
  }
  .rounded-timeline .timeline .container:after {
    display: none;
  }
  .rounded-timeline .timeline .container .content {
    border-radius: 10px !important;
    padding: 16px !important;
  }
  .rounded-timeline .timeline:after {
    left: 50%;
  }
}
@media (max-width: 390px) {
  .rounded-timeline .timeline .container .icon {
    left: 44%;
  }
}
@media (max-width: 335px) {
  .rounded-timeline .timeline .container .icon {
    left: 42%;
  }
  .rounded-timeline
    .timeline
    .container
    audio::-webkit-media-controls-enclosure {
    background-color: transparent;
    border-radius: 0;
  }
}
.animated-timeline {
  color: var(--chart-text-color);
  height: 100%;
  min-height: 100vh;
  width: 100%;
}
.animated-timeline .timeline-block {
  position: relative;
  z-index: 1;
}
.animated-timeline .timeline-block:before {
  border: 1px dashed #75758a;
  content: "";
  height: calc(100% - 40px);
  left: 50%;
  margin-top: calc(43px + 0.625vw);
  opacity: 0.4;
  position: absolute;
  width: 1px;
}
.animated-timeline .timeline-block .title {
  color: #52526c;
  font-size: calc(16.8px + 0.375vw);
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
  transition: all 0.8s ease-in-out;
}
.animated-timeline .timeline-block .title.non-focus {
  font-size: 24px;
  line-height: 34px;
  transition: all 0.8s ease-in-out;
}
.animated-timeline .timeline-block .timeline-event {
  background-color: hsla(0, 0%, 96%, 0.8);
  border: 1px dashed rgba(44, 50, 63, 0.722);
  border-radius: 4px;
  margin: 30px 20px;
  padding: 15px;
  position: relative;
  transition: all 0.3s ease-in-out;
  width: 300px;
}
.animated-timeline .timeline-block .timeline-event:before {
  background-color: #ccc;
  border-radius: 50%;
  content: "";
  height: 16px;
  left: -27px;
  position: absolute;
  top: calc(50% - 8px);
  width: 16px;
}
.animated-timeline .timeline-block .timeline-event .timeline-desc h6 {
  color: #52526c;
}
.animated-timeline .timeline-block .timeline-event .timeline-desc span {
  color: #6c757d;
}
.animated-timeline .timeline-block .timeline-event:nth-child(odd) {
  margin-left: calc(50% + 20px);
}
.animated-timeline .timeline-block .timeline-event:nth-child(2n) {
  margin-left: calc(50% - 321px);
}
.animated-timeline .timeline-block .timeline-event:nth-child(2n):before {
  left: calc(100% + 16px);
}
.animated-timeline .timeline-block .timeline-event.non-focus {
  background: hsla(0, 0%, 96%, 0.3);
  border: 1px dashed rgba(44, 50, 63, 0.2);
  margin-top: 108px;
  transform: rotate(45deg);
  transition: all 0.8s ease-in-out;
}
.animated-timeline .timeline-block .timeline-event.non-focus .timeline-desc h6 {
  color: rgba(82, 82, 108, 0.4);
}
.animated-timeline
  .timeline-block
  .timeline-event.non-focus
  .timeline-desc
  span {
  color: hsla(208, 7%, 46%, 0.2);
}
.animated-timeline .timeline-block .timeline-event.non-focus:before {
  opacity: 0;
}
@media (max-width: 767px) {
  .animated-timeline .timeline-block:before {
    left: 18px;
  }
  .animated-timeline .timeline-block .title {
    text-align: left;
  }
  .animated-timeline .timeline-block .timeline-event:before {
    left: -49px;
  }
  .animated-timeline .timeline-block .timeline-event:nth-child(2n),
  .animated-timeline .timeline-block .timeline-event:nth-child(odd) {
    margin-left: calc(50% - 260px);
  }
  .animated-timeline .timeline-block .timeline-event:nth-child(2n):before {
    left: unset;
    right: calc(100% + 33px);
    right: calc(100% + 31px);
  }
  .animated-timeline .timeline-block .timeline-event:before {
    left: -47px;
  }
  .animated-timeline .timeline-block .timeline-event:nth-child(2n),
  .animated-timeline .timeline-block .timeline-event:nth-child(odd) {
    margin-left: 58px;
  }
}
@media (max-width: 440px) {
  .animated-timeline .timeline-block .timeline-event {
    width: auto;
  }
  .animated-timeline .timeline-block .timeline-event:before {
    height: 12px;
    left: -45px;
    width: 12px;
  }
  .animated-timeline .timeline-block .timeline-event:nth-child(2n):before {
    right: calc(100% + 33px);
  }
}
.user-profile .ttl-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
@media (max-width: 576px) {
  .user-profile .ttl-info {
    align-items: flex-start;
    padding-bottom: 12px;
  }
  .user-profile .ttl-info span {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 3;
    height: auto;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.user-profile .ttl-info h6 {
  color: #59667a;
  font-weight: 400;
}
.user-profile .ttl-info h6,
.user-profile .ttl-info h6 i {
  font-size: calc(13.6px + 0.125vw);
}
.user-profile .border-right {
  border-right: 1px solid hsla(0, 0%, 80%, 0.6);
}
.user-profile hr {
  margin: 20px 0;
}
.user-profile .hovercard .cardheader {
  align-items: flex-end;
  background: url(images/bg-profile.png);
  background-position: 10%;
  background-size: cover;
  display: flex;
  height: 470px;
}
.user-profile .hovercard .user-image {
  position: relative;
}
.user-profile .hovercard .user-image .avatar {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.user-profile .hovercard .user-image .avatar img {
  border: 7px solid #fff;
  border-radius: 50%;
  height: 100px;
  max-height: 155px;
  max-width: 155px;
  width: 100px;
}
.user-profile .hovercard .user-image .icon-wrapper {
  align-items: center;
  background-color: #fff;
  border-radius: 50%;
  bottom: -18px;
  box-shadow: 0 0 6px 3px rgba(68, 102, 242, 0.1);
  cursor: pointer;
  display: flex;
  font-size: calc(11px + 0.3125vw);
  height: calc(30.4px + 0.5vw);
  justify-content: center;
  left: 94px;
  margin: 0 auto;
  overflow: hidden;
  position: absolute;
  width: calc(30.4px + 0.5vw);
}
.user-profile .hovercard .info {
  padding: 30px;
}
.user-profile .hovercard .info .title {
  color: #3f475a;
  font-size: 24px;
  line-height: 1;
  margin-bottom: 4px;
  vertical-align: middle;
}
.user-profile .hovercard .info .title a {
  color: #242934;
  font-size: 20px;
  font-weight: 500;
  text-transform: uppercase;
}
.user-profile .hovercard .info > p {
  padding-top: 18px;
  text-align: left;
}
.user-profile .hovercard .info .desc {
  color: #59667a;
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
}
.user-profile .profile-img-style {
  padding: 20px;
}
.user-profile .profile-img-style .img-container {
  margin-top: 20px;
}
.user-profile .profile-img-style .user-name {
  color: #242934;
  font-size: 14px;
  font-weight: 600;
  margin: 0;
}
.user-profile .profile-img-style p {
  color: #898989;
  font-size: 14px;
  line-height: 30px;
  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:active,
.user-profile .like-comment li:first-child a:hover {
  color: #fc564a;
}
.user-profile .like-comment span {
  font-family: Rubik, sans-serif;
}
.user-profile .social-media a {
  color: #59667a;
  cursor: pointer;
  font-size: 24px;
  padding: 0 calc(9px + 0.3125vw);
}
.user-profile .social-media a:hover {
  color: var(--theme-default);
}
.user-profile .common-user-image {
  background-color: transparent;
  box-shadow: unset;
}
.user-profile .common-user-image .cardheader {
  border-radius: 5px;
}
.user-profile .common-user-image .user-image {
  width: 100%;
}
.user-profile .common-user-image .user-image .avatar {
  padding-inline: calc(18px + 0.625vw);
}
@media (min-width: 576px) {
  .user-profile .common-user-image .user-image .avatar {
    margin-bottom: calc(-7.6px - 0.75vw);
  }
}
@media (max-width: 575px) {
  .user-profile .common-user-image .user-image .avatar {
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 20px;
  }
}
.user-profile .common-user-image .user-image .avatar .common-align {
  gap: 12px;
  text-align: left;
}
[dir="rtl"] .user-profile .common-user-image .user-image .avatar .common-align {
  text-align: right;
}
@media (max-width: 575px) {
  .user-profile .common-user-image .user-image .avatar .common-align {
    flex-direction: column;
    flex-wrap: wrap;
    text-align: center;
  }
  [dir="rtl"]
    .user-profile
    .common-user-image
    .user-image
    .avatar
    .common-align {
    text-align: center;
  }
}
.user-profile .common-user-image .user-image .avatar .common-align > div {
  position: relative;
}
.user-profile .common-user-image .user-image .avatar .common-align > div img {
  border: calc(4.6px + 0.125vw) solid #fff;
  border-radius: 4px;
  height: calc(70px + 3.125vw);
  max-height: calc(65px + 4.6875vw);
  max-width: calc(65px + 4.6875vw);
  -o-object-fit: cover;
  object-fit: cover;
  width: calc(70px + 3.125vw);
}
.user-profile
  .common-user-image
  .user-image
  .avatar
  .common-align
  > div
  .icon-wrapper {
  align-items: center;
  -webkit-backdrop-filter: blur(1.5px);
  backdrop-filter: blur(1.5px);
  background-color: rgba(0, 0, 0, 0.24);
  border-radius: 0 0 4px 4px;
  bottom: 0;
  box-shadow: 0 0 6px 3px rgba(68, 102, 242, 0.1);
  cursor: pointer;
  display: flex;
  font-size: calc(11px + 0.3125vw);
  height: calc(30.4px + 0.5vw);
  justify-content: center;
  left: 0;
  margin: 0 auto;
  overflow: hidden;
  position: absolute;
  width: 100%;
}
.user-profile
  .common-user-image
  .user-image
  .avatar
  .common-align
  > div
  .icon-wrapper
  i {
  color: #fff;
}
.user-profile
  .common-user-image
  .user-image
  .avatar
  .common-align
  > div
  .icon-wrapper#cancelButton {
  background-color: var(--white);
  border-radius: 50%;
  left: calc(73% + 0.4375vw - 1.4px);
  opacity: 0;
  top: -16px;
  transform: scale(0.5);
  transition: all 0.3s ease;
  visibility: hidden;
  width: calc(30.4px + 0.5vw);
}
[dir="rtl"]
  .user-profile
  .common-user-image
  .user-image
  .avatar
  .common-align
  > div
  .icon-wrapper#cancelButton {
  left: unset;
  right: calc(73% + 0.4375vw - 1.4px);
}
.user-profile
  .common-user-image
  .user-image
  .avatar
  .common-align
  > div
  .icon-wrapper#cancelButton
  i {
  color: #242934;
  font-size: calc(13.4px + 0.1875vw);
}
.user-profile .common-user-image .user-image .avatar .common-align > div input {
  border-radius: 50%;
  bottom: 0;
  height: calc(30.4px + 0.5vw);
  left: 0;
  opacity: 0;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.user-profile
  .common-user-image
  .user-image
  .avatar
  .common-align
  > div:hover
  .icon-wrapper#cancelButton {
  opacity: 1;
  transform: scale(0.7);
  transition: all 0.3s ease;
  visibility: visible;
}
.user-profile
  .common-user-image
  .user-image
  .avatar
  .common-align
  .user-designation
  a {
  color: #fff;
  font-size: 18px;
}
.user-profile
  .common-user-image
  .user-image
  .avatar
  .common-align
  .user-designation
  .desc {
  color: #ccc;
}
@media (max-width: 575px) {
  .user-profile
    .common-user-image
    .user-image
    .avatar
    .common-align
    .user-designation {
    margin-bottom: 18px;
  }
}
.user-profile .common-user-image .user-image .avatar .follow {
  align-items: center;
  display: flex;
  justify-content: center;
}
.user-profile .common-user-image .user-image .avatar .follow > div {
  color: #fff;
}
.user-profile .common-user-image .user-image .avatar .follow > div + div {
  border-left: 1px solid hsla(0, 0%, 94%, 0.2);
  margin-left: 12px;
  padding-left: 12px;
}
[dir="rtl"]
  .user-profile
  .common-user-image
  .user-image
  .avatar
  .follow
  > div
  + div {
  border-left: unset;
  border-right: 1px solid hsla(0, 0%, 94%, 0.2);
  margin-left: unset;
  margin-right: 12px;
  padding-left: unset;
  padding-right: 12px;
}
.user-profile .common-user-image .user-image .avatar .follow > div .follow-num {
  font-size: 18px;
}
.user-profile .common-user-image .user-image .avatar .follow > div span {
  color: #999;
}
@media (min-width: 576px) {
  .user-profile .user-bio {
    margin-top: calc(7.6px + 0.75vw);
  }
}
.user-profile .user-bio .common-flex {
  border-top: 1px solid var(--chart-dashed-border);
  padding-top: calc(8.4px + 1.125vw);
}
.user-profile .user-bio .social-media .list-inline-item i {
  font-size: calc(16.8px + 0.375vw);
}
.user-profile .user-bio .ttl-info h6 {
  color: #404040;
  font-size: 16px;
}
.edit-profile textarea,
.user-profile .user-bio .ttl-info span {
  color: rgba(82, 82, 108, 0.8);
}
.edit-profile textarea {
  font-size: 14px;
}
.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;
}
.social-user-cards .social-profile .social-follow li span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.user-profile-wrapper.scope-bottom-wrapper
  .sidebar-left-icons
  .nav-item:before {
  border: 1px solid var(--recent-dashed-border);
  left: 32px;
}
[dir="rtl"]
  .user-profile-wrapper.scope-bottom-wrapper
  .sidebar-left-icons
  .nav-item:before {
  left: unset;
  right: 32px;
}
.user-profile-wrapper.scope-bottom-wrapper
  .sidebar-left-icons
  .nav-item
  .nav-link {
  padding: 12px;
}
.user-profile-wrapper.scope-bottom-wrapper
  .sidebar-left-icons
  .nav-item
  .nav-link
  .product-icons
  i {
  color: rgba(82, 82, 108, 0.8);
  margin: 0;
  transition: 0.5s;
}
@media (min-width: 1200px) {
  .user-profile-wrapper.scope-bottom-wrapper
    .sidebar-left-icons
    .nav-item
    .nav-link
    .product-icons
    i {
    font-size: calc(12.66667px + 0.27778vw);
  }
}
.user-profile-wrapper.scope-bottom-wrapper
  .sidebar-left-icons
  .nav-item
  .nav-link.active {
  background: var(--theme-default);
}
.user-profile-wrapper.scope-bottom-wrapper
  .sidebar-left-icons
  .nav-item
  .nav-link.active
  .product-icons
  i {
  color: #3f475a;
}
.user-profile-wrapper.scope-bottom-wrapper
  .sidebar-left-icons
  .nav-item
  .nav-link.active
  .nav-rounded {
  height: 40px;
  min-width: 40px;
  outline: 1px solid var(--white);
  outline-offset: 1px;
  padding: 0;
  width: 40px;
}
.user-profile-wrapper.scope-bottom-wrapper
  .sidebar-left-icons
  .nav-item
  .nav-link.active
  .product-tab-content
  h6 {
  color: #fff;
}
.user-profile-wrapper.scope-bottom-wrapper
  .sidebar-left-icons
  .nav-item
  .nav-rounded {
  height: 40px;
  min-width: 40px;
  width: 40px;
}
.user-profile-wrapper.scope-bottom-wrapper
  .sidebar-left-icons
  .nav-item:hover
  .nav-link
  .product-icons
  i {
  transform: scale(1.1);
  transition: 0.5s;
}
@media (max-width: 1024px) and (min-width: 768px) {
  .user-profile-wrapper.scope-bottom-wrapper .sidebar-left-icons {
    gap: 0;
    justify-content: space-between;
  }
}
@media (max-width: 767px) {
  .user-profile-wrapper.scope-bottom-wrapper .sidebar-left-icons {
    gap: 10px;
    justify-content: flex-start;
  }
}
.user-profile-wrapper.scope-bottom-wrapper
  .notification
  .d-flex
  p:not(.d-flex) {
  margin-bottom: 0;
  width: 100%;
}
.user-profile-wrapper.scope-bottom-wrapper
  .notification
  li:not(.recent-images li):last-child {
  padding-bottom: 0;
}
.user-profile-wrapper.scope-bottom-wrapper .project-teammate ul:before {
  content: unset;
}
.user-profile-wrapper.scope-bottom-wrapper .project-teammate ul li {
  padding-bottom: 0;
}
.user-profile-wrapper.scope-bottom-wrapper .project-teammate ul li + li {
  margin-left: -12px;
}
[dir="rtl"]
  .user-profile-wrapper.scope-bottom-wrapper
  .project-teammate
  ul
  li
  + li {
  margin-left: unset;
  margin-right: -12px;
}
.user-profile-wrapper.scope-bottom-wrapper .project-teammate ul li img {
  transition: 0.5s;
}
.user-profile-wrapper.scope-bottom-wrapper
  .project-teammate
  ul
  li
  .light-background:hover,
.user-profile-wrapper.scope-bottom-wrapper .project-teammate ul li img:hover {
  transform: translateY(-4px) scale(1.02);
  transition: 0.5s;
}
.user-profile-wrapper.scope-bottom-wrapper .project-teammate ul img {
  height: 32px;
}
.user-profile-wrapper.scope-bottom-wrapper .user-notifications h6 {
  margin-bottom: 12px;
}
.user-profile-wrapper.scope-bottom-wrapper .user-notifications ul {
  margin-bottom: 40px;
}
.user-profile-wrapper.scope-bottom-wrapper .user-notifications ul:last-of-type,
.user-profile-wrapper.scope-bottom-wrapper
  .user-notifications
  ul:last-of-type
  li {
  margin-bottom: 0;
}
.user-profile-wrapper.scope-bottom-wrapper .user-notifications ul li {
  background-color: var(--light-background);
  border-radius: 8px;
  margin-bottom: 18px;
  padding: 18px;
}
.user-profile-wrapper.scope-bottom-wrapper .user-notifications ul li > div {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: flex-start;
}
.user-profile-wrapper.scope-bottom-wrapper .user-notifications ul li > div p {
  font-weight: 500;
  margin-bottom: 0;
}
.user-profile-wrapper.scope-bottom-wrapper
  .user-notifications
  ul
  li
  > div
  p
  span {
  color: #52526c;
  font-size: 13px;
  font-weight: 400;
}
.user-profile-wrapper.scope-bottom-wrapper
  .user-notifications
  ul
  li
  > div
  span {
  color: rgba(82, 82, 108, 0.8);
}
@media (max-width: 500px) {
  .user-profile-wrapper.scope-bottom-wrapper .user-notifications ul li > div {
    flex-wrap: wrap;
  }
}
.user-profile-wrapper.scope-bottom-wrapper .user-notifications ul li img {
  border-radius: 50%;
  height: 42px;
}
.user-profile-wrapper.scope-bottom-wrapper
  .projects-wrapper
  .list-box
  .project-body
  .progress,
.user-profile-wrapper.scope-bottom-wrapper
  .user-notifications
  ul
  li:last-child {
  margin-bottom: 0;
}
.user-profile-wrapper.scope-bottom-wrapper
  .projects-wrapper
  .list-box
  .project-body
  .common-f-start {
  gap: 16px;
}
@media (max-width: 1399px) and (min-width: 1200px) {
  .user-profile-wrapper.scope-bottom-wrapper
    .projects-wrapper
    .list-box
    .project-body
    .common-f-start {
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 16px;
  }
  .user-profile-wrapper.scope-bottom-wrapper
    .projects-wrapper
    .list-box
    .project-body
    .common-f-start
    span {
    margin-bottom: 0;
  }
  .user-profile-wrapper.scope-bottom-wrapper
    .projects-wrapper
    .list-box
    .project-body
    .common-f-start
    img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: right;
    object-position: right;
    width: 100%;
  }
}
.user-profile-wrapper.scope-bottom-wrapper .setting-wrapper .row {
  margin-bottom: 1.6rem;
}
.user-profile-wrapper.scope-bottom-wrapper .setting-wrapper .row:last-child {
  margin-bottom: 0;
}
.user-profile-wrapper.scope-bottom-wrapper .setting-wrapper .form-select {
  color: #52526c;
  font-size: 14px;
}
.user-profile-wrapper.scope-bottom-wrapper .setting-wrapper .form-label {
  color: #52526c;
  font-weight: 500;
}
.user-profile-wrapper.scope-bottom-wrapper
  .setting-wrapper
  .form-check.form-switch {
  align-items: center;
  display: flex;
  gap: 14px;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
}
.user-profile-wrapper.scope-bottom-wrapper
  .setting-wrapper
  .form-check.form-switch
  .form-check-input {
  height: 22px;
  margin: 0;
  width: 40px;
}
@media (min-width: 1200px) {
  .user-profile-wrapper.scope-bottom-wrapper
    .setting-wrapper
    .form-check.form-switch
    .form-check-input {
    height: calc(8.66667px + 0.69444vw);
    width: calc(21.33333px + 0.97222vw);
  }
}
@media (max-width: 575px) {
  .user-profile-wrapper.scope-bottom-wrapper
    .setting-wrapper
    .form-check.form-switch
    .form-check-input {
    height: calc(14.8px + 0.375vw);
    width: calc(26.8px + 0.6875vw);
  }
}
.user-profile-wrapper.scope-bottom-wrapper
  .setting-wrapper
  .form-check.form-switch
  p {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: center;
}
.user-profile-wrapper.scope-bottom-wrapper
  .setting-wrapper
  .form-check.form-switch
  p
  svg {
  height: 15px;
  min-height: 15px;
  min-width: 15px;
  width: 15px;
}
.user-profile-wrapper.scope-bottom-wrapper .setting-wrapper .btn.disabled {
  border: unset;
}
@media (max-width: 1660px) and (min-width: 1400px) {
  .user-xl-25 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .user-xl-75 {
    flex: 0 0 75%;
    max-width: 75%;
  }
}
.wishlist-box {
  background-color: var(--light-background);
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
.wishlist-box > div {
  align-items: center;
  display: flex;
  gap: calc(-13px + 2.5vw);
  justify-content: flex-start;
  padding-inline: calc(-18.92308px + 1.92308vw);
}
@media (max-width: 1199px) and (min-width: 841px) {
  .wishlist-box > div {
    gap: 35px;
    padding-inline: 18px;
  }
}
@media (max-width: 840px) {
  .wishlist-box > div {
    gap: 22px;
    padding-inline: 6px;
  }
}
@media (max-width: 767px) {
  .wishlist-box > div {
    display: block;
    padding-inline: 0;
  }
}
.wishlist-box .wishlist-image img {
  height: calc(16.15385px + 3.84615vw);
  max-width: calc(16.15385px + 3.84615vw);
  -o-object-fit: contain;
  object-fit: contain;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 1199px) and (min-width: 841px) {
  .wishlist-box .wishlist-image img {
    height: 90px;
    max-width: 90px;
  }
}
@media (max-width: 840px) and (min-width: 768px) {
  .wishlist-box .wishlist-image img {
    height: 65px;
    max-width: 65px;
  }
}
@media (max-width: 767px) {
  .wishlist-box .wishlist-image img {
    height: 90px;
    margin-bottom: 22px;
    max-width: unset;
    width: 100%;
  }
}
@media (max-width: 575px) {
  .wishlist-box .wishlist-image img {
    margin-bottom: 10px;
  }
}
@media (max-width: 370px) {
  .wishlist-box .wishlist-image img {
    height: 70px;
  }
}
.wishlist-box .wishlist-image .wishlist-close-btn {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  left: -20px;
  position: absolute;
  top: 20px;
  width: 100%;
}
[dir="rtl"] .wishlist-box .wishlist-image .wishlist-close-btn {
  left: unset;
  right: -20px;
}
.wishlist-box .wishlist-image .wishlist-close-btn .btn {
  background-color: var(--white);
  border-radius: 50%;
  box-shadow: 0 3px 3px rgba(37, 37, 37, 0.2) !important;
  display: flex;
  padding: 5px 8px;
}
.wishlist-box .wishlist-image .wishlist-close-btn .btn:active {
  border-color: transparent;
  box-shadow: 0 3px 3px rgba(37, 37, 37, 0.2);
}
@media (max-width: 840px) {
  .wishlist-box .wishlist-image .wishlist-close-btn .btn {
    padding: 3px 6px;
  }
  .wishlist-box .wishlist-image .wishlist-close-btn .btn i {
    font-size: 12px;
  }
}
.wishlist-box .wishlist-footer .brand-name {
  color: #52526c;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .wishlist-box .wishlist-footer .brand-name {
    margin-bottom: 1px;
  }
}
.wishlist-box .wishlist-footer .btn:active,
.wishlist-box .wishlist-footer .btn:focus-visible {
  color: #fff;
}
.wishlist-box .wishlist-footer .btn.disabled {
  border-color: transparent;
  color: #fff;
}
@media (max-width: 767px) {
  .wishlist-box .wishlist-footer .btn {
    width: 100%;
  }
}
.wishlist-box .wishlist-footer .price {
  color: var(--theme-default);
  padding: 6px 0 22px;
}
@media (max-width: 767px) {
  .wishlist-box .wishlist-footer .price {
    padding: 6px 0 11px;
  }
}
.wishlist-box .wishlist-footer .price del {
  color: #52526c;
  font-size: 14px;
  font-weight: 400;
  padding-left: 2px;
}
[dir="rtl"] .wishlist-box .wishlist-footer .price del {
  padding-left: unset;
  padding-right: 2px;
}
.wishlist-box .wishlist-footer h6 {
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 2;
  height: auto;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.wishlist-box .wishlist-footer h6:hover {
  color: var(--theme-default);
}
.wishlist-box:hover .wishlist-image img {
  transform: scale(1.1);
  transition: all 0.3s ease-in-out;
}
.footer {
  background-color: #fff;
  bottom: 0;
  box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  left: 0;
  margin-left: 265px;
  padding: 15px;
  transition: 0.5s;
}
.footer.footer-dark {
  background-color: #242934;
}
.footer.footer-dark p {
  color: #fff;
}
.footer-fix {
  position: fixed;
  width: calc(100% - 265px);
}
.grid-showcase {
  margin-bottom: -10px;
}
.grid-showcase .grid-wrapper,
.grid-showcase span {
  background-color: var(--bs-emphasis-color-rgb);
  display: block;
  margin-bottom: 10px;
  padding: 10px;
  text-align: center;
}
.grid-align {
  margin-bottom: -16px;
}
.grid-align .row {
  margin-bottom: 16px;
  min-height: 7rem;
  padding: 15px 0;
}
.grid-align .row,
.grid-vertical {
  background-color: var(--bs-emphasis-color-rgb);
}
.grid-vertical {
  color: #000;
  min-height: 150px;
  padding: 10px;
}
table.table-bordered thead tr th p {
  margin-bottom: 0;
}
.grid-footer table tbody tr {
  color: #3f475a;
}
.flex-behaviors div {
  background-color: var(--bs-emphasis-color-rgb);
  margin-bottom: 10px;
}
.flex-behaviors div:last-child {
  margin-bottom: unset;
}
.h-gutter .row .col div,
.h-gutter .row [class*="col-"] div,
.h-gutter .row [class*="col-md-"] div,
.h-gutter .row [class*="col-sm-"] div,
.no-gutter .row .col div,
.no-gutter .row [class*="col-"] div,
.no-gutter .row [class*="col-md-"] div,
.no-gutter .row [class*="col-sm-"] div,
.r-c-gutter .row .col div,
.r-c-gutter .row [class*="col-"] div,
.r-c-gutter .row [class*="col-md-"] div,
.r-c-gutter .row [class*="col-sm-"] div,
.v-gutter .row .col div,
.v-gutter .row [class*="col-"] div,
.v-gutter .row [class*="col-md-"] div,
.v-gutter .row [class*="col-sm-"] div {
  background-color: var(--bs-emphasis-color-rgb);
}
.left-header .d-flex {
  align-items: center;
}
.left-header h6 {
  line-height: 1.6;
}
@media (max-width: 1199px) {
  .left-header h6 {
    overflow: hidden;
    width: 160px;
    -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 {
  height: 26px;
  margin-top: -12px;
}
.left-header i {
  font-size: 12px;
  font-weight: 600;
  margin-bottom: -4px;
}
.offcanvas .page-wrapper .page-body-wrapper .page-body,
.offcanvas-bookmark .page-wrapper .page-body-wrapper .page-body {
  filter: blur(5px) grayscale(100%);
  position: relative;
}
.offcanvas {
  background: unset;
  position: unset;
  visibility: visible;
  z-index: 2;
}
.toggle-sidebar {
  cursor: pointer;
  position: absolute;
  right: 30px;
  top: 30px;
}
.toggle-sidebar svg {
  height: 20px;
  width: 20px;
}
.toggle-sidebar:before {
  background-color: rgba(115, 102, 255, 0.1);
  border-radius: 100%;
  content: "";
  height: 40px;
  left: -10px;
  position: absolute;
  top: -8px;
  transform: scale(0);
  transition: all 0.3s ease;
  width: 40px;
  z-index: -2;
}
.toggle-sidebar:hover:before {
  height: 40px;
  transform: scale(1);
  transition: all 0.3s ease;
  width: 40px;
}
.toggle-sidebar:hover > svg {
  color: var(--theme-default) !important;
  stroke: var(--theme-default) !important;
}
.onhover-dropdown {
  cursor: pointer;
  position: relative;
}
.onhover-show-div {
  background-color: #fff;
  position: absolute;
  top: 80px;
  transition: all 0.3s linear;
  z-index: 8;
}
.onhover-show-div li a svg {
  margin-top: 0 !important;
}
.onhover-show-div li a svg line,
.onhover-show-div li a svg path {
  color: #404040 !important;
}
#accordionoc #collapseicon,
#accordionoc #collapseicon1 {
  padding-top: 0;
}
#accordionoc li button {
  align-items: center;
  display: flex;
}
.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="false"]:before,
.navs-icon.default-according.style-1 li button[aria-expanded="true"]: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:after,
.onhover-dropdown.navs-dropdown:hover .onhover-show-div:before {
  left: unset;
  right: 77px;
}
.icon-lists {
  font-family: inherit;
}
.search-page .theme-form input {
  border: 1px solid var(--theme-default);
  border-radius: 10px 0 0 10px;
  flex: 1 1 auto;
  padding-left: 20px;
  width: 100% !important;
}
.search-page .theme-form input::-moz-placeholder {
  color: #7366ff;
}
.search-page .theme-form input::placeholder {
  color: #7366ff;
}
.search-page .theme-form input:focus {
  outline: none;
}
.search-page .theme-form .input-group .btn {
  font-size: calc(13.6px + 0.125vw);
  line-height: 32px;
}
.search-page .theme-form .input-group .form-control-plaintext {
  background: transparent;
}
.search-page .fill-danger {
  color: #fc564a;
}
.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 {
  border: 1px solid hsla(0, 0%, 80%, 0.5);
  border-radius: 10px;
  padding: 18px;
}
.search-page .info-block a {
  color: rgba(82, 82, 108, 0.9);
  display: block;
  margin-bottom: 3px;
}
.search-page .info-block h6 a {
  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 .info-block iframe {
  height: 100%;
  width: 100%;
}
.search-page .search-links h6 {
  margin-top: 7px;
}
.search-page .search-links p {
  margin-top: 2px;
}
.search-page .search-links .star-ratings {
  border-top: 1px solid var(--chart-progress-light);
  margin-top: 7px;
  padding-top: 9px;
}
@media (min-width: 1661px) {
  .search-page .search-links .audio-card span {
    max-width: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media (max-width: 1660px) and (min-width: 1400px) {
  .search-page .search-links .audio-card img {
    height: 78px;
  }
}
.search-page p:not(.blog-details p) {
  color: #898989;
  margin-bottom: 0;
  text-transform: lowercase;
}
.search-page ul.search-info li {
  color: #52526c;
  display: inline-block;
  font-size: 12px;
  line-height: 1;
}
.search-page ul.search-info li + li {
  border-left: 1px solid #c3c8d5;
  margin-left: 8px;
  padding-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-page .audio-wrapper .slider-wrapper.arrow-round .swiper-button-next,
.search-page .audio-wrapper .slider-wrapper.arrow-round .swiper-button-prev {
  background: hsla(240, 8%, 50%, 0.6);
  height: calc(24px + 0.3125vw);
  top: 36px;
  width: calc(24px + 0.3125vw);
}
.search-page
  .audio-wrapper
  .slider-wrapper.arrow-round
  .swiper-button-next:after,
.search-page
  .audio-wrapper
  .slider-wrapper.arrow-round
  .swiper-button-prev:after {
  color: #fff;
  font-weight: 900;
}
.search-page .audio-wrapper .slider-wrapper.arrow-round .swiper-button-next {
  right: 20px;
}
[dir="rtl"]
  .search-page
  .audio-wrapper
  .slider-wrapper.arrow-round
  .swiper-button-next {
  left: 20px;
  right: unset;
}
.search-page .audio-wrapper .slider-wrapper.arrow-round .swiper-button-prev {
  right: calc(54px + 0.3125vw);
}
[dir="rtl"]
  .search-page
  .audio-wrapper
  .slider-wrapper.arrow-round
  .swiper-button-prev {
  left: calc(54px + 0.3125vw);
  right: unset;
}
.search-page .audio-wrapper .audio-box {
  align-items: center;
  background-color: var(--light-background);
  border-radius: 8px;
  display: flex;
  gap: 8px;
  justify-content: flex-start;
  padding: 12px;
}
.search-page .audio-wrapper .audio-box img {
  border-radius: 6px;
  height: calc(33px + 0.625vw);
  width: calc(32.4px + 0.8125vw);
}
.search-page .audio-wrapper .audio-box .common-f-start {
  gap: 12px;
}
.search-page .audio-wrapper .audio-box .flex-shrink-0 i {
  cursor: pointer;
  font-size: calc(24px + 0.3125vw);
}
.search-page .audio-wrapper .audio-box span {
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 1;
  height: auto;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.search-page .audio-wrapper table.audio-table.table-hover thead {
  background-color: var(--light2);
}
.search-page .audio-wrapper table.audio-table.table-hover tbody tr:hover,
.search-page .audio-wrapper table.audio-table.table-hover thead tr:hover {
  background-color: #f9f9fa;
}
.search-page
  .audio-wrapper
  table.audio-table.table-hover
  tbody
  tr:hover
  .common-f-start
  > div,
.search-page
  .audio-wrapper
  table.audio-table.table-hover
  thead
  tr:hover
  .common-f-start
  > div {
  position: relative;
}
.search-page
  .audio-wrapper
  table.audio-table.table-hover
  tbody
  tr:hover
  .common-f-start
  > div
  img,
.search-page
  .audio-wrapper
  table.audio-table.table-hover
  thead
  tr:hover
  .common-f-start
  > div
  img {
  filter: contrast(0.6) blur(1px);
}
.search-page
  .audio-wrapper
  table.audio-table.table-hover
  tbody
  tr:hover
  .common-f-start
  > div
  i,
.search-page
  .audio-wrapper
  table.audio-table.table-hover
  thead
  tr:hover
  .common-f-start
  > div
  i {
  color: #000;
  display: block;
  font-size: calc(16.8px + 0.375vw);
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.search-page
  .audio-wrapper
  table.audio-table.table-hover
  tbody
  tr
  td:nth-child(6),
.search-page
  .audio-wrapper
  table.audio-table.table-hover
  tbody
  tr
  th:nth-child(6),
.search-page
  .audio-wrapper
  table.audio-table.table-hover
  thead
  tr
  td:nth-child(6),
.search-page
  .audio-wrapper
  table.audio-table.table-hover
  thead
  tr
  th:nth-child(6) {
  cursor: pointer;
  text-align: center;
}
.search-page .audio-wrapper table.audio-table.table-hover tbody tr td img,
.search-page .audio-wrapper table.audio-table.table-hover tbody tr th img,
.search-page .audio-wrapper table.audio-table.table-hover thead tr td img,
.search-page .audio-wrapper table.audio-table.table-hover thead tr th img {
  border-radius: 6px;
  height: calc(38px + 0.625vw);
}
.search-page
  .audio-wrapper
  table.audio-table.table-hover
  tbody
  tr
  td
  .common-f-start
  > div
  i,
.search-page
  .audio-wrapper
  table.audio-table.table-hover
  tbody
  tr
  th
  .common-f-start
  > div
  i,
.search-page
  .audio-wrapper
  table.audio-table.table-hover
  thead
  tr
  td
  .common-f-start
  > div
  i,
.search-page
  .audio-wrapper
  table.audio-table.table-hover
  thead
  tr
  th
  .common-f-start
  > div
  i {
  display: none;
  transition: all 0.3s ease;
}
.search-page
  .audio-wrapper
  table.audio-table.table-hover
  tbody
  tr
  td
  .common-align,
.search-page
  .audio-wrapper
  table.audio-table.table-hover
  tbody
  tr
  th
  .common-align,
.search-page
  .audio-wrapper
  table.audio-table.table-hover
  thead
  tr
  td
  .common-align,
.search-page
  .audio-wrapper
  table.audio-table.table-hover
  thead
  tr
  th
  .common-align {
  gap: 8px;
}
.search-page
  .audio-wrapper
  table.audio-table.table-hover
  tbody
  tr
  td
  .common-align
  a,
.search-page
  .audio-wrapper
  table.audio-table.table-hover
  tbody
  tr
  th
  .common-align
  a,
.search-page
  .audio-wrapper
  table.audio-table.table-hover
  thead
  tr
  td
  .common-align
  a,
.search-page
  .audio-wrapper
  table.audio-table.table-hover
  thead
  tr
  th
  .common-align
  a {
  background: rgba(115, 102, 255, 0.1);
  border-radius: 6px;
  display: grid;
  height: 30px;
  place-content: center;
  width: 30px;
}
@media (max-width: 1225px) and (min-width: 1200px) {
  .search-page
    .audio-wrapper
    table.audio-table.table-hover
    tbody
    tr
    td:nth-child(3),
  .search-page
    .audio-wrapper
    table.audio-table.table-hover
    tbody
    tr
    th:nth-child(3),
  .search-page
    .audio-wrapper
    table.audio-table.table-hover
    thead
    tr
    td:nth-child(3),
  .search-page
    .audio-wrapper
    table.audio-table.table-hover
    thead
    tr
    th:nth-child(3) {
    display: none;
  }
}
@media (max-width: 1035px) {
  .search-page
    .audio-wrapper
    table.audio-table.table-hover
    tbody
    tr
    td:first-child,
  .search-page
    .audio-wrapper
    table.audio-table.table-hover
    tbody
    tr
    th:first-child,
  .search-page
    .audio-wrapper
    table.audio-table.table-hover
    thead
    tr
    td:first-child,
  .search-page
    .audio-wrapper
    table.audio-table.table-hover
    thead
    tr
    th:first-child {
    min-width: 200px;
  }
  .search-page
    .audio-wrapper
    table.audio-table.table-hover
    tbody
    tr
    td:nth-child(2),
  .search-page
    .audio-wrapper
    table.audio-table.table-hover
    tbody
    tr
    th:nth-child(2),
  .search-page
    .audio-wrapper
    table.audio-table.table-hover
    thead
    tr
    td:nth-child(2),
  .search-page
    .audio-wrapper
    table.audio-table.table-hover
    thead
    tr
    th:nth-child(2) {
    min-width: 108px;
  }
  .search-page
    .audio-wrapper
    table.audio-table.table-hover
    tbody
    tr
    td:nth-child(3),
  .search-page
    .audio-wrapper
    table.audio-table.table-hover
    tbody
    tr
    th:nth-child(3),
  .search-page
    .audio-wrapper
    table.audio-table.table-hover
    thead
    tr
    td:nth-child(3),
  .search-page
    .audio-wrapper
    table.audio-table.table-hover
    thead
    tr
    th:nth-child(3) {
    min-width: 148px;
  }
  .search-page
    .audio-wrapper
    table.audio-table.table-hover
    tbody
    tr
    td:nth-child(4),
  .search-page
    .audio-wrapper
    table.audio-table.table-hover
    tbody
    tr
    th:nth-child(4),
  .search-page
    .audio-wrapper
    table.audio-table.table-hover
    thead
    tr
    td:nth-child(4),
  .search-page
    .audio-wrapper
    table.audio-table.table-hover
    thead
    tr
    th:nth-child(4) {
    min-width: 118px;
  }
}
.search-page .fa-heart.active {
  color: #fc564a;
  font-weight: 600;
}
.search-list {
  border: none;
  border-radius: 10px;
  display: inline-flex;
  margin-bottom: 30px;
  overflow: hidden;
  width: auto;
}
.search-list.nav-tabs .nav-item {
  background-color: rgba(115, 102, 255, 0.1);
}
.search-list.nav-tabs .nav-item .nav-link {
  border: none;
  opacity: 0.5;
  padding: 0.7rem 1.5rem;
}
.search-list.nav-tabs .nav-item .nav-link.active {
  background-color: rgba(115, 102, 255, 0.1);
  color: var(--theme-default);
  opacity: 1;
}
.search-list.nav-tabs .nav-item.active,
.search-list.nav-tabs .nav-item.show {
  background-color: rgba(115, 102, 255, 0.1);
}
.setting-options .row {
  margin-bottom: 1.5rem;
}
.setting-options .row:last-child {
  margin-bottom: 0;
}
.setting-options .form-switch {
  margin: 0;
}
.setting-options .form-switch .form-check-input {
  height: 22px;
  width: 44px;
}
.setting-options .form-select {
  color: rgba(82, 82, 108, 0.8);
  font-size: 14px;
}
.audio-card {
  background-color: var(--light-background);
  border-radius: 6px;
  padding: 14px;
}
.audio-card .audio-image img {
  border-radius: 6px;
  height: 168px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.audio-card .audio-content {
  padding-top: 14px;
}
.audio-card .audio-content,
.audio-card .audio-content .flex-shrink-0 {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: center;
}
.audio-card .audio-content i {
  cursor: pointer;
  font-size: calc(24px + 0.3125vw);
}
.audio-card .audio-content i.fa-regular {
  color: #898989;
  font-size: 16px;
}
.audio-card .audio-content i.fa-regular.active {
  color: #fc564a;
  font-weight: 600;
}
.audio-card .audio-content span {
  color: rgba(82, 82, 108, 0.6);
}
@media (max-width: 1399px) {
  .audio-card .audio-content span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 170px;
  }
}
@media (max-width: 654px) and (min-width: 576px) {
  .audio-card .audio-content span {
    width: 100%;
  }
}
.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(38px + 0.625vw);
}
.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;
  border: 1px dashed var(--recent-border);
  border-radius: 8px;
  padding: 12px 16px;
  width: 155px;
}
.dropzone .dz-preview .dz-image {
  height: calc(72px + 2.5vw) !important;
  width: calc(72px + 2.5vw) !important;
  z-index: 2;
}
.dropzone .dz-preview .dz-error-mark {
  opacity: 0;
  visibility: hidden;
}
.dropzone .dz-preview .dz-details {
  left: 0;
  opacity: 1;
  padding: 10px 0 0;
  text-align: left;
  top: 0;
  z-index: 1;
}
.dropzone .dz-preview .dz-details .dz-size {
  font-size: 14px;
  margin-bottom: 0;
}
.dropzone .dz-preview .dz-details .dz-remove,
.dropzone .dz-preview .dz-details .dz-size span {
  padding: 0 10px;
}
.dropzone .dz-preview .dz-progress {
  height: 10px;
  left: 50%;
  transition: all 0.1s linear;
}
.dropzone .dz-preview .dz-progress .dz-upload {
  background: linear-gradient(180deg, #7366ff, #e8e5ff);
}
.dropzone .dz-preview .dz-success-mark {
  filter: brightness(0.6);
  left: calc(43% + 0.4375vw - 1.4px) !important;
  opacity: 1;
  top: 32%;
  z-index: 2;
}
.dropzone .dz-preview .dz-success-mark svg {
  height: calc(34.8px + 1vw) !important;
  width: calc(34.8px + 1vw) !important;
}
.dropzone .dz-preview .dz-remove {
  color: var(--chart-text-color);
  padding: 0 10px;
  text-align: left;
}
.dropzone .dz-preview .dz-filename {
  height: 30px;
  overflow: visible;
  padding: 0 10px !important;
  text-align: left;
}
.dropzone .dz-preview .dz-filename:not(:hover) span {
  border: unset !important;
}
.dropzone .dz-preview .dz-filename span {
  max-width: 100px;
  overflow: hidden;
  padding: 0 !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dropzone .dz-preview .dz-filename:hover span {
  border: unset;
}
.dropzone .dz-preview:hover .dz-filename {
  height: 30px;
  overflow: visible;
}
.dropzone .dz-preview {
  box-shadow: unset;
  height: 100%;
  margin: calc(6.4px + 1.125vw) 18px !important;
}
.dropzone .dz-preview .dz-filename {
  padding: 0;
}
.dropzone .dz-preview .dz-filename:hover span {
  border: unset !important;
}
.dropzone .dz-preview .dz-details {
  background-color: unset;
  bottom: -6px;
  padding-bottom: 6px;
  position: relative;
  top: 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
  .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-color: #f4f4f4 !important;
  border-radius: 0 !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;
}
.customLook {
  border: none;
  display: inline-block;
  min-width: 0;
}
.customLook .tagify__tag {
  margin-top: 0;
}
.customLook .tagify__tag:only-of-type .tagify__tag__removeBtn {
  display: none;
}
.customLook .tagify__tag:hover .tagify__tag__removeBtn {
  margin-left: -1ch;
  opacity: 1;
  transform: none;
}
.customLook .tagify__tag__removeBtn {
  margin-left: -3ch;
  opacity: 0;
  transform: translateX(-6px) scale(0.5);
  transition: 0.12s;
}
.customLook + button {
  background: none;
  border: 0;
  border-radius: 50%;
  box-shadow: 0 0 0 2px inset var(--theme-default);
  color: var(--theme-default);
  cursor: pointer;
  font: 700 1.4em/1.65 Arial;
  height: 1.65em;
  margin: 0 0 0 5px;
  outline: none;
  transition: 0.1s ease-out;
  vertical-align: top;
  width: 1.65em;
}
.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 {
  border: 2px solid var(--chart-dashed-border);
  max-height: 300px;
  min-height: 50px;
  overflow: auto;
}
.customSuggestionsList .empty {
  color: var(--theme-default);
  font-size: 20px;
  padding: 1em;
  text-align: center;
}
.tagify__dropdown.extra-properties .tagify__dropdown__item > img {
  border-radius: 2px;
  display: inline-block;
  height: 20px;
  margin-right: 5px;
  transform: scale(0.75);
  transition: 0.12s ease-out;
  vertical-align: middle;
}
.tagify__dropdown.extra-properties .tagify__dropdown__item--active > img,
.tagify__dropdown.extra-properties .tagify__dropdown__item:hover > img {
  margin-right: 12px;
  transform: none;
}
.tagify.countries .tagify__input {
  min-width: 175px;
}
.tagify.countries tag {
  white-space: nowrap;
}
.tagify.countries tag img {
  border-radius: 2px;
  display: inline-block;
  height: 16px;
  margin-right: 3px;
  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: #ccc;
  color: var(--body-font-color);
}
.tagify {
  --tags-focus-border-color: #ccc;
}
.tagify__input {
  color: #3f475a;
}
.tagify--select:after {
  color: var(--chart-text-color);
}
[dir="rtl"] .tagify--select:after {
  left: 0;
  right: unset;
  transform: translate(150%, -50%) scaleX(1.2) rotate(90deg);
}
[dir="rtl"] .tagify--select .tagify__tag {
  left: 1.8em;
  right: unset;
}
[dir="rtl"] .tagify--select[aria-expanded="true"]:after {
  transform: translate(150%, -50%) rotate(270deg) scale(1.2);
}
.international-num input {
  border: 1px solid #ccc;
  border-radius: 2px;
  padding: 10px;
  width: calc(238px + 0.625vw);
}
.international-num input:focus {
  outline-color: #ccc;
}
.international-num input::-moz-placeholder {
  color: #ccc;
}
.international-num input::placeholder {
  color: #ccc;
}
.international-num .results ul {
  border: 1px solid #ccc;
  line-height: 1.9;
  margin-top: 12px;
  padding: 8px;
}
.iti--allow-dropdown .iti__flag {
  background-image: url(images/flags.png);
}
.select-box {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 400px;
}
.select-box .options-container {
  background: var(--recent-box-bg);
  color: var(--body-font-color);
  margin-top: 53px;
  max-height: 0;
  opacity: 0;
  order: 1;
  overflow: hidden;
  position: absolute;
  top: 46px;
  transition: all 0.4s;
  width: 100%;
  z-index: 1;
}
.select-box .options-container.active {
  max-height: 240px;
  opacity: 1;
  overflow-y: scroll;
}
@media (min-width: 1007px) and (max-width: 1920px) {
  .select-box .options-container.active {
    max-width: calc(116.10077px + 14.78642vw);
  }
}
@media (min-width: 768px) and (max-width: 1006px) {
  .select-box .options-container.active {
    max-width: calc(62.28992px + 23.10924vw);
  }
}
@media (max-width: 767px) {
  .select-box .options-container.active {
    margin-top: 46px;
    max-width: calc(118.15213px + 38.70246vw);
  }
}
.select-box .options-container.active + .selected-box:after {
  top: -6px;
  transform: rotateX(180deg);
}
.select-box .options-container.active ~ .search-box input {
  opacity: 1;
  pointer-events: auto;
}
.select-box .selection-option {
  cursor: pointer;
  padding: 12px 24px;
}
.select-box .selection-option:hover {
  background: #ccc;
}
.select-box .selection-option .radio {
  display: none;
}
.select-box label,
.selected-box {
  cursor: pointer;
}
.selected-box {
  background: var(--light2);
  color: #333;
  order: 0;
  padding: 12px 24px;
  position: relative;
}
@media (min-width: 1007px) and (max-width: 1920px) {
  .selected-box {
    max-width: calc(116.10077px + 14.78642vw);
  }
}
@media (min-width: 768px) and (max-width: 1006px) {
  .selected-box {
    max-width: calc(62.28992px + 23.10924vw);
  }
}
@media (max-width: 767px) {
  .selected-box {
    max-width: calc(118.15213px + 38.70246vw);
  }
}
.selected-box:after {
  content: "\f078";
  font-family: FontAwesome;
  height: 100%;
  position: absolute;
  right: 10px;
  top: 12px;
  transition: all 0.4s;
  width: 32px;
}
[dir="rtl"] .selected-box:after {
  left: 10px;
  right: unset;
}
.search-box input {
  border: 2px solid var(--chart-dashed-border);
  font-size: 16px;
  opacity: 0;
  padding: 12px 16px;
  pointer-events: none;
  position: absolute;
  transition: all 0.4s;
  width: 100%;
  z-index: 1;
}
@media (min-width: 1007px) and (max-width: 1920px) {
  .search-box input {
    max-width: calc(116.10077px + 14.78642vw);
  }
}
@media (min-width: 768px) and (max-width: 1006px) {
  .search-box input {
    max-width: calc(62.28992px + 23.10924vw);
  }
}
@media (max-width: 767px) {
  .search-box input {
    max-width: calc(118.15213px + 38.70246vw);
    padding: 9px 16px;
  }
}
.search-box input:focus {
  outline: 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:after {
  border-top: 1px solid hsla(240, 8%, 50%, 0.4);
  content: "";
  position: absolute;
  top: 48%;
  width: 8px;
}
.d-flex.media-wrapper {
  display: -webkit-flex;
  width: 100%;
}
.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 {
  background: var(--theme-default);
  border-radius: 100%;
  content: "";
  height: 5px;
  left: 25px;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  visibility: hidden;
  width: 5px;
}
.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,
[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 {
  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 {
  background: hsla(240, 8%, 50%, 0.4);
  content: "";
  height: 0;
  left: 27px;
  position: absolute;
  top: -10px;
  transition: height 0.5s;
  width: 1px;
}
.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,
[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 {
  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 {
  background-color: #59667a;
  border-radius: 100%;
  content: "";
  height: 1px;
  position: absolute;
  top: 49%;
  width: 5px;
}
.onhover-show-div {
  box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  left: 0;
  opacity: 0;
  transform: translateY(30px);
  visibility: hidden;
}
.onhover-dropdown:hover .onhover-show-div {
  border-radius: 5px;
  opacity: 1;
  overflow: hidden;
  transform: translateY(0);
  visibility: visible;
}
.onhover-dropdown:hover .onhover-show-div:before {
  border-bottom: 7px solid #fff;
  z-index: 2;
}
.onhover-dropdown:hover .onhover-show-div:after,
.onhover-dropdown:hover .onhover-show-div:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  content: "";
  height: 0;
  left: 10px;
  position: absolute;
  top: -7px;
  width: 0;
}
.onhover-dropdown:hover .onhover-show-div:after {
  border-bottom: 7px solid #d7e2e9;
  z-index: 1;
}
.page-wrapper {
  position: relative;
}
.page-wrapper .page-header {
  background-color: #fff;
  box-shadow: 0 4px 40px rgba(39, 32, 120, 0.1);
  max-width: 100vw;
  position: fixed;
  top: 0;
  transition: 0.5s;
  z-index: 8;
}
.page-wrapper .page-header .header-wrapper {
  align-items: center;
  padding: 22px 30px;
  position: relative;
  width: 100%;
}
@media (max-width: 1399px) {
  .page-wrapper .page-header .header-wrapper {
    padding: 22px 20px;
  }
}
.page-wrapper .page-header .header-wrapper .search-full {
  background-color: #fff;
  height: 0;
  position: absolute;
  right: 0;
  transform: scale(0);
  transition: all 0.3s ease;
  width: 0;
  z-index: 1;
}
.page-wrapper .page-header .header-wrapper .search-full.open {
  animation: zoomIn 0.5s ease-in-out;
  height: 100%;
  transform: scale(1);
  transition: all 0.3s ease;
  width: 100%;
}
.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 {
  color: #898989;
  cursor: pointer;
  font-size: 15px;
  position: absolute;
  right: 30px;
  top: 30px;
}
[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 {
  color: #898989;
  content: "\f002";
  font-family: FontAwesome;
  font-size: 16px;
  left: 30px;
  position: absolute;
  top: 27px;
}
[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 {
  height: 20px;
  vertical-align: middle;
  width: 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 {
  animation: zoomIn 0.3s ease-in-out;
  font-size: 22px;
  font-weight: 500;
  transition: all 0.3s ease;
}
.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 {
  color: rgba(64, 64, 64, 0.7);
  font-size: 12px;
  line-height: 1;
}
.page-wrapper .page-header .header-wrapper .nav-right > ul {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}
.page-wrapper .page-header .header-wrapper .nav-right > ul > li {
  display: inline-block;
  padding: 6px 10px;
  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 {
  font-family: work-Sans, sans-serif;
  font-size: 11px;
  font-weight: 700;
  padding: 2px 4px;
  position: absolute;
  right: -5px;
  top: -6px;
}
.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:after,
.page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul:before {
  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 {
  color: #3f475a;
  font-size: 14px;
}
.page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul li a i {
  color: #3f475a;
  font-size: 13px;
  margin-left: 10px;
}
.page-wrapper .page-header .header-wrapper .nav-right > ul .flag-icon {
  font-size: 16px;
}
.page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip {
  background-color: transparent !important;
  box-shadow: unset !important;
  overflow: initial;
  width: unset !important;
}
.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 {
  align-items: center;
  background-color: #f9f9f9;
  border-radius: 100%;
  display: flex;
  height: 52px;
  justify-content: center;
  margin: 0 auto;
  width: 52px;
}
.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 {
  background-color: transparent;
  height: 260px;
  width: 300px;
}
.page-wrapper
  .page-header
  .header-wrapper
  .nav-right
  .flip-card
  .flip-card-inner {
  height: 100%;
  position: relative;
  text-align: center;
  transform-style: preserve-3d;
  transition: transform 0.6s;
}
.page-wrapper
  .page-header
  .header-wrapper
  .nav-right
  .flip-card
  .flip-card-inner
  .back,
.page-wrapper
  .page-header
  .header-wrapper
  .nav-right
  .flip-card
  .flip-card-inner
  .front {
  backface-visibility: hidden;
  border-radius: 10px;
  box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  height: 260px;
  overflow: hidden;
  position: absolute;
  width: 300px;
}
.page-wrapper
  .page-header
  .header-wrapper
  .nav-right
  .flip-card
  .flip-card-inner
  .back
  button,
.page-wrapper
  .page-header
  .header-wrapper
  .nav-right
  .flip-card
  .flip-card-inner
  .front
  button {
  background-color: transparent;
  border: none;
  color: #7366ff;
}
.page-wrapper
  .page-header
  .header-wrapper
  .nav-right
  .flip-card
  .flip-card-inner
  .back
  button:focus,
.page-wrapper
  .page-header
  .header-wrapper
  .nav-right
  .flip-card
  .flip-card-inner
  .front
  button:focus {
  outline: transparent;
}
.page-wrapper
  .page-header
  .header-wrapper
  .nav-right
  .flip-card
  .flip-card-inner
  .front {
  background-color: #fff;
  transition: 0.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 {
  height: 140px !important;
  margin-top: 20px;
}
.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: 1px solid #ddd;
  border-radius: 25px;
  padding: 6px 12px;
  width: 100%;
}
.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 {
  left: unset;
  right: 0;
  top: 50px;
  width: 330px;
}
.page-wrapper
  .page-header
  .header-wrapper
  .nav-right
  .onhover-show-div
  .dropdown-title {
  border-bottom: 1px solid hsla(256, 5%, 58%, 0.3);
  padding: 18px;
  text-align: center;
}
.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li,
.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 p {
  font-size: 14px;
  letter-spacing: 0.3px;
  margin-bottom: 0;
}
.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li a {
  font-family: Roboto, sans-serif;
  letter-spacing: 0.3px;
  text-transform: uppercase;
}
.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 {
  position: relative;
  width: 40px;
}
.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 {
  display: inline-block;
  letter-spacing: 0.8px;
  padding-right: 10px;
}
.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:after,
.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div:before {
  left: unset !important;
  right: 10px !important;
}
.page-wrapper .page-header .header-wrapper .nav-right .cart-box,
.page-wrapper .page-header .header-wrapper .nav-right .notification-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-left: 20px;
  margin-right: unset;
}
.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 {
  border-top: 1px solid hsla(256, 5%, 58%, 0.1);
  margin-top: 0;
}
.page-wrapper
  .page-header
  .header-wrapper
  .nav-right
  .cart-dropdown
  li:last-child {
  align-items: center;
  border-top: none;
  display: flex;
  gap: 10px;
  justify-content: center;
  padding: 15px 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 {
  align-items: center;
  border-radius: 100%;
  display: flex;
  height: 18px;
  justify-content: center;
  width: 18px;
}
.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 {
  background-color: transparent;
  width: 80px;
}
.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
  .btn,
.page-wrapper
  .page-header
  .header-wrapper
  .nav-right
  .cart-dropdown
  .qty-box
  .input-group
  input {
  font-family: Roboto, sans-serif;
  font-size: 10px;
  font-weight: 700;
}
.page-wrapper
  .page-header
  .header-wrapper
  .nav-right
  .cart-dropdown
  .qty-box
  .input-group
  .btn {
  background-color: #f7f6ff !important;
  border-color: #f7f6ff !important;
  border-radius: 100%;
  color: #404040;
  font-size: 14px;
  padding: 0 7px;
}
.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total {
  background-color: #f9f9f9;
  border: none;
  margin: 0;
  padding: 15px;
}
.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total h6 {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.5px;
  line-height: 14px;
}
.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 {
  left: unset;
  right: -20px !important;
  top: 52px;
  width: 300px;
}
@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;
  width: 100%;
}
.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 {
  background-color: transparent;
  text-align: center;
}
.page-wrapper
  .page-header
  .header-wrapper
  .nav-right
  .notification-dropdown
  li
  p {
  align-items: center;
  display: flex;
  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:after,
.page-wrapper
  .page-header
  .header-wrapper
  .nav-right
  .notification-dropdown:before {
  left: unset !important;
  right: 28px !important;
}
.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown {
  left: -12px;
  padding: 0 10px;
  top: 57px;
  width: 160px;
}
.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,
.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 {
  margin-right: 10px;
  vertical-align: bottom;
  width: 16px;
  stroke: #3f475a;
}
.page-wrapper .page-body-wrapper {
  background-color: #f7f8f9;
}
.page-wrapper .page-body-wrapper .page-body {
  margin-top: 136px;
  min-height: calc(100vh - 136px);
  padding: 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 {
  background-color: #fff;
  margin: 0 -27px 28px;
  padding: 15px 20px;
}
.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 {
  color: #75758a;
  display: block;
  font-size: 12px;
  margin-bottom: 5px;
  text-transform: capitalize;
}
.page-wrapper .page-body-wrapper .page-title .breadcrumb {
  align-items: center;
  background-color: transparent;
  justify-content: flex-end;
  margin-bottom: 0;
  padding: 0;
}
.page-wrapper .page-body-wrapper .page-title .breadcrumb li {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
}
.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 {
  height: 16px;
  width: 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
  .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 .sidebar-wrapper[data-sidebar-layout="stroke-svg"] .stroke-icon {
  display: inline-block;
}
.page-wrapper .sidebar-wrapper[data-sidebar-layout="fill-svg"] .stroke-icon,
.page-wrapper .sidebar-wrapper[data-sidebar-layout="stroke-svg"] .fill-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 {
  color: #7366ff;
  position: absolute;
  right: 0;
  top: 19px;
  visibility: hidden;
}
[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 {
  cursor: pointer;
  visibility: hidden;
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper {
  background: #fff;
  border-top: 1px solid #efefef;
  box-shadow: 0 9px 24px rgba(89, 102, 122, 0.05);
  height: 54px;
  line-height: inherit;
  overflow-x: hidden;
  overflow-y: visible;
  position: fixed;
  top: 79px;
  width: 100vw;
  z-index: 1;
  z-index: 3;
}
.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;
  right: -4px;
  top: 2px;
  z-index: 1;
}
.page-wrapper.horizontal-wrapper
  .page-body-wrapper
  .sidebar-wrapper
  .sidebar-links
  .sidebar-list
  .sidebar-submenu
  .badge {
  position: absolute;
  right: 40px;
  top: 10px;
  z-index: 1;
}
.page-wrapper.horizontal-wrapper
  .page-body-wrapper
  .sidebar-wrapper
  .logo-icon-wrapper,
.page-wrapper.horizontal-wrapper
  .page-body-wrapper
  .sidebar-wrapper
  .logo-wrapper {
  display: none;
}
.page-wrapper.horizontal-wrapper
  .page-body-wrapper
  .sidebar-wrapper
  .sidebar-main {
  position: relative;
  text-align: left;
}
.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 {
  align-items: center;
  background-color: #fff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  padding: 15px;
  position: absolute;
  top: 0;
  z-index: 1;
}
.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 {
  direction: ltr;
  display: -webkit-box !important;
  line-height: normal;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  text-align: left;
  transition: all 0.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 {
  padding-bottom: 10px;
  padding-top: 10px;
  position: relative;
}
.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,
.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.002);
  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 {
  border-radius: 5px;
  color: #404040;
  display: block;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 23px;
  margin: 0 3px;
  padding: 5px 15px;
  position: relative;
  text-decoration: none;
  text-transform: capitalize;
  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
  span,
.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 {
  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 {
  margin-left: 1px;
  padding: 0.2em 0.7em;
  position: absolute;
  right: 10px;
  top: -5px;
}
.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 {
  height: 18px;
  margin-right: 10px;
  vertical-align: sub;
  width: 18px;
}
.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: #fff;
  box-shadow: 0 0 1px 0 #898989;
  padding: 15px 0;
  position: fixed;
  z-index: 4;
}
.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;
  display: block;
  float: none;
  position: relative;
}
.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;
  color: rgba(43, 43, 43, 0.6);
  display: block;
  font-family: Roboto;
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 1.9;
  padding: 4px 30px;
  transition: all 0.5s ease;
  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;
  opacity: 1;
  right: 0;
}
.page-wrapper.horizontal-wrapper
  .page-body-wrapper
  .sidebar-wrapper.overlay-white {
  background-color: hsla(0, 0%, 100%, 0.08);
}
@media (max-width: 991px) {
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper {
    top: 59px;
  }
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .toggle-nav {
  align-items: center;
  cursor: pointer;
  display: flex;
  position: relative;
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .toggle-nav i {
  font-size: 24px;
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body {
  margin-top: 135px;
}
.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 {
  box-shadow: none;
  width: 100%;
}
.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 {
  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 {
  color: #75758a;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.4px;
  margin-bottom: 0;
  text-transform: uppercase;
}
.page-wrapper.compact-wrapper .sidebar-list i.fa-solid.fa-thumbtack {
  color: #7366ff;
  position: absolute;
  right: -9px;
  top: 11px;
  visibility: hidden;
  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 {
  cursor: pointer;
  visibility: visible;
}
.page-wrapper.compact-wrapper .pin-title,
.page-wrapper.compact-wrapper .sidebar-list.pined {
  order: -1;
}
.page-wrapper.compact-wrapper .page-header {
  margin-left: 265px;
  width: calc(100% - 265px);
}
.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,
.page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar {
  display: none;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper {
  background: #fff;
  box-shadow: 0 0 21px 0 rgba(89, 102, 122, 0.1);
  height: auto;
  line-height: inherit;
  position: fixed;
  text-align: left;
  top: 0;
  transition: 0.3s;
  width: 265px;
  z-index: 9;
}
.page-wrapper.compact-wrapper
  .page-body-wrapper
  div.sidebar-wrapper
  .logo-icon-wrapper,
.page-wrapper.compact-wrapper
  .page-body-wrapper
  div.sidebar-wrapper
  .logo-wrapper {
  box-shadow: -9px 0 20px rgba(89, 102, 122, 0.1);
  padding: 22px 24px;
}
.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 {
  transition: all 0.3s ease;
  width: auto;
}
.page-wrapper.compact-wrapper
  .page-body-wrapper
  div.sidebar-wrapper.close_icon
  .badge {
  opacity: 0;
  padding: 0;
  width: 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 {
  margin: 0;
  max-width: 86px;
  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 {
  padding: 12px 14px;
  text-align: center;
  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
  .sidebar-links
  .simplebar-wrapper
  .simplebar-mask
  .simplebar-content-wrapper
  .simplebar-content
  > li.pin-title.show {
  opacity: 1;
  padding-left: 12px;
}
.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 {
  display: block;
  text-align: right;
}
.page-wrapper.compact-wrapper
  .page-body-wrapper
  div.sidebar-wrapper.close_icon:hover {
  transition: all 0.3s ease;
  width: 265px;
}
.page-wrapper.compact-wrapper
  .page-body-wrapper
  div.sidebar-wrapper.close_icon:hover
  .badge {
  opacity: 1;
  transition: all 0.3s ease;
  width: auto;
}
.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 {
  margin: initial;
  max-width: unset;
  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 {
  display: block !important;
  opacity: 1;
  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 {
  left: unset;
  right: 20px;
}
.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,
.page-wrapper.compact-wrapper
  .page-body-wrapper
  div.sidebar-wrapper.close_icon
  .according-menu,
.page-wrapper.compact-wrapper
  .page-body-wrapper
  div.sidebar-wrapper.close_icon
  .sidebar-main
  .sidebar-links
  .sidebar-list
  .sidebar-title.active
  ~ .sidebar-submenu,
.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
  .sidebar-main
  .sidebar-list
  i.fa-solid.fa-thumbtack {
  color: #7366ff;
  font-size: 12px;
  position: absolute;
  right: 38px;
  top: 18px;
  visibility: hidden;
}
[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 {
  cursor: pointer;
  visibility: visible;
}
.page-wrapper.compact-wrapper
  .page-body-wrapper
  div.sidebar-wrapper
  .sidebar-main
  .pin-title,
.page-wrapper.compact-wrapper
  .page-body-wrapper
  div.sidebar-wrapper
  .sidebar-main
  .sidebar-list.pin-title,
.page-wrapper.compact-wrapper
  .page-body-wrapper
  div.sidebar-wrapper
  .sidebar-main
  .sidebar-list.pined {
  order: -1;
}
.page-wrapper.compact-wrapper
  .page-body-wrapper
  div.sidebar-wrapper
  .sidebar-main
  .sidebar-links {
  color: transparent;
  height: calc(100vh - 115px);
  left: -300px;
  margin-bottom: 30px;
  margin-top: 20px;
  overflow: auto;
  transition: color 1s ease;
  z-index: 99;
}
.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 {
  float: none;
  height: 18px;
  margin-right: 10px;
  transition: all 0.3s ease;
  vertical-align: -2px;
  width: 18px;
}
.page-wrapper.compact-wrapper
  .page-body-wrapper
  div.sidebar-wrapper
  .sidebar-main
  .sidebar-links
  li
  a
  span {
  color: hsla(240, 8%, 50%, 0.8);
  letter-spacing: 0.7px;
  text-transform: capitalize;
}
.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;
  padding: 0;
  width: 100%;
}
.page-wrapper.compact-wrapper
  .page-body-wrapper
  div.sidebar-wrapper
  .sidebar-main
  .sidebar-links
  .back-btn
  .mobile-back {
  align-items: center;
  border-bottom: 1px solid #efefef;
  color: #242934;
  cursor: pointer;
  display: flex;
  font-weight: 700;
  justify-content: flex-end;
  padding: 20px;
  text-transform: uppercase;
}
.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;
  position: relative;
  width: 100%;
}
.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 {
  margin-top: 10px;
  padding: 25px 0 6px 20px;
}
.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 !important;
}
[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 {
  background: var(--sidebar-border);
  content: "";
  height: 1px;
  left: 50%;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  width: calc(100% - 40px);
}
.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 {
  border-radius: 10px;
  font-family: Roboto, sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.7px;
  padding: 0.45em 0.8em 0.33em;
  position: absolute;
  right: 55px;
  top: 14.5px;
  z-index: 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-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 {
  border-radius: 10px;
  font-family: Roboto, sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.7px;
  margin-bottom: 0;
  padding: 0.45em 0.8em 0.33em;
  position: absolute;
  right: 35px;
  top: 8px;
  z-index: 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-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.001);
  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
  .according-menu
  i,
.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
  a {
  color: #222;
  padding: 12px 20px;
  position: relative;
  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 {
  position: absolute;
  right: 20px;
  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,
.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 {
  padding: 0;
  position: relative !important;
  width: 100%;
}
.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 {
  font-weight: 400;
  padding-left: 48px !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
  .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;
  padding: 0;
  position: relative !important;
  right: 0;
  width: 100%;
}
.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 {
  color: rgba(64, 64, 64, 0.6);
  display: block;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.06em;
  overflow: hidden;
  padding: 7px 25px;
  position: relative;
  text-overflow: ellipsis;
  transition: all 0.3s ease;
  white-space: nowrap;
}
.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 {
  display: block;
  transition: all 0.5s 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-link:after {
  background-color: #7366ff;
  border-radius: 5px 0 0 5px;
  content: "";
  height: 35px;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  visibility: hidden;
  width: 4px;
}
[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 {
  left: 0;
  right: unset;
}
.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: #f1f0ff;
  margin-bottom: 10px;
  position: relative;
  transition: all 0.5s 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-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 {
  display: block;
  position: absolute;
  right: 20px;
  top: 11px;
}
.page-wrapper.compact-wrapper .page-body-wrapper .according-menu i {
  color: hsla(240, 8%, 50%, 0.8);
  vertical-align: middle;
}
.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;
  right: 145px;
  top: 6px;
  z-index: 2;
}
.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 {
  margin-left: 265px;
  margin-top: 80px;
  min-height: calc(100vh - 80px);
}
.page-wrapper.compact-wrapper.color-sidebar .sidebar-main-title h6,
.page-wrapper.compact-wrapper.dark-sidebar .sidebar-main-title h6 {
  color: hsla(0, 0%, 100%, 0.6);
}
.page-wrapper.compact-wrapper.color-sidebar .toggle-sidebar svg,
.page-wrapper.compact-wrapper.dark-sidebar .toggle-sidebar svg {
  stroke: var(--theme-default);
}
.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,
.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 {
  stroke: hsla(0, 0%, 100%, 0.6);
}
.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,
.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 {
  fill: hsla(0, 0%, 100%, 0.6);
}
.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,
.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 {
  stroke: var(--theme-default);
}
.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,
.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 {
  fill: var(--theme-default);
}
.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,
.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 {
  background: #374558;
}
.page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper,
.page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper {
  background-color: #262932;
}
.page-wrapper.compact-wrapper.color-sidebar
  div.sidebar-wrapper
  .sidebar-main
  .sidebar-links
  li
  a
  span,
.page-wrapper.compact-wrapper.dark-sidebar
  div.sidebar-wrapper
  .sidebar-main
  .sidebar-links
  li
  a
  span {
  color: hsla(0, 0%, 100%, 0.6);
}
.page-wrapper.compact-wrapper.color-sidebar
  div.sidebar-wrapper
  .sidebar-main
  .sidebar-links
  li
  a
  svg.stroke-icon,
.page-wrapper.compact-wrapper.dark-sidebar
  div.sidebar-wrapper
  .sidebar-main
  .sidebar-links
  li
  a
  svg.stroke-icon {
  stroke: hsla(0, 0%, 100%, 0.6);
}
.page-wrapper.compact-wrapper.color-sidebar
  div.sidebar-wrapper
  .sidebar-main
  .sidebar-links
  li
  a
  svg.fill-icon,
.page-wrapper.compact-wrapper.dark-sidebar
  div.sidebar-wrapper
  .sidebar-main
  .sidebar-links
  li
  a
  svg.fill-icon {
  fill: hsla(0, 0%, 100%, 0.6);
}
.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,
.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 {
  background-color: rgba(115, 102, 255, 0.2);
}
.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,
.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 {
  color: var(--theme-default);
  stroke: var(--theme-default);
}
.page-wrapper.compact-wrapper.color-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
  .simplebar-wrapper
  .simplebar-mask
  .simplebar-content-wrapper
  .simplebar-content
  > li
  .sidebar-submenu
  li
  a,
.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.dark-sidebar
  div.sidebar-wrapper
  .sidebar-main
  .sidebar-links
  .simplebar-wrapper
  .simplebar-mask
  .simplebar-content-wrapper
  .simplebar-content
  > li
  .sidebar-submenu
  li
  a {
  color: hsla(0, 0%, 100%, 0.6);
}
.page-wrapper.compact-wrapper.color-sidebar
  div.sidebar-wrapper
  .sidebar-main
  .sidebar-links
  .sidebar-list
  ul.sidebar-submenu
  li
  a.active,
.page-wrapper.compact-wrapper.dark-sidebar
  div.sidebar-wrapper
  .sidebar-main
  .sidebar-links
  .sidebar-list
  ul.sidebar-submenu
  li
  a.active {
  color: var(--theme-default);
}
.page-wrapper.compact-wrapper.color-sidebar
  div.sidebar-wrapper
  .logo-wrapper
  .for-light,
.page-wrapper.compact-wrapper.dark-sidebar
  div.sidebar-wrapper
  .logo-wrapper
  .for-light {
  display: none;
}
.page-wrapper.compact-wrapper.color-sidebar
  div.sidebar-wrapper
  .logo-wrapper
  .for-dark,
.page-wrapper.compact-wrapper.dark-sidebar
  div.sidebar-wrapper
  .logo-wrapper
  .for-dark {
  display: block;
}
.page-wrapper.compact-wrapper.color-sidebar .according-menu i,
.page-wrapper.compact-wrapper.dark-sidebar .according-menu i {
  color: hsla(0, 0%, 100%, 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 {
  align-items: center;
  background-color: rgba(115, 102, 255, 0.1);
  border-radius: 100%;
  color: #7366ff;
  display: flex;
  height: 20px;
  justify-content: center;
  position: absolute;
  right: 54px;
  top: 8px;
  visibility: hidden;
  width: 20px;
}
[dir="rtl"]
  .page-wrapper.compact-sidebar
  .sidebar-list
  i.fa-solid.fa-thumbtack {
  left: 54px;
  right: unset;
}
.page-wrapper.compact-sidebar .sidebar-list i.fa-solid.fa-thumbtack:before {
  font-size: 12px;
}
.page-wrapper.compact-sidebar .sidebar-list:hover i.fa-solid.fa-thumbtack {
  cursor: pointer;
  visibility: visible;
  z-index: 1;
}
.page-wrapper.compact-sidebar .pin-title,
.page-wrapper.compact-sidebar .sidebar-list.pined {
  order: -1;
}
.page-wrapper.compact-sidebar ~ .bg-overlay1 {
  transition: 0.8s;
}
.page-wrapper.compact-sidebar ~ .bg-overlay1.active {
  background-color: rgba(0, 0, 0, 0.2);
  height: 100vh;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 8;
}
.page-wrapper.compact-sidebar .toggle-sidebar {
  margin-right: 15px;
  position: relative;
  right: unset;
  top: unset;
}
.page-wrapper.compact-sidebar .logo-wrapper,
.page-wrapper.compact-sidebar .sidebar-main-title {
  display: none;
}
.page-wrapper.compact-sidebar .logo-icon-wrapper {
  box-shadow: -9px 0 20px rgba(89, 102, 122, 0.1);
  display: block;
  padding: 24px 30px;
  text-align: center;
}
.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: 100%;
}
.page-wrapper.compact-sidebar .page-body-wrapper .page-body {
  margin-left: 150px;
  margin-top: 80px;
}
.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 {
  background: #fff;
  box-shadow: 0 0 21px 0 rgba(89, 102, 122, 0.1);
  height: auto;
  line-height: inherit;
  text-align: left;
  transition: 0.3s;
  width: 150px;
}
.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 {
  height: calc(100vh - 113px);
  margin: 30px 0;
  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 {
  color: #3f475a;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: capitalize;
}
.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 0.3s ease-in-out;
}
.page-wrapper.compact-sidebar
  .page-body-wrapper
  div.sidebar-wrapper
  .sidebar-main
  .sidebar-links
  li
  .sidebar-title {
  border-bottom: 1px solid #f3f3f3;
  display: block;
  padding: 20px 0;
}
.page-wrapper.compact-sidebar
  .page-body-wrapper
  div.sidebar-wrapper
  .sidebar-main
  .sidebar-links
  li
  > .sidebar-submenu {
  background-color: #fff;
  box-shadow: 0 16px 15px 15px rgba(126, 55, 216, 0.03);
  display: none;
  height: 100vh;
  left: 150px;
  overflow: auto;
  padding-top: 20px;
  position: fixed;
  top: 0;
  transition: all 0.5s ease-in-out;
  width: 230px;
  z-index: -1;
}
.page-wrapper.compact-sidebar
  .page-body-wrapper
  div.sidebar-wrapper
  .sidebar-main
  .sidebar-links
  li
  > .sidebar-submenu::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #e9edf1;
}
.page-wrapper.compact-sidebar
  .page-body-wrapper
  div.sidebar-wrapper
  .sidebar-main
  .sidebar-links
  li
  > .sidebar-submenu::-webkit-scrollbar {
  height: 8px;
  width: 6px;
}
.page-wrapper.compact-sidebar
  .page-body-wrapper
  div.sidebar-wrapper
  .sidebar-main
  .sidebar-links
  li
  > .sidebar-submenu::-webkit-scrollbar-thumb {
  background-color: rgba(68, 102, 242, 0.15);
}
.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 {
  border-bottom: 1px solid #f1f1f1;
  display: block;
  padding: 15px 15px 15px 40px;
  position: relative;
}
.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 {
  box-shadow: unset;
  display: block;
  height: auto;
  padding: 0 0 0 20px;
  position: unset;
  transition: all 0.5s ease;
}
.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 {
  border-top: 2px solid hsla(240, 8%, 50%, 0.4);
  content: "";
  left: 20px;
  position: absolute;
  top: 48%;
  width: 8px;
}
.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 {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 1px;
  margin-bottom: 0;
  padding: 15px 15px 15px 40px;
  position: relative;
}
.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 {
  border-top: 2px solid #595c60;
  content: "";
  left: 20px;
  position: absolute;
  top: 48%;
  width: 6px;
}
.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 {
  font-size: 9px;
  font-weight: 500;
  left: 50%;
  margin-bottom: 0;
  position: absolute;
  top: 10px;
}
.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 {
  height: 24px;
  margin: 0 auto 6px;
  width: 24px;
}
.page-wrapper.compact-sidebar
  .page-body-wrapper
  div.sidebar-wrapper
  .sidebar-main
  .sidebar-links
  .sidebar-list
  .sidebar-link
  > span {
  display: block;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1px;
  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
  ~ .footer,
.page-wrapper.compact-sidebar
  .page-body-wrapper
  div.sidebar-wrapper.close_icon
  ~ .page-body {
  margin-left: 0;
}
.page-wrapper.compact-sidebar.compact-small.material-icon
  .header-wrapper
  .search-full
  .form-group
  .close-search {
  top: 25px;
}
.page-wrapper.compact-sidebar.compact-small.material-icon
  .header-wrapper
  .left-header
  h6
  span.font-primary {
  color: #ffb829 !important;
}
.page-wrapper.compact-sidebar.compact-small.material-icon
  .header-wrapper
  .left-header
  a {
  color: #ffb829;
}
.page-wrapper.compact-sidebar
  .page-body-wrapper
  .sidebar-links
  .sidebar-list:hover
  i.fa-thumbtack {
  right: 20px;
}
[dir="rtl"]
  .page-wrapper.compact-sidebar
  .page-body-wrapper
  .sidebar-links
  .sidebar-list:hover
  i.fa-thumbtack {
  left: 20px;
  right: unset;
}
.page-wrapper.compact-small .toggle-sidebar {
  margin-right: 15px;
  position: relative;
  right: unset;
  top: unset;
}
.page-wrapper.compact-small .sidebar-list i.fa-solid.fa-thumbtack {
  align-items: center;
  background-color: rgba(115, 102, 255, 0.1);
  border-radius: 100%;
  color: #7366ff;
  display: flex;
  height: 20px;
  justify-content: center;
  position: absolute;
  right: 22px;
  top: 8px;
  visibility: hidden;
  width: 20px;
}
[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.pin-title,
.page-wrapper.compact-small .sidebar-list.pined {
  order: -1;
}
.page-wrapper.compact-small.material-icon
  .page-body-wrapper
  .page-body
  .page-title
  h4 {
  color: var(--white);
}
.page-wrapper.compact-small .logo-wrapper,
.page-wrapper.compact-small .sidebar-main-title {
  display: none;
}
.page-wrapper.compact-small .logo-icon-wrapper {
  box-shadow: -9px 0 20px rgba(89, 102, 122, 0.1);
  display: block;
  padding: 27px 30px;
  text-align: center;
}
.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: 100%;
}
.page-wrapper.compact-small .page-body-wrapper .footer,
.page-wrapper.compact-small .page-body-wrapper .page-body {
  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 {
  height: 20px;
  margin: 0 auto;
  width: 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
  ~ .footer,
.page-wrapper.compact-small
  .page-body-wrapper
  div.sidebar-wrapper.close_icon
  ~ .page-body {
  margin-left: 0;
}
.page-wrapper.only-body,
.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 {
  left: 25px;
  top: 37px;
  width: calc(100% - 50px);
}
[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 {
  margin: 0 auto;
  right: 0;
  top: 78px;
  width: calc(100% - 30px);
}
.page-wrapper.only-body .page-body-wrapper .page-title {
  padding-bottom: 20px;
  padding-top: 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: 0;
  min-height: 100vh;
}
.page-wrapper.only-body .page-body-wrapper .page-title {
  border-radius: 15px;
  margin: 30px 0;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 991.98px) {
  .page-wrapper.only-body .page-body-wrapper .page-title {
    margin: 20px 0;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.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 {
  justify-content: flex-start;
  margin-top: 5px;
}
.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,
.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,
.page-wrapper.modern-type .page-header.close_icon {
  margin-left: 0;
  width: 100%;
}
.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%;
  }
}
@media (max-width: 864px) and (min-width: 811px) {
  .page-wrapper.modern-type .page-header .header-wrapper .nav-right > ul > li {
    padding: 6px;
  }
}
.page-wrapper.modern-type .page-header .header-wrapper .header-logo-wrapper {
  align-items: center;
  display: flex;
}
.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;
  margin-right: 15px;
  position: relative;
  right: unset;
  top: unset;
}
.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 {
  border-radius: 15px;
  bottom: 0;
  margin: 30px !important;
  top: 80px;
}
@media (max-width: 991px) {
  .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper {
    border-radius: 0 15px 15px 0;
  }
}
.page-wrapper.modern-type
  .page-body-wrapper
  div.sidebar-wrapper
  .logo-icon-wrapper,
.page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .logo-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: 0;
}
.page-wrapper.modern-type
  .page-body-wrapper
  div.sidebar-wrapper.close_icon
  ~ footer {
  margin-left: 0;
  margin-right: 0;
}
.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 {
  border-radius: 10px;
  margin-left: 360px;
  margin-right: 70px;
}
@media (max-width: 991px) {
  .page-wrapper.modern-type .page-body-wrapper .footer {
    margin-left: 0;
    margin-right: 0;
  }
}
.page-wrapper.modern-type.compact-wrapper
  .page-body-wrapper
  div.sidebar-wrapper {
  margin: 20px !important;
}
.page-wrapper.material-type {
  position: relative;
}
.page-wrapper.material-type:before {
  background-image: linear-gradient(
    103.75deg,
    #33b1ee -13.9%,
    var(--theme-default) 79.68%
  );
  content: "";
  height: 300px;
  left: 0;
  position: absolute;
  width: 100%;
}
.page-wrapper.material-type .card {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
}
.page-wrapper.material-type .page-header {
  border-radius: 15px 15px 0 0;
  margin: 50px auto 0;
  max-width: 1560px;
  position: relative;
}
@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-blend-mode: overlay;
  background-color: hsla(0, 0%, 100%, 0.5);
  background-image: url(images/boxbg.jpg);
}
.page-wrapper.material-type .page-body-wrapper .sidebar-wrapper {
  height: 56px;
  margin: 0 auto;
  max-width: 1560px;
  position: relative;
  top: unset;
}
.page-wrapper.material-type .page-body-wrapper .page-body {
  background-color: #f8f8f8;
  border-radius: 0 0 15px 15px;
  box-shadow: 0 0 20px 7px rgba(8, 21, 66, 0.05);
  margin: 0 auto;
  max-width: 1560px;
}
.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: 1px solid #ecf3fa;
  border-radius: 5px;
  box-shadow: none;
}
.page-wrapper.advance-layout .page-header {
  background-color: #fff;
  margin: 0 auto;
  position: relative;
}
.page-wrapper.advance-layout .page-body-wrapper {
  background: transparent;
}
.page-wrapper.advance-layout .page-body-wrapper .sidebar-wrapper {
  border-bottom: 1px solid #efefef;
  border-top: 1px solid #efefef;
  box-shadow: none;
  height: unset;
  position: relative !important;
  top: unset !important;
}
.page-wrapper.advance-layout .page-body-wrapper .sidebar-wrapper > div {
  overflow: hidden;
}
.page-wrapper.advance-layout .page-body-wrapper .page-body {
  margin-top: 0 !important;
}
@keyframes pagebody {
  0% {
    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;
  margin-bottom: 20px;
  text-transform: capitalize;
  width: -moz-fit-content;
  width: fit-content;
}
@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 {
    left: unset !important;
    right: 0;
  }
  .profile-dropdown.onhover-show-div:after,
  .profile-dropdown.onhover-show-div:before {
    left: unset !important;
    right: 10px !important;
  }
}
@media screen and (max-width: 1199px) {
  .page-wrapper .page-header .header-wrapper .nav-right > ul > li {
    padding: 8px;
  }
  .mobile-title.d-none {
    border-bottom: 1px solid #ddd;
    display: flex !important;
    justify-content: space-between;
    margin: 0 -15px;
    padding: 20px 30px 17px;
  }
  .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 {
    border-radius: 5px;
    opacity: 0;
    transition: all 0.5s ease;
    visibility: hidden;
    width: 236px;
  }
  .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 {
    color: #59667a;
    font-size: 15px;
    font-weight: 100;
    position: absolute;
    right: 20px;
    top: 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
    li
    .sidebar-submenu {
    border-radius: 4px;
    display: none;
  }
  .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 {
    background-color: #fff;
    box-shadow: 0 0 1px 0 #898989;
    display: block;
    left: 200px;
    padding: 15px 0;
    position: absolute;
    top: -10px;
  }
  .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 {
    margin-top: 8px;
    opacity: 1;
    transition: all 0.5s ease;
    visibility: visible;
  }
  .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 {
    background: linear-gradient(
      103.75deg,
      #33b1ee -13.9%,
      var(--theme-default) 79.68%
    );
    content: "";
    height: 200px;
    left: 0;
    position: absolute;
    width: 100%;
  }
  .page-wrapper.material-icon .toggle-sidebar {
    color: hsla(0, 0%, 100%, 0.8);
  }
  .page-wrapper.material-icon .toggle-sidebar:hover > svg {
    color: #fff !important;
    stroke: #fff !important;
  }
  .page-wrapper.material-icon .page-header {
    background: transparent;
    box-shadow: none;
    margin: 0 auto;
    max-width: 1660px;
    padding-left: 90px;
    position: relative;
    width: 100%;
  }
  .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
    .cart-box
    svg,
  .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
    > a
    > svg,
  .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,
  .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: hsla(0, 0%, 100%, 0.7);
  }
  .page-wrapper.material-icon .page-header.close_icon {
    margin: 0 auto !important;
    padding-left: 0;
  }
  .page-wrapper.material-icon .page-body-wrapper .page-body {
    margin-top: 0 !important;
    margin: 0 auto;
    max-width: 1660px;
    padding-left: 90px;
  }
  .page-wrapper.material-icon
    .page-body-wrapper
    div.sidebar-wrapper.close_icon
    ~ .page-body {
    margin: 0 auto !important;
    padding-left: 15px;
  }
  .page-wrapper.material-icon .page-body-wrapper .page-title {
    background-color: transparent;
    border-bottom: none;
    box-shadow: none;
    color: #fff;
  }
  .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: hsla(0, 0%, 100%, 0.6);
  }
  .page-wrapper.material-icon
    .page-body-wrapper
    .page-title
    .breadcrumb
    .breadcrumb-item
    + .breadcrumb-item:before {
    color: hsla(0, 0%, 100%, 0.8);
  }
}
@media only screen and (min-width: 992px) {
  .page-wrapper.material-icon:before {
    height: 240px;
  }
}
@media only screen and (max-width: 992px) {
  .page-wrapper .page-header .header-wrapper .nav-right > ul > li {
    padding: 6px;
  }
}
@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;
  }
}
html[dir="rtl"] ul {
  padding-right: 0;
}
html[dir="rtl"] dl dd {
  margin-left: unset;
  margin-right: 0;
}
html[dir="rtl"] .ms-auto {
  margin-left: unset !important;
  margin-right: auto !important;
}
html[dir="rtl"] .slider-wrapper {
  direction: ltr;
}
html[dir="rtl"] .f-right {
  float: left;
}
html[dir="rtl"] .ps-1 {
  padding-left: unset !important;
  padding-right: 0.25rem;
}
html[dir="rtl"] .ps-2 {
  padding-left: unset !important;
  padding-right: 0.5rem;
}
html[dir="rtl"] .tap-top {
  left: 30px;
  right: unset;
}
@media (min-width: 576px) {
  html[dir="rtl"] .pe-sm-3 {
    padding-left: 1rem !important;
    padding-right: unset !important;
  }
}
html[dir="rtl"] .card-wrapper ol {
  padding-left: 40px;
  padding-right: 32px;
}
html[dir="rtl"] .offcanvas .offcanvas-header .btn-close {
  margin: calc(var(--bs-offcanvas-padding-y) * -0.5) auto
    calc(var(--bs-offcanvas-padding-y) * -0.5)
    calc(var(--bs-offcanvas-padding-x) * -0.5);
}
html[dir="rtl"] .papernote-wrap .note-labels ul {
  gap: 9px;
}
html[dir="rtl"] blockquote {
  border-left: unset;
  border-right: 4px solid #7366ff;
}
html[dir="rtl"] .figure.text-end blockquote {
  border-left: 4px solid #7366ff !important;
  border-right: none;
}
html[dir="rtl"] .form-check-inline {
  margin-left: 1rem;
  margin-right: unset;
}
html[dir="rtl"] .knowledgebase-search .form-inline svg {
  left: unset;
  right: 20px;
}
html[dir="rtl"] .switch-showcase .form-check .form-check-input {
  float: left;
}
html[dir="rtl"] .alert.notify-alert.alert-theme {
  left: 20px !important;
  right: unset !important;
}
html[dir="rtl"] .pill-input-group span:last-child {
  border-bottom-left-radius: 1.3rem !important;
  border-bottom-right-radius: unset !important;
  border-top-left-radius: 1.3rem !important;
  border-top-right-radius: unset !important;
}
html[dir="rtl"] .pill-input-group span:first-child {
  border-bottom-right-radius: 1.3rem !important;
  border-top-left-radius: unset !important;
  border-top-right-radius: unset !important;
  border-top-right-radius: 1.3rem !important;
}
html[dir="rtl"] .b-l-primary,
html[dir="rtl"] .border-l-primary {
  border-left: unset !important;
  border-right: 1px solid #7366ff !important;
}
html[dir="rtl"] .b-r-primary,
html[dir="rtl"] .border-r-primary {
  border-left: 1px solid #7366ff !important;
  border-right: unset !important;
}
html[dir="rtl"] .b-l-secondary,
html[dir="rtl"] .border-l-secondary {
  border-left: unset !important;
  border-right: 1px solid #838383 !important;
}
html[dir="rtl"] .b-r-secondary,
html[dir="rtl"] .border-r-secondary {
  border-left: 1px solid #838383 !important;
  border-right: unset !important;
}
html[dir="rtl"] .b-l-success,
html[dir="rtl"] .border-l-success {
  border-left: unset !important;
  border-right: 1px solid #65c15c !important;
}
html[dir="rtl"] .b-r-success,
html[dir="rtl"] .border-r-success {
  border-left: 1px solid #65c15c !important;
  border-right: unset !important;
}
html[dir="rtl"] .b-l-danger,
html[dir="rtl"] .border-l-danger {
  border-left: unset !important;
  border-right: 1px solid #fc564a !important;
}
html[dir="rtl"] .b-r-danger,
html[dir="rtl"] .border-r-danger {
  border-left: 1px solid #fc564a !important;
  border-right: unset !important;
}
html[dir="rtl"] .b-l-info,
html[dir="rtl"] .border-l-info {
  border-left: unset !important;
  border-right: 1px solid #40b8f5 !important;
}
html[dir="rtl"] .b-r-info,
html[dir="rtl"] .border-r-info {
  border-left: 1px solid #40b8f5 !important;
  border-right: unset !important;
}
html[dir="rtl"] .b-l-light,
html[dir="rtl"] .border-l-light {
  border-left: unset !important;
  border-right: 1px solid #f4f4f4 !important;
}
html[dir="rtl"] .border-r-light {
  border-left: 1px solid #f4f4f4 !important;
  border-right: unset !important;
}
html[dir="rtl"] .b-l-dark,
html[dir="rtl"] .border-l-dark {
  border-left: unset !important;
  border-right: 1px solid #3f475a !important;
}
html[dir="rtl"] .b-r-dark,
html[dir="rtl"] .border-r-dark {
  border-left: 1px solid #3f475a !important;
  border-right: unset !important;
}
html[dir="rtl"] .b-l-warning,
html[dir="rtl"] .border-l-warning {
  border-left: unset !important;
  border-right: 1px solid #ffb829 !important;
}
html[dir="rtl"] .b-r-warning,
html[dir="rtl"] .border-r-warning {
  border-left: 1px solid #ffb829 !important;
  border-right: unset !important;
}
html[dir="rtl"] .border-1 {
  border-width: 1px !important;
}
html[dir="rtl"] .border-2 {
  border-width: 2px !important;
}
html[dir="rtl"] .border-3 {
  border-width: 3px !important;
}
html[dir="rtl"] .border-4 {
  border-width: 4px !important;
}
html[dir="rtl"] .border-5 {
  border-width: 5px !important;
}
html[dir="rtl"] .border-6 {
  border-width: 6px !important;
}
html[dir="rtl"] .border-7 {
  border-width: 7px !important;
}
html[dir="rtl"] .border-8 {
  border-width: 8px !important;
}
html[dir="rtl"] .border-9 {
  border-width: 9px !important;
}
html[dir="rtl"] .border-10 {
  border-width: 10px !important;
}
html[dir="rtl"]
  .page-wrapper.compact-wrapper
  .page-body-wrapper
  .sidebar-wrapper {
  text-align: right;
}
html[dir="rtl"]
  .page-wrapper.compact-wrapper
  .page-body-wrapper
  .sidebar-wrapper
  .toggle-sidebar {
  left: 30px;
  right: unset;
}
html[dir="rtl"]
  .page-wrapper.compact-wrapper
  .page-body-wrapper
  .sidebar-wrapper
  .sidebar-main
  .sidebar-links {
  padding: 0;
}
html[dir="rtl"]
  .page-wrapper.compact-wrapper
  .page-body-wrapper
  .sidebar-wrapper
  .sidebar-main
  .sidebar-links
  .simplebar-wrapper
  .simplebar-mask
  .simplebar-content-wrapper
  .simplebar-content
  > li
  .badge {
  left: 50px !important;
  right: unset !important;
}
html[dir="rtl"]
  .page-wrapper.compact-wrapper
  .page-body-wrapper
  .sidebar-wrapper.close_icon {
  margin-left: unset;
  margin-right: 0;
}
html[dir="rtl"]
  .page-wrapper.compact-wrapper
  .page-body-wrapper
  .sidebar-wrapper.close_icon
  .logo-icon-wrapper {
  text-align: left;
}
html[dir="rtl"]
  .page-wrapper.compact-wrapper
  .page-body-wrapper
  .sidebar-wrapper.close_icon
  ~ .page-body,
html[dir="rtl"]
  .page-wrapper.compact-wrapper
  .page-body-wrapper
  .sidebar-wrapper.close_icon
  ~ footer {
  margin-left: 0;
  margin-right: 80px;
  transition: 0.5s;
}
html[dir="rtl"]
  .page-wrapper.compact-wrapper
  .page-body-wrapper
  .sidebar-wrapper.close_icon
  .sidebar-main
  .sidebar-links
  .simplebar-wrapper
  .simplebar-mask
  .simplebar-content-wrapper
  .simplebar-content
  > li
  a
  svg {
  margin-left: 0;
}
html[dir="rtl"]
  .page-wrapper.compact-wrapper
  .page-body-wrapper
  .sidebar-wrapper.close_icon
  .sidebar-main
  .sidebar-links
  .sidebar-list
  .sidebar-title.active
  ~ .sidebar-submenu {
  display: none !important;
}
html[dir="rtl"]
  .page-wrapper.compact-wrapper
  .page-body-wrapper
  .sidebar-wrapper.close_icon
  .according-menu {
  display: none;
}
html[dir="rtl"]
  .page-wrapper.compact-wrapper
  .page-body-wrapper
  .sidebar-wrapper.close_icon:hover
  .sidebar-main
  .sidebar-links
  .simplebar-wrapper
  .simplebar-mask
  .simplebar-content-wrapper
  .simplebar-content
  > li
  a
  svg {
  margin-left: 13px;
}
html[dir="rtl"]
  .page-wrapper.compact-wrapper
  .page-body-wrapper
  .sidebar-wrapper:hover {
  transform: translate(0);
}
html[dir="rtl"]
  .page-wrapper.compact-wrapper
  .page-body-wrapper
  .sidebar-wrapper:hover
  .sidebar-main
  .sidebar-links
  .sidebar-list
  .sidebar-title.active
  ~ .sidebar-submenu {
  display: block !important;
}
html[dir="rtl"]
  .page-wrapper.compact-wrapper
  .page-body-wrapper
  .sidebar-wrapper:hover
  .sidebar-main
  .sidebar-links
  .simplebar-wrapper
  .simplebar-mask
  .simplebar-content-wrapper
  .simplebar-content
  > li
  a
  svg {
  float: none;
}
html[dir="rtl"]
  .page-wrapper.compact-wrapper
  .page-body-wrapper
  .sidebar-wrapper:hover
  .according-menu {
  display: block;
}
html[dir="rtl"]
  .page-wrapper.compact-wrapper
  .page-body-wrapper
  .sidebar-wrapper
  .sidebar-main
  .sidebar-links
  .simplebar-wrapper
  .simplebar-mask
  .simplebar-content-wrapper
  .simplebar-content
  > li
  .sidebar-submenu:after {
  left: unset;
  right: 30px;
}
html[dir="rtl"]
  .page-wrapper.compact-wrapper
  .page-body-wrapper
  .sidebar-wrapper
  .sidebar-main
  .sidebar-links
  .simplebar-wrapper
  .simplebar-mask
  .simplebar-content-wrapper
  .simplebar-content
  > li
  .sidebar-submenu
  > li
  a {
  padding-left: unset !important;
  padding-right: 45px !important;
}
html[dir="rtl"]
  .page-wrapper.compact-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: unset;
  right: 26px;
}
html[dir="rtl"]
  .page-wrapper.compact-wrapper
  .page-body-wrapper
  .sidebar-wrapper
  .sidebar-main
  .sidebar-links
  .simplebar-wrapper
  .simplebar-mask
  .simplebar-content-wrapper
  .simplebar-content
  > li
  .sidebar-link:after {
  border-radius: 0 5px 5px 0;
}
html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .page-body {
  margin-left: unset;
  margin-right: 265px;
}
html[dir="rtl"]
  .page-wrapper.compact-wrapper
  .page-body-wrapper
  .sidebar-wrapper
  .sidebar-main
  .sidebar-links
  .simplebar-wrapper
  .simplebar-mask
  .simplebar-content-wrapper
  .simplebar-content
  > li
  a
  svg {
  margin-left: 15px;
  margin-right: unset;
}
html[dir="rtl"]
  .page-wrapper.compact-wrapper
  .page-body-wrapper
  .according-menu {
  left: 20px;
  right: unset;
}
html[dir="rtl"]
  .page-wrapper.compact-wrapper
  .page-body-wrapper
  .according-menu
  i {
  transform: scaleX(-1);
}
html[dir="rtl"]
  .page-wrapper.only-body
  .page-header
  .header-wrapper
  .nav-right {
  left: 60px;
  right: unset;
}
html[dir="rtl"] .date-details > div + div {
  margin-left: unset;
  margin-right: 10px;
}
html[dir="rtl"]
  .datepickers-container
  .datepicker--nav
  .datepicker--nav-action
  svg {
  transform: scaleX(-1);
}
html[dir="rtl"] .default-toasts .toast-dark .form-select {
  padding: 6px 12px 6px 36px !important;
}
html[dir="rtl"] .animated-toast.end-0 {
  left: 0 !important;
  right: unset !important;
}
html[dir="rtl"] .animated-toast.end-0 .toast-header h6 {
  margin-left: auto !important;
  margin-right: unset !important;
}
html[dir="rtl"] .animated-toast.end-0 .btn-close {
  margin-left: unset;
  margin-right: 12px;
}
html[dir="rtl"] .contact-editform {
  padding-right: 20px !important;
}
html[dir="rtl"] .contact-editform.ps-0 {
  padding-inline: 30px !important;
}
@media (max-width: 767.98px) {
  html[dir="rtl"] .contact-editform.ps-0 {
    padding-inline: 20px !important;
  }
}
html[dir="rtl"] .contacts-tabs .nav-pills {
  border-left: 1px solid #f4f4f4;
  border-right: unset;
}
html[dir="rtl"] .list-persons .profile-mail .email-general ul {
  padding-left: 20px;
  padding-right: unset;
}
html[dir="rtl"] .list-persons .profile-mail .d-flex .flex-grow-1 ul li + li {
  border-left: unset;
  border-right: 1px solid #f4f4f4;
  margin-left: unset;
  margin-right: 5px;
  padding-left: unset;
  padding-right: 10px;
}
html[dir="rtl"]
  .list-persons
  .profile-mail
  .d-flex
  .flex-grow-1
  .main-contact-option
  li
  + li {
  border-left: unset;
  border-right: 1px solid hsla(0, 0%, 80%, 0.6);
  margin-left: unset;
  margin-right: 5px;
  padding-inline: 12px;
}
html[dir="rtl"] .history-details i {
  transform: scale(-1);
}
html[dir="rtl"] .form-floating > label {
  left: unset;
  right: 0;
}
html[dir="rtl"] .file-content .form-inline i {
  padding-left: 10px;
  padding-right: unset;
}
html[dir="rtl"] .file-sidebar .btn svg {
  margin-left: 8px;
  margin-right: unset;
}
html[dir="rtl"] .modal .modal-toggle-wrapper .btn svg {
  transform: scaleX(-1);
}
html[dir="rtl"] .job-filter .faq-form .form-control {
  padding: 6px 6px 6px 30px;
}
html[dir="rtl"]
  .create-project-form
  .bootstrap-select
  .filter-option
  .filter-option-inner-inner {
  text-align: right;
}
html[dir="rtl"] .create-project-form .bootstrap-select .dropdown-toggle:after {
  left: 10px;
  right: unset;
}
html[dir="rtl"] [class*="title-line-"]:before {
  border-radius: 10px 0 0 10px;
  left: unset;
  right: 0;
}
html[dir="rtl"] .bootstrap-select .dropdown-toggle:after {
  left: 10px;
  right: unset;
}
html[dir="rtl"] .bootstrap-select .filter-option {
  float: right;
  text-align: right;
}
html[dir="rtl"] .bootstrap-select .dropdown-menu li {
  text-align: right !important;
}
html[dir="rtl"] .bootstrap-select .dropdown-menu .inner li a .check-mark {
  left: 15px;
  right: unset;
}
html[dir="rtl"] .bootstrap-select .dropdown-menu .inner li a .text {
  margin-left: 34px;
  margin-right: unset;
}
html[dir="rtl"] .projects-wrapper [class*="title-line-"]:before {
  left: unset;
  right: 12px;
}
html[dir="rtl"] .project-tabs .nav i {
  margin-left: 10px;
  margin-right: unset;
}
html[dir="rtl"] .project-tabs.common-space .nav-tabs .nav-item .nav-link svg {
  margin-left: 5px;
}
@media (min-width: 576px) {
  html[dir="rtl"]
    .project-tabs.common-space
    .nav-tabs
    .nav-item:first-child
    .nav-link {
    padding-left: 25px;
    padding-right: 0;
  }
  html[dir="rtl"]
    .project-tabs.common-space
    .nav-tabs
    .nav-item:last-child
    .nav-link {
    padding-left: 0;
    padding-right: 25px;
  }
}
html[dir="rtl"] .project-timeline .notification ul li span .activity-profile {
  border-left: unset;
  border-right: 1px solid rgba(82, 82, 108, 0.2);
  margin-left: unset;
  margin-right: 10px;
  padding-left: unset;
  padding-right: 10px;
}
html[dir="rtl"]
  .project-timeline
  .notification
  ul
  li
  span
  .activity-profile
  img {
  margin-left: 6px;
  margin-right: unset;
}
html[dir="rtl"] .project-budget-wrapper .form-check.form-switch {
  padding: 0;
}
html[dir="rtl"] .project-budget-wrapper .form-check .form-check-input {
  margin: 0;
}
html[dir="rtl"] .overall-budget.recent-table table tbody tr td:first-child,
html[dir="rtl"] .overall-budget.recent-table table tbody tr th:first-child,
html[dir="rtl"] .overall-budget.recent-table table thead tr td:first-child,
html[dir="rtl"] .overall-budget.recent-table table thead tr th:first-child {
  padding-left: unset !important;
  padding-right: 20px !important;
}
html[dir="rtl"] .overall-budget.recent-table table tbody tr td:last-child,
html[dir="rtl"] .overall-budget.recent-table table tbody tr th:last-child,
html[dir="rtl"] .overall-budget.recent-table table thead tr td:last-child,
html[dir="rtl"] .overall-budget.recent-table table thead tr th:last-child {
  padding-left: 20px !important;
  padding-right: unset !important;
}
html[dir="rtl"] .user-comment-wrapper li .flex-grow-1 .btn svg {
  transform: scaleX(-1);
}
html[dir="rtl"] .user-comment-wrapper li + li {
  margin-left: unset;
  margin-right: 46px;
}
html[dir="rtl"] .common-project-header h6 {
  margin-left: unset;
  margin-right: -46px;
}
@media (max-width: 1685px) and (min-width: 320px) {
  html[dir="rtl"] .common-project-header h6 {
    margin-left: unset;
    margin-right: -54px;
  }
}
@media (max-width: 644px) {
  html[dir="rtl"] .common-project-header h6 {
    margin-left: unset;
    margin-right: 0;
  }
}
html[dir="rtl"]
  .common-project-header
  .common-align:last-child
  .common-align
  li
  svg {
  margin-left: 6px;
  margin-right: unset;
}
html[dir="rtl"]
  .common-project-header
  .common-align:last-child
  .common-align
  li:first-child {
  padding-left: 15px;
  padding-right: unset;
}
html[dir="rtl"]
  .common-project-header
  .common-align:last-child
  .common-align
  li
  + li {
  border-left: unset;
  border-right: 1px solid rgba(82, 82, 108, 0.8);
  padding-left: unset;
  padding-right: 15px;
}
@media (max-width: 435px) {
  html[dir="rtl"]
    .common-project-header
    .common-align:last-child
    .common-align
    li:first-child {
    padding-left: 0;
    padding-right: unset;
  }
  html[dir="rtl"]
    .common-project-header
    .common-align:last-child
    .common-align
    li
    + li {
    border-right: unset;
    padding-left: unset;
    padding-right: 0;
  }
}
html[dir="rtl"] .activity-wrapper .tab-content .activity-update > li {
  border-left: unset;
  border-right: 3px solid rgba(82, 82, 108, 0.2);
}
html[dir="rtl"]
  .activity-wrapper
  .tab-content
  .activity-update
  > li
  .flex-grow-1 {
  margin-left: unset;
  margin-right: 10px;
}
html[dir="rtl"]
  .activity-wrapper
  .tab-content
  .activity-update
  > li
  .flex-shrink-0 {
  text-align: start;
}
html[dir="rtl"]
  .activity-wrapper
  .tab-content
  .activity-update
  > li
  .flex-shrink-0
  svg {
  margin-left: 6px;
  margin-right: unset;
}
html[dir="rtl"] .cmt-box i {
  transform: scaleX(-1);
}
@media (min-width: 641px) {
  html[dir="rtl"]
    .project-pending-table.recent-table
    div.dt-container
    .dt-layout-row
    .dt-search {
    left: 55px !important;
    right: unset !important;
  }
}
html[dir="rtl"]
  .project-pending-table.recent-table
  table
  tbody
  tr
  td:first-child,
html[dir="rtl"]
  .project-pending-table.recent-table
  table
  tbody
  tr
  th:first-child,
html[dir="rtl"]
  .project-pending-table.recent-table
  table
  thead
  tr
  td:first-child,
html[dir="rtl"]
  .project-pending-table.recent-table
  table
  thead
  tr
  th:first-child {
  padding-left: unset;
  padding-right: 20px;
}
html[dir="rtl"]
  .project-pending-table.recent-table
  table
  tbody
  tr
  td:last-child,
html[dir="rtl"]
  .project-pending-table.recent-table
  table
  tbody
  tr
  th:last-child,
html[dir="rtl"]
  .project-pending-table.recent-table
  table
  thead
  tr
  td:last-child,
html[dir="rtl"]
  .project-pending-table.recent-table
  table
  thead
  tr
  th:last-child {
  padding-left: 20px;
  padding-right: unset;
}
html[dir="rtl"] .project-list .btn {
  float: left;
}
html[dir="rtl"] .project-list .btn,
html[dir="rtl"] .project-list ul li svg {
  margin-left: 5px;
  margin-right: unset;
}
html[dir="rtl"]
  .main-scope-project
  .scope-bottom-wrapper
  .sidebar-left-icons
  .nav-item:before {
  left: unset;
  right: 38px;
}
@media (max-width: 1839px) and (min-width: 1661px) {
  html[dir="rtl"]
    .main-scope-project
    .scope-bottom-wrapper
    .sidebar-left-icons
    .nav-item:before {
    left: unset;
    right: 30px;
  }
}
@media (max-width: 1660px) and (min-width: 1400px) {
  html[dir="rtl"]
    .main-scope-project
    .scope-bottom-wrapper
    .sidebar-left-icons
    .nav-item:before {
    left: unset;
    right: 35px;
  }
}
@media (max-width: 1399px) and (min-width: 320px) {
  html[dir="rtl"]
    .main-scope-project
    .scope-bottom-wrapper
    .sidebar-left-icons
    .nav-item:before {
    left: unset;
    right: 30px;
  }
}
html[dir="rtl"]
  .main-scope-project
  .scope-bottom-wrapper
  .sidebar-left-icons
  .nav-item
  .nav-link {
  padding: 12px 8px 12px 0;
}
html[dir="rtl"]
  .main-scope-project
  .scope-bottom-wrapper
  .sidebar-left-icons
  .nav-item
  .nav-link.active {
  background: linear-gradient(
    -90deg,
    #7366ff -175.57%,
    rgba(115, 102, 255, 0) 65.16%
  );
}
html[dir="rtl"]
  .main-scope-project
  .scope-bottom-wrapper
  .sidebar-left-icons
  .nav-item
  .nav-link.active
  .absolute-border:before {
  left: unset;
  right: 0;
}
html[dir="rtl"]
  .main-scope-project
  .scope-bottom-wrapper
  .sidebar-left-icons
  .nav-item
  .nav-link.active
  .absolute-border:after {
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: unset;
  border-top-left-radius: 7px;
  border-top-right-radius: unset;
  left: unset;
  right: -8px;
  transform: translate(50%, -50%);
}
html[dir="rtl"] .form-select {
  background-position: left 0.75rem center;
  padding: 0.375rem 0.75rem 0.375rem 2.25rem;
}
html[dir="rtl"] .customers ul li + li {
  margin-left: unset;
  margin-right: -10%;
}
html[dir="rtl"] .project-list .border-tab.nav-tabs .nav-item .nav-link {
  padding: 5px 0 5px 30px;
}
html[dir="rtl"] .project-box .badge {
  left: 30px;
  right: unset;
}
html[dir="rtl"]
  .seller-details-wrapper
  .accordion
  .accordion-item
  .accordion-button:after {
  margin-left: unset;
  margin-right: auto;
}
html[dir="rtl"] .jkanban-container .kanban-container .kanban-board footer {
  margin: 0;
}
html[dir="rtl"] .kanban-board {
  float: right;
}
html[dir="rtl"] .kanban-item .kanban-box .customers ul li + li {
  margin-left: unset;
  margin-right: -10px;
}
html[dir="rtl"] .kanban-item .list li i {
  margin-left: 10px;
  margin-right: unset;
}
html[dir="rtl"] .page-wrapper.horizontal-wrapper .header-logo-wrapper {
  text-align: right;
}
html[dir="rtl"] .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body,
html[dir="rtl"] .page-wrapper.horizontal-wrapper .page-body-wrapper footer {
  margin-right: 0;
}
html[dir="rtl"] .page-wrapper.material-type .page-body-wrapper .page-body {
  margin-right: auto;
}
html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li:first-child {
  margin-right: 0;
}
html[dir="rtl"]
  .page-header
  .header-wrapper
  .nav-right.right-header
  ul
  li
  .profile-media
  .flex-grow-1 {
  margin-left: unset;
  margin-right: 15px;
}
html[dir="rtl"] .page-header .header-wrapper .toggle-sidebar {
  margin-left: 2px;
  margin-right: unset;
}
html[dir="rtl"]
  .page-wrapper
  .page-header
  .header-wrapper
  .nav-right
  .notification-dropdown {
  left: -20px !important;
  right: unset !important;
}
@media (max-width: 575.98px) {
  html[dir="rtl"]
    .page-wrapper
    .page-header
    .header-wrapper
    .nav-right
    .notification-dropdown {
    left: 12px !important;
  }
}
html[dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full input {
  padding-left: unset;
  padding-right: 60px;
  text-align: right;
}
html[dir="rtl"]
  .page-wrapper
  .page-header
  .header-wrapper
  .search-full
  .form-group:before {
  left: unset;
  right: 30px;
}
html[dir="rtl"]
  .page-wrapper
  .page-header
  .header-wrapper
  .search-full
  .form-group
  .close-search {
  left: 0;
  right: unset;
}
html[dir="rtl"] .page-wrapper.compact-sidebar .toggle-sidebar {
  margin-left: 15px;
  margin-right: unset;
}
html[dir="rtl"] .page-wrapper.compact-sidebar .page-header {
  margin-left: unset;
  margin-right: 150px;
}
html[dir="rtl"] .page-wrapper.compact-sidebar .page-header.close_icon {
  margin-right: 0;
}
html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper .footer,
html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper .page-body {
  margin-left: unset;
  margin-right: 150px;
}
html[dir="rtl"]
  .page-wrapper.compact-sidebar
  .page-body-wrapper
  div.sidebar-wrapper
  > div {
  text-align: right;
}
html[dir="rtl"]
  .page-wrapper.compact-sidebar
  .page-body-wrapper
  div.sidebar-wrapper
  .sidebar-main
  .sidebar-links
  li
  > .sidebar-submenu
  li
  a {
  padding: 15px 40px 150px 15px;
}
html[dir="rtl"]
  .page-wrapper.compact-sidebar
  .page-body-wrapper
  div.sidebar-wrapper
  .sidebar-main
  .sidebar-links
  li
  > .sidebar-submenu
  li
  .sidebar-submenu {
  padding-left: unset;
  padding-right: 20px;
}
html[dir="rtl"]
  .page-wrapper.compact-sidebar
  .page-body-wrapper
  div.sidebar-wrapper
  .sidebar-main
  .sidebar-links
  li
  a.active
  ~ .sidebar-submenu {
  animation: fadeInRight 1s ease-in-out;
}
html[dir="rtl"]
  .page-wrapper.compact-sidebar
  .page-body-wrapper
  div.sidebar-wrapper
  .sidebar-main
  .sidebar-links
  li
  .sidebar-submenu {
  left: unset;
  right: 150px;
}
html[dir="rtl"]
  .page-wrapper.compact-sidebar
  .page-body-wrapper
  div.sidebar-wrapper
  .sidebar-main
  .sidebar-links
  li
  .sidebar-submenu
  li
  a {
  padding: 15px 40px 15px 15px;
}
html[dir="rtl"]
  .page-wrapper.compact-sidebar
  .page-body-wrapper
  div.sidebar-wrapper
  .sidebar-main
  .sidebar-links
  li
  .sidebar-submenu
  li
  a
  .according-menu {
  left: 20px;
  right: unset;
  transform: scaleX(-1);
}
html[dir="rtl"]
  .page-wrapper.compact-sidebar
  .page-body-wrapper
  div.sidebar-wrapper
  .sidebar-main
  .sidebar-links
  li
  .sidebar-submenu
  > li
  > a:after {
  left: unset;
  right: 20px;
}
html[dir="rtl"]
  .page-wrapper.compact-sidebar
  .page-body-wrapper
  div.sidebar-wrapper
  .sidebar-main
  .sidebar-links
  .sidebar-list
  .badge {
  left: unset;
  right: 53%;
}
html[dir="rtl"]
  .page-wrapper.compact-sidebar
  .page-body-wrapper
  div.sidebar-wrapper
  .sidebar-main
  .sidebar-links
  .sidebar-list
  .sidebar-link {
  text-align: center;
}
html[dir="rtl"]
  .page-wrapper.compact-sidebar
  .page-body-wrapper
  div.sidebar-wrapper.close_icon {
  transform: translateX(150px);
}
html[dir="rtl"]
  .page-wrapper.compact-sidebar
  .page-body-wrapper
  div.sidebar-wrapper.close_icon
  ~ .footer,
html[dir="rtl"]
  .page-wrapper.compact-sidebar
  .page-body-wrapper
  div.sidebar-wrapper.close_icon
  ~ .page-body {
  margin-right: 0;
}
html[dir="rtl"] .page-wrapper.compact-small .page-header {
  margin-right: 90px;
}
html[dir="rtl"]
  .page-wrapper.compact-small
  .page-body-wrapper
  div.sidebar-wrapper
  .sidebar-main
  .sidebar-links
  li
  .sidebar-submenu {
  right: 90px;
}
html[dir="rtl"] .page-wrapper.compact-small .page-body-wrapper .footer,
html[dir="rtl"] .page-wrapper.compact-small .page-body-wrapper .page-body {
  margin-right: 90px;
}
html[dir="rtl"] .page-wrapper.material-icon .page-header {
  margin: 0 auto;
  padding-left: unset;
  padding-right: 90px;
}
html[dir="rtl"] .page-wrapper.material-icon .page-header.close_icon {
  padding-right: 0;
}
html[dir="rtl"] .page-wrapper.material-icon .page-body-wrapper .page-body {
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 90px;
}
html[dir="rtl"]
  .page-wrapper.material-icon
  .page-body-wrapper
  div.sidebar-wrapper.close_icon
  ~ .page-body {
  margin: 0 auto !important;
  padding-right: 15px;
}
html[dir="rtl"] .apexcharts-canvas {
  direction: ltr;
}
html[dir="rtl"] .email-wrap .btn-mail {
  text-align: right;
}
html[dir="rtl"] .email-wrap .email-app-sidebar ul li a {
  padding-left: unset;
  padding-right: 20px;
}
html[dir="rtl"]
  .bookmark-tabcontent
  .details-bookmark
  .bookmark-card.card
  .favourite-icon {
  text-align: center;
}
html[dir="rtl"]
  .bookmark-tabcontent
  .details-bookmark
  .bookmark-card.card
  .title-bookmark {
  text-align: right;
}
html[dir="rtl"] .bookmark-wrap .main-bookmark .filter-option {
  float: right;
  text-align: right;
}
html[dir="rtl"] .bookmark-wrap .main-bookmark .dropdown-menu .dropdown-item {
  text-align: right;
}
html[dir="rtl"] .bookmark-wrap .details-bookmark .row > div + div {
  padding-left: 15px !important;
}
html[dir="rtl"] .appointment-table table tr td .status-circle {
  left: unset;
  right: 35px;
}
html[dir="rtl"] .notification .card .d-flex .w-100 p .badge {
  margin-left: unset;
  margin-right: 10px;
}
html[dir="rtl"]
  .autofill-data-tables
  div.dt-container.dt-bootstrap5
  .row
  > div[class^="col-"]:first-child,
html[dir="rtl"]
  .data-source-wrapper
  div.dt-container.dt-bootstrap5
  .row
  > div[class^="col-"]:first-child,
html[dir="rtl"]
  .datatable-advance-wrapper
  div.dt-container.dt-bootstrap5
  .row
  > div[class^="col-"]:first-child,
html[dir="rtl"]
  .datatable-api-wrapper
  div.dt-container.dt-bootstrap5
  .row
  > div[class^="col-"]:first-child,
html[dir="rtl"]
  .datatable-init
  div.dt-container.dt-bootstrap5
  .row
  > div[class^="col-"]:first-child,
html[dir="rtl"]
  .support-ticket-table
  div.dt-container.dt-bootstrap5
  .row
  > div[class^="col-"]:first-child {
  margin-left: auto;
  margin-right: unset !important;
}
html[dir="rtl"]
  .autofill-data-tables
  div.dt-container.dt-bootstrap5
  .row
  > div[class^="col-"]:first-child
  .form-select,
html[dir="rtl"]
  .data-source-wrapper
  div.dt-container.dt-bootstrap5
  .row
  > div[class^="col-"]:first-child
  .form-select,
html[dir="rtl"]
  .datatable-advance-wrapper
  div.dt-container.dt-bootstrap5
  .row
  > div[class^="col-"]:first-child
  .form-select,
html[dir="rtl"]
  .datatable-api-wrapper
  div.dt-container.dt-bootstrap5
  .row
  > div[class^="col-"]:first-child
  .form-select,
html[dir="rtl"]
  .datatable-init
  div.dt-container.dt-bootstrap5
  .row
  > div[class^="col-"]:first-child
  .form-select,
html[dir="rtl"]
  .support-ticket-table
  div.dt-container.dt-bootstrap5
  .row
  > div[class^="col-"]:first-child
  .form-select {
  margin-left: 0.5em;
  margin-right: unset;
}
html[dir="rtl"]
  .autofill-data-tables
  div.dt-container.dt-bootstrap5
  .dt-column-order,
html[dir="rtl"]
  .data-source-wrapper
  div.dt-container.dt-bootstrap5
  .dt-column-order,
html[dir="rtl"]
  .datatable-advance-wrapper
  div.dt-container.dt-bootstrap5
  .dt-column-order,
html[dir="rtl"]
  .datatable-api-wrapper
  div.dt-container.dt-bootstrap5
  .dt-column-order,
html[dir="rtl"] .datatable-init div.dt-container.dt-bootstrap5 .dt-column-order,
html[dir="rtl"]
  .support-ticket-table
  div.dt-container.dt-bootstrap5
  .dt-column-order {
  left: 12px;
  right: unset;
}
html[dir="rtl"] .progress-gradient-primary {
  background-image: linear-gradient(
    to right,
    var(--theme-default),
    transparent
  );
}
html[dir="rtl"] .progress-gradient-primary:after {
  left: -1px;
  right: unset;
}
html[dir="rtl"] .progress-gradient-primary .animate-circle {
  left: -8px;
  right: unset;
}
html[dir="rtl"] .progress-gradient-secondary {
  background-image: linear-gradient(90deg, #838383, transparent);
}
html[dir="rtl"] .progress-gradient-secondary:after {
  left: -1px;
  right: unset;
}
html[dir="rtl"] .progress-gradient-secondary .animate-circle {
  left: -8px;
  right: unset;
}
html[dir="rtl"] .progress-gradient-success {
  background-image: linear-gradient(90deg, #65c15c, transparent);
}
html[dir="rtl"] .progress-gradient-success:after {
  left: -1px;
  right: unset;
}
html[dir="rtl"] .progress-gradient-success .animate-circle {
  left: -8px;
  right: unset;
}
html[dir="rtl"] .progress-gradient-danger {
  background-image: linear-gradient(90deg, #fc564a, transparent);
}
html[dir="rtl"] .progress-gradient-danger:after {
  left: -1px;
  right: unset;
}
html[dir="rtl"] .progress-gradient-danger .animate-circle {
  left: -8px;
  right: unset;
}
html[dir="rtl"] .progress-gradient-info {
  background-image: linear-gradient(90deg, #40b8f5, transparent);
}
html[dir="rtl"] .progress-gradient-info:after {
  left: -1px;
  right: unset;
}
html[dir="rtl"] .progress-gradient-info .animate-circle {
  left: -8px;
  right: unset;
}
html[dir="rtl"] .progress-gradient-light {
  background-image: linear-gradient(90deg, #f4f4f4, transparent);
}
html[dir="rtl"] .progress-gradient-light:after {
  left: -1px;
  right: unset;
}
html[dir="rtl"] .progress-gradient-light .animate-circle {
  left: -8px;
  right: unset;
}
html[dir="rtl"] .progress-gradient-dark {
  background-image: linear-gradient(90deg, #3f475a, transparent);
}
html[dir="rtl"] .progress-gradient-dark:after {
  left: -1px;
  right: unset;
}
html[dir="rtl"] .progress-gradient-dark .animate-circle {
  left: -8px;
  right: unset;
}
html[dir="rtl"] .progress-gradient-warning {
  background-image: linear-gradient(90deg, #ffb829, transparent);
}
html[dir="rtl"] .progress-gradient-warning:after {
  left: -1px;
  right: unset;
}
html[dir="rtl"] .progress-gradient-warning .animate-circle {
  left: -8px;
  right: unset;
}
html[dir="rtl"] .progress-animate span {
  left: -10px;
  right: unset;
}
html[dir="rtl"] .common-order-history .form-select {
  padding: 0.375rem 0.75rem 0.375rem 2.25rem;
}
html[dir="rtl"]
  .common-order-history
  .order-history-wrapper
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search {
  left: -50px;
  right: unset;
}
@media (max-width: 1399px) {
  html[dir="rtl"]
    .common-order-history
    .order-history-wrapper
    .recent-table
    div.dt-container
    .dt-layout-row
    .dt-layout-cell
    .dt-search {
    left: unset;
    right: 20px;
  }
}
html[dir="rtl"]
  .common-order-history
  .order-history-wrapper
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-length {
  left: unset;
  right: 20px;
}
html[dir="rtl"]
  .common-order-history
  .order-history-wrapper
  .recent-table
  table
  tbody
  tr
  td:first-child,
html[dir="rtl"]
  .common-order-history
  .order-history-wrapper
  .recent-table
  table
  tbody
  tr
  th:first-child,
html[dir="rtl"]
  .common-order-history
  .order-history-wrapper
  .recent-table
  table
  thead
  tr
  td:first-child,
html[dir="rtl"]
  .common-order-history
  .order-history-wrapper
  .recent-table
  table
  thead
  tr
  th:first-child {
  padding-left: 8px;
  padding-right: 20px;
}
html[dir="rtl"]
  .common-order-history
  .order-history-wrapper
  .recent-table
  table
  tbody
  tr
  td:last-child,
html[dir="rtl"]
  .common-order-history
  .order-history-wrapper
  .recent-table
  table
  tbody
  tr
  th:last-child,
html[dir="rtl"]
  .common-order-history
  .order-history-wrapper
  .recent-table
  table
  thead
  tr
  td:last-child,
html[dir="rtl"]
  .common-order-history
  .order-history-wrapper
  .recent-table
  table
  thead
  tr
  th:last-child {
  padding-left: 20px;
  padding-right: 8px;
}
html[dir="rtl"]
  .common-order-history
  .order-history-wrapper
  .recent-table
  table
  thead
  tr
  th:first-child {
  text-align: center !important;
}
html[dir="rtl"] .me-4 {
  margin-left: 1.5rem !important;
  margin-right: unset !important;
}
html[dir="rtl"] .pe-4 {
  padding-left: 1.5rem !important;
  padding-right: unset !important;
}
html[dir="rtl"] .me-1 {
  margin-left: 0.25rem !important;
  margin-right: unset !important;
}
html[dir="rtl"] .navs-dropdown .onhover-show-div {
  right: 0;
}
html[dir="rtl"] .default-according.style-1 button {
  text-align: right;
}
html[dir="rtl"] .default-according.style-1 button:before {
  left: 20px;
  right: unset;
}
@media (max-width: 575px) {
  html[dir="rtl"] .default-according.style-1 button:before {
    left: 15px;
  }
}
html[dir="rtl"] .default-according .card .card-header i,
html[dir="rtl"] .default-according.style-1 button i {
  left: unset;
  right: 18px;
}
html[dir="rtl"] .progress-number {
  direction: ltr;
}
html[dir="rtl"] .faq-wrap .faq-accordion .card .card-header .btn-link {
  padding-right: 20px !important;
}
@media (max-width: 575.98px) {
  html[dir="rtl"] .faq-wrap .faq-accordion .card .card-header .btn-link {
    padding-right: 10px !important;
  }
}
html[dir="rtl"] .ProfileCard-details {
  float: right;
}
html[dir="rtl"] .ProfileCard-details,
html[dir="rtl"] .starter-main .card-body ul {
  padding-left: unset;
  padding-right: 30px;
}
html[dir="rtl"] .theme-tab .tab-title li a svg {
  margin-left: 5px;
  margin-right: unset;
}
html[dir="rtl"] .spent .spent-graph .project-budget {
  margin-left: 30px;
  margin-right: unset;
}
html[dir="rtl"] .support-table table tbody tr td:first-child {
  padding-left: unset;
  padding-right: 0;
}
html[dir="rtl"] .img-paypal {
  margin-left: unset;
  margin-right: 15px;
}
html[dir="rtl"] .cart .qty-box .input-group .btn {
  border-radius: 0 !important;
}
html[dir="rtl"] .product-qnty fieldset .input-group .input-group-prepend .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
html[dir="rtl"] .grid-options {
  margin-left: unset;
  margin-right: 10px;
}
html[dir="rtl"] .grid-options ul li a .line-grid-1 {
  left: unset;
  right: 12px;
}
html[dir="rtl"] .grid-options ul li a .line-grid-2 {
  left: unset;
  right: 18px;
}
html[dir="rtl"] .grid-options ul li a .line-grid-3 {
  left: unset;
  right: 36px;
}
html[dir="rtl"] .grid-options ul li a .line-grid-4 {
  left: unset;
  right: 42px;
}
html[dir="rtl"] .grid-options ul li a .line-grid-5 {
  left: unset;
  right: 48px;
}
html[dir="rtl"] .grid-options ul li a .line-grid-6 {
  left: unset;
  right: 66px;
}
html[dir="rtl"] .grid-options ul li a .line-grid-7 {
  left: unset;
  right: 72px;
}
html[dir="rtl"] .grid-options ul li a .line-grid-8 {
  left: unset;
  right: 78px;
}
html[dir="rtl"] .grid-options ul li a .line-grid-9 {
  left: unset;
  right: 84px;
}
html[dir="rtl"] .grid-options ul li a .line-grid-10 {
  left: unset;
  right: 103px;
}
html[dir="rtl"] .grid-options ul li a .line-grid-11 {
  left: unset;
  right: 109px;
}
html[dir="rtl"] .grid-options ul li a .line-grid-12 {
  left: unset;
  right: 115px;
}
html[dir="rtl"] .grid-options ul li a .line-grid-13 {
  left: unset;
  right: 121px;
}
html[dir="rtl"] .grid-options ul li a .line-grid-14 {
  left: unset;
  right: 127px;
}
html[dir="rtl"] .grid-options ul li a .line-grid-15 {
  left: unset;
  right: 133px;
}
html[dir="rtl"]
  .product-sidebar
  .filter-section
  .card
  .card-header
  h6
  .pull-right
  i {
  left: auto;
  right: unset;
}
html[dir="rtl"] .collection-filter-block svg {
  margin-left: 14px;
  margin-right: unset;
  transform: scaleX(-1);
}
html[dir="rtl"] .feature-products form .form-group i {
  left: 30px;
  right: unset;
}
html[dir="rtl"] .product-wrapper-grid.list-view .product-box .product-details {
  text-align: right;
}
html[dir="rtl"] .page-wrapper .page-body-wrapper .page-title .breadcrumb {
  margin-left: unset;
}
html[dir="rtl"] .bookmark ul li + li {
  margin-left: unset;
  margin-right: 10px;
}
html[dir="rtl"] .bookmark ul li .search-form .form-control-search {
  left: -50px;
  right: unset;
}
html[dir="rtl"] .bookmark ul li .search-form .form-control-search:before {
  left: unset;
  right: 50px;
}
html[dir="rtl"] .bookmark ul li .search-form .form-control-search:after {
  left: unset;
  right: 20px;
}
html[dir="rtl"] .me-0 {
  margin-left: 0 !important;
  margin-right: unset !important;
}
html[dir="rtl"] .footer .pull-right {
  float: none;
}
html[dir="rtl"] .checkbox_animated,
html[dir="rtl"] .radio_animated {
  margin: 0 0 0 1rem;
}
html[dir="rtl"] .button.remove {
  left: -10px;
  right: unset;
}
html[dir="rtl"] .code-box-copy__btn {
  left: 11px;
  right: unset;
}
html[dir="rtl"] ul.nav-menus {
  border-bottom: none;
}
html[dir="rtl"] ul.notification-dropdown.onhover-show-div li {
  text-align: right;
}
html[dir="rtl"] .badge + .badge {
  margin-left: unset;
  margin-right: 5px;
}
html[dir="rtl"] .m-l-10 {
  margin-left: unset !important;
  margin-right: 10px !important;
}
html[dir="rtl"] .m-r-20 {
  margin-left: 20px;
  margin-right: unset;
}
html[dir="rtl"] .m-r-30 {
  margin-left: 30px;
  margin-right: unset;
}
html[dir="rtl"] .m-r-5 {
  margin-left: 5px;
  margin-right: unset;
}
html[dir="rtl"] .text-start {
  text-align: right !important;
}
html[dir="rtl"] .m-r-10 {
  margin-left: 10px;
  margin-right: unset;
}
html[dir="rtl"] .pe-3 {
  padding-left: 1rem !important;
  padding-right: unset !important;
}
html[dir="rtl"] .p-r-0 {
  padding-left: 0;
  padding-right: 15px;
}
html[dir="rtl"] .m-l-20 {
  margin-left: unset !important;
  margin-right: 20px !important;
}
html[dir="rtl"] .ps-3 {
  padding-right: 1rem !important;
}
html[dir="rtl"] .b-r-light {
  border-left: 1px solid #f4f4f4 !important;
  border-right: unset !important;
}
html[dir="rtl"] .float-end {
  float: left !important;
}
html[dir="rtl"] .float-start {
  float: right !important;
}
html[dir="rtl"] .text-end {
  text-align: left !important;
}
html[dir="rtl"] .border-right {
  border-left: 1px solid #dee2e6 !important;
  border-right: unset !important;
}
html[dir="rtl"] .pe-0 {
  padding-left: 0 !important;
  padding-right: 12px !important;
}
html[dir="rtl"] .ps-0 {
  padding-left: unset !important;
  padding-right: 0 !important;
}
html[dir="rtl"] .ms-1 {
  margin-left: unset !important;
  margin-right: 0.25rem !important;
}
html[dir="rtl"] .owl-carousel,
html[dir="rtl"] .swiper {
  direction: ltr;
}
html[dir="rtl"] .swiper .swiper-wrapper .swiper-slide > * {
  direction: rtl;
}
html[dir="rtl"] .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
html[dir="rtl"] .btn-group > :not(:last-child) > .btn {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0.25rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0.25rem;
}
html[dir="rtl"] .btn-group > .btn:not(:first-child) {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0;
}
html[dir="rtl"] .btn-group > .btn:nth-child(2) {
  border-radius: 0 !important;
}
html[dir="rtl"] .btn-group .btn-group > :not(:first-child) > .btn {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0;
}
html[dir="rtl"] .btn-group .btn + .btn,
html[dir="rtl"] .btn-group .btn + .btn-group {
  border-right: none;
  margin-right: -1px;
}
html[dir="rtl"] .btn-group .btn-group + .btn,
html[dir="rtl"] .btn-group .btn-group + .btn-group,
html[dir="rtl"] .btn-group .btn-group-vertical .btn + .btn,
html[dir="rtl"] .btn-group .btn-group-vertical .btn + .btn-group,
html[dir="rtl"] .btn-group .btn-group-vertical .btn-group + .btn,
html[dir="rtl"] .btn-group .btn-group-vertical .btn-group + .btn-group {
  margin-right: -1px;
}
html[dir="rtl"] .me-3 {
  margin-left: 1rem !important;
  margin-right: unset !important;
}
html[dir="rtl"] .me-5 {
  margin-left: 3rem !important;
  margin-right: unset !important;
}
html[dir="rtl"] .ms-3 {
  margin-left: unset !important;
  margin-right: 1rem !important;
}
html[dir="rtl"] .m-r-15 {
  margin-left: 15px;
  margin-right: unset;
}
html[dir="rtl"] .p-l-0 {
  padding-left: unset;
  padding-right: 0;
}
html[dir="rtl"] .ps-4 {
  padding-left: unset !important;
  padding-right: 1.5rem !important;
}
html[dir="rtl"] .me-2 {
  margin-left: 0.5rem !important;
  margin-right: unset !important;
}
html[dir="rtl"] .ms-2 {
  margin-left: unset !important;
  margin-right: 0.5rem !important;
}
html[dir="rtl"] .pe-2 {
  padding-left: 0.5rem !important;
  padding-right: unset !important;
}
html[dir="rtl"] .alert {
  text-align: right;
}
html[dir="rtl"] .pull-right {
  float: left;
}
html[dir="rtl"] .form-inline .form-group {
  margin-left: 15px;
  margin-right: 0;
}
html[dir="rtl"] .card {
  text-align: right;
}
html[dir="rtl"] .card.social-profile {
  text-align: center;
}
html[dir="rtl"] .card .card-header h5:not(.mb-0) {
  float: right;
}
html[dir="rtl"] .card .card-header span {
  clear: both;
}
html[dir="rtl"] .card .card-header .card-header-right {
  left: 20px;
  right: unset;
}
html[dir="rtl"] .card .card-header .card-header-right .card-option {
  text-align: left;
}
html[dir="rtl"]
  .card
  .card-header
  .card-header-right
  .card-option.list-unstyled {
  padding-left: unset;
  padding-right: 0;
}
html[dir="rtl"] .card .card-header .pull-left {
  float: right;
}
html[dir="rtl"] .card.full-card {
  left: 0;
  right: unset;
}
html[dir="rtl"] .card .card-body .alert svg {
  margin-left: 4px;
  margin-right: unset;
}
html[dir="rtl"] .card .card-body .square {
  margin-left: 5px;
  margin-right: unset;
}
html[dir="rtl"] .explore-card {
  text-align: left;
}
html[dir="rtl"] .explore-card .group-btn {
  justify-content: flex-end;
}
html[dir="rtl"] .balance-box,
html[dir="rtl"] .purchase-card {
  text-align: center;
}
html[dir="rtl"] .modal-header .btn-close {
  margin: -0.5rem auto -0.5rem -0.5rem;
}
html[dir="rtl"] .modal-footer > :not(:first-child) {
  margin-left: 0;
  margin-right: 0.5rem;
}
html[dir="rtl"] .form-inline .form-group .col-form-label {
  margin-left: 5px;
  margin-right: 0;
}
html[dir="rtl"] .breadcrumb-item + .breadcrumb-item {
  padding-left: unset;
  padding-right: 0.5rem;
}
html[dir="rtl"] .breadcrumb-item + .breadcrumb-item:before {
  float: right;
  padding-left: 0.5rem;
  padding-right: unset;
}
html[dir="rtl"] code[class*="language-"],
html[dir="rtl"] pre[class*="language-"] {
  text-align: right;
}
html[dir="rtl"] .input-group-prepend {
  margin-left: -1px;
  margin-right: unset;
}
html[dir="rtl"]
  .input-group:not(.has-validation)
  > .dropdown-toggle:nth-last-child(n + 3),
html[dir="rtl"]
  .input-group:not(.has-validation)
  > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0.25rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0.25rem;
}
html[dir="rtl"]
  .input-group
  > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(
    .valid-feedback
  ):not(.invalid-tooltip):not(.invalid-feedback) {
  border-bottom-left-radius: 0.375rem;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0;
  margin-left: unset;
  margin-right: -1px;
}
html[dir="rtl"]
  .input-group:not(.has-validation)
  > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(
    .form-floating
  ) {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0.375rem;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0.375rem;
}
html[dir="rtl"]
  .left-sidebar-chat
  .input-group
  > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(
    .valid-feedback
  ):not(.invalid-tooltip):not(.invalid-feedback) {
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
html[dir="rtl"]
  .main-input-group
  .input-radius
  .pill-input-group
  span:first-child {
  border-radius: 0.375rem !important;
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}
html[dir="rtl"]
  .main-input-group
  .input-radius
  .pill-input-group
  span:last-child {
  border-radius: 0.375rem !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
html[dir="rtl"]
  .main-input-group
  .input-group-wrapper.btn-addon
  .input-group:last-child
  .btn:not(.dropdown-toggle):last-child {
  border-bottom-left-radius: 0.375rem !important;
  border-top-left-radius: 0.375rem !important;
}
html[dir="rtl"]
  .main-input-group
  .input-group-wrapper
  .input-group
  > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(
    .valid-feedback
  ):not(.invalid-tooltip):not(.invalid-feedback) {
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
html[dir="rtl"]
  .main-input-group
  .input-group-wrapper
  .input-group:not(.has-validation)
  > .dropdown-toggle:nth-last-child(n + 3) {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}
html[dir="rtl"]
  .input-group-wrapper.btn-addon
  .input-group:last-child
  .btn:not(.dropdown-toggle),
html[dir="rtl"]
  .input-group-wrapper.main-segment-btn
  .input-group:last-child
  .btn:not(.dropdown-toggle) {
  border-radius: 0 !important;
}
html[dir="rtl"] .form-control.is-invalid,
html[dir="rtl"] .form-control.is-valid,
html[dir="rtl"] .was-validated .form-control:invalid,
html[dir="rtl"] .was-validated .form-control:valid {
  background-position: left calc(0.375em + 0.1875rem) center;
  padding-left: calc(1.5em + 0.75rem);
  padding-right: 12px;
}
html[dir="rtl"] .input-group > .form-control:not(:last-child) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
html[dir="rtl"]
  .input-group
  > .input-group-append:last-child
  > .btn:not(:last-child):not(.dropdown-toggle),
html[dir="rtl"]
  .input-group
  > .input-group-append:last-child
  > .input-group-text:not(:last-child),
html[dir="rtl"] .input-group > .input-group-append:not(:last-child) > .btn,
html[dir="rtl"]
  .input-group
  > .input-group-append:not(:last-child)
  > .input-group-text,
html[dir="rtl"] .input-group > .input-group-prepend > .btn,
html[dir="rtl"] .input-group > .input-group-prepend > .input-group-text {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0.25rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0.25rem;
}
html[dir="rtl"] .input-group > .input-group-append > .btn,
html[dir="rtl"] .input-group > .input-group-append > .input-group-text,
html[dir="rtl"]
  .input-group
  > .input-group-prepend:first-child
  > .btn:not(:first-child),
html[dir="rtl"]
  .input-group
  > .input-group-prepend:first-child
  > .input-group-text:not(:first-child),
html[dir="rtl"] .input-group > .input-group-prepend:not(:first-child) > .btn,
html[dir="rtl"]
  .input-group
  > .input-group-prepend:not(:first-child)
  > .input-group-text {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
html[dir="rtl"] .border-tab.nav-left .nav-link {
  text-align: left;
}
html[dir="rtl"] .socialprofile .social-group ul li:nth-child(4) {
  margin-right: -22px;
}
html[dir="rtl"] .social-status form .form-group .form-control-social {
  padding-left: unset;
  padding-right: 15px;
}
html[dir="rtl"] .social-status .d-flex .social-status {
  left: unset;
  right: 35px;
}
html[dir="rtl"] .social-chat .other-msg {
  margin-left: unset;
  margin-right: 40px;
}
html[dir="rtl"] .social-chat .flex-grow-1 span span i {
  transform: scaleX(-1);
}
html[dir="rtl"] .social-chat .flex-grow-1:before {
  border-left: 7px solid #52526c;
  border-right: unset;
  left: 100%;
  right: unset;
}
html[dir="rtl"] .social-chat .flex-grow-1:after {
  border-left: 7px solid #fff;
  border-right: unset;
  left: 100%;
  right: unset;
}
html[dir="rtl"] .rounded-timeline .timeline:after {
  content: "";
  left: unset;
  margin-left: unset;
  margin-right: -1px;
  right: 50%;
}
@media (max-width: 1199px) {
  html[dir="rtl"] .rounded-timeline .timeline:after {
    left: unset;
    right: 75px;
  }
}
html[dir="rtl"] .rounded-timeline .container:after {
  content: "";
  left: -8px;
  right: unset;
}
html[dir="rtl"] .rounded-timeline .container:before {
  content: "";
  left: 8px;
  right: unset;
}
html[dir="rtl"] .rounded-timeline .container .content {
  border-radius: 200px 0 0 200px;
  padding: 20px 20px 20px 80px;
}
html[dir="rtl"] .rounded-timeline .container.left {
  left: unset;
  right: 0;
}
html[dir="rtl"] .rounded-timeline .container.left .date {
  left: -75px;
  right: unset;
}
html[dir="rtl"] .rounded-timeline .container.left .icon {
  left: 56px;
  right: unset;
}
@media (max-width: 1199px) and (min-width: 768px) {
  html[dir="rtl"] .rounded-timeline .container.left {
    left: unset;
    right: 75px;
  }
  html[dir="rtl"] .rounded-timeline .container.left:before {
    left: unset;
    right: 8px;
  }
  html[dir="rtl"] .rounded-timeline .container.left:after {
    left: unset;
    right: -8px;
  }
  html[dir="rtl"] .rounded-timeline .container.left .date {
    left: unset;
    right: -75px;
  }
  html[dir="rtl"] .rounded-timeline .container.left .icon {
    left: unset;
    right: 56px;
  }
  html[dir="rtl"] .rounded-timeline .container.left .content {
    border-radius: 0 200px 200px 0;
    padding: 20px 80px 20px 20px;
  }
}
@media (max-width: 767px) {
  html[dir="rtl"] .rounded-timeline .container.left {
    left: unset;
    right: 0;
  }
}
html[dir="rtl"] .rounded-timeline .container.right {
  left: unset;
  right: 50%;
}
html[dir="rtl"] .rounded-timeline .container.right:after {
  left: unset;
  right: -8px;
}
html[dir="rtl"] .rounded-timeline .container.right:before {
  left: unset;
  right: 8px;
}
html[dir="rtl"] .rounded-timeline .container.right .date {
  left: unset;
  right: -75px;
}
html[dir="rtl"] .rounded-timeline .container.right .icon {
  left: unset;
  right: 56px;
}
html[dir="rtl"] .rounded-timeline .container.right .content {
  border-radius: 0 200px 200px 0;
  padding: 20px 80px 20px 20px;
}
@media (max-width: 1199px) {
  html[dir="rtl"] .rounded-timeline .container.right {
    left: unset;
    right: 75px;
  }
  html[dir="rtl"] .rounded-timeline .container.right:after {
    left: unset;
    right: -8px;
  }
}
@media (max-width: 767px) {
  html[dir="rtl"] .rounded-timeline .timeline:after {
    left: unset;
    right: 90px;
  }
  html[dir="rtl"] .rounded-timeline .container {
    padding-left: 30px;
    padding-right: 120px;
  }
  html[dir="rtl"] .rounded-timeline .container.right {
    left: unset;
    right: 0;
  }
  html[dir="rtl"] .rounded-timeline .container.right:after {
    left: unset;
    right: 82px;
  }
  html[dir="rtl"] .rounded-timeline .container.right:before {
    left: unset;
    right: 95px;
  }
  html[dir="rtl"] .rounded-timeline .container.right .date {
    left: auto;
    right: 15px;
  }
  html[dir="rtl"] .rounded-timeline .container.right .icon {
    left: auto;
    right: 146px;
  }
  html[dir="rtl"] .rounded-timeline .container.right .content {
    border-radius: 0 200px 200px 0;
    padding: 30px 90px 30px 30px;
  }
  html[dir="rtl"] .rounded-timeline .container.left:after {
    left: unset;
    right: 82px;
  }
  html[dir="rtl"] .rounded-timeline .container.left:before {
    left: unset;
    right: 95px;
  }
  html[dir="rtl"] .rounded-timeline .container.left .date {
    left: auto;
    right: 15px;
  }
  html[dir="rtl"] .rounded-timeline .container.left .icon {
    left: auto;
    right: 146px;
  }
  html[dir="rtl"] .rounded-timeline .container.left .content {
    border-radius: 0 200px 200px 0;
    padding: 30px 90px 30px 30px;
  }
}
@media (max-width: 610px) {
  html[dir="rtl"] .rounded-timeline .timeline:after {
    left: unset;
    right: 8px;
  }
  html[dir="rtl"] .rounded-timeline .timeline .container {
    padding-left: unset;
    padding-right: 30px;
  }
  html[dir="rtl"] .rounded-timeline .timeline .container:after,
  html[dir="rtl"] .rounded-timeline .timeline .container:before {
    left: unset;
    right: 0;
  }
  html[dir="rtl"] .rounded-timeline .timeline .container .icon {
    left: unset;
    right: 50px;
  }
}
@media (max-width: 610px) and (max-width: 475px) {
  html[dir="rtl"] .rounded-timeline .timeline .container .content {
    padding: 30px 75px 30px 30px;
  }
}
@media (max-width: 440px) {
  html[dir="rtl"] .rounded-timeline .timeline {
    padding-top: 20px;
  }
  html[dir="rtl"] .rounded-timeline .timeline .container {
    padding-left: unset;
    padding-right: 0;
  }
  html[dir="rtl"] .rounded-timeline .timeline .container .icon {
    left: unset;
    right: 45%;
  }
  html[dir="rtl"] .rounded-timeline .timeline:after {
    left: unset;
    right: 50%;
  }
}
@media (max-width: 390px) {
  html[dir="rtl"] .rounded-timeline .timeline .container .icon {
    left: unset;
    right: 44%;
  }
}
@media (max-width: 335px) {
  html[dir="rtl"] .rounded-timeline .timeline .container .icon {
    left: unset;
    right: 42%;
  }
}
html[dir="rtl"] .animated-timeline .timeline-block:before {
  left: unset;
  right: 50%;
}
html[dir="rtl"] .animated-timeline .timeline-block .timeline-event:before {
  left: unset;
  right: -27px;
}
html[dir="rtl"]
  .animated-timeline
  .timeline-block
  .timeline-event:nth-child(odd) {
  margin-left: unset;
  margin-right: calc(50% + 20px);
}
html[dir="rtl"]
  .animated-timeline
  .timeline-block
  .timeline-event:nth-child(2n) {
  margin-left: unset;
  margin-right: calc(50% - 321px);
}
html[dir="rtl"]
  .animated-timeline
  .timeline-block
  .timeline-event:nth-child(2n):before {
  left: unset;
  right: calc(100% + 16px);
}
@media (max-width: 767px) {
  html[dir="rtl"] .animated-timeline .timeline-block:before {
    left: unset;
    right: 18px;
  }
  html[dir="rtl"] .animated-timeline .timeline-block .title {
    text-align: right;
  }
  html[dir="rtl"] .animated-timeline .timeline-block .timeline-event:before {
    left: unset;
    right: -49px;
  }
  html[dir="rtl"]
    .animated-timeline
    .timeline-block
    .timeline-event:nth-child(2n),
  html[dir="rtl"]
    .animated-timeline
    .timeline-block
    .timeline-event:nth-child(odd) {
    margin-left: unset;
    margin-right: calc(50% - 260px);
  }
  html[dir="rtl"]
    .animated-timeline
    .timeline-block
    .timeline-event:nth-child(2n):before {
    left: unset;
    left: calc(100% + 31px);
    right: calc(100% + 33px);
    right: unset;
  }
  html[dir="rtl"] .animated-timeline .timeline-block .timeline-event:before {
    left: unset;
    right: -47px;
  }
  html[dir="rtl"]
    .animated-timeline
    .timeline-block
    .timeline-event:nth-child(2n),
  html[dir="rtl"]
    .animated-timeline
    .timeline-block
    .timeline-event:nth-child(odd) {
    margin-left: unset;
    margin-right: 58px;
  }
}
@media (max-width: 440px) {
  html[dir="rtl"] .animated-timeline .timeline-block .timeline-event:before {
    left: unset;
    right: -45px;
  }
  html[dir="rtl"]
    .animated-timeline
    .timeline-block
    .timeline-event:nth-child(2n):before {
    left: calc(100% + 33px);
    right: unset;
  }
}
html[dir="rtl"] .photos ul li {
  margin-left: 10px;
  margin-right: unset;
}
html[dir="rtl"] .avatar-showcase .friend-pic {
  margin-left: 8px;
  margin-right: unset;
}
html[dir="rtl"] .avatar-showcase .pepole-knows ul li {
  margin-left: 21px;
  margin-right: unset;
}
html[dir="rtl"] .avatar-showcase .pepole-knows ul li:last-child {
  margin-left: 0;
}
html[dir="rtl"] .user-profile .hovercard .user-image .share-icons {
  left: 100px;
  right: unset;
}
html[dir="rtl"] .user-profile .hovercard .user-image .share-icons li {
  margin-left: 10px;
  margin-right: unset;
}
html[dir="rtl"]
  .user-profile
  .hovercard
  .user-image
  .share-icons
  li:last-child {
  margin-left: 0;
}
html[dir="rtl"] .lang span span {
  margin-left: unset;
  margin-right: 5px;
}
html[dir="rtl"] .faq-form .search-icon {
  left: 12px;
  right: unset;
}
html[dir="rtl"] .faq-widgets .flex-grow-1 p {
  padding-left: 20px;
  padding-right: unset;
}
html[dir="rtl"] .faq-title,
html[dir="rtl"] .header-faq {
  text-align: right;
}
html[dir="rtl"] .faq-accordion.default-according .card .faq-header svg {
  left: 30px;
  right: unset;
}
html[dir="rtl"] .faq-accordion.default-according .card .btn-link svg {
  margin-left: 10px;
  margin-right: unset;
}
html[dir="rtl"] .navigation-option ul li {
  padding: 8px 0 8px 8px;
}
html[dir="rtl"] .navigation-option ul li a {
  padding-left: unset;
  padding-right: 40px;
}
html[dir="rtl"] .navigation-option ul li a svg {
  left: unset;
  right: 15px;
}
html[dir="rtl"] .updates-faq {
  margin-left: 20px;
  margin-right: unset;
}
html[dir="rtl"] .browse .browse-articles span svg {
  margin-left: 10px;
  margin-right: unset;
}
html[dir="rtl"] .categories .learning-header {
  padding-left: unset;
  padding-right: 15px;
}
html[dir="rtl"] .main .langChoice {
  left: 30px;
  right: unset;
}
html[dir="rtl"] .pricing-block svg {
  direction: ltr;
}
html[dir="rtl"] .avatars .avatar,
html[dir="rtl"] p.data-attributes svg {
  margin-left: 10px;
  margin-right: unset;
}
html[dir="rtl"] .avatars .avatar:last-child {
  margin-left: 0;
}
html[dir="rtl"] .avatars .avatar .status {
  left: 4px;
  right: unset;
}
html[dir="rtl"] .customers.avatar-group {
  margin-left: 30px;
  margin-right: unset;
}
html[dir="rtl"] .card .card-header h5 {
  float: none !important;
}
html[dir="rtl"] .knob-chart .chart-clock-main .clock-small {
  left: unset;
  right: 10px;
}
html[dir="rtl"] .todo-wrap.email-wrap .todo-tasks .card-body .task-date,
html[dir="rtl"] .todo-wrap.email-wrap .todo-tasks .delete-button {
  margin-left: unset;
  margin-right: auto;
}
html[dir="rtl"] .todo-options .badges-todo h6 {
  margin-left: 10px;
  margin-right: unset;
}
html[dir="rtl"] .todo-options .badges-todo h6:last-child {
  margin-left: 0;
}
html[dir="rtl"]
  .todo-list-btns
  .dropdown-basic
  .btn-group
  .form-group
  .checkbox {
  border-bottom-left-radius: unset;
  border-bottom-right-radius: 25px;
  border-top-left-radius: unset;
  border-top-right-radius: 25px;
  padding-left: unset;
  padding-right: 14px;
}
html[dir="rtl"] .todo-list-btns .dropdown-basic .separated-btn {
  margin-left: unset;
  margin-right: -6px;
}
html[dir="rtl"] .todo-list-btns .dropdown-basic .separated-btn .btn {
  border-bottom-left-radius: 25px;
  border-top-left-radius: 25px;
}
html[dir="rtl"] .search-todo .dropdown-basic .btn-group {
  margin-left: 18px;
  margin-right: unset;
}
html[dir="rtl"] .dark-dropdown-box .btn-group .dropdown-toggle-split {
  border-bottom-left-radius: 4px !important;
  border-top-left-radius: 4px !important;
}
html[dir="rtl"] .sticky-note .note {
  float: right;
}
html[dir="rtl"]
  #testimonial
  .owl-stage-outer
  .owl-stage
  .owl-item
  .slide--item
  .d-flex
  .me-3 {
  margin-left: unset !important;
  margin-right: 1rem !important;
}
html[dir="rtl"] .form-row .input-group > .custom-select:not(:last-child),
html[dir="rtl"] .form-row .input-group > .form-control:not(:last-child),
html[dir="rtl"]
  .needs-validation
  .input-group
  > .custom-select:not(:last-child),
html[dir="rtl"]
  .needs-validation
  .input-group
  > .form-control:not(:last-child) {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0;
}
html[dir="rtl"] .form-check {
  padding-left: unset;
  padding-right: 1.25rem;
}
html[dir="rtl"] .form-check .form-check-input {
  float: right;
  margin-left: unset;
  margin-right: -1.5em;
}
html[dir="rtl"] .form-check-reverse .form-check-input {
  float: right;
  margin-left: 0;
  margin-right: 10px;
}
html[dir="rtl"] .dynamic-form-field .input-group-btn span {
  margin-left: unset;
  margin-right: 6px;
}
html[dir="rtl"]
  .theme-form
  .custom-input
  .input-group
  > .form-floating:not(:first-child)
  > .form-control {
  border-bottom-left-radius: 0.375rem;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0;
}
html[dir="rtl"]
  .theme-form
  .custom-input
  .input-group.has-validation
  > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu):not(
    .form-floating
  ) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0.375rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0.375rem;
}
html[dir="rtl"] .email-wrap .row .col-xl-6 {
  padding-left: 15px;
  padding-right: 0;
}
html[dir="rtl"] .email-wrap .row .col-xl-3 + .col-xl-3 {
  padding-left: 0;
  padding-right: 15px;
}
html[dir="rtl"] .email-wrap .email-app-sidebar .main-menu > li {
  text-align: right;
}
html[dir="rtl"] .email-wrap .email-app-sidebar .main-menu > li a i {
  margin-left: 10px;
  margin-right: unset;
}
html[dir="rtl"] .email-wrap .email-app-sidebar .main-menu > li ul {
  padding-right: 12px;
}
html[dir="rtl"] .email-wrap .email-app-sidebar .main-menu > li a {
  padding: 0;
}
html[dir="rtl"] .email-wrap .email-app-sidebar ul {
  padding-right: 0;
}
html[dir="rtl"] .email-wrap .email-right-aside .email-body .pe-0 {
  padding-right: unset !important;
}
html[dir="rtl"] .email-wrap .email-right-aside .radius-left {
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-radius: 4px;
}
html[dir="rtl"] .email-main-wrapper .email-app-sidebar .nav-pills .nav-link {
  padding: 8px 12px;
}
html[dir="rtl"] #renderRange {
  float: left;
  padding-left: unset;
  padding-right: 12px;
}
html[dir="rtl"] .event-calendar {
  direction: ltr;
}
html[dir="rtl"] .calendar-wrap .fc {
  direction: rtl;
  text-align: right;
}
html[dir="rtl"] .calendar-wrap .fc .fc-toolbar .fc-left {
  float: right;
}
html[dir="rtl"] .calendar-wrap .fc .fc-toolbar .fc-right {
  float: left;
}
html[dir="rtl"] .calendar-wrap .fc .fc-toolbar > * > * {
  margin-left: 0;
}
html[dir="rtl"] .calendar-wrap .fc-events-container {
  text-align: right;
}
html[dir="rtl"] .calendar-wrap .fc-scroller {
  margin-left: -17px;
  margin-right: unset;
}
html[dir="rtl"] .fc-agenda-view .fc-day-grid .fc-row,
html[dir="rtl"] .fc-unthemed .fc-row {
  margin-right: 0 !important;
}
html[dir="rtl"] .btn-showcase .btn {
  margin-left: 10px;
  margin-right: unset;
}
html[dir="rtl"] .btn-square.dropdown-toggle {
  border-bottom-left-radius: 0.25rem !important;
  border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0 !important;
}
html[dir="rtl"].button-builder .color-slelector,
html[dir="rtl"].button-builder ul.the-icons li {
  float: right;
}
html[dir="rtl"].button-builder .custom-button-color .form-control {
  border-radius: 0 5px 5px 0;
}
html[dir="rtl"].button-builder .custom-button-color .form-control.pull-left {
  float: right;
}
html[dir="rtl"].button-builder .hint-label {
  float: right;
  padding: 4px 20px 0 0;
}
html[dir="rtl"] #customer-review .owl-item img {
  order: 2;
}
html[dir="rtl"] .options > div {
  margin: 0 0 8px 8px;
}
html[dir="rtl"] .login-card .form-check {
  padding-left: unset;
  padding-right: 1.5em;
}
html[dir="rtl"] .login-card .form-check .form-check-input,
html[dir="rtl"] .login-card .form-check input[type="checkbox"] {
  float: right;
  margin-left: unset;
  margin-right: -1.5em;
}
html[dir="rtl"] .login-card .btn-showcase .btn {
  margin: 0;
}
html[dir="rtl"] .modal-dialog .modal-content .modal-body p a {
  margin-left: 0;
}
html[dir="rtl"] .drag-box fieldset .component .form-group .text-lg-left {
  text-align: right !important;
}
html[dir="rtl"]
  .drag-box
  fieldset
  .component
  .form-group
  .input-group
  .input-group-prepend
  .btn,
html[dir="rtl"]
  .drag-box
  fieldset
  .component
  .form-group
  .input-group
  .input-group-prepend
  .input-group-text {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0.25rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0.25rem;
}
html[dir="rtl"]
  .drag-box
  fieldset
  .component
  .form-group
  .input-group
  .input-group-prepend
  .btn-right,
html[dir="rtl"]
  .drag-box
  fieldset
  .component
  .form-group
  .input-group
  .input-group-prepend
  .checkbox-radius {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0;
}
html[dir="rtl"]
  .drag-box
  fieldset
  .component
  .form-group
  .input-group
  #prependedcheckbox {
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
html[dir="rtl"]
  .drag-box
  fieldset
  .component
  .form-group
  .input-group
  #appendedcheckbox {
  border-right-color: #efefef;
}
html[dir="rtl"]
  .drag-box
  fieldset
  .component
  .form-group
  .input-group
  #buttondropdown {
  margin-left: -1px;
  margin-right: unset;
}
html[dir="rtl"] .drag form,
html[dir="rtl"] .drag form input {
  text-align: right;
}
html[dir="rtl"] .drag form label {
  text-align: right !important;
}
html[dir="rtl"] .drag form .form-group .input-group .input-group-prepend .btn,
html[dir="rtl"]
  .drag
  form
  .form-group
  .input-group
  .input-group-prepend
  .input-group-text {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0.25rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0.25rem;
}
html[dir="rtl"]
  .drag
  form
  .form-group
  .input-group
  .input-group-prepend
  .btn-right,
html[dir="rtl"]
  .drag
  form
  .form-group
  .input-group
  .input-group-prepend
  .checkbox-radius {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0;
}
html[dir="rtl"] .drag form .form-group .input-group #buttondropdown {
  margin-left: -1px;
  margin-right: unset;
}
html[dir="rtl"] .draggable label {
  text-align: right;
}
html[dir="rtl"]
  .form-builder-column
  .tab-content
  .tab-pane
  .theme-form
  .ui-draggable
  .input-group
  > .input-group-prepend
  > .input-group-text {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0.25rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0.25rem;
}
html[dir="rtl"]
  .form-builder-column
  #pills-tabContent
  .theme-form
  .form-group
  .input-group
  #buttondropdown,
html[dir="rtl"]
  .form-builder-column
  #pills-tabContent
  .theme-form
  .ui-draggable
  .input-group
  #buttondropdown {
  margin-left: 15px;
  margin-right: unset;
}
html[dir="rtl"]
  .form-builder-column
  #pills-tabContent
  .theme-form
  .form-group
  .input-group
  .input-group-btn
  button,
html[dir="rtl"]
  .form-builder-column
  #pills-tabContent
  .theme-form
  .ui-draggable
  .input-group
  .input-group-btn
  button {
  border-radius: 4px !important;
}
html[dir="rtl"]
  .form-horizontal.theme-form
  fieldset
  .tab-content
  .tab-pane
  .component
  .form-group
  .text-lg-left {
  text-align: right !important;
}
html[dir="rtl"]
  .form-horizontal.theme-form
  fieldset
  .tab-content
  .tab-pane
  .component
  .form-group
  .input-group
  .input-group-prepend
  .btn,
html[dir="rtl"]
  .form-horizontal.theme-form
  fieldset
  .tab-content
  .tab-pane
  .component
  .form-group
  .input-group
  .input-group-prepend
  .input-group-text {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0.25rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0.25rem;
}
html[dir="rtl"]
  .form-horizontal.theme-form
  fieldset
  .tab-content
  .tab-pane
  .component
  .form-group
  .input-group
  .input-group-prepend
  .btn-right,
html[dir="rtl"]
  .form-horizontal.theme-form
  fieldset
  .tab-content
  .tab-pane
  .component
  .form-group
  .input-group
  .input-group-prepend
  .checkbox-radius {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0;
}
html[dir="rtl"]
  .form-builder
  .component
  .form-group
  .input-group
  #buttondropdown {
  margin-left: -1px;
  margin-right: unset;
}
html[dir="rtl"] .page-wrapper .page-body-wrapper .logo-wrapper {
  box-shadow: 9px 0 20px rgba(89, 102, 122, 0.1) !important;
}
html[dir="rtl"] .page-wrapper .page-body-wrapper .logo-wrapper a {
  transform: translate(-64px);
}
html[dir="rtl"] .search-page .nav i {
  display: inline-block;
  margin-left: 10px;
  margin-right: unset;
}
html[dir="rtl"] .product-stts {
  display: inline-block;
}
html[dir="rtl"] .product-stts .ms-1 {
  margin-left: unset !important;
  margin-right: 0.25rem !important;
}
html[dir="rtl"] .search-form input {
  padding: 10px 70px 10px 10px;
  text-align: right;
}
html[dir="rtl"] .icon-hover-bottom .icon-title {
  text-align: right;
}
html[dir="rtl"] .icon-lists div i {
  margin: 0 10px 0 15px;
}
html[dir="rtl"] .icon-lists ul {
  padding-right: 0;
}
html[dir="rtl"] .feather-icons div .flex-grow-1 h5,
html[dir="rtl"] .flag-icons div .flex-grow-1 h5 {
  margin-left: 5px;
  margin-right: unset;
}
html[dir="rtl"] ul.icon-lists {
  padding-right: 30px;
}
html[dir="rtl"] .floated-customizer-btn.third-floated-btn {
  left: 35px;
  right: unset;
}
html[dir="rtl"] .floated-customizer-btn > span {
  margin-right: 10px;
}
html[dir="rtl"] .floated-customizer-panel {
  left: -85px;
  right: unset;
  text-align: right;
}
html[dir="rtl"] .floated-customizer-panel.active {
  left: 35px;
  right: unset;
}
html[dir="rtl"] .floated-customizer-panel .close-customizer-btn {
  left: 30px;
  right: unset;
}
html[dir="rtl"] .floated-customizer-panel ul {
  padding-right: 0;
}
html[dir="rtl"] .form-builder-2-header > div nav {
  float: left;
}
html[dir="rtl"] .radio label {
  padding-left: 0;
  padding-right: 5px;
}
html[dir="rtl"] .radio label:before {
  left: unset;
  margin-right: -20px;
  right: 0;
}
html[dir="rtl"] .page-wrapper .page-body-wrapper .page-title .row h3 {
  padding-left: 20px;
  padding-right: unset !important;
  text-align: right;
}
html[dir="rtl"] .page-wrapper .page-body-wrapper .page-title .row h6 {
  text-align: right;
}
html[dir="rtl"] .page-wrapper.compact-wrapper .page-header {
  margin-left: unset;
  margin-right: 265px;
  width: calc(100% - 265px);
}
html[dir="rtl"] .page-wrapper.compact-wrapper .page-header.close_icon {
  margin-left: unset;
  margin-right: 80px;
  width: calc(100% - 80px);
}
html[dir="rtl"] .page-wrapper.modern-type .page-header,
html[dir="rtl"] .page-wrapper.modern-type .page-header.close_icon {
  margin-right: 0;
  width: 100%;
}
html[dir="rtl"]
  .page-wrapper.modern-type
  .page-header
  .header-wrapper
  .logo-wrapper {
  margin-left: 30px;
  margin-right: unset;
}
html[dir="rtl"]
  .page-wrapper.modern-type
  .page-header
  .header-wrapper
  .toggle-sidebar {
  margin-left: 15px;
  margin-right: unset;
}
html[dir="rtl"] .page-wrapper.modern-type .page-body-wrapper .page-body {
  margin-right: 296px;
}
html[dir="rtl"] .page-wrapper.modern-type .page-body-wrapper .footer {
  margin-left: 55px;
  margin-right: 360px;
}
html[dir="rtl"]
  .page-wrapper.modern-type
  .page-body-wrapper
  div.sidebar-wrapper.close_icon
  ~ .page-body,
html[dir="rtl"]
  .page-wrapper.modern-type
  .page-body-wrapper
  div.sidebar-wrapper.close_icon
  ~ footer {
  margin-right: 0;
}
html[dir="rtl"] .page-header .header-wrapper .nav-right {
  text-align: right;
}
html[dir="rtl"] .page-header .header-wrapper .nav-right .onhover-show-div {
  left: 0;
  right: unset;
}
@media (max-width: 575.98px) {
  html[dir="rtl"] .page-header .header-wrapper .nav-right .onhover-show-div {
    left: 12px;
  }
}
html[dir="rtl"]
  .page-header
  .header-wrapper
  .nav-right
  .onhover-show-div
  li
  .d-flex
  .flex-grow-1
  > span {
  padding-left: 10px;
  padding-right: unset;
}
@media (max-width: 575.98px) {
  html[dir="rtl"] .page-header .header-wrapper .nav-right .cart-dropdown li {
    padding: 10px;
  }
}
html[dir="rtl"]
  .page-header
  .header-wrapper
  .nav-right
  .cart-dropdown
  .close-circle {
  left: 0;
  right: unset;
}
html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li {
  text-align: right;
}
html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li .lang-txt {
  margin-left: 0;
  margin-right: 8px;
}
html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li:before {
  left: unset;
  right: 0;
}
html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li .dot {
  left: 17px;
  right: unset;
}
html[dir="rtl"]
  .page-header
  .header-wrapper
  .nav-right
  > ul
  > li.onhover-dropdown:hover
  .onhover-show-div:after,
html[dir="rtl"]
  .page-header
  .header-wrapper
  .nav-right
  > ul
  > li.onhover-dropdown:hover
  .onhover-show-div:before {
  left: unset;
  right: 10px;
}
html[dir="rtl"]
  .page-header
  .header-wrapper
  .nav-right
  > ul
  > li.onhover-dropdown:last-child {
  padding-left: 0;
  padding-right: 0 !important;
}
html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li:last-child {
  padding-left: 0;
  padding-right: 20px;
}
html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li i.ms-2 {
  margin-left: unset !important;
  margin-right: 0.5rem !important;
}
html[dir="rtl"]
  .page-header
  .header-wrapper
  .nav-right
  .profile-dropdown
  li
  svg {
  margin-left: 10px;
  margin-right: unset;
}
html[dir="rtl"] .page-header .header-wrapper .mobile-sidebar {
  padding-left: 20px;
  padding-right: unset;
}
html[dir="rtl"] .page-header.open {
  margin-right: 0;
}
html[dir="rtl"] ul.notification-dropdown.onhover-show-div {
  left: -30px;
  padding: 0;
  right: auto;
}
html[dir="rtl"] ul.notification-dropdown.onhover-show-div:after,
html[dir="rtl"] ul.notification-dropdown.onhover-show-div:before {
  left: 35px !important;
  right: inherit !important;
}
html[dir="rtl"] ul.notification-dropdown.onhover-show-div li {
  margin-right: 0 !important;
}
html[dir="rtl"] ul.notification-dropdown.onhover-show-div li span.badge {
  margin-left: unset !important;
}
html[dir="rtl"] ul.notification-dropdown.onhover-show-div li span svg {
  margin-left: 10px;
  margin-right: unset;
}
html[dir="rtl"]
  ul.notification-dropdown.onhover-show-div
  li
  .notification-icon {
  margin-left: 20px;
  margin-right: unset;
}
html[dir="rtl"] .card-body .alert svg ~ p {
  padding-left: unset;
  padding-right: 20px;
}
html[dir="rtl"] .alert i {
  margin-left: 5px;
  margin-right: 0;
}
html[dir="rtl"] .alert.alert-dismissible {
  padding-left: 2.5rem;
  padding-right: 15px;
}
html[dir="rtl"] .alert.alert-dismissible .me-2 {
  margin-right: auto !important;
}
html[dir="rtl"] .inverse {
  padding: 13px 65px 13px 20px;
}
html[dir="rtl"] .inverse i {
  left: unset;
  right: 0;
}
html[dir="rtl"] .card-body.alerts-icon .alert > div {
  margin-left: 10px;
  margin-right: unset;
}
html[dir="rtl"] .card-body.alerts-icon .alert svg {
  margin: 0;
}
html[dir="rtl"] .alert-primary.inverse:before {
  border-left: unset;
  border-right: 7px solid #7366ff;
  left: unset;
  right: 54px;
}
html[dir="rtl"] .alert-secondary.inverse:before {
  border-left: unset;
  border-right: 7px solid #838383;
  left: unset;
  right: 54px;
}
html[dir="rtl"] .alert-success.inverse:before {
  border-left: unset;
  border-right: 7px solid #65c15c;
  left: unset;
  right: 54px;
}
html[dir="rtl"] .alert-danger.inverse:before {
  border-left: unset;
  border-right: 7px solid #fc564a;
  left: unset;
  right: 54px;
}
html[dir="rtl"] .alert-warning.inverse:before {
  border-left: unset;
  border-right: 7px solid #ffb829;
  left: unset;
  right: 54px;
}
html[dir="rtl"] .alert-info.inverse:before {
  border-left: unset;
  border-right: 7px solid #40b8f5;
  left: unset;
  right: 54px;
}
html[dir="rtl"] .alert-light.inverse:before {
  border-left: unset;
  border-right: 7px solid #f4f4f4;
  left: unset;
  right: 54px;
}
html[dir="rtl"] .alert-dark.inverse:before {
  border-left: unset;
  border-right: 7px solid #3f475a;
  left: unset;
  right: 54px;
}
html[dir="rtl"] .alert-dismissible .btn-close {
  left: 0;
  right: unset;
}
html[dir="rtl"] .alert-dismissible .btn-close span {
  padding-left: 0;
  padding-right: unset;
}
html[dir="rtl"] .icofont.icofont-truck {
  display: inline-block;
}
html[dir="rtl"] .blog-box .blog-details {
  padding-left: 20px;
  padding-right: unset;
  text-align: right;
}
html[dir="rtl"] .blog-box .blog-details .blog-social {
  padding-right: 0;
}
html[dir="rtl"] .blog-box .blog-details .blog-social li + li {
  padding-left: 20px;
  padding-right: unset;
}
html[dir="rtl"] .blog-box .blog-details .blog-social li:first-child {
  border-left: 1px solid #777;
  border-right: unset;
  padding-left: 20px;
  padding-right: unset;
}
@media screen and (min-width: 1200px) and (max-width: 1366px) {
  html[dir="rtl"] .blog-box .blog-details .blog-social li:first-child {
    padding-left: 8px;
    padding-right: unset;
  }
}
@media (max-width: 360px) {
  html[dir="rtl"] .blog-box .blog-details .blog-social li:last-child {
    padding-left: unset;
    padding-right: 0;
  }
}
html[dir="rtl"] .blog-box .blog-details .blog-social li + li {
  margin-left: unset;
  margin-right: 20px;
  padding-left: 0;
}
@media screen and (min-width: 1200px) and (max-width: 1366px) {
  html[dir="rtl"] .blog-box .blog-details .blog-social li + li {
    padding-left: unset;
    padding-right: 8px;
  }
}
html[dir="rtl"] .blog-box .blog-details-main .blog-social li {
  border-left: 1px dotted;
  border-right: unset;
}
html[dir="rtl"] .blog-box .blog-details-main .blog-social li:last-child {
  border-left: none;
}
html[dir="rtl"] .blog-box .blog-date span {
  font-size: 36px;
  font-weight: 500;
  padding-left: 5px;
}
html[dir="rtl"] .blog-box.blog-shadow .blog-details {
  padding-right: 20px;
}
html[dir="rtl"] .comment-box .d-flex img {
  margin-left: 20px;
  margin-right: unset;
}
html[dir="rtl"] .comment-box .d-flex h6 {
  text-align: right;
}
html[dir="rtl"] .comment-box .d-flex h6 span {
  padding-left: unset;
  padding-right: 10px;
}
html[dir="rtl"] .comment-box ul ul {
  margin-left: unset;
  padding-right: 0;
}
@media (max-width: 575.98px) {
  html[dir="rtl"] .comment-box ul ul {
    margin-right: 30px;
  }
}
html[dir="rtl"] .comment-box .comment-social {
  text-align: left;
}
html[dir="rtl"] .comment-box .comment-social li {
  padding-left: 0;
  padding-right: 20px;
}
html[dir="rtl"] .comment-box .comment-social li:first-child {
  border-left: 1px solid #efefef;
  border-right: unset;
  padding-left: 20px;
  padding-right: 0;
}
@media (max-width: 767.98px) {
  html[dir="rtl"] .blog-single .comment-box .comment-social li:first-child {
    padding-left: 15px;
    padding-right: 0;
  }
}
html[dir="rtl"]
  .button-wrapper
  .btn-group.select-checkbox
  .btn:not(:last-child) {
  border-bottom-right-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}
html[dir="rtl"] .button-wrapper .btn-group.select-checkbox .btn:nth-of-type(2) {
  border-bottom-right-radius: unset !important;
  border-top-right-radius: unset !important;
}
html[dir="rtl"] .btn-toolbar .btn-group > .btn:first-child,
html[dir="rtl"] .button-box .btn-group > .btn:first-child {
  border-radius: 0 6px 6px 0;
}
html[dir="rtl"]
  .btn-toolbar
  .btn-group
  > .btn
  + .btn:not(:last-child):not(.dropdown-toggle),
html[dir="rtl"]
  .button-box
  .btn-group
  > .btn
  + .btn:not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
html[dir="rtl"] .btn-toolbar .btn-group > .btn-group:not(:first-child) > .btn,
html[dir="rtl"] .button-box .btn-group > .btn-group:not(:first-child) > .btn {
  border-radius: 6px 0 0 6px;
}
html[dir="rtl"]
  .btn-toolbar
  .btn-group:last-child
  .btn:not(.btn-check ~ .btn):not(.dropdown-toggle),
html[dir="rtl"]
  .button-box
  .btn-group:last-child
  .btn:not(.btn-check ~ .btn):not(.dropdown-toggle) {
  border-radius: 6px;
}
html[dir="rtl"] .button-builder-wrap .form-group .btn {
  margin-left: 15px;
  margin-right: 0;
  padding: 9px;
}
html[dir="rtl"] .button-builder ul.the-icons {
  padding-right: 0 !important;
}
html[dir="rtl"] .chat-msg-box ul {
  padding-right: 0;
}
html[dir="rtl"] .fg-emoji-container {
  left: 135px !important;
}
html[dir="rtl"] .fg-emoji-container .fg-emoji-picker-search-icon {
  left: -6px;
  right: unset;
}
html[dir="rtl"] .cke_combo_text,
html[dir="rtl"] .cke_toolbar,
html[dir="rtl"] .cke_toolgroup,
html[dir="rtl"] a.cke_button {
  float: right;
}
html[dir="rtl"] .cke_reset_all,
html[dir="rtl"] .cke_reset_all *,
html[dir="rtl"] .cke_reset_all a,
html[dir="rtl"] .cke_reset_all textarea {
  text-align: right;
}
html[dir="rtl"] .cke_combo_text {
  padding-left: unset;
  padding-right: 10px;
}
html[dir="rtl"] #editor1 #cke_editor1 #cke_1_contents iframe html {
  direction: rtl !important;
}
html[dir="rtl"] #clockdiv ul {
  padding-right: 0;
}
html[dir="rtl"] .custom-card .card-footer > div + div {
  border-left: unset !important;
  border-right: 1px solid #efefef;
}
html[dir="rtl"] .card-social {
  padding-right: 0;
}
html[dir="rtl"] .card-absolute .card-header {
  left: unset;
  right: 15px;
}
html[dir="rtl"] .dataTables_wrapper .dataTables_filter input[type="search"] {
  margin-left: 0;
  margin-right: 10px;
}
html[dir="rtl"] .dataTables_wrapper .dataTables_length {
  float: right;
}
html[dir="rtl"] .dataTables_wrapper .dataTables_filter {
  float: left;
  margin-left: unset;
  margin-right: 15px;
}
html[dir="rtl"] .dataTables_wrapper .dataTables_info {
  float: right;
}
html[dir="rtl"] .dataTables_wrapper .advance-5_filter {
  margin-left: 0;
}
html[dir="rtl"] .dataTables_wrapper .btn-group button {
  margin-left: 5px;
  margin-right: unset;
}
html[dir="rtl"] .dataTables_wrapper .btn-group button:last-child {
  margin-left: 0;
}
html[dir="rtl"]
  .dataTables_wrapper
  table.dataTable
  tbody
  td.select-checkbox:after,
html[dir="rtl"]
  .dataTables_wrapper
  table.dataTable
  tbody
  th.select-checkbox:after {
  margin-left: 31px;
}
html[dir="rtl"] div.dataTables_wrapper div.dataTables_paginate {
  float: left;
  margin-left: 0 !important;
  margin-right: 15px !important;
}
html[dir="rtl"] table.dataTable thead > tr > th {
  padding-left: 30px;
  padding-right: 12px;
}
html[dir="rtl"] table.dataTable thead > tr > th:before {
  left: 1em !important;
  right: unset;
}
html[dir="rtl"] table.dataTable thead > tr > th:after {
  left: 0.5em !important;
  right: unset;
}
html[dir="rtl"] table.dataTable thead .sorting:before,
html[dir="rtl"] table.dataTable thead .sorting_asc:before,
html[dir="rtl"] table.dataTable thead .sorting_asc_disabled:before,
html[dir="rtl"] table.dataTable thead .sorting_desc:before,
html[dir="rtl"] table.dataTable thead .sorting_desc_disabled:before {
  left: 1em !important;
  right: unset;
}
html[dir="rtl"] .dataTables_scrollHeadInner {
  padding-left: 0 !important;
  padding-right: unset !important;
}
html[dir="rtl"]
  div.table-responsive
  > div.dataTables_wrapper
  > div.row
  > div[class^="col-"]:first-child,
html[dir="rtl"]
  div.table-responsive
  > div.dataTables_wrapper
  > div.row
  > div[class^="col-"]:last-child {
  padding-left: 0;
  padding-right: 0;
}
html[dir="rtl"] .dt-plugin-buttons button.m-r-10 {
  margin-left: 10px;
  margin-right: 0;
}
html[dir="rtl"] .datetime-picker .theme-form .form-group label {
  text-align: left !important;
}
html[dir="rtl"] .datetime-picker .theme-form .form-group .input-group-text {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
html[dir="rtl"]
  .datetime-picker
  .theme-form
  .form-group
  .input-group
  .form-control {
  border-radius: 0.25rem;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
html[dir="rtl"] .dropdown-option .dropdown-menu,
html[dir="rtl"] .heading-dropdown .dropdown-menu,
html[dir="rtl"] .rtl-dropdown .btn-group .dropdown-menu,
html[dir="rtl"] .split-dropdown .dropdown-basic .separated-btn .dropdown-menu {
  right: 0 !important;
}
html[dir="rtl"] .dropdown-basic .separated-btn .btn {
  border-radius: 0.25rem;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
html[dir="rtl"] .error-wrapper .col-md-8.offset-md-2 {
  margin: 0 auto !important;
}
html[dir="rtl"] .product-price del {
  padding-left: 20px;
  padding-right: 0;
}
html[dir="rtl"] .product-box .modal .modal-header .btn-close {
  left: 15px;
  right: unset;
}
html[dir="rtl"]
  .product-box
  .ribbon-bookmark.ribbon-vertical-left.ribbon-info:before,
html[dir="rtl"]
  .product-box
  .ribbon-bookmark.ribbon-vertical-right.ribbon-info:before {
  border-left-color: #007bff;
}
html[dir="rtl"] .product-box .ribbon-bookmark.ribbon-vertical-left:before,
html[dir="rtl"] .product-box .ribbon-bookmark.ribbon-vertical-right:before {
  border-left: 15px solid #2a3142;
  left: unset;
  right: 0;
}
html[dir="rtl"] .product-box .ribbon-bookmark.ribbon-info:before {
  border-left-color: transparent;
}
html[dir="rtl"] .product-box .ribbon-warning.ribbon-clip:before {
  border-left-color: #ff850d;
  border-right-color: unset;
}
html[dir="rtl"] .product-box .ribbon-clip {
  left: unset;
  right: -14px;
}
html[dir="rtl"] .product-box .ribbon-clip:before {
  left: unset;
  right: 0;
}
html[dir="rtl"] .product-hover ul {
  padding-right: 0;
}
html[dir="rtl"] .customer-review .d-flex img {
  margin-left: 25px;
  margin-right: 0;
}
html[dir="rtl"] .nav {
  padding-right: 0;
}
html[dir="rtl"] .custom-tab {
  padding: 4px;
}
html[dir="rtl"] .custom-file-label:after {
  left: 0;
  right: unset;
}
html[dir="rtl"] .wizard-4 .msg-box {
  left: 60px;
  right: unset;
}
@media (max-width: 991.98px) {
  html[dir="rtl"] .wizard-4 .msg-box {
    left: 0;
    right: unset;
  }
}
html[dir="rtl"] .wizard-4 .msg-box .content,
html[dir="rtl"] .wizard-4 ul.anchor {
  float: right;
}
html[dir="rtl"] .wizard-4 ul.anchor li a.done h4:before {
  left: unset;
  right: 5px;
}
html[dir="rtl"] .wizard-4 .step-container {
  clear: unset;
}
html[dir="rtl"] .wizard-4 .form-group {
  text-align: right;
}
html[dir="rtl"] .wizard-4 .action-bar .btn {
  float: left;
}
html[dir="rtl"] .f1 .f1-buttons {
  text-align: left;
}
html[dir="rtl"] .f1 .f1-steps .f1-step {
  float: right;
}
html[dir="rtl"] .jstree-default .jstree-node {
  background-position: -292px -4px;
  background-repeat: repeat-y;
  margin-left: unset;
  margin-right: 24px;
}
html[dir="rtl"] .sales-report .card-body .balance-data {
  left: 60px;
  right: unset;
}
html[dir="rtl"] .statistical-card li {
  margin-left: 15px;
  margin-right: unset;
}
html[dir="rtl"] .statistical-card li + li {
  margin-left: 15px;
  margin-right: 15px;
  padding-left: 14px;
  padding-right: 15px;
}
html[dir="rtl"] .statistical-card li + li:after {
  left: unset;
  right: 0;
  transform: translate(15px, -50%);
}
html[dir="rtl"] .appointments-wrapper li > span {
  margin-left: 12px;
  margin-right: unset;
}
html[dir="rtl"] .appointments-wrapper li .main-box {
  margin-left: unset;
  margin-right: 20px;
}
html[dir="rtl"] .appointments-wrapper li:before {
  left: unset;
  right: 61px;
}
html[dir="rtl"]
  .recent-order-table.currency-table.recent-table
  table
  tbody
  tr
  td:first-child,
html[dir="rtl"]
  .recent-order-table.currency-table.recent-table
  table
  tbody
  tr
  th:first-child,
html[dir="rtl"]
  .recent-order-table.currency-table.recent-table
  table
  thead
  tr
  td:first-child,
html[dir="rtl"]
  .recent-order-table.currency-table.recent-table
  table
  thead
  tr
  th:first-child {
  padding-left: unset;
  padding-right: 20px;
}
html[dir="rtl"]
  .recent-order-table.currency-table.recent-table
  table
  tbody
  tr
  td:last-child,
html[dir="rtl"]
  .recent-order-table.currency-table.recent-table
  table
  tbody
  tr
  th:last-child,
html[dir="rtl"]
  .recent-order-table.currency-table.recent-table
  table
  thead
  tr
  td:last-child,
html[dir="rtl"]
  .recent-order-table.currency-table.recent-table
  table
  thead
  tr
  th:last-child {
  padding-left: 20px;
  padding-right: unset;
}
@media (max-width: 1660px) {
  html[dir="rtl"]
    .recent-order-table.currency-table.recent-table
    table
    tbody
    tr
    td:nth-child(6),
  html[dir="rtl"]
    .recent-order-table.currency-table.recent-table
    table
    tbody
    tr
    th:nth-child(6),
  html[dir="rtl"]
    .recent-order-table.currency-table.recent-table
    table
    thead
    tr
    td:nth-child(6),
  html[dir="rtl"]
    .recent-order-table.currency-table.recent-table
    table
    thead
    tr
    th:nth-child(6) {
    padding-left: 20px;
    padding-right: unset;
  }
}
html[dir="rtl"]
  .recent-order-table.currency-table.recent-table
  table
  tbody
  tr
  td
  .btn {
  min-width: 135px;
}
html[dir="rtl"]
  .recent-order-table.currency-table.recent-table
  table
  tbody
  tr:hover
  td
  div
  .currency-icon
  img {
  animation: tada 1.5s ease infinite;
}
html[dir="rtl"]
  .recent-order-table.currency-table.recent-table
  table
  tbody
  tr:hover
  td
  div
  h6 {
  color: var(--body-font-color);
}
html[dir="rtl"]
  .recent-order-table.currency-table.recent-table
  table
  tbody
  tr:hover
  td
  div
  a {
  color: var(--theme-default);
}
html[dir="rtl"]
  .main-customer-table
  .table-responsive
  .table
  tbody
  tr
  td:first-child,
html[dir="rtl"]
  .main-customer-table
  .table-responsive
  .table
  tbody
  tr
  th:first-child,
html[dir="rtl"]
  .main-customer-table
  .table-responsive
  .table
  thead
  tr
  td:first-child,
html[dir="rtl"]
  .main-customer-table
  .table-responsive
  .table
  thead
  tr
  th:first-child {
  padding-left: unset;
  padding-right: 20px;
}
html[dir="rtl"]
  .main-customer-table
  .table-responsive
  .table
  tbody
  tr
  td:last-child,
html[dir="rtl"]
  .main-customer-table
  .table-responsive
  .table
  tbody
  tr
  th:last-child,
html[dir="rtl"]
  .main-customer-table
  .table-responsive
  .table
  thead
  tr
  td:last-child,
html[dir="rtl"]
  .main-customer-table
  .table-responsive
  .table
  thead
  tr
  th:last-child {
  padding-left: 20px;
  padding-right: unset;
}
html[dir="rtl"] .seller-table tbody tr td:first-child,
html[dir="rtl"] .seller-table tbody tr th:first-child,
html[dir="rtl"] .seller-table thead tr td:first-child,
html[dir="rtl"] .seller-table thead tr th:first-child {
  padding-left: unset;
  padding-right: 20px;
}
html[dir="rtl"] .seller-table tbody tr td:last-child,
html[dir="rtl"] .seller-table tbody tr th:last-child,
html[dir="rtl"] .seller-table thead tr td:last-child,
html[dir="rtl"] .seller-table thead tr th:last-child {
  padding-left: 20px;
  padding-right: unset;
}
html[dir="rtl"]
  .treading-product
  .table-responsive
  .table
  tbody
  tr
  td:first-child,
html[dir="rtl"]
  .treading-product
  .table-responsive
  .table
  tbody
  tr
  th:first-child,
html[dir="rtl"]
  .treading-product
  .table-responsive
  .table
  thead
  tr
  td:first-child,
html[dir="rtl"]
  .treading-product
  .table-responsive
  .table
  thead
  tr
  th:first-child {
  padding-left: unset;
  padding-right: 20px !important;
}
html[dir="rtl"]
  .treading-product
  .table-responsive
  .table
  tbody
  tr
  td:last-child,
html[dir="rtl"]
  .treading-product
  .table-responsive
  .table
  tbody
  tr
  th:last-child,
html[dir="rtl"]
  .treading-product
  .table-responsive
  .table
  thead
  tr
  td:last-child,
html[dir="rtl"]
  .treading-product
  .table-responsive
  .table
  thead
  tr
  th:last-child {
  padding-left: 20px !important;
  padding-right: unset;
}
html[dir="rtl"] .stock-report .table-responsive .table tbody tr td:first-child,
html[dir="rtl"] .stock-report .table-responsive .table tbody tr th:first-child,
html[dir="rtl"] .stock-report .table-responsive .table thead tr td:first-child,
html[dir="rtl"] .stock-report .table-responsive .table thead tr th:first-child {
  padding-left: unset;
  padding-right: 20px !important;
}
html[dir="rtl"] .stock-report .table-responsive .table tbody tr td:last-child,
html[dir="rtl"] .stock-report .table-responsive .table tbody tr th:last-child,
html[dir="rtl"] .stock-report .table-responsive .table thead tr td:last-child,
html[dir="rtl"] .stock-report .table-responsive .table thead tr th:last-child {
  padding-left: 20px !important;
  padding-right: unset;
}
@media (max-width: 1798px) {
  html[dir="rtl"]
    .stock-report
    .table-responsive
    .table
    tbody
    tr
    td:nth-child(4),
  html[dir="rtl"]
    .stock-report
    .table-responsive
    .table
    tbody
    tr
    th:nth-child(4),
  html[dir="rtl"]
    .stock-report
    .table-responsive
    .table
    thead
    tr
    td:nth-child(4),
  html[dir="rtl"]
    .stock-report
    .table-responsive
    .table
    thead
    tr
    th:nth-child(4) {
    padding-left: 20px;
    padding-right: unset;
  }
}
html[dir="rtl"] .recent-transaction tbody tr td:first-child,
html[dir="rtl"] .recent-transaction tbody tr th:first-child,
html[dir="rtl"] .recent-transaction thead tr td:first-child,
html[dir="rtl"] .recent-transaction thead tr th:first-child {
  padding-left: unset;
  padding-right: 20px !important;
}
html[dir="rtl"] .recent-transaction tbody tr td:last-child,
html[dir="rtl"] .recent-transaction tbody tr th:last-child,
html[dir="rtl"] .recent-transaction thead tr td:last-child,
html[dir="rtl"] .recent-transaction thead tr th:last-child {
  padding-left: 20px !important;
  padding-right: unset;
}
html[dir="rtl"] .e-common-button .btn:first-child {
  margin-left: 12px;
  margin-right: unset;
}
html[dir="rtl"] .e-common-button .btn svg {
  margin-left: 6px;
  margin-right: unset;
}
html[dir="rtl"] .balance-widget .mobile-right-img {
  left: -15%;
}
@media (max-width: 1475px) and (min-width: 1400px) {
  html[dir="rtl"] .balance-widget .mobile-right-img {
    left: -18%;
  }
}
@media (max-width: 1399px) and (min-width: 936px) {
  html[dir="rtl"] .balance-widget .mobile-right-img {
    left: -10%;
  }
}
@media (max-width: 935px) and (min-width: 768px) {
  html[dir="rtl"] .balance-widget .mobile-right-img {
    left: -15%;
  }
}
@media (max-width: 767px) and (min-width: 621px) {
  html[dir="rtl"] .balance-widget .mobile-right-img {
    left: -35px;
  }
}
@media (max-width: 620px) and (min-width: 521px) {
  html[dir="rtl"] .balance-widget .mobile-right-img {
    left: -60px;
  }
}
@media (max-width: 520px) {
  html[dir="rtl"] .balance-widget .mobile-right-img {
    left: -75px;
  }
}
html[dir="rtl"] .course-widget a svg,
html[dir="rtl"] .link-only svg {
  transform: scaleX(-1);
}
@media (max-width: 1261px) {
  html[dir="rtl"]
    .t-top-mentor
    .table-responsive
    div.dt-container
    .dt-layout-row
    .dt-layout-cell
    .dt-search {
    left: unset;
    right: 20px;
  }
}
html[dir="rtl"] .t-top-mentor tbody tr td:first-child,
html[dir="rtl"] .t-top-mentor tbody tr th:first-child,
html[dir="rtl"] .t-top-mentor thead tr td:first-child,
html[dir="rtl"] .t-top-mentor thead tr th:first-child {
  padding-left: unset;
  padding-right: 20px !important;
}
html[dir="rtl"] .t-top-mentor tbody tr td:last-child,
html[dir="rtl"] .t-top-mentor tbody tr th:last-child,
html[dir="rtl"] .t-top-mentor thead tr td:last-child,
html[dir="rtl"] .t-top-mentor thead tr th:last-child {
  padding-left: 20px !important;
  padding-right: unset;
}
@media (max-width: 1261px) {
  html[dir="rtl"]
    .completed-course-table
    .table-responsive
    div.dt-container
    .dt-layout-row
    .dt-layout-cell
    .dt-search {
    left: unset;
    right: 20px;
  }
}
html[dir="rtl"] .completed-course-table tbody tr td:first-child,
html[dir="rtl"] .completed-course-table tbody tr th:first-child,
html[dir="rtl"] .completed-course-table thead tr td:first-child,
html[dir="rtl"] .completed-course-table thead tr th:first-child {
  padding-left: unset;
  padding-right: 20px !important;
}
html[dir="rtl"] .completed-course-table tbody tr td:last-child,
html[dir="rtl"] .completed-course-table tbody tr th:last-child,
html[dir="rtl"] .completed-course-table thead tr td:last-child,
html[dir="rtl"] .completed-course-table thead tr th:last-child {
  padding-left: 20px !important;
  padding-right: unset;
}
@media (max-width: 1671px) and (min-width: 1351px) {
  html[dir="rtl"] .completed-course-table tbody tr td:nth-child(4),
  html[dir="rtl"] .completed-course-table tbody tr th:nth-child(4),
  html[dir="rtl"] .completed-course-table thead tr td:nth-child(4),
  html[dir="rtl"] .completed-course-table thead tr th:nth-child(4) {
    padding-left: 20px;
    padding-right: unset;
  }
}
html[dir="rtl"] .currency-table.recent-table table tbody tr td:first-child,
html[dir="rtl"] .currency-table.recent-table table tbody tr th:first-child,
html[dir="rtl"] .currency-table.recent-table table thead tr td:first-child,
html[dir="rtl"] .currency-table.recent-table table thead tr th:first-child {
  padding-left: 8px;
  padding-right: 20px !important;
}
html[dir="rtl"] .currency-table.recent-table table tbody tr td:last-child,
html[dir="rtl"] .currency-table.recent-table table tbody tr th:last-child,
html[dir="rtl"] .currency-table.recent-table table thead tr td:last-child,
html[dir="rtl"] .currency-table.recent-table table thead tr th:last-child {
  padding-left: 20px !important;
  padding-right: 8px;
}
@media (max-width: 1199px) {
  html[dir="rtl"]
    .currency-table.recent-table.average-sale.table-responsive
    div.dt-container
    .dt-layout-row
    .dt-layout-cell
    .dt-search {
    left: unset;
    right: 20px;
  }
}
html[dir="rtl"]
  .currency-table.recent-table.average-sale.table-responsive
  tbody
  tr
  td:first-child,
html[dir="rtl"]
  .currency-table.recent-table.average-sale.table-responsive
  tbody
  tr
  th:first-child,
html[dir="rtl"]
  .currency-table.recent-table.average-sale.table-responsive
  thead
  tr
  td:first-child,
html[dir="rtl"]
  .currency-table.recent-table.average-sale.table-responsive
  thead
  tr
  th:first-child {
  padding-right: 20px !important;
}
html[dir="rtl"]
  .currency-table.recent-table.average-sale.table-responsive
  tbody
  tr
  td:last-child,
html[dir="rtl"]
  .currency-table.recent-table.average-sale.table-responsive
  tbody
  tr
  th:last-child,
html[dir="rtl"]
  .currency-table.recent-table.average-sale.table-responsive
  thead
  tr
  td:last-child,
html[dir="rtl"]
  .currency-table.recent-table.average-sale.table-responsive
  thead
  tr
  th:last-child {
  padding-left: 20px !important;
}
@media (max-width: 1316px) and (min-width: 768px) {
  html[dir="rtl"]
    .currency-table.recent-table.average-sale.table-responsive
    tbody
    tr
    td:nth-child(3),
  html[dir="rtl"]
    .currency-table.recent-table.average-sale.table-responsive
    tbody
    tr
    th:nth-child(3),
  html[dir="rtl"]
    .currency-table.recent-table.average-sale.table-responsive
    thead
    tr
    td:nth-child(3),
  html[dir="rtl"]
    .currency-table.recent-table.average-sale.table-responsive
    thead
    tr
    th:nth-child(3) {
    padding-left: 20px;
  }
}
@media (max-width: 1199px) {
  html[dir="rtl"]
    .currency-table.recent-table.performer-table.table-responsive
    div.dt-container
    .dt-layout-row
    .dt-layout-cell
    .dt-search {
    left: unset;
    right: 20px;
  }
}
html[dir="rtl"]
  .currency-table.recent-table.performer-table.table-responsive
  tbody
  tr
  td:first-child,
html[dir="rtl"]
  .currency-table.recent-table.performer-table.table-responsive
  tbody
  tr
  th:first-child,
html[dir="rtl"]
  .currency-table.recent-table.performer-table.table-responsive
  thead
  tr
  td:first-child,
html[dir="rtl"]
  .currency-table.recent-table.performer-table.table-responsive
  thead
  tr
  th:first-child {
  padding-right: 20px !important;
}
html[dir="rtl"]
  .currency-table.recent-table.performer-table.table-responsive
  tbody
  tr
  td:last-child,
html[dir="rtl"]
  .currency-table.recent-table.performer-table.table-responsive
  tbody
  tr
  th:last-child,
html[dir="rtl"]
  .currency-table.recent-table.performer-table.table-responsive
  thead
  tr
  td:last-child,
html[dir="rtl"]
  .currency-table.recent-table.performer-table.table-responsive
  thead
  tr
  th:last-child {
  padding-left: 20px !important;
}
@media (max-width: 1696px) and (min-width: 1200px) {
  html[dir="rtl"]
    .currency-table.recent-table.performer-table.table-responsive
    tbody
    tr
    td:nth-child(5),
  html[dir="rtl"]
    .currency-table.recent-table.performer-table.table-responsive
    tbody
    tr
    th:nth-child(5),
  html[dir="rtl"]
    .currency-table.recent-table.performer-table.table-responsive
    thead
    tr
    td:nth-child(5),
  html[dir="rtl"]
    .currency-table.recent-table.performer-table.table-responsive
    thead
    tr
    th:nth-child(5) {
    padding-left: 20px;
    padding-right: unset;
  }
}
html[dir="rtl"] .transaction-table.recent-table table tbody tr td:first-child,
html[dir="rtl"] .transaction-table.recent-table table tbody tr th:first-child,
html[dir="rtl"] .transaction-table.recent-table table thead tr td:first-child,
html[dir="rtl"] .transaction-table.recent-table table thead tr th:first-child {
  padding-left: 8px;
  padding-right: 20px !important;
}
html[dir="rtl"] .transaction-table.recent-table table tbody tr td:last-child,
html[dir="rtl"] .transaction-table.recent-table table tbody tr th:last-child,
html[dir="rtl"] .transaction-table.recent-table table thead tr td:last-child,
html[dir="rtl"] .transaction-table.recent-table table thead tr th:last-child {
  padding-left: 20px !important;
  padding-right: 8px;
}
html[dir="rtl"] .campaign-table.recent-table table tr td:first-child,
html[dir="rtl"] .campaign-table.recent-table table tr th:first-child {
  padding-left: 8px;
  padding-right: 20px;
}
html[dir="rtl"] .campaign-table.recent-table table tr td:last-child,
html[dir="rtl"] .campaign-table.recent-table table tr th:last-child {
  padding-left: 20px;
  padding-right: 8px;
}
@media (max-width: 1260px) and (min-width: 1200px) {
  html[dir="rtl"] .campaign-table.recent-table table tr td:nth-child(5),
  html[dir="rtl"] .campaign-table.recent-table table tr th:nth-child(5) {
    padding-left: 20px;
    padding-right: 8px;
  }
}
@media (max-width: 1399px) {
  html[dir="rtl"]
    .campaign-table
    .recent-table.table-responsive
    div.dt-container
    .dt-layout-row:last-child {
    flex-direction: column;
  }
}
html[dir="rtl"]
  .campaign-table
  .recent-table.table-responsive
  table
  tbody
  tr
  td:first-child,
html[dir="rtl"]
  .campaign-table
  .recent-table.table-responsive
  table
  tbody
  tr
  th:first-child,
html[dir="rtl"]
  .campaign-table
  .recent-table.table-responsive
  table
  thead
  tr
  td:first-child,
html[dir="rtl"]
  .campaign-table
  .recent-table.table-responsive
  table
  thead
  tr
  th:first-child {
  min-width: 88px;
}
@media (max-width: 775px) {
  html[dir="rtl"]
    .campaign-table
    .recent-table.table-responsive
    table
    tbody
    tr
    td:first-child,
  html[dir="rtl"]
    .campaign-table
    .recent-table.table-responsive
    table
    tbody
    tr
    th:first-child,
  html[dir="rtl"]
    .campaign-table
    .recent-table.table-responsive
    table
    thead
    tr
    td:first-child,
  html[dir="rtl"]
    .campaign-table
    .recent-table.table-responsive
    table
    thead
    tr
    th:first-child {
    min-width: 116px;
  }
}
html[dir="rtl"]
  .campaign-table
  .recent-table.table-responsive
  table
  tbody
  tr
  td:nth-child(2),
html[dir="rtl"]
  .campaign-table
  .recent-table.table-responsive
  table
  tbody
  tr
  th:nth-child(2),
html[dir="rtl"]
  .campaign-table
  .recent-table.table-responsive
  table
  thead
  tr
  td:nth-child(2),
html[dir="rtl"]
  .campaign-table
  .recent-table.table-responsive
  table
  thead
  tr
  th:nth-child(2) {
  min-width: 80px;
}
html[dir="rtl"]
  .campaign-table
  .recent-table.table-responsive
  table
  tbody
  tr
  td:last-child,
html[dir="rtl"]
  .campaign-table
  .recent-table.table-responsive
  table
  tbody
  tr
  td:nth-child(3),
html[dir="rtl"]
  .campaign-table
  .recent-table.table-responsive
  table
  tbody
  tr
  th:last-child,
html[dir="rtl"]
  .campaign-table
  .recent-table.table-responsive
  table
  tbody
  tr
  th:nth-child(3),
html[dir="rtl"]
  .campaign-table
  .recent-table.table-responsive
  table
  thead
  tr
  td:last-child,
html[dir="rtl"]
  .campaign-table
  .recent-table.table-responsive
  table
  thead
  tr
  td:nth-child(3),
html[dir="rtl"]
  .campaign-table
  .recent-table.table-responsive
  table
  thead
  tr
  th:last-child,
html[dir="rtl"]
  .campaign-table
  .recent-table.table-responsive
  table
  thead
  tr
  th:nth-child(3) {
  min-width: 36px;
}
@media (max-width: 1566px) and (min-width: 1200px) {
  html[dir="rtl"]
    .campaign-table
    .recent-table.table-responsive
    table
    tbody
    tr
    td:nth-child(3),
  html[dir="rtl"]
    .campaign-table
    .recent-table.table-responsive
    table
    tbody
    tr
    th:nth-child(3),
  html[dir="rtl"]
    .campaign-table
    .recent-table.table-responsive
    table
    thead
    tr
    td:nth-child(3),
  html[dir="rtl"]
    .campaign-table
    .recent-table.table-responsive
    table
    thead
    tr
    th:nth-child(3) {
    display: none;
  }
}
@media (max-width: 1455px) and (min-width: 1200px) {
  html[dir="rtl"]
    .campaign-table
    .recent-table.table-responsive
    table
    tbody
    tr
    td:last-child,
  html[dir="rtl"]
    .campaign-table
    .recent-table.table-responsive
    table
    tbody
    tr
    th:last-child,
  html[dir="rtl"]
    .campaign-table
    .recent-table.table-responsive
    table
    thead
    tr
    td:last-child,
  html[dir="rtl"]
    .campaign-table
    .recent-table.table-responsive
    table
    thead
    tr
    th:last-child {
    display: none;
  }
  html[dir="rtl"]
    .campaign-table
    .recent-table.table-responsive
    table
    tbody
    tr
    td:nth-child(6),
  html[dir="rtl"]
    .campaign-table
    .recent-table.table-responsive
    table
    tbody
    tr
    th:nth-child(6),
  html[dir="rtl"]
    .campaign-table
    .recent-table.table-responsive
    table
    thead
    tr
    td:nth-child(6),
  html[dir="rtl"]
    .campaign-table
    .recent-table.table-responsive
    table
    thead
    tr
    th:nth-child(6) {
    padding-right: 20px;
  }
}
@media (max-width: 1399px) and (min-width: 1200px) {
  html[dir="rtl"]
    .campaign-table
    .recent-table.table-responsive
    table
    tbody
    tr
    td:nth-child(6),
  html[dir="rtl"]
    .campaign-table
    .recent-table.table-responsive
    table
    tbody
    tr
    th:nth-child(6),
  html[dir="rtl"]
    .campaign-table
    .recent-table.table-responsive
    table
    thead
    tr
    td:nth-child(6),
  html[dir="rtl"]
    .campaign-table
    .recent-table.table-responsive
    table
    thead
    tr
    th:nth-child(6) {
    display: none;
  }
  html[dir="rtl"]
    .campaign-table
    .recent-table.table-responsive
    table
    tbody
    tr
    td:nth-child(5),
  html[dir="rtl"]
    .campaign-table
    .recent-table.table-responsive
    table
    tbody
    tr
    th:nth-child(5),
  html[dir="rtl"]
    .campaign-table
    .recent-table.table-responsive
    table
    thead
    tr
    td:nth-child(5),
  html[dir="rtl"]
    .campaign-table
    .recent-table.table-responsive
    table
    thead
    tr
    th:nth-child(5) {
    padding-right: 20px;
  }
}
@media (max-width: 1255px) and (min-width: 1200px) {
  html[dir="rtl"]
    .campaign-table
    .recent-table.table-responsive
    table
    tbody
    tr
    td,
  html[dir="rtl"]
    .campaign-table
    .recent-table.table-responsive
    table
    tbody
    tr
    th,
  html[dir="rtl"]
    .campaign-table
    .recent-table.table-responsive
    table
    thead
    tr
    td,
  html[dir="rtl"]
    .campaign-table
    .recent-table.table-responsive
    table
    thead
    tr
    th {
    min-width: auto;
  }
}
@media (max-width: 1215px) and (min-width: 1200px) {
  html[dir="rtl"]
    .campaign-table
    .recent-table.table-responsive
    table
    tbody
    tr
    td:nth-child(4),
  html[dir="rtl"]
    .campaign-table
    .recent-table.table-responsive
    table
    tbody
    tr
    th:nth-child(4),
  html[dir="rtl"]
    .campaign-table
    .recent-table.table-responsive
    table
    thead
    tr
    td:nth-child(4),
  html[dir="rtl"]
    .campaign-table
    .recent-table.table-responsive
    table
    thead
    tr
    th:nth-child(4) {
    display: none;
  }
}
html[dir="rtl"] .mobile-app-card .card-body .wavy {
  margin-left: -185px;
  margin-right: unset;
}
@media (max-width: 1693px) and (min-width: 768px) {
  html[dir="rtl"] .mobile-app-card .card-body .wavy {
    margin-left: -175x;
    margin-right: unset;
  }
}
@media (max-width: 1499px) and (min-width: 768px) {
  html[dir="rtl"] .mobile-app-card .card-body .wavy {
    margin-left: -134px;
    margin-right: unset;
  }
}
@media (max-width: 460px) {
  html[dir="rtl"] .mobile-app-card .card-body .wavy {
    margin-left: -124px;
    margin-right: unset;
  }
}
html[dir="rtl"] .follower-wrap .card-body .customers ul li + li {
  margin-left: unset;
  margin-right: -7%;
}
html[dir="rtl"] .art-creator-table.recent-table table tbody tr td:first-child,
html[dir="rtl"] .art-creator-table.recent-table table tbody tr th:first-child,
html[dir="rtl"] .art-creator-table.recent-table table thead tr td:first-child,
html[dir="rtl"] .art-creator-table.recent-table table thead tr th:first-child {
  padding-left: 8px;
  padding-right: 20px !important;
}
html[dir="rtl"] .art-creator-table.recent-table table tbody tr td:last-child,
html[dir="rtl"] .art-creator-table.recent-table table tbody tr th:last-child,
html[dir="rtl"] .art-creator-table.recent-table table thead tr td:last-child,
html[dir="rtl"] .art-creator-table.recent-table table thead tr th:last-child {
  padding-left: 20px !important;
  padding-left: 8px;
}
@media (max-width: 1551px) and (min-width: 1400px) {
  html[dir="rtl"]
    .art-creator-table.recent-table
    table
    tbody
    tr
    td:nth-child(2),
  html[dir="rtl"]
    .art-creator-table.recent-table
    table
    tbody
    tr
    th:nth-child(2),
  html[dir="rtl"]
    .art-creator-table.recent-table
    table
    thead
    tr
    td:nth-child(2),
  html[dir="rtl"]
    .art-creator-table.recent-table
    table
    thead
    tr
    th:nth-child(2) {
    padding-left: 20px;
  }
}
@media (max-width: 1249px) and (min-width: 1200px) {
  html[dir="rtl"]
    .art-creator-table.recent-table
    table.artwork-table
    tbody
    tr
    td:nth-child(2),
  html[dir="rtl"]
    .art-creator-table.recent-table
    table.artwork-table
    tbody
    tr
    th:nth-child(2),
  html[dir="rtl"]
    .art-creator-table.recent-table
    table.artwork-table
    thead
    tr
    td:nth-child(2),
  html[dir="rtl"]
    .art-creator-table.recent-table
    table.artwork-table
    thead
    tr
    th:nth-child(2) {
    padding-left: 20px;
  }
}
@media (max-width: 991px) {
  html[dir="rtl"]
    .nft-table.recent-table
    div.dt-container
    .dt-layout-row
    .dt-layout-cell
    .dt-search {
    left: unset;
    right: 20px;
  }
}
html[dir="rtl"] .nft-table.recent-table table tr th:first-child {
  padding-left: 10px !important;
  text-align: center !important;
}
html[dir="rtl"] .nft-table.recent-table table tr th:last-child {
  padding-right: 10px !important;
}
html[dir="rtl"] .nft-table.recent-table table tr td:first-child,
html[dir="rtl"] .nft-table.recent-table table tr th:first-child {
  padding-left: 8px;
  padding-right: 20px !important;
}
html[dir="rtl"] .nft-table.recent-table table tr td:last-child,
html[dir="rtl"] .nft-table.recent-table table tr th:last-child {
  padding-left: 20px !important;
  padding-right: 8px;
}
html[dir="rtl"]
  .nft-table.recent-table
  .product-content
  .order-image
  .mark-img {
  left: 0;
  right: unset;
}
html[dir="rtl"] .arrow-round .swiper-button-next:after,
html[dir="rtl"] .arrow-round .swiper-button-prev:after,
html[dir="rtl"] .statistics-card .card-header a i {
  transform: scaleX(-1);
}
html[dir="rtl"]
  .total-balance
  .card-body
  .common-f-start
  .d-flex:nth-of-type(2) {
  border-left: unset;
  border-right: 1px solid var(--recent-dashed-border);
  padding-left: unset;
  padding-right: 22px;
}
html[dir="rtl"]
  .student-leader-wrapper
  .student-leader-content
  .leader-content-height
  span {
  padding-left: unset !important;
  padding-right: 0.25rem !important;
}
@media (max-width: 1530px) {
  html[dir="rtl"]
    .new-enroll-student
    .recent-table.table-responsive
    div.dt-container
    .dt-layout-row
    .dt-layout-cell
    .dt-search {
    left: unset;
    right: 20px;
  }
}
html[dir="rtl"] .new-enroll-student .recent-table table tbody td:first-child,
html[dir="rtl"] .new-enroll-student .recent-table table tbody th:first-child,
html[dir="rtl"] .new-enroll-student .recent-table table thead td:first-child,
html[dir="rtl"] .new-enroll-student .recent-table table thead th:first-child {
  padding-right: 20px !important;
}
html[dir="rtl"] .new-enroll-student .recent-table table tbody td:last-child,
html[dir="rtl"] .new-enroll-student .recent-table table tbody th:last-child,
html[dir="rtl"] .new-enroll-student .recent-table table thead td:last-child,
html[dir="rtl"] .new-enroll-student .recent-table table thead th:last-child {
  padding-left: 20px !important;
}
@media (max-width: 1199px) {
  html[dir="rtl"]
    .unpaid-fees-table
    .recent-table.table-responsive
    div.dt-container
    .dt-layout-row
    .dt-layout-cell
    .dt-search {
    left: unset;
    right: 20px;
  }
}
html[dir="rtl"]
  .unpaid-fees-table
  .recent-table.table-responsive
  table
  tbody
  td:first-child,
html[dir="rtl"]
  .unpaid-fees-table
  .recent-table.table-responsive
  table
  tbody
  th:first-child,
html[dir="rtl"]
  .unpaid-fees-table
  .recent-table.table-responsive
  table
  thead
  td:first-child,
html[dir="rtl"]
  .unpaid-fees-table
  .recent-table.table-responsive
  table
  thead
  th:first-child {
  padding-right: 20px;
}
html[dir="rtl"]
  .unpaid-fees-table
  .recent-table.table-responsive
  table
  tbody
  td:last-child,
html[dir="rtl"]
  .unpaid-fees-table
  .recent-table.table-responsive
  table
  tbody
  th:last-child,
html[dir="rtl"]
  .unpaid-fees-table
  .recent-table.table-responsive
  table
  thead
  td:last-child,
html[dir="rtl"]
  .unpaid-fees-table
  .recent-table.table-responsive
  table
  thead
  th:last-child {
  padding-left: 20px;
}
@media (max-width: 1199px) {
  html[dir="rtl"]
    .top-student-table
    .recent-table.table-responsive
    div.dt-container
    .dt-layout-row
    .dt-layout-cell
    .dt-search {
    left: unset;
    right: 20px;
  }
}
html[dir="rtl"] .top-student-table .recent-table table tbody td:first-child,
html[dir="rtl"] .top-student-table .recent-table table tbody th:first-child,
html[dir="rtl"] .top-student-table .recent-table table thead td:first-child,
html[dir="rtl"] .top-student-table .recent-table table thead th:first-child {
  padding-right: 20px;
}
html[dir="rtl"] .top-student-table .recent-table table tbody td:last-child,
html[dir="rtl"] .top-student-table .recent-table table tbody th:last-child,
html[dir="rtl"] .top-student-table .recent-table table thead td:last-child,
html[dir="rtl"] .top-student-table .recent-table table thead th:last-child {
  padding-left: 20px;
}
@media (max-width: 1660px) {
  html[dir="rtl"] .sales-report .attendance-data ul.balance-data {
    left: unset;
    right: 0;
  }
}
html[dir="rtl"]
  .horizontal-list-wrapper
  .list-group-horizontal-lg
  .list-group-item:first-child,
html[dir="rtl"]
  .horizontal-list-wrapper
  .list-group-horizontal-md
  .list-group-item:first-child,
html[dir="rtl"]
  .horizontal-list-wrapper
  .list-group-horizontal-sm
  .list-group-item:first-child,
html[dir="rtl"]
  .horizontal-list-wrapper
  .list-group-horizontal-xl
  .list-group-item:first-child,
html[dir="rtl"]
  .horizontal-list-wrapper
  .list-group-horizontal-xxl
  .list-group-item:first-child {
  border-radius: 0 6px 6px 0;
}
html[dir="rtl"]
  .horizontal-list-wrapper
  .list-group-horizontal-lg
  .list-group-item:last-child,
html[dir="rtl"]
  .horizontal-list-wrapper
  .list-group-horizontal-md
  .list-group-item:last-child,
html[dir="rtl"]
  .horizontal-list-wrapper
  .list-group-horizontal-sm
  .list-group-item:last-child,
html[dir="rtl"]
  .horizontal-list-wrapper
  .list-group-horizontal-xl
  .list-group-item:last-child,
html[dir="rtl"]
  .horizontal-list-wrapper
  .list-group-horizontal-xxl
  .list-group-item:last-child {
  border-left-width: 1px;
  border-radius: 6px 0 0 6px;
}
@media (max-width: 1399px) {
  html[dir="rtl"]
    .horizontal-list-wrapper
    .list-group.list-group-horizontal-xxl
    .list-group-item {
    border-radius: 0;
  }
  html[dir="rtl"]
    .horizontal-list-wrapper
    .list-group.list-group-horizontal-xxl
    .list-group-item:first-child {
    border-left: 1px solid #e9edf1;
    border-radius: 6px 6px 0 0;
  }
  html[dir="rtl"]
    .horizontal-list-wrapper
    .list-group.list-group-horizontal-xxl
    .list-group-item:last-child {
    border-left: 1px solid #e9edf1;
    border-radius: 0 0 6px 6px;
  }
}
@media (max-width: 1199px) {
  html[dir="rtl"]
    .horizontal-list-wrapper
    .list-group.list-group-horizontal-xl
    .list-group-item {
    border-radius: 0;
  }
  html[dir="rtl"]
    .horizontal-list-wrapper
    .list-group.list-group-horizontal-xl
    .list-group-item:first-child {
    border-left: 1px solid #e9edf1;
    border-radius: 6px 6px 0 0;
  }
  html[dir="rtl"]
    .horizontal-list-wrapper
    .list-group.list-group-horizontal-xl
    .list-group-item:last-child {
    border-left: 1px solid #e9edf1;
    border-radius: 0 0 6px 6px;
  }
}
@media (max-width: 991px) {
  html[dir="rtl"]
    .horizontal-list-wrapper
    .list-group.list-group-horizontal-lg
    .list-group-item {
    border-radius: 0;
  }
  html[dir="rtl"]
    .horizontal-list-wrapper
    .list-group.list-group-horizontal-lg
    .list-group-item:first-child {
    border-left: 1px solid #e9edf1;
    border-radius: 6px 6px 0 0;
  }
  html[dir="rtl"]
    .horizontal-list-wrapper
    .list-group.list-group-horizontal-lg
    .list-group-item:last-child {
    border-left: 1px solid #e9edf1;
    border-radius: 0 0 6px 6px;
  }
}
@media (max-width: 767px) {
  html[dir="rtl"]
    .horizontal-list-wrapper
    .list-group.list-group-horizontal-md
    .list-group-item {
    border-radius: 0;
  }
  html[dir="rtl"]
    .horizontal-list-wrapper
    .list-group.list-group-horizontal-md
    .list-group-item:first-child {
    border-left: 1px solid #e9edf1;
    border-radius: 6px 6px 0 0;
  }
  html[dir="rtl"]
    .horizontal-list-wrapper
    .list-group.list-group-horizontal-md
    .list-group-item:last-child {
    border-left: 1px solid #e9edf1;
    border-radius: 0 0 6px 6px;
  }
}
@media (max-width: 575px) {
  html[dir="rtl"]
    .horizontal-list-wrapper
    .list-group.list-group-horizontal-sm
    .list-group-item {
    border-radius: 0;
  }
  html[dir="rtl"]
    .horizontal-list-wrapper
    .list-group.list-group-horizontal-sm
    .list-group-item:first-child {
    border-left: 1px solid #e9edf1;
    border-radius: 6px 6px 0 0;
  }
  html[dir="rtl"]
    .horizontal-list-wrapper
    .list-group.list-group-horizontal-sm
    .list-group-item:last-child {
    border-left: 1px solid #e9edf1;
    border-radius: 0 0 6px 6px;
  }
}
html[dir="rtl"] .img-cropper .docs-buttons > .btn,
html[dir="rtl"] .img-cropper .docs-buttons > .form-control {
  margin-left: 10px;
  margin-right: unset;
}
html[dir="rtl"] .img-cropper .btn-group {
  margin-left: 10px;
  margin-right: 0;
}
html[dir="rtl"] .img-cropper .btn-group button:last-child {
  border-bottom-left-radius: 0.25rem !important;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0;
}
html[dir="rtl"] .img-cropper .btn-group button:first-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0.25rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0.25rem;
}
html[dir="rtl"] .docs-toggles .btn-group .btn {
  border-radius: 0;
}
html[dir="rtl"] .docs-toggles .btn-group .btn:last-child {
  border-bottom-left-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}
html[dir="rtl"] .docs-toggles .btn-group .btn:first-child {
  border-bottom-right-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
html[dir="rtl"]
  .btn-group
  > .btn:not(:last-child):not(.dropdown-toggle)
  > .btn-group:not(:last-child)
  > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
html[dir="rtl"] .jsgrid-button + .jsgrid-button {
  margin-left: unset;
  margin-right: 5px;
}
html[dir="rtl"] .list-group {
  padding-right: 0;
}
html[dir="rtl"] .list-group i,
html[dir="rtl"] .list-group img {
  margin-left: 10px;
  margin-right: 0;
}
html[dir="rtl"] .authentication-box {
  text-align: right;
}
@media (min-width: 576px) {
  html[dir="rtl"] .mega-horizontal .offset-sm-3 {
    margin-left: unset;
    margin-right: 25%;
  }
}
html[dir="rtl"] .navs-icon .fa,
html[dir="rtl"] .navs-icon svg {
  margin-left: 10px;
  margin-right: unset;
}
html[dir="rtl"] .nav-list .nav-list-disc {
  padding-right: 0;
  text-align: right;
}
html[dir="rtl"] .ps-4 {
  padding-left: 0 !important;
  padding-right: 30px !important;
}
html[dir="rtl"] .onhover-dropdown.navs-dropdown:hover .onhover-show-div:after,
html[dir="rtl"] .onhover-dropdown.navs-dropdown:hover .onhover-show-div:before {
  left: 77px;
  right: unset;
}
html[dir="rtl"] .navs-dropdown .onhover-show-div .navs-icon li {
  text-align: right;
}
html[dir="rtl"]
  .navs-icon.default-according.style-1
  li
  button[aria-expanded="false"]:before,
html[dir="rtl"]
  .navs-icon.default-according.style-1
  li
  button[aria-expanded="true"]:before {
  left: 2px;
  right: unset;
}
html[dir="rtl"] .search-form .form-group:after {
  left: unset;
  right: 53px;
}
html[dir="rtl"] .search-form .form-group:before {
  left: unset;
  right: 82px;
}
html[dir="rtl"] .toolbar-box .ql-toolbar {
  display: flex;
  flex-wrap: wrap;
}
html[dir="rtl"] .toolbar-box .ql-toolbar.ql-snow .ql-formats {
  margin-left: unset;
  margin-right: 0;
}
html[dir="rtl"]
  .toolbar-box
  .ql-toolbar.ql-snow
  .ql-formats
  .ql-picker
  .ql-picker-label {
  padding-left: 2px;
  padding-right: 8px;
}
html[dir="rtl"] .toolbar-box .ql-container .ql-tooltip {
  left: unset;
  right: 16px !important;
}
html[dir="rtl"]
  .list-product-view
  .list-product
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search {
  left: 214px;
  right: unset;
}
html[dir="rtl"]
  .list-product-view
  .list-product
  .recent-table
  table
  tbody
  tr
  td:first-child,
html[dir="rtl"]
  .list-product-view
  .list-product
  .recent-table
  table
  tbody
  tr
  th:first-child,
html[dir="rtl"]
  .list-product-view
  .list-product
  .recent-table
  table
  thead
  tr
  td:first-child,
html[dir="rtl"]
  .list-product-view
  .list-product
  .recent-table
  table
  thead
  tr
  th:first-child {
  padding-left: 8px;
  padding-right: 20px;
}
html[dir="rtl"]
  .list-product-view
  .list-product
  .recent-table
  table
  tbody
  tr
  td:last-child,
html[dir="rtl"]
  .list-product-view
  .list-product
  .recent-table
  table
  tbody
  tr
  th:last-child,
html[dir="rtl"]
  .list-product-view
  .list-product
  .recent-table
  table
  thead
  tr
  td:last-child,
html[dir="rtl"]
  .list-product-view
  .list-product
  .recent-table
  table
  thead
  tr
  th:last-child {
  padding-left: 20px;
  padding-right: 8px;
}
html[dir="rtl"]
  .list-product-view
  .list-product
  .recent-table
  table
  thead
  tr
  th:first-child {
  text-align: center !important;
}
html[dir="rtl"] .e-category .form-select {
  padding: 0.375rem 0.75rem 0.375rem 2.25rem;
}
html[dir="rtl"] .e-category .main-divider .divider-body:before {
  left: unset;
  right: 0;
}
html[dir="rtl"] .e-category .main-divider .divider-body h6 {
  padding-left: 12px;
  padding-right: unset;
}
html[dir="rtl"]
  .e-category
  .list-product.list-category
  div.dt-container
  .dt-layout-row
  .dt-search {
  left: 214px;
  right: unset;
}
@media (max-width: 640px) {
  html[dir="rtl"]
    .e-category
    .list-product.list-category
    div.dt-container
    .dt-layout-row
    .dt-search {
    right: 20px;
  }
}
html[dir="rtl"] .e-category .list-product table thead tr th:first-child {
  text-align: center !important;
}
html[dir="rtl"] .e-category .list-product table tbody tr td:first-child,
html[dir="rtl"] .e-category .list-product table tbody tr th:first-child,
html[dir="rtl"] .e-category .list-product table thead tr td:first-child,
html[dir="rtl"] .e-category .list-product table thead tr th:first-child {
  padding-left: 10px;
  padding-right: 20px;
}
html[dir="rtl"] .e-category .list-product table tbody tr td:last-child,
html[dir="rtl"] .e-category .list-product table tbody tr th:last-child,
html[dir="rtl"] .e-category .list-product table thead tr td:last-child,
html[dir="rtl"] .e-category .list-product table thead tr th:last-child {
  padding-left: 20px;
  padding-right: 10px;
}
html[dir="rtl"] .product-page-details span {
  padding-left: 0;
  padding-right: 15px;
}
html[dir="rtl"] .m-checkbox-inline label {
  margin-left: 20px;
  margin-right: 0;
}
html[dir="rtl"] .form-label-align-right label {
  text-align: left;
}
html[dir="rtl"] .br-theme-bars-1to10 .br-widget .br-current-rating,
html[dir="rtl"] .br-theme-bars-1to10 .br-widget a,
html[dir="rtl"] .br-theme-bars-movie .br-widget .br-current-rating,
html[dir="rtl"] .br-theme-bars-movie .br-widget a,
html[dir="rtl"] .br-theme-bars-reversed .br-widget .br-current-rating,
html[dir="rtl"] .br-theme-bars-reversed .br-widget a,
html[dir="rtl"] .br-theme-bars-square .br-widget .br-current-rating,
html[dir="rtl"] .br-theme-bars-square .br-widget a {
  float: right;
}
html[dir="rtl"]
  .rating-stars-2
  #star-1:checked
  ~ .main-emoji-text
  .emoji-msg:before,
html[dir="rtl"]
  .rating-stars-2
  #star-2:checked
  ~ .main-emoji-text
  .emoji-msg:before,
html[dir="rtl"]
  .rating-stars-2
  #star-3:checked
  ~ .main-emoji-text
  .emoji-msg:before,
html[dir="rtl"]
  .rating-stars-2
  #star-4:checked
  ~ .main-emoji-text
  .emoji-msg:before,
html[dir="rtl"]
  .rating-stars-2
  #star-5:checked
  ~ .main-emoji-text
  .emoji-msg:before {
  padding-left: 12px;
  padding-right: unset;
}
html[dir="rtl"] .ribbon-left {
  left: -2px;
  right: auto;
}
html[dir="rtl"] .ribbon-vertical-left,
html[dir="rtl"] .ribbon-vertical-right {
  left: 12px;
  right: auto;
}
html[dir="rtl"] .star-ratings ul.search-info {
  padding-right: 0;
}
html[dir="rtl"] .star-ratings ul.search-info li + li {
  border-left: unset;
  border-right: 1px solid #a5afc6;
  margin-left: 0;
  margin-right: 8px;
  padding-left: 0;
  padding-right: 8px;
}
html[dir="rtl"]
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  left: 10px !important;
  right: unset !important;
}
html[dir="rtl"]
  .select2-container--default
  .select2-selection--multiple
  .select2-selection__choice {
  float: right;
}
html[dir="rtl"] .select2-results__option,
html[dir="rtl"] .selection .select2-selection .select2-search__field {
  text-align: right;
}
html[dir="rtl"] .editor-statusbar {
  text-align: left;
}
html[dir="rtl"] .editor-statusbar span {
  margin-left: unset;
  margin-right: 1em;
}
html[dir="rtl"] .CodeMirror-scroll {
  margin-left: -30px;
  margin-right: unset;
}
html[dir="rtl"] .primary-color ul,
html[dir="rtl"] .yellow-color ul {
  padding-right: 0;
}
html[dir="rtl"] .list-with-icon .list-group i {
  margin-left: 0;
  margin-right: 10px;
}
html[dir="rtl"] .ps-scrollbar-y-rail {
  left: 3px !important;
  right: unset !important;
}
html[dir="rtl"] .stackable-list .list-group i {
  transform: scaleX(-1);
}
html[dir="rtl"] .u-step-desc {
  text-align: right;
}
html[dir="rtl"] .u-step-number {
  left: unset;
  right: 20px;
}
html[dir="rtl"] .u-step-number ~ .u-step-desc {
  margin-right: 50px;
}
html[dir="rtl"] .u-pearl:after {
  left: 0;
  right: unset;
}
html[dir="rtl"] .u-pearl:before {
  left: unset;
  right: 0;
}
html[dir="rtl"] .u-step-icon {
  float: right;
  margin-left: 0.5em;
  margin-right: unset;
}
html[dir="rtl"] .card-header.note-toolbar .note-color .dropdown-toggle {
  padding-right: 5px;
}
html[dir="rtl"] .card-header.note-toolbar .form-group.draggable {
  text-align: right;
}
html[dir="rtl"] .card-header.note-toolbar .form-check,
html[dir="rtl"] .card-header.note-toolbar form .custom-control {
  padding-left: unset;
  padding-right: 24px;
}
html[dir="rtl"]
  .card-header.note-toolbar
  form
  .custom-control
  .custom-control-label:after,
html[dir="rtl"]
  .card-header.note-toolbar
  form
  .custom-control
  .custom-control-label:before {
  left: unset;
  right: 0;
}
html[dir="rtl"] .common-form .product-buttons .btn:first-child {
  margin-left: 12px;
  margin-right: unset;
}
html[dir="rtl"] .common-form .product-buttons .btn:first-child svg {
  margin-left: 12px;
  margin-right: unset;
  transform: scale(-1);
}
html[dir="rtl"] .common-form .product-buttons .btn:last-child svg {
  margin-left: unset;
  margin-right: 6px;
  transform: scale(-1);
}
html[dir="rtl"]
  .review-box
  .seller-profile
  .accordion-item
  .accordion-body
  .policies-wrapper
  .ql-toolbar {
  display: block;
}
html[dir="rtl"]
  .review-box
  .seller-profile
  .accordion-item
  .accordion-body
  .policies-wrapper
  .ql-toolbar
  .ql-formats {
  margin-left: 15px;
  margin-right: unset;
}
html[dir="rtl"]
  .seller-order-table
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search,
html[dir="rtl"]
  .vendor-selling-table
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search {
  left: 20px !important;
  right: unset !important;
}
html[dir="rtl"]
  .seller-order-table
  .recent-table
  .table
  tbody
  tr
  td:first-child,
html[dir="rtl"]
  .seller-order-table
  .recent-table
  .table
  tbody
  tr
  th:first-child,
html[dir="rtl"]
  .seller-order-table
  .recent-table
  .table
  thead
  tr
  td:first-child,
html[dir="rtl"]
  .seller-order-table
  .recent-table
  .table
  thead
  tr
  th:first-child,
html[dir="rtl"]
  .vendor-selling-table
  .recent-table
  .table
  tbody
  tr
  td:first-child,
html[dir="rtl"]
  .vendor-selling-table
  .recent-table
  .table
  tbody
  tr
  th:first-child,
html[dir="rtl"]
  .vendor-selling-table
  .recent-table
  .table
  thead
  tr
  td:first-child,
html[dir="rtl"]
  .vendor-selling-table
  .recent-table
  .table
  thead
  tr
  th:first-child {
  padding-left: 8px;
  padding-right: 20px;
  text-align: center !important;
}
html[dir="rtl"] .seller-order-table .recent-table .table tbody tr td:last-child,
html[dir="rtl"] .seller-order-table .recent-table .table tbody tr th:last-child,
html[dir="rtl"] .seller-order-table .recent-table .table thead tr td:last-child,
html[dir="rtl"] .seller-order-table .recent-table .table thead tr th:last-child,
html[dir="rtl"]
  .vendor-selling-table
  .recent-table
  .table
  tbody
  tr
  td:last-child,
html[dir="rtl"]
  .vendor-selling-table
  .recent-table
  .table
  tbody
  tr
  th:last-child,
html[dir="rtl"]
  .vendor-selling-table
  .recent-table
  .table
  thead
  tr
  td:last-child,
html[dir="rtl"]
  .vendor-selling-table
  .recent-table
  .table
  thead
  tr
  th:last-child {
  padding-left: 20px;
  padding-right: 8px;
}
html[dir="rtl"]
  .seller-details-table
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search {
  left: 214px !important;
  right: unset;
}
html[dir="rtl"]
  .seller-details-table
  .recent-table
  .table
  tbody
  tr
  td:first-child,
html[dir="rtl"]
  .seller-details-table
  .recent-table
  .table
  tbody
  tr
  th:first-child,
html[dir="rtl"]
  .seller-details-table
  .recent-table
  .table
  thead
  tr
  td:first-child,
html[dir="rtl"]
  .seller-details-table
  .recent-table
  .table
  thead
  tr
  th:first-child {
  padding-left: 8px;
  padding-right: 20px;
  text-align: center !important;
}
html[dir="rtl"]
  .seller-details-table
  .recent-table
  .table
  tbody
  tr
  td:last-child,
html[dir="rtl"]
  .seller-details-table
  .recent-table
  .table
  tbody
  tr
  th:last-child,
html[dir="rtl"]
  .seller-details-table
  .recent-table
  .table
  thead
  tr
  td:last-child,
html[dir="rtl"]
  .seller-details-table
  .recent-table
  .table
  thead
  tr
  th:last-child {
  padding-left: 20px;
  padding-right: 8px;
}
html[dir="rtl"] .seller-wrapper .right-vendor .common-searchbox .form-control {
  border-left: unset;
  border-right: 0;
  padding-left: unset;
  padding-right: 0;
}
html[dir="rtl"] .dropdown-toggle:after {
  margin-left: unset;
  margin-right: 0.255em;
}
html[dir="rtl"] .checkbox label {
  padding-left: unset;
  padding-right: 16px;
}
html[dir="rtl"] .checkbox label:before {
  left: unset;
  margin-left: unset;
  margin-right: -16px;
  right: 0;
}
html[dir="rtl"] .checkbox-wrapper li label,
html[dir="rtl"] .radio-wrapper li label {
  padding-right: 0;
}
html[dir="rtl"] .radio label:after {
  left: unset;
  margin-left: unset;
  margin-right: -20px;
  right: 5px;
}
html[dir="rtl"] .introjs-tooltip {
  left: unset;
  right: 0;
}
html[dir="rtl"] .introjs-helperNumberLayer {
  left: unset;
  right: -16px;
}
html[dir="rtl"]
  .introjs-tooltipReferenceLayer
  .introjs-tooltip
  .introjs-tooltiptext {
  text-align: right;
}
html[dir="rtl"]
  .introjs-tooltipReferenceLayer
  .introjs-tooltip
  .introjs-tooltipbuttons {
  text-align: left;
}
html[dir="rtl"]
  .introjs-tooltipReferenceLayer
  .introjs-tooltip
  .introjs-tooltipbuttons
  .introjs-skipbutton {
  margin-left: 5px;
  margin-right: unset;
}
html[dir="rtl"]
  .introjs-tooltipReferenceLayer
  .introjs-tooltip
  .introjs-tooltipbuttons
  .introjs-nextbutton {
  border-radius: 0.2em 0 0 0.2em;
}
html[dir="rtl"] .hovercard .follow .border-end {
  border-left: var(--bs-border-width) var(--bs-border-style)
    var(--bs-border-color) !important;
  border-right: unset !important;
}
html[dir="rtl"] .list-inline-item:not(:last-child) {
  margin-left: 0.5rem;
  margin-right: unset;
}
html[dir="rtl"] .like-comment ul.list-inline {
  padding-right: 0;
}
html[dir="rtl"] .typeahead {
  text-align: right;
}
html[dir="rtl"] .listing ul {
  padding-right: 0;
}
html[dir="rtl"] .listing ul .icofont {
  float: right;
}
html[dir="rtl"] .gallery .hover-5 img {
  margin-right: 30px;
}
html[dir="rtl"] .gallery .hover-5:hover img {
  margin-right: 0;
}
html[dir="rtl"] .lg-outer {
  text-align: right;
}
html[dir="rtl"] .lg-toolbar .lg-icon {
  float: left;
}
html[dir="rtl"] #lg-counter {
  float: right;
  padding-left: unset;
  padding-right: 20px;
}
html[dir="rtl"] .chart-widget-top .text-end {
  text-align: left !important;
}
html[dir="rtl"] .chart-widget-top .num .ms-1 {
  margin-right: 0.25rem !important;
}
html[dir="rtl"] .bar-chart-widget .earning-details i {
  left: -240px;
}
html[dir="rtl"] .bar-chart-widget .bottom-content .b-r-light {
  border-left: 1px solid #eee !important;
  border-right: unset !important;
}
html[dir="rtl"] .bar-chart-widget .bottom-content .num .ms-1 {
  margin-right: 0.25rem !important;
}
html[dir="rtl"] .customer-sticky .common-search .form-control {
  border-left: var(--bs-border-width) solid var(--bs-border-color);
  border-right: unset;
}
html[dir="rtl"] .compare-order .card-body .user-growth {
  margin-left: 4px;
  margin-right: unset;
}
html[dir="rtl"] .crm-card .crm-img {
  left: 12px;
  right: unset;
}
@media (max-width: 1874px) and (min-width: 1820px) {
  html[dir="rtl"] .crm-card .crm-img {
    left: 12px;
    right: unset;
  }
}
@media (max-width: 1819px) and (min-width: 1626px) {
  html[dir="rtl"] .crm-card .crm-img {
    left: 8px;
    right: unset;
  }
}
@media (max-width: 1625px) and (min-width: 1521px) {
  html[dir="rtl"] .crm-card .crm-img {
    left: 12px;
    right: unset;
  }
}
@media (max-width: 1520px) and (min-width: 1400px) {
  html[dir="rtl"] .crm-card .crm-img {
    left: 4px;
    right: unset;
  }
}
@media (max-width: 850px) and (min-width: 768px) {
  html[dir="rtl"] .crm-card .crm-img {
    left: 8px;
    right: unset;
  }
}
@media (max-width: 416px) {
  html[dir="rtl"] .crm-card .crm-img {
    left: 8px;
    right: unset;
  }
}
html[dir="rtl"] .revenue-chart-container {
  margin: -23px -16px -26px -10px;
}
html[dir="rtl"] .finance-wrapper .common-flex h6:last-child {
  border-left: unset;
  border-right: 1px solid var(--chart-dashed-border);
  padding-left: unset;
  padding-right: 16px;
}
@media (max-width: 338px) and (min-width: 323px) {
  html[dir="rtl"] .finance-wrapper .common-flex h6:last-child {
    padding-left: unset;
    padding-right: 6px;
  }
}
@media (max-width: 322px) {
  html[dir="rtl"] .finance-wrapper .common-flex h6:last-child {
    border-left: unset;
    border-right: unset;
    padding-left: unset;
    padding-right: 0;
  }
}
html[dir="rtl"] .deal-table.recent-table tbody tr td:first-child,
html[dir="rtl"] .deal-table.recent-table tbody tr th:first-child,
html[dir="rtl"] .deal-table.recent-table thead tr td:first-child,
html[dir="rtl"] .deal-table.recent-table thead tr th:first-child {
  padding-left: 8px;
  padding-right: 20px !important;
}
@media (max-width: 1704px) and (min-width: 1400px) {
  html[dir="rtl"] .deal-table.recent-table tbody tr td:nth-child(2),
  html[dir="rtl"] .deal-table.recent-table tbody tr th:nth-child(2),
  html[dir="rtl"] .deal-table.recent-table thead tr td:nth-child(2),
  html[dir="rtl"] .deal-table.recent-table thead tr th:nth-child(2) {
    padding-right: 20px;
  }
}
html[dir="rtl"] .deal-table.recent-table tbody tr td:last-child,
html[dir="rtl"] .deal-table.recent-table tbody tr th:last-child,
html[dir="rtl"] .deal-table.recent-table thead tr td:last-child,
html[dir="rtl"] .deal-table.recent-table thead tr th:last-child {
  padding-left: 20px !important;
  padding-right: 8px;
}
@media (max-width: 1591px) and (min-width: 1400px) {
  html[dir="rtl"] .deal-table.recent-table tbody tr td:nth-child(2),
  html[dir="rtl"] .deal-table.recent-table tbody tr th:nth-child(2),
  html[dir="rtl"] .deal-table.recent-table thead tr td:nth-child(2),
  html[dir="rtl"] .deal-table.recent-table thead tr th:nth-child(2) {
    padding-right: 20px;
  }
}
html[dir="rtl"]
  .lead-table.recent-table.table-responsive
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search {
  left: 60px;
  right: unset;
}
html[dir="rtl"] .lead-table.recent-table tbody tr td:first-child,
html[dir="rtl"] .lead-table.recent-table tbody tr th:first-child,
html[dir="rtl"] .lead-table.recent-table thead tr td:first-child,
html[dir="rtl"] .lead-table.recent-table thead tr th:first-child {
  padding-left: 8px;
  padding-right: 20px !important;
}
html[dir="rtl"] .lead-table.recent-table tbody tr td:last-child,
html[dir="rtl"] .lead-table.recent-table tbody tr th:last-child,
html[dir="rtl"] .lead-table.recent-table thead tr td:last-child,
html[dir="rtl"] .lead-table.recent-table thead tr th:last-child {
  padding-left: 20px !important;
  padding: 8px;
}
html[dir="rtl"] .main-lead-source {
  margin-left: unset;
  margin-right: -100px;
}
html[dir="rtl"] .main-lead-source .lead-source-1 {
  margin: 40px 20px 80px 0;
}
@media (max-width: 1610px) and (min-width: 1411px) {
  html[dir="rtl"] .main-lead-source .lead-source-1 {
    margin: 60px 20px 100px 0;
  }
}
@media (max-width: 1410px) and (min-width: 1400px) {
  html[dir="rtl"] .main-lead-source .lead-source-1 {
    margin: 70px 20px 120px 0;
  }
}
@media (max-width: 1399px) and (min-width: 1211px) {
  html[dir="rtl"] .main-lead-source .lead-source-1 {
    margin: 30px 20px 80px 0;
  }
}
@media (max-width: 1210px) {
  html[dir="rtl"] .main-lead-source .lead-source-1 {
    margin: 40px 20px 90px 0;
  }
}
@media (max-width: 767px) {
  html[dir="rtl"] .main-lead-source .lead-source-1 {
    margin: 20px 20px 70px 0;
  }
}
@media (max-width: 585px) and (min-width: 576px) {
  html[dir="rtl"] .main-lead-source .lead-source-1 {
    margin: 42px 32px 92px 0;
  }
}
html[dir="rtl"] .main-lead-source .lead-source-2 {
  left: -35%;
  right: unset;
}
@media (max-width: 1410px) and (min-width: 1400px) {
  html[dir="rtl"] .main-lead-source .lead-source-2 {
    left: -42%;
    right: unset;
  }
}
html[dir="rtl"] .lead-source-3 {
  left: -90%;
  right: unset;
  transform: translate(50%, 50%);
}
@media (max-width: 1599px) {
  html[dir="rtl"] .lead-source-3 {
    left: -85%;
    right: unset;
  }
}
@media (max-width: 1490px) and (min-width: 1431px) {
  html[dir="rtl"] .sales-data {
    justify-content: flex-end;
  }
}
@media (max-width: 635px) and (min-width: 576px) {
  html[dir="rtl"] .sales-data {
    justify-content: flex-end;
  }
}
@media (max-width: 332px) {
  html[dir="rtl"] .dashboard-13 .delivery-duration-chart {
    margin: 0 -20px -40px 0;
  }
}
html[dir="rtl"] .dashboard-13 .common-stat-option,
html[dir="rtl"] .dashboard-13 .delivered-stat-option {
  margin-left: -6px;
  margin-right: 0;
  transform: scaleX(-1);
}
@media (max-width: 1690px) {
  html[dir="rtl"] .dashboard-13 .delivery-chart .balance-data {
    inset: 0;
  }
}
html[dir="rtl"]
  .dashboard-13
  .vehicle-table
  .recent-table
  .dt-container
  .dt-layout-row
  table.dataTable
  thead
  tr
  th:first-child {
  text-align: center;
}
html[dir="rtl"]
  .dashboard-13
  .vehicle-table
  .recent-table
  table
  tbody
  tr
  td:first-child,
html[dir="rtl"]
  .dashboard-13
  .vehicle-table
  .recent-table
  table
  tbody
  tr
  th:first-child,
html[dir="rtl"]
  .dashboard-13
  .vehicle-table
  .recent-table
  table
  thead
  tr
  td:first-child,
html[dir="rtl"]
  .dashboard-13
  .vehicle-table
  .recent-table
  table
  thead
  tr
  th:first-child {
  padding-left: 8px;
  padding-right: 20px;
}
html[dir="rtl"]
  .dashboard-13
  .vehicle-table
  .recent-table
  table
  tbody
  tr
  td:last-child,
html[dir="rtl"]
  .dashboard-13
  .vehicle-table
  .recent-table
  table
  tbody
  tr
  th:last-child,
html[dir="rtl"]
  .dashboard-13
  .vehicle-table
  .recent-table
  table
  thead
  tr
  td:last-child,
html[dir="rtl"]
  .dashboard-13
  .vehicle-table
  .recent-table
  table
  thead
  tr
  th:last-child {
  padding-left: 20px;
  padding-right: 8px;
}
@media (max-width: 1364px) and (min-width: 1200px) {
  html[dir="rtl"]
    .dashboard-13
    .vehicle-table
    .recent-table
    table
    tbody
    tr
    td:nth-child(5),
  html[dir="rtl"]
    .dashboard-13
    .vehicle-table
    .recent-table
    table
    tbody
    tr
    th:nth-child(5),
  html[dir="rtl"]
    .dashboard-13
    .vehicle-table
    .recent-table
    table
    thead
    tr
    td:nth-child(5),
  html[dir="rtl"]
    .dashboard-13
    .vehicle-table
    .recent-table
    table
    thead
    tr
    th:nth-child(5) {
    padding-left: 20px;
    padding-right: 8px;
  }
}
html[dir="rtl"]
  .dashboard-13
  .shipment-tracking-table
  .recent-table
  div.dt-container
  .dt-layout-row
  table.dataTable
  thead
  tr
  th:first-child {
  text-align: center;
}
html[dir="rtl"]
  .dashboard-13
  .shipment-tracking-table
  .recent-table
  table
  tbody
  tr
  td:first-child,
html[dir="rtl"]
  .dashboard-13
  .shipment-tracking-table
  .recent-table
  table
  tbody
  tr
  th:first-child,
html[dir="rtl"]
  .dashboard-13
  .shipment-tracking-table
  .recent-table
  table
  thead
  tr
  td:first-child,
html[dir="rtl"]
  .dashboard-13
  .shipment-tracking-table
  .recent-table
  table
  thead
  tr
  th:first-child {
  padding-left: 8px;
  padding-right: 20px;
}
html[dir="rtl"]
  .dashboard-13
  .shipment-tracking-table
  .recent-table
  table
  tbody
  tr
  td:last-child,
html[dir="rtl"]
  .dashboard-13
  .shipment-tracking-table
  .recent-table
  table
  tbody
  tr
  th:last-child,
html[dir="rtl"]
  .dashboard-13
  .shipment-tracking-table
  .recent-table
  table
  thead
  tr
  td:last-child,
html[dir="rtl"]
  .dashboard-13
  .shipment-tracking-table
  .recent-table
  table
  thead
  tr
  th:last-child {
  padding-left: 20px;
  padding-right: 8px;
}
@media (max-width: 420px) {
  html[dir="rtl"] .dashboard-10 .card.heading-space .header-top {
    margin-left: unset !important;
    margin-right: 0 !important;
  }
}
html[dir="rtl"]
  .page-analytics-table
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search {
  left: 60px;
  right: unset;
}
@media (max-width: 1500px) {
  html[dir="rtl"]
    .page-analytics-table
    .recent-table
    div.dt-container
    .dt-layout-row
    .dt-layout-cell
    .dt-search {
    left: unset;
    right: 20px;
  }
}
@media (max-width: 420px) {
  html[dir="rtl"]
    .page-analytics-table
    .recent-table
    div.dt-container
    .dt-layout-row
    .dt-layout-cell
    .dt-search {
    left: -130px;
    right: unset;
  }
  html[dir="rtl"]
    .page-analytics-table
    .recent-table
    div.dt-container
    .dt-layout-row:first-child
    .dt-length {
    left: unset;
    right: 20px;
  }
}
html[dir="rtl"]
  .page-analytics-table
  .recent-table
  .table
  tbody
  tr
  td:first-child,
html[dir="rtl"]
  .page-analytics-table
  .recent-table
  .table
  tbody
  tr
  th:first-child,
html[dir="rtl"]
  .page-analytics-table
  .recent-table
  .table
  thead
  tr
  td:first-child,
html[dir="rtl"]
  .page-analytics-table
  .recent-table
  .table
  thead
  tr
  th:first-child {
  padding-right: 20px !important;
}
html[dir="rtl"]
  .page-analytics-table
  .recent-table
  .table
  tbody
  tr
  td:last-child,
html[dir="rtl"]
  .page-analytics-table
  .recent-table
  .table
  tbody
  tr
  th:last-child,
html[dir="rtl"]
  .page-analytics-table
  .recent-table
  .table
  thead
  tr
  td:last-child,
html[dir="rtl"]
  .page-analytics-table
  .recent-table
  .table
  thead
  tr
  th:last-child {
  padding-left: 20px !important;
}
html[dir="rtl"] .session-progress .progress .small-progressbar .animate-circle {
  left: -16px;
  right: unset;
}
html[dir="rtl"] .session-progress .progress .small-progressbar:after {
  left: -9px;
  right: unset;
}
html[dir="rtl"] .session-progress .progress .progress-label {
  left: -20px;
  right: unset;
}
@media (max-width: 1399px) {
  html[dir="rtl"] .session-progress .progress .progress-label {
    left: -16px;
    right: unset;
  }
}
html[dir="rtl"] .analytics-view-wrapper {
  margin: -34px px -30px -10px;
}
html[dir="rtl"] .visit-duration-wrapper {
  margin: -34px -10px -30px 35px;
}
html[dir="rtl"]
  .session-browser-table
  .table-responsive
  .table
  tbody
  tr
  td:first-child,
html[dir="rtl"]
  .session-browser-table
  .table-responsive
  .table
  tbody
  tr
  th:first-child,
html[dir="rtl"]
  .session-browser-table
  .table-responsive
  .table
  thead
  tr
  td:first-child,
html[dir="rtl"]
  .session-browser-table
  .table-responsive
  .table
  thead
  tr
  th:first-child {
  padding-left: 8px;
  padding-right: 20px !important;
}
html[dir="rtl"]
  .session-browser-table
  .table-responsive
  .table
  tbody
  tr
  td:last-child,
html[dir="rtl"]
  .session-browser-table
  .table-responsive
  .table
  tbody
  tr
  th:last-child,
html[dir="rtl"]
  .session-browser-table
  .table-responsive
  .table
  thead
  tr
  td:last-child,
html[dir="rtl"]
  .session-browser-table
  .table-responsive
  .table
  thead
  tr
  th:last-child {
  padding-left: 20px !important;
  padding-left: 8px;
}
@media (max-width: 1399px) {
  html[dir="rtl"]
    .attendance-table.recent-table
    div.dt-container
    .dt-layout-row
    .dt-search {
    left: unset;
    right: 20px;
  }
}
html[dir="rtl"] .attendance-table.recent-table table tbody tr td:first-child,
html[dir="rtl"] .attendance-table.recent-table table tbody tr th:first-child,
html[dir="rtl"] .attendance-table.recent-table table thead tr td:first-child,
html[dir="rtl"] .attendance-table.recent-table table thead tr th:first-child {
  padding-right: 20px !important;
}
html[dir="rtl"] .attendance-table.recent-table table tbody tr td:last-child,
html[dir="rtl"] .attendance-table.recent-table table tbody tr th:last-child,
html[dir="rtl"] .attendance-table.recent-table table thead tr td:last-child,
html[dir="rtl"] .attendance-table.recent-table table thead tr th:last-child {
  padding-left: 20px;
}
html[dir="rtl"]
  .birthday-cards
  .swiper
  .swiper-slide
  .birthday-usercard
  .btd-user
  .verified-user {
  left: 0;
  right: unset;
}
html[dir="rtl"] .birthday-cards .send-wishes i {
  transform: scaleX(-1);
}
html[dir="rtl"] .project-analytics .project-analytics-wrapper {
  margin: 0 -10px -20px 0;
}
html[dir="rtl"] .project-finish-card .project-right-content {
  left: -16px;
  right: unset;
}
html[dir="rtl"]
  .leave-request-table.table-responsive
  .table
  tbody
  td:first-child,
html[dir="rtl"]
  .leave-request-table.table-responsive
  .table
  tbody
  th:first-child,
html[dir="rtl"]
  .leave-request-table.table-responsive
  .table
  thead
  td:first-child,
html[dir="rtl"]
  .leave-request-table.table-responsive
  .table
  thead
  th:first-child {
  padding-right: 20px !important;
}
html[dir="rtl"]
  .leave-request-table.table-responsive
  .table
  tbody
  td:last-child,
html[dir="rtl"]
  .leave-request-table.table-responsive
  .table
  tbody
  th:last-child,
html[dir="rtl"]
  .leave-request-table.table-responsive
  .table
  thead
  td:last-child,
html[dir="rtl"]
  .leave-request-table.table-responsive
  .table
  thead
  th:last-child {
  padding-left: 20px !important;
}
@media (max-width: 1635px) and (min-width: 1400px) {
  html[dir="rtl"]
    .leave-request-table.table-responsive
    .table
    tbody
    td:nth-child(2),
  html[dir="rtl"]
    .leave-request-table.table-responsive
    .table
    tbody
    th:nth-child(2),
  html[dir="rtl"]
    .leave-request-table.table-responsive
    .table
    thead
    td:nth-child(2),
  html[dir="rtl"]
    .leave-request-table.table-responsive
    .table
    thead
    th:nth-child(2) {
    padding-left: 20px;
  }
}
html[dir="rtl"] .schedule-calender .tab-content .activity-update > li > div {
  border-radius: 0 6px 6px 0;
}
@media (max-width: 1490px) and (min-width: 1400px) {
  html[dir="rtl"] .schedule-calender .tab-content .activity-update > li > div {
    padding-left: unset;
    padding-right: 20px;
  }
}
@media (max-width: 500px) {
  html[dir="rtl"] .schedule-calender .tab-content .activity-update > li > div {
    padding-left: unset;
    padding-right: 20px;
  }
}
html[dir="rtl"]
  .schedule-calender
  .tab-content
  .activity-update
  > li
  .left-schedule {
  margin-left: unset;
  margin-right: 14px;
}
@media (max-width: 1490px) and (min-width: 1400px) {
  html[dir="rtl"]
    .schedule-calender
    .tab-content
    .activity-update
    > li
    .left-schedule {
    margin-left: unset;
    margin-right: 0;
  }
}
@media (max-width: 500px) {
  html[dir="rtl"]
    .schedule-calender
    .tab-content
    .activity-update
    > li
    .left-schedule {
    margin-left: unset;
    margin-right: 0;
  }
}
html[dir="rtl"]
  .schedule-calender
  .tab-content
  .activity-update
  > li
  .left-schedule
  .customers {
  padding-left: 6px;
  padding-right: unset;
}
html[dir="rtl"]
  .schedule-calender
  .tab-content
  .activity-update
  > li
  .left-schedule
  .customers
  ul
  li
  + li {
  margin-left: unset;
  margin-right: -16px;
}
html[dir="rtl"]
  .schedule-calender
  .tab-content
  .activity-update
  > li
  .left-schedule
  .schedule-name {
  border-left: unset;
  border-right: 1px solid rgba(82, 82, 108, 0.8);
  padding-left: unset;
  padding-right: 6px;
}
@media (max-width: 1399px) {
  html[dir="rtl"]
    .employee-list-table.recent-table
    div.dt-container
    .dt-layout-row
    .dt-layout-cell
    .dt-search {
    left: unset;
    right: 20px;
  }
}
html[dir="rtl"] .html-expert-table .dt-container .dt-buttons {
  float: none;
}
html[dir="rtl"] .html-expert-table .dt-container .dt-search {
  text-align: left;
}
html[dir="rtl"] .dashboard-12 .main-expenses .monthly-expense-wrapper,
html[dir="rtl"] .dashboard-12 .main-expenses .yearly-expense-wrapper,
html[dir="rtl"] .dashboard-12 .tasks-card .arrow-group .next,
html[dir="rtl"] .dashboard-12 .tasks-card .arrow-group .prev {
  transform: scaleX(-1);
}
@media (max-width: 519px) {
  html[dir="rtl"] .dashboard-12 .sales-report .balance-data {
    inset: 0;
  }
}
html[dir="rtl"]
  .dashboard-12
  .all-project-table
  .recent-table
  .dt-container
  .dt-layout-row
  table.dataTable
  thead
  tr
  th:first-child {
  text-align: center;
}
html[dir="rtl"]
  .dashboard-12
  .all-project-table
  .recent-table
  table
  tbody
  tr
  td:first-child,
html[dir="rtl"]
  .dashboard-12
  .all-project-table
  .recent-table
  table
  tbody
  tr
  th:first-child,
html[dir="rtl"]
  .dashboard-12
  .all-project-table
  .recent-table
  table
  thead
  tr
  td:first-child,
html[dir="rtl"]
  .dashboard-12
  .all-project-table
  .recent-table
  table
  thead
  tr
  th:first-child {
  padding-left: 8px;
  padding-right: 20px;
}
html[dir="rtl"]
  .dashboard-12
  .all-project-table
  .recent-table
  table
  tbody
  tr
  td:last-child,
html[dir="rtl"]
  .dashboard-12
  .all-project-table
  .recent-table
  table
  tbody
  tr
  th:last-child,
html[dir="rtl"]
  .dashboard-12
  .all-project-table
  .recent-table
  table
  thead
  tr
  td:last-child,
html[dir="rtl"]
  .dashboard-12
  .all-project-table
  .recent-table
  table
  thead
  tr
  th:last-child {
  padding-left: 20px;
  padding-right: 7px;
}
html[dir="rtl"]
  .dashboard-12
  .upcoming-datatable
  .recent-table
  .dt-container
  .dt-layout-row
  table.dataTable
  thead
  tr
  th:first-child {
  text-align: center;
}
html[dir="rtl"]
  .dashboard-12
  .upcoming-datatable
  .recent-table
  table
  tbody
  tr
  td:first-child,
html[dir="rtl"]
  .dashboard-12
  .upcoming-datatable
  .recent-table
  table
  tbody
  tr
  th:first-child,
html[dir="rtl"]
  .dashboard-12
  .upcoming-datatable
  .recent-table
  table
  thead
  tr
  td:first-child,
html[dir="rtl"]
  .dashboard-12
  .upcoming-datatable
  .recent-table
  table
  thead
  tr
  th:first-child {
  padding-left: 8px;
  padding-right: 20px;
}
html[dir="rtl"]
  .dashboard-12
  .upcoming-datatable
  .recent-table
  table
  tbody
  tr
  td:last-child,
html[dir="rtl"]
  .dashboard-12
  .upcoming-datatable
  .recent-table
  table
  tbody
  tr
  th:last-child,
html[dir="rtl"]
  .dashboard-12
  .upcoming-datatable
  .recent-table
  table
  thead
  tr
  td:last-child,
html[dir="rtl"]
  .dashboard-12
  .upcoming-datatable
  .recent-table
  table
  thead
  tr
  th:last-child {
  padding-left: 20px;
  padding-right: 8px;
}
html[dir="rtl"]
  .dashboard-12
  .recent-activity-table
  .recent-table
  .dt-container
  .dt-layout-row
  table.dataTable
  thead
  tr
  th:first-child {
  text-align: center;
}
html[dir="rtl"]
  .dashboard-12
  .recent-activity-table
  .recent-table
  table
  tbody
  tr
  td:first-child,
html[dir="rtl"]
  .dashboard-12
  .recent-activity-table
  .recent-table
  table
  tbody
  tr
  th:first-child,
html[dir="rtl"]
  .dashboard-12
  .recent-activity-table
  .recent-table
  table
  thead
  tr
  td:first-child,
html[dir="rtl"]
  .dashboard-12
  .recent-activity-table
  .recent-table
  table
  thead
  tr
  th:first-child {
  padding-left: 8px;
  padding-right: 20px;
}
html[dir="rtl"]
  .dashboard-12
  .recent-activity-table
  .recent-table
  table
  tbody
  tr
  td:last-child,
html[dir="rtl"]
  .dashboard-12
  .recent-activity-table
  .recent-table
  table
  tbody
  tr
  th:last-child,
html[dir="rtl"]
  .dashboard-12
  .recent-activity-table
  .recent-table
  table
  thead
  tr
  td:last-child,
html[dir="rtl"]
  .dashboard-12
  .recent-activity-table
  .recent-table
  table
  thead
  tr
  th:last-child {
  padding-left: 20px;
  padding-right: 8px;
}
html[dir="rtl"]
  .dashboard-12
  .team-performance-table
  .recent-table
  table
  tbody
  tr
  td:first-child,
html[dir="rtl"]
  .dashboard-12
  .team-performance-table
  .recent-table
  table
  tbody
  tr
  th:first-child,
html[dir="rtl"]
  .dashboard-12
  .team-performance-table
  .recent-table
  table
  thead
  tr
  td:first-child,
html[dir="rtl"]
  .dashboard-12
  .team-performance-table
  .recent-table
  table
  thead
  tr
  th:first-child {
  padding-left: 8px;
  padding-right: 20px;
}
html[dir="rtl"]
  .dashboard-12
  .team-performance-table
  .recent-table
  table
  tbody
  tr
  td:last-child,
html[dir="rtl"]
  .dashboard-12
  .team-performance-table
  .recent-table
  table
  tbody
  tr
  th:last-child,
html[dir="rtl"]
  .dashboard-12
  .team-performance-table
  .recent-table
  table
  thead
  tr
  td:last-child,
html[dir="rtl"]
  .dashboard-12
  .team-performance-table
  .recent-table
  table
  thead
  tr
  th:last-child {
  padding-left: 20px;
  padding-right: 8px;
}
@media (max-width: 1698px) and (min-width: 1400px) {
  html[dir="rtl"]
    .dashboard-12
    .team-performance-table
    .recent-table
    table
    tbody
    tr
    td:nth-child(3),
  html[dir="rtl"]
    .dashboard-12
    .team-performance-table
    .recent-table
    table
    tbody
    tr
    th:nth-child(3),
  html[dir="rtl"]
    .dashboard-12
    .team-performance-table
    .recent-table
    table
    thead
    tr
    td:nth-child(3),
  html[dir="rtl"]
    .dashboard-12
    .team-performance-table
    .recent-table
    table
    thead
    tr
    th:nth-child(3) {
    padding-left: 20px;
    padding-right: 8px;
  }
}
@media (max-width: 1235px) and (min-width: 1200px) {
  html[dir="rtl"]
    .dashboard-12
    .team-performance-table
    .recent-table
    table
    tbody
    tr
    td:nth-child(3),
  html[dir="rtl"]
    .dashboard-12
    .team-performance-table
    .recent-table
    table
    tbody
    tr
    th:nth-child(3),
  html[dir="rtl"]
    .dashboard-12
    .team-performance-table
    .recent-table
    table
    thead
    tr
    td:nth-child(3),
  html[dir="rtl"]
    .dashboard-12
    .team-performance-table
    .recent-table
    table
    thead
    tr
    th:nth-child(3) {
    padding-left: 20px;
    padding-right: 8px;
  }
}
html[dir="rtl"] .chart-vertical-center #myDoughnutGraph,
html[dir="rtl"] .chart-vertical-center #myPolarGraph {
  width: auto !important;
}
html[dir="rtl"] div.dt-buttons {
  float: right;
}
html[dir="rtl"] .dt-button-collection {
  left: unset !important;
  right: 0 !important;
}
html[dir="rtl"] .dropzone .dz-preview .dz-error-mark,
html[dir="rtl"] .dropzone .dz-preview .dz-success-mark {
  left: unset;
  margin-left: unset;
  margin-right: -27px;
  right: 50%;
}
html[dir="rtl"] .dropzone .dz-preview .dz-details,
html[dir="rtl"] .dropzone .dz-preview .dz-filename,
html[dir="rtl"] .dropzone .dz-preview .dz-remove {
  text-align: right;
}
html[dir="rtl"] .page-wrapper .page-body-wrapper footer {
  margin-left: unset;
  margin-right: 265px;
}
html[dir="rtl"] .page-wrapper .page-body-wrapper footer p i {
  margin-left: unset;
  margin-right: 5px;
}
html[dir="rtl"] .footer-copyright {
  text-align: right;
}
html[dir="rtl"] .footer-links {
  text-align: left;
}
html[dir="rtl"] .page-item:first-child .page-link {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0.25rem;
  border-left: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0.25rem;
  margin-right: 0;
}
html[dir="rtl"] .page-item:last-child .page-link {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0;
}
html[dir="rtl"] .popover.bottom > .arrow:after,
html[dir="rtl"] .popover.top > .arrow:after {
  margin-left: unset;
  margin-right: -10px;
}
html[dir="rtl"]
  .main-scrollspy
  .custom-scrollspy-section
  .scrollspy-example-5
  .about-box
  > div
  svg {
  transform: scaleX(-1);
}
html[dir="rtl"] .bootstrap-touchspin > .input-group-append > .btn,
html[dir="rtl"] .bootstrap-touchspin > .input-group-append > .input-group-text {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
html[dir="rtl"] .bootstrap-touchspin > .custom-select:not(:last-child),
html[dir="rtl"] .bootstrap-touchspin > .form-control:not(:last-child) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
html[dir="rtl"] .bootstrap-touchspin .rounded-touchspin .btn-touchspin i {
  transform: scaleX(-1);
}
html[dir="rtl"] .pre-post-touchspin .decrement-touchspin,
html[dir="rtl"] .pre-post-touchspin .increment-touchspin {
  border-radius: 0 !important;
}
html[dir="rtl"] .typeahead span.twitter-typeahead .tt-suggestion {
  text-align: right;
}
html[dir="rtl"] .typeahead .league-name {
  margin-right: 5px;
  text-align: right;
}
html[dir="rtl"] .follow .text-md-right {
  text-align: left !important;
}
html[dir="rtl"] .jvectormap-goback,
html[dir="rtl"] .jvectormap-zoomin,
html[dir="rtl"] .jvectormap-zoomout {
  left: unset;
  right: 10px;
}
html[dir="rtl"] .sidebar-panel-main {
  left: 30px;
  right: unset;
}
html[dir="rtl"] .layout-sidebar,
html[dir="rtl"] .setting-sidebar {
  left: -400px;
  right: unset;
}
html[dir="rtl"] .layout-sidebar.open,
html[dir="rtl"] .setting-sidebar.open {
  left: 0;
  right: unset;
}
html[dir="rtl"] .layout-sidebar .customizer-header p i,
html[dir="rtl"] .setting-sidebar .customizer-header p i {
  margin-left: unset;
  margin-right: 4px;
  transform: scaleX(-1);
}
html[dir="rtl"] .layout-sidebar .main-layout > li + li,
html[dir="rtl"] .setting-sidebar .main-layout > li + li {
  margin-left: unset;
  margin-right: 7px;
}
html[dir="rtl"]
  .layout-sidebar
  .layout-grid:not(.customizer-color)
  li
  > .body
  ul
  .sidebar,
html[dir="rtl"]
  .setting-sidebar
  .layout-grid:not(.customizer-color)
  li
  > .body
  ul
  .sidebar {
  margin-left: 3px;
}
html[dir="rtl"] .layout-sidebar .sidebar-setting > li + li,
html[dir="rtl"] .layout-sidebar .sidebar-type > li + li,
html[dir="rtl"] .setting-sidebar .sidebar-setting > li + li,
html[dir="rtl"] .setting-sidebar .sidebar-type > li + li {
  margin-left: unset;
  margin-right: 7px;
}
html[dir="rtl"] .layout-sidebar .unlimited-color-layout input,
html[dir="rtl"] .setting-sidebar .unlimited-color-layout input {
  margin-left: 5px;
  margin-right: unset;
}
html[dir="rtl"] .layout-sidebar .customizer-body .layout-link li a i,
html[dir="rtl"] .setting-sidebar .customizer-body .layout-link li a i {
  margin-left: 6px;
  margin-right: unset;
}
html[dir="rtl"] .customizer-links {
  left: 0;
  right: unset;
}
html[dir="rtl"] .customizer-links > .nav {
  padding-right: 10px;
}
html[dir="rtl"] .customizer-links .nav-link:after {
  border-left-color: unset;
  border-right-color: #e8e6ff;
  border-width: 5px 5px 5px 0;
  left: unset;
  right: -10px;
}
html[dir="rtl"] .customizer-links .nav-link span {
  left: -60px;
  right: unset;
}
html[dir="rtl"] .customizer-links .nav-link:hover span {
  left: 48px;
}
html[dir="rtl"] .customizer-links.open {
  border-radius: 0 8px 8px 0;
  left: 330px;
  right: unset;
}
html[dir="rtl"] .customizer-contain {
  left: -330px;
  right: unset;
  width: 330px;
}
html[dir="rtl"] .customizer-contain.open {
  left: 0;
  right: unset;
}
html[dir="rtl"] .customizer-contain .customizer-header .icon-close {
  left: unset;
  right: 30px;
}
html[dir="rtl"] .box-layout.page-wrapper.horizontal-wrapper .page-header {
  padding-left: unset;
  padding-right: 250px;
}
html[dir="rtl"] .box-layout.page-wrapper.horizontal-wrapper .page-header.open {
  padding-right: 0;
}
html[dir="rtl"]
  .box-layout.page-wrapper.compact-wrapper
  .page-body-wrapper
  .page-body {
  margin-left: unset;
  margin-right: 230px;
}
html[dir="rtl"]
  .box-layout.page-wrapper.compact-wrapper
  .page-body-wrapper
  .sidebar-wrapper {
  border-radius: 0 10px 10px 0;
}
html[dir="rtl"]
  .box-layout.page-wrapper.compact-wrapper
  .page-body-wrapper
  .sidebar-wrapper.close_icon
  ~ footer {
  left: 50%;
  padding-inline: 0;
  width: 1280px;
}
html[dir="rtl"]
  .box-layout.page-wrapper.compact-wrapper
  .page-body-wrapper
  footer:not(.kanban-container footer) {
  padding-left: unset;
  padding-right: 230px;
}
html[dir="rtl"] .box-layout.page-wrapper.compact-wrapper .page-header {
  margin-left: auto;
  margin-right: auto;
  padding-left: unset;
  padding-right: 230px;
}
html[dir="rtl"]
  .box-layout.page-wrapper.compact-wrapper
  .page-header.close_icon {
  padding-right: 100px;
}
html[dir="rtl"]
  .box-layout.page-wrapper.compact-wrapper
  .page-header
  .header-wrapper {
  border-radius: 10px 0 0 0;
}
html[dir="rtl"] .box-layout.page-wrapper .page-header.close_icon {
  margin-left: auto;
  padding-left: unset;
  padding-right: 80px !important;
}
html[dir="rtl"] body.dark-only .custom-card .card-footer > div + div {
  border-right: 1px solid #374558;
}
html[dir="rtl"]
  body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .card:not(.email-body)
  .border-right {
  border-left: 1px solid #374558 !important;
  border-right: none !important;
}
html[dir="rtl"]
  body.dark-only
  .page-wrapper.compact-wrapper
  .page-header
  .header-wrapper
  .toggle-sidebar {
  border-left: 1px solid #374558;
  border-right: unset;
}
html[dir="rtl"] body.dark-only .social-chat .flex-grow-1:after {
  border-left: 7px solid #262932;
  border-right: unset;
}
html[dir="rtl"] body.dark-only .contacts-tabs .nav-pills {
  border-left: 1px solid #374558;
  border-right: unset;
}
@media screen and (max-width: 1660px) {
  html[dir="rtl"] .caller-img {
    left: unset;
    right: 15px;
  }
}
@media only screen and (max-width: 1366px) {
  html[dir="rtl"] .profile-dropdown.onhover-show-div {
    left: 0 !important;
    right: unset !important;
  }
  html[dir="rtl"] .product-grid,
  html[dir="rtl"] .product-wrapper .product-grid .feature-products {
    margin-right: 0;
  }
  html[dir="rtl"] .d-none-productlist {
    margin-left: 10px;
    margin-right: unset;
  }
  html[dir="rtl"] .photos ul li:nth-child(3n) {
    margin-left: 15px;
    margin-right: unset;
  }
}
@media (min-width: 1200px) {
  html[dir="rtl"] .float-xl-end {
    float: left !important;
  }
  html[dir="rtl"] .pixelstrap ul a.highlighted .sub-arrow,
  html[dir="rtl"] .pixelstrap ul a:active .sub-arrow,
  html[dir="rtl"] .pixelstrap ul a:focus .sub-arrow,
  html[dir="rtl"] .pixelstrap ul a:hover .sub-arrow {
    left: 3px;
    right: unset;
  }
}
@media (min-width: 992px) {
  html[dir="rtl"] .text-lg-start {
    text-align: right !important;
  }
}
@media only screen and (max-width: 1199.98px) {
  html[dir="rtl"] .jkanban-container .btn {
    margin-left: unset;
    margin-right: 20px;
  }
  html[dir="rtl"] .link-section > div > h6:before {
    left: 10px;
    right: unset;
  }
  html[dir="rtl"]
    .page-wrapper
    .page-header
    .header-wrapper
    .nav-right
    > ul
    li
    .submenu
    li:first-child {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  html[dir="rtl"] .user-profile .hovercard .user-image .share-icons {
    left: 45px;
  }
  html[dir="rtl"] .email-wrap .row .col-xl-6 {
    padding-right: 15px;
  }
  html[dir="rtl"] .email-wrap .row .col-xl-3 + .col-xl-3 {
    padding-left: 15px;
  }
  html[dir="rtl"] .email-wrap .email-app-sidebar .main-menu > li {
    text-align: right;
  }
  html[dir="rtl"] .email-wrap .email-app-sidebar .main-menu > li a i {
    margin-left: 10px;
    margin-right: unset;
  }
  html[dir="rtl"] .email-wrap .email-app-sidebar ul {
    padding-right: 0;
  }
  html[dir="rtl"] .email-wrap .email-right-aside .email-body .pe-0 {
    padding-right: unset !important;
  }
  html[dir="rtl"] .email-wrap .email-right-aside .radius-left {
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-radius: 4px;
  }
  html[dir="rtl"] .chat-menu-icons {
    text-align: left;
  }
  html[dir="rtl"] .chat-menu {
    left: 0;
    right: unset;
  }
}
@media only screen and (max-width: 991.98px) {
  html[dir="rtl"]
    .page-wrapper.compact-wrapper
    .page-body-wrapper
    div.sidebar-wrapper.close_icon,
  html[dir="rtl"]
    .page-wrapper.compact-wrapper
    .page-body-wrapper
    div.sidebar-wrapper.close_icon:hover {
    transform: translate(285px);
  }
  html[dir="rtl"]
    .page-wrapper.compact-wrapper
    .page-body-wrapper
    div.sidebar-wrapper
    .logo-wrapper
    .back-btn {
    float: left;
    left: 26px;
    right: unset;
    transform: rotate(180deg);
  }
  html[dir="rtl"]
    .page-wrapper.compact-wrapper
    .page-header
    .header-wrapper
    .toggle-sidebar {
    border-left: 1px solid #ddd;
    border-right: none;
    margin-left: 15px;
    margin-right: 0;
    padding-left: 15px;
    padding-right: 0;
  }
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-header {
    margin-right: 0;
  }
  html[dir="rtl"] .page-wrapper.material-icon .page-header {
    padding-right: 0;
  }
  html[dir="rtl"] .page-wrapper.material-icon .page-body-wrapper .page-body {
    padding-right: 15px;
  }
  html[dir="rtl"] .faq-accordion .faq-header svg {
    left: 20px;
  }
  html[dir="rtl"]
    .page-wrapper
    .page-header
    .header-logo-wrapper
    .logo-wrapper
    img {
    margin-left: 15px;
    margin-right: unset;
  }
  html[dir="rtl"] .page-body-wrapper .page-body,
  html[dir="rtl"] .page-body-wrapper footer {
    margin-right: 0 !important;
  }
  html[dir="rtl"] .main .langChoice {
    left: 20px;
  }
  html[dir="rtl"] .page-wrapper .page-body-wrapper .page-title .breadcrumb {
    margin-right: 0;
  }
  html[dir="rtl"] .page-wrapper .page-body-wrapper .page-body {
    min-height: calc(100vh - 60px);
  }
  html[dir="rtl"] .page-wrapper .page-header {
    margin-right: 0;
  }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-header {
    margin-left: unset !important;
    margin-right: 0 !important;
  }
  html[dir="rtl"]
    .page-wrapper.compact-wrapper
    .page-body-wrapper.sidebar-wrapper.close_icon {
    transform: translate(285px);
  }
  html[dir="rtl"] .bookmark ul li .search-form .form-control-search {
    left: -127px;
  }
  html[dir="rtl"] .card .card-header .card-header-right {
    left: 15px;
  }
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
  html[dir="rtl"]
    .page-wrapper.compact-wrapper.material-type
    .page-body-wrapper
    div.sidebar-wrapper {
    left: unset;
    right: 0;
  }
}
@media (min-width: 768px) {
  html[dir="rtl"] .float-md-end {
    float: left !important;
  }
  html[dir="rtl"] .income-wrap .ps-md-0 {
    padding-left: 30px !important;
    padding-right: 0 !important;
  }
  html[dir="rtl"] .text-md-end {
    text-align: left !important;
  }
  html[dir="rtl"] .offset-md-3 {
    margin-left: unset;
    margin-right: 25%;
  }
  html[dir="rtl"] .offset-md-2 {
    margin-left: unset;
    margin-right: 16.66666667%;
  }
  html[dir="rtl"] .text-md-start {
    text-align: right !important;
  }
  html[dir="rtl"] .ecommerce-widget .text-md-end {
    text-align: left !important;
  }
  html[dir="rtl"] .ecommerce-widget .text-md-end ul {
    text-align: left;
  }
}
@media (min-width: 1200px) {
  html[dir="rtl"] .offset-xl-3 {
    margin-left: unset;
    margin-right: 25%;
  }
}
@media only screen and (max-width: 767.98px) {
  html[dir="rtl"] .list-persons .profile-mail .email-general ul {
    padding-left: 0;
  }
  html[dir="rtl"]
    .product-wrapper.sidebaron
    .product-grid
    .product-wrapper-grid {
    margin-right: 0;
  }
  html[dir="rtl"] .feature-products .filter-toggle {
    margin-left: unset;
    margin-right: 10px;
  }
  html[dir="rtl"] .user-profile .hovercard .user-image .share-icons {
    left: 25px !important;
  }
  html[dir="rtl"] .ecommerce-widget .text-md-right {
    text-align: left !important;
  }
  html[dir="rtl"] .bar-chart-widget .earning-details i {
    left: -147px !important;
  }
}
@media (min-width: 576px) {
  html[dir="rtl"] .offset-sm-3 {
    margin-left: unset;
    margin-right: 25%;
  }
  html[dir="rtl"] .text-sm-end {
    text-align: left !important;
  }
  html[dir="rtl"] .float-sm-end {
    float: left !important;
  }
  html[dir="rtl"] .me-sm-2 {
    margin-left: 0.5rem !important;
    margin-right: unset !important;
  }
}
@media only screen and (max-width: 575.98px) {
  html[dir="rtl"] .list-persons .nav-pills .nav-link .d-flex .flex-grow-1 {
    text-align: right;
  }
  html[dir="rtl"]
    .page-wrapper
    .page-header
    .header-wrapper
    .nav-right
    > ul
    li {
    margin-left: 1px;
    margin-right: unset;
  }
  html[dir="rtl"]
    .page-wrapper
    .page-header
    .header-wrapper
    .search-full
    .form-group
    .close-search {
    left: 0;
  }
  html[dir="rtl"]
    .page-wrapper.compact-sidebar
    .page-header
    .header-wrapper
    .toggle-sidebar,
  html[dir="rtl"]
    .page-wrapper.compact-wrapper
    .page-header
    .header-wrapper
    .toggle-sidebar {
    border-left: 1px solid #ddd;
    border-right: unset;
    margin-left: 8px;
    margin-right: unset;
    padding-left: 8px;
    padding-right: unset;
  }
  html[dir="rtl"] .translate_wrapper.active .more_lang.active {
    left: unset;
    right: 12px;
  }
  html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li:last-child {
    padding-right: 10px;
  }
  html[dir="rtl"]
    .page-header
    .header-wrapper
    .nav-right.right-header
    ul.notification-dropdown {
    left: unset !important;
    right: 15px !important;
  }
  html[dir="rtl"] .faq-accordion .faq-header svg {
    left: 15px;
  }
  html[dir="rtl"] .user-profile .hovercard .user-image .share-icons {
    left: 15px !important;
  }
  html[dir="rtl"] .user-profile .hovercard .user-image .share-icons li {
    margin-left: 0;
  }
  html[dir="rtl"] .main .langChoice {
    left: 20px;
  }
  html[dir="rtl"] .page-wrapper .search-form .form-group {
    margin-left: 0;
  }
  html[dir="rtl"] .card-body .value-left {
    margin-left: 15px;
  }
}
html[dir="rtl"] .api-manage .heading-space .card-header .header-top,
html[dir="rtl"] .candidate-wrapper .heading-space .card-header .header-top,
html[dir="rtl"] .common-cart .heading-space .card-header .header-top,
html[dir="rtl"] .common-order-history .heading-space .card-header .header-top,
html[dir="rtl"] .customer-order-wrapper .heading-space .card-header .header-top,
html[dir="rtl"] .dashboard-09 .heading-space .card-header .header-top,
html[dir="rtl"] .dashboard-10 .heading-space .card-header .header-top,
html[dir="rtl"] .dashboard-11 .heading-space .card-header .header-top,
html[dir="rtl"] .dashboard-12 .heading-space .card-header .header-top,
html[dir="rtl"] .dashboard-13 .heading-space .card-header .header-top,
html[dir="rtl"] .dashboard-2 .heading-space .card-header .header-top,
html[dir="rtl"] .dashboard-3 .heading-space .card-header .header-top,
html[dir="rtl"] .dashboard-4 .heading-space .card-header .header-top,
html[dir="rtl"] .dashboard-5 .heading-space .card-header .header-top,
html[dir="rtl"] .dashboard-6 .heading-space .card-header .header-top,
html[dir="rtl"] .dashboard-7 .heading-space .card-header .header-top,
html[dir="rtl"] .default-dashboard .heading-space .card-header .header-top,
html[dir="rtl"] .e-category .heading-space .card-header .header-top,
html[dir="rtl"] .list-product-view .heading-space .card-header .header-top,
html[dir="rtl"] .main-scope-project .heading-space .card-header .header-top,
html[dir="rtl"] .main-tasks .heading-space .card-header .header-top,
html[dir="rtl"] .manage-review-wrapper .heading-space .card-header .header-top,
html[dir="rtl"] .overall-budget .heading-space .card-header .header-top,
html[dir="rtl"] .product-report-wrapper .heading-space .card-header .header-top,
html[dir="rtl"]
  .role-permission-wrapper
  .heading-space
  .card-header
  .header-top,
html[dir="rtl"] .sale-report-wrapper .heading-space .card-header .header-top,
html[dir="rtl"] .sale-return-wrapper .heading-space .card-header .header-top,
html[dir="rtl"] .seller-details-wrapper .heading-space .card-header .header-top,
html[dir="rtl"] .subscribed-user .heading-space .card-header .header-top,
html[dir="rtl"] .user-list-wrapper .heading-space .card-header .header-top {
  margin-left: unset;
  margin-right: 74px;
}
html[dir="rtl"] .api-manage div.dt-container .dt-layout-row .dt-length,
html[dir="rtl"] .candidate-wrapper div.dt-container .dt-layout-row .dt-length,
html[dir="rtl"] .common-cart div.dt-container .dt-layout-row .dt-length,
html[dir="rtl"]
  .common-order-history
  div.dt-container
  .dt-layout-row
  .dt-length,
html[dir="rtl"]
  .customer-order-wrapper
  div.dt-container
  .dt-layout-row
  .dt-length,
html[dir="rtl"] .dashboard-09 div.dt-container .dt-layout-row .dt-length,
html[dir="rtl"] .dashboard-10 div.dt-container .dt-layout-row .dt-length,
html[dir="rtl"] .dashboard-11 div.dt-container .dt-layout-row .dt-length,
html[dir="rtl"] .dashboard-12 div.dt-container .dt-layout-row .dt-length,
html[dir="rtl"] .dashboard-13 div.dt-container .dt-layout-row .dt-length,
html[dir="rtl"] .dashboard-2 div.dt-container .dt-layout-row .dt-length,
html[dir="rtl"] .dashboard-3 div.dt-container .dt-layout-row .dt-length,
html[dir="rtl"] .dashboard-4 div.dt-container .dt-layout-row .dt-length,
html[dir="rtl"] .dashboard-5 div.dt-container .dt-layout-row .dt-length,
html[dir="rtl"] .dashboard-6 div.dt-container .dt-layout-row .dt-length,
html[dir="rtl"] .dashboard-7 div.dt-container .dt-layout-row .dt-length,
html[dir="rtl"] .default-dashboard div.dt-container .dt-layout-row .dt-length,
html[dir="rtl"] .e-category div.dt-container .dt-layout-row .dt-length,
html[dir="rtl"] .list-product-view div.dt-container .dt-layout-row .dt-length,
html[dir="rtl"] .main-scope-project div.dt-container .dt-layout-row .dt-length,
html[dir="rtl"] .main-tasks div.dt-container .dt-layout-row .dt-length,
html[dir="rtl"]
  .manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dt-length,
html[dir="rtl"] .overall-budget div.dt-container .dt-layout-row .dt-length,
html[dir="rtl"]
  .product-report-wrapper
  div.dt-container
  .dt-layout-row
  .dt-length,
html[dir="rtl"]
  .role-permission-wrapper
  div.dt-container
  .dt-layout-row
  .dt-length,
html[dir="rtl"] .sale-report-wrapper div.dt-container .dt-layout-row .dt-length,
html[dir="rtl"] .sale-return-wrapper div.dt-container .dt-layout-row .dt-length,
html[dir="rtl"]
  .seller-details-wrapper
  div.dt-container
  .dt-layout-row
  .dt-length,
html[dir="rtl"] .subscribed-user div.dt-container .dt-layout-row .dt-length,
html[dir="rtl"] .user-list-wrapper div.dt-container .dt-layout-row .dt-length {
  left: unset;
  right: 20px;
}
html[dir="rtl"]
  .api-manage
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th,
html[dir="rtl"]
  .candidate-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th,
html[dir="rtl"]
  .common-cart
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th,
html[dir="rtl"]
  .common-order-history
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th,
html[dir="rtl"]
  .customer-order-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th,
html[dir="rtl"]
  .dashboard-09
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th,
html[dir="rtl"]
  .dashboard-10
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th,
html[dir="rtl"]
  .dashboard-11
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th,
html[dir="rtl"]
  .dashboard-12
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th,
html[dir="rtl"]
  .dashboard-13
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th,
html[dir="rtl"]
  .dashboard-2
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th,
html[dir="rtl"]
  .dashboard-3
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th,
html[dir="rtl"]
  .dashboard-4
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th,
html[dir="rtl"]
  .dashboard-5
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th,
html[dir="rtl"]
  .dashboard-6
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th,
html[dir="rtl"]
  .dashboard-7
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th,
html[dir="rtl"]
  .default-dashboard
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th,
html[dir="rtl"]
  .e-category
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th,
html[dir="rtl"]
  .list-product-view
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th,
html[dir="rtl"]
  .main-scope-project
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th,
html[dir="rtl"]
  .main-tasks
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th,
html[dir="rtl"]
  .manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th,
html[dir="rtl"]
  .overall-budget
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th,
html[dir="rtl"]
  .product-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th,
html[dir="rtl"]
  .role-permission-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th,
html[dir="rtl"]
  .sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th,
html[dir="rtl"]
  .sale-return-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th,
html[dir="rtl"]
  .seller-details-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th,
html[dir="rtl"]
  .subscribed-user
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th,
html[dir="rtl"]
  .user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th {
  text-align: right;
}
html[dir="rtl"]
  .api-manage
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th:not(:first-child),
html[dir="rtl"]
  .candidate-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th:not(:first-child),
html[dir="rtl"]
  .common-cart
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th:not(:first-child),
html[dir="rtl"]
  .common-order-history
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th:not(:first-child),
html[dir="rtl"]
  .customer-order-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th:not(:first-child),
html[dir="rtl"]
  .dashboard-09
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th:not(:first-child),
html[dir="rtl"]
  .dashboard-10
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th:not(:first-child),
html[dir="rtl"]
  .dashboard-11
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th:not(:first-child),
html[dir="rtl"]
  .dashboard-12
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th:not(:first-child),
html[dir="rtl"]
  .dashboard-13
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th:not(:first-child),
html[dir="rtl"]
  .dashboard-2
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th:not(:first-child),
html[dir="rtl"]
  .dashboard-3
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th:not(:first-child),
html[dir="rtl"]
  .dashboard-4
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th:not(:first-child),
html[dir="rtl"]
  .dashboard-5
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th:not(:first-child),
html[dir="rtl"]
  .dashboard-6
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th:not(:first-child),
html[dir="rtl"]
  .dashboard-7
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th:not(:first-child),
html[dir="rtl"]
  .default-dashboard
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th:not(:first-child),
html[dir="rtl"]
  .e-category
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th:not(:first-child),
html[dir="rtl"]
  .list-product-view
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th:not(:first-child),
html[dir="rtl"]
  .main-scope-project
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th:not(:first-child),
html[dir="rtl"]
  .main-tasks
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th:not(:first-child),
html[dir="rtl"]
  .manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th:not(:first-child),
html[dir="rtl"]
  .overall-budget
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th:not(:first-child),
html[dir="rtl"]
  .product-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th:not(:first-child),
html[dir="rtl"]
  .role-permission-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th:not(:first-child),
html[dir="rtl"]
  .sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th:not(:first-child),
html[dir="rtl"]
  .sale-return-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th:not(:first-child),
html[dir="rtl"]
  .seller-details-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th:not(:first-child),
html[dir="rtl"]
  .subscribed-user
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th:not(:first-child),
html[dir="rtl"]
  .user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th:not(:first-child) {
  padding-left: 28px !important;
}
html[dir="rtl"]
  .api-manage
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc,
html[dir="rtl"]
  .api-manage
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc,
html[dir="rtl"]
  .api-manage
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc,
html[dir="rtl"]
  .api-manage
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc,
html[dir="rtl"]
  .candidate-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc,
html[dir="rtl"]
  .candidate-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc,
html[dir="rtl"]
  .candidate-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc,
html[dir="rtl"]
  .candidate-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc,
html[dir="rtl"]
  .common-cart
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc,
html[dir="rtl"]
  .common-cart
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc,
html[dir="rtl"]
  .common-cart
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc,
html[dir="rtl"]
  .common-cart
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc,
html[dir="rtl"]
  .common-order-history
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc,
html[dir="rtl"]
  .common-order-history
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc,
html[dir="rtl"]
  .common-order-history
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc,
html[dir="rtl"]
  .common-order-history
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc,
html[dir="rtl"]
  .customer-order-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc,
html[dir="rtl"]
  .customer-order-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc,
html[dir="rtl"]
  .customer-order-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc,
html[dir="rtl"]
  .customer-order-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc,
html[dir="rtl"]
  .dashboard-09
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc,
html[dir="rtl"]
  .dashboard-09
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc,
html[dir="rtl"]
  .dashboard-09
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc,
html[dir="rtl"]
  .dashboard-09
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc,
html[dir="rtl"]
  .dashboard-10
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc,
html[dir="rtl"]
  .dashboard-10
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc,
html[dir="rtl"]
  .dashboard-10
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc,
html[dir="rtl"]
  .dashboard-10
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc,
html[dir="rtl"]
  .dashboard-11
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc,
html[dir="rtl"]
  .dashboard-11
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc,
html[dir="rtl"]
  .dashboard-11
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc,
html[dir="rtl"]
  .dashboard-11
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc,
html[dir="rtl"]
  .dashboard-12
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc,
html[dir="rtl"]
  .dashboard-12
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc,
html[dir="rtl"]
  .dashboard-12
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc,
html[dir="rtl"]
  .dashboard-12
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc,
html[dir="rtl"]
  .dashboard-13
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc,
html[dir="rtl"]
  .dashboard-13
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc,
html[dir="rtl"]
  .dashboard-13
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc,
html[dir="rtl"]
  .dashboard-13
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc,
html[dir="rtl"]
  .dashboard-2
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc,
html[dir="rtl"]
  .dashboard-2
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc,
html[dir="rtl"]
  .dashboard-2
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc,
html[dir="rtl"]
  .dashboard-2
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc,
html[dir="rtl"]
  .dashboard-3
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc,
html[dir="rtl"]
  .dashboard-3
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc,
html[dir="rtl"]
  .dashboard-3
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc,
html[dir="rtl"]
  .dashboard-3
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc,
html[dir="rtl"]
  .dashboard-4
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc,
html[dir="rtl"]
  .dashboard-4
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc,
html[dir="rtl"]
  .dashboard-4
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc,
html[dir="rtl"]
  .dashboard-4
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc,
html[dir="rtl"]
  .dashboard-5
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc,
html[dir="rtl"]
  .dashboard-5
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc,
html[dir="rtl"]
  .dashboard-5
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc,
html[dir="rtl"]
  .dashboard-5
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc,
html[dir="rtl"]
  .dashboard-6
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc,
html[dir="rtl"]
  .dashboard-6
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc,
html[dir="rtl"]
  .dashboard-6
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc,
html[dir="rtl"]
  .dashboard-6
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc,
html[dir="rtl"]
  .dashboard-7
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc,
html[dir="rtl"]
  .dashboard-7
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc,
html[dir="rtl"]
  .dashboard-7
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc,
html[dir="rtl"]
  .dashboard-7
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc,
html[dir="rtl"]
  .default-dashboard
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc,
html[dir="rtl"]
  .default-dashboard
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc,
html[dir="rtl"]
  .default-dashboard
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc,
html[dir="rtl"]
  .default-dashboard
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc,
html[dir="rtl"]
  .e-category
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc,
html[dir="rtl"]
  .e-category
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc,
html[dir="rtl"]
  .e-category
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc,
html[dir="rtl"]
  .e-category
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc,
html[dir="rtl"]
  .list-product-view
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc,
html[dir="rtl"]
  .list-product-view
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc,
html[dir="rtl"]
  .list-product-view
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc,
html[dir="rtl"]
  .list-product-view
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc,
html[dir="rtl"]
  .main-scope-project
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc,
html[dir="rtl"]
  .main-scope-project
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc,
html[dir="rtl"]
  .main-scope-project
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc,
html[dir="rtl"]
  .main-scope-project
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc,
html[dir="rtl"]
  .main-tasks
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc,
html[dir="rtl"]
  .main-tasks
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc,
html[dir="rtl"]
  .main-tasks
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc,
html[dir="rtl"]
  .main-tasks
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc,
html[dir="rtl"]
  .manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc,
html[dir="rtl"]
  .manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc,
html[dir="rtl"]
  .manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc,
html[dir="rtl"]
  .manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc,
html[dir="rtl"]
  .overall-budget
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc,
html[dir="rtl"]
  .overall-budget
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc,
html[dir="rtl"]
  .overall-budget
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc,
html[dir="rtl"]
  .overall-budget
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc,
html[dir="rtl"]
  .product-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc,
html[dir="rtl"]
  .product-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc,
html[dir="rtl"]
  .product-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc,
html[dir="rtl"]
  .product-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc,
html[dir="rtl"]
  .role-permission-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc,
html[dir="rtl"]
  .role-permission-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc,
html[dir="rtl"]
  .role-permission-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc,
html[dir="rtl"]
  .role-permission-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc,
html[dir="rtl"]
  .sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc,
html[dir="rtl"]
  .sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc,
html[dir="rtl"]
  .sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc,
html[dir="rtl"]
  .sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc,
html[dir="rtl"]
  .sale-return-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc,
html[dir="rtl"]
  .sale-return-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc,
html[dir="rtl"]
  .sale-return-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc,
html[dir="rtl"]
  .sale-return-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc,
html[dir="rtl"]
  .seller-details-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc,
html[dir="rtl"]
  .seller-details-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc,
html[dir="rtl"]
  .seller-details-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc,
html[dir="rtl"]
  .seller-details-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc,
html[dir="rtl"]
  .subscribed-user
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc,
html[dir="rtl"]
  .subscribed-user
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc,
html[dir="rtl"]
  .subscribed-user
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc,
html[dir="rtl"]
  .subscribed-user
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc,
html[dir="rtl"]
  .user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc,
html[dir="rtl"]
  .user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc,
html[dir="rtl"]
  .user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc,
html[dir="rtl"]
  .user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc {
  padding-left: 20px;
}
html[dir="rtl"]
  .api-manage
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
html[dir="rtl"]
  .api-manage
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
html[dir="rtl"]
  .api-manage
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
html[dir="rtl"]
  .api-manage
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order,
html[dir="rtl"]
  .candidate-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
html[dir="rtl"]
  .candidate-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
html[dir="rtl"]
  .candidate-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
html[dir="rtl"]
  .candidate-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order,
html[dir="rtl"]
  .common-cart
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
html[dir="rtl"]
  .common-cart
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
html[dir="rtl"]
  .common-cart
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
html[dir="rtl"]
  .common-cart
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order,
html[dir="rtl"]
  .common-order-history
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
html[dir="rtl"]
  .common-order-history
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
html[dir="rtl"]
  .common-order-history
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
html[dir="rtl"]
  .common-order-history
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order,
html[dir="rtl"]
  .customer-order-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
html[dir="rtl"]
  .customer-order-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
html[dir="rtl"]
  .customer-order-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
html[dir="rtl"]
  .customer-order-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-09
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-09
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-09
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-09
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-10
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-10
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-10
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-10
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-11
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-11
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-11
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-11
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-12
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-12
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-12
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-12
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-13
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-13
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-13
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-13
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-2
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-2
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-2
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-2
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-3
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-3
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-3
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-3
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-4
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-4
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-4
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-4
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-5
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-5
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-5
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-5
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-6
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-6
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-6
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-6
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-7
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-7
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-7
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-7
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order,
html[dir="rtl"]
  .default-dashboard
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
html[dir="rtl"]
  .default-dashboard
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
html[dir="rtl"]
  .default-dashboard
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
html[dir="rtl"]
  .default-dashboard
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order,
html[dir="rtl"]
  .e-category
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
html[dir="rtl"]
  .e-category
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
html[dir="rtl"]
  .e-category
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
html[dir="rtl"]
  .e-category
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order,
html[dir="rtl"]
  .list-product-view
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
html[dir="rtl"]
  .list-product-view
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
html[dir="rtl"]
  .list-product-view
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
html[dir="rtl"]
  .list-product-view
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order,
html[dir="rtl"]
  .main-scope-project
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
html[dir="rtl"]
  .main-scope-project
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
html[dir="rtl"]
  .main-scope-project
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
html[dir="rtl"]
  .main-scope-project
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order,
html[dir="rtl"]
  .main-tasks
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
html[dir="rtl"]
  .main-tasks
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
html[dir="rtl"]
  .main-tasks
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
html[dir="rtl"]
  .main-tasks
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order,
html[dir="rtl"]
  .manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
html[dir="rtl"]
  .manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
html[dir="rtl"]
  .manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
html[dir="rtl"]
  .manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order,
html[dir="rtl"]
  .overall-budget
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
html[dir="rtl"]
  .overall-budget
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
html[dir="rtl"]
  .overall-budget
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
html[dir="rtl"]
  .overall-budget
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order,
html[dir="rtl"]
  .product-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
html[dir="rtl"]
  .product-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
html[dir="rtl"]
  .product-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
html[dir="rtl"]
  .product-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order,
html[dir="rtl"]
  .role-permission-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
html[dir="rtl"]
  .role-permission-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
html[dir="rtl"]
  .role-permission-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
html[dir="rtl"]
  .role-permission-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order,
html[dir="rtl"]
  .sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
html[dir="rtl"]
  .sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
html[dir="rtl"]
  .sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
html[dir="rtl"]
  .sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order,
html[dir="rtl"]
  .sale-return-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
html[dir="rtl"]
  .sale-return-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
html[dir="rtl"]
  .sale-return-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
html[dir="rtl"]
  .sale-return-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order,
html[dir="rtl"]
  .seller-details-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
html[dir="rtl"]
  .seller-details-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
html[dir="rtl"]
  .seller-details-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
html[dir="rtl"]
  .seller-details-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order,
html[dir="rtl"]
  .subscribed-user
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
html[dir="rtl"]
  .subscribed-user
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
html[dir="rtl"]
  .subscribed-user
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
html[dir="rtl"]
  .subscribed-user
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order,
html[dir="rtl"]
  .user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
html[dir="rtl"]
  .user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
html[dir="rtl"]
  .user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
html[dir="rtl"]
  .user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable.table-sm
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order {
  left: 5px;
  right: unset;
}
html[dir="rtl"]
  .api-manage
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc,
html[dir="rtl"]
  .api-manage
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc,
html[dir="rtl"]
  .api-manage
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc,
html[dir="rtl"]
  .api-manage
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc,
html[dir="rtl"]
  .candidate-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc,
html[dir="rtl"]
  .candidate-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc,
html[dir="rtl"]
  .candidate-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc,
html[dir="rtl"]
  .candidate-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc,
html[dir="rtl"]
  .common-cart
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc,
html[dir="rtl"]
  .common-cart
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc,
html[dir="rtl"]
  .common-cart
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc,
html[dir="rtl"]
  .common-cart
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc,
html[dir="rtl"]
  .common-order-history
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc,
html[dir="rtl"]
  .common-order-history
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc,
html[dir="rtl"]
  .common-order-history
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc,
html[dir="rtl"]
  .common-order-history
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc,
html[dir="rtl"]
  .customer-order-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc,
html[dir="rtl"]
  .customer-order-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc,
html[dir="rtl"]
  .customer-order-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc,
html[dir="rtl"]
  .customer-order-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc,
html[dir="rtl"]
  .dashboard-09
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc,
html[dir="rtl"]
  .dashboard-09
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc,
html[dir="rtl"]
  .dashboard-09
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc,
html[dir="rtl"]
  .dashboard-09
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc,
html[dir="rtl"]
  .dashboard-10
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc,
html[dir="rtl"]
  .dashboard-10
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc,
html[dir="rtl"]
  .dashboard-10
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc,
html[dir="rtl"]
  .dashboard-10
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc,
html[dir="rtl"]
  .dashboard-11
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc,
html[dir="rtl"]
  .dashboard-11
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc,
html[dir="rtl"]
  .dashboard-11
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc,
html[dir="rtl"]
  .dashboard-11
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc,
html[dir="rtl"]
  .dashboard-12
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc,
html[dir="rtl"]
  .dashboard-12
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc,
html[dir="rtl"]
  .dashboard-12
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc,
html[dir="rtl"]
  .dashboard-12
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc,
html[dir="rtl"]
  .dashboard-13
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc,
html[dir="rtl"]
  .dashboard-13
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc,
html[dir="rtl"]
  .dashboard-13
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc,
html[dir="rtl"]
  .dashboard-13
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc,
html[dir="rtl"]
  .dashboard-2
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc,
html[dir="rtl"]
  .dashboard-2
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc,
html[dir="rtl"]
  .dashboard-2
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc,
html[dir="rtl"]
  .dashboard-2
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc,
html[dir="rtl"]
  .dashboard-3
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc,
html[dir="rtl"]
  .dashboard-3
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc,
html[dir="rtl"]
  .dashboard-3
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc,
html[dir="rtl"]
  .dashboard-3
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc,
html[dir="rtl"]
  .dashboard-4
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc,
html[dir="rtl"]
  .dashboard-4
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc,
html[dir="rtl"]
  .dashboard-4
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc,
html[dir="rtl"]
  .dashboard-4
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc,
html[dir="rtl"]
  .dashboard-5
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc,
html[dir="rtl"]
  .dashboard-5
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc,
html[dir="rtl"]
  .dashboard-5
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc,
html[dir="rtl"]
  .dashboard-5
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc,
html[dir="rtl"]
  .dashboard-6
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc,
html[dir="rtl"]
  .dashboard-6
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc,
html[dir="rtl"]
  .dashboard-6
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc,
html[dir="rtl"]
  .dashboard-6
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc,
html[dir="rtl"]
  .dashboard-7
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc,
html[dir="rtl"]
  .dashboard-7
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc,
html[dir="rtl"]
  .dashboard-7
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc,
html[dir="rtl"]
  .dashboard-7
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc,
html[dir="rtl"]
  .default-dashboard
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc,
html[dir="rtl"]
  .default-dashboard
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc,
html[dir="rtl"]
  .default-dashboard
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc,
html[dir="rtl"]
  .default-dashboard
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc,
html[dir="rtl"]
  .e-category
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc,
html[dir="rtl"]
  .e-category
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc,
html[dir="rtl"]
  .e-category
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc,
html[dir="rtl"]
  .e-category
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc,
html[dir="rtl"]
  .list-product-view
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc,
html[dir="rtl"]
  .list-product-view
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc,
html[dir="rtl"]
  .list-product-view
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc,
html[dir="rtl"]
  .list-product-view
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc,
html[dir="rtl"]
  .main-scope-project
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc,
html[dir="rtl"]
  .main-scope-project
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc,
html[dir="rtl"]
  .main-scope-project
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc,
html[dir="rtl"]
  .main-scope-project
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc,
html[dir="rtl"]
  .main-tasks
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc,
html[dir="rtl"]
  .main-tasks
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc,
html[dir="rtl"]
  .main-tasks
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc,
html[dir="rtl"]
  .main-tasks
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc,
html[dir="rtl"]
  .manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc,
html[dir="rtl"]
  .manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc,
html[dir="rtl"]
  .manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc,
html[dir="rtl"]
  .manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc,
html[dir="rtl"]
  .overall-budget
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc,
html[dir="rtl"]
  .overall-budget
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc,
html[dir="rtl"]
  .overall-budget
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc,
html[dir="rtl"]
  .overall-budget
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc,
html[dir="rtl"]
  .product-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc,
html[dir="rtl"]
  .product-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc,
html[dir="rtl"]
  .product-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc,
html[dir="rtl"]
  .product-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc,
html[dir="rtl"]
  .role-permission-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc,
html[dir="rtl"]
  .role-permission-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc,
html[dir="rtl"]
  .role-permission-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc,
html[dir="rtl"]
  .role-permission-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc,
html[dir="rtl"]
  .sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc,
html[dir="rtl"]
  .sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc,
html[dir="rtl"]
  .sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc,
html[dir="rtl"]
  .sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc,
html[dir="rtl"]
  .sale-return-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc,
html[dir="rtl"]
  .sale-return-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc,
html[dir="rtl"]
  .sale-return-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc,
html[dir="rtl"]
  .sale-return-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc,
html[dir="rtl"]
  .seller-details-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc,
html[dir="rtl"]
  .seller-details-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc,
html[dir="rtl"]
  .seller-details-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc,
html[dir="rtl"]
  .seller-details-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc,
html[dir="rtl"]
  .subscribed-user
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc,
html[dir="rtl"]
  .subscribed-user
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc,
html[dir="rtl"]
  .subscribed-user
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc,
html[dir="rtl"]
  .subscribed-user
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc,
html[dir="rtl"]
  .user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc,
html[dir="rtl"]
  .user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc,
html[dir="rtl"]
  .user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc,
html[dir="rtl"]
  .user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc {
  padding-left: 28px;
  padding-right: 10px;
}
html[dir="rtl"]
  .api-manage
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
html[dir="rtl"]
  .api-manage
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
html[dir="rtl"]
  .api-manage
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
html[dir="rtl"]
  .api-manage
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order,
html[dir="rtl"]
  .candidate-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
html[dir="rtl"]
  .candidate-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
html[dir="rtl"]
  .candidate-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
html[dir="rtl"]
  .candidate-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order,
html[dir="rtl"]
  .common-cart
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
html[dir="rtl"]
  .common-cart
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
html[dir="rtl"]
  .common-cart
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
html[dir="rtl"]
  .common-cart
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order,
html[dir="rtl"]
  .common-order-history
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
html[dir="rtl"]
  .common-order-history
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
html[dir="rtl"]
  .common-order-history
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
html[dir="rtl"]
  .common-order-history
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order,
html[dir="rtl"]
  .customer-order-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
html[dir="rtl"]
  .customer-order-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
html[dir="rtl"]
  .customer-order-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
html[dir="rtl"]
  .customer-order-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-09
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-09
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-09
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-09
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-10
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-10
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-10
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-10
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-11
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-11
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-11
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-11
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-12
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-12
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-12
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-12
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-13
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-13
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-13
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-13
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-2
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-2
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-2
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-2
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-3
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-3
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-3
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-3
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-4
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-4
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-4
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-4
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-5
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-5
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-5
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-5
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-6
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-6
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-6
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-6
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-7
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-7
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-7
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
html[dir="rtl"]
  .dashboard-7
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order,
html[dir="rtl"]
  .default-dashboard
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
html[dir="rtl"]
  .default-dashboard
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
html[dir="rtl"]
  .default-dashboard
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
html[dir="rtl"]
  .default-dashboard
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order,
html[dir="rtl"]
  .e-category
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
html[dir="rtl"]
  .e-category
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
html[dir="rtl"]
  .e-category
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
html[dir="rtl"]
  .e-category
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order,
html[dir="rtl"]
  .list-product-view
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
html[dir="rtl"]
  .list-product-view
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
html[dir="rtl"]
  .list-product-view
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
html[dir="rtl"]
  .list-product-view
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order,
html[dir="rtl"]
  .main-scope-project
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
html[dir="rtl"]
  .main-scope-project
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
html[dir="rtl"]
  .main-scope-project
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
html[dir="rtl"]
  .main-scope-project
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order,
html[dir="rtl"]
  .main-tasks
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
html[dir="rtl"]
  .main-tasks
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
html[dir="rtl"]
  .main-tasks
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
html[dir="rtl"]
  .main-tasks
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order,
html[dir="rtl"]
  .manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
html[dir="rtl"]
  .manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
html[dir="rtl"]
  .manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
html[dir="rtl"]
  .manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order,
html[dir="rtl"]
  .overall-budget
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
html[dir="rtl"]
  .overall-budget
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
html[dir="rtl"]
  .overall-budget
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
html[dir="rtl"]
  .overall-budget
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order,
html[dir="rtl"]
  .product-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
html[dir="rtl"]
  .product-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
html[dir="rtl"]
  .product-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
html[dir="rtl"]
  .product-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order,
html[dir="rtl"]
  .role-permission-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
html[dir="rtl"]
  .role-permission-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
html[dir="rtl"]
  .role-permission-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
html[dir="rtl"]
  .role-permission-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order,
html[dir="rtl"]
  .sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
html[dir="rtl"]
  .sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
html[dir="rtl"]
  .sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
html[dir="rtl"]
  .sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order,
html[dir="rtl"]
  .sale-return-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
html[dir="rtl"]
  .sale-return-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
html[dir="rtl"]
  .sale-return-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
html[dir="rtl"]
  .sale-return-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order,
html[dir="rtl"]
  .seller-details-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
html[dir="rtl"]
  .seller-details-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
html[dir="rtl"]
  .seller-details-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
html[dir="rtl"]
  .seller-details-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order,
html[dir="rtl"]
  .subscribed-user
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
html[dir="rtl"]
  .subscribed-user
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
html[dir="rtl"]
  .subscribed-user
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
html[dir="rtl"]
  .subscribed-user
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order,
html[dir="rtl"]
  .user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order,
html[dir="rtl"]
  .user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order,
html[dir="rtl"]
  .user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order,
html[dir="rtl"]
  .user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order {
  left: 12px;
  right: unset;
}
html[dir="rtl"]
  .api-manage
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:after,
html[dir="rtl"]
  .api-manage
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:before,
html[dir="rtl"]
  .api-manage
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:after,
html[dir="rtl"]
  .api-manage
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:before,
html[dir="rtl"]
  .api-manage
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:after,
html[dir="rtl"]
  .api-manage
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:before,
html[dir="rtl"]
  .api-manage
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:after,
html[dir="rtl"]
  .api-manage
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:before,
html[dir="rtl"]
  .candidate-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:after,
html[dir="rtl"]
  .candidate-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:before,
html[dir="rtl"]
  .candidate-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:after,
html[dir="rtl"]
  .candidate-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:before,
html[dir="rtl"]
  .candidate-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:after,
html[dir="rtl"]
  .candidate-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:before,
html[dir="rtl"]
  .candidate-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:after,
html[dir="rtl"]
  .candidate-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:before,
html[dir="rtl"]
  .common-cart
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:after,
html[dir="rtl"]
  .common-cart
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:before,
html[dir="rtl"]
  .common-cart
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:after,
html[dir="rtl"]
  .common-cart
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:before,
html[dir="rtl"]
  .common-cart
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:after,
html[dir="rtl"]
  .common-cart
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:before,
html[dir="rtl"]
  .common-cart
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:after,
html[dir="rtl"]
  .common-cart
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:before,
html[dir="rtl"]
  .common-order-history
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:after,
html[dir="rtl"]
  .common-order-history
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:before,
html[dir="rtl"]
  .common-order-history
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:after,
html[dir="rtl"]
  .common-order-history
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:before,
html[dir="rtl"]
  .common-order-history
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:after,
html[dir="rtl"]
  .common-order-history
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:before,
html[dir="rtl"]
  .common-order-history
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:after,
html[dir="rtl"]
  .common-order-history
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:before,
html[dir="rtl"]
  .customer-order-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:after,
html[dir="rtl"]
  .customer-order-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:before,
html[dir="rtl"]
  .customer-order-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:after,
html[dir="rtl"]
  .customer-order-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:before,
html[dir="rtl"]
  .customer-order-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:after,
html[dir="rtl"]
  .customer-order-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:before,
html[dir="rtl"]
  .customer-order-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:after,
html[dir="rtl"]
  .customer-order-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:before,
html[dir="rtl"]
  .dashboard-09
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:after,
html[dir="rtl"]
  .dashboard-09
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:before,
html[dir="rtl"]
  .dashboard-09
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:after,
html[dir="rtl"]
  .dashboard-09
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:before,
html[dir="rtl"]
  .dashboard-09
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:after,
html[dir="rtl"]
  .dashboard-09
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:before,
html[dir="rtl"]
  .dashboard-09
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:after,
html[dir="rtl"]
  .dashboard-09
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:before,
html[dir="rtl"]
  .dashboard-10
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:after,
html[dir="rtl"]
  .dashboard-10
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:before,
html[dir="rtl"]
  .dashboard-10
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:after,
html[dir="rtl"]
  .dashboard-10
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:before,
html[dir="rtl"]
  .dashboard-10
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:after,
html[dir="rtl"]
  .dashboard-10
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:before,
html[dir="rtl"]
  .dashboard-10
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:after,
html[dir="rtl"]
  .dashboard-10
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:before,
html[dir="rtl"]
  .dashboard-11
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:after,
html[dir="rtl"]
  .dashboard-11
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:before,
html[dir="rtl"]
  .dashboard-11
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:after,
html[dir="rtl"]
  .dashboard-11
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:before,
html[dir="rtl"]
  .dashboard-11
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:after,
html[dir="rtl"]
  .dashboard-11
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:before,
html[dir="rtl"]
  .dashboard-11
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:after,
html[dir="rtl"]
  .dashboard-11
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:before,
html[dir="rtl"]
  .dashboard-12
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:after,
html[dir="rtl"]
  .dashboard-12
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:before,
html[dir="rtl"]
  .dashboard-12
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:after,
html[dir="rtl"]
  .dashboard-12
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:before,
html[dir="rtl"]
  .dashboard-12
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:after,
html[dir="rtl"]
  .dashboard-12
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:before,
html[dir="rtl"]
  .dashboard-12
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:after,
html[dir="rtl"]
  .dashboard-12
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:before,
html[dir="rtl"]
  .dashboard-13
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:after,
html[dir="rtl"]
  .dashboard-13
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:before,
html[dir="rtl"]
  .dashboard-13
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:after,
html[dir="rtl"]
  .dashboard-13
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:before,
html[dir="rtl"]
  .dashboard-13
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:after,
html[dir="rtl"]
  .dashboard-13
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:before,
html[dir="rtl"]
  .dashboard-13
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:after,
html[dir="rtl"]
  .dashboard-13
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:before,
html[dir="rtl"]
  .dashboard-2
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:after,
html[dir="rtl"]
  .dashboard-2
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:before,
html[dir="rtl"]
  .dashboard-2
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:after,
html[dir="rtl"]
  .dashboard-2
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:before,
html[dir="rtl"]
  .dashboard-2
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:after,
html[dir="rtl"]
  .dashboard-2
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:before,
html[dir="rtl"]
  .dashboard-2
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:after,
html[dir="rtl"]
  .dashboard-2
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:before,
html[dir="rtl"]
  .dashboard-3
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:after,
html[dir="rtl"]
  .dashboard-3
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:before,
html[dir="rtl"]
  .dashboard-3
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:after,
html[dir="rtl"]
  .dashboard-3
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:before,
html[dir="rtl"]
  .dashboard-3
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:after,
html[dir="rtl"]
  .dashboard-3
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:before,
html[dir="rtl"]
  .dashboard-3
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:after,
html[dir="rtl"]
  .dashboard-3
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:before,
html[dir="rtl"]
  .dashboard-4
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:after,
html[dir="rtl"]
  .dashboard-4
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:before,
html[dir="rtl"]
  .dashboard-4
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:after,
html[dir="rtl"]
  .dashboard-4
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:before,
html[dir="rtl"]
  .dashboard-4
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:after,
html[dir="rtl"]
  .dashboard-4
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:before,
html[dir="rtl"]
  .dashboard-4
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:after,
html[dir="rtl"]
  .dashboard-4
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:before,
html[dir="rtl"]
  .dashboard-5
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:after,
html[dir="rtl"]
  .dashboard-5
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:before,
html[dir="rtl"]
  .dashboard-5
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:after,
html[dir="rtl"]
  .dashboard-5
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:before,
html[dir="rtl"]
  .dashboard-5
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:after,
html[dir="rtl"]
  .dashboard-5
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:before,
html[dir="rtl"]
  .dashboard-5
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:after,
html[dir="rtl"]
  .dashboard-5
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:before,
html[dir="rtl"]
  .dashboard-6
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:after,
html[dir="rtl"]
  .dashboard-6
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:before,
html[dir="rtl"]
  .dashboard-6
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:after,
html[dir="rtl"]
  .dashboard-6
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:before,
html[dir="rtl"]
  .dashboard-6
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:after,
html[dir="rtl"]
  .dashboard-6
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:before,
html[dir="rtl"]
  .dashboard-6
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:after,
html[dir="rtl"]
  .dashboard-6
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:before,
html[dir="rtl"]
  .dashboard-7
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:after,
html[dir="rtl"]
  .dashboard-7
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:before,
html[dir="rtl"]
  .dashboard-7
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:after,
html[dir="rtl"]
  .dashboard-7
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:before,
html[dir="rtl"]
  .dashboard-7
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:after,
html[dir="rtl"]
  .dashboard-7
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:before,
html[dir="rtl"]
  .dashboard-7
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:after,
html[dir="rtl"]
  .dashboard-7
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:before,
html[dir="rtl"]
  .default-dashboard
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:after,
html[dir="rtl"]
  .default-dashboard
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:before,
html[dir="rtl"]
  .default-dashboard
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:after,
html[dir="rtl"]
  .default-dashboard
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:before,
html[dir="rtl"]
  .default-dashboard
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:after,
html[dir="rtl"]
  .default-dashboard
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:before,
html[dir="rtl"]
  .default-dashboard
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:after,
html[dir="rtl"]
  .default-dashboard
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:before,
html[dir="rtl"]
  .e-category
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:after,
html[dir="rtl"]
  .e-category
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:before,
html[dir="rtl"]
  .e-category
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:after,
html[dir="rtl"]
  .e-category
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:before,
html[dir="rtl"]
  .e-category
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:after,
html[dir="rtl"]
  .e-category
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:before,
html[dir="rtl"]
  .e-category
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:after,
html[dir="rtl"]
  .e-category
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:before,
html[dir="rtl"]
  .list-product-view
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:after,
html[dir="rtl"]
  .list-product-view
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:before,
html[dir="rtl"]
  .list-product-view
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:after,
html[dir="rtl"]
  .list-product-view
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:before,
html[dir="rtl"]
  .list-product-view
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:after,
html[dir="rtl"]
  .list-product-view
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:before,
html[dir="rtl"]
  .list-product-view
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:after,
html[dir="rtl"]
  .list-product-view
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:before,
html[dir="rtl"]
  .main-scope-project
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:after,
html[dir="rtl"]
  .main-scope-project
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:before,
html[dir="rtl"]
  .main-scope-project
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:after,
html[dir="rtl"]
  .main-scope-project
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:before,
html[dir="rtl"]
  .main-scope-project
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:after,
html[dir="rtl"]
  .main-scope-project
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:before,
html[dir="rtl"]
  .main-scope-project
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:after,
html[dir="rtl"]
  .main-scope-project
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:before,
html[dir="rtl"]
  .main-tasks
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:after,
html[dir="rtl"]
  .main-tasks
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:before,
html[dir="rtl"]
  .main-tasks
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:after,
html[dir="rtl"]
  .main-tasks
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:before,
html[dir="rtl"]
  .main-tasks
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:after,
html[dir="rtl"]
  .main-tasks
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:before,
html[dir="rtl"]
  .main-tasks
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:after,
html[dir="rtl"]
  .main-tasks
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:before,
html[dir="rtl"]
  .manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:after,
html[dir="rtl"]
  .manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:before,
html[dir="rtl"]
  .manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:after,
html[dir="rtl"]
  .manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:before,
html[dir="rtl"]
  .manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:after,
html[dir="rtl"]
  .manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:before,
html[dir="rtl"]
  .manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:after,
html[dir="rtl"]
  .manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:before,
html[dir="rtl"]
  .overall-budget
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:after,
html[dir="rtl"]
  .overall-budget
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:before,
html[dir="rtl"]
  .overall-budget
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:after,
html[dir="rtl"]
  .overall-budget
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:before,
html[dir="rtl"]
  .overall-budget
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:after,
html[dir="rtl"]
  .overall-budget
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:before,
html[dir="rtl"]
  .overall-budget
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:after,
html[dir="rtl"]
  .overall-budget
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:before,
html[dir="rtl"]
  .product-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:after,
html[dir="rtl"]
  .product-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:before,
html[dir="rtl"]
  .product-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:after,
html[dir="rtl"]
  .product-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:before,
html[dir="rtl"]
  .product-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:after,
html[dir="rtl"]
  .product-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:before,
html[dir="rtl"]
  .product-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:after,
html[dir="rtl"]
  .product-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:before,
html[dir="rtl"]
  .role-permission-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:after,
html[dir="rtl"]
  .role-permission-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:before,
html[dir="rtl"]
  .role-permission-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:after,
html[dir="rtl"]
  .role-permission-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:before,
html[dir="rtl"]
  .role-permission-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:after,
html[dir="rtl"]
  .role-permission-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:before,
html[dir="rtl"]
  .role-permission-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:after,
html[dir="rtl"]
  .role-permission-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:before,
html[dir="rtl"]
  .sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:after,
html[dir="rtl"]
  .sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:before,
html[dir="rtl"]
  .sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:after,
html[dir="rtl"]
  .sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:before,
html[dir="rtl"]
  .sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:after,
html[dir="rtl"]
  .sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:before,
html[dir="rtl"]
  .sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:after,
html[dir="rtl"]
  .sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:before,
html[dir="rtl"]
  .sale-return-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:after,
html[dir="rtl"]
  .sale-return-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:before,
html[dir="rtl"]
  .sale-return-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:after,
html[dir="rtl"]
  .sale-return-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:before,
html[dir="rtl"]
  .sale-return-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:after,
html[dir="rtl"]
  .sale-return-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:before,
html[dir="rtl"]
  .sale-return-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:after,
html[dir="rtl"]
  .sale-return-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:before,
html[dir="rtl"]
  .seller-details-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:after,
html[dir="rtl"]
  .seller-details-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:before,
html[dir="rtl"]
  .seller-details-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:after,
html[dir="rtl"]
  .seller-details-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:before,
html[dir="rtl"]
  .seller-details-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:after,
html[dir="rtl"]
  .seller-details-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:before,
html[dir="rtl"]
  .seller-details-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:after,
html[dir="rtl"]
  .seller-details-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:before,
html[dir="rtl"]
  .subscribed-user
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:after,
html[dir="rtl"]
  .subscribed-user
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:before,
html[dir="rtl"]
  .subscribed-user
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:after,
html[dir="rtl"]
  .subscribed-user
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:before,
html[dir="rtl"]
  .subscribed-user
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:after,
html[dir="rtl"]
  .subscribed-user
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:before,
html[dir="rtl"]
  .subscribed-user
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:after,
html[dir="rtl"]
  .subscribed-user
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:before,
html[dir="rtl"]
  .user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:after,
html[dir="rtl"]
  .user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-asc
  span.dt-column-order:before,
html[dir="rtl"]
  .user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:after,
html[dir="rtl"]
  .user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-orderable-desc
  span.dt-column-order:before,
html[dir="rtl"]
  .user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:after,
html[dir="rtl"]
  .user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-asc
  span.dt-column-order:before,
html[dir="rtl"]
  .user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:after,
html[dir="rtl"]
  .user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  thead
  tr
  th.dt-ordering-desc
  span.dt-column-order:before {
  left: unset;
  right: 0;
}
html[dir="rtl"]
  .api-manage
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search,
html[dir="rtl"]
  .candidate-wrapper
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search,
html[dir="rtl"]
  .common-cart
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search,
html[dir="rtl"]
  .common-order-history
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search,
html[dir="rtl"]
  .customer-order-wrapper
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search,
html[dir="rtl"]
  .dashboard-09
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search,
html[dir="rtl"]
  .dashboard-10
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search,
html[dir="rtl"]
  .dashboard-11
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search,
html[dir="rtl"]
  .dashboard-12
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search,
html[dir="rtl"]
  .dashboard-13
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search,
html[dir="rtl"]
  .dashboard-2
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search,
html[dir="rtl"]
  .dashboard-3
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search,
html[dir="rtl"]
  .dashboard-4
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search,
html[dir="rtl"]
  .dashboard-5
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search,
html[dir="rtl"]
  .dashboard-6
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search,
html[dir="rtl"]
  .dashboard-7
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search,
html[dir="rtl"]
  .default-dashboard
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search,
html[dir="rtl"]
  .e-category
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search,
html[dir="rtl"]
  .list-product-view
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search,
html[dir="rtl"]
  .main-scope-project
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search,
html[dir="rtl"]
  .main-tasks
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search,
html[dir="rtl"]
  .manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search,
html[dir="rtl"]
  .overall-budget
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search,
html[dir="rtl"]
  .product-report-wrapper
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search,
html[dir="rtl"]
  .role-permission-wrapper
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search,
html[dir="rtl"]
  .sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search,
html[dir="rtl"]
  .sale-return-wrapper
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search,
html[dir="rtl"]
  .seller-details-wrapper
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search,
html[dir="rtl"]
  .subscribed-user
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search,
html[dir="rtl"]
  .user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search {
  left: -10px;
  right: unset;
}
@media (max-width: 640px) {
  html[dir="rtl"]
    .api-manage
    div.dt-container
    .dt-layout-row
    .dt-layout-cell
    .dt-search,
  html[dir="rtl"]
    .candidate-wrapper
    div.dt-container
    .dt-layout-row
    .dt-layout-cell
    .dt-search,
  html[dir="rtl"]
    .common-cart
    div.dt-container
    .dt-layout-row
    .dt-layout-cell
    .dt-search,
  html[dir="rtl"]
    .common-order-history
    div.dt-container
    .dt-layout-row
    .dt-layout-cell
    .dt-search,
  html[dir="rtl"]
    .customer-order-wrapper
    div.dt-container
    .dt-layout-row
    .dt-layout-cell
    .dt-search,
  html[dir="rtl"]
    .dashboard-09
    div.dt-container
    .dt-layout-row
    .dt-layout-cell
    .dt-search,
  html[dir="rtl"]
    .dashboard-10
    div.dt-container
    .dt-layout-row
    .dt-layout-cell
    .dt-search,
  html[dir="rtl"]
    .dashboard-11
    div.dt-container
    .dt-layout-row
    .dt-layout-cell
    .dt-search,
  html[dir="rtl"]
    .dashboard-12
    div.dt-container
    .dt-layout-row
    .dt-layout-cell
    .dt-search,
  html[dir="rtl"]
    .dashboard-13
    div.dt-container
    .dt-layout-row
    .dt-layout-cell
    .dt-search,
  html[dir="rtl"]
    .dashboard-2
    div.dt-container
    .dt-layout-row
    .dt-layout-cell
    .dt-search,
  html[dir="rtl"]
    .dashboard-3
    div.dt-container
    .dt-layout-row
    .dt-layout-cell
    .dt-search,
  html[dir="rtl"]
    .dashboard-4
    div.dt-container
    .dt-layout-row
    .dt-layout-cell
    .dt-search,
  html[dir="rtl"]
    .dashboard-5
    div.dt-container
    .dt-layout-row
    .dt-layout-cell
    .dt-search,
  html[dir="rtl"]
    .dashboard-6
    div.dt-container
    .dt-layout-row
    .dt-layout-cell
    .dt-search,
  html[dir="rtl"]
    .dashboard-7
    div.dt-container
    .dt-layout-row
    .dt-layout-cell
    .dt-search,
  html[dir="rtl"]
    .default-dashboard
    div.dt-container
    .dt-layout-row
    .dt-layout-cell
    .dt-search,
  html[dir="rtl"]
    .e-category
    div.dt-container
    .dt-layout-row
    .dt-layout-cell
    .dt-search,
  html[dir="rtl"]
    .list-product-view
    div.dt-container
    .dt-layout-row
    .dt-layout-cell
    .dt-search,
  html[dir="rtl"]
    .main-scope-project
    div.dt-container
    .dt-layout-row
    .dt-layout-cell
    .dt-search,
  html[dir="rtl"]
    .main-tasks
    div.dt-container
    .dt-layout-row
    .dt-layout-cell
    .dt-search,
  html[dir="rtl"]
    .manage-review-wrapper
    div.dt-container
    .dt-layout-row
    .dt-layout-cell
    .dt-search,
  html[dir="rtl"]
    .overall-budget
    div.dt-container
    .dt-layout-row
    .dt-layout-cell
    .dt-search,
  html[dir="rtl"]
    .product-report-wrapper
    div.dt-container
    .dt-layout-row
    .dt-layout-cell
    .dt-search,
  html[dir="rtl"]
    .role-permission-wrapper
    div.dt-container
    .dt-layout-row
    .dt-layout-cell
    .dt-search,
  html[dir="rtl"]
    .sale-report-wrapper
    div.dt-container
    .dt-layout-row
    .dt-layout-cell
    .dt-search,
  html[dir="rtl"]
    .sale-return-wrapper
    div.dt-container
    .dt-layout-row
    .dt-layout-cell
    .dt-search,
  html[dir="rtl"]
    .seller-details-wrapper
    div.dt-container
    .dt-layout-row
    .dt-layout-cell
    .dt-search,
  html[dir="rtl"]
    .subscribed-user
    div.dt-container
    .dt-layout-row
    .dt-layout-cell
    .dt-search,
  html[dir="rtl"]
    .user-list-wrapper
    div.dt-container
    .dt-layout-row
    .dt-layout-cell
    .dt-search {
    left: unset;
    right: 20px;
  }
}
html[dir="rtl"]
  .api-manage
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search
  label,
html[dir="rtl"]
  .candidate-wrapper
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search
  label,
html[dir="rtl"]
  .common-cart
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search
  label,
html[dir="rtl"]
  .common-order-history
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search
  label,
html[dir="rtl"]
  .customer-order-wrapper
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search
  label,
html[dir="rtl"]
  .dashboard-09
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search
  label,
html[dir="rtl"]
  .dashboard-10
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search
  label,
html[dir="rtl"]
  .dashboard-11
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search
  label,
html[dir="rtl"]
  .dashboard-12
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search
  label,
html[dir="rtl"]
  .dashboard-13
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search
  label,
html[dir="rtl"]
  .dashboard-2
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search
  label,
html[dir="rtl"]
  .dashboard-3
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search
  label,
html[dir="rtl"]
  .dashboard-4
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search
  label,
html[dir="rtl"]
  .dashboard-5
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search
  label,
html[dir="rtl"]
  .dashboard-6
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search
  label,
html[dir="rtl"]
  .dashboard-7
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search
  label,
html[dir="rtl"]
  .default-dashboard
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search
  label,
html[dir="rtl"]
  .e-category
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search
  label,
html[dir="rtl"]
  .list-product-view
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search
  label,
html[dir="rtl"]
  .main-scope-project
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search
  label,
html[dir="rtl"]
  .main-tasks
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search
  label,
html[dir="rtl"]
  .manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search
  label,
html[dir="rtl"]
  .overall-budget
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search
  label,
html[dir="rtl"]
  .product-report-wrapper
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search
  label,
html[dir="rtl"]
  .role-permission-wrapper
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search
  label,
html[dir="rtl"]
  .sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search
  label,
html[dir="rtl"]
  .sale-return-wrapper
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search
  label,
html[dir="rtl"]
  .seller-details-wrapper
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search
  label,
html[dir="rtl"]
  .subscribed-user
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search
  label,
html[dir="rtl"]
  .user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-search
  label {
  margin-left: 6px;
  margin-right: unset;
}
html[dir="rtl"] .api-manage div.dt-container .dt-layout-row .dt-paging,
html[dir="rtl"] .candidate-wrapper div.dt-container .dt-layout-row .dt-paging,
html[dir="rtl"] .common-cart div.dt-container .dt-layout-row .dt-paging,
html[dir="rtl"]
  .common-order-history
  div.dt-container
  .dt-layout-row
  .dt-paging,
html[dir="rtl"]
  .customer-order-wrapper
  div.dt-container
  .dt-layout-row
  .dt-paging,
html[dir="rtl"] .dashboard-09 div.dt-container .dt-layout-row .dt-paging,
html[dir="rtl"] .dashboard-10 div.dt-container .dt-layout-row .dt-paging,
html[dir="rtl"] .dashboard-11 div.dt-container .dt-layout-row .dt-paging,
html[dir="rtl"] .dashboard-12 div.dt-container .dt-layout-row .dt-paging,
html[dir="rtl"] .dashboard-13 div.dt-container .dt-layout-row .dt-paging,
html[dir="rtl"] .dashboard-2 div.dt-container .dt-layout-row .dt-paging,
html[dir="rtl"] .dashboard-3 div.dt-container .dt-layout-row .dt-paging,
html[dir="rtl"] .dashboard-4 div.dt-container .dt-layout-row .dt-paging,
html[dir="rtl"] .dashboard-5 div.dt-container .dt-layout-row .dt-paging,
html[dir="rtl"] .dashboard-6 div.dt-container .dt-layout-row .dt-paging,
html[dir="rtl"] .dashboard-7 div.dt-container .dt-layout-row .dt-paging,
html[dir="rtl"] .default-dashboard div.dt-container .dt-layout-row .dt-paging,
html[dir="rtl"] .e-category div.dt-container .dt-layout-row .dt-paging,
html[dir="rtl"] .list-product-view div.dt-container .dt-layout-row .dt-paging,
html[dir="rtl"] .main-scope-project div.dt-container .dt-layout-row .dt-paging,
html[dir="rtl"] .main-tasks div.dt-container .dt-layout-row .dt-paging,
html[dir="rtl"]
  .manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dt-paging,
html[dir="rtl"] .overall-budget div.dt-container .dt-layout-row .dt-paging,
html[dir="rtl"]
  .product-report-wrapper
  div.dt-container
  .dt-layout-row
  .dt-paging,
html[dir="rtl"]
  .role-permission-wrapper
  div.dt-container
  .dt-layout-row
  .dt-paging,
html[dir="rtl"] .sale-report-wrapper div.dt-container .dt-layout-row .dt-paging,
html[dir="rtl"] .sale-return-wrapper div.dt-container .dt-layout-row .dt-paging,
html[dir="rtl"]
  .seller-details-wrapper
  div.dt-container
  .dt-layout-row
  .dt-paging,
html[dir="rtl"] .subscribed-user div.dt-container .dt-layout-row .dt-paging,
html[dir="rtl"] .user-list-wrapper div.dt-container .dt-layout-row .dt-paging {
  text-align: start;
}
html[dir="rtl"]
  .api-manage
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button,
html[dir="rtl"]
  .candidate-wrapper
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button,
html[dir="rtl"]
  .common-cart
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button,
html[dir="rtl"]
  .common-order-history
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button,
html[dir="rtl"]
  .customer-order-wrapper
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button,
html[dir="rtl"]
  .dashboard-09
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button,
html[dir="rtl"]
  .dashboard-10
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button,
html[dir="rtl"]
  .dashboard-11
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button,
html[dir="rtl"]
  .dashboard-12
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button,
html[dir="rtl"]
  .dashboard-13
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button,
html[dir="rtl"]
  .dashboard-2
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button,
html[dir="rtl"]
  .dashboard-3
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button,
html[dir="rtl"]
  .dashboard-4
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button,
html[dir="rtl"]
  .dashboard-5
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button,
html[dir="rtl"]
  .dashboard-6
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button,
html[dir="rtl"]
  .dashboard-7
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button,
html[dir="rtl"]
  .default-dashboard
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button,
html[dir="rtl"]
  .e-category
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button,
html[dir="rtl"]
  .list-product-view
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button,
html[dir="rtl"]
  .main-scope-project
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button,
html[dir="rtl"]
  .main-tasks
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button,
html[dir="rtl"]
  .manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button,
html[dir="rtl"]
  .overall-budget
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button,
html[dir="rtl"]
  .product-report-wrapper
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button,
html[dir="rtl"]
  .role-permission-wrapper
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button,
html[dir="rtl"]
  .sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button,
html[dir="rtl"]
  .sale-return-wrapper
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button,
html[dir="rtl"]
  .seller-details-wrapper
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button,
html[dir="rtl"]
  .subscribed-user
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button,
html[dir="rtl"]
  .user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button {
  margin-left: 12px;
  margin-right: unset;
}
@media (max-width: 767px) {
  html[dir="rtl"]
    .api-manage
    div.dt-container
    .dt-layout-row
    .dt-paging
    .dt-paging-button,
  html[dir="rtl"]
    .candidate-wrapper
    div.dt-container
    .dt-layout-row
    .dt-paging
    .dt-paging-button,
  html[dir="rtl"]
    .common-cart
    div.dt-container
    .dt-layout-row
    .dt-paging
    .dt-paging-button,
  html[dir="rtl"]
    .common-order-history
    div.dt-container
    .dt-layout-row
    .dt-paging
    .dt-paging-button,
  html[dir="rtl"]
    .customer-order-wrapper
    div.dt-container
    .dt-layout-row
    .dt-paging
    .dt-paging-button,
  html[dir="rtl"]
    .dashboard-09
    div.dt-container
    .dt-layout-row
    .dt-paging
    .dt-paging-button,
  html[dir="rtl"]
    .dashboard-10
    div.dt-container
    .dt-layout-row
    .dt-paging
    .dt-paging-button,
  html[dir="rtl"]
    .dashboard-11
    div.dt-container
    .dt-layout-row
    .dt-paging
    .dt-paging-button,
  html[dir="rtl"]
    .dashboard-12
    div.dt-container
    .dt-layout-row
    .dt-paging
    .dt-paging-button,
  html[dir="rtl"]
    .dashboard-13
    div.dt-container
    .dt-layout-row
    .dt-paging
    .dt-paging-button,
  html[dir="rtl"]
    .dashboard-2
    div.dt-container
    .dt-layout-row
    .dt-paging
    .dt-paging-button,
  html[dir="rtl"]
    .dashboard-3
    div.dt-container
    .dt-layout-row
    .dt-paging
    .dt-paging-button,
  html[dir="rtl"]
    .dashboard-4
    div.dt-container
    .dt-layout-row
    .dt-paging
    .dt-paging-button,
  html[dir="rtl"]
    .dashboard-5
    div.dt-container
    .dt-layout-row
    .dt-paging
    .dt-paging-button,
  html[dir="rtl"]
    .dashboard-6
    div.dt-container
    .dt-layout-row
    .dt-paging
    .dt-paging-button,
  html[dir="rtl"]
    .dashboard-7
    div.dt-container
    .dt-layout-row
    .dt-paging
    .dt-paging-button,
  html[dir="rtl"]
    .default-dashboard
    div.dt-container
    .dt-layout-row
    .dt-paging
    .dt-paging-button,
  html[dir="rtl"]
    .e-category
    div.dt-container
    .dt-layout-row
    .dt-paging
    .dt-paging-button,
  html[dir="rtl"]
    .list-product-view
    div.dt-container
    .dt-layout-row
    .dt-paging
    .dt-paging-button,
  html[dir="rtl"]
    .main-scope-project
    div.dt-container
    .dt-layout-row
    .dt-paging
    .dt-paging-button,
  html[dir="rtl"]
    .main-tasks
    div.dt-container
    .dt-layout-row
    .dt-paging
    .dt-paging-button,
  html[dir="rtl"]
    .manage-review-wrapper
    div.dt-container
    .dt-layout-row
    .dt-paging
    .dt-paging-button,
  html[dir="rtl"]
    .overall-budget
    div.dt-container
    .dt-layout-row
    .dt-paging
    .dt-paging-button,
  html[dir="rtl"]
    .product-report-wrapper
    div.dt-container
    .dt-layout-row
    .dt-paging
    .dt-paging-button,
  html[dir="rtl"]
    .role-permission-wrapper
    div.dt-container
    .dt-layout-row
    .dt-paging
    .dt-paging-button,
  html[dir="rtl"]
    .sale-report-wrapper
    div.dt-container
    .dt-layout-row
    .dt-paging
    .dt-paging-button,
  html[dir="rtl"]
    .sale-return-wrapper
    div.dt-container
    .dt-layout-row
    .dt-paging
    .dt-paging-button,
  html[dir="rtl"]
    .seller-details-wrapper
    div.dt-container
    .dt-layout-row
    .dt-paging
    .dt-paging-button,
  html[dir="rtl"]
    .subscribed-user
    div.dt-container
    .dt-layout-row
    .dt-paging
    .dt-paging-button,
  html[dir="rtl"]
    .user-list-wrapper
    div.dt-container
    .dt-layout-row
    .dt-paging
    .dt-paging-button {
    margin-left: 8px;
    margin-right: unset;
  }
}
html[dir="rtl"]
  .api-manage
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button:last-child,
html[dir="rtl"]
  .candidate-wrapper
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button:last-child,
html[dir="rtl"]
  .common-cart
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button:last-child,
html[dir="rtl"]
  .common-order-history
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button:last-child,
html[dir="rtl"]
  .customer-order-wrapper
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button:last-child,
html[dir="rtl"]
  .dashboard-09
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button:last-child,
html[dir="rtl"]
  .dashboard-10
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button:last-child,
html[dir="rtl"]
  .dashboard-11
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button:last-child,
html[dir="rtl"]
  .dashboard-12
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button:last-child,
html[dir="rtl"]
  .dashboard-13
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button:last-child,
html[dir="rtl"]
  .dashboard-2
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button:last-child,
html[dir="rtl"]
  .dashboard-3
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button:last-child,
html[dir="rtl"]
  .dashboard-4
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button:last-child,
html[dir="rtl"]
  .dashboard-5
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button:last-child,
html[dir="rtl"]
  .dashboard-6
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button:last-child,
html[dir="rtl"]
  .dashboard-7
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button:last-child,
html[dir="rtl"]
  .default-dashboard
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button:last-child,
html[dir="rtl"]
  .e-category
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button:last-child,
html[dir="rtl"]
  .list-product-view
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button:last-child,
html[dir="rtl"]
  .main-scope-project
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button:last-child,
html[dir="rtl"]
  .main-tasks
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button:last-child,
html[dir="rtl"]
  .manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button:last-child,
html[dir="rtl"]
  .overall-budget
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button:last-child,
html[dir="rtl"]
  .product-report-wrapper
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button:last-child,
html[dir="rtl"]
  .role-permission-wrapper
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button:last-child,
html[dir="rtl"]
  .sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button:last-child,
html[dir="rtl"]
  .sale-return-wrapper
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button:last-child,
html[dir="rtl"]
  .seller-details-wrapper
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button:last-child,
html[dir="rtl"]
  .subscribed-user
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button:last-child,
html[dir="rtl"]
  .user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button:last-child {
  margin-left: 0;
  margin-right: unset;
}
html[dir="rtl"]
  .api-manage
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:indeterminate:after,
html[dir="rtl"]
  .candidate-wrapper
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:indeterminate:after,
html[dir="rtl"]
  .common-cart
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:indeterminate:after,
html[dir="rtl"]
  .common-order-history
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:indeterminate:after,
html[dir="rtl"]
  .customer-order-wrapper
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:indeterminate:after,
html[dir="rtl"]
  .dashboard-09
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:indeterminate:after,
html[dir="rtl"]
  .dashboard-10
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:indeterminate:after,
html[dir="rtl"]
  .dashboard-11
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:indeterminate:after,
html[dir="rtl"]
  .dashboard-12
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:indeterminate:after,
html[dir="rtl"]
  .dashboard-13
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:indeterminate:after,
html[dir="rtl"]
  .dashboard-2
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:indeterminate:after,
html[dir="rtl"]
  .dashboard-3
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:indeterminate:after,
html[dir="rtl"]
  .dashboard-4
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:indeterminate:after,
html[dir="rtl"]
  .dashboard-5
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:indeterminate:after,
html[dir="rtl"]
  .dashboard-6
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:indeterminate:after,
html[dir="rtl"]
  .dashboard-7
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:indeterminate:after,
html[dir="rtl"]
  .default-dashboard
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:indeterminate:after,
html[dir="rtl"]
  .e-category
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:indeterminate:after,
html[dir="rtl"]
  .list-product-view
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:indeterminate:after,
html[dir="rtl"]
  .main-scope-project
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:indeterminate:after,
html[dir="rtl"]
  .main-tasks
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:indeterminate:after,
html[dir="rtl"]
  .manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:indeterminate:after,
html[dir="rtl"]
  .overall-budget
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:indeterminate:after,
html[dir="rtl"]
  .product-report-wrapper
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:indeterminate:after,
html[dir="rtl"]
  .role-permission-wrapper
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:indeterminate:after,
html[dir="rtl"]
  .sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:indeterminate:after,
html[dir="rtl"]
  .sale-return-wrapper
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:indeterminate:after,
html[dir="rtl"]
  .seller-details-wrapper
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:indeterminate:after,
html[dir="rtl"]
  .subscribed-user
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:indeterminate:after,
html[dir="rtl"]
  .user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:indeterminate:after {
  left: unset;
  right: 4px;
}
html[dir="rtl"]
  .api-manage
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:checked:after,
html[dir="rtl"]
  .candidate-wrapper
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:checked:after,
html[dir="rtl"]
  .common-cart
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:checked:after,
html[dir="rtl"]
  .common-order-history
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:checked:after,
html[dir="rtl"]
  .customer-order-wrapper
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:checked:after,
html[dir="rtl"]
  .dashboard-09
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:checked:after,
html[dir="rtl"]
  .dashboard-10
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:checked:after,
html[dir="rtl"]
  .dashboard-11
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:checked:after,
html[dir="rtl"]
  .dashboard-12
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:checked:after,
html[dir="rtl"]
  .dashboard-13
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:checked:after,
html[dir="rtl"]
  .dashboard-2
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:checked:after,
html[dir="rtl"]
  .dashboard-3
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:checked:after,
html[dir="rtl"]
  .dashboard-4
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:checked:after,
html[dir="rtl"]
  .dashboard-5
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:checked:after,
html[dir="rtl"]
  .dashboard-6
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:checked:after,
html[dir="rtl"]
  .dashboard-7
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:checked:after,
html[dir="rtl"]
  .default-dashboard
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:checked:after,
html[dir="rtl"]
  .e-category
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:checked:after,
html[dir="rtl"]
  .list-product-view
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:checked:after,
html[dir="rtl"]
  .main-scope-project
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:checked:after,
html[dir="rtl"]
  .main-tasks
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:checked:after,
html[dir="rtl"]
  .manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:checked:after,
html[dir="rtl"]
  .overall-budget
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:checked:after,
html[dir="rtl"]
  .product-report-wrapper
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:checked:after,
html[dir="rtl"]
  .role-permission-wrapper
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:checked:after,
html[dir="rtl"]
  .sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:checked:after,
html[dir="rtl"]
  .sale-return-wrapper
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:checked:after,
html[dir="rtl"]
  .seller-details-wrapper
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:checked:after,
html[dir="rtl"]
  .subscribed-user
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:checked:after,
html[dir="rtl"]
  .user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dt-select
  .dt-select-checkbox:checked:after {
  margin-left: unset;
  margin-right: -4px;
}
html[dir="rtl"]
  .customer-order-wrapper
  .top-body
  ~ .customer-order-report
  .dt-container
  .dt-layout-row:first-child,
html[dir="rtl"]
  .customer-order-wrapper
  .top-body
  ~ .product-report
  .dt-container
  .dt-layout-row:first-child,
html[dir="rtl"]
  .customer-order-wrapper
  .top-body
  ~ .sale-report
  .dt-container
  .dt-layout-row:first-child,
html[dir="rtl"]
  .customer-order-wrapper
  .top-body
  ~ .sale-return-report
  .dt-container
  .dt-layout-row:first-child,
html[dir="rtl"]
  .customer-order-wrapper
  .top-body
  ~ .subscribed-user-wrapper
  .dt-container
  .dt-layout-row:first-child,
html[dir="rtl"]
  .product-report-wrapper
  .top-body
  ~ .customer-order-report
  .dt-container
  .dt-layout-row:first-child,
html[dir="rtl"]
  .product-report-wrapper
  .top-body
  ~ .product-report
  .dt-container
  .dt-layout-row:first-child,
html[dir="rtl"]
  .product-report-wrapper
  .top-body
  ~ .sale-report
  .dt-container
  .dt-layout-row:first-child,
html[dir="rtl"]
  .product-report-wrapper
  .top-body
  ~ .sale-return-report
  .dt-container
  .dt-layout-row:first-child,
html[dir="rtl"]
  .product-report-wrapper
  .top-body
  ~ .subscribed-user-wrapper
  .dt-container
  .dt-layout-row:first-child,
html[dir="rtl"]
  .sale-report-wrapper
  .top-body
  ~ .customer-order-report
  .dt-container
  .dt-layout-row:first-child,
html[dir="rtl"]
  .sale-report-wrapper
  .top-body
  ~ .product-report
  .dt-container
  .dt-layout-row:first-child,
html[dir="rtl"]
  .sale-report-wrapper
  .top-body
  ~ .sale-report
  .dt-container
  .dt-layout-row:first-child,
html[dir="rtl"]
  .sale-report-wrapper
  .top-body
  ~ .sale-return-report
  .dt-container
  .dt-layout-row:first-child,
html[dir="rtl"]
  .sale-report-wrapper
  .top-body
  ~ .subscribed-user-wrapper
  .dt-container
  .dt-layout-row:first-child,
html[dir="rtl"]
  .sale-return-wrapper
  .top-body
  ~ .customer-order-report
  .dt-container
  .dt-layout-row:first-child,
html[dir="rtl"]
  .sale-return-wrapper
  .top-body
  ~ .product-report
  .dt-container
  .dt-layout-row:first-child,
html[dir="rtl"]
  .sale-return-wrapper
  .top-body
  ~ .sale-report
  .dt-container
  .dt-layout-row:first-child,
html[dir="rtl"]
  .sale-return-wrapper
  .top-body
  ~ .sale-return-report
  .dt-container
  .dt-layout-row:first-child,
html[dir="rtl"]
  .sale-return-wrapper
  .top-body
  ~ .subscribed-user-wrapper
  .dt-container
  .dt-layout-row:first-child {
  justify-content: flex-end;
  left: 20px;
  right: unset;
}
@media (max-width: 1320px) {
  html[dir="rtl"]
    .customer-order-wrapper
    .top-body
    ~ .customer-order-report
    .dt-container
    .dt-layout-row:first-child,
  html[dir="rtl"]
    .customer-order-wrapper
    .top-body
    ~ .product-report
    .dt-container
    .dt-layout-row:first-child,
  html[dir="rtl"]
    .customer-order-wrapper
    .top-body
    ~ .sale-report
    .dt-container
    .dt-layout-row:first-child,
  html[dir="rtl"]
    .customer-order-wrapper
    .top-body
    ~ .sale-return-report
    .dt-container
    .dt-layout-row:first-child,
  html[dir="rtl"]
    .customer-order-wrapper
    .top-body
    ~ .subscribed-user-wrapper
    .dt-container
    .dt-layout-row:first-child,
  html[dir="rtl"]
    .product-report-wrapper
    .top-body
    ~ .customer-order-report
    .dt-container
    .dt-layout-row:first-child,
  html[dir="rtl"]
    .product-report-wrapper
    .top-body
    ~ .product-report
    .dt-container
    .dt-layout-row:first-child,
  html[dir="rtl"]
    .product-report-wrapper
    .top-body
    ~ .sale-report
    .dt-container
    .dt-layout-row:first-child,
  html[dir="rtl"]
    .product-report-wrapper
    .top-body
    ~ .sale-return-report
    .dt-container
    .dt-layout-row:first-child,
  html[dir="rtl"]
    .product-report-wrapper
    .top-body
    ~ .subscribed-user-wrapper
    .dt-container
    .dt-layout-row:first-child,
  html[dir="rtl"]
    .sale-report-wrapper
    .top-body
    ~ .customer-order-report
    .dt-container
    .dt-layout-row:first-child,
  html[dir="rtl"]
    .sale-report-wrapper
    .top-body
    ~ .product-report
    .dt-container
    .dt-layout-row:first-child,
  html[dir="rtl"]
    .sale-report-wrapper
    .top-body
    ~ .sale-report
    .dt-container
    .dt-layout-row:first-child,
  html[dir="rtl"]
    .sale-report-wrapper
    .top-body
    ~ .sale-return-report
    .dt-container
    .dt-layout-row:first-child,
  html[dir="rtl"]
    .sale-report-wrapper
    .top-body
    ~ .subscribed-user-wrapper
    .dt-container
    .dt-layout-row:first-child,
  html[dir="rtl"]
    .sale-return-wrapper
    .top-body
    ~ .customer-order-report
    .dt-container
    .dt-layout-row:first-child,
  html[dir="rtl"]
    .sale-return-wrapper
    .top-body
    ~ .product-report
    .dt-container
    .dt-layout-row:first-child,
  html[dir="rtl"]
    .sale-return-wrapper
    .top-body
    ~ .sale-report
    .dt-container
    .dt-layout-row:first-child,
  html[dir="rtl"]
    .sale-return-wrapper
    .top-body
    ~ .sale-return-report
    .dt-container
    .dt-layout-row:first-child,
  html[dir="rtl"]
    .sale-return-wrapper
    .top-body
    ~ .subscribed-user-wrapper
    .dt-container
    .dt-layout-row:first-child {
    inset: 0;
  }
}
html[dir="rtl"]
  .customer-order-wrapper
  .customer-order-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search,
html[dir="rtl"]
  .customer-order-wrapper
  .product-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search,
html[dir="rtl"]
  .customer-order-wrapper
  .sale-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search,
html[dir="rtl"]
  .customer-order-wrapper
  .sale-return-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search,
html[dir="rtl"]
  .product-report-wrapper
  .customer-order-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search,
html[dir="rtl"]
  .product-report-wrapper
  .product-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search,
html[dir="rtl"]
  .product-report-wrapper
  .sale-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search,
html[dir="rtl"]
  .product-report-wrapper
  .sale-return-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search,
html[dir="rtl"]
  .sale-report-wrapper
  .customer-order-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search,
html[dir="rtl"]
  .sale-report-wrapper
  .product-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search,
html[dir="rtl"]
  .sale-report-wrapper
  .sale-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search,
html[dir="rtl"]
  .sale-report-wrapper
  .sale-return-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search,
html[dir="rtl"]
  .sale-return-wrapper
  .customer-order-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search,
html[dir="rtl"]
  .sale-return-wrapper
  .product-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search,
html[dir="rtl"]
  .sale-return-wrapper
  .sale-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search,
html[dir="rtl"]
  .sale-return-wrapper
  .sale-return-report
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search {
  inset: 0;
}
html[dir="rtl"]
  .customer-order-wrapper
  .customer-order-report
  .recent-table
  .dt-container
  .dt-layout-row
  table.dataTable
  thead
  tr
  th:first-child {
  text-align: center;
}
html[dir="rtl"]
  .customer-order-wrapper
  .customer-order-report
  .recent-table
  table
  tbody
  tr
  td:first-child,
html[dir="rtl"]
  .customer-order-wrapper
  .customer-order-report
  .recent-table
  table
  tbody
  tr
  th:first-child,
html[dir="rtl"]
  .customer-order-wrapper
  .customer-order-report
  .recent-table
  table
  thead
  tr
  td:first-child,
html[dir="rtl"]
  .customer-order-wrapper
  .customer-order-report
  .recent-table
  table
  thead
  tr
  th:first-child {
  padding-left: 8px;
  padding-right: 20px;
}
html[dir="rtl"]
  .customer-order-wrapper
  .customer-order-report
  .recent-table
  table
  tbody
  tr
  td:last-child,
html[dir="rtl"]
  .customer-order-wrapper
  .customer-order-report
  .recent-table
  table
  tbody
  tr
  th:last-child,
html[dir="rtl"]
  .customer-order-wrapper
  .customer-order-report
  .recent-table
  table
  thead
  tr
  td:last-child,
html[dir="rtl"]
  .customer-order-wrapper
  .customer-order-report
  .recent-table
  table
  thead
  tr
  th:last-child {
  padding-left: 20px;
  padding-right: 8px;
}
html[dir="rtl"]
  .sale-return-wrapper
  .sale-return-report
  .recent-table
  .dt-container
  .dt-layout-row
  table.dataTable
  thead
  tr
  th:first-child {
  text-align: center;
}
html[dir="rtl"]
  .sale-return-wrapper
  .sale-return-report
  .recent-table
  table
  tbody
  tr
  td:first-child,
html[dir="rtl"]
  .sale-return-wrapper
  .sale-return-report
  .recent-table
  table
  tbody
  tr
  th:first-child,
html[dir="rtl"]
  .sale-return-wrapper
  .sale-return-report
  .recent-table
  table
  thead
  tr
  td:first-child,
html[dir="rtl"]
  .sale-return-wrapper
  .sale-return-report
  .recent-table
  table
  thead
  tr
  th:first-child {
  padding-left: 8px;
  padding-right: 20px;
}
html[dir="rtl"]
  .sale-return-wrapper
  .sale-return-report
  .recent-table
  table
  tbody
  tr
  td:last-child,
html[dir="rtl"]
  .sale-return-wrapper
  .sale-return-report
  .recent-table
  table
  tbody
  tr
  th:last-child,
html[dir="rtl"]
  .sale-return-wrapper
  .sale-return-report
  .recent-table
  table
  thead
  tr
  td:last-child,
html[dir="rtl"]
  .sale-return-wrapper
  .sale-return-report
  .recent-table
  table
  thead
  tr
  th:last-child {
  padding-left: 20px;
  padding-right: 8px;
}
html[dir="rtl"]
  .sale-report-wrapper
  .sale-report
  .recent-table
  .dt-container
  .dt-layout-row
  table.dataTable
  thead
  tr
  th:first-child {
  text-align: center;
}
html[dir="rtl"]
  .sale-report-wrapper
  .sale-report
  .recent-table
  table
  tbody
  tr
  td:first-child,
html[dir="rtl"]
  .sale-report-wrapper
  .sale-report
  .recent-table
  table
  tbody
  tr
  th:first-child,
html[dir="rtl"]
  .sale-report-wrapper
  .sale-report
  .recent-table
  table
  thead
  tr
  td:first-child,
html[dir="rtl"]
  .sale-report-wrapper
  .sale-report
  .recent-table
  table
  thead
  tr
  th:first-child {
  padding-left: 8px;
  padding-right: 20px;
}
html[dir="rtl"]
  .sale-report-wrapper
  .sale-report
  .recent-table
  table
  tbody
  tr
  td:last-child,
html[dir="rtl"]
  .sale-report-wrapper
  .sale-report
  .recent-table
  table
  tbody
  tr
  th:last-child,
html[dir="rtl"]
  .sale-report-wrapper
  .sale-report
  .recent-table
  table
  thead
  tr
  td:last-child,
html[dir="rtl"]
  .sale-report-wrapper
  .sale-report
  .recent-table
  table
  thead
  tr
  th:last-child {
  padding-left: 20px;
  padding-right: 8px;
}
html[dir="rtl"]
  .product-report-wrapper
  .product-report
  .recent-table
  .dt-container
  .dt-layout-row
  table.dataTable
  thead
  tr
  th:first-child,
html[dir="rtl"]
  .sale-report-wrapper
  .sale-report
  .recent-table
  table
  tbody
  tr
  td:nth-child(n + 3),
html[dir="rtl"]
  .sale-report-wrapper
  .sale-report
  .recent-table
  table
  tbody
  tr
  th:nth-child(n + 3),
html[dir="rtl"]
  .sale-report-wrapper
  .sale-report
  .recent-table
  table
  thead
  tr
  td:nth-child(n + 3),
html[dir="rtl"]
  .sale-report-wrapper
  .sale-report
  .recent-table
  table
  thead
  tr
  th:nth-child(n + 3) {
  text-align: center;
}
html[dir="rtl"]
  .product-report-wrapper
  .product-report
  .recent-table
  table
  tbody
  tr
  td:first-child,
html[dir="rtl"]
  .product-report-wrapper
  .product-report
  .recent-table
  table
  tbody
  tr
  th:first-child,
html[dir="rtl"]
  .product-report-wrapper
  .product-report
  .recent-table
  table
  thead
  tr
  td:first-child,
html[dir="rtl"]
  .product-report-wrapper
  .product-report
  .recent-table
  table
  thead
  tr
  th:first-child {
  padding-left: 8px;
  padding-right: 20px;
}
html[dir="rtl"]
  .product-report-wrapper
  .product-report
  .recent-table
  table
  tbody
  tr
  td:last-child,
html[dir="rtl"]
  .product-report-wrapper
  .product-report
  .recent-table
  table
  tbody
  tr
  th:last-child,
html[dir="rtl"]
  .product-report-wrapper
  .product-report
  .recent-table
  table
  thead
  tr
  td:last-child,
html[dir="rtl"]
  .product-report-wrapper
  .product-report
  .recent-table
  table
  thead
  tr
  th:last-child {
  padding-left: 20px;
  padding-right: 8px;
}
html[dir="rtl"]
  .subscribed-user
  .subscribed-user-wrapper
  .dt-container
  .dt-layout-row:first-child {
  left: 32px;
}
html[dir="rtl"]
  .subscribed-user
  .subscribed-user-wrapper
  .dt-container
  .dt-layout-row
  .dt-search {
  inset: 0 !important;
}
html[dir="rtl"]
  .subscribed-user
  .subscribed-user-wrapper
  .dt-container
  .dt-layout-row
  table.dataTable
  thead
  tr
  th:first-child {
  text-align: center;
}
html[dir="rtl"]
  .subscribed-user
  .subscribed-user-wrapper
  table
  tbody
  tr
  td:first-child,
html[dir="rtl"]
  .subscribed-user
  .subscribed-user-wrapper
  table
  tbody
  tr
  th:first-child,
html[dir="rtl"]
  .subscribed-user
  .subscribed-user-wrapper
  table
  thead
  tr
  td:first-child,
html[dir="rtl"]
  .subscribed-user
  .subscribed-user-wrapper
  table
  thead
  tr
  th:first-child {
  padding-left: 8px;
  padding-right: 20px;
}
html[dir="rtl"]
  .subscribed-user
  .subscribed-user-wrapper
  table
  tbody
  tr
  td:last-child,
html[dir="rtl"]
  .subscribed-user
  .subscribed-user-wrapper
  table
  tbody
  tr
  th:last-child,
html[dir="rtl"]
  .subscribed-user
  .subscribed-user-wrapper
  table
  thead
  tr
  td:last-child,
html[dir="rtl"]
  .subscribed-user
  .subscribed-user-wrapper
  table
  thead
  tr
  th:last-child {
  padding-left: 20px;
  padding-right: 8px;
}
html[dir="rtl"]
  .candidate-wrapper
  .candidates-box
  .table-responsive
  .dt-container
  .dt-layout-row
  .dt-search {
  left: 20px;
  right: unset;
}
@media (max-width: 640px) and (min-width: 400px) {
  html[dir="rtl"]
    .candidate-wrapper
    .candidates-box
    .table-responsive
    .dt-container
    .dt-layout-row
    .dt-search {
    left: 20px;
    right: unset;
  }
}
@media (max-width: 399px) {
  html[dir="rtl"]
    .candidate-wrapper
    .candidates-box
    .table-responsive
    .dt-container
    .dt-layout-row
    .dt-search {
    left: unset;
    right: 0;
  }
}
html[dir="rtl"]
  .candidate-wrapper
  .candidates-box
  .table-responsive
  .dt-container
  table.dataTable
  tbody
  tr
  td:first-child,
html[dir="rtl"]
  .candidate-wrapper
  .candidates-box
  .table-responsive
  .dt-container
  table.dataTable
  tbody
  tr
  th:first-child,
html[dir="rtl"]
  .candidate-wrapper
  .candidates-box
  .table-responsive
  .dt-container
  table.dataTable
  thead
  tr
  td:first-child,
html[dir="rtl"]
  .candidate-wrapper
  .candidates-box
  .table-responsive
  .dt-container
  table.dataTable
  thead
  tr
  th:first-child {
  padding-left: 10px;
  padding-right: 20px;
}
html[dir="rtl"]
  .candidate-wrapper
  .candidates-box
  .table-responsive
  .dt-container
  table.dataTable
  tbody
  tr
  td:last-child,
html[dir="rtl"]
  .candidate-wrapper
  .candidates-box
  .table-responsive
  .dt-container
  table.dataTable
  tbody
  tr
  th:last-child,
html[dir="rtl"]
  .candidate-wrapper
  .candidates-box
  .table-responsive
  .dt-container
  table.dataTable
  thead
  tr
  td:last-child,
html[dir="rtl"]
  .candidate-wrapper
  .candidates-box
  .table-responsive
  .dt-container
  table.dataTable
  thead
  tr
  th:last-child {
  padding-left: 20px;
  padding-right: 10px;
}
html[dir="rtl"]
  .candidate-wrapper
  .candidates-box
  .common-f-start
  .attachment
  i {
  margin-left: 4px;
  margin-right: unset;
}
@media (min-width: 641px) {
  html[dir="rtl"]
    .main-tasks
    .common-task-table
    .table-responsive
    .dt-container
    .dt-layout-row
    .dt-search {
    left: -50px;
    right: unset;
  }
}
html[dir="rtl"]
  .main-tasks
  .common-task-table
  .table-responsive
  .dt-container
  .dt-layout-row
  table.dataTable
  thead
  tr
  th:first-child {
  text-align: center;
}
html[dir="rtl"]
  .main-tasks
  .common-task-table
  .table-responsive
  table
  tbody
  tr
  td:first-child,
html[dir="rtl"]
  .main-tasks
  .common-task-table
  .table-responsive
  table
  tbody
  tr
  th:first-child,
html[dir="rtl"]
  .main-tasks
  .common-task-table
  .table-responsive
  table
  thead
  tr
  td:first-child,
html[dir="rtl"]
  .main-tasks
  .common-task-table
  .table-responsive
  table
  thead
  tr
  th:first-child {
  padding-left: 8px;
  padding-right: 20px;
}
html[dir="rtl"]
  .main-tasks
  .common-task-table
  .table-responsive
  table
  tbody
  tr
  td:last-child,
html[dir="rtl"]
  .main-tasks
  .common-task-table
  .table-responsive
  table
  tbody
  tr
  th:last-child,
html[dir="rtl"]
  .main-tasks
  .common-task-table
  .table-responsive
  table
  thead
  tr
  td:last-child,
html[dir="rtl"]
  .main-tasks
  .common-task-table
  .table-responsive
  table
  thead
  tr
  th:last-child {
  padding-left: 20px;
  padding-right: 8px;
}
@media (min-width: 576px) {
  html[dir="rtl"]
    .api-management
    .recent-table
    div.dt-container
    .dt-layout-row
    .dt-search {
    left: 145px;
    right: unset;
  }
}
html[dir="rtl"]
  .api-management
  .recent-table
  div.dt-container
  .dt-layout-row
  table.dataTable
  thead
  tr
  th:first-child {
  text-align: center;
}
html[dir="rtl"] .api-management .recent-table table tbody tr td:first-child,
html[dir="rtl"] .api-management .recent-table table tbody tr th:first-child,
html[dir="rtl"] .api-management .recent-table table thead tr td:first-child,
html[dir="rtl"] .api-management .recent-table table thead tr th:first-child {
  padding-left: 8px;
  padding-right: 20px;
}
html[dir="rtl"] .api-management .recent-table table tbody tr td:last-child,
html[dir="rtl"] .api-management .recent-table table tbody tr th:last-child,
html[dir="rtl"] .api-management .recent-table table thead tr td:last-child,
html[dir="rtl"] .api-management .recent-table table thead tr th:last-child {
  padding-left: 20px;
  padding-right: 8px;
}
@media (min-width: 576px) {
  html[dir="rtl"]
    .role-permission-wrapper
    .permission-table
    div.dt-container
    .dt-layout-row
    .dt-search {
    left: 234px;
    right: unset;
  }
}
html[dir="rtl"]
  .role-permission-wrapper
  .permission-table
  div.dt-container
  .dt-layout-row
  table.dataTable
  thead
  tr
  th:first-child {
  text-align: center;
}
html[dir="rtl"]
  .role-permission-wrapper
  .permission-table
  table
  tbody
  tr
  td:first-child,
html[dir="rtl"]
  .role-permission-wrapper
  .permission-table
  table
  tbody
  tr
  th:first-child,
html[dir="rtl"]
  .role-permission-wrapper
  .permission-table
  table
  thead
  tr
  td:first-child,
html[dir="rtl"]
  .role-permission-wrapper
  .permission-table
  table
  thead
  tr
  th:first-child {
  padding-left: 8px;
  padding-right: 20px;
}
html[dir="rtl"]
  .role-permission-wrapper
  .permission-table
  table
  tbody
  tr
  td:last-child,
html[dir="rtl"]
  .role-permission-wrapper
  .permission-table
  table
  tbody
  tr
  th:last-child,
html[dir="rtl"]
  .role-permission-wrapper
  .permission-table
  table
  thead
  tr
  td:last-child,
html[dir="rtl"]
  .role-permission-wrapper
  .permission-table
  table
  thead
  tr
  th:last-child {
  padding-left: 20px;
  padding-right: 8px;
}
@media (max-width: 345px) {
  html[dir="rtl"]
    .manage-review
    .recent-table
    div.dt-container
    .dt-layout-row
    .dt-layout-cell
    .dt-search
    label {
    text-align: right;
  }
}
html[dir="rtl"] .manage-review .recent-table table tbody tr td:first-child,
html[dir="rtl"] .manage-review .recent-table table tbody tr th:first-child,
html[dir="rtl"] .manage-review .recent-table table thead tr td:first-child,
html[dir="rtl"] .manage-review .recent-table table thead tr th:first-child {
  padding-left: 8px;
  padding-right: 20px;
}
html[dir="rtl"] .manage-review .recent-table table tbody tr td:last-child,
html[dir="rtl"] .manage-review .recent-table table tbody tr th:last-child,
html[dir="rtl"] .manage-review .recent-table table thead tr td:last-child,
html[dir="rtl"] .manage-review .recent-table table thead tr th:last-child {
  padding-left: 20px;
  padding-right: 8px;
}
html[dir="rtl"]
  .manage-review
  .recent-table
  table
  tbody
  tr.dt-hasChild
  ~ tr[data-dt-row]
  td,
html[dir="rtl"]
  .manage-review
  .recent-table
  table
  thead
  tr.dt-hasChild
  ~ tr[data-dt-row]
  td {
  padding-inline: 20px;
}
html[dir="rtl"]
  .manage-review
  .recent-table
  table
  tbody
  tr.dt-hasChild
  ~ tr[data-dt-row]
  td
  table
  tr
  td:first-child,
html[dir="rtl"]
  .manage-review
  .recent-table
  table
  thead
  tr.dt-hasChild
  ~ tr[data-dt-row]
  td
  table
  tr
  td:first-child {
  padding-left: 8px;
  padding-right: 20px;
}
html[dir="rtl"]
  .manage-review
  .recent-table
  table
  tbody
  tr.dt-hasChild
  ~ tr[data-dt-row]
  td
  table
  tr
  td:last-child,
html[dir="rtl"]
  .manage-review
  .recent-table
  table
  thead
  tr.dt-hasChild
  ~ tr[data-dt-row]
  td
  table
  tr
  td:last-child {
  padding-left: 20px;
  padding-right: 8px;
}
@media (min-width: 576px) {
  html[dir="rtl"]
    .user-list-wrapper
    .user-list-table
    div.dt-container
    .dt-layout-row
    .dt-search {
    left: 185px;
    right: unset;
  }
}
html[dir="rtl"]
  .user-list-wrapper
  .user-list-table
  div.dt-container
  .dt-layout-row
  table.dataTable
  thead
  tr
  th:first-child {
  text-align: center;
}
html[dir="rtl"]
  .user-list-wrapper
  .user-list-table
  table
  tbody
  tr
  td:first-child,
html[dir="rtl"]
  .user-list-wrapper
  .user-list-table
  table
  tbody
  tr
  th:first-child,
html[dir="rtl"]
  .user-list-wrapper
  .user-list-table
  table
  thead
  tr
  td:first-child,
html[dir="rtl"]
  .user-list-wrapper
  .user-list-table
  table
  thead
  tr
  th:first-child {
  padding-left: 8px;
  padding-right: 20px;
}
html[dir="rtl"]
  .user-list-wrapper
  .user-list-table
  table
  tbody
  tr
  td:last-child,
html[dir="rtl"]
  .user-list-wrapper
  .user-list-table
  table
  tbody
  tr
  th:last-child,
html[dir="rtl"]
  .user-list-wrapper
  .user-list-table
  table
  thead
  tr
  td:last-child,
html[dir="rtl"]
  .user-list-wrapper
  .user-list-table
  table
  thead
  tr
  th:last-child {
  padding-left: 20px;
  padding-right: 8px;
}
html[dir="rtl"] .sitemap-wrapper .horizontal-sitemap .tier-1 li {
  text-align: right;
}
html[dir="rtl"]
  .sitemap-wrapper
  .horizontal-sitemap
  .tier-1
  li
  > a:not(.tier-2 li a):first-child:before {
  left: unset;
  right: 50%;
  transform: translateX(50%);
}
@media (min-width: 992px) {
  html[dir="rtl"] .sitemap-wrapper .horizontal-sitemap .tier-1 li {
    padding-left: unset;
    padding-right: calc(7.51724px + 0.75431vw);
  }
}
@media (max-width: 991px) {
  html[dir="rtl"] .sitemap-wrapper .horizontal-sitemap .tier-1 li {
    padding-left: unset;
    padding-right: 0;
  }
}
html[dir="rtl"] .sitemap-wrapper .horizontal-sitemap .tier-1 .tier-2 {
  border-left: unset;
  border-right: 2px solid #3f475a;
}
html[dir="rtl"] .sitemap-wrapper .horizontal-sitemap .tier-1 .tier-2 li:before {
  left: unset;
  right: -22px;
}
@media (min-width: 992px) {
  html[dir="rtl"]
    .sitemap-wrapper
    .horizontal-sitemap
    .tier-1
    .tier-2
    li:before {
    left: unset;
    right: calc(-9.58621px - 0.64655vw);
  }
}
html[dir="rtl"]
  .sitemap-wrapper
  .horizontal-sitemap
  .tier-1
  .tier-2
  li
  > a:before {
  left: unset;
  right: -22px;
  transform: translateY(-50%) scaleX(-1);
}
@media (min-width: 992px) {
  html[dir="rtl"]
    .sitemap-wrapper
    .horizontal-sitemap
    .tier-1
    .tier-2
    li
    > a:before {
    left: unset;
    right: calc(-9.58621px - 0.64655vw);
    transform: translateY(-50%) scaleX(-1);
  }
  html[dir="rtl"] .sitemap-wrapper .horizontal-sitemap .tier-1 .tier-2 {
    margin-left: unset;
    margin-right: calc(-17.51724px + 2.37069vw);
  }
}
@media (max-width: 991px) {
  html[dir="rtl"] .sitemap-wrapper .horizontal-sitemap .tier-1 .tier-2 {
    margin-left: unset;
    margin-right: 0;
    padding-left: unset;
    padding-right: 20px;
  }
}
html[dir="rtl"] .sitemap-wrapper .horizontal-sitemap .tier-1 .tier-2 .tier-3 {
  border-left: unset;
  border-right: 2px solid #3f475a;
}
@media (min-width: 992px) {
  html[dir="rtl"] .sitemap-wrapper .horizontal-sitemap .tier-1 .tier-2 .tier-3 {
    margin-left: unset;
    margin-right: calc(-47.44828px + 5.38793vw);
  }
}
@media (max-width: 991px) {
  html[dir="rtl"] .sitemap-wrapper .horizontal-sitemap .tier-1 .tier-2 .tier-3 {
    margin-left: unset;
    margin-right: 0;
  }
  html[dir="rtl"]
    .sitemap-wrapper
    .horizontal-sitemap
    .tier-1
    .tier-2
    .tier-3
    li {
    padding-left: unset;
    padding-right: 20px;
  }
  html[dir="rtl"] .sitemap-wrapper .horizontal-sitemap .main-site li > a {
    text-align: right;
  }
}
html[dir="rtl"]
  .sitemap-wrapper
  .horizontal-sitemap
  .main-site
  li
  .main-root:after {
  left: unset;
  right: 50%;
}
@media (max-width: 991px) {
  html[dir="rtl"]
    .sitemap-wrapper
    .horizontal-sitemap
    .main-site
    li
    .main-root {
    text-align: center;
  }
}
html[dir="rtl"] .dtfh-floatingparent-foot {
  left: unset !important;
  right: 312px !important;
}
html[dir="rtl"] .dtfh-floatingparent-foot > div {
  padding-left: 15px !important;
  padding-right: unset !important;
}
@media only screen and (max-width: 575.98px) {
  html[dir="rtl"]
    .page-wrapper
    .page-header
    .header-wrapper
    .nav-right
    .onhover-show-div {
    left: 12px !important;
    right: unset !important;
  }
}
@media only screen and (max-width: 480px) {
  html[dir="rtl"] .knob-chart .chart-clock-main {
    width: unset;
  }
  html[dir="rtl"] .knob-chart .chart-clock-main .clock-small {
    right: 32px;
  }
  html[dir="rtl"] .knob-chart .chart-clock-main .clock-large {
    left: unset;
    right: 12px;
  }
  html[dir="rtl"] .knob-chart .chart-clock-main .clock-medium {
    left: unset;
    right: 32px;
  }
}
@media only screen and (max-width: 420px) {
  html[dir="rtl"]
    .page-wrapper.compact-sidebar
    .page-body-wrapper
    div.sidebar-wrapper
    .sidebar-main
    .sidebar-links
    li
    .sidebar-submenu {
    right: 112px;
  }
  html[dir="rtl"]
    .page-wrapper.compact-small
    .page-body-wrapper
    div.sidebar-wrapper
    .sidebar-main
    .sidebar-links
    li
    .sidebar-submenu {
    right: 80px;
  }
}
@media only screen and (max-width: 360px) {
  html[dir="rtl"] .social-app-profile .hovercard .user-image .avatar {
    margin-top: -47px;
  }
  html[dir="rtl"] .social-app-profile .hovercard .user-image .avatar img {
    height: 85px;
    width: 85px;
  }
  html[dir="rtl"] .social-chat .other-msg {
    margin-right: 15px;
  }
}
@media screen and (max-width: 1460px) {
  html[dir="rtl"]
    .sidebar-wrapper
    .sidebar-main
    .sidebar-links
    .simplebar-wrapper
    .simplebar-mask
    .simplebar-content-wrapper
    .simplebar-content
    > li {
    margin-left: 8px;
    margin-right: unset;
  }
}
.box-layout {
  background-blend-mode: overlay;
  background-color: hsla(0, 0%, 100%, 0.5);
  background-image: url(images/boxbg.jpg);
}
@media only screen and (max-width: 1716px) {
  .box-layout .dashboard-13 .sales-order-chart {
    margin-top: 0;
  }
}
@media only screen and (max-width: 1693px) and (min-width: 1634px) {
  .box-layout .dashboard-13 .fleet-status-chart {
    margin-bottom: -95px;
  }
  .box-layout .dashboard-13 .fleet-status-chart .apexcharts-radialbar {
    transform: scale(0.7);
  }
  .box-layout .dashboard-13 .fleet-status-chart .apexcharts-legend {
    display: none;
  }
  .box-layout .dashboard-13 .sales-order-chart {
    margin-top: -24px;
  }
}
@media only screen and (min-width: 1691px) {
  .box-layout .dashboard-13 .delivery-duration-chart {
    margin-top: -20px;
  }
}
@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
    tbody
    td:nth-child(2),
  .box-layout
    .shopping-cart-table
    .recent-table
    div.dt-container
    .table
    tbody
    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
    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
    thead
    tr:nth-child(2) {
    min-width: 360px;
  }
  .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),
  .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
    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
    thead
    tr:nth-child(4) {
    min-width: 170px;
  }
  .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,
  .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
    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
    thead
    tr: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;
    margin-bottom: 20px;
    text-transform: capitalize;
    width: -moz-fit-content;
    width: fit-content;
  }
  .box-layout
    .seller-details-wrapper
    .review-box
    .md-sidebar
    .md-sidebar-aside {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 40px;
    transition: all 0.2s ease;
    visibility: hidden;
    width: 360px;
    z-index: 3;
  }
  .box-layout
    .seller-details-wrapper
    .review-box
    .md-sidebar
    .md-sidebar-aside.open {
    opacity: 1;
    transition: all 0.2s ease;
    visibility: visible;
  }
}
@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 {
    background-color: var(--bs-card-bg);
    border-radius: 15px;
    box-shadow: 0 9px 20px rgba(46, 35, 94, 0.07);
  }
  .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 (max-width: 1633px) and (min-width: 1400px) {
  .box-layout .dashboard-13 .fleet-status-chart {
    margin-bottom: -62px;
  }
  .box-layout .dashboard-13 .fleet-status-chart .apexcharts-radialbar {
    transform: scale(0.7);
  }
  .box-layout .dashboard-13 .fleet-status-chart .apexcharts-legend {
    display: none;
  }
  .box-layout .dashboard-13 .sales-order-chart {
    margin-top: -12px;
  }
}
@media only screen and (max-width: 1469px) and (min-width: 1400px) {
  .box-layout .dashboard-13 .fleet-status-chart {
    margin-bottom: -16px;
  }
}
@media only screen and (min-width: 1400px) {
  .box-layout .dashboard-12 .estimated-project {
    margin-bottom: -30px;
    margin-top: -55px;
  }
  .box-layout .dashboard-12 .main-expenses span[class^="font-"] {
    display: none;
  }
  .box-layout .photo-click-wrapper {
    margin: 7px -20px -20px 0;
  }
}
@media (max-width: 1399px) and (min-width: 576px) {
  .box-layout .attach-files-wrapper .upload-files-wrapper {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1290px) {
  .box-layout .dashboard-13 .country-option .card-header {
    padding-bottom: 0;
  }
  .box-layout .dashboard-13 .country-option .profitable-country-chart {
    margin-bottom: -20px;
  }
  .box-layout .dashboard-13 .country-option ul {
    display: none;
  }
}
@media (max-width: 1399px) {
  .box-layout .balance-widget .mobile-right-img {
    right: -10%;
  }
  .box-layout .cmt-box .form-control {
    height: 2px;
    width: calc(100% - 42px);
  }
  .box-layout .cmt-box i {
    height: 40px;
    width: 40px;
  }
  .box-layout .main-team-box {
    grid-template-columns: 1fr 1fr;
  }
  .box-layout .api-management .recent-table table tbody tr td:nth-child(2) span,
  .box-layout .api-management .recent-table table tbody tr th:nth-child(2) span,
  .box-layout .api-management .recent-table table thead tr td:nth-child(2) span,
  .box-layout
    .api-management
    .recent-table
    table
    thead
    tr
    th:nth-child(2)
    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: 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;
  }
  .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(50% - 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 .card-body {
    height: 500px;
    overflow-y: scroll;
  }
  .box-layout
    .artist-table
    .appointment-table.customer-table
    table
    tr
    td:last-child {
    min-width: 100px;
  }
  .box-layout .sitemap-wrapper .horizontal-sitemap .main-site li > a {
    width: 9.5rem;
  }
  .box-layout .sitemap-wrapper .horizontal-sitemap .tier-1 li {
    padding-left: 15px;
  }
  .box-layout .sitemap-wrapper .horizontal-sitemap .tier-1 .tier-2 {
    margin-left: 6px;
  }
  .box-layout
    .sitemap-wrapper
    .horizontal-sitemap
    .tier-1
    .tier-2
    li
    > a:before {
    font-size: 16px;
    left: -16px;
  }
  .box-layout .sitemap-wrapper .horizontal-sitemap .tier-1 .tier-2 .tier-3 {
    margin-left: 6px;
  }
  .box-layout .manage-review-wrapper .top-body .row {
    flex-direction: column;
  }
  .box-layout
    .manage-review-wrapper
    .manage-review
    .recent-table
    table
    tbody
    tr
    td:nth-child(6),
  .box-layout
    .manage-review-wrapper
    .manage-review
    .recent-table
    table
    tbody
    tr
    td:nth-child(7),
  .box-layout
    .manage-review-wrapper
    .manage-review
    .recent-table
    table
    tbody
    tr
    th:nth-child(6),
  .box-layout
    .manage-review-wrapper
    .manage-review
    .recent-table
    table
    tbody
    tr
    th:nth-child(7),
  .box-layout
    .manage-review-wrapper
    .manage-review
    .recent-table
    table
    thead
    tr
    td:nth-child(6),
  .box-layout
    .manage-review-wrapper
    .manage-review
    .recent-table
    table
    thead
    tr
    td:nth-child(7),
  .box-layout
    .manage-review-wrapper
    .manage-review
    .recent-table
    table
    thead
    tr
    th:nth-child(6),
  .box-layout
    .manage-review-wrapper
    .manage-review
    .recent-table
    table
    thead
    tr
    th:nth-child(7) {
    display: none;
  }
  .box-layout .discount-options {
    gap: 18px;
  }
  .box-layout .discount-options .nav-item .nav-link {
    height: 58px;
    width: 170px;
  }
  .box-layout .seller-cards {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .box-layout .calendar-basic .md-sidebar-aside {
    height: 400px;
    overflow-y: scroll;
  }
  .box-layout .hover-16 .overlay-hover .overlay-content p {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 1;
    height: auto;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .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),
  .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
    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
    thead
    tr
    th:nth-child(6),
  .box-layout
    .list-product
    .product-list-table.recent-table
    thead
    tr
    th:nth-child(8),
  .box-layout .progress-chart #progress4 {
    display: none;
  }
  .box-layout
    .common-order-history
    .order-history-wrapper
    .recent-table
    table
    tbody
    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
    thead
    tr
    td:nth-child(2),
  .box-layout
    .common-order-history
    .order-history-wrapper
    .recent-table
    table
    thead
    tr
    th:nth-child(2) {
    min-width: 104px;
  }
  .box-layout
    .common-order-history
    .order-history-wrapper
    .recent-table
    table
    tbody
    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
    thead
    tr
    td:nth-child(3),
  .box-layout
    .common-order-history
    .order-history-wrapper
    .recent-table
    table
    thead
    tr
    th:nth-child(3) {
    min-width: 180px;
  }
  .box-layout
    .common-order-history
    .order-history-wrapper
    .recent-table
    table
    tbody
    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
    thead
    tr
    td:nth-child(4),
  .box-layout
    .common-order-history
    .order-history-wrapper
    .recent-table
    table
    thead
    tr
    th:nth-child(4) {
    min-width: 140px;
  }
  .box-layout
    .common-order-history
    .order-history-wrapper
    .recent-table
    table
    tbody
    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
    thead
    tr
    td:nth-child(5),
  .box-layout
    .common-order-history
    .order-history-wrapper
    .recent-table
    table
    thead
    tr
    th:nth-child(5) {
    min-width: 122px;
  }
  .box-layout
    .common-order-history
    .order-history-wrapper
    .recent-table
    table
    tbody
    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
    thead
    tr
    td:nth-child(6),
  .box-layout
    .common-order-history
    .order-history-wrapper
    .recent-table
    table
    thead
    tr
    th:nth-child(6) {
    min-width: 140px;
  }
  .box-layout
    .common-order-history
    .order-history-wrapper
    .recent-table
    table
    tbody
    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
    thead
    tr
    td:nth-child(7),
  .box-layout
    .common-order-history
    .order-history-wrapper
    .recent-table
    table
    thead
    tr
    th: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 {
    height: 45px;
    width: 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,
  .box-layout .main-icon-radio .radio-wrapper {
    gap: 12px;
  }
  .box-layout .attachment-file {
    gap: 14px;
    min-width: 218px;
    width: 218px;
  }
  .box-layout
    .project-pending-table.recent-table
    table
    tbody
    tr
    td:nth-child(3),
  .box-layout
    .project-pending-table.recent-table
    table
    tbody
    tr
    td:nth-child(4),
  .box-layout
    .project-pending-table.recent-table
    table
    tbody
    tr
    th:nth-child(3),
  .box-layout
    .project-pending-table.recent-table
    table
    tbody
    tr
    th:nth-child(4),
  .box-layout
    .project-pending-table.recent-table
    table
    thead
    tr
    td:nth-child(3),
  .box-layout
    .project-pending-table.recent-table
    table
    thead
    tr
    td:nth-child(4),
  .box-layout
    .project-pending-table.recent-table
    table
    thead
    tr
    th:nth-child(3),
  .box-layout
    .project-pending-table.recent-table
    table
    thead
    tr
    th:nth-child(4) {
    display: none;
  }
  .box-layout .cmt-box {
    padding-top: 18px;
  }
  .box-layout .activity-wrapper .schedule-wrapper {
    display: flex;
    justify-content: flex-start;
  }
  .box-layout .budget-card .common-space {
    flex-wrap: wrap;
  }
  .box-layout .expense-chart-wrap {
    margin: -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 {
    min-width: auto;
    width: auto;
  }
  .box-layout .dashboard-13 .fleet-status-chart {
    margin-top: 42px;
  }
  .box-layout .dashboard-13 .widget-13 .stat-content p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 95px;
  }
  .box-layout .dashboard-13 .widget-13 .card-body .common-align span {
    font-size: 14px;
  }
  .box-layout .dashboard-13 .widget-13 .profitable-country-chart {
    margin-bottom: -20px;
  }
  .box-layout
    .dashboard-13
    .shipment-tracking-table
    .recent-table
    div.dt-container
    .dt-layout-row
    .dt-info,
  .box-layout
    .dashboard-13
    .shipment-tracking-table
    .recent-table
    div.dt-container
    .dt-layout-row
    .dt-layout-cell
    .dt-search,
  .box-layout
    .dashboard-13
    .shipment-tracking-table
    .recent-table
    table
    tbody
    tr
    td:nth-child(3),
  .box-layout
    .dashboard-13
    .shipment-tracking-table
    .recent-table
    table
    tbody
    tr
    td:nth-child(4),
  .box-layout
    .dashboard-13
    .shipment-tracking-table
    .recent-table
    table
    tbody
    tr
    td:nth-child(6),
  .box-layout
    .dashboard-13
    .shipment-tracking-table
    .recent-table
    table
    tbody
    tr
    th:nth-child(3),
  .box-layout
    .dashboard-13
    .shipment-tracking-table
    .recent-table
    table
    tbody
    tr
    th:nth-child(4),
  .box-layout
    .dashboard-13
    .shipment-tracking-table
    .recent-table
    table
    tbody
    tr
    th:nth-child(6),
  .box-layout
    .dashboard-13
    .shipment-tracking-table
    .recent-table
    table
    thead
    tr
    td:nth-child(3),
  .box-layout
    .dashboard-13
    .shipment-tracking-table
    .recent-table
    table
    thead
    tr
    td:nth-child(4),
  .box-layout
    .dashboard-13
    .shipment-tracking-table
    .recent-table
    table
    thead
    tr
    td:nth-child(6),
  .box-layout
    .dashboard-13
    .shipment-tracking-table
    .recent-table
    table
    thead
    tr
    th:nth-child(3),
  .box-layout
    .dashboard-13
    .shipment-tracking-table
    .recent-table
    table
    thead
    tr
    th:nth-child(4),
  .box-layout
    .dashboard-13
    .shipment-tracking-table
    .recent-table
    table
    thead
    tr
    th:nth-child(6) {
    display: none;
  }
  .box-layout .dashboard-13 .delivery-chart .balance-data {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    inset: 0;
    position: relative;
  }
  .box-layout .dashboard-13 .shipping-details .common-space {
    display: block;
    padding: 8px 18px;
  }
  .box-layout .dashboard-13 .shipping-details .common-space p {
    font-size: 14px;
  }
  .box-layout
    .dashboard-13
    .shipping-details
    .simple-timeline
    ul
    li
    .shipment-details
    p:last-child {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    height: 53px;
    -webkit-box-orient: vertical;
    margin-bottom: 11px;
    overflow: hidden;
    padding-bottom: 13px;
    text-overflow: ellipsis;
  }
  .box-layout
    .dashboard-13
    .shipping-details
    .simple-timeline
    ul
    li:last-child
    > div
    p:last-child {
    border-bottom: unset;
    height: unset;
    margin-bottom: 0;
    padding-bottom: 0;
    text-overflow: unset;
  }
  .box-layout .dashboard-13 .sales-order .progress {
    height: 18px;
    width: 50%;
  }
  .box-layout .dashboard-13 .sales-order h3 {
    font-size: 22px;
  }
  .box-layout .dashboard-13 .sales-order .common-space span:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 60%;
  }
  .box-layout .dashboard-13 .country-option ul {
    flex-direction: unset;
    flex-wrap: wrap;
  }
  .box-layout .dashboard-13 .country-option ul li {
    padding: 6px 18px;
  }
  .box-layout
    .dashboard-13
    .vehicle-table
    .recent-table
    div.dt-container
    .dt-layout-row
    .dt-info,
  .box-layout .dashboard-13 .vehicle-table .recent-table table tbody tr td img,
  .box-layout
    .dashboard-13
    .vehicle-table
    .recent-table
    table
    tbody
    tr
    td:last-child,
  .box-layout
    .dashboard-13
    .vehicle-table
    .recent-table
    table
    tbody
    tr
    td:nth-child(6),
  .box-layout .dashboard-13 .vehicle-table .recent-table table tbody tr th img,
  .box-layout
    .dashboard-13
    .vehicle-table
    .recent-table
    table
    tbody
    tr
    th:last-child,
  .box-layout
    .dashboard-13
    .vehicle-table
    .recent-table
    table
    tbody
    tr
    th:nth-child(6),
  .box-layout .dashboard-13 .vehicle-table .recent-table table thead tr td img,
  .box-layout
    .dashboard-13
    .vehicle-table
    .recent-table
    table
    thead
    tr
    td:last-child,
  .box-layout
    .dashboard-13
    .vehicle-table
    .recent-table
    table
    thead
    tr
    td:nth-child(6),
  .box-layout .dashboard-13 .vehicle-table .recent-table table thead tr th img,
  .box-layout
    .dashboard-13
    .vehicle-table
    .recent-table
    table
    thead
    tr
    th:last-child,
  .box-layout
    .dashboard-13
    .vehicle-table
    .recent-table
    table
    thead
    tr
    th:nth-child(6) {
    display: none;
  }
  .box-layout .dashboard-13 .profitable-country-chart {
    border: unset;
  }
  .box-layout .dashboard-12 .main-expenses .card-body {
    padding-top: 0;
  }
  .box-layout .dashboard-12 .main-expenses h6 {
    font-size: 21px;
  }
  .box-layout .application-overview .balance-data,
  .box-layout
    .employee-list-table.recent-table
    div.dt-container
    .dt-layout-row
    .dt-info,
  .box-layout
    .employee-list-table.recent-table
    div.dt-container
    .dt-layout-row
    .dt-layout-cell
    .dt-search,
  .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),
  .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 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 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) {
    display: none;
  }
  .box-layout
    .employee-list-table.recent-table
    table
    tbody
    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
    thead
    tr
    td:last-child
    .square-white,
  .box-layout
    .employee-list-table.recent-table
    table
    thead
    tr
    th:last-child
    .square-white {
    height: 24px;
    width: 24px;
  }
  .box-layout
    .employee-list-table.recent-table
    table
    tbody
    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
    thead
    tr
    td:last-child
    .square-white
    svg,
  .box-layout
    .employee-list-table.recent-table
    table
    thead
    tr
    th:last-child
    .square-white
    svg {
    height: 14px;
    width: 14px;
  }
  .box-layout
    .attendance-table.recent-table
    div.dt-container
    .dt-layout-row
    .dt-search,
  .box-layout
    .attendance-table.recent-table
    div.dt-container
    .dt-layout-row:last-child
    .dt-info,
  .box-layout .attendance-table.recent-table table tbody 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 thead tr td:nth-child(3),
  .box-layout .attendance-table.recent-table table thead tr th:nth-child(3),
  .box-layout
    .employee-list-table.recent-table
    table
    tbody
    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
    thead
    tr
    td
    .common-flex
    img,
  .box-layout
    .employee-list-table.recent-table
    table
    thead
    tr
    th
    .common-flex
    img {
    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 {
    display: flex;
    justify-content: flex-start;
  }
  .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;
    margin-bottom: 0;
    padding-bottom: unset;
  }
  .box-layout .schedule-calender .tab-content .activity-update > li:last-child {
    margin-bottom: 0;
  }
  .box-layout .schedule-calender #frd .activity-update > li:first-child,
  .box-layout .schedule-calender #sun .activity-update > li:first-child,
  .box-layout .schedule-calender #thu .activity-update > li:nth-child(3) {
    border-bottom: unset;
    margin-bottom: 0;
    padding-bottom: unset;
  }
  .box-layout .interviewer-users ul li {
    padding: 14px 18px;
  }
  .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),
  .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) {
    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 {
    font-size: 14px;
    padding: 8px 14px;
  }
  .box-layout .analytics-widget h5 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .box-layout .analytics-widget .card-text {
    display: -webkit-box;
    height: 46px;
    max-width: 100%;
    -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 {
    left: 20px;
    margin-bottom: 20px;
    position: relative;
    top: 4px;
    width: 90%;
  }
  .box-layout .analytics-tread-card .header-top .common-align > span,
  .box-layout
    .page-analytics-table
    .recent-table
    .table
    tbody
    tr
    td:nth-child(4),
  .box-layout
    .page-analytics-table
    .recent-table
    .table
    tbody
    tr
    td:nth-child(5),
  .box-layout
    .page-analytics-table
    .recent-table
    .table
    tbody
    tr
    th:nth-child(4),
  .box-layout
    .page-analytics-table
    .recent-table
    .table
    tbody
    tr
    th:nth-child(5),
  .box-layout
    .page-analytics-table
    .recent-table
    .table
    thead
    tr
    td:nth-child(4),
  .box-layout
    .page-analytics-table
    .recent-table
    .table
    thead
    tr
    td:nth-child(5),
  .box-layout
    .page-analytics-table
    .recent-table
    .table
    thead
    tr
    th:nth-child(4),
  .box-layout
    .page-analytics-table
    .recent-table
    .table
    thead
    tr
    th:nth-child(5) {
    display: none;
  }
  .box-layout .analytics-tread-card .header-top > div span {
    max-width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .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 {
    height: 14px;
    top: -3px;
    width: 14px;
  }
  .box-layout
    .analytics-tread-card
    .session-progress
    .progress
    .progress-label {
    font-size: 12px;
    right: -16px;
    top: -50px;
  }
  .box-layout .analytics-tread-card.retention-progress .card-body .progress {
    margin-top: 60px;
  }
  .box-layout .bounce-rate-wrapper {
    margin: -9px -20px -30px 0;
  }
  .box-layout .visit-duration-wrapper {
    margin: -12px 35px -30px 0;
  }
  .box-layout .session-browser-table .table-responsive .table thead.tbody tr td,
  .box-layout
    .session-browser-table
    .table-responsive
    .table
    thead.tbody
    tr
    th {
    padding-block: 7px;
  }
  .box-layout .lead-table.recent-table tbody tr td .btn,
  .box-layout .lead-table.recent-table tbody tr th .btn,
  .box-layout .lead-table.recent-table thead tr td .btn,
  .box-layout .lead-table.recent-table thead tr th .btn {
    padding: 6px 16px;
  }
  .box-layout .lead-table.recent-table tbody 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 thead tr td .common-flex .lead-img,
  .box-layout .lead-table.recent-table thead tr th .common-flex .lead-img {
    height: 28px;
  }
  .box-layout .lead-table.recent-table tbody tr td:nth-child(2),
  .box-layout .lead-table.recent-table tbody tr td:nth-child(3),
  .box-layout .lead-table.recent-table tbody tr th:nth-child(2),
  .box-layout .lead-table.recent-table tbody tr th:nth-child(3),
  .box-layout .lead-table.recent-table thead tr td:nth-child(2),
  .box-layout .lead-table.recent-table thead tr td:nth-child(3),
  .box-layout .lead-table.recent-table thead tr th:nth-child(2),
  .box-layout .lead-table.recent-table thead tr th:nth-child(3) {
    display: none;
  }
  .box-layout .our-product-wrapper .our-product-content .add-quantity {
    gap: 8px;
    padding: 4px 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 {
    height: 74px;
    width: 80px;
  }
  .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 {
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
  }
  .box-layout
    .order-details
    .order-quantity
    .order-details-wrapper
    .category-details
    .right-details
    .touchspin-wrapper {
    align-items: center;
    display: flex;
    justify-content: space-between;
  }
  .box-layout
    .order-details
    .order-quantity
    .order-details-wrapper
    .category-details
    .right-details
    .btn-touchspin {
    align-items: center;
    background-color: var(--white);
    border: unset;
    border-radius: 50px;
    display: flex;
    height: 27px;
    justify-content: center;
    width: 27px;
  }
}
@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 {
    height: calc(-6.23077px + 1.73077vw);
    width: calc(-6.23077px + 1.73077vw);
  }
}
@media only screen and (min-width: 1280px) {
  .box-layout
    .order-details
    .order-quantity
    .order-details-wrapper
    .category-details
    .right-details
    input[type="number"] {
    background-color: unset;
    border: unset;
    color: var(--body-font-color);
    padding: 10px 0;
    text-align: center;
    width: 25px;
  }
}
@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 {
    height: 71px;
    width: 75px;
  }
  .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
    tbody
    td:nth-child(2)
    .common-align
    img,
  .box-layout
    .unpaid-fees-table
    .recent-table.table-responsive
    table
    tbody
    td:nth-child(3),
  .box-layout
    .unpaid-fees-table
    .recent-table.table-responsive
    table
    tbody
    td:nth-child(4),
  .box-layout
    .unpaid-fees-table
    .recent-table.table-responsive
    table
    tbody
    td:nth-child(5),
  .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
    th:nth-child(3),
  .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
    th:nth-child(5),
  .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
    thead
    td:nth-child(3),
  .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
    thead
    td:nth-child(5),
  .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
    th:nth-child(3),
  .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
    th: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 tbody td:nth-child(2),
  .box-layout
    .top-student-table
    .recent-table
    table
    tbody
    td:nth-child(3)
    .common-align
    img,
  .box-layout .top-student-table .recent-table table tbody td:nth-child(4),
  .box-layout .top-student-table .recent-table table tbody td:nth-child(6),
  .box-layout .top-student-table .recent-table table tbody th:nth-child(2),
  .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 th:nth-child(4),
  .box-layout .top-student-table .recent-table table tbody th:nth-child(6),
  .box-layout .top-student-table .recent-table table thead td:nth-child(2),
  .box-layout
    .top-student-table
    .recent-table
    table
    thead
    td:nth-child(3)
    .common-align
    img,
  .box-layout .top-student-table .recent-table table thead td:nth-child(4),
  .box-layout .top-student-table .recent-table table thead td:nth-child(6),
  .box-layout .top-student-table .recent-table table thead th:nth-child(2),
  .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 th:nth-child(4),
  .box-layout .top-student-table .recent-table table thead th:nth-child(6) {
    display: none;
  }
  .box-layout .attendance-data ul.balance-data {
    display: inline-flex;
    left: 0;
    position: relative;
    top: 0;
  }
  .box-layout
    .new-enroll-student
    .recent-table.table-responsive
    div.dt-container
    .dt-layout-row
    .dt-layout-cell
    .dt-search {
    left: 20px;
    margin-bottom: 20px;
    position: relative;
    top: 4px;
    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 tbody td:nth-child(2),
  .box-layout .new-enroll-student .recent-table table tbody td:nth-child(3),
  .box-layout .new-enroll-student .recent-table table tbody td:nth-child(4),
  .box-layout .new-enroll-student .recent-table table tbody th:nth-child(2),
  .box-layout .new-enroll-student .recent-table table tbody th:nth-child(3),
  .box-layout .new-enroll-student .recent-table table tbody th:nth-child(4),
  .box-layout .new-enroll-student .recent-table table thead td:nth-child(2),
  .box-layout .new-enroll-student .recent-table table thead td:nth-child(3),
  .box-layout .new-enroll-student .recent-table table thead td:nth-child(4),
  .box-layout .new-enroll-student .recent-table table thead th:nth-child(2),
  .box-layout .new-enroll-student .recent-table table thead th:nth-child(3),
  .box-layout .new-enroll-student .recent-table table thead th:nth-child(4) {
    display: none;
  }
  .box-layout .std-class-chart .apexcharts-legend {
    gap: 8px !important;
  }
  .box-layout .attendance-student-data {
    margin: 32px 0 -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-right: -58px;
    margin-top: -36px;
    width: 32px;
  }
  .box-layout .mobile-app-card .card-body img:not(.wavy) {
    height: 120px;
  }
  .box-layout .campaign-table.recent-table table tr td:nth-child(3),
  .box-layout .campaign-table.recent-table table tr td:nth-child(6),
  .box-layout .campaign-table.recent-table table tr th:nth-child(3),
  .box-layout .campaign-table.recent-table table tr th: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
    tbody
    tr
    td:last-child,
  .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
    td:nth-child(6),
  .box-layout
    .campaign-table
    .recent-table.table-responsive
    table
    tbody
    tr
    th:last-child,
  .box-layout
    .campaign-table
    .recent-table.table-responsive
    table
    tbody
    tr
    th:nth-child(3),
  .box-layout
    .campaign-table
    .recent-table.table-responsive
    table
    tbody
    tr
    th:nth-child(6),
  .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
    td:nth-child(3),
  .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:last-child,
  .box-layout
    .campaign-table
    .recent-table.table-responsive
    table
    thead
    tr
    th:nth-child(3),
  .box-layout
    .campaign-table
    .recent-table.table-responsive
    table
    thead
    tr
    th:nth-child(6) {
    display: none;
  }
  .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),
  .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) {
    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
    tbody
    tr
    td:last-child,
  .box-layout
    .currency-table.recent-table.average-sale.table-responsive
    tbody
    tr
    td:nth-child(4),
  .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
    th:nth-child(4),
  .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
    thead
    tr
    td:nth-child(4),
  .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
    th: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
    tbody
    tr
    td:last-child,
  .box-layout
    .currency-table.recent-table.performer-table.table-responsive
    tbody
    tr
    td:nth-child(3),
  .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
    th:nth-child(3),
  .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
    thead
    tr
    td:nth-child(3),
  .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
    th:nth-child(3) {
    display: none;
  }
  .box-layout
    .currency-table.recent-table.performer-table.table-responsive
    tbody
    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
    thead
    tr
    td:nth-child(5),
  .box-layout
    .currency-table.recent-table.performer-table.table-responsive
    thead
    tr
    th:nth-child(5) {
    padding-right: 20px;
  }
  .box-layout
    .currency-table.recent-table.performer-table.table-responsive
    tbody
    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
    thead
    tr
    td:nth-child(4),
  .box-layout
    .currency-table.recent-table.performer-table.table-responsive
    thead
    tr
    th: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 {
    border-bottom: none;
    display: none;
  }
  .box-layout
    .t-top-mentor
    .table-responsive
    div.dt-container
    .dt-layout-row:last-child {
    flex-direction: column;
  }
  .box-layout .t-top-mentor tbody tr td img,
  .box-layout .t-top-mentor tbody tr th img,
  .box-layout .t-top-mentor thead tr td img,
  .box-layout .t-top-mentor thead tr th img {
    height: 32px;
  }
  .box-layout .t-top-mentor tbody tr td:nth-child(3),
  .box-layout .t-top-mentor tbody tr th:nth-child(3),
  .box-layout .t-top-mentor thead tr td:nth-child(3),
  .box-layout .t-top-mentor thead tr th:nth-child(3) {
    display: none;
  }
  .box-layout .t-top-mentor tbody tr td img,
  .box-layout .t-top-mentor tbody tr th img,
  .box-layout .t-top-mentor thead tr td img,
  .box-layout .t-top-mentor thead tr th 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 tbody tr td:last-child,
  .box-layout .completed-course-table tbody tr th:last-child,
  .box-layout .completed-course-table thead tr td:last-child,
  .box-layout .completed-course-table thead tr th:last-child {
    display: none;
  }
  .box-layout .completed-course-table tbody 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 thead tr td:nth-child(2) .common-flex,
  .box-layout .completed-course-table thead tr th:nth-child(2) .common-flex {
    gap: 7px;
  }
  .box-layout .completed-course-table tbody tr td:nth-child(4),
  .box-layout .completed-course-table tbody tr th:nth-child(4),
  .box-layout .completed-course-table thead tr td:nth-child(4),
  .box-layout .completed-course-table thead tr th:nth-child(4) {
    display: none;
  }
  .box-layout .completed-course-table tbody tr td .common-flex,
  .box-layout .completed-course-table tbody tr th .common-flex,
  .box-layout .completed-course-table thead tr td .common-flex,
  .box-layout .completed-course-table thead tr th .common-flex {
    gap: 10px;
  }
  .box-layout .balance-widget .mobile-right-img {
    right: -18%;
  }
  .box-layout .recent-order table tr td:nth-child(2),
  .box-layout .recent-order table tr th:nth-child(2) {
    min-width: 97px;
  }
  .box-layout .frame-box .frame-image {
    height: 40px;
    min-width: 40px;
  }
  .box-layout .frame-box .frame-image img {
    height: 22px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 30px;
  }
  .box-layout .purchase-card.discover .card-body img {
    margin-top: -75px;
  }
  .box-layout .payment-gateway .pay-box .outer-line .outer-svg-box {
    height: 29px;
    width: 29px;
  }
  .box-layout .payment-gateway .pay-box .outer-line .outer-svg-box svg {
    height: 16px;
    width: 16px;
  }
  .box-layout .seller-table tbody tr td:nth-child(3),
  .box-layout .seller-table tbody tr th:nth-child(3),
  .box-layout .seller-table thead tr td:nth-child(3),
  .box-layout .seller-table thead tr th:nth-child(3) {
    display: none;
  }
  .box-layout
    .treading-product
    .table-responsive
    .table
    tbody
    tr
    td
    .common-flex,
  .box-layout
    .treading-product
    .table-responsive
    .table
    tbody
    tr
    th
    .common-flex,
  .box-layout
    .treading-product
    .table-responsive
    .table
    thead
    tr
    td
    .common-flex,
  .box-layout
    .treading-product
    .table-responsive
    .table
    thead
    tr
    th
    .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 {
    height: 40px;
    width: 40px;
  }
  .box-layout .widget-1 .widget-round .bg-round svg {
    height: 22px;
    width: 22px;
  }
  .box-layout .widget-1 .widget-round .bg-round .half-circle {
    bottom: -8px;
    height: 40px;
    left: -10px;
    width: 30px;
  }
  .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 {
    max-width: 225px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .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 {
    height: 44px;
    width: 44px;
  }
  .box-layout
    .recent-order-table.currency-table.recent-table
    table
    tbody
    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
    thead
    tr
    td:last-child,
  .box-layout
    .recent-order-table.currency-table.recent-table
    table
    thead
    tr
    th:last-child {
    display: none;
  }
  .box-layout
    .recent-order-table.currency-table.recent-table
    table
    tbody
    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
    thead
    tr
    td:nth-child(6),
  .box-layout
    .recent-order-table.currency-table.recent-table
    table
    thead
    tr
    th:nth-child(6) {
    padding-right: 20px;
  }
  .box-layout
    .recent-order-table.currency-table.recent-table
    table
    tbody
    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
    thead
    tr
    td:nth-child(3),
  .box-layout
    .recent-order-table.currency-table.recent-table
    table
    thead
    tr
    th:nth-child(3) {
    min-width: 80px;
  }
  .box-layout
    .recent-order-table.currency-table.recent-table
    table
    tbody
    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
    thead
    tr
    td:nth-child(4),
  .box-layout
    .recent-order-table.currency-table.recent-table
    table
    thead
    tr
    th:nth-child(4) {
    display: none;
  }
  .box-layout .appointments-wrapper li .main-box span:nth-child(2) {
    max-width: 245px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .box-layout .buy-card .card-body {
    margin-inline: 6px;
  }
  .box-layout .buy-card img,
  .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
    .candidates-box
    .table-responsive
    .dt-container
    table.dataTable
    tbody
    tr
    td:nth-child(4),
  .box-layout
    .candidates-box
    .table-responsive
    .dt-container
    table.dataTable
    tbody
    tr
    th:nth-child(4),
  .box-layout
    .candidates-box
    .table-responsive
    .dt-container
    table.dataTable
    thead
    tr
    td:nth-child(4),
  .box-layout
    .candidates-box
    .table-responsive
    .dt-container
    table.dataTable
    thead
    tr
    th:nth-child(4) {
    display: none;
  }
  .box-layout .main-companies .md-sidebar .card {
    border-radius: 0;
    margin: 0;
  }
  .box-layout .main-companies .md-sidebar .md-sidebar-aside {
    padding: 0;
    width: calc(289px + 1.875vw);
  }
  .box-layout .md-sidebar .md-sidebar-toggle {
    display: block;
  }
  .box-layout .md-sidebar .md-sidebar-aside {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 40px;
    visibility: hidden;
    width: 280px;
    z-index: 3;
  }
  .box-layout .md-sidebar .md-sidebar-aside.open {
    opacity: 1;
    visibility: visible;
  }
  .box-layout .job-sidebar {
    background-color: var(--white);
    box-shadow: 0 9px 20px rgba(46, 35, 94, 0.07);
    height: 600px;
    overflow-y: auto;
    padding: 20px;
  }
  .box-layout
    .job-sidebar
    .job-accordion
    .animate-chk
    .form-check
    .form-check-label
    span:first-child:not(.product-filter .product-rate span:first-child) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100px;
  }
  .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 {
    bottom: -22px;
    height: 170px;
  }
  .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 {
    margin-top: 0 !important;
    padding-top: 40px;
  }
  .box-layout .page-wrapper.compact-wrapper,
  .box-layout.page-wrapper.compact-wrapper {
    margin-top: 42px;
  }
  .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper,
  .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper {
    border-radius: 10px 0 0 10px;
    top: 42px;
    width: 230px;
  }
  .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 {
    border-radius: 0 0 10px;
    left: 48%;
    padding-left: 12px;
    width: 1200px;
  }
  .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 {
    height: calc(100vh - 191px);
    margin-bottom: 20px;
    margin-top: 10px;
  }
  .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .page-body,
  .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body {
    margin-left: 230px;
    margin-top: 0;
    max-height: calc(100vh - 220px);
    min-height: calc(100vh - 130px);
    overflow: scroll;
    padding-bottom: 80px;
    top: 80px;
  }
  .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-header
    .header-wrapper
    .left-header,
  .box-layout.page-wrapper.compact-sidebar
    .page-header
    .header-wrapper
    .left-header {
    width: 38%;
  }
  .box-layout .page-wrapper.compact-sidebar .page-body-wrapper,
  .box-layout.page-wrapper.compact-sidebar .page-body-wrapper {
    margin-top: 40px;
  }
  .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
    > div,
  .box-layout.page-wrapper.compact-sidebar
    .page-body-wrapper
    div.sidebar-wrapper
    > div {
    border-radius: 15px 0 0 15px;
  }
  .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 {
    height: calc(100vh - 84px);
    left: 470px;
    top: 40px;
  }
  .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 {
    margin-top: 0;
    max-height: calc(100vh - 170px);
    min-height: calc(100vh - 90px);
    overflow: scroll;
    padding-bottom: 80px;
    top: 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-header
    .left-header,
  .box-layout.page-wrapper.compact-sidebar.compact-small
    .page-header
    .left-header {
    width: 36%;
  }
  .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.compact-sidebar.compact-small.material-icon
    .page-body-wrapper
    .page-body,
  .box-layout.page-wrapper.compact-sidebar.compact-small.material-icon
    .page-body-wrapper
    .page-body {
    margin-left: 90px;
    padding-left: 15px;
  }
  .box-layout
    .page-wrapper.compact-sidebar.compact-small.material-icon
    .page-body-wrapper
    .page-body
    .default-dashboard
    .sales-report
    #sale_report,
  .box-layout.page-wrapper.compact-sidebar.compact-small.material-icon
    .page-body-wrapper
    .page-body
    .default-dashboard
    .sales-report
    #sale_report {
    margin-bottom: -18px;
  }
  .box-layout
    .page-wrapper.compact-sidebar.material-icon
    .header-wrapper
    .left-header,
  .box-layout.page-wrapper.compact-sidebar.material-icon
    .header-wrapper
    .left-header {
    width: 36%;
  }
  .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: 80px;
    max-height: calc(100vh - 230px);
    min-height: calc(100vh - 310px);
    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 {
    margin: 0;
    overflow-x: unset;
    position: relative;
    top: 80px;
    width: 1280px;
  }
  .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 {
    background-color: var(--white);
    left: 0;
    top: 125px;
    transform: translate(0);
  }
  .box-layout .page-wrapper.horizontal-wrapper .page-header,
  .box-layout.page-wrapper.horizontal-wrapper .page-header {
    padding-left: 0;
  }
  .box-layout .page-wrapper.horizontal-wrapper.box-layout,
  .box-layout.page-wrapper.horizontal-wrapper.box-layout {
    padding-top: 0;
  }
  .box-layout .page-wrapper.modern-type .page-header,
  .box-layout.page-wrapper.modern-type .page-header {
    padding-left: 0;
  }
  .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-header.close_icon,
  .box-layout.page-wrapper.modern-type .page-header.close_icon {
    padding-left: 0;
  }
  .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 {
    border-radius: 15px;
    bottom: auto;
    top: 120px;
  }
  .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 {
    left: 50%;
    margin-left: 0;
    width: 1280px;
  }
  .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 {
    border-radius: 10px 10px 0 0;
    left: 0;
    margin: 42px auto 0;
    max-width: 1280px;
    padding-left: 230px;
    right: 0;
    transition: 0.5s;
    width: unset;
  }
  .box-layout .page-wrapper .page-header.close_icon,
  .box-layout.page-wrapper .page-header.close_icon {
    margin-left: auto;
    padding-left: 80px;
    transition: 0.5s;
    width: 100%;
  }
  .box-layout .page-wrapper .page-header.close_icon .header-wrapper,
  .box-layout.page-wrapper .page-header.close_icon .header-wrapper {
    border-radius: 0 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: 0 10px 0 0;
  }
  .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
    .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,
  .box-layout.page-wrapper.horizontal-wrapper
    .page-header
    .header-wrapper
    .nav-right {
    width: 38%;
  }
  .box-layout .page-wrapper.material-type .page-body-wrapper,
  .box-layout .page-wrapper.material-type .page-body-wrapper .page-body,
  .box-layout.page-wrapper.material-type .page-body-wrapper,
  .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 {
    min-height: calc(100vh - 170px);
    padding-bottom: 40px;
    top: 0;
  }
  .box-layout
    .page-wrapper.material-icon.compact-small.compact-sidebar
    .page-body,
  .box-layout.page-wrapper.material-icon.compact-small.compact-sidebar
    .page-body {
    min-height: calc(100vh - 220px);
  }
  .box-layout .page-wrapper.advance-layout .page-header,
  .box-layout.page-wrapper.advance-layout .page-header {
    box-shadow: 0 0 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.only-body .page-header .header-wrapper,
  .box-layout.page-wrapper.only-body .page-header .header-wrapper {
    border: unset;
  }
  .box-layout .page-wrapper .page-body-wrapper,
  .box-layout.page-wrapper .page-body-wrapper {
    box-shadow: 4px 11px 25px rgba(0, 0, 0, 0.07);
    margin: 0 auto;
    overflow: hidden;
    width: 1280px;
  }
  .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) {
    border-radius: 0 0 10px 10px;
    left: 50%;
    margin: 0 auto;
    margin-bottom: 40px !important;
    padding-left: 230px;
    position: fixed;
    transform: translate(-50%);
    width: 1280px;
    z-index: 1;
  }
  .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 {
    left: 15px;
    max-width: 100%;
    position: absolute;
    width: 100%;
  }
  .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
    .main-timeline
    .basic-timeline.dark-timeline
    ul
    .d-flex
    p:last-child:not(
      .default-dashboard .main-timeline .basic-timeline ul .d-flex p:last-child
    ),
  .box-layout.page-wrapper
    .main-timeline
    .basic-timeline.dark-timeline
    ul
    .d-flex
    p:last-child:not(
      .default-dashboard .main-timeline .basic-timeline ul .d-flex p:last-child
    ) {
    width: 260px;
  }
  .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 {
    display: block;
    max-width: 238px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .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,
  .box-layout
    .page-wrapper
    .flot-chart-placeholder#donut-color-chart-morris-daily,
  .box-layout.page-wrapper .flot-chart-placeholder#donut-color-chart-morris,
  .box-layout.page-wrapper
    .flot-chart-placeholder#donut-color-chart-morris-daily {
    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.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 {
    background-color: #fff;
    border-top: 1px solid #ddd;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 81px;
    transform: translateY(-30px);
    transition: all 0.3s linear;
    visibility: hidden;
    z-index: 9;
  }
  .box-layout .page-wrapper .chat-menu.show,
  .box-layout.page-wrapper .chat-menu.show {
    opacity: 1;
    padding-bottom: 25px;
    transform: translateY(0);
    transition: all 0.3s linear;
    visibility: visible;
  }
  .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 {
    left: 0;
    margin: 0 auto;
    right: 0;
    width: 1280px;
  }
  .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 0;
  }
  .box-layout .visit-duration-wrapper {
    margin: -42px 35px -30px 0;
  }
}
@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 {
    height: 68px;
    width: 68px;
  }
}
@media (max-width: 1485px) and (min-width: 1446px) {
  .box-layout .payment-methods .bg-payment {
    height: 64px;
    width: 64px;
  }
}
@media (max-width: 1445px) and (min-width: 1456px) {
  .box-layout .payment-methods .bg-payment {
    height: 64px;
    width: 64px;
  }
}
@media (max-width: 1455px) and (min-width: 1200px) {
  .box-layout .payment-methods .bg-payment {
    height: 60px;
    width: 60px;
  }
}
@media (max-width: 1410px) {
  .box-layout .std-class-chart .apexcharts-legend {
    gap: 0 !important;
  }
}
.sidebar-panel-main {
  bottom: 80px;
  position: fixed;
  right: 30px;
  z-index: 9;
}
@media (max-width: 575px) {
  .sidebar-panel-main {
    display: none;
  }
}
.sidebar-panel-main ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.sidebar-panel-main ul .icon-btn {
  align-items: center;
  border-radius: 50%;
  box-shadow: 0 0 10px #7366ff;
  display: inline-flex;
  height: 40px;
  justify-content: center;
  width: 40px;
}
.sidebar-panel-main ul .icon-btn i {
  color: #fff;
  font-size: 18px;
}
.sidebar-panel-main ul li {
  position: relative;
}
.sidebar-panel-main ul li span {
  background-color: #e8e5ff;
  border-radius: 5px;
  box-shadow: 0 0 37px rgba(8, 21, 66, 0.1);
  color: var(--theme-default);
  display: block;
  opacity: 0;
  padding: 7px 10px;
  position: absolute;
  right: -35px;
  text-align: right;
  top: 0;
  transform: scale(0);
  transition: all 0.3s ease;
  width: -moz-max-content;
  width: max-content;
}
.sidebar-panel-main ul li:hover span {
  right: 48px;
}
.sidebar-panel-main ul li:hover span,
.sidebar-panel-main ul li:hover:after {
  opacity: 1;
  transform: scale(1);
  transition: all 0.3s ease;
}
.sidebar-panel-main ul li:after {
  border-color: transparent transparent transparent #e8e5ff;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  color: #fff;
  content: "";
  height: 0;
  left: -10px;
  opacity: 0;
  position: absolute;
  top: 12px;
  transform: scale(0);
  transition: all 0.3s ease;
  width: 0;
  z-index: 2;
}
.layout-sidebar,
.setting-sidebar {
  background-color: var(--white);
  box-shadow: 0 0 10px 1px rgba(68, 102, 242, 0.05);
  height: 100%;
  position: fixed;
  right: -400px;
  top: 0;
  transition: all 0.3s ease;
  width: 370px;
  z-index: 999;
}
@media (max-width: 575px) {
  .layout-sidebar,
  .setting-sidebar {
    display: none;
  }
}
.layout-sidebar.open,
.setting-sidebar.open {
  right: 0;
  transition: all 0.3s ease;
}
.layout-sidebar h4,
.setting-sidebar h4 {
  font-weight: 500;
}
.layout-sidebar .customizer-header,
.setting-sidebar .customizer-header {
  background: var(--theme-default);
  padding: 10px 20px;
}
.layout-sidebar .customizer-header p i,
.setting-sidebar .customizer-header p i {
  margin-left: 4px;
}
.layout-sidebar .customizer-header .theme-title,
.setting-sidebar .customizer-header .theme-title {
  align-items: center;
  display: flex;
}
.layout-sidebar .customizer-header .theme-title h4,
.layout-sidebar .customizer-header .theme-title p,
.setting-sidebar .customizer-header .theme-title h4,
.setting-sidebar .customizer-header .theme-title p {
  color: #fff;
}
.layout-sidebar
  .customizer-header
  .theme-title
  .flex-grow-1
  .icon-btn.btn-outline-light,
.setting-sidebar
  .customizer-header
  .theme-title
  .flex-grow-1
  .icon-btn.btn-outline-light {
  align-items: center;
  background-color: #fff;
  border-radius: 100%;
  color: #7366ff;
  cursor: pointer;
  display: inline-flex;
  height: 37px;
  justify-content: center;
  transition: all 1s ease;
  width: 37px;
}
.layout-sidebar
  .customizer-header
  .theme-title
  .flex-grow-1
  .icon-btn.btn-outline-light:hover,
.setting-sidebar
  .customizer-header
  .theme-title
  .flex-grow-1
  .icon-btn.btn-outline-light:hover {
  transform: rotate(1turn);
}
.layout-sidebar
  .customizer-header
  .theme-title
  .flex-grow-1
  .icon-btn.btn-outline-light
  i,
.setting-sidebar
  .customizer-header
  .theme-title
  .flex-grow-1
  .icon-btn.btn-outline-light
  i {
  color: var(--theme-default);
  font-size: 18px;
}
.layout-sidebar .customizer-body,
.setting-sidebar .customizer-body {
  max-height: calc(100vh - 68px);
  overflow-y: scroll;
  padding: 15px 25px;
}
.layout-sidebar .customizer-body .color-body .color-img,
.setting-sidebar .customizer-body .color-body .color-img {
  border: 5px solid rgba(115, 102, 255, 0.3);
  border-radius: 10px;
  position: relative;
}
.layout-sidebar .customizer-body .color-body .color-img img,
.setting-sidebar .customizer-body .color-body .color-img img {
  border-radius: 5px;
  left: 0;
  transition: all 1s;
}
.layout-sidebar .customizer-body .color-body .color-img img:hover,
.setting-sidebar .customizer-body .color-body .color-img img:hover {
  transform: scale(1.1);
}
.layout-sidebar .customizer-body .color-body .color-img .customizer-overlay,
.setting-sidebar .customizer-body .color-body .color-img .customizer-overlay {
  background: transparent;
  border-radius: 5px;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: background 0.5s ease;
  width: 100%;
}
.layout-sidebar .customizer-body .color-body .color-img .color-btn,
.setting-sidebar .customizer-body .color-body .color-img .color-btn {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.35s ease;
  width: 100%;
}
.layout-sidebar .customizer-body .color-body .color-img .color-btn a,
.setting-sidebar .customizer-body .color-body .color-img .color-btn a {
  border: 2px solid #fff;
  color: #fff;
  font-size: 12px;
  padding: 3px 6px;
  text-align: center;
  z-index: 1;
}
.layout-sidebar
  .customizer-body
  .color-body
  .color-img:hover
  .customizer-overlay,
.setting-sidebar
  .customizer-body
  .color-body
  .color-img:hover
  .customizer-overlay {
  background: rgba(0, 0, 0, 0.3);
  display: block;
}
.layout-sidebar .customizer-body .color-body .color-img:hover .color-btn,
.setting-sidebar .customizer-body .color-body .color-img:hover .color-btn {
  opacity: 1;
}
.layout-sidebar .customizer-body .radio-form,
.setting-sidebar .customizer-body .radio-form {
  align-items: center;
  gap: 0;
  justify-content: space-evenly;
}
.layout-sidebar .customizer-body .sidebar-body .radio-wrapper li,
.setting-sidebar .customizer-body .sidebar-body .radio-wrapper li {
  height: unset;
  padding: 8px 15px;
  width: unset;
}
.layout-sidebar
  .customizer-body
  .sidebar-body
  .radio-wrapper
  li
  .form-check-input,
.setting-sidebar
  .customizer-body
  .sidebar-body
  .radio-wrapper
  li
  .form-check-input {
  cursor: pointer;
}
.layout-sidebar
  .customizer-body
  .sidebar-body
  .radio-wrapper
  li
  .form-check-input:checked
  ~ .form-check-label
  .stroke-icon,
.setting-sidebar
  .customizer-body
  .sidebar-body
  .radio-wrapper
  li
  .form-check-input:checked
  ~ .form-check-label
  .stroke-icon {
  stroke: var(--theme-default);
}
.layout-sidebar
  .customizer-body
  .sidebar-body
  .radio-wrapper
  li
  .form-check-input:checked
  ~ .form-check-label
  .fill-icon,
.setting-sidebar
  .customizer-body
  .sidebar-body
  .radio-wrapper
  li
  .form-check-input:checked
  ~ .form-check-label
  .fill-icon {
  fill: #7366ff;
}
.layout-sidebar
  .customizer-body
  .sidebar-body
  .radio-wrapper
  li
  .form-check-input:checked
  ~ .form-check-label
  span,
.setting-sidebar
  .customizer-body
  .sidebar-body
  .radio-wrapper
  li
  .form-check-input:checked
  ~ .form-check-label
  span {
  color: var(--theme-default);
}
.layout-sidebar
  .customizer-body
  .sidebar-body
  .radio-wrapper
  li
  .form-check-label,
.setting-sidebar
  .customizer-body
  .sidebar-body
  .radio-wrapper
  li
  .form-check-label {
  align-items: center;
  display: flex;
  margin-bottom: 0 !important;
}
.layout-sidebar
  .customizer-body
  .sidebar-body
  .radio-wrapper
  li
  .form-check-label
  .stroke-icon,
.setting-sidebar
  .customizer-body
  .sidebar-body
  .radio-wrapper
  li
  .form-check-label
  .stroke-icon {
  stroke: var(--light-font);
}
.layout-sidebar
  .customizer-body
  .sidebar-body
  .radio-wrapper
  li
  .form-check-label
  .fill-icon,
.setting-sidebar
  .customizer-body
  .sidebar-body
  .radio-wrapper
  li
  .form-check-label
  .fill-icon {
  fill: var(--light-font);
}
.layout-sidebar
  .customizer-body
  .sidebar-body
  .radio-wrapper
  li
  .form-check-label
  span,
.setting-sidebar
  .customizer-body
  .sidebar-body
  .radio-wrapper
  li
  .form-check-label
  span {
  color: var(--light-font);
}
.layout-sidebar .customizer-body .layout-grid.customizer-mix .color-layout,
.setting-sidebar .customizer-body .layout-grid.customizer-mix .color-layout {
  border: 1px solid #f6f7fb;
  border-radius: 5px;
  height: 70px;
  width: 80px;
}
.layout-sidebar .customizer-body .layout-grid.customizer-mix .common-layout,
.setting-sidebar .customizer-body .layout-grid.customizer-mix .common-layout {
  position: relative;
}
.layout-sidebar
  .customizer-body
  .layout-grid.customizer-mix
  .common-layout
  span.badge,
.setting-sidebar
  .customizer-body
  .layout-grid.customizer-mix
  .common-layout
  span.badge {
  background: hsla(0, 0%, 80%, 0.5);
  left: 50%;
  line-height: normal;
  padding: 4px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.layout-sidebar .customizer-body ul.customizer-mix .color-layout,
.setting-sidebar .customizer-body ul.customizer-mix .color-layout {
  border: 1px solid #b8b8b8;
  border-radius: 6px;
  cursor: pointer;
  display: inline-block;
  height: 35px;
  margin-bottom: 7px;
  margin-right: 7px;
  opacity: 0.9;
  padding: 3px;
  position: relative;
  width: 35px;
}
.layout-sidebar
  .customizer-body
  ul.customizer-mix
  .color-layout[data-attr="color-2"]
  div,
.setting-sidebar
  .customizer-body
  ul.customizer-mix
  .color-layout[data-attr="color-2"]
  div {
  background-color: #0f2c59;
}
.layout-sidebar
  .customizer-body
  ul.customizer-mix
  .color-layout[data-attr="color-3"]
  div,
.setting-sidebar
  .customizer-body
  ul.customizer-mix
  .color-layout[data-attr="color-3"]
  div {
  background-color: #7a3e65;
}
.layout-sidebar
  .customizer-body
  ul.customizer-mix
  .color-layout[data-attr="color-4"]
  div,
.setting-sidebar
  .customizer-body
  ul.customizer-mix
  .color-layout[data-attr="color-4"]
  div {
  background-color: #025464;
}
.layout-sidebar
  .customizer-body
  ul.customizer-mix
  .color-layout[data-attr="color-5"]
  div,
.setting-sidebar
  .customizer-body
  ul.customizer-mix
  .color-layout[data-attr="color-5"]
  div {
  background-color: #3e64ff;
}
.layout-sidebar
  .customizer-body
  ul.customizer-mix
  .color-layout[data-attr="color-6"]
  div,
.setting-sidebar
  .customizer-body
  ul.customizer-mix
  .color-layout[data-attr="color-6"]
  div {
  background-color: #506d84;
}
.layout-sidebar .customizer-body li,
.setting-sidebar .customizer-body li {
  cursor: pointer;
  opacity: 0.9;
}
.layout-sidebar .customizer-body li.active,
.setting-sidebar .customizer-body li.active {
  opacity: 1;
}
.layout-sidebar .customizer-body .main-layout > li,
.setting-sidebar .customizer-body .main-layout > li {
  border: 1px solid #f4f4f4;
  border-radius: 10px;
  display: inline-block;
  height: 65px;
  width: 85px;
}
.layout-sidebar .customizer-body .main-layout > li + li,
.setting-sidebar .customizer-body .main-layout > li + li {
  margin-left: 7px;
}
.layout-sidebar .customizer-body .main-layout .box-layout .body .badge,
.setting-sidebar .customizer-body .main-layout .box-layout .body .badge {
  left: 11px;
}
.layout-sidebar .customizer-body h6,
.setting-sidebar .customizer-body h6 {
  color: #000;
  font-weight: 500;
  letter-spacing: 0.5px;
  margin-bottom: 5px;
  margin-top: 12px;
  padding-top: 12px;
  text-transform: uppercase;
}
.layout-sidebar .customizer-body h6:first-child,
.setting-sidebar .customizer-body h6:first-child {
  margin-top: 0;
  padding-top: 0;
}
.layout-sidebar .customizer-body .layout-link,
.setting-sidebar .customizer-body .layout-link {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: flex-start;
}
.layout-sidebar .customizer-body .layout-link li,
.setting-sidebar .customizer-body .layout-link li {
  background-color: #f4f4f4;
  border-radius: 4px;
}
.layout-sidebar .customizer-body .layout-link li a,
.setting-sidebar .customizer-body .layout-link li a {
  color: #52526c;
  display: block;
  padding: 10px 16px;
}
.layout-sidebar .customizer-body .layout-link li a i,
.setting-sidebar .customizer-body .layout-link li a i {
  color: #52526c;
  font-size: 20px;
  margin-right: 6px;
  vertical-align: -4px;
}
.layout-sidebar .sidebar-setting > li,
.layout-sidebar .sidebar-type > li,
.setting-sidebar .sidebar-setting > li,
.setting-sidebar .sidebar-type > li {
  border: 1px solid #e9edf1;
  border-radius: 5px;
  display: inline-block;
  height: 70px;
  width: 85px;
}
.layout-sidebar .sidebar-setting > li + li,
.layout-sidebar .sidebar-type > li + li,
.setting-sidebar .sidebar-setting > li + li,
.setting-sidebar .sidebar-type > li + li {
  margin-left: 7px;
}
.layout-sidebar
  .sidebar-type
  li[data-attr="normal-sidebar"]
  .body
  ul
  li.bg-dark,
.layout-sidebar
  .sidebar-type
  li[data-attr="normal-sidebar"]
  .body
  ul
  li.sidebar,
.setting-sidebar
  .sidebar-type
  li[data-attr="normal-sidebar"]
  .body
  ul
  li.bg-dark,
.setting-sidebar
  .sidebar-type
  li[data-attr="normal-sidebar"]
  .body
  ul
  li.sidebar {
  display: block;
  height: 10px;
  width: 100%;
}
.layout-sidebar
  .sidebar-type
  li[data-attr="normal-sidebar"]
  .body
  ul
  li.bg-light,
.layout-sidebar .sidebar-type li[data-attr="normal-sidebar"] .body ul li.body,
.setting-sidebar
  .sidebar-type
  li[data-attr="normal-sidebar"]
  .body
  ul
  li.bg-light,
.setting-sidebar .sidebar-type li[data-attr="normal-sidebar"] .body ul li.body {
  height: calc(100% - 10px);
  width: 100%;
}
.layout-sidebar
  .sidebar-type
  li[data-attr="normal-sidebar"].body-compact
  .body
  ul
  li.body,
.setting-sidebar
  .sidebar-type
  li[data-attr="normal-sidebar"].body-compact
  .body
  ul
  li.body {
  width: calc(100% - 25px);
}
.layout-sidebar .layout-types > li,
.setting-sidebar .layout-types > li {
  height: unset;
  margin-bottom: 20px;
  width: unset;
}
.layout-sidebar .layout-types > li .layout-img h6,
.setting-sidebar .layout-types > li .layout-img h6 {
  padding-top: 0;
  text-align: center;
  text-transform: inherit;
}
.layout-sidebar .layout-types .box-layout,
.setting-sidebar .layout-types .box-layout {
  background: unset;
}
.layout-sidebar .color-layout,
.setting-sidebar .color-layout {
  border: 1px solid #b8b8b8;
  border-radius: 6px;
  display: inline-block;
  height: 35px;
  margin-right: 10px;
  padding: 3px;
  width: 35px;
}
.layout-sidebar .color-layout > div,
.setting-sidebar .color-layout > div {
  background-color: #7366ff;
  border-radius: 5px;
  height: 100%;
  width: 100%;
}
.layout-sidebar .color-layout[data-attr="color-2"] div,
.setting-sidebar .color-layout[data-attr="color-2"] div {
  background-color: #4831d4;
}
.layout-sidebar .color-layout[data-attr="color-3"] div,
.setting-sidebar .color-layout[data-attr="color-3"] div {
  background-color: #d64dcf;
}
.layout-sidebar .color-layout[data-attr="color-4"] div,
.setting-sidebar .color-layout[data-attr="color-4"] div {
  background-color: #4c2fbf;
}
.layout-sidebar .color-layout[data-attr="color-5"] div,
.setting-sidebar .color-layout[data-attr="color-5"] div {
  background-color: #7c4dff;
}
.layout-sidebar .color-layout[data-attr="color-6"] div,
.setting-sidebar .color-layout[data-attr="color-6"] div {
  background-color: #3949ab;
}
.layout-sidebar .dark > li,
.setting-sidebar .dark > li {
  background-color: #2f3c4e;
}
.layout-sidebar .fade:not(.show),
.setting-sidebar .fade:not(.show) {
  display: none;
}
.layout-sidebar .unlimited-color-layout,
.setting-sidebar .unlimited-color-layout {
  align-items: center;
  display: flex;
}
.layout-sidebar .unlimited-color-layout .btn,
.setting-sidebar .unlimited-color-layout .btn {
  font-size: 15px;
  padding: 4px 20px;
}
.layout-sidebar .unlimited-color-layout input,
.setting-sidebar .unlimited-color-layout input {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  height: 35px;
  margin-right: 5px;
  width: 35px;
}
.customizer-links {
  box-shadow: 0 0 37px rgba(8, 21, 66, 0.1);
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 8;
}
.customizer-links > .nav {
  background-color: #fff;
  border-radius: 8px;
  padding: 10px;
}
.customizer-links.open {
  border-radius: 8px 0 0 8px;
  right: 330px;
  transition: all 0.3s ease;
}
.customizer-links .nav-link {
  padding: 0;
  position: relative;
}
.customizer-links .nav-link:before {
  background-color: rgba(115, 102, 255, 0.1);
  border-radius: 5px;
  height: 100%;
  width: 100%;
}
.customizer-links .nav-link:after,
.customizer-links .nav-link:before {
  content: "";
  position: absolute;
  transform: scale(0);
  transition: all 0.3s ease;
}
.customizer-links .nav-link:after {
  border-color: transparent transparent transparent #e8e6ff;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  color: #fff;
  height: 0;
  left: -10px;
  opacity: 0;
  top: 12px;
  width: 0;
  z-index: 2;
}
.customizer-links .nav-link:hover i {
  color: var(--theme-default);
}
.customizer-links .nav-link:hover span,
.customizer-links .nav-link:hover:after,
.customizer-links .nav-link:hover:before {
  opacity: 1;
  transform: scale(1);
  transition: all 0.3s ease;
}
.customizer-links .nav-link:hover span {
  right: 48px;
}
.customizer-links .nav-link + .nav-link {
  margin-bottom: 5px;
}
.customizer-links .nav-link span {
  background-color: #e8e6ff;
  border-radius: 5px;
  box-shadow: 0 0 37px rgba(8, 21, 66, 0.1);
  color: var(--theme-default);
  display: block;
  opacity: 0;
  padding: 7px 10px;
  position: absolute;
  right: -60px;
  text-align: right;
  top: 0;
  transform: scale(0);
  transition: all 0.3s ease;
  width: -moz-max-content;
  width: max-content;
}
.customizer-links .nav-link i {
  border-radius: 5px;
  color: gray;
  cursor: pointer;
  display: inline-block;
  font-size: 17px;
  margin: 0;
  padding: 8px 10px;
}
.customizer-contain {
  background-color: #fff;
  direction: ltr;
  height: 100vh;
  position: fixed;
  right: -335px;
  top: 79px;
  transition: all 0.3s ease;
  width: 333px;
  z-index: 8;
}
.customizer-contain.open {
  box-shadow: 0 0 10px 1px rgba(68, 102, 242, 0.05);
  right: 0;
  transition: all 0.3s ease;
}
.customizer-contain li {
  position: relative;
}
.customizer-contain li.active {
  box-shadow: 0 0 11px 5px hsla(0, 0%, 89%, 0.5);
}
.customizer-contain .customizer-header {
  border-bottom: 1px solid #f4f4f4;
  padding: 15px 25px;
}
.customizer-contain .customizer-header .icon-close {
  color: var(--theme-default);
  cursor: pointer;
  font-size: 18px;
  font-weight: 900;
  position: absolute;
  right: 24px;
}
.customizer-contain .customizer-header h5 {
  color: #000;
  text-transform: uppercase;
}
.customizer-contain .customizer-body {
  max-height: calc(100vh - 200px);
  overflow-y: scroll;
  padding: 15px 25px;
}
.layout-grid:not(.customizer-color) li {
  padding: 5px;
}
.layout-grid:not(.customizer-color) li > .header {
  border-radius: 3px;
  height: 9px;
  position: relative;
}
.layout-grid:not(.customizer-color) li > .header ul {
  left: 5px;
  position: absolute;
  top: -8px;
}
.layout-grid:not(.customizer-color) li > .header ul > li {
  background-color: var(--theme-default);
  border-radius: 5px;
  display: inline-block;
  height: 4px;
  margin-right: 2px;
  padding: 0;
  top: calc(50% - 3px);
  width: 4px;
}
.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;
  border-radius: 3px;
  height: calc(100% - 16px);
  line-height: 3.1;
  margin-top: 5px;
  position: relative;
  text-align: center;
}
.layout-grid:not(.customizer-color) li > .body ul {
  background-color: #fff;
  height: 100%;
}
.layout-grid:not(.customizer-color) li > .body ul .sidebar {
  border-radius: 3px;
  display: inline-block;
  height: 100%;
  margin-right: 3px;
  padding: 0;
  width: 18px;
}
.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 {
  align-items: center;
  border-radius: 3px;
  display: inline-flex;
  height: 100%;
  justify-content: center;
  margin: 0;
  padding: 0;
  width: calc(100% - 25px);
}
.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;
}
.jsgrid-filter-row input,
.jsgrid-filter-row select {
  background: #fff;
  border: 1px solid #f2f4ff;
  padding: 6px 10px;
}
.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 {
  background: var(--white);
  border-top: 1px solid #efefef;
  color: #2b2b2b;
  font-size: 13px;
  opacity: 0.6;
  padding: 6px 16px;
}
.dropdown-basic .dropdown .dropdown-content a:hover {
  background-color: #fff;
}
.dropdown-basic .dropdown .dropdown-content .dropdown-header {
  color: #3f475a;
  font-size: 13px;
  font-weight: 400;
  padding: 8px 16px;
}
.dropdown-basic .dropup .dropup-content {
  top: auto;
}
.default-according .card .card-header {
  border: none;
  border-radius: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 0;
}
.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 {
  display: inline-block;
  font-size: 20px;
  margin-right: 5px;
  position: static;
  vertical-align: text-bottom;
}
[dir="rtl"] .default-according .card .card-header i {
  margin-left: 5px;
  margin-right: unset;
}
.default-according .card .card-header h5 {
  margin-top: 0;
}
.default-according .card .card-header .btn-link {
  border: 1px solid #efefef;
  border-radius: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  font-family: Roboto;
  font-size: calc(13.6px + 0.125vw);
  font-weight: 500;
  letter-spacing: 0.7px;
  padding: 12px 20px;
  text-align: left;
  width: 100%;
}
[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 {
  border-color: #efefef;
  border-radius: 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  color: #3f475a;
  font-size: 14px;
  line-height: 22px;
  padding: 15px 20px;
}
.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 {
  border: none;
  box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  padding: 0;
  z-index: 2;
}
.dropdown-menu .dropdown-item {
  background: var(--white);
  border-top: 1px solid #efefef;
  color: #2b2b2b;
  font-size: 13px;
  opacity: 0.6;
  padding: 6px 12px;
}
.dropdown-menu .dropdown-item:hover {
  background-color: #ccc;
}
.dropdown-menu .dropdown-item:first-child {
  border: none;
}
.dropdown-menu .dropdown-divider {
  border-top: 1px solid #ccc;
  margin: 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-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 {
  border-color: var(--theme-default);
  box-shadow: unset;
}
.job-filter .faq-form .form-control {
  font-size: 14px;
  padding: 6px 30px 6px 6px;
}
.job-filter .faq-form .search-icon {
  height: 16px;
  width: 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 {
  background-color: rgba(38, 41, 50, 0.51);
  bottom: 0;
  left: 0;
  padding: 26px 10px;
  right: 0;
  width: 100%;
}
.carousel-item .carousel-caption h5,
.carousel-item .carousel-caption p {
  color: #fff;
}
.carousel-item .carousel-opacity {
  background-color: hsla(0, 0%, 96%, 0.51);
}
.carousel-dark .carousel-caption h5,
.carousel-dark .carousel-caption p {
  color: #000;
}
.carousel .carousel-control-next-icon,
.carousel .carousel-control-prev-icon {
  height: calc(21.2px + 0.5625vw);
  width: calc(21.2px + 0.5625vw);
}
.swiper.swiper-h,
.swiper.vertical-swiper {
  height: calc(104px + 20.625vw);
}
.swiper .swiper-button-next:after,
.swiper .swiper-button-prev:after {
  font-size: calc(21.2px + 0.5625vw);
}
.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-next,
.autoplay-swiper .swiper-button-prev {
  color: var(--white);
}
.thumb-swiper-wrapper .swiper {
  height: 100%;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.thumb-swiper-wrapper .swiper-slide {
  align-items: center;
  background: var(--white);
  background-position: 50%;
  background-size: cover;
  display: flex;
  font-size: 18px;
  justify-content: center;
  text-align: center;
}
.thumb-swiper-wrapper .swiper-slide img {
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.thumb-swiper-wrapper body {
  background: #3f475a;
  color: #3f475a;
}
.thumb-swiper-wrapper .mySwiper2 {
  height: 80%;
  width: 100%;
}
.thumb-swiper-wrapper .mySwiper {
  box-sizing: border-box;
  height: 20%;
  padding: 10px 0;
}
.thumb-swiper-wrapper .mySwiper .swiper-slide {
  height: 100%;
  opacity: 0.4;
  width: 25%;
}
.thumb-swiper-wrapper .mySwiper .swiper-slide-thumb-active {
  opacity: 1;
}
.coverflow-slider.swiper {
  width: 100%;
}
.coverflow-slider.swiper .swiper-slide {
  background-position: 50%;
  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 {
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.animate-img .animate-widget img {
  border-radius: 15px 15px 0 0;
  height: calc(158px + 10vw);
  margin: 0 auto;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.animated-modal-wrapper .common-align {
  flex-direction: column;
  gap: 26px;
}
.animated-modal-wrapper .animated-modal {
  align-items: stretch;
  flex-flow: column;
  gap: 15px;
  justify-content: center;
  margin-bottom: 0;
}
.animated-modal-wrapper .animated-modal .animated-modal-md-mb {
  align-items: center;
  justify-content: 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 {
    margin-inline: 12px;
    width: 85% !important;
  }
}
.modal-popup.modal {
  left: 50%;
  top: 20%;
  transform: translate(-50%);
}
.modal-popup.modal .modal-dialog {
  pointer-events: all;
}
.modal-popup.modal .modal-dialog .theme-close {
  cursor: pointer;
  font-size: calc(11.6px + 0.125vw);
  height: calc(22px + 0.9375vw);
  width: calc(22px + 0.9375vw);
}
.modal-popup.modal .modal-dialog .theme-close:hover {
  opacity: 1;
}
.animate-widget img {
  border-radius: 10px 10px 0 0;
}
.add-post form .form-control:focus {
  border: 1px solid var(--recent-dashed-border);
  box-shadow: unset;
}
.add-post form .m-checkbox-inline label {
  cursor: pointer;
}
.starter-main .alert-primary.inverse {
  border-color: #7366ff;
  color: #3f475a;
  padding: 13px 20px 13px 65px;
}
[dir="rtl"] .starter-main .alert-primary.inverse {
  padding: 13px 65px 13px 20px;
}
.starter-main .alert-primary.inverse:before {
  border-bottom: 7px solid transparent;
  border-left: 7px solid #7366ff;
  border-top: 7px solid transparent;
  content: "";
  height: 0;
  left: 55px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
}
[dir="rtl"] .starter-main .alert-primary.inverse:before {
  border-left: unset;
  border-right: 7px solid #7366ff;
  left: unset;
  right: 55px;
}
.starter-main .alert-primary.inverse i {
  align-items: center;
  background-color: #7366ff;
  border-radius: 0 0 0 3px;
  color: #fff;
  display: flex;
  height: 100%;
  left: 0;
  padding: 17px 20px;
  position: absolute;
  top: 0;
}
[dir="rtl"] .starter-main .alert-primary.inverse i {
  left: unset;
  right: 0;
}
.helper-classes {
  margin-bottom: 0;
  padding: 30px;
  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 {
  list-style-type: disc;
  margin-bottom: 15px;
  padding-left: 30px;
}
.starter-main .card-body h5 {
  font-size: 18px;
}
.starter-main .card-body pre {
  padding: 30px;
  white-space: pre-line;
}
.starter-main .alert {
  background-color: rgba(68, 102, 242, 0.2) !important;
}
.starter-main .alert i {
  align-items: center;
  display: flex;
}
.card-block .table-responsive .table caption {
  padding-left: 10px;
}
[dir="rtl"] .card-block .table-responsive .table caption {
  padding-left: unset;
  padding-right: 10px;
  text-align: right;
}
.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 {
  color: #65c15c;
  display: none;
}
.animated-dropfile .imgupload.stop {
  color: #fc564a;
  display: none;
}
.animated-dropfile #fileup {
  bottom: 34px;
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  height: 35px;
  left: 50%;
  opacity: 0;
  -moz-opacity: 0;
  position: absolute;
  transform: translateX(-50%);
  width: 200px;
}
.animated-dropfile #submitbtn {
  display: none;
  padding: 5px 50px;
}
.animated-dropfile #fakebtn {
  padding: 5px 40px;
}
.animated-dropfile #sign {
  bottom: 10px;
  color: #1e2832;
  position: fixed;
  right: 10px;
  text-shadow: 0 0 0 #1e2832;
  transition: all 0.3s;
}
.animated-dropfile #sign:hover {
  color: #1e2832;
  text-shadow: 0 0 5px #1e2832;
}
.element-draggable {
  background-color: #f1edf3;
  color: #29262b;
  margin-top: 14px;
  padding: 1rem;
  transition: opacity 0.2s ease;
}
.element-draggable:first-child {
  margin-top: 0;
}
.dragging {
  opacity: 0.5;
  transition: opacity 1s ease;
}
.reload-icon {
  font-size: 12px;
  position: absolute;
  right: 20px;
  top: 20px;
}
.button-light-light {
  background-color: hsla(0, 0%, 96%, 0.5) !important;
}
.bootstrap-select {
  width: 100% !important;
}
.bootstrap-select .dropdown-toggle {
  background-color: var(--white) !important;
  border-color: #ccc !important;
  border-radius: 6px;
  color: #898989;
  width: 100%;
}
.bootstrap-select .dropdown-toggle:focus {
  outline: unset !important;
}
.bootstrap-select .dropdown-toggle:after {
  font-size: 15px;
}
.bootstrap-select .dropdown-menu {
  width: 100%;
}
.bootstrap-select .dropdown-menu .no-results {
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.todo-wrap.email-wrap .email-app-sidebar .main-menu > li a .badge {
  color: #fff;
}
.todo-wrap.email-wrap .email-app-sidebar .main-menu > li + li {
  padding-top: 18px;
}
.todo-wrap.email-wrap
  .email-app-sidebar
  .main-menu
  li
  span[class*="bg-light-"] {
  border-radius: 50%;
  display: grid;
  min-height: 35px;
  min-width: 35px;
  place-items: center;
}
.todo-wrap.email-wrap .todo-tasks .card-body {
  height: 350px;
  overflow: auto;
}
.todo-wrap.email-wrap .todo-tasks .card-body .task-date {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-left: auto;
}
@media (max-width: 575px) {
  .todo-wrap.email-wrap .todo-tasks .card-body .task-date {
    justify-content: space-between;
    margin: 0;
    width: 100%;
  }
  .todo-wrap.email-wrap .todo-tasks .card-body .task-date span {
    padding: 0;
  }
}
.todo-wrap.email-wrap .todo-tasks button,
.todo-wrap.email-wrap .todo-tasks input {
  border: none;
  border-radius: 4px;
  outline: none;
  padding: 8px;
}
.todo-wrap.email-wrap .todo-tasks input {
  border: 1px solid var(--theme-default);
}
.todo-wrap.email-wrap .todo-tasks input.form-check-input {
  margin: 0;
}
.todo-wrap.email-wrap .todo-tasks button {
  background-color: var(--theme-default);
  color: #fff;
  cursor: pointer;
}
.todo-wrap.email-wrap .todo-tasks button i {
  color: #fff;
}
.todo-wrap.email-wrap .todo-tasks li {
  align-items: center;
  background-color: hsla(0, 0%, 80%, 0.2);
  border-radius: 4px;
  display: flex;
  margin-bottom: 10px;
  padding: 12px;
}
.todo-wrap.email-wrap .todo-tasks li:last-child {
  margin-bottom: 0;
}
.todo-wrap.email-wrap .todo-tasks li.form-check-input {
  margin: 0;
}
.todo-wrap.email-wrap .todo-tasks li span {
  display: -webkit-box;
  max-width: 100%;
  padding-inline: 12px;
  -webkit-line-clamp: 3;
  height: auto;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.todo-wrap.email-wrap .todo-tasks .completed {
  -webkit-text-decoration: 2px line-through #fc564a;
  text-decoration: 2px line-through #fc564a;
}
.todo-wrap.email-wrap .todo-tasks .delete-button {
  margin-left: auto;
  min-height: 30px;
  min-width: 30px;
  padding: 0;
}
@media (max-width: 575px) {
  .todo-wrap.email-wrap .todo-tasks li {
    flex-wrap: wrap;
    gap: 8px;
  }
  .todo-wrap.email-wrap .todo-tasks li span:not(.c-o-light) {
    padding: 0;
  }
}
.tilt-showcase .sub-title {
  border-bottom: 0 !important;
}
.tilt-showcase pre {
  margin-top: 7px;
  padding: 12px;
}
.support-ticket-font ul {
  font-size: 13px;
}
.ecommerce-widget {
  border: 1px solid #f1f3ff !important;
  border-radius: 5px;
  box-shadow: none;
}
.ecommerce-widget .total-num {
  color: #404040;
  letter-spacing: 1px;
  margin: 0;
}
.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;
  cursor: pointer;
  margin: 0;
}
.ecommerce-widget .icon {
  color: #efefef;
  font-size: 40px;
}
.ecommerce-widget .flot-chart-container {
  border: transparent;
  height: 100px;
  margin: 0;
  padding: 0;
}
.ecommerce-widget .morris-default-style {
  display: none !important;
}
.ecommerce-widget svg {
  filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.3));
}
.typeahead-wrapper .tt-menu {
  z-index: 6 !important;
}
.api-manage .card-header .btn i {
  vertical-align: middle;
}
.api-management .recent-table div.dt-container .dt-layout-row .dt-search {
  right: 145px;
  top: 20px;
}
@media (max-width: 640px) and (min-width: 576px) {
  .api-management .recent-table div.dt-container .dt-layout-row .dt-search {
    left: unset;
    position: absolute;
  }
}
@media (max-width: 575px) {
  .api-management .recent-table div.dt-container .dt-layout-row .dt-search {
    top: 0;
  }
}
.api-management
  .recent-table
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input {
  border-radius: 6px;
  padding: 6px;
  width: auto;
}
.api-management .recent-table div.dt-container .dt-layout-row .dt-length {
  top: 23px;
}
.api-management .recent-table table tbody tr td,
.api-management .recent-table table tbody tr th,
.api-management .recent-table table thead tr td,
.api-management .recent-table table thead tr th {
  color: var(--body-font-color);
  min-width: auto;
}
.api-management .recent-table table tbody tr td:first-child,
.api-management .recent-table table tbody tr th:first-child,
.api-management .recent-table table thead tr td:first-child,
.api-management .recent-table table thead tr th:first-child {
  padding-left: 20px;
}
.api-management .recent-table table tbody tr td:last-child,
.api-management .recent-table table tbody tr th:last-child,
.api-management .recent-table table thead tr td:last-child,
.api-management .recent-table table thead tr th:last-child {
  padding-right: 20px;
}
.api-management .recent-table table tbody tr td .badge,
.api-management .recent-table table tbody tr th .badge,
.api-management .recent-table table thead tr td .badge,
.api-management .recent-table table thead tr th .badge {
  font-size: 12px;
  padding: 6px 12px;
}
.api-management .recent-table table tbody tr td .common-f-start,
.api-management .recent-table table tbody tr th .common-f-start,
.api-management .recent-table table thead tr td .common-f-start,
.api-management .recent-table table thead tr th .common-f-start {
  gap: 12px;
}
.api-management .recent-table table tbody tr td .common-f-start .square-l-white,
.api-management .recent-table table tbody tr th .common-f-start .square-l-white,
.api-management .recent-table table thead tr td .common-f-start .square-l-white,
.api-management
  .recent-table
  table
  thead
  tr
  th
  .common-f-start
  .square-l-white {
  align-items: center;
  background-color: #f4f4f4;
  border-radius: 2px;
  display: flex;
  height: calc(29.2px + 0.25vw);
  justify-content: center;
  width: calc(29.2px + 0.25vw);
}
.api-management
  .recent-table
  table
  tbody
  tr
  td
  .common-f-start
  .square-l-white
  i,
.api-management
  .recent-table
  table
  tbody
  tr
  th
  .common-f-start
  .square-l-white
  i,
.api-management
  .recent-table
  table
  thead
  tr
  td
  .common-f-start
  .square-l-white
  i,
.api-management
  .recent-table
  table
  thead
  tr
  th
  .common-f-start
  .square-l-white
  i {
  color: rgba(82, 82, 108, 0.5);
  cursor: pointer;
  font-size: calc(13.6px + 0.125vw);
}
.api-management .recent-table table tbody tr td .square-white,
.api-management .recent-table table tbody tr th .square-white,
.api-management .recent-table table thead tr td .square-white,
.api-management .recent-table table thead tr th .square-white {
  align-items: center;
  background-color: var(--white);
  border-radius: 2px;
  box-shadow: 0 0 28px 6px hsla(0, 0%, 92%, 0.4);
  display: flex;
  height: 34px;
  justify-content: center;
  width: 34px;
}
.api-management .recent-table table tbody tr td .square-white svg,
.api-management .recent-table table tbody tr th .square-white svg,
.api-management .recent-table table thead tr td .square-white svg,
.api-management .recent-table table thead tr th .square-white svg {
  fill: rgba(82, 82, 108, 0.8);
  height: 16px;
  width: 16px;
}
.api-management .recent-table table tbody tr td:nth-child(3),
.api-management .recent-table table tbody tr th:nth-child(3),
.api-management .recent-table table thead tr td:nth-child(3),
.api-management .recent-table table thead tr th:nth-child(3) {
  min-width: 330px;
}
@media (max-width: 1310px) and (min-width: 992px) {
  .api-management .recent-table table tbody tr td:nth-child(2) span,
  .api-management .recent-table table tbody tr th:nth-child(2) span,
  .api-management .recent-table table thead tr td:nth-child(2) span,
  .api-management .recent-table table thead tr th:nth-child(2) 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: 991px) {
  .api-management .recent-table table tbody tr td:nth-child(2),
  .api-management .recent-table table tbody tr th:nth-child(2),
  .api-management .recent-table table thead tr td:nth-child(2),
  .api-management .recent-table table thead tr th:nth-child(2) {
    min-width: 365px;
  }
  .api-management .recent-table table tbody tr td:nth-child(3),
  .api-management .recent-table table tbody tr th:nth-child(3),
  .api-management .recent-table table thead tr td:nth-child(3),
  .api-management .recent-table table thead tr th:nth-child(3) {
    min-width: 350px;
  }
}
.sitemap-wrapper .default-sitemap .sub-title {
  border-bottom: thick solid var(--chart-progress-light);
  color: #3f475a;
  margin-bottom: 18px;
  padding-bottom: 6px;
}
.sitemap-wrapper .default-sitemap .common-flex {
  flex-direction: column;
}
.sitemap-wrapper .default-sitemap .common-flex a {
  color: rgba(82, 82, 108, 0.6);
}
.sitemap-wrapper .horizontal-sitemap {
  text-align: center;
}
.sitemap-wrapper .horizontal-sitemap .main-site li > a {
  background-color: hsla(0, 0%, 80%, 0.29);
  border-radius: 4px;
  color: #404040;
  display: inline-block;
  padding: 10px 20px;
  text-align: center;
  width: 10rem;
}
@media (min-width: 992px) {
  .sitemap-wrapper .horizontal-sitemap .main-site li > a {
    width: calc(9.5rem + 0.18319vw - 1.81724px);
  }
}
@media (max-width: 991px) {
  .sitemap-wrapper .horizontal-sitemap .main-site li > a {
    background-color: unset;
    padding: 0;
    text-align: left;
  }
}
.sitemap-wrapper .horizontal-sitemap .main-site li .main-root {
  background-color: #ccc;
  position: relative;
}
.sitemap-wrapper .horizontal-sitemap .main-site li .main-root:after {
  border: 1px solid #3f475a;
  bottom: -28px;
  content: "";
  height: 28px;
  left: 50%;
  position: absolute;
  transform: translate(-50%);
}
@media (max-width: 991px) {
  .sitemap-wrapper .horizontal-sitemap .main-site li .main-root {
    background-color: unset;
    text-align: center;
  }
}
.sitemap-wrapper .horizontal-sitemap .tier-1 {
  align-items: flex-start;
  border-top: 8px solid #3f475a;
  display: flex;
  justify-content: space-between;
  margin: 28px auto auto;
  padding-top: 22px;
  position: relative;
  width: 88%;
}
.sitemap-wrapper .horizontal-sitemap .tier-1 li {
  position: relative;
  text-align: left;
}
.sitemap-wrapper
  .horizontal-sitemap
  .tier-1
  li
  > a:not(.tier-2 li a):first-child {
  background-color: hsla(0, 0%, 80%, 0.6);
  position: relative;
}
.sitemap-wrapper
  .horizontal-sitemap
  .tier-1
  li
  > a:not(.tier-2 li a):first-child:before {
  color: #3f475a;
  content: "\f175";
  font-family: Font Awesome\6 Free;
  font-size: 22px;
  font-weight: 900;
  left: 50%;
  position: absolute;
  top: -28px;
  transform: translateX(-50%);
}
@media (max-width: 991px) {
  .sitemap-wrapper
    .horizontal-sitemap
    .tier-1
    li
    > a:not(.tier-2 li a):first-child {
    background-color: unset;
    text-align: center;
  }
}
@media (min-width: 992px) {
  .sitemap-wrapper .horizontal-sitemap .tier-1 li {
    padding-left: calc(7.51724px + 0.75431vw);
  }
}
@media (max-width: 991px) {
  .sitemap-wrapper .horizontal-sitemap .tier-1 li {
    padding-left: 0;
  }
}
.sitemap-wrapper .horizontal-sitemap .tier-1 .tier-2 {
  border-left: 2px solid #3f475a;
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding-top: 40px;
}
.sitemap-wrapper .horizontal-sitemap .tier-1 .tier-2 li,
.sitemap-wrapper .horizontal-sitemap .tier-1 .tier-2 li > a {
  position: relative;
}
.sitemap-wrapper .horizontal-sitemap .tier-1 .tier-2 li > a:before {
  color: #3f475a;
  content: "\f178";
  font-family: Font Awesome\6 Free;
  font-size: 22px;
  font-weight: 900;
  left: -22px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media (min-width: 992px) {
  .sitemap-wrapper .horizontal-sitemap .tier-1 .tier-2 li > a:before {
    font-size: calc(9.58621px + 0.64655vw);
    left: calc(-9.58621px - 0.64655vw);
  }
}
@media (max-width: 991px) {
  .sitemap-wrapper .horizontal-sitemap .tier-1 .tier-2 li > a:before {
    font-size: 16px;
  }
}
.sitemap-wrapper .horizontal-sitemap .tier-1 .tier-2 .tier-3 {
  border-left: 2px solid #3f475a;
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding-top: 40px;
}
@media (min-width: 992px) {
  .sitemap-wrapper .horizontal-sitemap .tier-1 .tier-2 .tier-3 {
    margin-left: calc(-47.44828px + 5.38793vw);
  }
}
@media (max-width: 991px) {
  .sitemap-wrapper .horizontal-sitemap .tier-1 .tier-2 .tier-3 {
    gap: 12px;
    margin-left: 0;
    padding-top: 18px;
  }
  .sitemap-wrapper .horizontal-sitemap .tier-1 .tier-2 .tier-3 li {
    padding-left: 20px;
  }
}
@media (min-width: 992px) {
  .sitemap-wrapper .horizontal-sitemap .tier-1 .tier-2 {
    margin-left: calc(-17.51724px + 2.37069vw);
  }
}
@media (max-width: 991px) {
  .sitemap-wrapper .horizontal-sitemap .tier-1 .tier-2 {
    gap: 12px;
    margin-left: 0;
    padding-left: 20px;
    padding-top: 18px;
  }
}
@media (max-width: 1529px) {
  .sitemap-wrapper .horizontal-sitemap .tier-1 {
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
  }
}
.subscribed-user .card-header {
  padding: 27px 20px;
}
.subscribed-user
  .subscribed-user-wrapper
  .dt-container
  .dt-layout-row:first-child {
  align-items: center;
  display: flex;
  flex-direction: row-reverse;
  gap: 20px;
  justify-content: flex-start;
  position: absolute;
  right: 32px;
  top: -55px;
}
@media (max-width: 1045px) {
  .subscribed-user
    .subscribed-user-wrapper
    .dt-container
    .dt-layout-row:first-child {
    flex-wrap: wrap;
    gap: 12px;
    inset: 0;
    justify-content: flex-end;
    padding: 0 20px 20px;
    position: relative;
  }
}
@media (max-width: 640px) {
  .subscribed-user
    .subscribed-user-wrapper
    .dt-container
    .dt-layout-row
    .dt-search {
    inset: 0 !important;
    margin: 0 !important;
  }
}
.subscribed-user
  .subscribed-user-wrapper
  .dt-container
  .dt-layout-row
  .dt-buttons {
  margin-bottom: 0;
}
@media (max-width: 380px) {
  .subscribed-user
    .subscribed-user-wrapper
    .dt-container
    .dt-layout-row
    .dt-buttons
    .btn {
    padding: 6px 9px !important;
  }
}
.subscribed-user .subscribed-user-wrapper .recent-table table tbody tr td,
.subscribed-user .subscribed-user-wrapper .recent-table table tbody tr th,
.subscribed-user .subscribed-user-wrapper .recent-table table thead tr td,
.subscribed-user .subscribed-user-wrapper .recent-table table thead tr th {
  color: var(--body-font-color);
  min-width: auto;
}
.subscribed-user
  .subscribed-user-wrapper
  .recent-table
  table
  tbody
  tr
  td:first-child,
.subscribed-user
  .subscribed-user-wrapper
  .recent-table
  table
  tbody
  tr
  th:first-child,
.subscribed-user
  .subscribed-user-wrapper
  .recent-table
  table
  thead
  tr
  td:first-child,
.subscribed-user
  .subscribed-user-wrapper
  .recent-table
  table
  thead
  tr
  th:first-child {
  padding-left: 20px;
}
.subscribed-user
  .subscribed-user-wrapper
  .recent-table
  table
  tbody
  tr
  td:last-child,
.subscribed-user
  .subscribed-user-wrapper
  .recent-table
  table
  tbody
  tr
  th:last-child,
.subscribed-user
  .subscribed-user-wrapper
  .recent-table
  table
  thead
  tr
  td:last-child,
.subscribed-user
  .subscribed-user-wrapper
  .recent-table
  table
  thead
  tr
  th:last-child {
  padding-right: 20px;
}
.subscribed-user .subscribed-user-wrapper .recent-table table tbody tr td a,
.subscribed-user .subscribed-user-wrapper .recent-table table tbody tr th a,
.subscribed-user .subscribed-user-wrapper .recent-table table thead tr td a,
.subscribed-user .subscribed-user-wrapper .recent-table table thead tr th a {
  color: var(--body-font-color);
  font-weight: 500;
}
.subscribed-user
  .subscribed-user-wrapper
  .recent-table
  table
  tbody
  tr
  td
  a:hover,
.subscribed-user
  .subscribed-user-wrapper
  .recent-table
  table
  tbody
  tr
  th
  a:hover,
.subscribed-user
  .subscribed-user-wrapper
  .recent-table
  table
  thead
  tr
  td
  a:hover,
.subscribed-user
  .subscribed-user-wrapper
  .recent-table
  table
  thead
  tr
  th
  a:hover {
  color: var(--theme-default);
}
.subscribed-user
  .subscribed-user-wrapper
  .recent-table
  table
  tbody
  tr
  td
  .badge,
.subscribed-user
  .subscribed-user-wrapper
  .recent-table
  table
  tbody
  tr
  th
  .badge,
.subscribed-user
  .subscribed-user-wrapper
  .recent-table
  table
  thead
  tr
  td
  .badge,
.subscribed-user
  .subscribed-user-wrapper
  .recent-table
  table
  thead
  tr
  th
  .badge {
  font-size: 12px;
  padding: 6px 12px;
}
.subscribed-user
  .subscribed-user-wrapper
  .recent-table
  table
  tbody
  tr
  td
  .square-white,
.subscribed-user
  .subscribed-user-wrapper
  .recent-table
  table
  tbody
  tr
  th
  .square-white,
.subscribed-user
  .subscribed-user-wrapper
  .recent-table
  table
  thead
  tr
  td
  .square-white,
.subscribed-user
  .subscribed-user-wrapper
  .recent-table
  table
  thead
  tr
  th
  .square-white {
  align-items: center;
  background-color: var(--white);
  border-radius: 2px;
  box-shadow: 0 0 28px 6px hsla(0, 0%, 92%, 0.4);
  display: flex;
  height: 34px;
  justify-content: center;
  width: 34px;
}
.subscribed-user
  .subscribed-user-wrapper
  .recent-table
  table
  tbody
  tr
  td
  .square-white
  i,
.subscribed-user
  .subscribed-user-wrapper
  .recent-table
  table
  tbody
  tr
  th
  .square-white
  i,
.subscribed-user
  .subscribed-user-wrapper
  .recent-table
  table
  thead
  tr
  td
  .square-white
  i,
.subscribed-user
  .subscribed-user-wrapper
  .recent-table
  table
  thead
  tr
  th
  .square-white
  i {
  color: rgba(82, 82, 108, 0.8);
  height: 16px;
  width: 16px;
}
.subscribed-user
  .subscribed-user-wrapper
  .recent-table
  table
  tbody
  tr
  td:nth-child(3),
.subscribed-user
  .subscribed-user-wrapper
  .recent-table
  table
  tbody
  tr
  th:nth-child(3),
.subscribed-user
  .subscribed-user-wrapper
  .recent-table
  table
  thead
  tr
  td:nth-child(3),
.subscribed-user
  .subscribed-user-wrapper
  .recent-table
  table
  thead
  tr
  th:nth-child(3) {
  min-width: 165px;
}
body.dark-only {
  background-color: #1d1e26;
  color: hsla(0, 0%, 100%, 0.6);
}
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($white, 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::-moz-placeholder {
  color: hsla(0, 0%, 100%, 0.3);
}
body.dark-only .form-control::placeholder {
  color: hsla(0, 0%, 100%, 0.3);
}
body.dark-only .c-light {
  color: #98a6ad;
}
body.dark-only .c-o-light {
  color: hsla(0, 0%, 100%, 0.5);
}
body.dark-only input:-webkit-autofill,
body.dark-only input:-webkit-autofill:active,
body.dark-only input:-webkit-autofill:focus,
body.dark-only input:-webkit-autofill:hover {
  -webkit-background-clip: text;
  -webkit-text-fill-color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only input[type="file"]::file-selector-button {
  background-color: #262932 !important;
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only input[type="file"]::file-selector-button:hover {
  background-color: #262932 !important;
  color: hsla(0, 0%, 100%, 0.6) !important;
}
body.dark-only .apexcharts-tooltip.light .apexcharts-tooltip-title {
  background: #1d1e26;
}
body.dark-only
  .apexcharts-tooltip.apexcharts-theme-light
  .apexcharts-tooltip-title {
  background: #1d1e26;
  border: 1px solid #374558;
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .apexcharts-tooltip-series-group {
  color: hsla(0, 0%, 100%, 0.6) !important;
}
body.dark-only .apexcharts-xaxistooltip,
body.dark-only .apexcharts-yaxistooltip {
  background: #1d1e26;
  border: 1px solid #374558;
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .apexcharts-yaxistooltip-left:after,
body.dark-only .apexcharts-yaxistooltip-left:before {
  border-left-color: #374558;
}
body.dark-only .apexcharts-xaxistooltip-bottom:after,
body.dark-only .apexcharts-xaxistooltip-bottom:before {
  border-bottom-color: #374558;
}
body.dark-only .bottom-content .apexcharts-canvas span {
  color: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .apexcharts-canvas .apexcharts-yaxis text {
  fill: #98a6ad;
}
body.dark-only .apexcharts-xaxistooltip {
  background-color: #1d1e26;
  border: 1px solid #374558;
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .apexcharts-xaxistooltip-bottom:after,
body.dark-only .apexcharts-xaxistooltip-bottom:before {
  border-bottom-color: #374558;
}
body.dark-only .apexcharts-tooltip.apexcharts-theme-light {
  background: #1d1e26;
  border: 1px solid #374558;
}
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: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 0.2);
}
body.dark-only .breadcrumb-item + .breadcrumb-item:before,
body.dark-only .icon-state .switch-state:after {
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .social-widget .social-icons {
  box-shadow: 0 42.1092px 27.8569px #1d1e26, 0 8.90772px 7.12618px #1d1e26,
    0 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-col-header-cell-cushion,
body.dark-only .calendar-basic .calendar-default .fc .fc-daygrid-day-number {
  color: hsla(0, 0%, 100%, 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-list,
body.dark-only .fc-theme-standard .fc-scrollgrid {
  border-color: #374558;
}
body.dark-only .fc .fc-list-event:hover td,
body.dark-only .fc-theme-standard .fc-list-day-cushion {
  background-color: #1d1e26;
}
body.dark-only .btn.badge-light-primary:hover,
body.dark-only .currency-widget div[class*="bg-light-"] {
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only
  .portfolio-chart-container
  .apexcharts-canvas
  .apexcharts-radialbar
  image {
  display: none;
}
body.dark-only svg.f-light {
  fill: hsla(0, 0%, 100%, 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.advance-layout .card {
  border-color: #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: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .f-light {
  color: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 0.6) !important;
}
body.dark-only .form-select {
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .knowledgebase-search {
  color: #404040;
}
body.dark-only .knowledgebase-search .form-control-plaintext {
  color: hsla(0, 0%, 100%, 0.4);
}
body.dark-only .layout-color h6,
body.dark-only .layout-color span {
  color: hsla(0, 0%, 100%, 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;
  border-bottom-color: #374558;
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .toast .toast-dark {
  background-color: #262932;
  color: hsla(0, 0%, 100%, 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 .default-toasts .card-body.toast-rtl .toast,
body.dark-only .toast-container .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: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .form-select {
  background-color: #1d1e26;
  border: 1px solid #374558;
}
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 .box-layout .page-wrapper.only-body .page-header .header-wrapper,
body.dark-only .box-layout.page-wrapper.only-body .page-header .header-wrapper {
  border: unset;
}
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,
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: hsla(0, 0%, 100%, 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(:-moz-placeholder) ~ label,
body.dark-only .form-floating .form-select:not(:-moz-placeholder) ~ label {
  color: hsla(0, 0%, 100%, 0.4);
}
body.dark-only .form-floating .form-control:not(:placeholder-shown) ~ label,
body.dark-only .form-floating .form-select:not(:placeholder-shown) ~ label {
  color: hsla(0, 0%, 100%, 0.4);
}
body.dark-only
  .form-floating
  .form-control:not(:-moz-placeholder)
  ~ label:after,
body.dark-only
  .form-floating
  .form-select:not(:-moz-placeholder)
  ~ label:after {
  background-color: #1d1e26;
}
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: hsla(0, 0%, 100%, 0.4);
}
body.dark-only .checkbox label:before,
body.dark-only .form-floating .form-control:focus ~ label:after,
body.dark-only .form-floating .form-select:focus ~ label:after,
body.dark-only .radio 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,
body.dark-only .main-radio-toggle label:hover {
  color: hsla(0, 0%, 100%, 0.6);
}
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: transparent;
}
body.dark-only
  .page-wrapper.only-body
  .page-body-wrapper
  .page-title
  > .row
  .col-6:first-child
  h6 {
  color: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 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 {
  background-color: #262932 !important;
  border-color: #262932 !important;
  color: hsla(0, 0%, 100%, 0.4);
}
body.dark-only .qty-box input {
  color: hsla(0, 0%, 100%, 0.5);
}
body.dark-only .layout-sidebar,
body.dark-only .setting-sidebar {
  box-shadow: 0 0 10px 1px #323846;
}
body.dark-only .layout-sidebar .customizer-body .bg-light,
body.dark-only .setting-sidebar .customizer-body .bg-light {
  background-color: #1d1e26 !important;
}
body.dark-only .layout-sidebar .customizer-body h6,
body.dark-only .setting-sidebar .customizer-body h6 {
  color: hsla(0, 0%, 100%, 0.7);
}
body.dark-only
  .layout-sidebar
  .customizer-body
  .layout-grid.customizer-mix
  .color-layout,
body.dark-only .layout-sidebar .customizer-body .main-layout > li,
body.dark-only
  .setting-sidebar
  .customizer-body
  .layout-grid.customizer-mix
  .color-layout,
body.dark-only .setting-sidebar .customizer-body .main-layout > li {
  border-color: #374558;
}
body.dark-only
  .layout-sidebar
  .customizer-body
  .layout-grid:not(.customizer-color)
  li
  > .body
  ul,
body.dark-only
  .setting-sidebar
  .customizer-body
  .layout-grid:not(.customizer-color)
  li
  > .body
  ul {
  background-color: #262932;
}
body.dark-only .layout-sidebar .customizer-body .layout-link li,
body.dark-only .setting-sidebar .customizer-body .layout-link li {
  background-color: #1d1e26;
}
body.dark-only .layout-sidebar .customizer-body .layout-link li a,
body.dark-only .layout-sidebar .customizer-body .layout-link li a i,
body.dark-only .setting-sidebar .customizer-body .layout-link li a,
body.dark-only .setting-sidebar .customizer-body .layout-link li a i {
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .layout-sidebar .sidebar-setting > li,
body.dark-only .layout-sidebar .sidebar-type > li,
body.dark-only .setting-sidebar .sidebar-setting > li,
body.dark-only .setting-sidebar .sidebar-type > li {
  border-color: #374558;
}
body.dark-only .layout-sidebar .sidebar-setting > li a,
body.dark-only .layout-sidebar .sidebar-setting > li i,
body.dark-only .layout-sidebar .sidebar-type > li a,
body.dark-only .layout-sidebar .sidebar-type > li i,
body.dark-only .setting-sidebar .sidebar-setting > li a,
body.dark-only .setting-sidebar .sidebar-setting > li i,
body.dark-only .setting-sidebar .sidebar-type > li a,
body.dark-only .setting-sidebar .sidebar-type > li i {
  color: hsla(0, 0%, 100%, 0.6);
}
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-blend-mode: overlay;
  background-color: #262932;
}
body.dark-only .login-dark .login-main {
  background-color: #323846;
}
body.dark-only .login-dark.login-card .login-main .text-muted {
  color: hsla(0, 0%, 100%, 0.4) !important;
}
body.dark-only .login-card .btn-showcase .btn {
  background-color: #262932 !important;
  border-color: #262932 !important;
  color: #fff;
}
body.dark-only .login-card .login-main {
  box-shadow: 0 0 37px hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 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,
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 .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: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .ProfileCard:hover {
  background-color: #262932;
  color: hsla(0, 0%, 100%, 0.6);
}
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: 0 4px 40px rgba(0, 0, 0, 0.07);
}
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: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 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: 0 3px 28px #323846;
}
body.dark-only .page-wrapper .badge-b-light {
  border-color: hsla(0, 0%, 100%, 0.4);
}
body.dark-only .page-wrapper .badge-b-light.txt-dark {
  color: hsla(0, 0%, 100%, 0.6) !important;
}
body.dark-only .page-wrapper .badge-b-dark {
  border-color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .page-wrapper .badge-b-dark.txt-dark {
  color: hsla(0, 0%, 100%, 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.modern-type
  .page-body-wrapper
  .page-body
  .page-title {
  background-color: unset;
}
body.dark-only .page-wrapper .sidebar-main-title p {
  color: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 0.6);
}
body.dark-only
  .page-wrapper.horizontal-wrapper
  .page-body-wrapper
  .sidebar-wrapper {
  background: #262932;
  border-top: 1px solid #374558;
  box-shadow: 0 9px 24px #323846;
}
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: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 0.6);
}
body.dark-only
  .page-wrapper.compact-sidebar
  .page-body-wrapper
  div.sidebar-wrapper
  .sidebar-main
  .sidebar-links
  li
  a
  svg {
  stroke: hsla(0, 0%, 100%, 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
  .sidebar-list
  ul.sidebar-submenu
  li
  a
  span,
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: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 0.6);
}
@media (min-width: 576px) {
  body.dark-only
    .page-wrapper.compact-small
    .page-header.close_icon
    .header-wrapper {
    border-bottom: 1px solid #374558;
  }
  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,
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 {
  background: #1d1e26;
  border: 1px solid #1d1e26;
  color: #fff;
}
body.dark-only .page-wrapper.material-icon .page-body-wrapper .page-body,
body.dark-only .page-wrapper.material-icon .page-header .header-logo-wrapper {
  background-color: transparent;
}
body.dark-only .page-wrapper.advance-layout {
  background-color: #1d1e26;
}
body.dark-only .page-wrapper.advance-layout .page-body-wrapper,
body.dark-only .page-wrapper.advance-layout .page-body-wrapper .page-body,
body.dark-only .page-wrapper.advance-layout .page-header .header-wrapper,
body.dark-only
  .page-wrapper.advance-layout
  .page-header
  .header-wrapper
  .header-logo-wrapper {
  background: transparent;
}
body.dark-only .page-wrapper.material-icon .page-body-wrapper .page-title {
  background-color: transparent;
  border: none;
  box-shadow: 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: hsla(0, 0%, 100%, 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: contrast(0.2);
}
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,
body.dark-only .kanban-container .kanban-board {
  background: #1d1e26;
}
body.dark-only .kanban-container .kanban-board .kanban-item .kanban-box .date {
  color: hsla(0, 0%, 100%, 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 {
  background-color: #1d1e26;
  border: 1px solid rgba(115, 102, 255, 0.15);
}
body.dark-only .file-content .form-inline {
  border: 1px solid #1d1e26;
}
body.dark-only .file-content .folder .folder-box {
  background-color: #1d1e26;
  border: 1px solid rgba(115, 102, 255, 0.15);
}
body.dark-only .file-sidebar .btn-light,
body.dark-only .file-sidebar .pricing-plan {
  border: 1px solid rgba(115, 102, 255, 0.15) !important;
}
body.dark-only .file-sidebar .btn-light {
  background-color: #1d1e26 !important;
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only #lnb {
  border-right: 1px solid #374558;
}
body.dark-only .lnb-calendars > div,
body.dark-only .lnb-new-schedule {
  border-bottom: 1px solid #374558;
}
body.dark-only #menu .sidebar-list .btn-default {
  color: hsla(0, 0%, 100%, 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-left,
body.dark-only .tui-full-calendar-time-date,
body.dark-only .tui-full-calendar-timegrid-timezone,
body.dark-only .tui-full-calendar-weekday-grid-line {
  border-right-color: #374558 !important;
}
body.dark-only .tui-full-calendar-popup {
  color: #404040;
}
body.dark-only #menu .btn-default {
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only #menu .btn-default:hover {
  color: #404040;
}
body.dark-only #menu .dropdown-menu {
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .tui-full-calendar-dayname-container,
body.dark-only .tui-full-calendar-splitter {
  border-bottom-color: #374558 !important;
  border-top-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
  .product-wrapper.sidebaron
  .product-sidebar
  .filter-section
  .card
  .left-filter {
  background-color: #262932;
}
body.dark-only .apexcharts-gridline {
  stroke: #1d1e26;
}
body.dark-only .apexcharts-menu-item,
body.dark-only .apexcharts-tooltip-series-group,
body.dark-only .apexcharts-tooltip-title,
body.dark-only .apexcharts-tooltip.light {
  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 {
  color: hsla(0, 0%, 100%, 0.6);
  opacity: 0.9;
}
body.dark-only
  .apexcharts-toolbar
  .apexcharts-menu-open
  .apexcharts-menu-item:hover {
  background: #1d1e26;
}
body.dark-only .donut-peity2 svg path:nth-child(2n),
body.dark-only .donut-peity2 ~ svg path:nth-child(2n),
body.dark-only .pie-peity svg path:nth-child(2n),
body.dark-only .pie-peity ~ svg path:nth-child(2n),
body.dark-only .small-donut svg path:nth-child(2n),
body.dark-only .small-donut ~ svg path:nth-child(2n) {
  fill: #1d1e26;
}
body.dark-only .appointment-table table tr td.img-content-box .font-roboto,
body.dark-only .notification .card .d-flex .w-100 p span,
body.dark-only .notification .card .d-flex .w-100 span {
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .datepicker {
  background-color: #323846;
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .datepicker .datepicker--cell.-current-,
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: hsla(0, 0%, 100%, 0.4);
}
body.dark-only .datepicker .datepicker--nav {
  border-bottom: 1px solid #374558;
}
body.dark-only .datepicker .datepicker--pointer {
  background: #323846;
  border-right-color: #323846;
  border-top-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 {
  background-color: #6e61ff;
  border-radius: 0;
  height: 5px;
}
body.dark-only .alert-primary .progress-bar {
  background-color: #fff;
}
body.dark-only .alert-primary.inverse {
  background-color: transparent !important;
}
body.dark-only .alert-primary.inverse .btn-close,
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 .alert-secondary {
  background-color: hsla(0, 0%, 51%, 0.8) !important;
  border-color: hsla(0, 0%, 51%, 0.9) !important;
  color: #fff;
}
body.dark-only .alert-secondary .progress {
  background-color: gray;
  border-radius: 0;
  height: 5px;
}
body.dark-only .alert-secondary .progress-bar {
  background-color: #fff;
}
body.dark-only .alert-secondary.inverse {
  background-color: transparent !important;
}
body.dark-only .alert-secondary.inverse .btn-close,
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 .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 {
  background-color: #62c058;
  border-radius: 0;
  height: 5px;
}
body.dark-only .alert-success .progress-bar {
  background-color: #fff;
}
body.dark-only .alert-success.inverse {
  background-color: transparent !important;
}
body.dark-only .alert-success.inverse .btn-close,
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 .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 {
  background-color: #fc5145;
  border-radius: 0;
  height: 5px;
}
body.dark-only .alert-danger .progress-bar {
  background-color: #fff;
}
body.dark-only .alert-danger.inverse {
  background-color: transparent !important;
}
body.dark-only .alert-danger.inverse .btn-close,
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 .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 {
  background-color: #ffb624;
  border-radius: 0;
  height: 5px;
}
body.dark-only .alert-warning .progress-bar {
  background-color: #fff;
}
body.dark-only .alert-warning.inverse {
  background-color: transparent !important;
}
body.dark-only .alert-warning.inverse .btn-close,
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 .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 {
  background-color: #3bb6f5;
  border-radius: 0;
  height: 5px;
}
body.dark-only .alert-info .progress-bar {
  background-color: #fff;
}
body.dark-only .alert-info.inverse {
  background-color: transparent !important;
}
body.dark-only .alert-info.inverse .btn-close,
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 .alert-light {
  background-color: hsla(0, 0%, 96%, 0.8) !important;
  border-color: hsla(0, 0%, 96%, 0.9) !important;
  color: #fff;
}
body.dark-only .alert-light .progress {
  background-color: #f1f1f1;
  border-radius: 0;
  height: 5px;
}
body.dark-only .alert-light .progress-bar {
  background-color: #fff;
}
body.dark-only .alert-light.inverse {
  background-color: transparent !important;
}
body.dark-only .alert-light.inverse .btn-close,
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 .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 {
  background-color: #3d4557;
  border-radius: 0;
  height: 5px;
}
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,
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 .alert-addition-content .alert[class*="bg-light-"] p {
  color: hsla(0, 0%, 100%, 0.6);
}
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 ul.search-info li {
  color: #98a6ad;
}
body.dark-only .search-page ul.search-info li + li {
  border-left: 1px solid hsla(0, 0%, 100%, 0.2);
}
body.dark-only .search-page .info-block {
  border-color: #374558;
}
body.dark-only .search-page .info-block a {
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .search-page .audio-card .audio-content span,
body.dark-only .search-page p:not(.blog-details p) {
  color: hsla(0, 0%, 100%, 0.4);
}
body.dark-only
  .search-page
  .audio-wrapper
  table.audio-table.table-hover
  tbody
  tr:hover,
body.dark-only
  .search-page
  .audio-wrapper
  table.audio-table.table-hover
  thead
  tr:hover {
  background-color: #22262f;
}
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: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 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-horizontal,
body.dark-only .mega-inline,
body.dark-only .mega-vertical {
  --bs-body-color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .mega-horizontal .card,
body.dark-only .mega-inline .card,
body.dark-only .mega-vertical .card {
  border-color: #374558;
  box-shadow: 1px 1px 7px 0 rgba(55, 69, 88, 0.5) !important;
}
body.dark-only .mega-horizontal.border-style .card,
body.dark-only .mega-horizontal.offer-style .card,
body.dark-only .mega-horizontal.plain-style .card,
body.dark-only .mega-inline.border-style .card,
body.dark-only .mega-inline.offer-style .card,
body.dark-only .mega-inline.plain-style .card,
body.dark-only .mega-vertical.border-style .card,
body.dark-only .mega-vertical.offer-style .card,
body.dark-only .mega-vertical.plain-style .card {
  box-shadow: none !important;
}
body.dark-only .mega-horizontal.border-style .card,
body.dark-only .mega-inline.border-style .card,
body.dark-only .mega-vertical.border-style .card {
  border: 1px solid #374558 !important;
}
body.dark-only .mega-horizontal.offer-style .card,
body.dark-only .mega-inline.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,
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: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .popover code {
  background-color: unset;
}
body.dark-only
  .apex-chart-container
  .apexcharts-legend
  .apexcharts-legend-series
  span {
  color: hsla(0, 0%, 100%, 0.6) !important;
}
body.dark-only .apexcharts-canvas svg .apexcharts-subtitle-text,
body.dark-only .apexcharts-canvas svg .apexcharts-title-text,
body.dark-only
  .apexcharts-canvas
  svg
  .apexcharts-xaxis
  .apexcharts-xaxis-texts-g
  .apexcharts-xaxis-label,
body.dark-only
  .apexcharts-canvas
  svg
  .apexcharts-yaxis
  .apexcharts-yaxis-texts-g
  .apexcharts-yaxis-label {
  fill: #fff;
}
body.dark-only .apexcharts-canvas svg .apexcharts-legend-series span {
  color: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 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 .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
  .product-box
  .product-img
  .product-hover
  ul
  li:not(.product-wrapper-grid .product-box .product-hover li) {
  background-color: #1d1e26;
}
body.dark-only .product-box .product-img .product-hover ul i {
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .checkbox_animated:after,
body.dark-only .radio_animated:after {
  background: #1d1e26;
  border: 2px solid #1d1e26;
}
body.dark-only .slider-product {
  border-bottom: 1px solid #1d1e26;
  border-top: 1px solid #1d1e26;
}
body.dark-only .square-product-setting .icon-grid {
  background-color: #262932;
}
body.dark-only .square-product-setting .icon-grid svg {
  color: hsla(0, 0%, 100%, 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 .sidebar-main-title h6 {
  color: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 0.6);
}
body.dark-only
  .page-wrapper
  .page-header
  .header-wrapper
  .nav-right
  .nav-menus
  li
  .d-flex
  .flex-grow-1
  .txt-dark {
  color: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 0.6);
}
body.dark-only
  .page-wrapper
  .page-header
  .header-wrapper
  .nav-right
  .nav-menus
  li
  .onhover-show-div:after,
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
  .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: hsla(0, 0%, 100%, 0.6) !important;
}
body.dark-only
  .page-wrapper
  .page-header
  .header-wrapper
  .nav-right
  .profile-dropdown
  li
  a {
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only
  .page-wrapper
  .page-header
  .header-wrapper
  .nav-right
  .profile-dropdown
  li
  a
  svg
  circle,
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
  path {
  color: hsla(0, 0%, 100%, 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
  circle,
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 {
  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: hsla(0, 0%, 100%, 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:after,
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-logo-wrapper,
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
  .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
  .page-body
  .ecommerce-icons
  div
  span,
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 .header-small,
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .logs-element
  span
  + span,
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
  .new-users
  .progress-change
  span,
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,
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .progress-block
  .progress-title
  span
  + span,
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .progress-media
  .d-flex
  .flex-grow-1
  span,
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .progress-media
  .progress-change
  span,
body.dark-only .page-wrapper .page-body-wrapper .page-body .statistics p,
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
  .topper-lists
  table
  tbody
  tr
  td {
  border-bottom: 1px solid #374558;
  border-top: none !important;
}
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: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 0.6);
}
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-title
  .breadcrumb
  .breadcrumb-item
  a
  svg {
  stroke: hsla(0, 0%, 100%, 0.6);
}
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-title
  .breadcrumb
  .breadcrumb-item
  + .breadcrumb-item:before {
  color: hsla(0, 0%, 100%, 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
  td,
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .card:not(.email-body)
  .table.table-light
  tr
  th {
  color: #404040;
}
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .card:not(.email-body)
  table
  tbody
  .border-bottom-light
  td:not(.border-bottom-table tbody .border-bottom-light td),
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .card:not(.email-body)
  table
  thead
  .border-bottom-light
  th:not(.border-bottom-table thead .border-bottom-light th) {
  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-blend-mode: overlay;
  background-color: #262932;
}
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: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 0.6);
}
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .card:not(.email-body)
  .card-header
  p {
  color: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 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)
  .alert-dark,
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.inverse,
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 {
  color: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 0.6);
}
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)
  td,
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)
  th,
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)
  tr {
  border-color: #374558;
}
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .card:not(.email-body)
  .table
  td,
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .card:not(.email-body)
  .table
  th {
  color: hsla(0, 0%, 100%, 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-danger
  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-info
  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-light
  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-primary
  td,
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-secondary
  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-success
  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-warning
  td,
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .card:not(.email-body)
  .table
  .table-warning
  th {
  color: #262932;
}
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .card:not(.email-body)
  .table
  .bg-danger,
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-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-warning {
  color: #fff;
}
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .card:not(.email-body)
  .table
  .bg-light,
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
  td,
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .card:not(.email-body)
  .table
  tbody
  .border-bottom-primary
  th {
  border-bottom: 1px solid var(--theme-default);
}
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .card:not(.email-body)
  .table[class*="bg-"]
  td,
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .card:not(.email-body)
  .table[class*="bg-"]
  th {
  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
  td,
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .card:not(.email-body)
  .table-striped
  tbody
  tr:nth-of-type(odd):hover
  th {
  color: #fff;
}
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .card:not(.email-body)
  .table-dashed,
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-double {
  border-left-color: #374558;
  border-right-color: #374558;
}
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .card:not(.email-body)
  .table-bordered,
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: hsla(0, 0%, 100%, 0.6);
}
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .card:not(.email-body)
  .emphasis-table {
  --bs-emphasis-color-rgb: #1c212b;
}
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .card:not(.email-body)
  .emphasis-table
  .table-striped-columns
  > :not(caption)
  > tr
  > :nth-child(2n) {
  --bs-table-striped-bg: var(--bs-emphasis-color-rgb);
}
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .card:not(.email-body)
  .emphasis-table
  .table-active {
  --bs-table-active-bg: var(--bs-emphasis-color-rgb);
}
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .card:not(.email-body)
  .table-border-vertical
  td,
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
  tr {
  border-right: 1px solid #1d1e26;
}
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .card:not(.email-body)
  .table-styling
  tbody
  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
  thead
  td,
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .card:not(.email-body)
  .table-styling
  thead
  th {
  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: hsla(0, 0%, 100%, 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 hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 0.6) !important;
}
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,
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .card:not(.email-body)
  .btn-outline-light-2x {
  border: 1px solid #374558;
  color: #fff !important;
}
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .card:not(.email-body)
  .btn-outline-light-2x:active,
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .card:not(.email-body)
  .btn-outline-light-2x:hover,
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .card:not(.email-body)
  .btn-outline-light:active,
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: hsla(0, 0%, 100%, 0.6) !important;
}
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .card:not(.email-body)
  .flot-chart-placeholder
  svg
  text {
  fill: hsla(0, 0%, 100%, 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
  rect:nth-child(6),
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
  svg
  > 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,
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .card:not(.email-body)
  .chart-overflow#line-chart
  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: hsla(0, 0%, 100%, 0.6);
}
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .card:not(.email-body)
  .radial-bar:after {
  background-color: #262932;
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .card:not(.email-body)
  .bar-chart-widget
  .bottom-content
  .num,
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .card:not(.email-body)
  .bar-chart-widget
  .bottom-content
  .num
  .color-bottom {
  color: hsla(0, 0%, 100%, 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
  .monthly
  .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
  .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
  .monthly
  .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
  .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: hsla(0, 0%, 100%, 0.6);
}
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .card:not(.email-body)
  .status-details
  h4,
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .card:not(.email-body)
  .status-details
  h4
  span {
  color: hsla(0, 0%, 100%, 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;
  border: 1px solid #1d1e26;
  color: #98a6ad;
}
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-primary,
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .card:not(.email-body)
  .dataTables_wrapper
  .btn-success {
  color: #fff;
}
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .card:not(.email-body)
  .dataTables_wrapper
  .dataTables_length
  select {
  background-color: #1d1e26;
  border: 1px solid #1d1e26;
  color: hsla(0, 0%, 100%, 0.6);
}
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_length,
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .card:not(.email-body)
  .dataTables_wrapper
  .dataTables_paginate,
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .card:not(.email-body)
  .dataTables_wrapper
  .dataTables_processing {
  color: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 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
  td,
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .card:not(.email-body)
  .dataTables_wrapper
  table.dataTable
  thead
  th {
  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;
  border: 1px solid #1d1e26;
  color: hsla(0, 0%, 100%, 0.6);
}
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: hsla(0, 0%, 100%, 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,
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .card:not(.email-body)
  .dataTables_wrapper
  .dataTables_paginate
  .paginate_button.disabled
  :active,
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .card:not(.email-body)
  .dataTables_wrapper
  .dataTables_paginate
  .paginate_button.disabled:hover {
  color: #98a6ad !important;
}
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .card:not(.email-body)
  .dataTables_wrapper
  table.dataTable.display
  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.row-border
  tbody
  td,
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .card:not(.email-body)
  .dataTables_wrapper
  table.dataTable.row-border
  tbody
  th {
  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.display
  tbody
  tr:hover,
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .card:not(.email-body)
  .dataTables_wrapper
  table.dataTable.hover
  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
  td,
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .card:not(.email-body)
  .dataTables_wrapper
  table.dataTable.cell-border
  th {
  border-right: 1px solid #1d1e26;
  border-top: 1px solid #1d1e26;
}
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .card:not(.email-body)
  .dataTables_wrapper
  table.dataTable.cell-border
  td:first-child,
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .card:not(.email-body)
  .dataTables_wrapper
  table.dataTable.cell-border
  th: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.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,
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 {
  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 {
  background-color: #262932;
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .card:not(.email-body)
  .page-item.active
  .page-link,
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)
  .ecommerce-widget
  .icon {
  color: #1d1e26;
}
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .card:not(.email-body)
  .ecommerce-widget
  .total-num,
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .card:not(.email-body)
  .ecommerce-widget
  .total-num
  span {
  color: hsla(0, 0%, 100%, 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
  p,
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
  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: hsla(0, 0%, 100%, 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-horizontal
  .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 {
  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-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,
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 {
  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 {
  background-color: #262932;
  border: 2px solid #1d1e26;
  color: hsla(0, 0%, 100%, 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-active:after,
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-o
  .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 {
  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 {
  background-color: #1d1e26;
  border: 1px solid #1d1e26;
  color: hsla(0, 0%, 100%, 0.6);
}
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)
  #browser-uses-chart
  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)
  #donut-color-chart-morris-daily
  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,
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .collapse-horizontal
  .card,
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .social-app-profile1
  .social-app-profile
  .common-user-image {
  background-color: #1d1e26;
}
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .modal-bookmark
  .modal-content
  .modal-body
  .search-picker
  .dropdown-menu
  .dropdown-item {
  border-color: #374558;
}
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: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 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
  .user-profile
  .common-user-image
  .user-image
  .avatar
  .common-align
  > div
  .icon-wrapper#cancelButton
  i {
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .user-profile
  .common-user-image
  .user-image
  .avatar
  .follow
  > div
  + div {
  border-left-color: #374558;
}
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .user-profile
  .social-media
  a,
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .user-profile-wrapper.scope-bottom-wrapper
  .sidebar-left-icons
  .nav-item
  .nav-link.active
  .product-icons
  i {
  color: hsla(0, 0%, 100%, 0.8);
}
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .user-profile-wrapper.scope-bottom-wrapper
  .sidebar-left-icons
  .nav-item
  .nav-link
  .product-icons
  i {
  color: hsla(0, 0%, 100%, 0.4);
}
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .user-profile-wrapper.scope-bottom-wrapper
  .user-notifications
  ul
  li
  > div
  p
  span {
  color: hsla(0, 0%, 100%, 0.3);
}
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .user-profile-wrapper.scope-bottom-wrapper
  .user-notifications
  ul
  li
  > div
  span {
  color: hsla(0, 0%, 100%, 0.4);
}
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .user-profile-wrapper.scope-bottom-wrapper
  .setting-wrapper
  .form-label {
  color: hsla(0, 0%, 100%, 0.6);
}
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;
  border-color: #1d1e26;
  color: hsla(0, 0%, 100%, 0.6);
}
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: hsla(0, 0%, 100%, 0.8);
}
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: hsla(0, 0%, 100%, 0.6);
}
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-filter-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-header-row
  > .jsgrid-cell,
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-insert-row
  > .jsgrid-cell,
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .jsgrid-insert-row
  > .jsgrid-header-cell {
  background: #262932;
  border: 1px solid #1d1e26;
}
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .jsgrid-filter-row
  > .jsgrid-cell
  input:not(.jsgrid-button),
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .jsgrid-filter-row
  > .jsgrid-header-cell
  input:not(.jsgrid-button),
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .jsgrid-header-row
  > .jsgrid-cell
  input:not(.jsgrid-button),
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .jsgrid-header-row
  > .jsgrid-header-cell
  input:not(.jsgrid-button),
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .jsgrid-insert-row
  > .jsgrid-cell
  input:not(.jsgrid-button),
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .jsgrid-insert-row
  > .jsgrid-header-cell
  input:not(.jsgrid-button) {
  background-color: #1d1e26;
  border-color: #1d1e26;
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .jsgrid-filter-row
  > .jsgrid-cell
  input:not(.jsgrid-button):focus,
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .jsgrid-filter-row
  > .jsgrid-header-cell
  input:not(.jsgrid-button):focus,
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .jsgrid-header-row
  > .jsgrid-cell
  input:not(.jsgrid-button):focus,
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .jsgrid-header-row
  > .jsgrid-header-cell
  input:not(.jsgrid-button):focus,
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .jsgrid-insert-row
  > .jsgrid-cell
  input:not(.jsgrid-button):focus,
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .jsgrid-insert-row
  > .jsgrid-header-cell
  input:not(.jsgrid-button):focus {
  outline: none;
}
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .jsgrid-filter-row
  select,
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-insert-row
  select {
  background-color: #1d1e26;
  border-color: #1d1e26;
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .jsgrid-insert-row
  > .jsgrid-cell
  input:not(.jsgrid-button) {
  border: 1px solid #1d1e26;
}
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .jsgrid-insert-row
  > .jsgrid-cell
  .jsgrid-button {
  background-color: unset;
}
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: hsla(0, 0%, 100%, 0.6);
}
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .jsgrid-pager-current-page {
  color: hsla(0, 0%, 100%, 0.6);
  font-weight: 700;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .sub-title {
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.1);
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card .sub-title,
body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-icon li a {
  color: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 0.6);
}
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .nav-list
  .nav-list-disc
  li:hover,
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
  line,
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
  polygon,
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
  rect {
  color: hsla(0, 0%, 100%, 0.6) !important;
}
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
  path,
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
  polyline,
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: hsla(0, 0%, 100%, 0.6);
}
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .default-according
  .card
  .card-body {
  border-color: #374558;
  color: #98a6ad;
}
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
  .effective-card
  .common-hover
  .card-header.border-3 {
  border-bottom-width: 1px !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
  .basic_table
  .table
  tbody
  tr[class*="table-"]
  td,
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .basic_table
  .table
  tbody
  tr[class*="table-"]
  th,
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .basic_table
  .table
  thead
  tr[class*="table-"]
  td,
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .basic_table
  .table
  thead
  tr[class*="table-"]
  th {
  color: hsla(0, 0%, 100%, 0.6) !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .b-primary {
  background-color: #1d1e26;
  border-color: #7366ff !important;
}
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 {
  background-color: #1d1e26;
  border-top-color: #7366ff !important;
}
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 {
  background-color: #1d1e26;
  border-bottom-color: #7366ff !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-primary {
  border-left-color: #7366ff !important;
}
[dir="rtl"]
  body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .border-l-primary {
  border-left-color: unset !important;
  border-right-color: #7366ff !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-primary {
  background-color: #1d1e26;
  border-left-color: #7366ff !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-primary {
  border-right-color: #7366ff !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-primary {
  background-color: #1d1e26;
  border-right-color: #7366ff !important;
}
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 .b-secondary {
  background-color: #1d1e26;
  border-color: #838383 !important;
}
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 {
  background-color: #1d1e26;
  border-top-color: #838383 !important;
}
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 {
  background-color: #1d1e26;
  border-bottom-color: #838383 !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-secondary {
  border-left-color: #838383 !important;
}
[dir="rtl"]
  body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .border-l-secondary {
  border-left-color: unset !important;
  border-right-color: #838383 !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-secondary {
  background-color: #1d1e26;
  border-left-color: #838383 !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-secondary {
  border-right-color: #838383 !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-secondary {
  background-color: #1d1e26;
  border-right-color: #838383 !important;
}
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 .b-success {
  background-color: #1d1e26;
  border-color: #65c15c !important;
}
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 {
  background-color: #1d1e26;
  border-top-color: #65c15c !important;
}
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 {
  background-color: #1d1e26;
  border-bottom-color: #65c15c !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-success {
  border-left-color: #65c15c !important;
}
[dir="rtl"]
  body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .border-l-success {
  border-left-color: unset !important;
  border-right-color: #65c15c !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-success {
  background-color: #1d1e26;
  border-left-color: #65c15c !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-success {
  border-right-color: #65c15c !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-success {
  background-color: #1d1e26;
  border-right-color: #65c15c !important;
}
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 .b-danger {
  background-color: #1d1e26;
  border-color: #fc564a !important;
}
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 {
  background-color: #1d1e26;
  border-top-color: #fc564a !important;
}
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 {
  background-color: #1d1e26;
  border-bottom-color: #fc564a !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-danger {
  border-left-color: #fc564a !important;
}
[dir="rtl"]
  body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .border-l-danger {
  border-left-color: unset !important;
  border-right-color: #fc564a !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-danger {
  background-color: #1d1e26;
  border-left-color: #fc564a !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-danger {
  border-right-color: #fc564a !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-danger {
  background-color: #1d1e26;
  border-right-color: #fc564a !important;
}
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 .b-warning {
  background-color: #1d1e26;
  border-color: #ffb829 !important;
}
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 {
  background-color: #1d1e26;
  border-top-color: #ffb829 !important;
}
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 {
  background-color: #1d1e26;
  border-bottom-color: #ffb829 !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-warning {
  border-left-color: #ffb829 !important;
}
[dir="rtl"]
  body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .border-l-warning {
  border-left-color: unset !important;
  border-right-color: #ffb829 !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-warning {
  background-color: #1d1e26;
  border-left-color: #ffb829 !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-warning {
  border-right-color: #ffb829 !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-warning {
  background-color: #1d1e26;
  border-right-color: #ffb829 !important;
}
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 .b-info {
  background-color: #1d1e26;
  border-color: #40b8f5 !important;
}
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 {
  background-color: #1d1e26;
  border-top-color: #40b8f5 !important;
}
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 {
  background-color: #1d1e26;
  border-bottom-color: #40b8f5 !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-info {
  border-left-color: #40b8f5 !important;
}
[dir="rtl"]
  body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .border-l-info {
  border-left-color: unset !important;
  border-right-color: #40b8f5 !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-info {
  background-color: #1d1e26;
  border-left-color: #40b8f5 !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-info {
  border-right-color: #40b8f5 !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-info {
  background-color: #1d1e26;
  border-right-color: #40b8f5 !important;
}
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 .b-light {
  background-color: #1d1e26;
  border-color: #f4f4f4 !important;
}
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 {
  background-color: #1d1e26;
  border-top-color: #f4f4f4 !important;
}
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 {
  background-color: #1d1e26;
  border-bottom-color: #f4f4f4 !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-light {
  border-left-color: #f4f4f4 !important;
}
[dir="rtl"]
  body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .border-l-light {
  border-left-color: unset !important;
  border-right-color: #f4f4f4 !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-light {
  background-color: #1d1e26;
  border-left-color: #f4f4f4 !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-light {
  border-right-color: #f4f4f4 !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-light {
  background-color: #1d1e26;
  border-right-color: #f4f4f4 !important;
}
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 .b-dark {
  background-color: #1d1e26;
  border-color: #3f475a !important;
}
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 {
  background-color: #1d1e26;
  border-top-color: #3f475a !important;
}
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 {
  background-color: #1d1e26;
  border-bottom-color: #3f475a !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-dark {
  border-left-color: #3f475a !important;
}
[dir="rtl"]
  body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .border-l-dark {
  border-left-color: unset !important;
  border-right-color: #3f475a !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-dark {
  background-color: #1d1e26;
  border-left-color: #3f475a !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-dark {
  border-right-color: #3f475a !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-dark {
  background-color: #1d1e26;
  border-right-color: #3f475a !important;
}
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: hsla(0, 0%, 100%, 0.6) !important;
}
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .sitemap-wrapper
  .default-sitemap
  .common-flex
  a {
  color: hsla(0, 0%, 100%, 0.4);
}
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .sitemap-wrapper
  .default-sitemap
  .sub-title {
  border-bottom: thick solid #323846;
}
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .sitemap-wrapper
  .horizontal-sitemap
  .main-site
  li
  > a {
  background-color: rgba(29, 30, 38, 0.29);
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .sitemap-wrapper
  .horizontal-sitemap
  .main-site
  li
  .main-root {
  background-color: #1d1e26;
}
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .sitemap-wrapper
  .horizontal-sitemap
  .main-site
  li
  .main-root:after,
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .sitemap-wrapper
  .horizontal-sitemap
  .tier-1 {
  border-color: #374558;
}
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .sitemap-wrapper
  .horizontal-sitemap
  .tier-1
  li
  > a:not(.tier-2 li a):first-child {
  background-color: rgba(29, 30, 38, 0.6);
}
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .sitemap-wrapper
  .horizontal-sitemap
  .tier-1
  li
  > a:not(.tier-2 li a):first-child:before {
  color: #374558;
}
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .sitemap-wrapper
  .horizontal-sitemap
  .tier-1:before {
  background-color: #1d1e26;
}
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .sitemap-wrapper
  .horizontal-sitemap
  .tier-1
  .tier-2 {
  border-color: #374558;
}
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .sitemap-wrapper
  .horizontal-sitemap
  .tier-1
  .tier-2
  li
  > a:before {
  color: #374558;
}
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .sitemap-wrapper
  .horizontal-sitemap
  .tier-1
  .tier-2
  li:last-child:after {
  background-color: #1d1e26;
}
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .sitemap-wrapper
  .horizontal-sitemap
  .tier-1
  .tier-2
  .tier-3 {
  border-color: #374558;
}
body.dark-only
  .page-wrapper
  .page-body-wrapper
  .page-body
  .animate-wrapper
  .card {
  box-shadow: 1px 1px 2px 1px rgba(29, 30, 38, 0.9);
}
body.dark-only .page-wrapper .page-body-wrapper .footer {
  background-color: #262932;
}
body.dark-only .page-wrapper .page-body-wrapper .footer p,
body.dark-only .page-wrapper .page-body-wrapper .footer span {
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .page-wrapper .page-body-wrapper .custom-file-label,
body.dark-only .page-wrapper .page-body-wrapper .custom-select {
  background: #1d1e26;
  color: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 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 #374558;
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .page-wrapper .input-group-text i {
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .page-wrapper .input-group-solid .form-control,
body.dark-only .page-wrapper .input-group-solid .input-group-text {
  background: #1d1e26;
  border: 1px solid #1d1e26;
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .page-wrapper .header-bg-color,
body.dark-only .page-wrapper .semilight-bg-color {
  background-color: #fff;
}
body.dark-only .page-wrapper .list-group-item {
  background-color: #262932;
  border: 1px solid hsla(0, 0%, 100%, 0.3);
  color: hsla(0, 0%, 100%, 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:focus,
body.dark-only .page-wrapper .list-group-item:hover {
  text-decoration: none;
  z-index: 1;
}
body.dark-only .page-wrapper .list-group-flush .list-group-item:first-child {
  border-top-color: transparent;
}
body.dark-only .page-wrapper .list-group-flush .list-group-item:last-child {
  border-bottom-color: transparent;
}
body.dark-only .page-wrapper .list-group-item-action:focus,
body.dark-only .page-wrapper .list-group-item-action:hover:not(.active) {
  background-color: #1d1e26;
}
body.dark-only .page-wrapper .contextual-wrapper .list-group-item-action:hover {
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .page-wrapper .list-group-flush .list-group-item {
  border-left: 0;
  border-radius: 0;
  border-right: 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 {
  background-color: #b8daff;
  color: #004085;
}
body.dark-only .page-wrapper .list-group-item-secondary {
  background-color: #d6d8db;
  color: #383d41;
}
body.dark-only .page-wrapper .list-group-item-success {
  background-color: #c3e6cb;
  color: #155724;
}
body.dark-only .page-wrapper .list-group-item-danger {
  background-color: #f5c6cb;
  color: #721c24;
}
body.dark-only .page-wrapper .list-group-item-warning {
  background-color: #ffeeba;
  color: #856404;
}
body.dark-only .page-wrapper .list-group-item-info {
  background-color: #bee5eb;
  color: #0c5460;
}
body.dark-only .page-wrapper .list-group-item-light {
  background-color: #fdfdfe;
  color: #818182;
}
body.dark-only .page-wrapper .list-group-item-dark {
  background-color: #c6c8ca;
  color: #1b1e21;
}
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 {
  background-color: #1d1e26;
  border: 1px solid #1d1e26;
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only
  .page-wrapper
  .auth-bg
  .authentication-box
  .card
  .theme-form
  .checkbox
  label,
body.dark-only
  .page-wrapper
  .auth-bg
  .authentication-box
  .card
  .theme-form
  .form-group
  label {
  color: hsla(0, 0%, 100%, 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 h3,
body.dark-only .page-wrapper .auth-bg-video .authentication-box h4 {
  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="password"],
body.dark-only
  .page-wrapper
  .auth-bg-video
  .authentication-box
  .card
  .theme-form
  .form-group
  input[type="text"] {
  background-color: #1d1e26;
  border: 1px solid #1d1e26;
  color: hsla(0, 0%, 100%, 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,
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 #374558;
}
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 #374558;
}
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: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .page-wrapper .comingsoon .comingsoon-inner .countdown {
  border-color: #374558;
}
body.dark-only
  .page-wrapper
  .comingsoon
  .comingsoon-inner
  .coming-soon-bottom-link
  a,
body.dark-only .page-wrapper .comingsoon .comingsoon-inner .countdown .title {
  color: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 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,
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;
  border-color: #1d1e26;
  color: hsla(0, 0%, 100%, 0.6);
}
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: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 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="password"],
body.dark-only
  .page-wrapper
  .authentication-main
  .auth-innerright
  .authentication-box
  .card
  .theme-form
  .form-group
  input[type="text"] {
  background-color: #1d1e26;
  border: 1px solid #1d1e26;
  color: hsla(0, 0%, 100%, 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 {
  border-bottom: 1px solid #1d1e26;
  color: hsla(0, 0%, 100%, 0.6);
}
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-blend-mode: overlay;
  background-color: #262932;
}
@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 {
    background-color: #262932;
    border-top: 1px solid #1d1e26;
  }
  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 hsla(0, 0%, 100%, 0.2);
  }
  body.dark-only
    .page-wrapper
    .page-wrapper.compact-sidebar
    .page-header
    .header-wrapper
    .toggle-sidebar,
  body.dark-only
    .page-wrapper
    .page-wrapper.compact-wrapper
    .page-header
    .header-wrapper
    .toggle-sidebar {
    border-right: 1px solid #374558;
  }
}
body.dark-only .lg-backdrop {
  background-color: #1d1e26;
}
body.dark-only .drag,
body.dark-only .lg-outer .lg-thumb-outer {
  background-color: #262932;
}
body.dark-only .drag form {
  background: #262932;
  border: 1px dotted #1d1e26;
  box-shadow: 0 0 30px #1d1e26;
}
body.dark-only .drag form input {
  background-color: #1d1e26;
  border: 1px solid #1d1e26;
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .drag form .help-block {
  color: #98a6ad;
  text-transform: capitalize;
}
body.dark-only .draggable input {
  background-color: #1d1e26;
  border: 1px solid #1d1e26;
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .draggable p {
  color: #98a6ad;
}
body.dark-only .draggable select {
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .draggable .checkbox label:before,
body.dark-only .draggable .radio label:before,
body.dark-only .draggable select {
  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,
body.dark-only
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only
  .select2-container--default
  .select2-search--dropdown
  .select2-search__field {
  background-color: #1d1e26;
  border: 1px solid #1d1e26;
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only
  .select2-container--default
  .select2-results__option--highlighted[aria-selected] {
  background-color: #262932 !important;
  color: hsla(0, 0%, 100%, 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 input[type="date"],
body.dark-only .theme-form .form-group input[type="datetime-local"],
body.dark-only .theme-form .form-group input[type="email"],
body.dark-only .theme-form .form-group input[type="file"],
body.dark-only .theme-form .form-group input[type="month"],
body.dark-only .theme-form .form-group input[type="number"],
body.dark-only .theme-form .form-group input[type="password"],
body.dark-only .theme-form .form-group input[type="search"],
body.dark-only .theme-form .form-group input[type="tel"],
body.dark-only .theme-form .form-group input[type="text"],
body.dark-only .theme-form .form-group input[type="time"],
body.dark-only .theme-form .form-group input[type="url"],
body.dark-only .theme-form .form-group input[type="week"],
body.dark-only .theme-form .form-group select,
body.dark-only
  .theme-form
  .form-group
  select.form-control:not([size]):not([multiple]) {
  background-color: #1d1e26;
  border-color: #1d1e26;
  color: hsla(0, 0%, 100%, 0.6);
}
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="email"]::-webkit-input-placeholder,
body.dark-only
  .theme-form
  .form-group
  input[type="file"]::-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="number"]::-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="search"]::-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="text"]::-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="url"]::-webkit-input-placeholder,
body.dark-only
  .theme-form
  .form-group
  input[type="week"]::-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: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .theme-form .form-group textarea {
  border-color: #1d1e26;
}
body.dark-only .CodeMirror {
  background: #262932;
  border: 1px solid #98a6ad;
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .CodeMirror .CodeMirror-code pre {
  background: #262932;
}
body.dark-only .editor-toolbar {
  border-left: 1px solid #98a6ad;
  border-right: 1px solid #98a6ad;
  border-top: 1px solid #98a6ad;
}
body.dark-only .editor-toolbar a {
  color: hsla(0, 0%, 100%, 0.6) !important;
}
body.dark-only .editor-toolbar a.active,
body.dark-only .editor-toolbar a:hover {
  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(90deg, #1d1e26 0, transparent);
}
body.dark-only .editor-toolbar.fullscreen:after {
  background: linear-gradient(90deg, transparent 0, #1d1e26);
}
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-preview-side,
body.dark-only .editor-toolbar.fullscreen {
  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-pearl-title,
body.dark-only .u-step-title {
  color: hsla(0, 0%, 100%, 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-icon,
body.dark-only .u-pearl-number,
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: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .swal-modal {
  background-color: #262932;
}
body.dark-only .swal-modal .swal-title {
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .swal-modal .swal-text {
  color: #98a6ad;
}
body.dark-only .swal-modal .swal-content__input {
  background-color: #1d1e26;
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .nav-tabs {
  border-bottom: 1px solid #374558;
}
body.dark-only .nav-tabs .nav-link {
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .nav-tabs .nav-link.active {
  background-color: #262932;
  border-color: #374558 #374558 #262932;
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .nav-tabs .nav-link:focus,
body.dark-only .nav-tabs .nav-link:hover {
  border-color: #374558 #374558 #323846;
}
body.dark-only .nav-tabs .nav-item.show .nav-link {
  background-color: #262932;
  border-color: #1d1e26 #1d1e26 #262932;
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .nav-primary .nav-item.show .nav-link,
body.dark-only .nav-primary .nav-link.active {
  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,
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: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .border-tab.nav-left .nav-link.active,
body.dark-only .border-tab.nav-left .show > .nav-link,
body.dark-only .border-tab.nav-right .nav-link.active,
body.dark-only .border-tab.nav-right .show > .nav-link {
  color: var(--theme-default);
}
body.dark-only .border-tab.nav-left.nav-secondary .nav-item.show,
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,
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-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 .nav-item.show,
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-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 .nav-item.show,
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-secondary .nav-item.show,
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-success .nav-item.show,
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 .dropdown-divider {
  border-top: 1px solid #1d1e26;
}
body.dark-only .icon-hover-bottom {
  background-color: #262932;
  box-shadow: 0 0 1px 1px #374558;
}
body.dark-only .icon-hover-bottom .icon-title {
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .icon-hover-bottom span {
  color: #98a6ad;
}
body.dark-only .icon-hover-bottom .form-group input {
  background-color: #1d1e26;
  border: 1px solid #1d1e26;
  color: hsla(0, 0%, 100%, 0.6);
}
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%,
    hsla(0, 0%, 100%, 0.08)
  );
}
body.dark-only .arrow-tabs.bg-navbar i,
body.dark-only .bottom-navbar .tab-content .tab-paragraph i,
body.dark-only dl,
body.dark-only dl dd,
body.dark-only dl dt,
body.dark-only dl li,
body.dark-only ol,
body.dark-only ol dd,
body.dark-only ol dt,
body.dark-only ol li,
body.dark-only p,
body.dark-only p dd,
body.dark-only p dt,
body.dark-only p li,
body.dark-only ul,
body.dark-only ul dd,
body.dark-only ul dt,
body.dark-only ul li {
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only #cd-timeline:before {
  background: #1d1e26;
}
body.dark-only .timeliny {
  border-bottom: 1px solid #1d1e26;
  border-top: 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,
body.dark-only
  .timeliny
  .timeliny-timeline
  .timeliny-timeblock.active
  .timeliny-dot:before {
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only
  .timeliny
  .timeliny-timeline
  .timeliny-timeblock.active
  .timeliny-dot:after {
  background-color: #1d1e26;
  border: none;
  color: hsla(0, 0%, 100%, 0.6);
}
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: hsla(0, 0%, 100%, 0.6);
}
body.dark-only
  .timeliny
  .timeliny-timeline
  .timeliny-timeblock
  .timeliny-dot:hover:after {
  background-color: #262932;
  border: 1px solid #1d1e26;
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .stroke-dark {
  stroke: hsla(0, 0%, 100%, 0.6) !important;
}
body.dark-only .taskadd table tr td .task_title_0 {
  color: hsla(0, 0%, 100%, 0.8);
}
body.dark-only .task-sidebar .form-control {
  background-color: #1d1e26;
  border-color: #1d1e26;
}
body.dark-only .todo-wrap.email-wrap .todo-tasks li {
  background-color: #1d1e26;
}
body.dark-only .user-profile .ttl-info h6 {
  color: #98a6ad;
}
body.dark-only .user-profile .hovercard .info .title a,
body.dark-only .user-profile .ttl-info span {
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .user-profile .hovercard .user-image .avatar img {
  border-color: #262932;
}
body.dark-only .user-profile .hovercard .user-image .icon-wrapper {
  background-color: #262932;
}
body.dark-only .user-profile .hovercard .tabs-social {
  border-bottom: none !important;
}
body.dark-only .user-profile .follow .follow-num,
body.dark-only .user-profile .profile-img-style .user-name {
  color: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 0.5);
}
body.dark-only .jstree-default .jstree-icon,
body.dark-only .jstree-default .jstree-node {
  color: #455869 !important;
}
body.dark-only .jstree-default .jstree-anchor {
  color: #98a6ad;
}
body.dark-only .jstree-default .jstree-clicked {
  background-color: transparent;
  color: #fff;
}
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: hsla(0, 0%, 100%, 0.6);
}
body.dark-only span.twitter-typeahead .tt-suggestion {
  background-color: #1d1e26;
  border-top: 1px solid #374558;
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only span.twitter-typeahead .tt-suggestion:focus,
body.dark-only span.twitter-typeahead .tt-suggestion:hover {
  background-color: #262932;
}
body.dark-only .typography small {
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .code-box-copy pre,
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: 0 1px #000;
}
body.dark-only .code-box-copy code[class*="language-"] ::-moz-selection,
body.dark-only .code-box-copy pre[class*="language-"] ::-moz-selection {
  background: #262932;
  text-shadow: none;
}
body.dark-only .code-box-copy code[class*="language-"] ::selection,
body.dark-only .code-box-copy pre[class*="language-"] ::selection {
  background: #262932;
  text-shadow: none;
}
body.dark-only table.fixedHeader-floating {
  background-color: #1d1e26;
}
body.dark-only .note textarea {
  color: hsla(0, 0%, 100%, 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 #auto-fill_wrapper .dataTables_paginate,
body.dark-only #basic-colreorder_wrapper .dataTables_paginate,
body.dark-only #basic-fixed-header_wrapper .dataTables_paginate,
body.dark-only #basic-key-table_wrapper .dataTables_paginate,
body.dark-only #basic-row-reorder_wrapper .dataTables_paginate,
body.dark-only #class-button_wrapper .dataTables_paginate,
body.dark-only #column-selector_wrapper .dataTables_paginate,
body.dark-only #cust-json_wrapper .dataTables_paginate,
body.dark-only #custom-button_wrapper .dataTables_paginate,
body.dark-only #excel-cust-bolder_wrapper .dataTables_paginate,
body.dark-only #export-button_wrapper .dataTables_paginate,
body.dark-only #fixed-header-footer_wrapper .dataTables_paginate,
body.dark-only #focus-cell_wrapper .dataTables_paginate,
body.dark-only #full-row_wrapper .dataTables_paginate,
body.dark-only #keyboard-btn_wrapper .dataTables_paginate,
body.dark-only #keytable_wrapper .dataTables_paginate,
body.dark-only #multilevel-btn_wrapper .dataTables_paginate,
body.dark-only #new-cons_wrapper .dataTables_paginate,
body.dark-only #pagelength-btn_wrapper .dataTables_paginate,
body.dark-only #real-time_wrapper .dataTables_paginate,
body.dark-only #responsive_wrapper .dataTables_paginate,
body.dark-only #rest-column_wrapper .dataTables_paginate,
body.dark-only #show-hidden-row_wrapper .dataTables_paginate,
body.dark-only #state-saving_wrapper .dataTables_paginate {
  border: none;
}
body.dark-only #example-style-8_wrapper table.dataTable.display tbody tr.odd,
body.dark-only #example-style-8_wrapper table.dataTable.stripe 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: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 0.6);
  font-weight: 400;
}
body.dark-only .modal-content .ui-front .form-control {
  background-color: #262932;
  border: 1px solid #374558;
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .modal .theme-close {
  color: hsla(0, 0%, 100%, 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-danger.inverse,
body.dark-only .alert-dark.inverse,
body.dark-only .alert-info.inverse,
body.dark-only .alert-light.inverse,
body.dark-only .alert-primary.inverse,
body.dark-only .alert-secondary.inverse,
body.dark-only .alert-success.inverse,
body.dark-only .alert-warning.inverse {
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .alert-theme span + span + span {
  background-color: #1d1e26;
}
body.dark-only .alert-theme i {
  margin-right: 20px !important;
  padding: 20px;
}
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,
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: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .navigation-option ul li:hover {
  background-color: #1d1e26;
}
body.dark-only .product-box .product-details h6,
body.dark-only .product-box .product-details > a {
  color: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 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
  input[type="checkbox"]:checked
  + label:before,
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:after {
  color: #fff !important;
}
body.dark-only
  .checkbox-solid-secondary
  input[type="checkbox"]:checked
  + label:before,
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:after {
  color: #fff !important;
}
body.dark-only
  .checkbox-solid-success
  input[type="checkbox"]:checked
  + label:before,
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:after {
  color: #fff !important;
}
body.dark-only
  .checkbox-solid-danger
  input[type="checkbox"]:checked
  + label:before,
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:after {
  color: #fff !important;
}
body.dark-only
  .checkbox-solid-info
  input[type="checkbox"]:checked
  + label:before,
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:after {
  color: #fff !important;
}
body.dark-only
  .checkbox-solid-light
  input[type="checkbox"]:checked
  + label:before,
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:after {
  color: #fff !important;
}
body.dark-only
  .checkbox-solid-dark
  input[type="checkbox"]:checked
  + label:before,
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:after {
  color: #fff !important;
}
body.dark-only
  .checkbox-solid-warning
  input[type="checkbox"]:checked
  + label:before,
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:after {
  color: #fff !important;
}
body.dark-only .bootstrap-datetimepicker-widget ul li {
  border-bottom: 1px solid #1d1e26;
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .bootstrap-datetimepicker-widget tr td span:hover,
body.dark-only .bootstrap-datetimepicker-widget tr td.next:hover,
body.dark-only .bootstrap-datetimepicker-widget tr td.prev:hover,
body.dark-only .bootstrap-datetimepicker-widget tr td:hover,
body.dark-only .bootstrap-datetimepicker-widget tr th span:hover,
body.dark-only .bootstrap-datetimepicker-widget tr th.next:hover,
body.dark-only .bootstrap-datetimepicker-widget tr th.prev:hover,
body.dark-only .bootstrap-datetimepicker-widget tr th:hover,
body.dark-only .bootstrap-datetimepicker-widget tr:first-child th:hover {
  background-color: #262932;
}
body.dark-only .btn-transparent {
  color: hsla(0, 0%, 100%, 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-left
  .fc-prev-button
  .fc-icon-left-single-arrow:after,
body.dark-only
  #cal-basic
  .fc-toolbar
  .fc-right
  .fc-next-button
  .fc-icon-right-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-agendaDay-button,
body.dark-only .fc-button-group .fc-agendaWeek-button,
body.dark-only .fc-button-group .fc-basicDay-button,
body.dark-only .fc-button-group .fc-basicWeek-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-success,
body.dark-only .visual-button .button-light-warning {
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .mix-hover-btn .txt-dark {
  color: hsla(0, 0%, 100%, 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
  .btn-light,
body.dark-only
  #cal-agenda-view
  .fc-toolbar
  .fc-right
  .fc-button-group
  .fc-month-button {
  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,
body.dark-only #cal-bg-events .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-event-colors
  .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
  .basic-calendar
  .fc-toolbar
  .fc-right
  .fc-button-group
  .btn-light,
body.dark-only
  .basic-calendar
  .fc-toolbar
  .fc-right
  .fc-button-group
  .fc-basicWeek-button {
  color: #000 !important;
}
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,
body.dark-only
  .basic-calendar
  .fc-toolbar
  .fc-right
  .fc-button-group
  .fc-month-button {
  color: #fff !important;
}
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,
body.dark-only
  .basic-calendar
  .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,
body.dark-only .socialprofile .badge {
  background-color: #1d1e26;
}
body.dark-only .socialprofile .likes-profile h5 span {
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .socialprofile span {
  color: #98a6ad;
}
body.dark-only .filter-cards-view p,
body.dark-only .social-status .d-flex .flex-grow-1 .light-span,
body.dark-only .social-status .d-flex .flex-grow-1 p,
body.dark-only .social-status .d-flex .flex-grow-1 span + span,
body.dark-only .timeline-content p {
  color: hsla(0, 0%, 100%, 0.4);
}
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 .filter-cards-view .comments-box .input-group .input-txt-bx,
body.dark-only .timeline-content .comments-box .input-group .input-group-append,
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 .activity-log .my-activity p,
body.dark-only .details-about .your-details p,
body.dark-only .social-chat span span {
  color: hsla(0, 0%, 100%, 0.4);
}
body.dark-only .bookmark ul li a {
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .email-wrap .flex-grow-1 p {
  color: hsla(0, 0%, 100%, 0.3);
}
@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 {
  background-color: #1d1e26;
  border-color: #374558;
}
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
  tbody
  tr
  td
  a,
body.dark-only
  .seller-order-table
  .recent-table
  div.dt-container
  .table
  tbody
  tr
  td:nth-child(4)
  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
  th:nth-child(4)
  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
  thead
  tr
  td:nth-child(4)
  a,
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
  th:nth-child(4)
  a {
  color: hsla(0, 0%, 100%, 0.4);
}
body.dark-only
  .seller-details-table
  .recent-table
  .table
  tbody
  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
  thead
  tr
  td
  .product-action
  .square-white,
body.dark-only
  .seller-details-table
  .recent-table
  .table
  thead
  tr
  th
  .product-action
  .square-white {
  background-color: #1d1e26;
  box-shadow: unset;
}
body.dark-only
  .seller-details-table
  .recent-table
  .table
  tbody
  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
  thead
  tr
  td
  .product-action
  .square-white
  svg,
body.dark-only
  .seller-details-table
  .recent-table
  .table
  thead
  tr
  th
  .product-action
  .square-white
  svg {
  fill: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .review-box .seller-profile .accordion-button {
  background-color: #262932;
  color: hsla(0, 0%, 100%, 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
  .checkbox-wrapper
  li
  .form-check-label
  i,
body.dark-only
  .review-box
  .seller-profile
  .accordion-item
  .accordion-body
  .notification-wrapper
  .form-check-label,
body.dark-only
  .review-box
  .seller-profile
  .accordion-item
  .accordion-body
  .policies-wrapper
  li
  label,
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: hsla(0, 0%, 100%, 0.6);
}
body.dark-only
  .review-box
  .review-people
  .review-list
  li
  .people-box
  .people-comment
  .date-time
  h6,
body.dark-only
  .review-box
  .review-people
  .review-list
  li
  .people-box
  .people-comment
  h6 {
  color: hsla(0, 0%, 100%, 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 .seller-details-wrapper .seller-order-table tr td .square-white {
  background-color: unset;
}
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: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .collection-filter-block ul.pro-services li span {
  color: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 0.4);
}
body.dark-only
  .seller-wrapper
  .form-check
  .form-check-input:valid
  ~ .form-check-label {
  color: hsla(0, 0%, 100%, 0.3);
}
body.dark-only .megaoption-space span:not(.pull-right):last-child {
  color: hsla(0, 0%, 100%, 0.4);
}
body.dark-only .main-upgrade .variation-box .selection-box .d-flex {
  color: #1f2533;
}
body.dark-only .dark-alert .alert p {
  color: #1d1e26;
}
body.dark-only .dark-alert-msg .alert[class*="alert-bg-"] p {
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .dark-alert-msg .alert[class*="alert-bg-"] .btn-close {
  filter: invert(1);
}
body.dark-only .dark-txt p strong {
  color: hsla(0, 0%, 100%, 0.6) !important;
}
body.dark-only .live-dark .btn-close {
  filter: none;
}
body.dark-only .alert-light {
  color: #1d1e26 !important;
}
body.dark-only .heart-rating .rating-text {
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .main-animate a {
  background: #323846;
}
body.dark-only .main-animate svg {
  stroke: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .main-animate svg.fill-icon,
body.dark-only .main-animate svg.fill-secondary {
  stroke: none;
  fill: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .main-animate i {
  color: hsla(0, 0%, 100%, 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 i,
body.dark-only .pulse-wrapper svg {
  animation: pulse-animate-dark 1s ease infinite;
}
@keyframes pulse-animate-dark {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4);
  }
  to {
    box-shadow: 0 0 0 20px transparent;
  }
}
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: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .campaign-table .twitter .social-circle {
  background-color: hsla(0, 0%, 100%, 0.2);
  border-color: hsla(0, 0%, 100%, 0.6);
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only
  .live-auction-wrapper
  .product-nft-content
  > div
  p
  span.text-black {
  color: hsla(0, 0%, 100%, 0.6) !important;
}
body.dark-only .nft-collection .nft-user-info .user-desc {
  color: hsla(0, 0%, 100%, 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
  .square-white
  i,
body.dark-only
  .currency-table.task-table
  .table
  .main-task-wrapper
  tr
  .icons-box
  .square-white
  i {
  color: hsla(0, 0%, 100%, 0.4);
}
body.dark-only .hovercard .info .follow .border-end {
  border-color: hsla(0, 0%, 100%, 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: #374558;
  color: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 0.6);
}
body.dark-only btn-group .dropdown-wrapper .input-group {
  border-top-color: #1d1e26;
  color: hsla(0, 0%, 100%, 0.6);
  opacity: 0.9;
}
body.dark-only .helper-cards .dropdown-block,
body.dark-only btn-group .dropdown-wrapper .input-group:hover {
  background-color: #323846;
}
body.dark-only .helper-cards .dropdown-block li h6 {
  color: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 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 {
  background-color: transparent;
  border: 1px solid #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,
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 {
  background-color: transparent;
  border: 1px solid hsla(0, 0%, 100%, 0.6);
}
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: hsla(0, 0%, 100%, 0.6) !important;
}
body.dark-only .typography-list .card-wrapper dl dt {
  color: hsla(0, 0%, 100%, 0.8);
}
body.dark-only
  .autofill-data-tables
  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
  .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 .datatable-init 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: hsla(0, 0%, 100%, 0.4);
}
body.dark-only .basic_table .card-block .table.light-card {
  background-color: #323846;
}
body.dark-only .basic_table .card-block table.table-light {
  --bs-table-bg: #22262f;
}
body.dark-only .basic_table .card-block table.table-light tbody tr td,
body.dark-only .basic_table .card-block table.table-light tbody tr th,
body.dark-only .basic_table .card-block table.table-light thead tr td,
body.dark-only .basic_table .card-block table.table-light thead tr th {
  color: hsla(0, 0%, 100%, 0.6) !important;
}
body.dark-only .basic_table .card-block table.table-light tbody tr td {
  background-color: #323846 !important;
}
body.dark-only .dark-sign-up .modal-body form .form-check .form-check-label,
body.dark-only .dark-sign-up .modal-body form .form-label {
  color: #1f2533;
}
body.dark-only .dark-sign-up .modal-body form .form-control {
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .dark-sign-up.social-profile {
  background-color: #1d1e26;
  background-image: unset;
}
body.dark-only .dark-sign-up.social-profile .modal-body .form-label,
body.dark-only
  .dark-sign-up.social-profile
  .modal-body
  form
  .form-check
  .form-check-label,
body.dark-only .modal-dialog .modal-content .dark-modal .large-modal-body p,
body.dark-only .modal-dialog .modal-content .dark-modal .large-modal-body svg,
body.dark-only .modal-dialog .modal-content .dark-modal .large-modal-header h6,
body.dark-only .modal-dialog .modal-content .dark-modal .large-modal-header svg,
body.dark-only .modal-toggle-wrapper .dark-toggle-btn {
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .social-profile {
  background-attachment: fixed;
}
body.dark-only .social-profile .social-details h5 a {
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .md-sidebar .job-sidebar {
  box-shadow: 0 9px 20px rgba(29, 30, 38, 0.7);
}
body.dark-only
  .job-sidebar
  .job-accordion
  .card-body.animate-chk:not(.filter-cards-view)
  .form-check
  .form-check-label
  .number {
  color: hsla(0, 0%, 100%, 0.4);
}
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: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .common-file-manager .filemanger .top-folder-path,
body.dark-only
  .common-file-manager
  .filemanger
  .top-folder-path
  .path-action-btns
  button,
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,
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: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .common-file-manager .folderEmpty {
  background-color: rgba(29, 30, 38, 0.4);
}
body.dark-only .bootstrap-select .dropdown-toggle {
  background-color: #1d1e26 !important;
  border-color: transparent !important;
  color: #898989;
}
body.dark-only .bootstrap-select .bs-searchbox {
  background-color: #323846;
}
body.dark-only .bootstrap-select .dropdown-menu .dropdown-header,
body.dark-only .bootstrap-select .no-results {
  background-color: #1d1e26;
}
body.dark-only .bootstrap-select .dropdown-menu .dropdown-item {
  background-color: #262932;
  color: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 0.4);
}
body.dark-only .filepond--drop-label.filepond--drop-label label {
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .filepond--root .filepond--panel-root {
  background-color: #1d1e26;
}
body.dark-only .dropzone.dropzone-secondary i {
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .dropzone .dz-preview.dz-file-preview .dz-image {
  background: linear-gradient(180deg, #323846, #1d1e26);
}
body.dark-only .dropzone .dz-preview.dz-image-preview {
  background: transparent;
}
body.dark-only .dropzone .dz-preview .dz-details .dz-filename span,
body.dark-only .dropzone .dz-preview .dz-details .dz-size span {
  background-color: transparent !important;
  color: hsla(0, 0%, 100%, 0.3);
}
body.dark-only .warning-alert p {
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .warning-alert .btn-close {
  filter: invert(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: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .dark-helper .text-muted {
  color: #262932 !important;
}
body.dark-only .font-dark {
  color: hsla(0, 0%, 100%, 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-max,
body.dark-only .irs-min {
  background-color: #323846;
  color: #98a6ad;
}
body.dark-only .irs--flat .irs-line,
body.dark-only .irs--round .irs-line,
body.dark-only .irs--square .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: hsla(0, 0%, 100%, 0.5);
}
body.dark-only .main-divider .vertical-divider .divider-dark-icon {
  stroke: hsla(0, 0%, 100%, 0.5);
}
body.dark-only .main-divider .vertical-divider .vertical-line {
  color: #262932;
}
body.dark-only .main-divider .divider-h-line.bg-dark,
body.dark-only .main-divider .vertical-divider .vertical-line.bg-dark,
body.dark-only .main-divider .vr.bg-dark {
  background-color: hsla(0, 0%, 100%, 0.6) !important;
}
body.dark-only .animated-divider.animated-line:before {
  background: linear-gradient(
    90deg,
    #262932,
    #262932 5%,
    transparent 0,
    transparent 10%,
    #262932 0,
    #262932 15%,
    transparent 0,
    transparent 20%,
    #262932 0,
    #262932 25%,
    transparent 0,
    transparent 30%,
    #262932 0,
    #262932 35%,
    transparent 0,
    transparent 40%,
    #262932 0,
    #262932 45%,
    transparent 0,
    transparent 50%,
    #262932 0,
    #262932 55%,
    transparent 0,
    transparent 60%,
    #262932 0,
    #262932 65%,
    transparent 0,
    transparent 70%,
    #262932 0,
    #262932 75%,
    transparent 0,
    transparent 80%,
    #262932 0,
    #262932 85%,
    transparent 0,
    transparent 90%,
    #262932 0,
    #262932 95%,
    transparent 0,
    transparent
  );
  background-size: 150px;
}
body.dark-only .ribbon-vertical-left-wrapper.alert-light-light,
body.dark-only .ribbon-vertical-right-wrapper.alert-light-light,
body.dark-only .ribbon-wrapper-bottom.alert-light-light,
body.dark-only .ribbon-wrapper-right.alert-light-light,
body.dark-only .ribbon-wrapper.alert-light-light {
  background-color: #323846;
}
body.dark-only button.progress-btn {
  background-color: #323846;
  border-color: #323846;
}
body.dark-only .pagination .page-item .page-link.rounded-circle {
  color: hsla(0, 0%, 100%, 0.6) !important;
}
body.dark-only .pagination .page-item.disabled .page-link {
  border-color: #374558 !important;
}
body.dark-only .dark-timeline .date-content {
  background-color: #1d1e26 !important;
  color: hsla(0, 0%, 100%, 0.6) !important;
}
body.dark-only .animated-timeline .timeline-block .title {
  color: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 0.6);
}
body.dark-only
  .animated-timeline
  .timeline-block
  .timeline-event
  .timeline-desc
  span {
  color: hsla(0, 0%, 100%, 0.4);
}
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,
body.dark-only
  .animated-timeline
  .timeline-block
  .timeline-event.non-focus
  .timeline-desc
  span {
  color: hsla(0, 0%, 100%, 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 {
  border: 1px solid #374558;
  box-shadow: unset;
}
body.dark-only .task-table .main-task-wrapper .square-white {
  background-color: #1d1e26;
  border: 1px solid transparent;
  box-shadow: unset;
}
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 {
  background-color: #262932;
  border: 1px solid #374558;
  border-left: unset;
}
[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: hsla(0, 0%, 100%, 0.6) !important;
}
body.dark-only .our-product-wrapper {
  box-shadow: 0 3px 17px rgba(113, 113, 137, 0.18);
}
body.dark-only .order-details .common-search .input-group-text,
body.dark-only .order-details .search-items .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: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .create-customers .modal-body .dark-sign-up form .form-control {
  color: hsla(0, 0%, 100%, 0.2);
}
body.dark-only
  .create-customers
  .modal-body
  .dark-sign-up
  form
  .form-control::-moz-placeholder {
  color: hsla(0, 0%, 100%, 0.2);
}
body.dark-only
  .create-customers
  .modal-body
  .dark-sign-up
  form
  .form-control::placeholder {
  color: hsla(0, 0%, 100%, 0.2);
}
body.dark-only .customer-sticky .border-bottom {
  border-bottom-color: #374558 !important;
}
body.dark-only .compare-order .card-body .progress {
  background: #1d1e26;
}
body.dark-only .compare-order .card-body .user-text {
  color: hsla(0, 0%, 100%, 0.4);
}
body.dark-only .compare-order .compare-icon[class*="shadow-"] {
  box-shadow: 0 10.511241px 12.4089927673px 0 #323846;
}
body.dark-only .crm-todo-list li span,
body.dark-only .pipeline-data .common-flex span {
  color: hsla(0, 0%, 100%, 0.4);
}
body.dark-only .analytics-widget {
  background-blend-mode: darken;
  background-color: #262932;
}
body.dark-only .grid-showcase span,
body.dark-only .ribbon-vertical-left-wrapper.alert-light-light,
body.dark-only .ribbon-vertical-right-wrapper.alert-light-light,
body.dark-only .ribbon-wrapper-bottom.alert-light-light,
body.dark-only .ribbon-wrapper-right.alert-light-light,
body.dark-only .ribbon-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(0.501turn, #374558 -32.82%, #1d1e26 99.69%);
}
body.dark-only .employee-list-table.recent-table table tbody .square-white {
  box-shadow: unset;
}
body.dark-only .employee-list-table.recent-table table tbody .square-white svg {
  fill: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .dashboard-12 .tasks-card .arrow-group .next,
body.dark-only .dashboard-12 .tasks-card .arrow-group .prev {
  background-color: #1d1e26;
}
body.dark-only .dashboard-12 .tasks-card .task-box .progress {
  background: hsla(0, 0%, 100%, 0.2);
}
body.dark-only
  .dashboard-12
  .tasks-card
  .task-box
  .swiper-wrapper
  .swiper-slide
  + .swiper-slide {
  border-color: #374558;
}
body.dark-only .dashboard-12 .task-card .common-space:nth-child(2),
body.dark-only .dashboard-12 .task-card .common-space:nth-child(3) {
  color: hsla(0, 0%, 100%, 0.3);
}
body.dark-only .dashboard-12 .small-stats .task-box a,
body.dark-only .dashboard-12 .small-stats .task-box p {
  color: hsla(0, 0%, 100%, 0.4);
}
body.dark-only .dashboard-13 .widget-13 {
  background-blend-mode: color-burn;
}
body.dark-only
  .dashboard-13
  .shipping-details
  .simple-timeline
  ul
  li
  .shipment-details
  p:last-child {
  border-bottom-color: rgba(55, 69, 88, 0.5);
}
body.dark-only .dashboard-13 .shipping-details .simple-timeline ul li .dots {
  border-color: #1d1e26;
  box-shadow: 0 6px 18px 0 rgba(152, 166, 173, 0.19);
}
body.dark-only .main-setting .tab-content {
  border-color: #374558;
}
body.dark-only .main-setting .tab-content .advance-options .nav-link {
  background-color: transparent;
}
body.dark-only .main-setting .nav-link {
  background-color: #1d1e26;
  color: hsla(0, 0%, 100%, 0.4);
}
body.dark-only .main-setting .nav-link svg {
  stroke: hsla(0, 0%, 100%, 0.4);
}
body.dark-only .main-setting .form-label {
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .main-setting .form-control {
  background-color: #1d1e26;
  border-color: #1d1e26;
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .multiple-selects select option:checked {
  background-color: #323846;
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .autosize-textarea .textarea {
  background-color: #1d1e26;
  border-color: #374558;
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .autosize-textarea .textarea[contenteditable]:empty:before {
  color: hsla(0, 0%, 100%, 0.2);
}
body.dark-only .square-timeline:before {
  border-color: #374558;
}
body.dark-only
  .square-timeline
  .timeline-event
  .timeline-event-wrapper
  .timeline-thumbnail {
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only
  .square-timeline
  .timeline-event:hover
  .timeline-event-wrapper
  .timeline-thumbnail {
  color: #1d1e26;
}
body.dark-only .rounded-timeline .container:before {
  background: #374558;
}
body.dark-only .rounded-timeline .container:after {
  background: #1f2533;
  border-color: #374558;
}
body.dark-only .rounded-timeline .timeline:after {
  background: #374558;
}
body.dark-only audio::-webkit-media-controls-panel,
body.dark-only audio::-webkit-media-controls-play-button {
  background-color: #262932;
  color: hsla(0, 0%, 100%, 0.6);
}
@media (max-width: 335px) {
  body.dark-only audio::-webkit-media-controls-panel,
  body.dark-only audio::-webkit-media-controls-play-button {
    background-color: transparent;
  }
}
body.dark-only audio::-webkit-media-controls-current-time-display,
body.dark-only audio::-webkit-media-controls-time-remaining-display {
  text-shadow: unset;
}
body.dark-only audio::-webkit-media-controls-enclosure {
  background: unset;
}
body.dark-only
  .project-cards
  .project-list
  .main-card-box
  .cost-right-data
  ul
  li:first-child {
  border-color: hsla(0, 0%, 100%, 0.3);
}
body.dark-only
  .project-cards
  .project-list
  .main-card-box
  .cost-right-data
  ul
  li
  span {
  color: hsla(0, 0%, 100%, 0.4);
}
body.dark-only .project-cards .project-list .main-card-box > .common-space {
  border-color: hsla(0, 0%, 100%, 0.3);
}
body.dark-only
  .project-cards
  .projects-wrapper
  .list-box
  .project-body
  .progress {
  background-color: hsla(0, 0%, 100%, 0.2);
}
body.dark-only .gallery-description-skeleton .skeleton-wrapper {
  border-color: #374558;
}
body.dark-only .job-accordion .location-checkbox label span {
  color: hsla(0, 0%, 100%, 0.4);
}
body.dark-only .job-accordion span:not(.number) {
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only
  .job-accordion
  .animate-chk
  .form-check
  .form-check-label
  .number,
body.dark-only
  .job-accordion
  .filter-cards-view
  .form-check
  .form-check-label
  .number {
  color: hsla(0, 0%, 100%, 0.4);
}
body.dark-only .job-apply-wrapper .job-description input[type="text"] {
  border: 1px solid transparent;
}
body.dark-only
  .social-app-profile
  .tab-pane
  .job-accordion
  .filter-cards-view
  p {
  color: hsla(0, 0%, 100%, 0.4);
}
body.dark-only
  .social-app-profile1
  .social-app-profile
  .social-friends
  .social-profile
  .card-social:before {
  border-top-color: #374558;
}
body.dark-only
  .social-app-profile1
  .social-app-profile
  .social-friends
  .social-follow
  li
  + li:before {
  background-color: hsla(0, 0%, 100%, 0.2);
}
body.dark-only
  .social-app-profile1
  .social-app-profile
  .gallery-with-description
  .caption
  ul
  li
  + li {
  border-left-color: #374558;
}
body.dark-only
  .social-app-profile1
  .social-app-profile
  .common-user-image
  .tabs-social
  .nav-item
  .nav-link.active {
  background-color: #262932;
}
body.dark-only .main-vertical-tab .nav-link .badge {
  background-color: hsla(0, 0%, 100%, 0.9) !important;
}
body.dark-only
  .main-scope-project
  .progress-project-box
  .project-body
  .progress {
  background-color: hsla(0, 0%, 100%, 0.2);
}
body.dark-only .create-project-form .bootstrap-select .dropdown-toggle {
  background-color: #1d1e26 !important;
  border-color: #1d1e26 !important;
  color: hsla(0, 0%, 100%, 0.2) !important;
}
body.dark-only
  .create-project-form
  .bootstrap-select
  .dropdown-menu
  .bs-searchbox,
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: hsla(0, 0%, 100%, 0.15);
}
body.dark-only .progress-project-box .card,
body.dark-only .progress-project-box .list-box {
  box-shadow: 0 9px 20px 0 #323846;
}
body.dark-only .progress-project-box .card .project-body span,
body.dark-only .progress-project-box .list-box .project-body span {
  color: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .projects-wrapper .project-body .project-bottom p {
  color: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .filter-header .btn-group .dropdown-menu li .dropdown-item,
body.dark-only .project-timeline .notification ul li span {
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .project-timeline .notification ul li span .activity-profile {
  border-color: #374558;
}
body.dark-only .project-timeline .notification ul li .flowchart-wrapper,
body.dark-only .project-timeline .notification ul li .upload-doc {
  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: hsla(0, 0%, 100%, 0.4);
}
body.dark-only .attach-files-wrapper .upload-files-wrapper > div .progress {
  background: #323846;
}
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: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 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 tbody tr td,
body.dark-only .project-pending-table.recent-table table tbody tr th,
body.dark-only .project-pending-table.recent-table table thead tr td,
body.dark-only .project-pending-table.recent-table table thead tr th {
  color: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .main-team-box > div {
  background-color: #323846;
}
body.dark-only .team-box-content .common-space > span {
  color: hsla(0, 0%, 100%, 0.4);
}
body.dark-only .team-box-footer {
  border-top-color: #1d1e26;
}
body.dark-only .cmt-box .form-control {
  background-color: #1d1e26;
  border-color: #1d1e26;
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .main-scrollspy .experience-section h6 {
  color: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .blog-box .blog-details .blog-social li {
  color: hsla(0, 0%, 100%, 0.4);
}
body.dark-only .blog-box .blog-details .single-blog-content-top {
  border-color: #374558;
}
body.dark-only .blog-box .blog-date {
  color: hsla(0, 0%, 100%, 0.8);
}
body.dark-only .blog-box .blog-details-main .blog-bottom-details,
body.dark-only .blog-box .blog-details-main .blog-social li {
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .blog-list .blog-details h6 {
  color: hsla(0, 0%, 100%, 0.4);
}
body.dark-only .comment-box .d-flex img {
  border-color: #374558;
}
body.dark-only .comment-box .d-flex h6 span {
  color: hsla(0, 0%, 100%, 0.3);
}
body.dark-only .comment-box .comment-social li {
  color: hsla(0, 0%, 100%, 0.2);
}
body.dark-only .comment-box .comment-social li:first-child {
  border-right-color: #374558;
}
[dir="rtl"] body.dark-only .comment-box .comment-social li:first-child {
  border-left-color: #374558;
  border-right-color: unset;
}
body.dark-only .blog-single .blog-details .single-blog-content-top p,
body.dark-only .blog-single .comment-box p {
  color: hsla(0, 0%, 100%, 0.4);
}
body.dark-only .user-profile .block-main-wrapper .block-wrapper .freeze-ui,
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 .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::-moz-placeholder {
  color: hsla(0, 0%, 100%, 0.2);
}
body.dark-only
  .form-main-wrapper
  .form-block-wrapper
  .form-control::placeholder {
  color: hsla(0, 0%, 100%, 0.2);
}
body.dark-only div:where(.swal2-container) input:where(.swal2-input) {
  border-color: #374558;
}
body.dark-only .swal2-container .swal2-popup {
  background: #1d1e26;
}
body.dark-only .swal2-container .swal2-popup .swal2-title {
  color: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .swal2-container .swal2-popup .form-control {
  color: hsla(0, 0%, 100%, 0.2);
}
body.dark-only .swal2-container .swal2-popup .swal2-html-container {
  color: hsla(0, 0%, 100%, 0.4);
}
body.dark-only .swal2-container .swal2-wrapper .form-control,
body.dark-only .swal2-container .swal2-wrapper .form-select {
  background-color: #262932;
  border-color: #374558;
}
body.dark-only
  .swal2-container
  .swal2-timer-progress-bar-container
  .swal2-timer-progress-bar {
  background-color: #374558;
}
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-control,
body.dark-only
  .main-offcanvas-wrapper
  .card-body
  [class*="offcanvas-"]
  .offcanvas-body
  .form-select {
  color: hsla(0, 0%, 100%, 0.3);
}
body.dark-only
  .main-offcanvas-wrapper
  .card-body
  [class*="offcanvas-"]
  .offcanvas-body
  .form-label {
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .form-control[type="file"]:not(:disabled):not([readonly]) {
  background-color: #1d1e26;
  border-color: #374558;
  color: hsla(0, 0%, 100%, 0.2);
}
body.dark-only .custom-input .form-control,
body.dark-only .custom-input .form-select {
  background-color: #1d1e26;
  border-color: #374558;
  color: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 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
  .accordion-button.collapsed {
  background-color: #1d1e26;
}
body.dark-only .api-manage div.dt-container .dt-layout-row .dt-length .dt-input,
body.dark-only
  .candidate-wrapper
  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,
body.dark-only
  .common-order-history
  div.dt-container
  .dt-layout-row
  .dt-length
  .dt-input,
body.dark-only
  .customer-order-wrapper
  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
  .dashboard-12
  div.dt-container
  .dt-layout-row
  .dt-length
  .dt-input,
body.dark-only
  .dashboard-13
  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
  .default-dashboard
  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
  .main-scope-project
  div.dt-container
  .dt-layout-row
  .dt-length
  .dt-input,
body.dark-only .main-tasks div.dt-container .dt-layout-row .dt-length .dt-input,
body.dark-only
  .manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dt-length
  .dt-input,
body.dark-only
  .product-report-wrapper
  div.dt-container
  .dt-layout-row
  .dt-length
  .dt-input,
body.dark-only
  .role-permission-wrapper
  div.dt-container
  .dt-layout-row
  .dt-length
  .dt-input,
body.dark-only
  .sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dt-length
  .dt-input,
body.dark-only
  .sale-return-wrapper
  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
  .subscribed-user
  div.dt-container
  .dt-layout-row
  .dt-length
  .dt-input,
body.dark-only
  .user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dt-length
  .dt-input {
  background-color: #1d1e26;
  border-color: #374558;
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only
  .api-manage
  div.dt-container
  .dt-layout-row
  .dt-length
  .dt-input:focus-visible,
body.dark-only
  .candidate-wrapper
  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,
body.dark-only
  .common-order-history
  div.dt-container
  .dt-layout-row
  .dt-length
  .dt-input:focus-visible,
body.dark-only
  .customer-order-wrapper
  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
  .dashboard-12
  div.dt-container
  .dt-layout-row
  .dt-length
  .dt-input:focus-visible,
body.dark-only
  .dashboard-13
  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
  .default-dashboard
  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
  .main-scope-project
  div.dt-container
  .dt-layout-row
  .dt-length
  .dt-input:focus-visible,
body.dark-only
  .main-tasks
  div.dt-container
  .dt-layout-row
  .dt-length
  .dt-input:focus-visible,
body.dark-only
  .manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dt-length
  .dt-input:focus-visible,
body.dark-only
  .product-report-wrapper
  div.dt-container
  .dt-layout-row
  .dt-length
  .dt-input:focus-visible,
body.dark-only
  .role-permission-wrapper
  div.dt-container
  .dt-layout-row
  .dt-length
  .dt-input:focus-visible,
body.dark-only
  .sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dt-length
  .dt-input:focus-visible,
body.dark-only
  .sale-return-wrapper
  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
  .subscribed-user
  div.dt-container
  .dt-layout-row
  .dt-length
  .dt-input:focus-visible,
body.dark-only
  .user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dt-length
  .dt-input:focus-visible {
  outline: transparent;
}
body.dark-only
  .api-manage
  div.dt-container
  .dt-layout-row
  .dataTable
  input.dt-select-checkbox:indeterminate:after,
body.dark-only
  .candidate-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  input.dt-select-checkbox:indeterminate:after,
body.dark-only
  .common-cart
  div.dt-container
  .dt-layout-row
  .dataTable
  input.dt-select-checkbox:indeterminate:after,
body.dark-only
  .common-order-history
  div.dt-container
  .dt-layout-row
  .dataTable
  input.dt-select-checkbox:indeterminate:after,
body.dark-only
  .customer-order-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  input.dt-select-checkbox:indeterminate:after,
body.dark-only
  .dashboard-09
  div.dt-container
  .dt-layout-row
  .dataTable
  input.dt-select-checkbox:indeterminate:after,
body.dark-only
  .dashboard-10
  div.dt-container
  .dt-layout-row
  .dataTable
  input.dt-select-checkbox:indeterminate:after,
body.dark-only
  .dashboard-11
  div.dt-container
  .dt-layout-row
  .dataTable
  input.dt-select-checkbox:indeterminate:after,
body.dark-only
  .dashboard-12
  div.dt-container
  .dt-layout-row
  .dataTable
  input.dt-select-checkbox:indeterminate:after,
body.dark-only
  .dashboard-13
  div.dt-container
  .dt-layout-row
  .dataTable
  input.dt-select-checkbox:indeterminate:after,
body.dark-only
  .dashboard-2
  div.dt-container
  .dt-layout-row
  .dataTable
  input.dt-select-checkbox:indeterminate:after,
body.dark-only
  .dashboard-3
  div.dt-container
  .dt-layout-row
  .dataTable
  input.dt-select-checkbox:indeterminate:after,
body.dark-only
  .dashboard-4
  div.dt-container
  .dt-layout-row
  .dataTable
  input.dt-select-checkbox:indeterminate:after,
body.dark-only
  .dashboard-5
  div.dt-container
  .dt-layout-row
  .dataTable
  input.dt-select-checkbox:indeterminate:after,
body.dark-only
  .dashboard-6
  div.dt-container
  .dt-layout-row
  .dataTable
  input.dt-select-checkbox:indeterminate:after,
body.dark-only
  .dashboard-7
  div.dt-container
  .dt-layout-row
  .dataTable
  input.dt-select-checkbox:indeterminate:after,
body.dark-only
  .default-dashboard
  div.dt-container
  .dt-layout-row
  .dataTable
  input.dt-select-checkbox:indeterminate:after,
body.dark-only
  .e-category
  div.dt-container
  .dt-layout-row
  .dataTable
  input.dt-select-checkbox:indeterminate:after,
body.dark-only
  .list-product-view
  div.dt-container
  .dt-layout-row
  .dataTable
  input.dt-select-checkbox:indeterminate:after,
body.dark-only
  .main-scope-project
  div.dt-container
  .dt-layout-row
  .dataTable
  input.dt-select-checkbox:indeterminate:after,
body.dark-only
  .main-tasks
  div.dt-container
  .dt-layout-row
  .dataTable
  input.dt-select-checkbox:indeterminate:after,
body.dark-only
  .manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  input.dt-select-checkbox:indeterminate:after,
body.dark-only
  .product-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  input.dt-select-checkbox:indeterminate:after,
body.dark-only
  .role-permission-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  input.dt-select-checkbox:indeterminate:after,
body.dark-only
  .sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  input.dt-select-checkbox:indeterminate:after,
body.dark-only
  .sale-return-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  input.dt-select-checkbox:indeterminate:after,
body.dark-only
  .seller-details-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  input.dt-select-checkbox:indeterminate:after,
body.dark-only
  .subscribed-user
  div.dt-container
  .dt-layout-row
  .dataTable
  input.dt-select-checkbox:indeterminate:after,
body.dark-only
  .user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dataTable
  input.dt-select-checkbox:indeterminate:after {
  background-color: hsla(0, 0%, 100%, 0.8);
}
body.dark-only .api-manage div.dt-container .dt-layout-row tr.selected td,
body.dark-only
  .candidate-wrapper
  div.dt-container
  .dt-layout-row
  tr.selected
  td,
body.dark-only .common-cart 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
  .customer-order-wrapper
  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 .dashboard-12 div.dt-container .dt-layout-row tr.selected td,
body.dark-only .dashboard-13 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
  .default-dashboard
  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
  .main-scope-project
  div.dt-container
  .dt-layout-row
  tr.selected
  td,
body.dark-only .main-tasks div.dt-container .dt-layout-row tr.selected td,
body.dark-only
  .manage-review-wrapper
  div.dt-container
  .dt-layout-row
  tr.selected
  td,
body.dark-only
  .product-report-wrapper
  div.dt-container
  .dt-layout-row
  tr.selected
  td,
body.dark-only
  .role-permission-wrapper
  div.dt-container
  .dt-layout-row
  tr.selected
  td,
body.dark-only
  .sale-report-wrapper
  div.dt-container
  .dt-layout-row
  tr.selected
  td,
body.dark-only
  .sale-return-wrapper
  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 .subscribed-user div.dt-container .dt-layout-row tr.selected td,
body.dark-only
  .user-list-wrapper
  div.dt-container
  .dt-layout-row
  tr.selected
  td {
  box-shadow: inset 0 0 0 9999px #323846;
}
body.dark-only .api-manage div.dt-container .dt-layout-row tr.selected a,
body.dark-only .candidate-wrapper div.dt-container .dt-layout-row tr.selected a,
body.dark-only .common-cart 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
  .customer-order-wrapper
  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 .dashboard-12 div.dt-container .dt-layout-row tr.selected a,
body.dark-only .dashboard-13 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 .default-dashboard 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
  .main-scope-project
  div.dt-container
  .dt-layout-row
  tr.selected
  a,
body.dark-only .main-tasks div.dt-container .dt-layout-row tr.selected a,
body.dark-only
  .manage-review-wrapper
  div.dt-container
  .dt-layout-row
  tr.selected
  a,
body.dark-only
  .product-report-wrapper
  div.dt-container
  .dt-layout-row
  tr.selected
  a,
body.dark-only
  .role-permission-wrapper
  div.dt-container
  .dt-layout-row
  tr.selected
  a,
body.dark-only
  .sale-report-wrapper
  div.dt-container
  .dt-layout-row
  tr.selected
  a,
body.dark-only
  .sale-return-wrapper
  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 .subscribed-user div.dt-container .dt-layout-row tr.selected a,
body.dark-only
  .user-list-wrapper
  div.dt-container
  .dt-layout-row
  tr.selected
  a {
  color: hsla(0, 0%, 100%, 0.4);
}
body.dark-only
  .api-manage
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-info,
body.dark-only .api-manage div.dt-container .dt-layout-row .dt-search label,
body.dark-only
  .candidate-wrapper
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-info,
body.dark-only
  .candidate-wrapper
  div.dt-container
  .dt-layout-row
  .dt-search
  label,
body.dark-only
  .common-cart
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-info,
body.dark-only .common-cart div.dt-container .dt-layout-row .dt-search label,
body.dark-only
  .common-order-history
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-info,
body.dark-only
  .common-order-history
  div.dt-container
  .dt-layout-row
  .dt-search
  label,
body.dark-only
  .customer-order-wrapper
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-info,
body.dark-only
  .customer-order-wrapper
  div.dt-container
  .dt-layout-row
  .dt-search
  label,
body.dark-only
  .dashboard-09
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-info,
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-layout-cell
  .dt-info,
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-layout-cell
  .dt-info,
body.dark-only .dashboard-11 div.dt-container .dt-layout-row .dt-search label,
body.dark-only
  .dashboard-12
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-info,
body.dark-only .dashboard-12 div.dt-container .dt-layout-row .dt-search label,
body.dark-only
  .dashboard-13
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-info,
body.dark-only .dashboard-13 div.dt-container .dt-layout-row .dt-search label,
body.dark-only
  .dashboard-2
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-info,
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-layout-cell
  .dt-info,
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-layout-cell
  .dt-info,
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-layout-cell
  .dt-info,
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-layout-cell
  .dt-info,
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-layout-cell
  .dt-info,
body.dark-only .dashboard-7 div.dt-container .dt-layout-row .dt-search label,
body.dark-only
  .default-dashboard
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-info,
body.dark-only
  .default-dashboard
  div.dt-container
  .dt-layout-row
  .dt-search
  label,
body.dark-only
  .e-category
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-info,
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-layout-cell
  .dt-info,
body.dark-only
  .list-product-view
  div.dt-container
  .dt-layout-row
  .dt-search
  label,
body.dark-only
  .main-scope-project
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-info,
body.dark-only
  .main-scope-project
  div.dt-container
  .dt-layout-row
  .dt-search
  label,
body.dark-only
  .main-tasks
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-info,
body.dark-only .main-tasks div.dt-container .dt-layout-row .dt-search label,
body.dark-only
  .manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-info,
body.dark-only
  .manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dt-search
  label,
body.dark-only
  .product-report-wrapper
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-info,
body.dark-only
  .product-report-wrapper
  div.dt-container
  .dt-layout-row
  .dt-search
  label,
body.dark-only
  .role-permission-wrapper
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-info,
body.dark-only
  .role-permission-wrapper
  div.dt-container
  .dt-layout-row
  .dt-search
  label,
body.dark-only
  .sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-info,
body.dark-only
  .sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dt-search
  label,
body.dark-only
  .sale-return-wrapper
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-info,
body.dark-only
  .sale-return-wrapper
  div.dt-container
  .dt-layout-row
  .dt-search
  label,
body.dark-only
  .seller-details-wrapper
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-info,
body.dark-only
  .seller-details-wrapper
  div.dt-container
  .dt-layout-row
  .dt-search
  label,
body.dark-only
  .subscribed-user
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-info,
body.dark-only
  .subscribed-user
  div.dt-container
  .dt-layout-row
  .dt-search
  label,
body.dark-only
  .user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dt-layout-cell
  .dt-info,
body.dark-only
  .user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dt-search
  label {
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .api-manage div.dt-container .dt-layout-row .dt-search .dt-input,
body.dark-only
  .candidate-wrapper
  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,
body.dark-only
  .common-order-history
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input,
body.dark-only
  .customer-order-wrapper
  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
  .dashboard-12
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input,
body.dark-only
  .dashboard-13
  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
  .default-dashboard
  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
  .main-scope-project
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input,
body.dark-only .main-tasks div.dt-container .dt-layout-row .dt-search .dt-input,
body.dark-only
  .manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input,
body.dark-only
  .product-report-wrapper
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input,
body.dark-only
  .role-permission-wrapper
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input,
body.dark-only
  .sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input,
body.dark-only
  .sale-return-wrapper
  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
  .subscribed-user
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input,
body.dark-only
  .user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dt-search
  .dt-input {
  background-color: #1d1e26;
  color: hsla(0, 0%, 100%, 0.6);
  outline: unset;
}
body.dark-only
  .api-manage
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button,
body.dark-only
  .candidate-wrapper
  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,
body.dark-only
  .common-order-history
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button,
body.dark-only
  .customer-order-wrapper
  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
  .dashboard-12
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button,
body.dark-only
  .dashboard-13
  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
  .default-dashboard
  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
  .main-scope-project
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button,
body.dark-only
  .main-tasks
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button,
body.dark-only
  .manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button,
body.dark-only
  .product-report-wrapper
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button,
body.dark-only
  .role-permission-wrapper
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button,
body.dark-only
  .sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button,
body.dark-only
  .sale-return-wrapper
  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
  .subscribed-user
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button,
body.dark-only
  .user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button {
  background-color: #1d1e26;
}
body.dark-only
  .api-manage
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button.current,
body.dark-only
  .candidate-wrapper
  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,
body.dark-only
  .common-order-history
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button.current,
body.dark-only
  .customer-order-wrapper
  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
  .dashboard-12
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button.current,
body.dark-only
  .dashboard-13
  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
  .default-dashboard
  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
  .main-scope-project
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button.current,
body.dark-only
  .main-tasks
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button.current,
body.dark-only
  .manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button.current,
body.dark-only
  .product-report-wrapper
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button.current,
body.dark-only
  .role-permission-wrapper
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button.current,
body.dark-only
  .sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button.current,
body.dark-only
  .sale-return-wrapper
  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
  .subscribed-user
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button.current,
body.dark-only
  .user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button.current {
  background-color: var(--theme-default);
}
body.dark-only
  .api-manage
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button.disabled,
body.dark-only
  .candidate-wrapper
  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,
body.dark-only
  .common-order-history
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button.disabled,
body.dark-only
  .customer-order-wrapper
  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
  .dashboard-12
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button.disabled,
body.dark-only
  .dashboard-13
  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
  .default-dashboard
  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
  .main-scope-project
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button.disabled,
body.dark-only
  .main-tasks
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button.disabled,
body.dark-only
  .manage-review-wrapper
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button.disabled,
body.dark-only
  .product-report-wrapper
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button.disabled,
body.dark-only
  .role-permission-wrapper
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button.disabled,
body.dark-only
  .sale-report-wrapper
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button.disabled,
body.dark-only
  .sale-return-wrapper
  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
  .subscribed-user
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button.disabled,
body.dark-only
  .user-list-wrapper
  div.dt-container
  .dt-layout-row
  .dt-paging
  .dt-paging-button.disabled {
  background-color: #1d1e26;
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .api-manage table tbody tr td .square-white,
body.dark-only .candidate-wrapper table tbody tr td .square-white,
body.dark-only .common-cart table tbody tr td .square-white,
body.dark-only .common-order-history table tbody tr td .square-white,
body.dark-only .customer-order-wrapper table tbody tr td .square-white,
body.dark-only .dashboard-09 table tbody tr td .square-white,
body.dark-only .dashboard-10 table tbody tr td .square-white,
body.dark-only .dashboard-11 table tbody tr td .square-white,
body.dark-only .dashboard-12 table tbody tr td .square-white,
body.dark-only .dashboard-13 table tbody tr td .square-white,
body.dark-only .dashboard-2 table tbody tr td .square-white,
body.dark-only .dashboard-3 table tbody tr td .square-white,
body.dark-only .dashboard-4 table tbody tr td .square-white,
body.dark-only .dashboard-5 table tbody tr td .square-white,
body.dark-only .dashboard-6 table tbody tr td .square-white,
body.dark-only .dashboard-7 table tbody tr td .square-white,
body.dark-only .default-dashboard table tbody tr td .square-white,
body.dark-only .e-category table tbody tr td .square-white,
body.dark-only .list-product-view table tbody tr td .square-white,
body.dark-only .main-scope-project table tbody tr td .square-white,
body.dark-only .main-tasks table tbody tr td .square-white,
body.dark-only .manage-review-wrapper table tbody tr td .square-white,
body.dark-only .product-report-wrapper table tbody tr td .square-white,
body.dark-only .role-permission-wrapper table tbody tr td .square-white,
body.dark-only .sale-report-wrapper table tbody tr td .square-white,
body.dark-only .sale-return-wrapper table tbody tr td .square-white,
body.dark-only .seller-details-wrapper table tbody tr td .square-white,
body.dark-only .subscribed-user table tbody tr td .square-white,
body.dark-only .user-list-wrapper table tbody tr td .square-white {
  background-color: #1d1e26;
  box-shadow: unset;
}
body.dark-only .api-manage table tbody tr td .square-white svg,
body.dark-only .candidate-wrapper table tbody tr td .square-white svg,
body.dark-only .common-cart table tbody tr td .square-white svg,
body.dark-only .common-order-history table tbody tr td .square-white svg,
body.dark-only .customer-order-wrapper table tbody tr td .square-white svg,
body.dark-only .dashboard-09 table tbody tr td .square-white svg,
body.dark-only .dashboard-10 table tbody tr td .square-white svg,
body.dark-only .dashboard-11 table tbody tr td .square-white svg,
body.dark-only .dashboard-12 table tbody tr td .square-white svg,
body.dark-only .dashboard-13 table tbody tr td .square-white svg,
body.dark-only .dashboard-2 table tbody tr td .square-white svg,
body.dark-only .dashboard-3 table tbody tr td .square-white svg,
body.dark-only .dashboard-4 table tbody tr td .square-white svg,
body.dark-only .dashboard-5 table tbody tr td .square-white svg,
body.dark-only .dashboard-6 table tbody tr td .square-white svg,
body.dark-only .dashboard-7 table tbody tr td .square-white svg,
body.dark-only .default-dashboard table tbody tr td .square-white svg,
body.dark-only .e-category table tbody tr td .square-white svg,
body.dark-only .list-product-view table tbody tr td .square-white svg,
body.dark-only .main-scope-project table tbody tr td .square-white svg,
body.dark-only .main-tasks table tbody tr td .square-white svg,
body.dark-only .manage-review-wrapper table tbody tr td .square-white svg,
body.dark-only .product-report-wrapper table tbody tr td .square-white svg,
body.dark-only .role-permission-wrapper table tbody tr td .square-white svg,
body.dark-only .sale-report-wrapper table tbody tr td .square-white svg,
body.dark-only .sale-return-wrapper table tbody tr td .square-white svg,
body.dark-only .seller-details-wrapper table tbody tr td .square-white svg,
body.dark-only .subscribed-user table tbody tr td .square-white svg,
body.dark-only .user-list-wrapper table tbody tr td .square-white svg {
  fill: hsla(0, 0%, 100%, 0.4);
}
body.dark-only .customer-order-wrapper .flatpickr-input span,
body.dark-only .product-report-wrapper .flatpickr-input span,
body.dark-only .sale-report-wrapper .flatpickr-input span,
body.dark-only .sale-return-wrapper .flatpickr-input span {
  border-color: #374558;
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .customer-order-wrapper .flatpickr-input #rangeButtons,
body.dark-only .product-report-wrapper .flatpickr-input #rangeButtons,
body.dark-only .sale-report-wrapper .flatpickr-input #rangeButtons,
body.dark-only .sale-return-wrapper .flatpickr-input #rangeButtons {
  box-shadow: 0 0 28px 6px #1d1e26;
}
body.dark-only .customer-order-wrapper .flatpickr-input #rangeButtons button,
body.dark-only .product-report-wrapper .flatpickr-input #rangeButtons button,
body.dark-only .sale-report-wrapper .flatpickr-input #rangeButtons button,
body.dark-only .sale-return-wrapper .flatpickr-input #rangeButtons button {
  background-color: #1d1e26;
  color: hsla(0, 0%, 100%, 0.4);
}
body.dark-only
  .customer-order-wrapper
  .flatpickr-input
  #rangeButtons
  button:hover,
body.dark-only
  .product-report-wrapper
  .flatpickr-input
  #rangeButtons
  button:hover,
body.dark-only .sale-report-wrapper .flatpickr-input #rangeButtons button:hover,
body.dark-only
  .sale-return-wrapper
  .flatpickr-input
  #rangeButtons
  button:hover {
  color: var(--theme-default);
}
body.dark-only
  .customer-order-wrapper
  .flatpickr-input
  #rangeButtons
  button.active,
body.dark-only
  .product-report-wrapper
  .flatpickr-input
  #rangeButtons
  button.active,
body.dark-only
  .sale-report-wrapper
  .flatpickr-input
  #rangeButtons
  button.active,
body.dark-only
  .sale-return-wrapper
  .flatpickr-input
  #rangeButtons
  button.active {
  background-color: var(--theme-default);
  color: #fff;
}
body.dark-only .cke .cke_top {
  background-color: #1d1e26 !important;
  border-color: #374558 !important;
}
body.dark-only .cke .cke_button .cke_button_icon {
  filter: invert(1);
}
body.dark-only .cke .cke_button:hover .cke_button_icon {
  filter: hue-rotate(45deg);
}
body.dark-only .cke .cke_combo_button .cke_combo_text {
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .cke .cke_combo_button .cke_combo_arrow {
  border-top-color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .cke .cke_combo_button:hover .cke_combo_text {
  color: #1d1e26;
}
body.dark-only .cke .cke_combo_button:hover .cke_combo_arrow {
  border-top-color: #1d1e26;
}
body.dark-only
  .customer-order-wrapper
  .customer-order-report
  .recent-table
  table
  tbody
  tr
  td
  .customer-details
  a,
body.dark-only
  .customer-order-wrapper
  .customer-order-report
  .recent-table
  table
  tbody
  tr
  th
  .customer-details
  a,
body.dark-only
  .customer-order-wrapper
  .customer-order-report
  .recent-table
  table
  thead
  tr
  td
  .customer-details
  a,
body.dark-only
  .customer-order-wrapper
  .customer-order-report
  .recent-table
  table
  thead
  tr
  th
  .customer-details
  a {
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only
  .subscribed-user-wrapper
  .recent-table
  table
  tbody
  tr
  td
  .square-white,
body.dark-only
  .subscribed-user-wrapper
  .recent-table
  table
  tbody
  tr
  th
  .square-white,
body.dark-only
  .subscribed-user-wrapper
  .recent-table
  table
  thead
  tr
  td
  .square-white,
body.dark-only
  .subscribed-user-wrapper
  .recent-table
  table
  thead
  tr
  th
  .square-white {
  box-shadow: 0 0 28px 6px #1d1e26;
}
body.dark-only
  .subscribed-user-wrapper
  .recent-table
  table
  tbody
  tr
  td
  .square-white
  i,
body.dark-only
  .subscribed-user-wrapper
  .recent-table
  table
  tbody
  tr
  th
  .square-white
  i,
body.dark-only
  .subscribed-user-wrapper
  .recent-table
  table
  thead
  tr
  td
  .square-white
  i,
body.dark-only
  .subscribed-user-wrapper
  .recent-table
  table
  thead
  tr
  th
  .square-white
  i {
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .api-management .recent-table table tbody tr td .square-l-white,
body.dark-only .api-management .recent-table table tbody tr th .square-l-white,
body.dark-only .api-management .recent-table table thead tr td .square-l-white,
body.dark-only .api-management .recent-table table thead tr th .square-l-white {
  background-color: #1d1e26;
}
body.dark-only
  .api-management
  .recent-table
  table
  tbody
  tr
  td
  .square-l-white
  i,
body.dark-only
  .api-management
  .recent-table
  table
  tbody
  tr
  th
  .square-l-white
  i,
body.dark-only
  .api-management
  .recent-table
  table
  thead
  tr
  td
  .square-l-white
  i,
body.dark-only
  .api-management
  .recent-table
  table
  thead
  tr
  th
  .square-l-white
  i {
  color: hsla(0, 0%, 100%, 0.2);
}
body.dark-only
  .role-permission-wrapper
  .permission-form
  ul
  li
  .form-check
  .form-check-input:valid
  ~ .form-check-label {
  color: hsla(0, 0%, 100%, 0.4);
}
body.dark-only .user-list-wrapper .user-list-table a {
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .manage-review-wrapper .bootstrap-select .dropdown-toggle {
  color: hsla(0, 0%, 100%, 0.4) !important;
}
body.dark-only
  .manage-review-wrapper
  .manage-review
  .recent-table
  table
  tbody
  tr
  td
  .common-f-start
  .user-details
  p,
body.dark-only
  .manage-review-wrapper
  .manage-review
  .recent-table
  table
  tbody
  tr
  td
  .customer-review
  span,
body.dark-only
  .manage-review-wrapper
  .manage-review
  .recent-table
  table
  tbody
  tr
  th
  .common-f-start
  .user-details
  p,
body.dark-only
  .manage-review-wrapper
  .manage-review
  .recent-table
  table
  tbody
  tr
  th
  .customer-review
  span,
body.dark-only
  .manage-review-wrapper
  .manage-review
  .recent-table
  table
  thead
  tr
  td
  .common-f-start
  .user-details
  p,
body.dark-only
  .manage-review-wrapper
  .manage-review
  .recent-table
  table
  thead
  tr
  td
  .customer-review
  span,
body.dark-only
  .manage-review-wrapper
  .manage-review
  .recent-table
  table
  thead
  tr
  th
  .common-f-start
  .user-details
  p,
body.dark-only
  .manage-review-wrapper
  .manage-review
  .recent-table
  table
  thead
  tr
  th
  .customer-review
  span {
  color: hsla(0, 0%, 100%, 0.4);
}
body.dark-only
  .manage-review-wrapper
  .manage-review
  .recent-table
  table
  tbody
  tr
  td
  [class*="square-"],
body.dark-only
  .manage-review-wrapper
  .manage-review
  .recent-table
  table
  tbody
  tr
  th
  [class*="square-"],
body.dark-only
  .manage-review-wrapper
  .manage-review
  .recent-table
  table
  thead
  tr
  td
  [class*="square-"],
body.dark-only
  .manage-review-wrapper
  .manage-review
  .recent-table
  table
  thead
  tr
  th
  [class*="square-"] {
  box-shadow: 0 0 28px 6px #1d1e26;
}
body.dark-only
  .manage-review-wrapper
  .manage-review
  .recent-table
  table
  tbody
  tr.dt-hasChild
  ~ tr[data-dt-row]
  tbody,
body.dark-only
  .manage-review-wrapper
  .manage-review
  .recent-table
  table
  thead
  tr.dt-hasChild
  ~ tr[data-dt-row]
  tbody {
  background-color: #1d1e26;
}
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;
  border: transparent;
  color: #fff;
}
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: #374558;
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .dark-inputs .form-control.btn-pill,
body.dark-only .dark-inputs .form-control.btn-square,
body.dark-only .dark-inputs .form-control.input-air-primary,
body.dark-only .form-control-sm {
  background-color: #1d1e26;
  border-color: #374558;
}
body.dark-only
  .horizontal-wizard-wrapper
  .main-horizontal-header
  .horizontal-options
  .nav-link
  .horizontal-wizard
  .stroke-icon-wizard {
  color: hsla(0, 0%, 100%, 0.6);
}
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 .pre-post-touchspin input[type="number"].input-touchspin,
body.dark-only .touchspin-wrapper input[type="number"].input-touchspin {
  background-color: #1d1e26;
  color: hsla(0, 0%, 100%, 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:after,
body.dark-only .flatpickr-calendar.arrowTop:before {
  border-bottom-color: #1d1e26;
}
body.dark-only .flatpickr-calendar.arrowBottom:after,
body.dark-only .flatpickr-calendar.arrowBottom:before {
  border-top-color: #1d1e26;
}
body.dark-only .flatpickr-calendar.animate {
  background-color: #1d1e26;
}
body.dark-only .flatpickr-calendar .flatpickr-months .flatpickr-next-month,
body.dark-only .flatpickr-calendar .flatpickr-months .flatpickr-prev-month {
  fill: hsla(0, 0%, 100%, 0.6);
}
body.dark-only
  .flatpickr-calendar
  .flatpickr-months
  .flatpickr-monthDropdown-months {
  color: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 0.7);
}
body.dark-only .flatpickr-calendar .flatpickr-day {
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .flatpickr-calendar .flatpickr-day.nextMonthDay,
body.dark-only .flatpickr-calendar .flatpickr-day.prevMonthDay {
  color: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .flatpickr-calendar .flatpickr-time .flatpickr-am-pm {
  background: #1d1e26;
  color: hsla(0, 0%, 100%, 0.2);
}
body.dark-only .flatpickr-calendar .flatpickr-time .flatpickr-am-pm:hover {
  color: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .tagify__dropdown__item--active {
  background-color: #1d1e26;
}
body.dark-only .tagify__input,
body.dark-only .tagify__input:before {
  color: #98a6ad;
}
body.dark-only .tagify__input:focus:empty:before {
  color: hsla(0, 0%, 100%, 0.2);
}
body.dark-only .tagify {
  border-color: #374558;
  --tags-focus-border-color: #374558;
}
body.dark-only .tagify .tagify__tag__removeBtn {
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .tagify__tag {
  --tag-bg: var(--light-bg);
  --tag-hover: var(--light-bg);
}
body.dark-only .tagify__tag > div {
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .tagify__tag:hover {
  --tag-hover: var(--light-bg);
}
body.dark-only .international-num input {
  background-color: #262932;
  border-color: #374558;
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .international-num input::-moz-placeholder {
  color: hsla(0, 0%, 100%, 0.4);
}
body.dark-only .international-num input::placeholder {
  color: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 0.6);
}
body.dark-only
  .list-product-view
  .list-product
  .recent-table
  table
  tbody
  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
  thead
  tr
  td
  .product-action
  .square-white,
body.dark-only
  .list-product-view
  .list-product
  .recent-table
  table
  thead
  tr
  th
  .product-action
  .square-white {
  background-color: #1d1e26;
  box-shadow: unset;
}
body.dark-only
  .product-filter
  .checkbox-animated
  .form-check
  .form-check-label
  .number {
  color: hsla(0, 0%, 100%, 0.4);
}
body.dark-only .feature-products .filter-toggle {
  background-color: #262932;
}
body.dark-only .product-wrapper .product-grid .form-select {
  background-blend-mode: screen;
  background-color: #262932;
}
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 {
  background-color: #1d1e26;
  box-shadow: unset;
}
body.dark-only
  .common-order-history
  .order-history-wrapper
  .recent-table
  table
  tbody
  .square-white
  svg {
  fill: hsla(0, 0%, 100%, 0.6);
}
body.dark-only
  .track-order-details
  #order-status-timeline
  .main-status-line
  ul
  li
  .order-process {
  border-color: #374558;
  color: hsla(0, 0%, 100%, 0.4);
}
body.dark-only
  .track-order-details
  #order-status-timeline
  .main-status-line
  ul
  li
  .order-process.active {
  color: hsla(0, 0%, 100%, 0.8);
}
body.dark-only
  .track-order-details
  #order-status-timeline
  .main-status-line
  ul
  li
  h6,
body.dark-only .tracking-total li h6,
body.dark-only .tracking-total li span {
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .tracking-total li:last-child {
  border-color: #374558;
}
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: hsla(0, 0%, 100%, 0.4);
}
body.dark-only .customer-details h6 {
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .customer-details span {
  color: hsla(0, 0%, 100%, 0.4);
}
body.dark-only .pricingtable {
  box-shadow: 0 0 40px #1d1e26;
}
body.dark-only .pricing-simple .pricing-content li {
  color: hsla(0, 0%, 100%, 0.4);
}
body.dark-only .checkout .checkout-cart form .form-control::-moz-placeholder {
  color: hsla(0, 0%, 100%, 0.4);
}
body.dark-only .checkout .checkout-cart form .form-control::placeholder {
  color: hsla(0, 0%, 100%, 0.4);
}
body.dark-only
  .shipping-form
  .checkout-cart
  .basic-wizard
  .shipping-wizard
  .shipping-address
  span
  strong {
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .summery-contain {
  border-bottom-color: #374558;
}
body.dark-only .summery-contain li {
  border-bottom-color: hsla(0, 0%, 100%, 0.2);
}
body.dark-only .summery-contain li h6 {
  color: hsla(0, 0%, 100%, 0.4);
}
body.dark-only .summary-total li h6 {
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .summary-total li:last-child {
  border-top-color: #374558;
}
body.dark-only .wishlist-box .wishlist-footer .brand-name,
body.dark-only .wishlist-box .wishlist-footer .price del {
  color: hsla(0, 0%, 100%, 0.4);
}
body.dark-only .wishlist-box .wishlist-image .wishlist-close-btn .btn {
  box-shadow: 0 3px 3px hsla(0, 0%, 100%, 0.1) !important;
}
body.dark-only .candidate-wrapper .candidates-box .candidate-desc li p {
  color: hsla(0, 0%, 100%, 0.4);
}
body.dark-only .candidate-wrapper .candidates-box .candidate-desc li span {
  color: #98a6ad;
}
body.dark-only .candidate-wrapper .candidates-box .common-f-start .attachment {
  background-color: #1d1e26;
  color: hsla(0, 0%, 100%, 0.4);
}
body.dark-only .candidate-wrapper .candidates-box .candidate-skill p,
body.dark-only .candidate-wrapper .candidates-box .educations p {
  color: hsla(0, 0%, 100%, 0.4);
}
body.dark-only
  .candidate-wrapper
  .candidates-box
  .candidate-skill
  span:not(.badge),
body.dark-only [class*="button-light-"] {
  color: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 0.6);
}
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,
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
  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
  thead
  tr
  .product-names
  p,
body.dark-only
  .shopping-cart-table
  .recent-table
  div.dt-container
  .table
  thead
  tr
  .product-names
  span {
  color: hsla(0, 0%, 100%, 0.4);
}
body.dark-only
  .shopping-cart-table
  .recent-table
  div.dt-container
  .table
  tbody
  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
  thead
  td
  .product-action
  .square-white,
body.dark-only
  .shopping-cart-table
  .recent-table
  div.dt-container
  .table
  thead
  tr
  .product-action
  .square-white {
  background-color: #1d1e26;
  box-shadow: unset;
}
body.dark-only
  .shopping-cart-table
  .recent-table
  div.dt-container
  .table
  tbody
  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
  thead
  td
  .product-action
  .square-white:first-child
  svg,
body.dark-only
  .shopping-cart-table
  .recent-table
  div.dt-container
  .table
  thead
  tr
  .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
  div,
body.dark-only
  .main-qr-code
  .modal-toggle-wrapper
  .modal-img
  .qr-content
  .alert
  i {
  color: hsla(0, 0%, 100%, 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,
body.dark-only .email-main-wrapper .email-app-sidebar .nav-pills .nav-link {
  color: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .email-main-wrapper .email-app-sidebar .nav-pills .nav-link svg {
  stroke: hsla(0, 0%, 100%, 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;
  border: 0;
  box-shadow: unset;
}
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-editor.ql-blank:before,
body.dark-only .toolbar-box .ql-snow a {
  color: hsla(0, 0%, 100%, 0.2);
}
body.dark-only
  .email-body
  .mail-body-wrapper
  ul
  li
  .inbox-message
  .email-data
  span,
body.dark-only
  .email-body
  .mail-body-wrapper
  ul
  li
  .inbox-message
  .email-options
  i {
  color: hsla(0, 0%, 100%, 0.4);
}
body.dark-only .email-body .mail-body-wrapper .important-mail,
body.dark-only
  .email-body
  .mail-body-wrapper
  .user-mail-wrapper
  .user-title
  .inbox-options
  svg {
  stroke: hsla(0, 0%, 100%, 0.4);
}
body.dark-only
  .email-body
  .mail-body-wrapper
  .user-mail-wrapper
  .user-title
  .inbox-security
  p {
  color: hsla(0, 0%, 100%, 0.4);
}
body.dark-only
  .email-body
  .mail-header-wrapper
  .mail-body
  .mail-search
  .form-control {
  background-color: #1d1e26;
  border: 0;
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only
  .email-body
  .mail-header-wrapper
  .mail-body
  .mail-search
  .form-control::-moz-placeholder {
  color: hsla(0, 0%, 100%, 0.2);
}
body.dark-only
  .email-body
  .mail-header-wrapper
  .mail-body
  .mail-search
  .form-control::placeholder {
  color: hsla(0, 0%, 100%, 0.2);
}
body.dark-only .email-body .mail-header-wrapper .mail-body .mail-search i {
  color: hsla(0, 0%, 100%, 0.2);
}
body.dark-only
  .email-body
  .mail-header-wrapper
  .mail-body
  .dropdown-menu
  .dropdown-item {
  background: #1d1e26;
  border: 0;
  color: hsla(0, 0%, 100%, 0.6);
  opacity: 1;
}
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: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 0.2);
  color: #98a6ad;
}
body.dark-only .mail-filters svg {
  stroke: hsla(0, 0%, 100%, 0.4);
}
body.dark-only .inbox-security {
  background-color: #1d1e26;
}
body.dark-only .flatpicker-calender.product-date .form-control.flatpickr-input {
  background-color: #1d1e26;
  border: unset;
}
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:active,
body.dark-only .product-buttons .btn:hover {
  color: hsla(0, 0%, 100%, 0.8);
}
body.dark-only .product-buttons .btn svg {
  stroke: hsla(0, 0%, 100%, 0.8);
}
body.dark-only .e-category .form-label,
body.dark-only .ql-formats .ql-picker-label:before {
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .e-category .form-control::-moz-placeholder {
  color: hsla(0, 0%, 100%, 0.2);
}
body.dark-only .e-category .form-control::placeholder {
  color: hsla(0, 0%, 100%, 0.2);
}
body.dark-only .e-category .main-divider .divider-body h6 {
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .e-category .main-divider .divider-body:before {
  border-color: #374558;
}
body.dark-only
  .sidebar-left-wrapper
  .sidebar-left-icons
  .nav-item
  .nav-link
  .nav-rounded {
  box-shadow: inset 0 9px 20px 0 hsla(0, 0%, 100%, 0.1);
}
body.dark-only
  .sidebar-left-wrapper
  .sidebar-left-icons
  .nav-item
  .nav-link
  .product-icons
  svg {
  stroke: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .sidebar-left-wrapper .sidebar-left-icons .nav-item:before {
  border-color: hsla(0, 0%, 100%, 0.15);
}
body.dark-only .common-form .product-buttons .btn {
  border-color: #374558;
}
body.dark-only .list-product.list-category .square-white svg {
  fill: hsla(0, 0%, 100%, 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 {
  background-color: #1d1e26;
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .table {
  --bs-table-bg: trasparnt;
}
body.dark-only .table caption {
  color: hsla(0, 0%, 100%, 0.4);
}
body.dark-only .grid-footer table tbody tr {
  color: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 0.6);
}
body.dark-only
  .left-sidebar-wrapper
  .left-sidebar-chat
  .input-group
  .form-control::-moz-placeholder {
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only
  .left-sidebar-wrapper
  .left-sidebar-chat
  .input-group
  .form-control::placeholder {
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .left-sidebar-wrapper .advance-options .chats-user span {
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .search-contacts .form-control {
  background-color: #1d1e26;
  border-color: #374558;
  color: hsla(0, 0%, 100%, 0.2);
}
body.dark-only .search-contacts .form-control::-moz-placeholder {
  color: #98a6ad;
}
body.dark-only .search-contacts .form-control::placeholder {
  color: #98a6ad;
}
body.dark-only .right-sidebar-title span {
  color: hsla(0, 0%, 100%, 0.6);
}
body.dark-only .msger-inputarea .chat-icon div {
  background-color: #1d1e26;
  opacity: 1;
}
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 .fg-emoji-picker-search-icon,
body.dark-only .fg-emoji-picker-search input {
  background-color: #262932;
  color: hsla(0, 0%, 100%, 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,
body.dark-only .fg-emoji-container .fg-emoji-list li a {
  background-color: #1d1e26;
}
body.dark-only .main-companies .filter-companies .accordion-item {
  background-color: unset;
}
body.dark-only
  .main-companies
  .filter-companies
  .accordion-item
  .product-filter
  label {
  color: hsla(0, 0%, 100%, 0.4);
}
body.dark-only
  .main-companies
  .filter-companies
  .accordion-item
  .accordion-header
  .accordion-button.collapsed {
  background-color: #1d1e26;
  color: hsla(0, 0%, 100%, 0.6);
  transition: all 0.4s ease;
}
body.dark-only .main-companies .filter-companies .accordion-body {
  background-color: #262932;
}
body.dark-only .company-box .company-name .company-desc {
  border-top-color: #374558;
}
body.dark-only .add-post form .col-form-label,
body.dark-only .add-post form label {
  color: #98a6ad;
}
body.dark-only .add-post form .form-control {
  background-color: #1d1e26;
  border: unset;
  color: hsla(0, 0%, 100%, 0.2);
}
body.dark-only .add-post form .form-control::-moz-placeholder {
  color: hsla(0, 0%, 100%, 0.2);
}
body.dark-only .add-post form .form-control::placeholder {
  color: hsla(0, 0%, 100%, 0.2);
}
body.dark-only .ql-container.ql-snow .ql-editor {
  color: hsla(0, 0%, 100%, 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 #262932;
}
body.dark-only.box-layout .page-wrapper .page-body-wrapper {
  background-color: transparent;
  box-shadow: 4px 11px 25px #323846;
}
body.dark-only.box-layout .page-wrapper.modern-type .page-body-wrapper {
  background-color: #1d1e26;
}
body.dark-sidebar .toggle-sidebar svg {
  stroke: var(--theme-default);
}
body.dark-sidebar .page-wrapper .sidebar-main-title p {
  color: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 0.6);
}
body.dark-sidebar
  .page-wrapper.compact-wrapper
  .page-body-wrapper
  div.sidebar-wrapper
  .sidebar-main
  .sidebar-links
  li
  a
  svg {
  stroke: hsla(0, 0%, 100%, 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
  .sidebar-list
  ul.sidebar-submenu
  li
  a
  span,
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: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 0.6);
}
body.dark-sidebar
  .page-wrapper.compact-sidebar
  .page-body-wrapper
  div.sidebar-wrapper
  .sidebar-main
  .sidebar-links
  li
  a
  svg {
  stroke: hsla(0, 0%, 100%, 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
  .sidebar-list
  ul.sidebar-submenu
  li
  a
  span,
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: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 0.6);
}
body .for-dark {
  display: none;
}
body[class*="dark-"] .for-dark {
  display: inline-block;
}
body[class*="dark-"] .for-light {
  display: none;
}