[x-cloak] {
    display: none !important;
  }
  
  :root {
    --color-CardBg2: #F8FBFF;
    --color-CardBg3: #F8FBFF;
    --color-CardBg4: #F8FBFF;
    --color-CardBg5: #F8FBFF;
    --color-CardBg6: #F8FBFF;
    --color-CardBg7: #F8FBFF;
    --color-sell: #F6465D;
    --color-textSell: #E33B54;
    --color-sellHover: #FF707E;
    --color-depthSellBg: #FEF1F2;
    --color-buy: #0ECB81;
    --color-textBuy: #2EBD85;
    --color-buyHover: #32D993;
    --color-depthBuyBg: #E6FFF1;
    /* --color-line: #EAECEF; */
    --color-line: #D8DCE1;
    --color-outlineHover: #FFEF87;
    --color-primary: #FCD535;
    --color-primaryHover: #F0B90B;
    --color-error: #E33B54;
    --color-errorBg: #FEF1F2;
    --color-success: #0ECB81;
    --color-successBg: #E6FFF1;
    --color-disable: #EAECEF;
    --color-iconNormal: #929AA5;
    --color-textWhite: #FFFFFF;
    --color-textGray: #EAECEF;
    --color-textBlack: #0B0E11;
    --color-textPrimary: #1E2329;
    --color-textSecondary: #474D57;
    --color-textThird: #707A8A;
    --color-textDisabled: #B7BDC6;
    --color-textBrand: #C99400;
    --color-textToast: #8D5F02;
    --color-bg: #F5F5F5;
    --color-bg1: #FFFFFF;
    --color-bg2: #FAFAFA;
    --color-bg3: #F5F5F5;
    --color-bg4: #5E6673;
    --color-bg6: #FFFFFF;
    --color-bg7: #FAFAFA;
    --color-popupBg: #FFFFFF;
    --color-badgeBg: #FEF6D8;
    --color-selectedBg: #FAFAFA;
    --color-gradientBrand: linear-gradient(180deg, #F8D12F 0%, #F0B90B 100%);
    --color-gradientPrimary: linear-gradient(295.27deg, #FFFFFF 0%, #E6E8EA 84.52%);
    --color-BasicBg: #FFFFFF;
    --color-SecondaryBg: #FAFAFA;
    --color-Input: #F5F5F5;
    --color-InputLine: #D8DCE1;
    --color-CardBg: #FFFFFF;
    --color-Vessel: #FAFAFA;
    --color-Line: #EAECEF;
    --color-DisableBtn: #EAECEF;
    --color-DisabledText: #B7BDC6;
    --color-DisableText: #B7BDC6;
    --color-TertiaryText: #707A8A;
    --color-SecondaryText: #474D57;
    --color-PrimaryText: #202630;
    --color-RedGreenBgText: #FFFFFF;
    --color-EmphasizeText: #FF693D;
    --color-TextOnGray: #EAECEF;
    --color-TextOnYellow: #202630;
    --color-IconNormal: #929AA5;
    --color-LiteBg1: #FFFFFF;
    --color-LiteBg2: #FAFAFA;
    --color-BtnBg: #FCD535;
    --color-PrimaryYellow: #F0B90B;
    --color-TextLink: #C99400;
    --color-TradeBg: #F5F5F5;
    --color-TextToast: #8D5F02;
    --color-DepthSellBg: #FEF1F2;
    --color-SellHover: #FF707E;
    --color-Sell: #F6465D;
    --color-TextSell: #E33B54;
    --color-DepthBuyBg: #E6FFF1;
    --color-BuyHover: #32D993;
    --color-Buy: #2EBD85;
    --color-TextBuy: #2EBD85;
    --color-Error: #E33B54;
    --color-SuccessBg: #E6FFF1;
    --color-Success: #2EBD85;
    --color-TagBg: #EAECEF;
    --color-Grid: #EAECEF;
    --color-Placeholder: #B7BDC6;
    --color-ToastBg: #707A8A;
    --color-TwoColorIcon: #474D57;
    --color-ErrorBg: rgba(246, 70, 93, 0.1);
    --color-BadgeBg: rgba(240, 185, 11, 0.1);
  }
  
  html[data-color-theme="dark"] {
    --color-CardBg2: #262B35;
    --color-CardBg3: #2E343F;
    --color-CardBg4: #363D4A;
    --color-CardBg5: #3E4551;
    --color-CardBg6: #464D58;
    --color-CardBg7: #4E5560;
    --color-sell: #F6465D;
    --color-textSell: #F6465D;
    --color-sellHover: #FF707E;
    --color-depthSellBg: #35141D;
    --color-buy: #0ECB81;
    --color-textBuy: #0ECB81;
    --color-buyHover: #32D993;
    --color-depthBuyBg: #102821;
    --color-line: #2B3139;
    --color-outlineHover: #6A4403;
    --color-primary: #FCD535;
    --color-primaryHover: #F0B90B;
    --color-primaryText: #F0B90B;
    --color-error: #F6465D;
    --color-errorBg: #35141D;
    --color-success: #0ECB81;
    --color-successBg: #102821;
    --color-disable: #474D57;
    --color-iconNormal: #848E9C;
    --color-textWhite: #FFFFFF;
    --color-textGray: #EAECEF;
    --color-textBlack: #0B0E11;
    --color-textPrimary: #EAECEF;
    --color-textSecondary: #B7BDC6;
    --color-textThird: #848E9C;
    --color-textDisabled: #5E6673;
    --color-textBrand: #F0B90B;
    --color-textToast: #A37200;
    --color-bg: #181A20;
    --color-bg1: #181A20;
    --color-bg2: #0B0E11;
    --color-bg3: #2B3139;
    --color-bg4: #5E6673;
    --color-bg6: #202630;
    --color-bg7: #191A1F;
    --color-popupBg: #1E2329;
    --color-badgeBg: #2D2A20;
    --color-selectedBg: #1E2026;
    --color-gradientBrand: linear-gradient(180deg, #F8D12F 0%, #F0B90B 100%);
    --color-gradientPrimary: linear-gradient(295.27deg, #15141A 0%, #474D57 84.52%);
    --color-BasicBg: #181A20;
    --color-SecondaryBg: #0B0E11;
    --color-Input: #2B3139;
    --color-InputLine: #474D57;
    --color-CardBg: #1E2329;
    --color-Vessel: #1E2329;
    --color-Line: #2B3139;
    --color-DisableBtn: #2B3139;
    --color-DisabledText: #5E6673;
    --color-DisableText: #5E6673;
    --color-TertiaryText: #848E9C;
    --color-SecondaryText: #B7BDC6;
    --color-PrimaryText: #EAECEF;
    --color-RedGreenBgText: #FFFFFF;
    --color-EmphasizeText: #FF693D;
    --color-TextOnGray: #EAECEF;
    --color-TextOnYellow: #202630;
    --color-IconNormal: #848E9C;
    --color-LiteBg1: #202630;
    --color-LiteBg2: #191A1F;
    --color-BtnBg: #FCD535;
    --color-PrimaryYellow: #F0B90B;
    --color-TextLink: #F0B90B;
    --color-TradeBg: #0B0E11;
    --color-TextToast: #A37200;
    --color-DepthSellBg: #35141D;
    --color-SellHover: #FF707E;
    --color-Sell: #F6465D;
    --color-TextSell: #F6465D;
    --color-DepthBuyBg: #102821;
    --color-BuyHover: #32D993;
    --color-Buy: #2EBD85;
    --color-TextBuy: #2EBD85;
    --color-Error: #F6465D;
    --color-SuccessBg: #102821;
    --color-Success: #2EBD85;
    --color-TagBg: #474D57;
    --color-Grid: #2B3139;
    --color-Placeholder: #474D57;
    --color-ToastBg: #707A8A;
    --color-TwoColorIcon: #CACED3;
    --color-ErrorBg: rgba(246, 70, 93, 0.1);
    --color-BadgeBg: rgba(240, 185, 11, 0.1);
  }
  
  body {
    /* background: rgb(26 108 225 / 3%) !important; */
    /* background: var(--color-BasicBg); */
    background: #F3F6F9;
  }
  
  html[data-color-theme="dark"] body {
    background: var(--color-BasicBg);
  }

  .bg-white {
    background: var(--color-BasicBg) !important;
  }

  [data-color-theme="dark"] .bg-white {
    background: var(--color-BasicBg) !important;
  }
  
  .navbar {
    --navbar-active-color: #049aad !important;
  }
  
  .navbar-dark {
    --navbar-bg: rgb(12, 131, 255);
  }
  
  [data-color-theme="dark"] .navbar-dark {
    background: var(--color-BasicBg);
  }
  
  .active>.page-link, .page-link.active {
    z-index: 3;
    color: #ffffff;
    background-color: #049aad;
    border-color: #049aad;
  }
  
  .navbar[data-color-theme=dark], [data-color-theme=dark] .navbar:not([data-color-theme]), html[data-color-theme=dark] .navbar {
    color-scheme: dark;
    --navbar-bg: var(--color-BasicBg);
  }
  
  [data-color-theme="dark"] .bg-white {
    background: var(--color-BasicBg);
  }
  
  .sidebar-dark {
    background: linear-gradient(330deg, #283f94 0%, #283f94 100%);
  }
  
  [data-color-theme="dark"] .sidebar-dark {
    background: var(--color-BasicBg);
  }

  .modal[data-color-theme=dark], [data-color-theme=dark] .modal:not([data-color-theme]), html[data-color-theme=dark] .modal {
    color-scheme: dark;
    --modal-bg: var(--color-CardBg);
}

.form-control[data-color-theme=dark], [data-color-theme=dark] .form-control:not([data-color-theme]), html[data-color-theme=dark] .form-control {
    color-scheme: dark;
    --input-bg: var(--color-BasicBg);
    --input-focus-bg: var(--color-BasicBg);
}

.form-control {
   --input-border-color: var(--color-InputLine);
}

[data-color-theme="dark"] .form-control {
    --input-border-color: var(--color-InputLine);
}

.select2-selection--single {
    color: var(--color-textPrimary);
    background-color: var(--color-BasicBg);
    border: 1px solid var(--color-InputLine);
}

[data-color-theme="dark"] .select2-selection--single {
    color: var(--color-textPrimary);
    background-color: var(--color-BasicBg);
    border: 1px solid var(--color-InputLine);
}

.pagination[data-color-theme=dark], [data-color-theme=dark] .pagination:not([data-color-theme]), html[data-color-theme=dark] .pagination {
    color-scheme: dark;
    --pagination-bg: var(--color-BasicBg);
    --pagination-disabled-bg: var(--color-BasicBg);
}

.table-light {
    --table-bg: var(--color-BasicBg);
    border-color: var(--color-line);
}

[data-color-theme="dark"] .table-light {
    --table-bg: var(--color-BasicBg) !important;
    border-color: var(--color-line) !important;
}

.navbar-nav-link:focus, .navbar-nav-link:hover {
  color: var(--navbar-hover-color);
  background-color: var(--color-bg3);
}
  
  .profile-cover {
    --profile-cover-height: 16rem !important;
  }
  
  .card {
    border: 1px solid var(--color-line);
    box-shadow: none !important;
    /* box-shadow:  rgba(0, 0, 0, 0.05) 0px 0px 0px 1px !important; */
  }
  
  .card-padding {
    padding: 2.5rem !important;
  }
  
  .btn {
    /* --btn-padding-y: 10px; */
    --btn-padding-x: 16px;
  }
  
  .border-top-custom {
    border-top: 1px dashed #d3d3d3;
  }
  
  .border-bottom-custom {
    border-bottom: 1px dashed #d3d3d3;
  }
  
  [data-color-theme="dark"] .border-top-custom {
    border-top: 1px dashed #505050;
  }
  
  [data-color-theme="dark"] .border-bottom-custom {
    border-bottom: 1px dashed #505050;
  }
  
  .border-bottom-opacity-10 {
    border-bottom: 1px solid rgba(0, 0, 0, 0.10) !important;
  }
  
  [data-color-theme="dark"] .border-bottom-opacity-10 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.10) !important;
  }
  
  .border-bottom-opacity-25 {
    border-bottom: 1px solid rgba(0, 0, 0, 0.25) !important;
  }
  
  [data-color-theme="dark"] .border-bottom-opacity-25 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.25) !important;
  }

  .opacity-15 {
    opacity: 0.15 !important;
  }

  .border {
    border: 1px solid var(--color-line) !important;
  }

  [data-color-theme="dark"] .border {
    border: 1px solid var(--color-line) !important;
  }

  .btn-white {
      --btn-color: var(--body-color);
      --btn-bg: var(--color-BasicBg);
      --btn-border-color: var(--color-CardBg);
      --btn-hover-color: var(--body-color);
      --btn-hover-bg: var(--color-CardBg2);
      --btn-hover-border-color: var(--gray-500);
  }
    
  [data-color-theme="dark"] .btn-white {
      --btn-color: var(--body-color);
      --btn-bg: var(--color-BasicBg);
      --btn-border-color: var(--color-CardBg);
      --btn-hover-color: var(--body-color);
      --btn-hover-bg: var(--color-CardBg2);
      --btn-hover-border-color: var(--gray-500);
  }
    
  /* body {
    background-color: #f4f9fd !important;
  } */
  
  /* body {
    background: url("../img/bg.svg") no-repeat center center;
    scroll-behavior: smooth;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  
  [data-color-theme="dark"] body {
    background: url("../img/bg-dark.svg") no-repeat center center;
    scroll-behavior: smooth;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  } */
  
  .card-bg {
    background: url("../img/bg/bg-card.png") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    border-radius: 12px;
  }
  
  .card-bg-seamless {
    background: url("../img/seamless.png") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    border-radius: 12px;
  }
  
  .box-shadow {
    box-shadow: none !important;
  }
  
  .sppb-addon-single-image-container-1 {
    position: absolute;
    opacity: 0.04;
    bottom: 50%;
    right: 0;
  }
  
  .sppb-addon-single-image-container-2 {
    position: absolute;
    opacity: 0.04;
    bottom: 45%;
    right: 0;
  }
  
  .sppb-img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
  }
  
  .navbar-brand img {
    height: 54px;
  }
  
  [data-color-theme="dark"] .app-title {
    color: #fff;
  }
  
  .app-title {
    color: #0c5096;
  }
  
  .invisible {
    visibility: hidden;
  }
  
  .autosize {
    resize: none;
    overflow: hidden;
  }
  
  .bg-white-ai {
    background: #fff;
  }
  
  [data-color-theme="dark"] .bg-white-ai {
    background: #32333a;
  }
  
  #particles-js {
    position: fixed;
    width: 100%;
    z-index: -1;
  }
  
  /* h1 {
    font-size: 32px;
    font-weight: 700;
    background: linear-gradient(133deg, #2e3897 0%, #0c83ff 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  
  h2 {
    font-size: 24px;
    font-weight: 700;
    background: linear-gradient(133deg, #2e3897 0%, #0c83ff 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  } */
  
  /* [data-color-theme="dark"] h1 {
    font-size: 30px;
    font-weight: 700;
    background: linear-gradient(90deg, #ffffff, #ffffff);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  
  [data-color-theme="dark"] h2 {
    font-size: 24px;
    font-weight: 700;
    background: linear-gradient(90deg, #ffffff, #ffffff);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  } */
  
  .book-wrap-pdf {
    height: 95vh;
    margin: 10px auto;
    background: #000;
  }
  
  .sidebar-expand-lg {
    /* --sidebar-box-shadow: 0 0 1px 1px #efefef, var(--box-shadow); */
    /* box-shadow: var(--sidebar-box-shadow); */
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    border-radius: 0;
  }
  
  .page-content {
    padding: 0;
  }
  
  .notice {
    /* background: linear-gradient(89.84deg,rgba(230,36,174,.16) .34%,rgba(94,58,255,.16) 16.96%,rgba(10,136,255,.16) 34.66%,rgba(75,191,80,.16) 50.12%,rgba(137,206,0,.16) 66.22%,rgba(239,183,0,.16) 82%,rgba(246,73,0,.16) 99.9%); */
    /* min-height: 48px; */
    /* max-height: -moz-fit-content; */
    /* max-height: fit-content; */
    background: linear-gradient(
        90deg,
        rgb(68, 255, 154) -0.55%,
        rgb(68, 176, 255) 22.86%,
        rgb(139, 68, 255) 48.36%,
        rgb(255, 102, 68) 73.33%,
        rgb(235, 255, 112) 99.34%
    );
    filter: blur(15px);
    z-index: 0;
    position: absolute;
    opacity: 0.2;
  }
  
  .card-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%; /* Make the container take full height */
  }
  
  .bottom-content {
    margin-top: auto; /* Push content to the bottom */
  }
  
  .scoutHighlight em {
    color: #04b81c;
    font-weight: 600 !important;
    font-style: normal;
  }
  
  .typing-container {
    margin: 100px auto;
    width: 80%;
    max-width: 800px;
    text-align: left;
    font-size: 18px;
    line-height: 1.5;
  }
  
  .typing-text {
    white-space: nowrap;
    overflow: hidden;
    border-right: 0.15em solid #000; /* Cursor effect */
    width: 0;
    animation: typing 4s steps(40, end), blink-caret 0.75s step-end infinite;
  }
  
  @keyframes typing {
    from {
        width: 0;
    }
    to {
        width: 100%;
    }
  }
  
  @keyframes blink-caret {
    from,
    to {
        border-color: transparent;
    }
    50% {
        border-color: #000;
    }
  }
  
  .row.equal-cols {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  
  .row.equal-cols:before,
  .row.equal-cols:after {
    display: block;
  }
  
  .row.equal-cols > [class*="col-"] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  
  .row.equal-cols > [class*="col-"] > * {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }
  
  .text2Lines {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  
  [data-color-theme="dark"] .card-holder {
    background: #181a20;
  }
  
  .card-holder {
    background: #fff;
  }
  
  .card-shadow {
    background: linear-gradient(
        45deg,
        rgb(68, 255, 154) -0.55%,
        rgb(68, 176, 255) 22.86%,
        rgb(139, 68, 255) 48.36%,
        rgb(255, 102, 68) 73.33%,
        rgb(235, 255, 112) 99.34%
    );
    filter: blur(15px);
    z-index: -1;
    position: absolute;
    opacity: 0.3;
  }
  
  .group-hover:hover > .card-shadow {
    background: linear-gradient(
        45deg,
        rgb(68, 255, 154) -0.55%,
        rgb(68, 176, 255) 22.86%,
        rgb(139, 68, 255) 48.36%,
        rgb(255, 102, 68) 73.33%,
        rgb(235, 255, 112) 99.34%
    );
    filter: blur(15px);
    z-index: -1;
    position: absolute;
    opacity: 0.5;
  }
  
  .card-shadow-button {
    background: linear-gradient(
        45deg,
        rgb(68, 255, 154) -0.55%,
        rgb(68, 176, 255) 22.86%,
        rgb(139, 68, 255) 48.36%,
        rgb(255, 102, 68) 73.33%,
        rgb(235, 255, 112) 99.34%
    );
    filter: blur(15px);
    z-index: 0;
    position: absolute;
    opacity: 0.3;
  }
  
  .group-hover:hover > .card-shadow-button {
    background: linear-gradient(
        45deg,
        rgb(68, 255, 154) -0.55%,
        rgb(68, 176, 255) 22.86%,
        rgb(139, 68, 255) 48.36%,
        rgb(255, 102, 68) 73.33%,
        rgb(235, 255, 112) 99.34%
    );
    filter: blur(15px);
    z-index: 0;
    position: absolute;
    opacity: 0.5;
  }
  
  .max-w-xl {
    max-width: 36rem;
  }
  
  .max-w-md {
    max-width: 28rem;
  }
  
  .mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  
  .-inset-px {
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
  }
  
  .-inset-2 {
    top: -0.5rem;
    right: -0.5rem;
    bottom: -0.5rem;
    left: -0.5rem;
  }
  
  .border-gray-200 {
    border-color: rgba(228, 228, 231, 1);
  }
  
  .rounded-xl {
    border-radius: 0.75rem !important;
  }
  
  .navbar-expand-lg .navbar-brand {
    --navbar-brand-width: calc(10.75rem - var(--navbar-padding-x));
    width: var(--navbar-brand-width);
  }
  
  [data-color-theme="dark"] .form-control:focus {
    --input-focus-border-color: rgb(249, 218, 165) !important;
    --focus-ring-box-shadow: 0 0 0 0.125rem rgba(240, 185, 11, 1);
    border-color: var(--input-focus-border-color);
    box-shadow: 0 0 0 0 transparent, var(--input-focus-box-shadow);
  }
  
  /* .form-control:focus {
    --input-focus-border-color: rgba(165, 189, 252, 1) !important;
    --focus-ring-box-shadow: 0 0 0 0.125rem rgba(199, 210, 254, 1);
    border-color: var(--input-focus-border-color);
    box-shadow: 0 0 0 0 transparent, var(--input-focus-box-shadow);
  } */
  
  .form-control:focus {
    --input-focus-border-color: rgba(165, 189, 252, 1) !important;
    --focus-ring-box-shadow: 0 0 0 0.125rem rgba(199, 210, 254, 1);
    border-color: #049aad;
    /* box-shadow: 0 0 0 0 transparent, var(--input-focus-box-shadow); */
  }

  .nav-sidebar .nav-link.active {
    color: #049aad;
    background-color: rgba(12, 131, 255, 0.1);
  }
  
  [data-color-theme="dark"] .nav-sidebar .nav-link.active {
    color: #049aad;
    background-color: rgba(12, 131, 255, 0.1);
  }

  .select2-container--focus:not(.select2-container--disabled)
    .select2-selection--single,
  .select2-container--open .select2-selection--single {
    --input-focus-border-color: rgba(165, 189, 252, 1) !important;
    --focus-ring-box-shadow: 0 0 0 0.125rem rgba(199, 210, 254, 1);
    border-color: #049aad;
    box-shadow: none !important;
    /* box-shadow: 0 0 0 0 transparent, var(--focus-ring-box-shadow); */
  }
  
  .select2-container--focus:not(.select2-container--disabled)
    .select2-selection--multiple,
  .select2-container--open .select2-selection--multiple {
    --input-focus-border-color: rgba(165, 189, 252, 1) !important;
    --focus-ring-box-shadow: 0 0 0 0.125rem rgba(199, 210, 254, 1);
    /* border-color: var(--input-focus-border-color);
    box-shadow: 0 0 0 0 transparent, var(--focus-ring-box-shadow); */
    border-color: #049aad;
    box-shadow: none !important;
  }
  
  .select2-search--dropdown .select2-search__field:focus {
    --input-focus-border-color: rgba(165, 189, 252, 1) !important;
    --focus-ring-box-shadow: 0 0 0 0.125rem rgba(199, 210, 254, 1);
    border-color: #049aad;
    box-shadow: none !important;
    /* box-shadow: 0 0 0 0 transparent, var(--focus-ring-box-shadow); */
  }
  
  .form-select:focus {
    --input-focus-border-color: rgba(165, 189, 252, 1) !important;
    --focus-ring-box-shadow: 0 0 0 0.125rem rgba(199, 210, 254, 1);
    /* border-color: var(--input-focus-border-color);
    box-shadow: 0 0 0 0 transparent, var(--focus-ring-box-shadow); */
    border-color: #049aad;
    box-shadow: none !important;
  }
  
  [data-color-theme="dark"] .form-select:focus {
    --input-focus-border-color: rgb(249, 218, 165) !important;
    --focus-ring-box-shadow: 0 0 0 0.125rem rgba(240, 185, 11, 1);
    /* border-color: var(--input-focus-border-color);
    box-shadow: 0 0 0 0 transparent, var(--focus-ring-box-shadow); */
    border-color: #049aad;
    box-shadow: none !important;
  }
  
  [data-color-theme="dark"]
    .select2-container--focus:not(.select2-container--disabled)
    .select2-selection--single,
  [data-color-theme="dark"] .select2-container--open .select2-selection--single {
    --input-focus-border-color: rgba(249, 218, 165, 1) !important;
    --focus-ring-box-shadow: 0 0 0 0.125rem rgba(240, 185, 11, 1);
    /* border-color: var(--input-focus-border-color);
    box-shadow: 0 0 0 0 transparent, var(--focus-ring-box-shadow); */
    border-color: #049aad;
    box-shadow: none !important;
  }
  
  [data-color-theme="dark"]
    .select2-search--dropdown
    .select2-search__field:focus {
    --input-focus-border-color: rgba(249, 218, 165, 1) !important;
    --focus-ring-box-shadow: 0 0 0 0.125rem rgba(240, 185, 11, 1);
    /* border-color: var(--input-focus-border-color);
    box-shadow: 0 0 0 0 transparent, var(--focus-ring-box-shadow); */
    border-color: #049aad;
    box-shadow: none !important;
  }
  
  [data-color-theme="dark"]
    .select2-container--focus:not(.select2-container--disabled)
    .select2-selection--multiple,
  [data-color-theme="dark"]
    .select2-container--open
    .select2-selection--multiple {
    --input-focus-border-color: rgba(249, 218, 165, 1) !important;
    --focus-ring-box-shadow: 0 0 0 0.125rem rgba(240, 185, 11, 1);
    /* border-color: var(--input-focus-border-color);
    box-shadow: 0 0 0 0 transparent, var(--focus-ring-box-shadow); */
    border-color: #049aad;
    box-shadow: none !important;
  }
  
  /* [data-color-theme="dark"] 
    .select2-search--dropdown 
    .select2-search__field:focus {
    --input-focus-border-color: rgba(249, 218, 165, 1) !important;
    --focus-ring-box-shadow: 0 0 0 0.125rem rgba(240, 185, 11, 1);
    border-color: var(--input-focus-border-color);
    box-shadow: 0 0 0 0 transparent, var(--focus-ring-box-shadow);
  } */
  
  /* .nav-sidebar .nav-link.active {
    color: #fff;
    background-color: #3965ae;
  } */
  
  /* .card {
    box-shadow: none;
  } */
  
  [data-color-theme="dark"] .table {
    --border-color: #333;
  }
  
  .table {
    --border-color: #eaecef;
    --table-hover-bg: #fafafa;
    --table-group-separator-color: none;
  }
  
  /* [data-color-theme="dark"] .table > thead {
    background-color: #0b0e11;
  }
  
  .table > thead {
    background-color: #fafafa;
  } */
  
  /* .table-responsive {
    min-height: 400px;
  } */
  
  /* [data-color-theme="dark"] .border-top {
    --border-color: #333;
    border-top: var(--border-width) var(--border-style) var(--border-color) !important;
  }
  
  .border-top {
    --border-color: #eaecef;
    border-top: var(--border-width) var(--border-style) var(--border-color) !important;
  } */
  
  [data-color-theme="dark"] .sidebar-main,
  .sidebar-secondary {
    --sidebar-border-color: none;
    border-right: var(--sidebar-border-width) solid var(--sidebar-border-color);
  }
  
  .sidebar-main,
  .sidebar-secondary {
    --sidebar-border-color: none;
    border-right: var(--sidebar-border-width) solid var(--sidebar-border-color);
  }
  
  .clip {
    /* background-color: #08AEEA;
  background-image: linear-gradient(0deg, #08AEEA 0%, #2AF598 100%); */
    background-color: #5d57fb;
    background: linear-gradient(90deg, #5d57fb, #25dace);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  
  .clip-name {
    /* background-color: #08AEEA;
  background-image: linear-gradient(0deg, #08AEEA 0%, #2AF598 100%); */
    background-color: #5d57fb;
    background: linear-gradient(90deg, #5d57fb, #25dace);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  
  [data-color-theme="dark"] .bg-blob {
    width: 200px;
    height: 200px;
    border-radius: 15rem;
    background: radial-gradient(
            77.95% 77.95% at 74.66% 58.07%,
            rgba(255, 254, 220, 0.8) 0%,
            rgba(255, 255, 255, 0.152) 62.28%,
            rgba(255, 255, 255, 0) 100%
        ),
        radial-gradient(
            89.67% 70.39% at 93.75% 92.16%,
            #29c2d7 0%,
            rgba(144, 160, 215, 0.49) 52.46%,
            rgba(255, 156, 156, 0) 100%
        ),
        radial-gradient(
            68.86% 68.86% at 94.55% 1.7%,
            #fadc90 0%,
            rgba(250, 220, 144, 0) 100%
        ),
        linear-gradient(
            130.87deg,
            rgba(245, 115, 122, 0.78) 3.47%,
            rgba(245, 115, 122, 0) 77.25%
        );
    background-blend-mode: overlay, normal, normal, normal, normal, normal;
    filter: blur(50px);
    position: absolute;
    z-index: -1;
    left: 0;
    pointer-events: none;
  }
  
  .bg-blob {
    width: 200px;
    height: 200px;
    border-radius: 15rem;
    background: radial-gradient(
            77.95% 77.95% at 74.66% 58.07%,
            rgba(255, 254, 220, 0.8) 0%,
            rgba(255, 255, 255, 0.152) 62.28%,
            rgba(255, 255, 255, 0) 100%
        ),
        radial-gradient(
            89.67% 70.39% at 93.75% 92.16%,
            #29c2d7 0%,
            rgba(144, 160, 215, 0.49) 52.46%,
            rgba(255, 156, 156, 0) 100%
        ),
        radial-gradient(
            68.86% 68.86% at 94.55% 1.7%,
            #fadc90 0%,
            rgba(250, 220, 144, 0) 100%
        ),
        linear-gradient(
            130.87deg,
            rgba(245, 115, 122, 0.78) 3.47%,
            rgba(245, 115, 122, 0) 77.25%
        );
    background-blend-mode: overlay, normal, normal, normal, normal, normal;
    filter: blur(30px);
    position: absolute;
    z-index: -1;
    left: 0;
    pointer-events: none;
  }
  
  [data-color-theme="dark"] .offcanvas:not([data-color-theme]),
  html[data-color-theme="dark"] .offcanvas {
    color-scheme: dark;
    --offcanvas-bg: #000000;
  }
  
  
  /* .offcanvas-backdrop.show {
    opacity: 1;
    background-color: rgba(15, 23, 42, 0.25);
    backdrop-filter: blur(8px);
  } */
  
  
  .offcanvas-500 {
    --offcanvas-width: 500px;
  }
  
  .offcanvas-600 {
    --offcanvas-width: 600px;
  }
  
  /* [data-color-theme=dark] .bg-blob {
  display: none;
  } */
  
  .top-10 {
    top: 10% !important;
  }
  
  .bottom-10 {
    bottom: 10% !important;
  }
  
  /* .pagination-flat .page-item.active .page-link {
    background-color: #63f;
  }
  
  .page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #63f;
    border-color: #63f;
  } */
  
  /* .alert-danger {
    color: #b91c1c;
    background-color: #fef2f2;
  }
  
  .alert-success {
    color: #065f46;
    background-color: #ecfdf5;
  } */
  
  .alert {
    margin-bottom: 0;
  }
  
  .font-thin {
    font-weight: 100;
  }
  
  .font-extralight {
    font-weight: 200;
  }
  
  .font-light {
    font-weight: 300;
  }
  
  .font-normal {
    font-weight: 400;
  }
  
  .font-medium {
    font-weight: 500;
  }
  
  .font-semibold {
    font-weight: 600;
  }
  
  .font-bold {
    font-weight: 700;
  }
  
  .font-extrabold {
    font-weight: 800;
  }
  
  .font-black {
    font-weight: 900;
  }
  
  .text-xs {
    font-size: 0.75rem;
  }
  
  .text-sm {
    font-size: 0.875rem;
  }
  
  .text-base {
    font-size: 1rem;
  }
  
  .text-lg {
    font-size: 1.125rem;
  }
  
  .text-xl {
    font-size: 1.25rem;
  }
  
  .text-2xl {
    font-size: 1.5rem;
  }
  
  .text-3xl {
    font-size: 1.875rem;
  }
  
  .text-4xl {
    font-size: 2.25rem;
  }
  
  .text-5xl {
    font-size: 3rem;
  }
  
  .text-6xl {
    font-size: 4rem;
  }
  
  .text-white {
    color: #fff;
  }
  
  .text-gray-100 {
    color: #f7fafc;
  }
  
  .text-gray-200 {
    color: #edf2f7;
  }
  
  .text-gray-300 {
    color: #e2e8f0;
  }
  
  .text-gray-400 {
    color: #cbd5e0;
  }
  
  .text-gray-500 {
    color: #a0aec0;
  }
  
  .text-gray-600 {
    color: #718096;
  }
  
  .text-gray-700 {
    color: #4a5568;
  }
  
  .text-gray-800 {
    color: #2d3748;
  }
  
  .text-gray-900 {
    color: #1a202c;
  }
  
  .text-red-100 {
    color: #fff5f5;
  }
  
  .text-red-200 {
    color: #fed7d7;
  }
  
  .text-red-300 {
    color: #feb2b2;
  }
  
  .text-red-400 {
    color: #fc8181;
  }
  
  .text-red-500 {
    color: #f56565;
  }
  
  .text-red-600 {
    color: #e53e3e;
  }
  
  .text-red-700 {
    color: #c53030;
  }
  
  .text-red-800 {
    color: #9b2c2c;
  }
  
  .text-red-900 {
    color: #742a2a;
  }
  
  .text-orange-100 {
    color: #fffaf0;
  }
  
  .text-orange-200 {
    color: #feebc8;
  }
  
  .text-orange-300 {
    color: #fbd38d;
  }
  
  .text-orange-400 {
    color: #f6ad55;
  }
  
  .text-orange-500 {
    color: #ed8936;
  }
  
  .text-orange-600 {
    color: #dd6b20;
  }
  
  .text-orange-700 {
    color: #c05621;
  }
  
  .text-orange-800 {
    color: #9c4221;
  }
  
  .text-orange-900 {
    color: #7b341e;
  }
  
  .text-yellow-100 {
    color: #fffff0;
  }
  
  .text-yellow-200 {
    color: #fefcbf;
  }
  
  .text-yellow-300 {
    color: #faf089;
  }
  
  .text-yellow-400 {
    color: #f6e05e;
  }
  
  .text-yellow-500 {
    color: #ecc94b;
  }
  
  .text-yellow-600 {
    color: #d69e2e;
  }
  
  .text-yellow-700 {
    color: #b7791f;
  }
  
  .text-yellow-800 {
    color: #975a16;
  }
  
  .text-yellow-900 {
    color: #744210;
  }
  
  .text-green-100 {
    color: #f0fff4;
  }
  
  .text-green-200 {
    color: #c6f6d5;
  }
  
  .text-green-300 {
    color: #9ae6b4;
  }
  
  .text-green-400 {
    color: #68d391;
  }
  
  .text-green-500 {
    color: #48bb78;
  }
  
  .text-green-600 {
    color: #38a169;
  }
  
  .text-green-700 {
    color: #2f855a;
  }
  
  .text-green-800 {
    color: #276749;
  }
  
  .text-green-900 {
    color: #22543d;
  }
  
  .text-teal-100 {
    color: #e6fffa;
  }
  
  .text-teal-200 {
    color: #b2f5ea;
  }
  
  .text-teal-300 {
    color: #81e6d9;
  }
  
  .text-teal-400 {
    color: #4fd1c5;
  }
  
  .text-teal-500 {
    color: #38b2ac;
  }
  
  .text-teal-600 {
    color: #319795;
  }
  
  .text-teal-700 {
    color: #2c7a7b;
  }
  
  .text-teal-800 {
    color: #285e61;
  }
  
  .text-teal-900 {
    color: #234e52;
  }
  
  .text-blue-100 {
    color: #ebf8ff;
  }
  
  .text-blue-200 {
    color: #bee3f8;
  }
  
  .text-blue-300 {
    color: #90cdf4;
  }
  
  .text-blue-400 {
    color: #63b3ed;
  }
  
  .text-blue-500 {
    color: #4299e1;
  }
  
  .text-blue-600 {
    color: #3182ce;
  }
  
  .text-blue-700 {
    color: #2b6cb0;
  }
  
  .text-blue-800 {
    color: #2c5282;
  }
  
  .text-blue-900 {
    color: #2a4365;
  }
  
  .text-indigo-100 {
    color: #ebf4ff;
  }
  
  .text-indigo-200 {
    color: #c3dafe;
  }
  
  .text-indigo-300 {
    color: #a3bffa;
  }
  
  .text-indigo-400 {
    color: #7f9cf5;
  }
  
  .text-indigo-500 {
    color: #667eea;
  }
  
  .text-indigo-600 {
    color: #5a67d8;
  }
  
  .text-indigo-700 {
    color: #4c51bf;
  }
  
  .text-indigo-800 {
    color: #434190;
  }
  
  .text-indigo-900 {
    color: #3c366b;
  }
  
  .text-purple-100 {
    color: #faf5ff;
  }
  
  .text-purple-200 {
    color: #e9d8fd;
  }
  
  .text-purple-300 {
    color: #d6bcfa;
  }
  
  .text-purple-400 {
    color: #b794f4;
  }
  
  .text-purple-500 {
    color: #9f7aea;
  }
  
  .text-purple-600 {
    color: #805ad5;
  }
  
  .text-purple-700 {
    color: #6b46c1;
  }
  
  .text-purple-800 {
    color: #553c9a;
  }
  
  .text-purple-900 {
    color: #44337a;
  }
  
  .text-pink-100 {
    color: #fff5f7;
  }
  
  .text-pink-200 {
    color: #fed7e2;
  }
  
  .text-pink-300 {
    color: #fbb6ce;
  }
  
  .text-pink-400 {
    color: #f687b3;
  }
  
  .text-pink-500 {
    color: #ed64a6;
  }
  
  .text-pink-600 {
    color: #d53f8c;
  }
  
  .text-pink-700 {
    color: #b83280;
  }
  
  .text-pink-800 {
    color: #97266d;
  }
  
  .text-pink-900 {
    color: #702459;
  }
  
  .text-main-orange {
    color: #ff5a33;
  }
  
  .text-main-purple {
    color: #5322e5;
  }
  
  .text-main-green {
    color: #45c4b0;
  }
  
  .bg-main-orange {
    background-color: #ff5a33;
  }
  
  .bg-main-purple {
    background-color: #5322e5;
  }
  
  .bg-main-green {
    background-color: #45c4b0;
  }
  
  .bg-main-navy-ecerdc {
    background-color: #001f3f;
  }
  
  .bg-main-green-ecerdc {
    background-color: #28a745;
  }
  
  .bg-white {
    background-color: #fff;
  }
  
  .bg-gray-50 {
    background-color: #f9fafb;
  }
  
  .bg-gray-100 {
    background-color: #f7fafc;
  }
  
  .bg-gray-200 {
    background-color: #edf2f7;
  }
  
  .bg-gray-300 {
    background-color: #e2e8f0;
  }
  
  .bg-gray-400 {
    background-color: #cbd5e0;
  }
  
  .bg-gray-500 {
    background-color: #a0aec0;
  }
  
  .bg-gray-600 {
    background-color: #718096;
  }
  
  .bg-gray-700 {
    background-color: #4a5568;
  }
  
  .bg-gray-800 {
    background-color: #2d3748;
  }
  
  .bg-gray-900 {
    background-color: #1a202c;
  }
  
  .bg-red-100 {
    background-color: #fff5f5;
  }
  
  .bg-red-200 {
    background-color: #fed7d7;
  }
  
  .bg-red-300 {
    background-color: #feb2b2;
  }
  
  .bg-red-400 {
    background-color: #fc8181;
  }
  
  .bg-red-500 {
    background-color: #f56565;
  }
  
  .bg-red-600 {
    background-color: #e53e3e;
  }
  
  .bg-red-700 {
    background-color: #c53030;
  }
  
  .bg-red-800 {
    background-color: #9b2c2c;
  }
  
  .bg-red-900 {
    background-color: #742a2a;
  }
  
  .bg-orange-100 {
    background-color: #fffaf0;
  }
  
  .bg-orange-200 {
    background-color: #feebc8;
  }
  
  .bg-orange-300 {
    background-color: #fbd38d;
  }
  
  .bg-orange-400 {
    background-color: #f6ad55;
  }
  
  .bg-orange-500 {
    background-color: #ed8936;
  }
  
  .bg-orange-600 {
    background-color: #dd6b20;
  }
  
  .bg-orange-700 {
    background-color: #c05621;
  }
  
  .bg-orange-800 {
    background-color: #9c4221;
  }
  
  .bg-orange-900 {
    background-color: #7b341e;
  }
  
  .bg-yellow-100 {
    background-color: #fffff0;
  }
  
  .bg-yellow-200 {
    background-color: #fefcbf;
  }
  
  .bg-yellow-300 {
    background-color: #faf089;
  }
  
  .bg-yellow-400 {
    background-color: #f6e05e;
  }
  
  .bg-yellow-500 {
    background-color: #ecc94b;
  }
  
  .bg-yellow-600 {
    background-color: #d69e2e;
  }
  
  .bg-yellow-700 {
    background-color: #b7791f;
  }
  
  .bg-yellow-800 {
    background-color: #975a16;
  }
  
  .bg-yellow-900 {
    background-color: #744210;
  }
  
  .bg-green-100 {
    background-color: #f0fff4;
  }
  
  .bg-green-200 {
    background-color: #c6f6d5;
  }
  
  .bg-green-300 {
    background-color: #9ae6b4;
  }
  
  .bg-green-400 {
    background-color: #68d391;
  }
  
  .bg-green-500 {
    background-color: #48bb78;
  }
  
  .bg-green-600 {
    background-color: #38a169;
  }
  
  .bg-green-700 {
    background-color: #2f855a;
  }
  
  .bg-green-800 {
    background-color: #276749;
  }
  
  .bg-green-900 {
    background-color: #22543d;
  }
  
  .bg-teal-100 {
    background-color: #e6fffa;
  }
  
  .bg-teal-200 {
    background-color: #b2f5ea;
  }
  
  .bg-teal-300 {
    background-color: #81e6d9;
  }
  
  .bg-teal-400 {
    background-color: #4fd1c5;
  }
  
  .bg-teal-500 {
    background-color: #38b2ac;
  }
  
  .bg-teal-600 {
    background-color: #319795;
  }
  
  .bg-teal-700 {
    background-color: #2c7a7b;
  }
  
  .bg-teal-800 {
    background-color: #285e61;
  }
  
  .bg-teal-900 {
    background-color: #234e52;
  }
  
  .bg-blue-100 {
    background-color: #ebf8ff;
  }
  
  .bg-blue-200 {
    background-color: #bee3f8;
  }
  
  .bg-blue-300 {
    background-color: #90cdf4;
  }
  
  .bg-blue-400 {
    background-color: #63b3ed;
  }
  
  .bg-blue-500 {
    background-color: #4299e1;
  }
  
  .bg-blue-600 {
    background-color: #3182ce;
  }
  
  .bg-blue-700 {
    background-color: #2b6cb0;
  }
  
  .bg-blue-800 {
    background-color: #2c5282;
  }
  
  .bg-blue-900 {
    background-color: #2a4365;
  }
  
  .bg-indigo-100 {
    background-color: #ebf4ff;
  }
  
  .bg-indigo-200 {
    background-color: #c3dafe;
  }
  
  .bg-indigo-300 {
    background-color: #a3bffa;
  }
  
  .bg-indigo-400 {
    background-color: #7f9cf5;
  }
  
  .bg-indigo-500 {
    background-color: #667eea;
  }
  
  .bg-indigo-600 {
    background-color: #5a67d8;
  }
  
  .bg-indigo-700 {
    background-color: #4c51bf;
  }
  
  .bg-indigo-800 {
    background-color: #434190;
  }
  
  .bg-indigo-900 {
    background-color: #3c366b;
  }
  
  .bg-purple-100 {
    background-color: #faf5ff;
  }
  
  .bg-purple-200 {
    background-color: #e9d8fd;
  }
  
  .bg-purple-300 {
    background-color: #d6bcfa;
  }
  
  .bg-purple-400 {
    background-color: #b794f4;
  }
  
  .bg-purple-500 {
    background-color: #9f7aea;
  }
  
  .bg-purple-600 {
    background-color: #805ad5;
  }
  
  .bg-purple-700 {
    background-color: #6b46c1;
  }
  
  .bg-purple-800 {
    background-color: #553c9a;
  }
  
  .bg-purple-900 {
    background-color: #44337a;
  }
  
  .bg-pink-100 {
    background-color: #fff5f7;
  }
  
  .bg-pink-200 {
    background-color: #fed7e2;
  }
  
  .bg-pink-300 {
    background-color: #fbb6ce;
  }
  
  .bg-pink-400 {
    background-color: #f687b3;
  }
  
  .bg-pink-500 {
    background-color: #ed64a6;
  }
  
  .bg-pink-600 {
    background-color: #d53f8c;
  }
  
  .bg-pink-700 {
    background-color: #b83280;
  }
  
  .bg-pink-800 {
    background-color: #97266d;
  }
  
  .bg-pink-900 {
    background-color: #702459;
  }
  
  .w-0 {
    width: 0px;
  }
  
  .w-px {
    width: 1px;
  }
  
  .w-0\.5 {
    width: 0.125rem;
  }
  
  .w-1 {
    width: 0.25rem;
  }
  
  .w-1\.5 {
    width: 0.375rem;
  }
  
  .w-2 {
    width: 0.5rem;
  }
  
  .w-2\.5 {
    width: 0.625rem;
  }
  
  .w-3 {
    width: 0.75rem;
  }
  
  .w-3\.5 {
    width: 0.875rem;
  }
  
  .w-4 {
    width: 1rem;
  }
  
  .w-5 {
    width: 1.25rem;
  }
  
  .w-6 {
    width: 1.5rem;
  }
  
  .w-7 {
    width: 1.75rem;
  }
  
  .w-8 {
    width: 2rem;
  }
  
  .w-9 {
    width: 2.25rem;
  }
  
  .w-10 {
    width: 2.5rem;
  }
  
  .w-11 {
    width: 2.75rem;
  }
  
  .w-12 {
    width: 3rem;
  }
  
  .w-14 {
    width: 3.5rem;
  }
  
  .w-16 {
    width: 4rem;
  }
  
  .w-20 {
    width: 5rem;
  }
  
  .w-24 {
    width: 6rem;
  }
  
  .w-28 {
    width: 7rem;
  }
  
  .w-32 {
    width: 8rem;
  }
  
  .w-36 {
    width: 9rem;
  }
  
  .w-40 {
    width: 10rem;
  }
  
  .w-44 {
    width: 11rem;
  }
  
  .w-48 {
    width: 12rem;
  }
  
  .w-52 {
    width: 13rem;
  }
  
  .w-56 {
    width: 14rem;
  }
  
  .w-60 {
    width: 15rem;
  }
  
  .w-64 {
    width: 16rem;
  }
  
  .w-72 {
    width: 18rem;
  }
  
  .w-80 {
    width: 20rem;
  }
  
  .w-96 {
    width: 24rem;
  }
  
  .w-auto {
    width: auto;
  }
  
  .w-1\/2 {
    width: 50%;
  }
  
  .w-1\/3 {
    width: 33.333333%;
  }
  
  .w-2\/3 {
    width: 66.666667%;
  }
  
  .w-1\/4 {
    width: 25%;
  }
  
  .w-2\/4 {
    width: 50%;
  }
  
  .w-3\/4 {
    width: 75%;
  }
  
  .w-1\/5 {
    width: 20%;
  }
  
  .w-2\/5 {
    width: 40%;
  }
  
  .w-3\/5 {
    width: 60%;
  }
  
  .w-4\/5 {
    width: 80%;
  }
  
  .w-1\/6 {
    width: 16.666667%;
  }
  
  .w-2\/6 {
    width: 33.333333%;
  }
  
  .w-3\/6 {
    width: 50%;
  }
  
  .w-4\/6 {
    width: 66.666667%;
  }
  
  .w-5\/6 {
    width: 83.333333%;
  }
  
  .w-1\/12 {
    width: 8.333333%;
  }
  
  .w-2\/12 {
    width: 16.666667%;
  }
  
  .w-3\/12 {
    width: 25%;
  }
  
  .w-4\/12 {
    width: 33.333333%;
  }
  
  .w-5\/12 {
    width: 41.666667%;
  }
  
  .w-6\/12 {
    width: 50%;
  }
  
  .w-7\/12 {
    width: 58.333333%;
  }
  
  .w-8\/12 {
    width: 66.666667%;
  }
  
  .w-9\/12 {
    width: 75%;
  }
  
  .w-10\/12 {
    width: 83.333333%;
  }
  
  .w-11\/12 {
    width: 91.666667%;
  }
  
  .w-full {
    width: 100%;
  }
  
  .w-screen {
    width: 100vw;
  }
  
  .w-min {
    width: min-content;
  }
  
  .w-max {
    width: max-content;
  }
  
  .h-0 {
    height: 0px;
  }
  
  .h-px {
    height: 1px;
  }
  
  .h-0\.5 {
    height: 0.125rem;
  }
  
  .h-1 {
    height: 0.25rem;
  }
  
  .h-1\.5 {
    height: 0.375rem;
  }
  
  .h-2 {
    height: 0.5rem;
  }
  
  .h-2\.5 {
    height: 0.625rem;
  }
  
  .h-3 {
    height: 0.75rem;
  }
  
  .h-3\.5 {
    height: 0.875rem;
  }
  
  .h-4 {
    height: 1rem;
  }
  
  .h-5 {
    height: 1.25rem;
  }
  
  .h-6 {
    height: 1.5rem;
  }
  
  .h-7 {
    height: 1.75rem;
  }
  
  .h-8 {
    height: 2rem;
  }
  
  .h-9 {
    height: 2.25rem;
  }
  
  .h-10 {
    height: 2.5rem;
  }
  
  .h-11 {
    height: 2.75rem;
  }
  
  .h-12 {
    height: 3rem;
  }
  
  .h-14 {
    height: 3.5rem;
  }
  
  .h-16 {
    height: 4rem;
  }
  
  .h-20 {
    height: 5rem;
  }
  
  .h-24 {
    height: 6rem;
  }
  
  .h-28 {
    height: 7rem;
  }
  
  .h-32 {
    height: 8rem;
  }
  
  .h-36 {
    height: 9rem;
  }
  
  .h-40 {
    height: 10rem;
  }
  
  .h-44 {
    height: 11rem;
  }
  
  .h-48 {
    height: 12rem;
  }
  
  .h-52 {
    height: 13rem;
  }
  
  .h-56 {
    height: 14rem;
  }
  
  .h-60 {
    height: 15rem;
  }
  
  .h-64 {
    height: 16rem;
  }
  
  .h-72 {
    height: 18rem;
  }
  
  .h-80 {
    height: 20rem;
  }
  
  .h-96 {
    height: 24rem;
  }
  
  .h-auto {
    height: auto;
  }
  
  .h-1\/2 {
    height: 50%;
  }
  
  .h-1\/3 {
    height: 33.333333%;
  }
  
  .h-2\/3 {
    height: 66.666667%;
  }
  
  .h-1\/4 {
    height: 25%;
  }
  
  .h-2\/4 {
    height: 50%;
  }
  
  .h-3\/4 {
    height: 75%;
  }
  
  .h-1\/5 {
    height: 20%;
  }
  
  .h-2\/5 {
    height: 40%;
  }
  
  .h-3\/5 {
    height: 60%;
  }
  
  .h-4\/5 {
    height: 80%;
  }
  
  .h-1\/6 {
    height: 16.666667%;
  }
  
  .h-2\/6 {
    height: 33.333333%;
  }
  
  .h-3\/6 {
    height: 50%;
  }
  
  .h-4\/6 {
    height: 66.666667%;
  }
  
  .h-5\/6 {
    height: 83.333333%;
  }
  
  .h-full {
    height: 100%;
  }
  
  .h-screen {
    height: 100vh;
  }
  
  .txt-hover:hover {
    color: #63f;
  }
  
  [data-color-theme="dark"] .txt-link {
    color: #f0b90b;
  }
  
  .txt-link {
    color: #63f;
  }
  
  .filepond--root {
    font-family: "Inter", sans-serif !important;
    margin-bottom: 0 !important;
  }
  
  [data-color-theme="dark"] .filepond--root .filepond--drop-label {
    height: 140px !important;
    color: #fff;
    font-size: 0.875em;
  }
  
  .filepond--root .filepond--drop-label {
    height: 140px !important;
    font-size: 0.875em;
  }
  
  .filepond--pdf-preview-wrapper:before {
    background: linear-gradient(180deg, #23a061 0, transparent) !important;
    min-height: 5rem;
    max-height: 7rem;
  }
  
  .filepond--file .filepond--processing-complete-indicator {
    z-index: 10;
  }
  
  .filepond--root .filepond--drop-label:hover {
    cursor: pointer;
  }
  
  .filepond-border {
    --fi-preview-border: calc(var(--border-width) * 2) dashed
        var(--border-color);
    border: var(--fi-preview-border);
    border-radius: 5px;
  }
  
  [data-color-theme="dark"] .filepond--panel-root {
    background-color: #39393d !important;
  }
  
  .filepond--panel-root {
    background-color: #f9fafb !important;
  }
  
  [data-color-theme="dark"] .bg-filters {
    background: #00000000;
  }
  
  /* .filepond--file-info {
    margin-right: 2em;
    transform: translate3d(0px, 0px, 0px) !important;
  } */
  
  /* .filepond--file .filepond--file-status {
    margin-left: auto;
    margin-right: 1.75em !important;
  } */
  
  /* 2 side */
  /* .filepond--item {
    width: calc(50% - 0.5em);
  }
  
  @media (min-width: 30em) {
    .filepond--item {
        width: calc(50% - 0.5em);
    }
  } */
  
  /* @media (min-width: 50em) {
    .filepond--item {
        width: calc(33.33% - 0.5em);
    }
  } */
  
  .bg-filters {
    background: #fff;
  }
  
  .banner-saturate {
    color: #41474e;
    -webkit-backdrop-filter: saturate(150%) blur(7px);
    backdrop-filter: saturate(150%) blur(7px);
    font-size: 0.65rem;
    background: hsla(0, 0%, 96.1%, 0.5);
    padding: 16px 32px;
    border-radius: 0.2rem;
  }
  
  .rocket {
    position: absolute;
    left: 0;
    right: -30px;
    bottom: -50px;
    top: 0;
    background-position: 100% 100%;
    background-repeat: no-repeat;
    z-index: -1;
    background-size: auto 80%;
    /* transform: translate(-10%,22%); */
    background-image: url("../img/plan.svg");
  }
  
  .header-hero h1 {
    padding: 0;
    background-image: url("../img/brush.svg");
    background-repeat: no-repeat;
    background-position: center;
  }
  
  /* a {
    color: #63f;
    text-decoration: none;
  }
  
  a:hover {
    color: #63f;
    text-decoration: none;
  } */
  
  /* .form-check-input:focus {
    border-color: #63f !important;
    outline: 0;
    box-shadow: var(--form-check-input-focus-box-shadow);
  }
  
  .form-check-input:checked {
    background-color: #63f !important;
    border-color: var(--form-check-input-checked-border-color);
  } */
  
  /* .modal-backdrop {
    z-index: -1;
  } */
  
  /* .modal {
    z-index: 99999;
  } */
  
  /* .modal-dialog {
    margin: 20vh auto 0px auto;
  } */
  
  .modal.show {
    opacity: 1;
    /* background-color: rgba(15, 23, 42, 0.25); */
    /* background-color: rgba(16, 24, 40, 0.8); */
    /* background-color: rgba(10, 30, 66, 0.9); */
    background-color: rgba(0,0,0,.5);
    /* backdrop-filter: blur(1px); */
  }

  .modal-content {
    border: none !important;
  }
  
  .table-responsive.approval {
    min-height: 400px;
  }
  
  .select2-container .select2-search--inline:first-child {
    float: none;
  }
  .select2-container .select2-search--inline:first-child .select2-search__field {
    width: 100% !important;
  }
  
  .table-responsive .expended {
    min-height: 400px;
  }
  
  .wrapper {
    position: relative;
    width: 350px;
    height: 200px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: block;
    margin: 0 auto;
  }
  
  .signature-pad {
    display: block;
    margin: 0 auto;
    width: 350px;
    height: 200px;
    background-color: white;
  }
  
  .zoom-box {
    box-sizing: border-box;
    border: 1px solid #fcffff !important;
    transition: all 0.2s ease-in-out 0s;
  }
  
  .zoom-box:hover {
    box-sizing: border-box;
    border: 1px solid #3a57ff !important;
    transform: scale(
        0.9
    );
  }
  
  .zoom {
    transition: transform 0.2s; /* Animation */
  }
  
  .zoom:hover {
    transform: scale(
        0.9
    ); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  }
  
  [data-color-theme="dark"] .zoom-box {
    box-sizing: border-box;
    border: 1px solid #202125 !important;
    transition: all 0.2s ease-in-out 0s;
  }
  
  [data-color-theme="dark"] .zoom-box:hover {
    box-sizing: border-box;
    border: 1px solid #fcd535 !important;
  }
  
  /* .card-bg-1 {
    background: linear-gradient(
        0deg,
        rgba(83, 20, 241, 0.1) 1.95%,
        rgba(102, 157, 254, 0.1) 29.8%,
        rgba(255, 255, 255, 0.1) 99.27%
    );
    box-shadow: none !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    border-radius: 12px;
  */

  /* [data-color-theme="dark"] .card {
    border: 1px solid #6d6d6d !important;
  } */

  .fs-64 {
    font-size: 64px;
  }
  
  .fs-52 {
    font-size: 52px;
  }
  
  .fs-48 {
    font-size: 48px;
  }
  
  .fs-46 {
    font-size: 46px;
  }
  
  .fs-44 {
    font-size: 44px;
  }
  
  .fs-42 {
    font-size: 42px;
  }
  
  .fs-40 {
    font-size: 40px;
  }
  
  .fs-36 {
    font-size: 36px;
  }
  
  .fs-32 {
    font-size: 32px;
  }
  
  .fs-28 {
    font-size: 28px;
  }
  
  .fs-24 {
    font-size: 24px;
  }
  
  .fs-20 {
    font-size: 20px;
  }
  
  .fs-18 {
    font-size: 18px;
  }
  
  .fs-16 {
    font-size: 16px;
  }
  
  .glyphs > div > div:hover {
    background-color: #63f;
    color: var(--white);
    border-radius: var(--border-radius);
    cursor: pointer;
  }
  
  .table-responsive .dropdown,
  .table-responsive .btn-group,
  .table-responsive .btn-group-vertical {
    position: static;
  }
  
  .card-height {
    height: 200px;
  }
  
  .card-bg-1 {
    background: linear-gradient(
        180deg,
        rgba(20, 115, 241, 0.1) 1.95%,
        rgba(255, 255, 255, 0.1) 99.27%
    );
    box-shadow: none !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    border-radius: 12px;
  }
  
  .card-bg-2 {
    background: url("../svg/bg.svg") no-repeat bottom center;
    /* box-shadow: 0px 0px 16px rgba(58, 78, 88, 0.05) !important; */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    border-radius: 12px;
    /* border: 1px solid #d1d5db; */
  }
  
  .card-bg-3 {
    background: url("../svg/bg2.svg") no-repeat center center;
    /* box-shadow: 0px 0px 16px rgba(58, 78, 88, 0.05) !important; */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    border-radius: 12px;
    /* border: 1px solid #d1d5db; */
  }
  
  .card-bg-4 {
    background: url("../svg/card-bg-header.svg") no-repeat top center;
    /* box-shadow: 0px 0px 16px rgba(58, 78, 88, 0.05) !important; */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    border-radius: 12px;
    /* border: 1px solid #d1d5db; */
  }
  
  .card-bg-5 {
    background: linear-gradient(
        1deg,
        rgba(83, 20, 241, 0.1) -11.95%,
        rgba(102, 157, 254, 0.1) 49.8%,
        rgba(4, 226, 255, 0.1) 99.27%
    );
    /* box-shadow: 0px 0px 16px rgba(58, 78, 88, 0.05) !important; */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    border-radius: 12px;
    /* border: 1px solid #d1d5db; */
  }
  
  .card-bg-6 {
    background: url("../svg/bg.svg") no-repeat top center;
    /* box-shadow: 0px 0px 16px rgba(58, 78, 88, 0.05) !important; */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    border-radius: 12px;
    /* border: 1px solid #d1d5db; */
  }
  
  [data-color-theme="dark"] .title-white {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
  }
  
  /* .sidebar-dark {
    --sidebar-bg: #031837;
    --sidebar-color: #fff;
    --sidebar-border-color: transparent;
    color-scheme: dark;
  } */

.card[data-color-theme=dark], [data-color-theme=dark] .card:not([data-color-theme]), html[data-color-theme=dark] .card {
    color-scheme: dark;
    --card-bg: var(--color-BasicBg);
}
  
  .card {
    --card-box-shadow: none;
    border-radius: 0.675rem;
    box-shadow: none;
  }
  
  .card-img,
  .card-img-top {
    border-top-left-radius: 0.675rem;
    border-top-right-radius: 0.675rem;
  }

[data-color-theme="dark"] .table {
    --border-color: #22222280;
}
  
  /* .nav-link {
    padding: 0.925rem;
  } */
  
  /* .nav-item-submenu > .nav-link:after {
    padding-top: 5px;
  } */
  
  .staff-mood {
    height: 60px;
    width: 60px;
  }
  
  .preserveLines {
    white-space: pre-wrap;
  }
  
  .profile-overlay {
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  
  .child-crop > img,
  .child-crop > video {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }
  
  .cir-pi {
    width: 150px;
    height: 150px;
    background: transparent;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    border: 8px solid #fff;
  }
  
  .circle-orange {
    width: 100px;
    height: 100px;
    background: transparent;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    border: 8px solid #ff5a33;
    color: #ff5a33;
  }
  
  .circle-blue {
    width: 100px;
    height: 100px;
    background: transparent;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    border: 8px solid #0c83ff;
    color: #0c83ff;
  }
  
  .circle-green {
    width: 100px;
    height: 100px;
    background: transparent;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    border: 8px solid #38a169;
    color: #38a169;
  }
  
  label {
    font-weight: 500;
  }
  
  .carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 35%;
    left: 15%;
    padding-top: 0;
    padding-bottom: 0;
    color: #fff;
    text-align: center;
  }
  
  .cursor {
    cursor: pointer;
  }
  
  /* [data-color-theme="dark"] .highcharts-background {
    fill: #2c2d33;
  }
  
  [data-color-theme="dark"] .highcharts-legend-box {
    fill: none;
    stroke-width: 0;
  }
  [data-color-theme="dark"] .highcharts-legend-item text {
    fill: #E0E0E3;
    font-weight: bold;
    cursor: pointer;
    stroke-width: 0;
  }
  [data-color-theme="dark"] .highcharts-legend-item:hover text {
    fill: #fff;
  }
  [data-color-theme="dark"] .highcharts-legend-item-hidden * {
    fill: #cccccc !important;
    stroke: #cccccc !important;
    transition: fill 250ms;
  }
  [data-color-theme="dark"] .highcharts-legend-nav-active {
    fill: #274b6d;
    cursor: pointer;
  }
  [data-color-theme="dark"] .highcharts-legend-nav-inactive {
    fill: #c0c0c0;
  }
  [data-color-theme="dark"] .highcharts-legend-title-box {
    fill: none;
    stroke-width: 0;
  } */
  
  /* .nav-sidebar .nav-item:not(.nav-item-header):first-child {
    padding-top: 0;
  } */
  
  .input-group > .date {
    --input-order-radius: 0.375rem;
    border-top-left-radius: var(--input-border-radius) !important;
    border-bottom-left-radius: var(--input-border-radius) !important;
  }
  
  .input-group > .date-min {
    --input-order-radius: 0.375rem;
    border-top-left-radius: var(--input-border-radius) !important;
    border-bottom-left-radius: var(--input-border-radius) !important;
  }
  
  .input-group > .date-max {
    --input-order-radius: 0.375rem;
    border-top-left-radius: var(--input-border-radius) !important;
    border-bottom-left-radius: var(--input-border-radius) !important;
  }
  
  .nav-item-submenu > .nav-link:after {
    content: "\ea00" !important;
  }
  
  .select2-search--dropdown:after {
    content: "\e30c" !important;
  }
  
  .highcharts-light,
  :root {
    --highcharts-color-0: #2caffe;
  --highcharts-color-1: #544fc5;
  --highcharts-color-2: #00e272;
  --highcharts-color-3: #fe6a35;
  --highcharts-color-4: #6b8abc;
  --highcharts-color-5: #d568fb;
  --highcharts-color-6: #2ee0ca;
  --highcharts-color-7: #fa4b42;
  --highcharts-color-8: #feb56a;
  --highcharts-color-9: #91e8e1;
  
  }
  
  .highcharts-dark,
  :root {
    --highcharts-color-0: #2caffe;
  --highcharts-color-1: #544fc5;
  --highcharts-color-2: #00e272;
  --highcharts-color-3: #fe6a35;
  --highcharts-color-4: #6b8abc;
  --highcharts-color-5: #d568fb;
  --highcharts-color-6: #2ee0ca;
  --highcharts-color-7: #fa4b42;
  --highcharts-color-8: #feb56a;
  --highcharts-color-9: #91e8e1;
  }
  
  @media (min-width: 992px) {
    .sidebar-expand-lg.sidebar-main-resized:not(.sidebar-collapsed):not(
            .sidebar-main-unfold
        )
        .nav-sidebar
        .nav-link:after {
        content: none !important;
    }
  }
  
  .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.25em;
    vertical-align: -0.125em;
    font-size: 1em;
    line-height: 1;
    content: "\e13a";
    transform: rotate(90deg);
  }
  
  .media-chat-scrollable {
    max-height: 50rem;
  }
  
  .card-table-dropdown {
    border-radius: 0.675rem;
    margin-bottom: var(--spacer);
    --card-bg: var(--white);
    background-color: var(--card-bg);
    background-clip: border-box;
    border: 1px solid var(--color-line);
    box-shadow: none;
    --card-spacer-y: var(--spacer);
    --card-spacer-x: var(--spacer);
    --card-title-spacer-y: calc(var(--spacer) * 0.75);
    --card-border-width: var(--border-width);
    --card-border-color: var(--border-color-translucent);
    --card-border-radius: var(--border-radius);
  }

  [data-color-theme="dark"] .card-table-dropdown {
    border-radius: 0.675rem;
    margin-bottom: var(--spacer);
    --card-bg: "#2c2d33";
    background-color: var(--card-bg);
    background-clip: border-box;
    border: 1px solid var(--color-line);
    box-shadow: none;
    --card-spacer-y: var(--spacer);
    --card-spacer-x: var(--spacer);
    --card-title-spacer-y: calc(var(--spacer) * 0.75);
    --card-border-width: var(--border-width);
    --card-border-color: var(--border-color-translucent);
    --card-border-radius: var(--border-radius);
  }
  
  .filepond--warning {
    color: #e53e3e;
  }
  
  .ck.ck-editor__editable:not(.ck-editor__nested-editable).ck-focused {
    --component-active-bg: rgba(165, 189, 252, 1) !important;
    --focus-ring-box-shadow: 0 0 0 0.125rem rgba(199, 210, 254, 1);
    --ck-focus-ring: var(--border-width) solid var(--component-active-bg);
    --ck-focus-inner-shadow: var(--focus-ring-box-shadow);
  }
  
  [data-color-theme="dark"]
    .ck.ck-editor__editable:not(.ck-editor__nested-editable).ck-focused {
    --component-active-bg: rgba(249, 218, 165, 1) !important;
    --focus-ring-box-shadow: 0 0 0 0.125rem rgba(240, 185, 11, 1);
    --ck-focus-ring: var(--border-width) solid var(--component-active-bg);
    --ck-focus-inner-shadow: var(--focus-ring-box-shadow);
  }
  
  trix-editor {
    border: 1px solid #d1d5db;
    border-radius: 0.375rem;
    min-height: 6rem;
  }
  
  trix-editor h1 {
    font-size: large;
  }
  
  trix-toolbar .trix-button-group {
    border: 1px solid #ccc;
    border-top-color: #ccc;
    border-bottom-color: transparent;
    border-radius: 3px;
  }
  
  [data-color-theme="dark"] trix-editor {
    border: 1px solid #4d4d51;
  }
  
  [data-color-theme="dark"] {
    .trix-button-row {
        .trix-button-group {
            border: 1px solid #4d4d51;
            .trix-button {
                background-color: transparent;
                filter: invert(100%);
            }
        }
    }
  }
  
  .select2-container {
    cursor: pointer;
  }

  .overview-chart-filter-select .select2-container {
    width: 100% !important;
    max-width: 100%;
  }

  .overview-chart-filter-select .select2-selection__rendered {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .overview-chart-filter-wrap .overview-chart-filter-select {
    flex: 1 1 auto;
  }

  .select2-results__option {
    white-space: normal;
    line-height: 1.4;
    padding-top: 0.35em;
    padding-bottom: 0.35em;
  }
  
  .wave {
    align-items: center;
    /* background-color: #fff; */
    /* border: 1px solid #e6e9ee; */
    /* border-radius: 16px; */
    /* display: flex; */
    /* min-height: 180px; */
    overflow: hidden;
    /* padding: 32px; */
    position: relative;
    transition: all 0.2s ease;
    width: 100%;
    z-index: 1;
  }
  
  .wave:before {
    animation-delay: 0.4s;
    background: linear-gradient(90deg, #fee2f1, #dde4ff, #d0faff);
    border-radius: 50% 50%/50% 70%;
    bottom: -156%;
    opacity: 0.5;
  }
  
  .wave:after {
    background: linear-gradient(90deg, #d0faff, #dde4ff, #fee2f1);
    border-radius: 30% 70%/30% 50%;
    bottom: -160%;
    opacity: 0.5;
  }
  
  .wave:after,
  .wave:before {
    animation: wave-animation 16s linear infinite;
    content: "";
    height: 2000px;
    width: 100%;
    left: -50%;
    position: absolute;
    top: 30%;
    z-index: -1;
  }
  
  @keyframes wave-animation {
    0% {
        transform: rotate(0deg);
    }
  
    to {
        transform: rotate(1turn);
    }
  }
  
  .child-crop > img,
  .child-crop > video {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }
  
  .card {
    --card-border-width: 1px !important;
  }
  
  .state-statistic {
    height: 100%;
    object-fit: cover;
    border-radius: 0.675rem !important;
  }
  
  /* .nav-sidebar .nav-link.active {
    background-color: var(--nav-link-hover-bg);
  } */
  
  .overlay-banner {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(var(--black-rgb), 0.75);
    transition: all ease-in-out var(--transition-base-timer);
  }
  
  .accordion-item {
    border: var(--card-border-width) solid var(--card-border-color);
  }
  
  .accordion-collapse {
    box-shadow: inset 0 var(--card-border-width) 0 var(--card-border-color);
  }
  
  /* [data-color-theme="dark"] .table > :not(caption) > * > * {
    background-color: #2c2d33;
  } */
  
  li.select2-results__option strong.select2-results__group:hover {
    color: var(--s2-menu-link-active-color);
    background-color: var(--s2-menu-link-active-bg);
    cursor: pointer;
  }
  
  .serojalink {
    display: inline-block;
    position: relative;
    color: var(--link-color);
    text-decoration: none;
  }
  
  .serojalink:hover {
    color: var(--link-hover-color);
  }
  
  /* .serojalink:hover {
    border-bottom: none;
  }
  
  .serojalink:hover:before {
    opacity: 0; 
  } */
  
  .serojalink:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: -1px;
    left: 0;
    border-bottom: 1px dashed var(--link-color);
    pointer-events: none; /* Prevent interaction with the pseudo-element */
    pointer-events: none; /* Prevent interaction with the pseudo-element */
  }
  
  .serojalink:after {
    content: "";
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: var(--link-hover-color);
    transform-origin: bottom right;
    transition: transform 0.3s ease-out;
  }
  
  /* .serojalink:hover:after {
    transform: scaleX(1);
    transform-origin: bottom left;
  } */
  
  .wizard > .steps > ul > li.current .number:after {
    content: "\ec56" !important;
  }
  
  /* th:nth-child(2), td:nth-child(2) {
    position: sticky;
    left: 71px;
    z-index: 101;
    white-space: initial;
    background-color: white;
  }
  */
  
  /* th:first-child,
  td:first-child {
    position: sticky;
    left: 0px;
    white-space: initial;
    z-index: 101;
    background-color: var(--body-bg);
  } */
  
  .bg-overlay {
    position: absolute;
    left: 0;
    right: 10px;
    bottom: 20px;
    top: 0;
    background-position: 100% 100%;
    background-repeat: no-repeat;
    z-index: -1;
    background-size: auto 80px;
    background-image: url("../img/bg-logo.png");
  }
  
  .flatpickr-day.public-holiday {
    background-color: #ffcccc; /* Light red color */
    color: #555; /* Dark text for readability */
  }
  
  .select2-selection--single .select2-selection__clear:after {
    content: "\eddb";
    font-family: var(--icon-font-family);
    display: inline-block;
    font-size: var(--icon-font-size);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .fixed-height {
    height: 200px;
    /* Adjust the height as needed */
    object-fit: cover;
  }
  
  .text-container {
    height: 10em; /* Adjust this value based on your line height and desired number of lines */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4; /* Number of lines to show */
    line-clamp: 4; /* Standard property for compatibility */
    -webkit-box-orient: vertical;
  }
  
  hr.style1 {
  border-top: 1px dashed #8c8b8b;
  }
  
  hr.style2 {
  border-top: 1px dotted #8c8b8b;
  }
  
  hr.style3 {
  background-color: #fff;
  border-top: 2px dashed #8c8b8b;
  }
  
  hr.style4 {
  background-color: #fff;
  border-top: 2px dotted #8c8b8b;
  }
  
  .border-top-style {
    border-top: 1px dashed #8c8b8b;
  }
  
  @media (max-width: 576px) {
    .rounded-top-start {
        border-top-left-radius: 0 !important;
    }
    .rounded-top-end {
        border-top-right-radius: 0 !important;
    }
    .rounded-bottom-start {
        border-bottom-left-radius: 0 !important;
    }
    .rounded-bottom-end {
        border-bottom-right-radius: 0 !important;
    }
  }
  
  .absolute-inset-0 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  
  .w-full {
    width: 100%;
  }
  
  .object-cover {
    object-fit: cover;
  }
  
  .opacity-30 {
    opacity: 0.3;
  }
  
  
  #video-overlay {
    display: block;
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #049aad;
  }
  
  [data-color-theme="dark"] #video-overlay {
    display: block;
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #000000;
  }
  
  .video-overlay {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    opacity: 0.3;
  }
  
  [data-color-theme="dark"] .video-overlay {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    opacity: 0.3;
  }
  
  trix-toolbar .trix-button-group--file-tools,
  trix-toolbar .trix-button--icon-quote,
  trix-toolbar .trix-button--icon-code,
  trix-toolbar .trix-button--icon-heading-1,
  trix-toolbar .trix-button--icon-link {
    display: none !important;
  }
  
  .no-outline:focus {
    outline: none;
    box-shadow: none;
    border-color: none;
  }
  
  .gslide-description {
   display: none !important;
  }
  
  .child-crop:hover .pencil-icon {
    display: none;
  }
  
  .table {
    --table-cell-padding-x: 0.5rem !important;
  }
  
  .stsb-light-theme,:root {
    --green1: #fbfefc;
    --green2: #f2fcf5;
    --green3: #e9f9ee;
    --green4: #ddf3e4;
    --green5: #ccebd7;
    --green6: #b4dfc4;
    --green7: #92ceac;
    --green8: #5bb98c;
    --green9: #30a46c;
    --green10: #299764;
    --green11: #18794e;
    --green12: #153226
  }
  
  .stsb-dark-theme {
    --green1: #0d1912;
    --green2: #0c1f17;
    --green3: #0f291e;
    --green4: #113123;
    --green5: #133929;
    --green6: #164430;
    --green7: #1b543a;
    --green8: #236e4a;
    --green9: #30a46c;
    --green10: #3cb179;
    --green11: #4cc38a;
    --green12: #e5fbeb
  }
  
  .stsb-light-theme,:root {
    --yellow1: #fdfdf9;
    --yellow2: #fffce8;
    --yellow3: #fffbd1;
    --yellow4: #fff8bb;
    --yellow5: #fef2a4;
    --yellow6: #f9e68c;
    --yellow7: #efd36c;
    --yellow8: #ebbc00;
    --yellow9: #f5d90a;
    --yellow10: #f7ce00;
    --yellow11: #946800;
    --yellow12: #35290f
  }
  
  .stsb-dark-theme {
    --yellow1: #1c1500;
    --yellow2: #221a00;
    --yellow3: #2c2100;
    --yellow4: #352800;
    --yellow5: #3e3000;
    --yellow6: #493c00;
    --yellow7: #594a05;
    --yellow8: #705e00;
    --yellow9: #f5d90a;
    --yellow10: #ffef5c;
    --yellow11: #f0c000;
    --yellow12: #fffad1
  }
  
  .stsb-light-theme,:root {
    --red1: #fffcfc;
    --red2: #fff8f8;
    --red3: #ffefef;
    --red4: #ffe5e5;
    --red5: #fdd8d8;
    --red6: #f9c6c6;
    --red7: #f3aeaf;
    --red8: #eb9091;
    --red9: #e5484d;
    --red10: #dc3d43;
    --red11: #cd2b31;
    --red12: #381316
  }
  
  .stsb-dark-theme {
    --red1: #1f1315;
    --red2: #291415;
    --red3: #3c181a;
    --red4: #481a1d;
    --red5: #541b1f;
    --red6: #671e22;
    --red7: #822025;
    --red8: #aa2429;
    --red9: #e5484d;
    --red10: #f2555a;
    --red11: #ff6369;
    --red12: #feecee
  }
  
  .stsb-light-theme,:root {
    --blue1: #fbfdff;
    --blue2: #f5faff;
    --blue3: #edf6ff;
    --blue4: #e1f0ff;
    --blue5: #cee7fe;
    --blue6: #b7d9f8;
    --blue7: #96c7f2;
    --blue8: #5eb0ef;
    --blue9: #0091ff;
    --blue10: #0081f1;
    --blue11: #006adc;
    --blue12: #00254d
  }
  
  .stsb-dark-theme {
    --blue1: #0f1720;
    --blue2: #0f1b2d;
    --blue3: #10243e;
    --blue4: #102a4c;
    --blue5: #0f3058;
    --blue6: #0d3868;
    --blue7: #0a4481;
    --blue8: #0954a5;
    --blue9: #0091ff;
    --blue10: #369eff;
    --blue11: #52a9ff;
    --blue12: #eaf6ff
  }
  
  .stsb-light-theme,:root {
    --orange1: #fefcfb;
    --orange2: #fef8f4;
    --orange3: #fff1e7;
    --orange4: #ffe8d7;
    --orange5: #ffdcc3;
    --orange6: #ffcca7;
    --orange7: #ffb381;
    --orange8: #fa934e;
    --orange9: #f76808;
    --orange10: #ed5f00;
    --orange11: #bd4b00;
    --orange12: #451e11
  }
  
  .stsb-dark-theme {
    --orange1: #1f1206;
    --orange2: #2b1400;
    --orange3: #391a03;
    --orange4: #441f04;
    --orange5: #4f2305;
    --orange6: #5f2a06;
    --orange7: #763205;
    --orange8: #943e00;
    --orange9: #f76808;
    --orange10: #ff802b;
    --orange11: #ff8b3e;
    --orange12: #feeadd
  }
  
  .stsb-light-theme,:root {
    --purple1: #fefcfe;
    --purple2: #fdfaff;
    --purple3: #f9f1fe;
    --purple4: #f3e7fc;
    --purple5: #eddbf9;
    --purple6: #e3ccf4;
    --purple7: #d3b4ed;
    --purple8: #be93e4;
    --purple9: #8e4ec6;
    --purple10: #8445bc;
    --purple11: #793aaf;
    --purple12: #2b0e44
  }
  
  .stsb-dark-theme {
    --purple1: #1b141d;
    --purple2: #221527;
    --purple3: #301a3a;
    --purple4: #3a1e48;
    --purple5: #432155;
    --purple6: #4e2667;
    --purple7: #5f2d84;
    --purple8: #7938b2;
    --purple9: #8e4ec6;
    --purple10: #9d5bd2;
    --purple11: #bf7af0;
    --purple12: #f7ecfc
  }
  
  .stsb-light-theme,:root {
    --pink1: #fffcfe;
    --pink2: #fff7fc;
    --pink3: #feeef8;
    --pink4: #fce5f3;
    --pink5: #f9d8ec;
    --pink6: #f3c6e2;
    --pink7: #ecadd4;
    --pink8: #e38ec3;
    --pink9: #d6409f;
    --pink10: #d23197;
    --pink11: #cd1d8d;
    --pink12: #3b0a2a
  }
  
  .stsb-dark-theme {
    --pink1: #1f121b;
    --pink2: #271421;
    --pink3: #3a182f;
    --pink4: #451a37;
    --pink5: #501b3f;
    --pink6: #601d48;
    --pink7: #7a1d5a;
    --pink8: #a71873;
    --pink9: #d6409f;
    --pink10: #e34ba9;
    --pink11: #f65cb6;
    --pink12: #feebf7
  }
  
  .stsb-light-theme,:root {
    --slate1: #fbfcfd;
    --slate2: #f8f9fa;
    --slate3: #f1f3f5;
    --slate4: #eceef0;
    --slate5: #e6e8eb;
    --slate6: #dfe3e6;
    --slate7: #d7dbdf;
    --slate8: #c1c8cd;
    --slate9: #889096;
    --slate10: #7e868c;
    --slate11: #687076;
    --slate12: #11181c
  }
  
  .stsb-dark-theme {
    --slate1: #151718;
    --slate2: #1a1d1e;
    --slate3: #202425;
    --slate4: #26292b;
    --slate5: #2b2f31;
    --slate6: #313538;
    --slate7: #3a3f42;
    --slate8: #4c5155;
    --slate9: #697177;
    --slate10: #787f85;
    --slate11: #9ba1a6;
    --slate12: #ecedee
  }
  
  .hover-animate:hover .animate-text {
    transform: scale(1.05);
    transition: transform 0.2s ease-in-out;
  }
  
  .animate-text {
    transition: transform 0.2s ease-in-out;
  }
  
  .card:hover .background-image {
    transform: scale(1.2);
    opacity: 0.6 !important;
  }
  
  .hover-shadow {
    transition: background-color 0.2s ease-in-out;
  }

  [data-color-theme="dark"] .hover-shadow:hover {
    background-color: var(--color-CardBg3);
  }

  .hover-shadow:hover {
    background-color: var(--color-bg2);
  }

  .row.gy-2 .btn.btn-link.text-decoration-none.text-teal {
    display: inline-flex;
    align-items: center;
    min-height: calc(1.5em + 0.75rem + 2px);
    padding-top: 0;
    padding-bottom: 0;
  }
  
  .dropdown-menu>.dropdown-submenu>.dropdown-item:after {
    content: "\e13a" !important;
    font-family: var(--icon-font-family);
    position: absolute;
    top: 50%;
    right: calc(var(--dropdown-item-padding-x) * .75);
    font-size: var(--body-font-size);
    line-height: 1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
  }
  
  [dir=rtl] .dropdown-menu>.dropdown-submenu>.dropdown-item:after {
    content: "\f31b"
  }
  
  .sticky-save-button {
    position: sticky;
    bottom: 0;
    background: var(--card-bg);
    margin: 0 -1.25rem -1.25rem -1.25rem;
  }
  
  [data-color-theme="dark"] #performance-rating .highcharts-axis-labels text  {
    fill: #ffffff !important;
  }
  
  @media (min-width: 992px) {
    .border-end-lg-custom {
        border-right: var(--border-width) dashed var(--light) !important;
    }
  }
  
  .bg-hero-1 {
    background: var(--color-BasicBg) url('/src/img/bg/bg-hero-1.png') no-repeat center center; background-position: 50%; background-size: cover;
  }
  
  [data-color-theme="dark"] .bg-hero-1 {
    background: var(--color-BasicBg) url('/src/img/bg/bg-hero-1-dark.png') no-repeat center center; background-position: 50%; background-size: cover;
  }
  
  .bg-abstract-1 {
    background: var(--color-BasicBg) url('/src/img/bg/bg-hero-1.png');
    background-size: 50%;
    background-position: top -80px right -80px;
    background-repeat: no-repeat;
  }
  
  [data-color-theme="dark"] .bg-abstract-1 {
    background: var(--color-BasicBg) url('/src/img/bg/bg-hero-1-dark.png');
    background-size: 50%;
    background-position: top -80px right -80px;
    background-repeat: no-repeat;
  }

  .bg-acat {
    background: transparent url('/src/img/bg/acat.png');
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    transition: transform 0.3s cubic-bezier(.4,0,.2,1);
  }
  
  .bg-acat:hover,
  .bg-acat.force-hover {
    transform: scale(2.5);
    z-index: 2;
  }

  [data-color-theme="dark"] .bg-acat {
    background: transparent url('/src/img/bg/acat-dark.png');
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    transition: transform 0.3s cubic-bezier(.4,0,.2,1);
  }

  [data-color-theme="dark"] .bg-acat:hover,
  [data-color-theme="dark"] .bg-acat.force-hover {
    transform: scale(2.5);
    z-index: 2;
  }

/* Overall Project Performance Styles */
.physical-performance-chart {
    padding: 0;
}

.performance-row {
    margin-bottom: 10px !important;
}

/* .progress-wrapper {
    background-color: #f8f9fa;
    border-radius: 3px;
    overflow: visible;
    min-height: 22px;
    position: relative;
} */

.performance-bar {
    transition: width 0.6s ease;
    position: relative;
    box-shadow: none;
}

.performance-count {
    font-size: 12px;
    /* font-weight: 500; */
    /* color: #495057 !important; */
    /* text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8); */
}

.performance-row .col-3 {
    font-size: 12px;
    /* font-weight: 500; */
    /* color: #6c757d; */
    text-align: right;
    padding-right: 12px;
}

/* Scale reference styling */
.physical-performance-chart .mt-3 {
    padding-left: 25%;
    margin-top: 1rem !important;
}

/* Project statistics styling */
.border-end {
    border-right: 1px solid #dee2e6 !important;
}

/* Responsive adjustments */
@media (max-width: 991.98px) {
    .performance-row .col-3 {
        text-align: left;
        padding-right: 10px;
        margin-bottom: 5px;
    }
    
    .physical-performance-chart .mt-3 {
        padding-left: 0;
        margin-top: 0.75rem !important;
    }
}

/* Monthly Progress Summary: consistent column widths across Overall and line item tables */
.table-responsive .progress-summary-table {
    table-layout: fixed;
    min-width: 700px;
}

[data-color-theme="dark"] #performance-rating-overview .highcharts-axis-labels text {
  fill: #ffffff !important;
}

[data-color-theme=dark], html[data-color-theme=dark] [data-color-theme] {
  --highcharts-background-color: rgb(24 26 33) !important;
}

[data-color-theme=dark] .highcharts-data-label text, text.highcharts-data-label {
    fill: rgb(255 255 255) !important;
}

[data-color-theme=dark] .highcharts-legend-item > text {
  fill: rgb(255 255 255) !important;
}

.highcharts-data-label text, text.highcharts-data-label {
  fill: rgb(0 0 0) !important;
}