@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");
/* VERSION: 1.0.0 */
.hidden {
  display: none;
}

[data-bs-theme=dark] body {
  background: #0f1014;
}

.mce-ui-icon-normalize {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

@media screen and (max-width: 800px) {
  .main-content {
    padding-left: 12px !important;
  }
}
/* BUTTONS */
:disabled {
  cursor: not-allowed;
  pointer-events: visible;
}

a {
  cursor: pointer;
}

body, html {
  scrollbar-width: thin;
}

.row-gap-default {
  row-gap: 0.5rem;
}

/* TYPOGRAPHY */
body {
  font-family: "Inter", "sans-serif";
  font-size: 1rem;
  line-height: calculate-line-height(base);
  font-weight: 400;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Poppins", "sans-serif";
}

.h1 {
  font-size: 2.5rem;
  line-height: calculate-line-height(h1);
  font-weight: 700;
}

.h2 {
  font-size: 2rem;
  line-height: calculate-line-height(h2);
  font-weight: 700;
}

.h3 {
  font-size: 1.5rem;
  line-height: calculate-line-height(h3);
  font-weight: 700;
}

.h4 {
  font-size: 1.25rem;
  line-height: calculate-line-height(h4);
  font-weight: 700;
}

.h5 {
  font-size: 1.125rem;
  line-height: calculate-line-height(h5);
  font-weight: 700;
}

.h6 {
  font-size: 1rem;
  line-height: calculate-line-height(h6);
  font-weight: 600;
}

@media screen and (max-width: 400px) {
  .h2 {
    font-size: clamp(25px, 50%, 32px) !important;
  }
  .h5 {
    font-size: clamp(16px, 50%, 18px) !important;
  }
}
.regular {
  font-weight: 400;
  line-height: 24px;
}

.bold {
  font-weight: 700;
  line-height: 24px;
}

/* VERSION: 1.0.2 */
:root {
  --divorcio-palette-color-blackAlpha-900: rgba(0, 0, 0, 0.92);
  --divorcio-palette-color-blackAlpha-800: rgba(0, 0, 0, 0.8);
  --divorcio-palette-color-blackAlpha-700: rgba(0, 0, 0, 0.64);
  --divorcio-palette-color-blackAlpha-600: rgba(0, 0, 0, 0.48);
  --divorcio-palette-color-blackAlpha-500: rgba(0, 0, 0, 0.4);
  --divorcio-palette-color-blackAlpha-400: rgba(0, 0, 0, 0.24);
  --divorcio-palette-color-blackAlpha-300: rgba(0, 0, 0, 0.16);
  --divorcio-palette-color-blackAlpha-200: rgba(0, 0, 0, 0.1);
  --divorcio-palette-color-blackAlpha-100: rgba(0, 0, 0, 0.06);
  --divorcio-palette-color-blackAlpha-50: rgba(0, 0, 0, 0.04);
  --divorcio-palette-color-whiteAlpha-900: #F3F6FA;
  --divorcio-palette-color-whiteAlpha-800: rgba(255, 255, 255, 0.82);
  --divorcio-palette-color-whiteAlpha-700: rgba(255, 255, 255, 0.8);
  --divorcio-palette-color-whiteAlpha-600: rgba(255, 255, 255, 0.64);
  --divorcio-palette-color-whiteAlpha-500: rgba(255, 255, 255, 0.48);
  --divorcio-palette-color-whiteAlpha-400: rgba(255, 255, 255, 0.4);
  --divorcio-palette-color-whiteAlpha-300: rgba(255, 255, 255, 0.24);
  --divorcio-palette-color-whiteAlpha-200: rgba(255, 255, 255, 0.16);
  --divorcio-palette-color-whiteAlpha-100: rgba(255, 255, 255, 0.1);
  --divorcio-palette-color-whiteAlpha-50: rgba(255, 255, 255, 0.04);
  --divorcio-palette-color-whiteAlpha-300-900: #F3F6FA;
  --divorcio-palette-color-whiteAlpha-300-800: rgba(255, 255, 255, 0.82);
  --divorcio-palette-color-whiteAlpha-300-700: rgba(255, 255, 255, 0.8);
  --divorcio-palette-color-whiteAlpha-300-600: rgba(255, 255, 255, 0.64);
  --divorcio-palette-color-whiteAlpha-300-500: rgba(255, 255, 255, 0.24);
  --divorcio-palette-color-whiteAlpha-300-400: rgba(255, 255, 255, 0.16);
  --divorcio-palette-color-whiteAlpha-300-300: rgba(255, 255, 255, 0.14);
  --divorcio-palette-color-whiteAlpha-300-200: rgba(255, 255, 255, 0.1);
  --divorcio-palette-color-whiteAlpha-300-100: rgba(255, 255, 255, 0.08);
  --divorcio-palette-color-whiteAlpha-300-50: rgba(255, 255, 255, 0.04);
  --divorcio-palette-color-gray-900: #171923;
  --divorcio-palette-color-gray-800: #2C395F;
  --divorcio-palette-color-gray-700: #475476;
  --divorcio-palette-color-gray-600: #67728D;
  --divorcio-palette-color-gray-500: #8D95A4;
  --divorcio-palette-color-gray-400: #B3BBC8;
  --divorcio-palette-color-gray-300: #D0D8E3;
  --divorcio-palette-color-gray-200: #E8EEF5;
  --divorcio-palette-color-gray-100: #F3F6FA;
  --divorcio-palette-color-gray-50: #f6f7f8;
  --divorcio-palette-color-red-900: #63171B;
  --divorcio-palette-color-red-800: #822727;
  --divorcio-palette-color-red-700: #9B2C2C;
  --divorcio-palette-color-red-600: #C53030;
  --divorcio-palette-color-red-500: #FF0000;
  --divorcio-palette-color-red-400: #F56565;
  --divorcio-palette-color-red-300: #FC8181;
  --divorcio-palette-color-red-200: #FEB2B2;
  --divorcio-palette-color-red-100: #FED7D7;
  --divorcio-palette-color-red-50: #FFF5F5;
  --divorcio-palette-color-orange-900: #652B19;
  --divorcio-palette-color-orange-800: #7B341E;
  --divorcio-palette-color-orange-700: #9C4221;
  --divorcio-palette-color-orange-600: #C05621;
  --divorcio-palette-color-orange-500: #DD6B20;
  --divorcio-palette-color-orange-400: #ED8936;
  --divorcio-palette-color-orange-300: #F6AD55;
  --divorcio-palette-color-orange-200: #FBD38D;
  --divorcio-palette-color-orange-100: #FEEBCB;
  --divorcio-palette-color-orange-50: #FFFAF0;
  --divorcio-palette-color-green-900: #1C4532;
  --divorcio-palette-color-green-800: #22543D;
  --divorcio-palette-color-green-700: #276749;
  --divorcio-palette-color-green-600: #25855A;
  --divorcio-palette-color-green-500: #38A169;
  --divorcio-palette-color-green-400: #48BB78;
  --divorcio-palette-color-green-300: #68D391;
  --divorcio-palette-color-green-200: #9AE6B4;
  --divorcio-palette-color-green-100: #C6F6D5;
  --divorcio-palette-color-green-50: #F0FFF4;
  --divorcio-palette-color-grassGreen-900: #2a4324;
  --divorcio-palette-color-grassGreen-800: #32502b;
  --divorcio-palette-color-grassGreen-700: #3b6431;
  --divorcio-palette-color-grassGreen-600: #487e3b;
  --divorcio-palette-color-grassGreen-500: #66AB55;
  --divorcio-palette-color-grassGreen-400: #7fb870;
  --divorcio-palette-color-grassGreen-300: #abd4a1;
  --divorcio-palette-color-grassGreen-200: #d1e7cb;
  --divorcio-palette-color-grassGreen-100: #e7f4e4;
  --divorcio-palette-color-grassGreen-50: #f5faf3;
  --divorcio-palette-color-maldivesBlue-900: #294750;
  --divorcio-palette-color-maldivesBlue-800: #2d555d;
  --divorcio-palette-color-maldivesBlue-700: #2f6670;
  --divorcio-palette-color-maldivesBlue-600: #327C88;
  --divorcio-palette-color-maldivesBlue-500: #48ACB4;
  --divorcio-palette-color-maldivesBlue-400: #6dbdc2;
  --divorcio-palette-color-maldivesBlue-300: #99d1d5;
  --divorcio-palette-color-maldivesBlue-200: #c8e6e9;
  --divorcio-palette-color-maldivesBlue-100: #e4f3f4;
  --divorcio-palette-color-maldivesBlue-50: #f1faf9;
  --divorcio-palette-color-chestnutRed-900: #4F2020;
  --divorcio-palette-color-chestnutRed-800: #632728;
  --divorcio-palette-color-chestnutRed-700: #7E3231;
  --divorcio-palette-color-chestnutRed-600: #993D3D;
  --divorcio-palette-color-chestnutRed-500: #B44848;
  --divorcio-palette-color-chestnutRed-400: #C36D6D;
  --divorcio-palette-color-chestnutRed-300: #D59899;
  --divorcio-palette-color-chestnutRed-200: #EAC8C8;
  --divorcio-palette-color-chestnutRed-100: #F4E4E4;
  --divorcio-palette-color-chestnutRed-50: #FCF5F4;
  --divorcio-palette-color-indigoPurple-900: #2d285c;
  --divorcio-palette-color-indigoPurple-800: #383372;
  --divorcio-palette-color-indigoPurple-700: #474092;
  --divorcio-palette-color-indigoPurple-600: #584eb1;
  --divorcio-palette-color-indigoPurple-500: #665CD0;
  --divorcio-palette-color-indigoPurple-400: #867dd9;
  --divorcio-palette-color-indigoPurple-300: #a9a4e5;
  --divorcio-palette-color-indigoPurple-200: #d0cef1;
  --divorcio-palette-color-indigoPurple-100: #e8e7f8;
  --divorcio-palette-color-indigoPurple-50: #FCF5F4;
  --divorcio-palette-color-primary-900: #360070;
  --divorcio-palette-color-primary-800: #44008c;
  --divorcio-palette-color-primary-700: #5600b3;
  --divorcio-palette-color-primary-600: #6900d9;
  --divorcio-palette-color-primary-500: #7b00ff;
  --divorcio-palette-color-primary-400: #8f26ff;
  --divorcio-palette-color-primary-300: #b570ff;
  --divorcio-palette-color-primary-200: #bd80ff;
  --divorcio-palette-color-primary-100: #ebd9ff;
  --divorcio-palette-color-secondary-500: #FF0000;
  --divorcio-palette-color-tertiary-500: #F8F7F2;
  --divorcio-palette-color-white-500: white;
}

/* GENERATOR OF COLORS :*/
.color-blackAlpha-900 {
  color: rgba(0, 0, 0, 0.92) !important;
}

.bg-color-blackAlpha-900 {
  background: rgba(0, 0, 0, 0.92);
}

.border-color-blackAlpha-900 {
  border-color: rgba(0, 0, 0, 0.92);
}

.color-blackAlpha-800 {
  color: rgba(0, 0, 0, 0.8) !important;
}

.bg-color-blackAlpha-800 {
  background: rgba(0, 0, 0, 0.8);
}

.border-color-blackAlpha-800 {
  border-color: rgba(0, 0, 0, 0.8);
}

.color-blackAlpha-700 {
  color: rgba(0, 0, 0, 0.64) !important;
}

.bg-color-blackAlpha-700 {
  background: rgba(0, 0, 0, 0.64);
}

.border-color-blackAlpha-700 {
  border-color: rgba(0, 0, 0, 0.64);
}

.color-blackAlpha-600 {
  color: rgba(0, 0, 0, 0.48) !important;
}

.bg-color-blackAlpha-600 {
  background: rgba(0, 0, 0, 0.48);
}

.border-color-blackAlpha-600 {
  border-color: rgba(0, 0, 0, 0.48);
}

.color-blackAlpha-500 {
  color: rgba(0, 0, 0, 0.4) !important;
}

.bg-color-blackAlpha-500 {
  background: rgba(0, 0, 0, 0.4);
}

.border-color-blackAlpha-500 {
  border-color: rgba(0, 0, 0, 0.4);
}

.color-blackAlpha-400 {
  color: rgba(0, 0, 0, 0.24) !important;
}

.bg-color-blackAlpha-400 {
  background: rgba(0, 0, 0, 0.24);
}

.border-color-blackAlpha-400 {
  border-color: rgba(0, 0, 0, 0.24);
}

.color-blackAlpha-300 {
  color: rgba(0, 0, 0, 0.16) !important;
}

.bg-color-blackAlpha-300 {
  background: rgba(0, 0, 0, 0.16);
}

.border-color-blackAlpha-300 {
  border-color: rgba(0, 0, 0, 0.16);
}

.color-blackAlpha-200 {
  color: rgba(0, 0, 0, 0.1) !important;
}

.bg-color-blackAlpha-200 {
  background: rgba(0, 0, 0, 0.1);
}

.border-color-blackAlpha-200 {
  border-color: rgba(0, 0, 0, 0.1);
}

.color-blackAlpha-100 {
  color: rgba(0, 0, 0, 0.06) !important;
}

.bg-color-blackAlpha-100 {
  background: rgba(0, 0, 0, 0.06);
}

.border-color-blackAlpha-100 {
  border-color: rgba(0, 0, 0, 0.06);
}

.color-blackAlpha-50 {
  color: rgba(0, 0, 0, 0.04) !important;
}

.bg-color-blackAlpha-50 {
  background: rgba(0, 0, 0, 0.04);
}

.border-color-blackAlpha-50 {
  border-color: rgba(0, 0, 0, 0.04);
}

.color-whiteAlpha-900 {
  color: #F3F6FA !important;
}

.bg-color-whiteAlpha-900 {
  background: #F3F6FA;
}

.border-color-whiteAlpha-900 {
  border-color: #F3F6FA;
}

.color-whiteAlpha-800 {
  color: rgba(255, 255, 255, 0.82) !important;
}

.bg-color-whiteAlpha-800 {
  background: rgba(255, 255, 255, 0.82);
}

.border-color-whiteAlpha-800 {
  border-color: rgba(255, 255, 255, 0.82);
}

.color-whiteAlpha-700 {
  color: rgba(255, 255, 255, 0.8) !important;
}

.bg-color-whiteAlpha-700 {
  background: rgba(255, 255, 255, 0.8);
}

.border-color-whiteAlpha-700 {
  border-color: rgba(255, 255, 255, 0.8);
}

.color-whiteAlpha-600 {
  color: rgba(255, 255, 255, 0.64) !important;
}

.bg-color-whiteAlpha-600 {
  background: rgba(255, 255, 255, 0.64);
}

.border-color-whiteAlpha-600 {
  border-color: rgba(255, 255, 255, 0.64);
}

.color-whiteAlpha-500 {
  color: rgba(255, 255, 255, 0.48) !important;
}

.bg-color-whiteAlpha-500 {
  background: rgba(255, 255, 255, 0.48);
}

.border-color-whiteAlpha-500 {
  border-color: rgba(255, 255, 255, 0.48);
}

.color-whiteAlpha-400 {
  color: rgba(255, 255, 255, 0.4) !important;
}

.bg-color-whiteAlpha-400 {
  background: rgba(255, 255, 255, 0.4);
}

.border-color-whiteAlpha-400 {
  border-color: rgba(255, 255, 255, 0.4);
}

.color-whiteAlpha-300 {
  color: rgba(255, 255, 255, 0.24) !important;
}

.bg-color-whiteAlpha-300 {
  background: rgba(255, 255, 255, 0.24);
}

.border-color-whiteAlpha-300 {
  border-color: rgba(255, 255, 255, 0.24);
}

.color-whiteAlpha-200 {
  color: rgba(255, 255, 255, 0.16) !important;
}

.bg-color-whiteAlpha-200 {
  background: rgba(255, 255, 255, 0.16);
}

.border-color-whiteAlpha-200 {
  border-color: rgba(255, 255, 255, 0.16);
}

.color-whiteAlpha-100 {
  color: rgba(255, 255, 255, 0.1) !important;
}

.bg-color-whiteAlpha-100 {
  background: rgba(255, 255, 255, 0.1);
}

.border-color-whiteAlpha-100 {
  border-color: rgba(255, 255, 255, 0.1);
}

.color-whiteAlpha-50 {
  color: rgba(255, 255, 255, 0.04) !important;
}

.bg-color-whiteAlpha-50 {
  background: rgba(255, 255, 255, 0.04);
}

.border-color-whiteAlpha-50 {
  border-color: rgba(255, 255, 255, 0.04);
}

.color-whiteAlpha-300-900 {
  color: #F3F6FA !important;
}

.bg-color-whiteAlpha-300-900 {
  background: #F3F6FA;
}

.border-color-whiteAlpha-300-900 {
  border-color: #F3F6FA;
}

.color-whiteAlpha-300-800 {
  color: rgba(255, 255, 255, 0.82) !important;
}

.bg-color-whiteAlpha-300-800 {
  background: rgba(255, 255, 255, 0.82);
}

.border-color-whiteAlpha-300-800 {
  border-color: rgba(255, 255, 255, 0.82);
}

.color-whiteAlpha-300-700 {
  color: rgba(255, 255, 255, 0.8) !important;
}

.bg-color-whiteAlpha-300-700 {
  background: rgba(255, 255, 255, 0.8);
}

.border-color-whiteAlpha-300-700 {
  border-color: rgba(255, 255, 255, 0.8);
}

.color-whiteAlpha-300-600 {
  color: rgba(255, 255, 255, 0.64) !important;
}

.bg-color-whiteAlpha-300-600 {
  background: rgba(255, 255, 255, 0.64);
}

.border-color-whiteAlpha-300-600 {
  border-color: rgba(255, 255, 255, 0.64);
}

.color-whiteAlpha-300-500 {
  color: rgba(255, 255, 255, 0.24) !important;
}

.bg-color-whiteAlpha-300-500 {
  background: rgba(255, 255, 255, 0.24);
}

.border-color-whiteAlpha-300-500 {
  border-color: rgba(255, 255, 255, 0.24);
}

.color-whiteAlpha-300-400 {
  color: rgba(255, 255, 255, 0.16) !important;
}

.bg-color-whiteAlpha-300-400 {
  background: rgba(255, 255, 255, 0.16);
}

.border-color-whiteAlpha-300-400 {
  border-color: rgba(255, 255, 255, 0.16);
}

.color-whiteAlpha-300-300 {
  color: rgba(255, 255, 255, 0.14) !important;
}

.bg-color-whiteAlpha-300-300 {
  background: rgba(255, 255, 255, 0.14);
}

.border-color-whiteAlpha-300-300 {
  border-color: rgba(255, 255, 255, 0.14);
}

.color-whiteAlpha-300-200 {
  color: rgba(255, 255, 255, 0.1) !important;
}

.bg-color-whiteAlpha-300-200 {
  background: rgba(255, 255, 255, 0.1);
}

.border-color-whiteAlpha-300-200 {
  border-color: rgba(255, 255, 255, 0.1);
}

.color-whiteAlpha-300-100 {
  color: rgba(255, 255, 255, 0.08) !important;
}

.bg-color-whiteAlpha-300-100 {
  background: rgba(255, 255, 255, 0.08);
}

.border-color-whiteAlpha-300-100 {
  border-color: rgba(255, 255, 255, 0.08);
}

.color-whiteAlpha-300-50 {
  color: rgba(255, 255, 255, 0.04) !important;
}

.bg-color-whiteAlpha-300-50 {
  background: rgba(255, 255, 255, 0.04);
}

.border-color-whiteAlpha-300-50 {
  border-color: rgba(255, 255, 255, 0.04);
}

.color-gray-900 {
  color: #171923 !important;
}

.bg-color-gray-900 {
  background: #171923;
}

.border-color-gray-900 {
  border-color: #171923;
}

.color-gray-800 {
  color: #2C395F !important;
}

.bg-color-gray-800 {
  background: #2C395F;
}

.border-color-gray-800 {
  border-color: #2C395F;
}

.color-gray-700 {
  color: #475476 !important;
}

.bg-color-gray-700 {
  background: #475476;
}

.border-color-gray-700 {
  border-color: #475476;
}

.color-gray-600 {
  color: #67728D !important;
}

.bg-color-gray-600 {
  background: #67728D;
}

.border-color-gray-600 {
  border-color: #67728D;
}

.color-gray-500 {
  color: #8D95A4 !important;
}

.bg-color-gray-500 {
  background: #8D95A4;
}

.border-color-gray-500 {
  border-color: #8D95A4;
}

.color-gray-400 {
  color: #B3BBC8 !important;
}

.bg-color-gray-400 {
  background: #B3BBC8;
}

.border-color-gray-400 {
  border-color: #B3BBC8;
}

.color-gray-300 {
  color: #D0D8E3 !important;
}

.bg-color-gray-300 {
  background: #D0D8E3;
}

.border-color-gray-300 {
  border-color: #D0D8E3;
}

.color-gray-200 {
  color: #E8EEF5 !important;
}

.bg-color-gray-200 {
  background: #E8EEF5;
}

.border-color-gray-200 {
  border-color: #E8EEF5;
}

.color-gray-100 {
  color: #F3F6FA !important;
}

.bg-color-gray-100 {
  background: #F3F6FA;
}

.border-color-gray-100 {
  border-color: #F3F6FA;
}

.color-gray-50 {
  color: #f6f7f8 !important;
}

.bg-color-gray-50 {
  background: #f6f7f8;
}

.border-color-gray-50 {
  border-color: #f6f7f8;
}

.color-red-900 {
  color: #63171B !important;
}

.bg-color-red-900 {
  background: #63171B;
}

.border-color-red-900 {
  border-color: #63171B;
}

.color-red-800 {
  color: #822727 !important;
}

.bg-color-red-800 {
  background: #822727;
}

.border-color-red-800 {
  border-color: #822727;
}

.color-red-700 {
  color: #9B2C2C !important;
}

.bg-color-red-700 {
  background: #9B2C2C;
}

.border-color-red-700 {
  border-color: #9B2C2C;
}

.color-red-600 {
  color: #C53030 !important;
}

.bg-color-red-600 {
  background: #C53030;
}

.border-color-red-600 {
  border-color: #C53030;
}

.color-red-500 {
  color: #FF0000 !important;
}

.bg-color-red-500 {
  background: #FF0000;
}

.border-color-red-500 {
  border-color: #FF0000;
}

.color-red-400 {
  color: #F56565 !important;
}

.bg-color-red-400 {
  background: #F56565;
}

.border-color-red-400 {
  border-color: #F56565;
}

.color-red-300 {
  color: #FC8181 !important;
}

.bg-color-red-300 {
  background: #FC8181;
}

.border-color-red-300 {
  border-color: #FC8181;
}

.color-red-200 {
  color: #FEB2B2 !important;
}

.bg-color-red-200 {
  background: #FEB2B2;
}

.border-color-red-200 {
  border-color: #FEB2B2;
}

.color-red-100 {
  color: #FED7D7 !important;
}

.bg-color-red-100 {
  background: #FED7D7;
}

.border-color-red-100 {
  border-color: #FED7D7;
}

.color-red-50 {
  color: #FFF5F5 !important;
}

.bg-color-red-50 {
  background: #FFF5F5;
}

.border-color-red-50 {
  border-color: #FFF5F5;
}

.color-orange-900 {
  color: #652B19 !important;
}

.bg-color-orange-900 {
  background: #652B19;
}

.border-color-orange-900 {
  border-color: #652B19;
}

.color-orange-800 {
  color: #7B341E !important;
}

.bg-color-orange-800 {
  background: #7B341E;
}

.border-color-orange-800 {
  border-color: #7B341E;
}

.color-orange-700 {
  color: #9C4221 !important;
}

.bg-color-orange-700 {
  background: #9C4221;
}

.border-color-orange-700 {
  border-color: #9C4221;
}

.color-orange-600 {
  color: #C05621 !important;
}

.bg-color-orange-600 {
  background: #C05621;
}

.border-color-orange-600 {
  border-color: #C05621;
}

.color-orange-500 {
  color: #DD6B20 !important;
}

.bg-color-orange-500 {
  background: #DD6B20;
}

.border-color-orange-500 {
  border-color: #DD6B20;
}

.color-orange-400 {
  color: #ED8936 !important;
}

.bg-color-orange-400 {
  background: #ED8936;
}

.border-color-orange-400 {
  border-color: #ED8936;
}

.color-orange-300 {
  color: #F6AD55 !important;
}

.bg-color-orange-300 {
  background: #F6AD55;
}

.border-color-orange-300 {
  border-color: #F6AD55;
}

.color-orange-200 {
  color: #FBD38D !important;
}

.bg-color-orange-200 {
  background: #FBD38D;
}

.border-color-orange-200 {
  border-color: #FBD38D;
}

.color-orange-100 {
  color: #FEEBCB !important;
}

.bg-color-orange-100 {
  background: #FEEBCB;
}

.border-color-orange-100 {
  border-color: #FEEBCB;
}

.color-orange-50 {
  color: #FFFAF0 !important;
}

.bg-color-orange-50 {
  background: #FFFAF0;
}

.border-color-orange-50 {
  border-color: #FFFAF0;
}

.color-green-900 {
  color: #1C4532 !important;
}

.bg-color-green-900 {
  background: #1C4532;
}

.border-color-green-900 {
  border-color: #1C4532;
}

.color-green-800 {
  color: #22543D !important;
}

.bg-color-green-800 {
  background: #22543D;
}

.border-color-green-800 {
  border-color: #22543D;
}

.color-green-700 {
  color: #276749 !important;
}

.bg-color-green-700 {
  background: #276749;
}

.border-color-green-700 {
  border-color: #276749;
}

.color-green-600 {
  color: #25855A !important;
}

.bg-color-green-600 {
  background: #25855A;
}

.border-color-green-600 {
  border-color: #25855A;
}

.color-green-500 {
  color: #38A169 !important;
}

.bg-color-green-500 {
  background: #38A169;
}

.border-color-green-500 {
  border-color: #38A169;
}

.color-green-400 {
  color: #48BB78 !important;
}

.bg-color-green-400 {
  background: #48BB78;
}

.border-color-green-400 {
  border-color: #48BB78;
}

.color-green-300 {
  color: #68D391 !important;
}

.bg-color-green-300 {
  background: #68D391;
}

.border-color-green-300 {
  border-color: #68D391;
}

.color-green-200 {
  color: #9AE6B4 !important;
}

.bg-color-green-200 {
  background: #9AE6B4;
}

.border-color-green-200 {
  border-color: #9AE6B4;
}

.color-green-100 {
  color: #C6F6D5 !important;
}

.bg-color-green-100 {
  background: #C6F6D5;
}

.border-color-green-100 {
  border-color: #C6F6D5;
}

.color-green-50 {
  color: #F0FFF4 !important;
}

.bg-color-green-50 {
  background: #F0FFF4;
}

.border-color-green-50 {
  border-color: #F0FFF4;
}

.color-grassGreen-900 {
  color: #2a4324 !important;
}

.bg-color-grassGreen-900 {
  background: #2a4324;
}

.border-color-grassGreen-900 {
  border-color: #2a4324;
}

.color-grassGreen-800 {
  color: #32502b !important;
}

.bg-color-grassGreen-800 {
  background: #32502b;
}

.border-color-grassGreen-800 {
  border-color: #32502b;
}

.color-grassGreen-700 {
  color: #3b6431 !important;
}

.bg-color-grassGreen-700 {
  background: #3b6431;
}

.border-color-grassGreen-700 {
  border-color: #3b6431;
}

.color-grassGreen-600 {
  color: #487e3b !important;
}

.bg-color-grassGreen-600 {
  background: #487e3b;
}

.border-color-grassGreen-600 {
  border-color: #487e3b;
}

.color-grassGreen-500 {
  color: #66AB55 !important;
}

.bg-color-grassGreen-500 {
  background: #66AB55;
}

.border-color-grassGreen-500 {
  border-color: #66AB55;
}

.color-grassGreen-400 {
  color: #7fb870 !important;
}

.bg-color-grassGreen-400 {
  background: #7fb870;
}

.border-color-grassGreen-400 {
  border-color: #7fb870;
}

.color-grassGreen-300 {
  color: #abd4a1 !important;
}

.bg-color-grassGreen-300 {
  background: #abd4a1;
}

.border-color-grassGreen-300 {
  border-color: #abd4a1;
}

.color-grassGreen-200 {
  color: #d1e7cb !important;
}

.bg-color-grassGreen-200 {
  background: #d1e7cb;
}

.border-color-grassGreen-200 {
  border-color: #d1e7cb;
}

.color-grassGreen-100 {
  color: #e7f4e4 !important;
}

.bg-color-grassGreen-100 {
  background: #e7f4e4;
}

.border-color-grassGreen-100 {
  border-color: #e7f4e4;
}

.color-grassGreen-50 {
  color: #f5faf3 !important;
}

.bg-color-grassGreen-50 {
  background: #f5faf3;
}

.border-color-grassGreen-50 {
  border-color: #f5faf3;
}

.color-maldivesBlue-900 {
  color: #294750 !important;
}

.bg-color-maldivesBlue-900 {
  background: #294750;
}

.border-color-maldivesBlue-900 {
  border-color: #294750;
}

.color-maldivesBlue-800 {
  color: #2d555d !important;
}

.bg-color-maldivesBlue-800 {
  background: #2d555d;
}

.border-color-maldivesBlue-800 {
  border-color: #2d555d;
}

.color-maldivesBlue-700 {
  color: #2f6670 !important;
}

.bg-color-maldivesBlue-700 {
  background: #2f6670;
}

.border-color-maldivesBlue-700 {
  border-color: #2f6670;
}

.color-maldivesBlue-600 {
  color: #327C88 !important;
}

.bg-color-maldivesBlue-600 {
  background: #327C88;
}

.border-color-maldivesBlue-600 {
  border-color: #327C88;
}

.color-maldivesBlue-500 {
  color: #48ACB4 !important;
}

.bg-color-maldivesBlue-500 {
  background: #48ACB4;
}

.border-color-maldivesBlue-500 {
  border-color: #48ACB4;
}

.color-maldivesBlue-400 {
  color: #6dbdc2 !important;
}

.bg-color-maldivesBlue-400 {
  background: #6dbdc2;
}

.border-color-maldivesBlue-400 {
  border-color: #6dbdc2;
}

.color-maldivesBlue-300 {
  color: #99d1d5 !important;
}

.bg-color-maldivesBlue-300 {
  background: #99d1d5;
}

.border-color-maldivesBlue-300 {
  border-color: #99d1d5;
}

.color-maldivesBlue-200 {
  color: #c8e6e9 !important;
}

.bg-color-maldivesBlue-200 {
  background: #c8e6e9;
}

.border-color-maldivesBlue-200 {
  border-color: #c8e6e9;
}

.color-maldivesBlue-100 {
  color: #e4f3f4 !important;
}

.bg-color-maldivesBlue-100 {
  background: #e4f3f4;
}

.border-color-maldivesBlue-100 {
  border-color: #e4f3f4;
}

.color-maldivesBlue-50 {
  color: #f1faf9 !important;
}

.bg-color-maldivesBlue-50 {
  background: #f1faf9;
}

.border-color-maldivesBlue-50 {
  border-color: #f1faf9;
}

.color-chestnutRed-900 {
  color: #4F2020 !important;
}

.bg-color-chestnutRed-900 {
  background: #4F2020;
}

.border-color-chestnutRed-900 {
  border-color: #4F2020;
}

.color-chestnutRed-800 {
  color: #632728 !important;
}

.bg-color-chestnutRed-800 {
  background: #632728;
}

.border-color-chestnutRed-800 {
  border-color: #632728;
}

.color-chestnutRed-700 {
  color: #7E3231 !important;
}

.bg-color-chestnutRed-700 {
  background: #7E3231;
}

.border-color-chestnutRed-700 {
  border-color: #7E3231;
}

.color-chestnutRed-600 {
  color: #993D3D !important;
}

.bg-color-chestnutRed-600 {
  background: #993D3D;
}

.border-color-chestnutRed-600 {
  border-color: #993D3D;
}

.color-chestnutRed-500 {
  color: #B44848 !important;
}

.bg-color-chestnutRed-500 {
  background: #B44848;
}

.border-color-chestnutRed-500 {
  border-color: #B44848;
}

.color-chestnutRed-400 {
  color: #C36D6D !important;
}

.bg-color-chestnutRed-400 {
  background: #C36D6D;
}

.border-color-chestnutRed-400 {
  border-color: #C36D6D;
}

.color-chestnutRed-300 {
  color: #D59899 !important;
}

.bg-color-chestnutRed-300 {
  background: #D59899;
}

.border-color-chestnutRed-300 {
  border-color: #D59899;
}

.color-chestnutRed-200 {
  color: #EAC8C8 !important;
}

.bg-color-chestnutRed-200 {
  background: #EAC8C8;
}

.border-color-chestnutRed-200 {
  border-color: #EAC8C8;
}

.color-chestnutRed-100 {
  color: #F4E4E4 !important;
}

.bg-color-chestnutRed-100 {
  background: #F4E4E4;
}

.border-color-chestnutRed-100 {
  border-color: #F4E4E4;
}

.color-chestnutRed-50 {
  color: #FCF5F4 !important;
}

.bg-color-chestnutRed-50 {
  background: #FCF5F4;
}

.border-color-chestnutRed-50 {
  border-color: #FCF5F4;
}

.color-indigoPurple-900 {
  color: #2d285c !important;
}

.bg-color-indigoPurple-900 {
  background: #2d285c;
}

.border-color-indigoPurple-900 {
  border-color: #2d285c;
}

.color-indigoPurple-800 {
  color: #383372 !important;
}

.bg-color-indigoPurple-800 {
  background: #383372;
}

.border-color-indigoPurple-800 {
  border-color: #383372;
}

.color-indigoPurple-700 {
  color: #474092 !important;
}

.bg-color-indigoPurple-700 {
  background: #474092;
}

.border-color-indigoPurple-700 {
  border-color: #474092;
}

.color-indigoPurple-600 {
  color: #584eb1 !important;
}

.bg-color-indigoPurple-600 {
  background: #584eb1;
}

.border-color-indigoPurple-600 {
  border-color: #584eb1;
}

.color-indigoPurple-500 {
  color: #665CD0 !important;
}

.bg-color-indigoPurple-500 {
  background: #665CD0;
}

.border-color-indigoPurple-500 {
  border-color: #665CD0;
}

.color-indigoPurple-400 {
  color: #867dd9 !important;
}

.bg-color-indigoPurple-400 {
  background: #867dd9;
}

.border-color-indigoPurple-400 {
  border-color: #867dd9;
}

.color-indigoPurple-300 {
  color: #a9a4e5 !important;
}

.bg-color-indigoPurple-300 {
  background: #a9a4e5;
}

.border-color-indigoPurple-300 {
  border-color: #a9a4e5;
}

.color-indigoPurple-200 {
  color: #d0cef1 !important;
}

.bg-color-indigoPurple-200 {
  background: #d0cef1;
}

.border-color-indigoPurple-200 {
  border-color: #d0cef1;
}

.color-indigoPurple-100 {
  color: #e8e7f8 !important;
}

.bg-color-indigoPurple-100 {
  background: #e8e7f8;
}

.border-color-indigoPurple-100 {
  border-color: #e8e7f8;
}

.color-indigoPurple-50 {
  color: #FCF5F4 !important;
}

.bg-color-indigoPurple-50 {
  background: #FCF5F4;
}

.border-color-indigoPurple-50 {
  border-color: #FCF5F4;
}

.color-primary-900 {
  color: #360070 !important;
}

.bg-color-primary-900 {
  background: #360070;
}

.border-color-primary-900 {
  border-color: #360070;
}

.color-primary-800 {
  color: #44008c !important;
}

.bg-color-primary-800 {
  background: #44008c;
}

.border-color-primary-800 {
  border-color: #44008c;
}

.color-primary-700 {
  color: #5600b3 !important;
}

.bg-color-primary-700 {
  background: #5600b3;
}

.border-color-primary-700 {
  border-color: #5600b3;
}

.color-primary-600 {
  color: #6900d9 !important;
}

.bg-color-primary-600 {
  background: #6900d9;
}

.border-color-primary-600 {
  border-color: #6900d9;
}

.color-primary-500 {
  color: #7b00ff !important;
}

.bg-color-primary-500 {
  background: #7b00ff;
}

.border-color-primary-500 {
  border-color: #7b00ff;
}

.color-primary-400 {
  color: #8f26ff !important;
}

.bg-color-primary-400 {
  background: #8f26ff;
}

.border-color-primary-400 {
  border-color: #8f26ff;
}

.color-primary-300 {
  color: #b570ff !important;
}

.bg-color-primary-300 {
  background: #b570ff;
}

.border-color-primary-300 {
  border-color: #b570ff;
}

.color-primary-200 {
  color: #bd80ff !important;
}

.bg-color-primary-200 {
  background: #bd80ff;
}

.border-color-primary-200 {
  border-color: #bd80ff;
}

.color-primary-100 {
  color: #ebd9ff !important;
}

.bg-color-primary-100 {
  background: #ebd9ff;
}

.border-color-primary-100 {
  border-color: #ebd9ff;
}

.color-secondary-500 {
  color: #FF0000 !important;
}

.bg-color-secondary-500 {
  background: #FF0000;
}

.border-color-secondary-500 {
  border-color: #FF0000;
}

.color-tertiary-500 {
  color: #F8F7F2 !important;
}

.bg-color-tertiary-500 {
  background: #F8F7F2;
}

.border-color-tertiary-500 {
  border-color: #F8F7F2;
}

.color-white-500 {
  color: white !important;
}

.bg-color-white-500 {
  background: white;
}

.border-color-white-500 {
  border-color: white;
}

/* GENERATOR OF NAMECOLORS */
.color-blackAlpha {
  color: rgba(0, 0, 0, 0.4) !important;
}

.bg-color-blackAlpha {
  background: rgba(0, 0, 0, 0.4);
}

.border-color-blackAlpha {
  border-color: rgba(0, 0, 0, 0.4);
}

.color-whiteAlpha {
  color: rgba(255, 255, 255, 0.48) !important;
}

.bg-color-whiteAlpha {
  background: rgba(255, 255, 255, 0.48);
}

.border-color-whiteAlpha {
  border-color: rgba(255, 255, 255, 0.48);
}

.color-whiteAlpha-300 {
  color: rgba(255, 255, 255, 0.24) !important;
}

.bg-color-whiteAlpha-300 {
  background: rgba(255, 255, 255, 0.24);
}

.border-color-whiteAlpha-300 {
  border-color: rgba(255, 255, 255, 0.24);
}

.color-gray {
  color: #8D95A4 !important;
}

.bg-color-gray {
  background: #8D95A4;
}

.border-color-gray {
  border-color: #8D95A4;
}

.color-info {
  color: #7b00ff !important;
}

.bg-color-info {
  background: #7b00ff;
}

.border-color-info {
  border-color: #7b00ff;
}

.color-danger {
  color: #FF0000 !important;
}

.bg-color-danger {
  background: #FF0000;
}

.border-color-danger {
  border-color: #FF0000;
}

.color-success {
  color: #38A169 !important;
}

.bg-color-success {
  background: #38A169;
}

.border-color-success {
  border-color: #38A169;
}

.color-warning {
  color: #DD6B20 !important;
}

.bg-color-warning {
  background: #DD6B20;
}

.border-color-warning {
  border-color: #DD6B20;
}

.color-primary {
  color: #7b00ff !important;
}

.bg-color-primary {
  background: #7b00ff;
}

.border-color-primary {
  border-color: #7b00ff;
}

.color-secondary {
  color: #FF0000 !important;
}

.bg-color-secondary {
  background: #FF0000;
}

.border-color-secondary {
  border-color: #FF0000;
}

.color-tertiary {
  color: #F8F7F2 !important;
}

.bg-color-tertiary {
  background: #F8F7F2;
}

.border-color-tertiary {
  border-color: #F8F7F2;
}

.color-white {
  color: white !important;
}

.bg-color-white {
  background: white;
}

.border-color-white {
  border-color: white;
}

.color-red {
  color: #FF0000 !important;
}

.bg-color-red {
  background: #FF0000;
}

.border-color-red {
  border-color: #FF0000;
}

.color-orange {
  color: #DD6B20 !important;
}

.bg-color-orange {
  background: #DD6B20;
}

.border-color-orange {
  border-color: #DD6B20;
}

.color-green {
  color: #38A169 !important;
}

.bg-color-green {
  background: #38A169;
}

.border-color-green {
  border-color: #38A169;
}

.color-grassGreen {
  color: #66AB55 !important;
}

.bg-color-grassGreen {
  background: #66AB55;
}

.border-color-grassGreen {
  border-color: #66AB55;
}

.color-maldivesBlue {
  color: #48ACB4 !important;
}

.bg-color-maldivesBlue {
  background: #48ACB4;
}

.border-color-maldivesBlue {
  border-color: #48ACB4;
}

.color-chestnutRed {
  color: #B44848 !important;
}

.bg-color-chestnutRed {
  background: #B44848;
}

.border-color-chestnutRed {
  border-color: #B44848;
}

.color-indigoPurple {
  color: #665CD0 !important;
}

.bg-color-indigoPurple {
  background: #665CD0;
}

.border-color-indigoPurple {
  border-color: #665CD0;
}

/* VERSION: 1.0.2 */ /* VERSION: 1.0.0 */
/*@function btn-hover-tint($color) {
  @return tint-color($color, 20%);
}*/
button.mce-btn, a.mce-btn {
  color: white;
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
  transition: 0.3s ease-in-out;
  font-weight: 500;
}
button.mce-btn i, a.mce-btn i {
  transition: 0.3s ease-in-out;
}
button.mce-btn.full, a.mce-btn.full {
  border: none;
}
button.mce-btn.full.blackAlpha, a.mce-btn.full.blackAlpha {
  background: rgba(0, 0, 0, 0.4);
}
button.mce-btn.full.blackAlpha:hover, a.mce-btn.full.blackAlpha:hover {
  background: rgba(0, 0, 0, 0.4);
}
button.mce-btn.full.whiteAlpha, a.mce-btn.full.whiteAlpha {
  background: rgba(255, 255, 255, 0.48);
}
button.mce-btn.full.whiteAlpha:hover, a.mce-btn.full.whiteAlpha:hover {
  background: rgba(255, 255, 255, 0.48);
}
button.mce-btn.full.whiteAlpha-300, a.mce-btn.full.whiteAlpha-300 {
  background: rgba(255, 255, 255, 0.24);
}
button.mce-btn.full.whiteAlpha-300:hover, a.mce-btn.full.whiteAlpha-300:hover {
  background: rgba(255, 255, 255, 0.24);
}
button.mce-btn.full.gray, a.mce-btn.full.gray {
  background: #8D95A4;
}
button.mce-btn.full.gray:hover, a.mce-btn.full.gray:hover {
  background: #8D95A4;
}
button.mce-btn.full.info, a.mce-btn.full.info {
  background: #7b00ff;
}
button.mce-btn.full.info:hover, a.mce-btn.full.info:hover {
  background: #7b00ff;
}
button.mce-btn.full.danger, a.mce-btn.full.danger {
  background: #FF0000;
}
button.mce-btn.full.danger:hover, a.mce-btn.full.danger:hover {
  background: #FF0000;
}
button.mce-btn.full.success, a.mce-btn.full.success {
  background: #38A169;
}
button.mce-btn.full.success:hover, a.mce-btn.full.success:hover {
  background: #38A169;
}
button.mce-btn.full.warning, a.mce-btn.full.warning {
  background: #DD6B20;
}
button.mce-btn.full.warning:hover, a.mce-btn.full.warning:hover {
  background: #DD6B20;
}
button.mce-btn.full.primary, a.mce-btn.full.primary {
  background: #7b00ff;
}
button.mce-btn.full.primary:hover, a.mce-btn.full.primary:hover {
  background: #7b00ff;
}
button.mce-btn.full.secondary, a.mce-btn.full.secondary {
  background: #FF0000;
}
button.mce-btn.full.secondary:hover, a.mce-btn.full.secondary:hover {
  background: #FF0000;
}
button.mce-btn.full.tertiary, a.mce-btn.full.tertiary {
  background: #F8F7F2;
}
button.mce-btn.full.tertiary:hover, a.mce-btn.full.tertiary:hover {
  background: #F8F7F2;
}
button.mce-btn.full.white, a.mce-btn.full.white {
  background: white;
}
button.mce-btn.full.white:hover, a.mce-btn.full.white:hover {
  background: white;
}
button.mce-btn.full.red, a.mce-btn.full.red {
  background: #FF0000;
}
button.mce-btn.full.red:hover, a.mce-btn.full.red:hover {
  background: #FF0000;
}
button.mce-btn.full.orange, a.mce-btn.full.orange {
  background: #DD6B20;
}
button.mce-btn.full.orange:hover, a.mce-btn.full.orange:hover {
  background: #DD6B20;
}
button.mce-btn.full.green, a.mce-btn.full.green {
  background: #38A169;
}
button.mce-btn.full.green:hover, a.mce-btn.full.green:hover {
  background: #38A169;
}
button.mce-btn.full.grassGreen, a.mce-btn.full.grassGreen {
  background: #66AB55;
}
button.mce-btn.full.grassGreen:hover, a.mce-btn.full.grassGreen:hover {
  background: #66AB55;
}
button.mce-btn.full.maldivesBlue, a.mce-btn.full.maldivesBlue {
  background: #48ACB4;
}
button.mce-btn.full.maldivesBlue:hover, a.mce-btn.full.maldivesBlue:hover {
  background: #48ACB4;
}
button.mce-btn.full.chestnutRed, a.mce-btn.full.chestnutRed {
  background: #B44848;
}
button.mce-btn.full.chestnutRed:hover, a.mce-btn.full.chestnutRed:hover {
  background: #B44848;
}
button.mce-btn.full.indigoPurple, a.mce-btn.full.indigoPurple {
  background: #665CD0;
}
button.mce-btn.full.indigoPurple:hover, a.mce-btn.full.indigoPurple:hover {
  background: #665CD0;
}
button.mce-btn.full:disabled, a.mce-btn.full:disabled {
  background: #B3BBC8;
}
button.mce-btn.full:disabled:hover, a.mce-btn.full:disabled:hover {
  background: #B3BBC8;
}
button.mce-btn.outline, a.mce-btn.outline {
  background: none;
  border-width: 1px 1px 1px 1px;
}
button.mce-btn.outline.blackAlpha, a.mce-btn.outline.blackAlpha {
  color: rgba(0, 0, 0, 0.4);
  border-color: rgba(0, 0, 0, 0.4);
  border-style: solid;
  border-width: 1px 1px 1px 1px;
}
button.mce-btn.outline.blackAlpha i, a.mce-btn.outline.blackAlpha i {
  color: rgba(0, 0, 0, 0.4);
}
button.mce-btn.outline.blackAlpha:hover, a.mce-btn.outline.blackAlpha:hover {
  color: rgba(0, 0, 0, 0.24);
}
button.mce-btn.outline.blackAlpha:hover i, a.mce-btn.outline.blackAlpha:hover i {
  color: rgba(0, 0, 0, 0.24);
}
button.mce-btn.outline.blackAlpha.active, a.mce-btn.outline.blackAlpha.active {
  background: rgba(0, 0, 0, 0.4);
  color: white;
}
button.mce-btn.outline.blackAlpha:hover, a.mce-btn.outline.blackAlpha:hover {
  border-color: rgba(0, 0, 0, 0.24);
  border-style: solid;
  border-width: 1px 1px 1px 1px;
}
button.mce-btn.outline.whiteAlpha, a.mce-btn.outline.whiteAlpha {
  color: rgba(255, 255, 255, 0.48);
  border-color: rgba(255, 255, 255, 0.48);
  border-style: solid;
  border-width: 1px 1px 1px 1px;
}
button.mce-btn.outline.whiteAlpha i, a.mce-btn.outline.whiteAlpha i {
  color: rgba(255, 255, 255, 0.48);
}
button.mce-btn.outline.whiteAlpha:hover, a.mce-btn.outline.whiteAlpha:hover {
  color: rgba(255, 255, 255, 0.4);
}
button.mce-btn.outline.whiteAlpha:hover i, a.mce-btn.outline.whiteAlpha:hover i {
  color: rgba(255, 255, 255, 0.4);
}
button.mce-btn.outline.whiteAlpha.active, a.mce-btn.outline.whiteAlpha.active {
  background: rgba(255, 255, 255, 0.48);
  color: white;
}
button.mce-btn.outline.whiteAlpha:hover, a.mce-btn.outline.whiteAlpha:hover {
  border-color: rgba(255, 255, 255, 0.4);
  border-style: solid;
  border-width: 1px 1px 1px 1px;
}
button.mce-btn.outline.whiteAlpha-300, a.mce-btn.outline.whiteAlpha-300 {
  color: rgba(255, 255, 255, 0.24);
  border-color: rgba(255, 255, 255, 0.24);
  border-style: solid;
  border-width: 1px 1px 1px 1px;
}
button.mce-btn.outline.whiteAlpha-300 i, a.mce-btn.outline.whiteAlpha-300 i {
  color: rgba(255, 255, 255, 0.24);
}
button.mce-btn.outline.whiteAlpha-300:hover, a.mce-btn.outline.whiteAlpha-300:hover {
  color: rgba(255, 255, 255, 0.16);
}
button.mce-btn.outline.whiteAlpha-300:hover i, a.mce-btn.outline.whiteAlpha-300:hover i {
  color: rgba(255, 255, 255, 0.16);
}
button.mce-btn.outline.whiteAlpha-300.active, a.mce-btn.outline.whiteAlpha-300.active {
  background: rgba(255, 255, 255, 0.24);
  color: white;
}
button.mce-btn.outline.whiteAlpha-300:hover, a.mce-btn.outline.whiteAlpha-300:hover {
  border-color: rgba(255, 255, 255, 0.16);
  border-style: solid;
  border-width: 1px 1px 1px 1px;
}
button.mce-btn.outline.gray, a.mce-btn.outline.gray {
  color: #8D95A4;
  border-color: #8D95A4;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
}
button.mce-btn.outline.gray i, a.mce-btn.outline.gray i {
  color: #8D95A4;
}
button.mce-btn.outline.gray:hover, a.mce-btn.outline.gray:hover {
  color: #B3BBC8;
}
button.mce-btn.outline.gray:hover i, a.mce-btn.outline.gray:hover i {
  color: #B3BBC8;
}
button.mce-btn.outline.gray.active, a.mce-btn.outline.gray.active {
  background: #8D95A4;
  color: white;
}
button.mce-btn.outline.gray:hover, a.mce-btn.outline.gray:hover {
  border-color: #B3BBC8;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
}
button.mce-btn.outline.info, a.mce-btn.outline.info {
  color: #7b00ff;
  border-color: #7b00ff;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
}
button.mce-btn.outline.info i, a.mce-btn.outline.info i {
  color: #7b00ff;
}
button.mce-btn.outline.info:hover, a.mce-btn.outline.info:hover {
  color: #8f26ff;
}
button.mce-btn.outline.info:hover i, a.mce-btn.outline.info:hover i {
  color: #8f26ff;
}
button.mce-btn.outline.info.active, a.mce-btn.outline.info.active {
  background: #7b00ff;
  color: white;
}
button.mce-btn.outline.info:hover, a.mce-btn.outline.info:hover {
  border-color: #8f26ff;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
}
button.mce-btn.outline.danger, a.mce-btn.outline.danger {
  color: #FF0000;
  border-color: #FF0000;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
}
button.mce-btn.outline.danger i, a.mce-btn.outline.danger i {
  color: #FF0000;
}
button.mce-btn.outline.danger:hover, a.mce-btn.outline.danger:hover {
  color: #F56565;
}
button.mce-btn.outline.danger:hover i, a.mce-btn.outline.danger:hover i {
  color: #F56565;
}
button.mce-btn.outline.danger.active, a.mce-btn.outline.danger.active {
  background: #FF0000;
  color: white;
}
button.mce-btn.outline.danger:hover, a.mce-btn.outline.danger:hover {
  border-color: #F56565;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
}
button.mce-btn.outline.success, a.mce-btn.outline.success {
  color: #38A169;
  border-color: #38A169;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
}
button.mce-btn.outline.success i, a.mce-btn.outline.success i {
  color: #38A169;
}
button.mce-btn.outline.success:hover, a.mce-btn.outline.success:hover {
  color: #48BB78;
}
button.mce-btn.outline.success:hover i, a.mce-btn.outline.success:hover i {
  color: #48BB78;
}
button.mce-btn.outline.success.active, a.mce-btn.outline.success.active {
  background: #38A169;
  color: white;
}
button.mce-btn.outline.success:hover, a.mce-btn.outline.success:hover {
  border-color: #48BB78;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
}
button.mce-btn.outline.warning, a.mce-btn.outline.warning {
  color: #DD6B20;
  border-color: #DD6B20;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
}
button.mce-btn.outline.warning i, a.mce-btn.outline.warning i {
  color: #DD6B20;
}
button.mce-btn.outline.warning:hover, a.mce-btn.outline.warning:hover {
  color: #ED8936;
}
button.mce-btn.outline.warning:hover i, a.mce-btn.outline.warning:hover i {
  color: #ED8936;
}
button.mce-btn.outline.warning.active, a.mce-btn.outline.warning.active {
  background: #DD6B20;
  color: white;
}
button.mce-btn.outline.warning:hover, a.mce-btn.outline.warning:hover {
  border-color: #ED8936;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
}
button.mce-btn.outline.primary, a.mce-btn.outline.primary {
  color: #7b00ff;
  border-color: #7b00ff;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
}
button.mce-btn.outline.primary i, a.mce-btn.outline.primary i {
  color: #7b00ff;
}
button.mce-btn.outline.primary:hover, a.mce-btn.outline.primary:hover {
  color: #8f26ff;
}
button.mce-btn.outline.primary:hover i, a.mce-btn.outline.primary:hover i {
  color: #8f26ff;
}
button.mce-btn.outline.primary.active, a.mce-btn.outline.primary.active {
  background: #7b00ff;
  color: white;
}
button.mce-btn.outline.primary:hover, a.mce-btn.outline.primary:hover {
  border-color: #8f26ff;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
}
button.mce-btn.outline.secondary, a.mce-btn.outline.secondary {
  color: #FF0000;
  border-color: #FF0000;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
}
button.mce-btn.outline.secondary i, a.mce-btn.outline.secondary i {
  color: #FF0000;
}
button.mce-btn.outline.secondary:hover, a.mce-btn.outline.secondary:hover {
  color: var("-missing-in-local-colors-green");
}
button.mce-btn.outline.secondary:hover i, a.mce-btn.outline.secondary:hover i {
  color: var("-missing-in-local-colors-green");
}
button.mce-btn.outline.secondary.active, a.mce-btn.outline.secondary.active {
  background: #FF0000;
  color: white;
}
button.mce-btn.outline.secondary:hover, a.mce-btn.outline.secondary:hover {
  border-color: var("-missing-in-local-colors-green");
  border-style: solid;
  border-width: 1px 1px 1px 1px;
}
button.mce-btn.outline.tertiary, a.mce-btn.outline.tertiary {
  color: #F8F7F2;
  border-color: #F8F7F2;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
}
button.mce-btn.outline.tertiary i, a.mce-btn.outline.tertiary i {
  color: #F8F7F2;
}
button.mce-btn.outline.tertiary:hover, a.mce-btn.outline.tertiary:hover {
  color: var("-missing-in-local-colors-green");
}
button.mce-btn.outline.tertiary:hover i, a.mce-btn.outline.tertiary:hover i {
  color: var("-missing-in-local-colors-green");
}
button.mce-btn.outline.tertiary.active, a.mce-btn.outline.tertiary.active {
  background: #F8F7F2;
  color: white;
}
button.mce-btn.outline.tertiary:hover, a.mce-btn.outline.tertiary:hover {
  border-color: var("-missing-in-local-colors-green");
  border-style: solid;
  border-width: 1px 1px 1px 1px;
}
button.mce-btn.outline.white, a.mce-btn.outline.white {
  color: white;
  border-color: white;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
}
button.mce-btn.outline.white i, a.mce-btn.outline.white i {
  color: white;
}
button.mce-btn.outline.white:hover, a.mce-btn.outline.white:hover {
  color: var("-missing-in-local-colors-green");
}
button.mce-btn.outline.white:hover i, a.mce-btn.outline.white:hover i {
  color: var("-missing-in-local-colors-green");
}
button.mce-btn.outline.white.active, a.mce-btn.outline.white.active {
  background: white;
  color: white;
}
button.mce-btn.outline.white:hover, a.mce-btn.outline.white:hover {
  border-color: var("-missing-in-local-colors-green");
  border-style: solid;
  border-width: 1px 1px 1px 1px;
}
button.mce-btn.outline.red, a.mce-btn.outline.red {
  color: #FF0000;
  border-color: #FF0000;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
}
button.mce-btn.outline.red i, a.mce-btn.outline.red i {
  color: #FF0000;
}
button.mce-btn.outline.red:hover, a.mce-btn.outline.red:hover {
  color: #F56565;
}
button.mce-btn.outline.red:hover i, a.mce-btn.outline.red:hover i {
  color: #F56565;
}
button.mce-btn.outline.red.active, a.mce-btn.outline.red.active {
  background: #FF0000;
  color: white;
}
button.mce-btn.outline.red:hover, a.mce-btn.outline.red:hover {
  border-color: #F56565;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
}
button.mce-btn.outline.orange, a.mce-btn.outline.orange {
  color: #DD6B20;
  border-color: #DD6B20;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
}
button.mce-btn.outline.orange i, a.mce-btn.outline.orange i {
  color: #DD6B20;
}
button.mce-btn.outline.orange:hover, a.mce-btn.outline.orange:hover {
  color: #ED8936;
}
button.mce-btn.outline.orange:hover i, a.mce-btn.outline.orange:hover i {
  color: #ED8936;
}
button.mce-btn.outline.orange.active, a.mce-btn.outline.orange.active {
  background: #DD6B20;
  color: white;
}
button.mce-btn.outline.orange:hover, a.mce-btn.outline.orange:hover {
  border-color: #ED8936;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
}
button.mce-btn.outline.green, a.mce-btn.outline.green {
  color: #38A169;
  border-color: #38A169;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
}
button.mce-btn.outline.green i, a.mce-btn.outline.green i {
  color: #38A169;
}
button.mce-btn.outline.green:hover, a.mce-btn.outline.green:hover {
  color: #48BB78;
}
button.mce-btn.outline.green:hover i, a.mce-btn.outline.green:hover i {
  color: #48BB78;
}
button.mce-btn.outline.green.active, a.mce-btn.outline.green.active {
  background: #38A169;
  color: white;
}
button.mce-btn.outline.green:hover, a.mce-btn.outline.green:hover {
  border-color: #48BB78;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
}
button.mce-btn.outline.grassGreen, a.mce-btn.outline.grassGreen {
  color: #66AB55;
  border-color: #66AB55;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
}
button.mce-btn.outline.grassGreen i, a.mce-btn.outline.grassGreen i {
  color: #66AB55;
}
button.mce-btn.outline.grassGreen:hover, a.mce-btn.outline.grassGreen:hover {
  color: #7fb870;
}
button.mce-btn.outline.grassGreen:hover i, a.mce-btn.outline.grassGreen:hover i {
  color: #7fb870;
}
button.mce-btn.outline.grassGreen.active, a.mce-btn.outline.grassGreen.active {
  background: #66AB55;
  color: white;
}
button.mce-btn.outline.grassGreen:hover, a.mce-btn.outline.grassGreen:hover {
  border-color: #7fb870;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
}
button.mce-btn.outline.maldivesBlue, a.mce-btn.outline.maldivesBlue {
  color: #48ACB4;
  border-color: #48ACB4;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
}
button.mce-btn.outline.maldivesBlue i, a.mce-btn.outline.maldivesBlue i {
  color: #48ACB4;
}
button.mce-btn.outline.maldivesBlue:hover, a.mce-btn.outline.maldivesBlue:hover {
  color: #6dbdc2;
}
button.mce-btn.outline.maldivesBlue:hover i, a.mce-btn.outline.maldivesBlue:hover i {
  color: #6dbdc2;
}
button.mce-btn.outline.maldivesBlue.active, a.mce-btn.outline.maldivesBlue.active {
  background: #48ACB4;
  color: white;
}
button.mce-btn.outline.maldivesBlue:hover, a.mce-btn.outline.maldivesBlue:hover {
  border-color: #6dbdc2;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
}
button.mce-btn.outline.chestnutRed, a.mce-btn.outline.chestnutRed {
  color: #B44848;
  border-color: #B44848;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
}
button.mce-btn.outline.chestnutRed i, a.mce-btn.outline.chestnutRed i {
  color: #B44848;
}
button.mce-btn.outline.chestnutRed:hover, a.mce-btn.outline.chestnutRed:hover {
  color: #C36D6D;
}
button.mce-btn.outline.chestnutRed:hover i, a.mce-btn.outline.chestnutRed:hover i {
  color: #C36D6D;
}
button.mce-btn.outline.chestnutRed.active, a.mce-btn.outline.chestnutRed.active {
  background: #B44848;
  color: white;
}
button.mce-btn.outline.chestnutRed:hover, a.mce-btn.outline.chestnutRed:hover {
  border-color: #C36D6D;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
}
button.mce-btn.outline.indigoPurple, a.mce-btn.outline.indigoPurple {
  color: #665CD0;
  border-color: #665CD0;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
}
button.mce-btn.outline.indigoPurple i, a.mce-btn.outline.indigoPurple i {
  color: #665CD0;
}
button.mce-btn.outline.indigoPurple:hover, a.mce-btn.outline.indigoPurple:hover {
  color: #867dd9;
}
button.mce-btn.outline.indigoPurple:hover i, a.mce-btn.outline.indigoPurple:hover i {
  color: #867dd9;
}
button.mce-btn.outline.indigoPurple.active, a.mce-btn.outline.indigoPurple.active {
  background: #665CD0;
  color: white;
}
button.mce-btn.outline.indigoPurple:hover, a.mce-btn.outline.indigoPurple:hover {
  border-color: #867dd9;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
}
button.mce-btn.outline:disabled, a.mce-btn.outline:disabled {
  color: #8D95A4;
  border-color: #B3BBC8;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
}
button.mce-btn.outline:disabled i, a.mce-btn.outline:disabled i {
  color: #8D95A4;
}
button.mce-btn.outline:disabled:hover, a.mce-btn.outline:disabled:hover {
  color: #B3BBC8;
}
button.mce-btn.outline:disabled:hover i, a.mce-btn.outline:disabled:hover i {
  color: #B3BBC8;
}
button.mce-btn.outline:disabled.active, a.mce-btn.outline:disabled.active {
  background: #8D95A4;
  color: white;
}
button.mce-btn.outline:disabled:hover, a.mce-btn.outline:disabled:hover {
  border-color: #D0D8E3;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
}
button.mce-btn.link, a.mce-btn.link {
  background: none;
  border: none;
}
button.mce-btn.link.blackAlpha, a.mce-btn.link.blackAlpha {
  color: rgba(0, 0, 0, 0.4);
}
button.mce-btn.link.blackAlpha i, a.mce-btn.link.blackAlpha i {
  color: rgba(0, 0, 0, 0.4);
}
button.mce-btn.link.blackAlpha:hover, a.mce-btn.link.blackAlpha:hover {
  color: rgba(0, 0, 0, 0.24);
}
button.mce-btn.link.blackAlpha:hover i, a.mce-btn.link.blackAlpha:hover i {
  color: rgba(0, 0, 0, 0.24);
}
button.mce-btn.link.blackAlpha.active, a.mce-btn.link.blackAlpha.active {
  background: rgba(0, 0, 0, 0.4);
  color: white;
}
button.mce-btn.link.whiteAlpha, a.mce-btn.link.whiteAlpha {
  color: rgba(255, 255, 255, 0.48);
}
button.mce-btn.link.whiteAlpha i, a.mce-btn.link.whiteAlpha i {
  color: rgba(255, 255, 255, 0.48);
}
button.mce-btn.link.whiteAlpha:hover, a.mce-btn.link.whiteAlpha:hover {
  color: rgba(255, 255, 255, 0.4);
}
button.mce-btn.link.whiteAlpha:hover i, a.mce-btn.link.whiteAlpha:hover i {
  color: rgba(255, 255, 255, 0.4);
}
button.mce-btn.link.whiteAlpha.active, a.mce-btn.link.whiteAlpha.active {
  background: rgba(255, 255, 255, 0.48);
  color: white;
}
button.mce-btn.link.whiteAlpha-300, a.mce-btn.link.whiteAlpha-300 {
  color: rgba(255, 255, 255, 0.24);
}
button.mce-btn.link.whiteAlpha-300 i, a.mce-btn.link.whiteAlpha-300 i {
  color: rgba(255, 255, 255, 0.24);
}
button.mce-btn.link.whiteAlpha-300:hover, a.mce-btn.link.whiteAlpha-300:hover {
  color: rgba(255, 255, 255, 0.16);
}
button.mce-btn.link.whiteAlpha-300:hover i, a.mce-btn.link.whiteAlpha-300:hover i {
  color: rgba(255, 255, 255, 0.16);
}
button.mce-btn.link.whiteAlpha-300.active, a.mce-btn.link.whiteAlpha-300.active {
  background: rgba(255, 255, 255, 0.24);
  color: white;
}
button.mce-btn.link.gray, a.mce-btn.link.gray {
  color: #8D95A4;
}
button.mce-btn.link.gray i, a.mce-btn.link.gray i {
  color: #8D95A4;
}
button.mce-btn.link.gray:hover, a.mce-btn.link.gray:hover {
  color: #B3BBC8;
}
button.mce-btn.link.gray:hover i, a.mce-btn.link.gray:hover i {
  color: #B3BBC8;
}
button.mce-btn.link.gray.active, a.mce-btn.link.gray.active {
  background: #8D95A4;
  color: white;
}
button.mce-btn.link.info, a.mce-btn.link.info {
  color: #7b00ff;
}
button.mce-btn.link.info i, a.mce-btn.link.info i {
  color: #7b00ff;
}
button.mce-btn.link.info:hover, a.mce-btn.link.info:hover {
  color: #8f26ff;
}
button.mce-btn.link.info:hover i, a.mce-btn.link.info:hover i {
  color: #8f26ff;
}
button.mce-btn.link.info.active, a.mce-btn.link.info.active {
  background: #7b00ff;
  color: white;
}
button.mce-btn.link.danger, a.mce-btn.link.danger {
  color: #FF0000;
}
button.mce-btn.link.danger i, a.mce-btn.link.danger i {
  color: #FF0000;
}
button.mce-btn.link.danger:hover, a.mce-btn.link.danger:hover {
  color: #F56565;
}
button.mce-btn.link.danger:hover i, a.mce-btn.link.danger:hover i {
  color: #F56565;
}
button.mce-btn.link.danger.active, a.mce-btn.link.danger.active {
  background: #FF0000;
  color: white;
}
button.mce-btn.link.success, a.mce-btn.link.success {
  color: #38A169;
}
button.mce-btn.link.success i, a.mce-btn.link.success i {
  color: #38A169;
}
button.mce-btn.link.success:hover, a.mce-btn.link.success:hover {
  color: #48BB78;
}
button.mce-btn.link.success:hover i, a.mce-btn.link.success:hover i {
  color: #48BB78;
}
button.mce-btn.link.success.active, a.mce-btn.link.success.active {
  background: #38A169;
  color: white;
}
button.mce-btn.link.warning, a.mce-btn.link.warning {
  color: #DD6B20;
}
button.mce-btn.link.warning i, a.mce-btn.link.warning i {
  color: #DD6B20;
}
button.mce-btn.link.warning:hover, a.mce-btn.link.warning:hover {
  color: #ED8936;
}
button.mce-btn.link.warning:hover i, a.mce-btn.link.warning:hover i {
  color: #ED8936;
}
button.mce-btn.link.warning.active, a.mce-btn.link.warning.active {
  background: #DD6B20;
  color: white;
}
button.mce-btn.link.primary, a.mce-btn.link.primary {
  color: #7b00ff;
}
button.mce-btn.link.primary i, a.mce-btn.link.primary i {
  color: #7b00ff;
}
button.mce-btn.link.primary:hover, a.mce-btn.link.primary:hover {
  color: #8f26ff;
}
button.mce-btn.link.primary:hover i, a.mce-btn.link.primary:hover i {
  color: #8f26ff;
}
button.mce-btn.link.primary.active, a.mce-btn.link.primary.active {
  background: #7b00ff;
  color: white;
}
button.mce-btn.link.secondary, a.mce-btn.link.secondary {
  color: #FF0000;
}
button.mce-btn.link.secondary i, a.mce-btn.link.secondary i {
  color: #FF0000;
}
button.mce-btn.link.secondary:hover, a.mce-btn.link.secondary:hover {
  color: var("-missing-in-local-colors-green");
}
button.mce-btn.link.secondary:hover i, a.mce-btn.link.secondary:hover i {
  color: var("-missing-in-local-colors-green");
}
button.mce-btn.link.secondary.active, a.mce-btn.link.secondary.active {
  background: #FF0000;
  color: white;
}
button.mce-btn.link.tertiary, a.mce-btn.link.tertiary {
  color: #F8F7F2;
}
button.mce-btn.link.tertiary i, a.mce-btn.link.tertiary i {
  color: #F8F7F2;
}
button.mce-btn.link.tertiary:hover, a.mce-btn.link.tertiary:hover {
  color: var("-missing-in-local-colors-green");
}
button.mce-btn.link.tertiary:hover i, a.mce-btn.link.tertiary:hover i {
  color: var("-missing-in-local-colors-green");
}
button.mce-btn.link.tertiary.active, a.mce-btn.link.tertiary.active {
  background: #F8F7F2;
  color: white;
}
button.mce-btn.link.white, a.mce-btn.link.white {
  color: white;
}
button.mce-btn.link.white i, a.mce-btn.link.white i {
  color: white;
}
button.mce-btn.link.white:hover, a.mce-btn.link.white:hover {
  color: var("-missing-in-local-colors-green");
}
button.mce-btn.link.white:hover i, a.mce-btn.link.white:hover i {
  color: var("-missing-in-local-colors-green");
}
button.mce-btn.link.white.active, a.mce-btn.link.white.active {
  background: white;
  color: white;
}
button.mce-btn.link.red, a.mce-btn.link.red {
  color: #FF0000;
}
button.mce-btn.link.red i, a.mce-btn.link.red i {
  color: #FF0000;
}
button.mce-btn.link.red:hover, a.mce-btn.link.red:hover {
  color: #F56565;
}
button.mce-btn.link.red:hover i, a.mce-btn.link.red:hover i {
  color: #F56565;
}
button.mce-btn.link.red.active, a.mce-btn.link.red.active {
  background: #FF0000;
  color: white;
}
button.mce-btn.link.orange, a.mce-btn.link.orange {
  color: #DD6B20;
}
button.mce-btn.link.orange i, a.mce-btn.link.orange i {
  color: #DD6B20;
}
button.mce-btn.link.orange:hover, a.mce-btn.link.orange:hover {
  color: #ED8936;
}
button.mce-btn.link.orange:hover i, a.mce-btn.link.orange:hover i {
  color: #ED8936;
}
button.mce-btn.link.orange.active, a.mce-btn.link.orange.active {
  background: #DD6B20;
  color: white;
}
button.mce-btn.link.green, a.mce-btn.link.green {
  color: #38A169;
}
button.mce-btn.link.green i, a.mce-btn.link.green i {
  color: #38A169;
}
button.mce-btn.link.green:hover, a.mce-btn.link.green:hover {
  color: #48BB78;
}
button.mce-btn.link.green:hover i, a.mce-btn.link.green:hover i {
  color: #48BB78;
}
button.mce-btn.link.green.active, a.mce-btn.link.green.active {
  background: #38A169;
  color: white;
}
button.mce-btn.link.grassGreen, a.mce-btn.link.grassGreen {
  color: #66AB55;
}
button.mce-btn.link.grassGreen i, a.mce-btn.link.grassGreen i {
  color: #66AB55;
}
button.mce-btn.link.grassGreen:hover, a.mce-btn.link.grassGreen:hover {
  color: #7fb870;
}
button.mce-btn.link.grassGreen:hover i, a.mce-btn.link.grassGreen:hover i {
  color: #7fb870;
}
button.mce-btn.link.grassGreen.active, a.mce-btn.link.grassGreen.active {
  background: #66AB55;
  color: white;
}
button.mce-btn.link.maldivesBlue, a.mce-btn.link.maldivesBlue {
  color: #48ACB4;
}
button.mce-btn.link.maldivesBlue i, a.mce-btn.link.maldivesBlue i {
  color: #48ACB4;
}
button.mce-btn.link.maldivesBlue:hover, a.mce-btn.link.maldivesBlue:hover {
  color: #6dbdc2;
}
button.mce-btn.link.maldivesBlue:hover i, a.mce-btn.link.maldivesBlue:hover i {
  color: #6dbdc2;
}
button.mce-btn.link.maldivesBlue.active, a.mce-btn.link.maldivesBlue.active {
  background: #48ACB4;
  color: white;
}
button.mce-btn.link.chestnutRed, a.mce-btn.link.chestnutRed {
  color: #B44848;
}
button.mce-btn.link.chestnutRed i, a.mce-btn.link.chestnutRed i {
  color: #B44848;
}
button.mce-btn.link.chestnutRed:hover, a.mce-btn.link.chestnutRed:hover {
  color: #C36D6D;
}
button.mce-btn.link.chestnutRed:hover i, a.mce-btn.link.chestnutRed:hover i {
  color: #C36D6D;
}
button.mce-btn.link.chestnutRed.active, a.mce-btn.link.chestnutRed.active {
  background: #B44848;
  color: white;
}
button.mce-btn.link.indigoPurple, a.mce-btn.link.indigoPurple {
  color: #665CD0;
}
button.mce-btn.link.indigoPurple i, a.mce-btn.link.indigoPurple i {
  color: #665CD0;
}
button.mce-btn.link.indigoPurple:hover, a.mce-btn.link.indigoPurple:hover {
  color: #867dd9;
}
button.mce-btn.link.indigoPurple:hover i, a.mce-btn.link.indigoPurple:hover i {
  color: #867dd9;
}
button.mce-btn.link.indigoPurple.active, a.mce-btn.link.indigoPurple.active {
  background: #665CD0;
  color: white;
}
button.mce-btn.link:disabled, a.mce-btn.link:disabled {
  color: #B3BBC8;
}
button.mce-btn.link:disabled i, a.mce-btn.link:disabled i {
  color: #B3BBC8;
}
button.mce-btn.link:disabled:hover, a.mce-btn.link:disabled:hover {
  color: #D0D8E3;
}
button.mce-btn.link:disabled:hover i, a.mce-btn.link:disabled:hover i {
  color: #D0D8E3;
}
button.mce-btn.link:disabled.active, a.mce-btn.link:disabled.active {
  background: #B3BBC8;
  color: white;
}
button.mce-btn.circular, a.mce-btn.circular {
  border-radius: 100%;
  border: none;
  flex-grow: 0;
}
button.mce-btn.circular i, a.mce-btn.circular i {
  border: 0;
  color: white;
}
button.mce-btn.circular.blackAlpha, a.mce-btn.circular.blackAlpha {
  background: rgba(0, 0, 0, 0.16);
}
button.mce-btn.circular.blackAlpha:hover, a.mce-btn.circular.blackAlpha:hover {
  background: rgba(0, 0, 0, 0.16);
}
button.mce-btn.circular.blackAlpha i, a.mce-btn.circular.blackAlpha i {
  border: 0;
  color: rgba(0, 0, 0, 0.48);
}
button.mce-btn.circular.whiteAlpha, a.mce-btn.circular.whiteAlpha {
  background: rgba(255, 255, 255, 0.24);
}
button.mce-btn.circular.whiteAlpha:hover, a.mce-btn.circular.whiteAlpha:hover {
  background: rgba(255, 255, 255, 0.24);
}
button.mce-btn.circular.whiteAlpha i, a.mce-btn.circular.whiteAlpha i {
  border: 0;
  color: rgba(255, 255, 255, 0.64);
}
button.mce-btn.circular.whiteAlpha-300, a.mce-btn.circular.whiteAlpha-300 {
  background: rgba(255, 255, 255, 0.14);
}
button.mce-btn.circular.whiteAlpha-300:hover, a.mce-btn.circular.whiteAlpha-300:hover {
  background: rgba(255, 255, 255, 0.14);
}
button.mce-btn.circular.whiteAlpha-300 i, a.mce-btn.circular.whiteAlpha-300 i {
  border: 0;
  color: rgba(255, 255, 255, 0.64);
}
button.mce-btn.circular.gray, a.mce-btn.circular.gray {
  background: #D0D8E3;
}
button.mce-btn.circular.gray:hover, a.mce-btn.circular.gray:hover {
  background: #D0D8E3;
}
button.mce-btn.circular.gray i, a.mce-btn.circular.gray i {
  border: 0;
  color: #67728D;
}
button.mce-btn.circular.info, a.mce-btn.circular.info {
  background: #b570ff;
}
button.mce-btn.circular.info:hover, a.mce-btn.circular.info:hover {
  background: #b570ff;
}
button.mce-btn.circular.info i, a.mce-btn.circular.info i {
  border: 0;
  color: #6900d9;
}
button.mce-btn.circular.danger, a.mce-btn.circular.danger {
  background: #FC8181;
}
button.mce-btn.circular.danger:hover, a.mce-btn.circular.danger:hover {
  background: #FC8181;
}
button.mce-btn.circular.danger i, a.mce-btn.circular.danger i {
  border: 0;
  color: #C53030;
}
button.mce-btn.circular.success, a.mce-btn.circular.success {
  background: #68D391;
}
button.mce-btn.circular.success:hover, a.mce-btn.circular.success:hover {
  background: #68D391;
}
button.mce-btn.circular.success i, a.mce-btn.circular.success i {
  border: 0;
  color: #25855A;
}
button.mce-btn.circular.warning, a.mce-btn.circular.warning {
  background: #F6AD55;
}
button.mce-btn.circular.warning:hover, a.mce-btn.circular.warning:hover {
  background: #F6AD55;
}
button.mce-btn.circular.warning i, a.mce-btn.circular.warning i {
  border: 0;
  color: #C05621;
}
button.mce-btn.circular.primary, a.mce-btn.circular.primary {
  background: #b570ff;
}
button.mce-btn.circular.primary:hover, a.mce-btn.circular.primary:hover {
  background: #b570ff;
}
button.mce-btn.circular.primary i, a.mce-btn.circular.primary i {
  border: 0;
  color: #6900d9;
}
button.mce-btn.circular.secondary, a.mce-btn.circular.secondary {
  background: var("-missing-in-local-colors-green");
}
button.mce-btn.circular.secondary:hover, a.mce-btn.circular.secondary:hover {
  background: var("-missing-in-local-colors-green");
}
button.mce-btn.circular.secondary i, a.mce-btn.circular.secondary i {
  border: 0;
  color: var("-missing-in-local-colors-green");
}
button.mce-btn.circular.tertiary, a.mce-btn.circular.tertiary {
  background: var("-missing-in-local-colors-green");
}
button.mce-btn.circular.tertiary:hover, a.mce-btn.circular.tertiary:hover {
  background: var("-missing-in-local-colors-green");
}
button.mce-btn.circular.tertiary i, a.mce-btn.circular.tertiary i {
  border: 0;
  color: var("-missing-in-local-colors-green");
}
button.mce-btn.circular.white, a.mce-btn.circular.white {
  background: var("-missing-in-local-colors-green");
}
button.mce-btn.circular.white:hover, a.mce-btn.circular.white:hover {
  background: var("-missing-in-local-colors-green");
}
button.mce-btn.circular.white i, a.mce-btn.circular.white i {
  border: 0;
  color: var("-missing-in-local-colors-green");
}
button.mce-btn.circular.red, a.mce-btn.circular.red {
  background: #FC8181;
}
button.mce-btn.circular.red:hover, a.mce-btn.circular.red:hover {
  background: #FC8181;
}
button.mce-btn.circular.red i, a.mce-btn.circular.red i {
  border: 0;
  color: #C53030;
}
button.mce-btn.circular.orange, a.mce-btn.circular.orange {
  background: #F6AD55;
}
button.mce-btn.circular.orange:hover, a.mce-btn.circular.orange:hover {
  background: #F6AD55;
}
button.mce-btn.circular.orange i, a.mce-btn.circular.orange i {
  border: 0;
  color: #C05621;
}
button.mce-btn.circular.green, a.mce-btn.circular.green {
  background: #68D391;
}
button.mce-btn.circular.green:hover, a.mce-btn.circular.green:hover {
  background: #68D391;
}
button.mce-btn.circular.green i, a.mce-btn.circular.green i {
  border: 0;
  color: #25855A;
}
button.mce-btn.circular.grassGreen, a.mce-btn.circular.grassGreen {
  background: #abd4a1;
}
button.mce-btn.circular.grassGreen:hover, a.mce-btn.circular.grassGreen:hover {
  background: #abd4a1;
}
button.mce-btn.circular.grassGreen i, a.mce-btn.circular.grassGreen i {
  border: 0;
  color: #487e3b;
}
button.mce-btn.circular.maldivesBlue, a.mce-btn.circular.maldivesBlue {
  background: #99d1d5;
}
button.mce-btn.circular.maldivesBlue:hover, a.mce-btn.circular.maldivesBlue:hover {
  background: #99d1d5;
}
button.mce-btn.circular.maldivesBlue i, a.mce-btn.circular.maldivesBlue i {
  border: 0;
  color: #327C88;
}
button.mce-btn.circular.chestnutRed, a.mce-btn.circular.chestnutRed {
  background: #D59899;
}
button.mce-btn.circular.chestnutRed:hover, a.mce-btn.circular.chestnutRed:hover {
  background: #D59899;
}
button.mce-btn.circular.chestnutRed i, a.mce-btn.circular.chestnutRed i {
  border: 0;
  color: #993D3D;
}
button.mce-btn.circular.indigoPurple, a.mce-btn.circular.indigoPurple {
  background: #a9a4e5;
}
button.mce-btn.circular.indigoPurple:hover, a.mce-btn.circular.indigoPurple:hover {
  background: #a9a4e5;
}
button.mce-btn.circular.indigoPurple i, a.mce-btn.circular.indigoPurple i {
  border: 0;
  color: #584eb1;
}
button.mce-btn.circular:disabled, a.mce-btn.circular:disabled {
  background: #B3BBC8;
}
button.mce-btn.circular:disabled:hover, a.mce-btn.circular:disabled:hover {
  background: #B3BBC8;
}
button.mce-btn.circular:disabled i, a.mce-btn.circular:disabled i {
  border: 0;
  color: #475476;
}
button.mce-btn.round.sm, a.mce-btn.round.sm {
  padding-inline: 1rem;
  height: 2rem;
  border-radius: 1rem;
  line-height: 1rem;
  font-size: 0.75rem;
}
button.mce-btn.round.sm i, a.mce-btn.round.sm i {
  font-size: 0.833rem;
}
button.mce-btn.round.md, a.mce-btn.round.md {
  padding-inline: 1.5rem;
  height: 2.5rem;
  border-radius: 1.5rem;
  line-height: 1rem;
  font-size: 0.875rem;
}
button.mce-btn.round.md i, a.mce-btn.round.md i {
  font-size: 1.042rem;
}
button.mce-btn.round.lg, a.mce-btn.round.lg {
  padding-inline: 2rem;
  height: 3rem;
  border-radius: 2rem;
  line-height: 1rem;
  font-size: 1rem;
}
button.mce-btn.round.lg i, a.mce-btn.round.lg i {
  font-size: 1.042rem;
}
button.mce-btn.circular, a.mce-btn.circular {
  flex-shrink: 0;
  border: 0;
  border-radius: 100%;
  min-width: 0;
  /*i{
  border:0;
  border-radius: 100%;

   }*/
}
button.mce-btn.circular.lg, a.mce-btn.circular.lg {
  width: 3rem;
  font-size: 1.25rem;
  height: 3rem;
}
button.mce-btn.circular.md, button.mce-btn.circular.sm, a.mce-btn.circular.md, a.mce-btn.circular.sm {
  width: 1.875rem;
  height: 1.875rem;
}
button.mce-btn i.single-icon, a.mce-btn i.single-icon {
  border: 0;
  background-image: none;
}
button.mce-btn:not(.link, .circular, .round).sm, a.mce-btn:not(.link, .circular, .round).sm {
  padding-inline: 1rem;
  height: 2rem;
  border-radius: 0.625rem;
  line-height: 1rem;
  font-size: 0.75rem;
}
button.mce-btn:not(.link, .circular, .round).sm i, a.mce-btn:not(.link, .circular, .round).sm i {
  font-size: 0.833rem;
}
button.mce-btn:not(.link, .circular, .round).md, a.mce-btn:not(.link, .circular, .round).md {
  padding-inline: 1.5rem;
  height: 2.5rem;
  border-radius: 0.75rem;
  line-height: 1rem;
  font-size: 0.875rem;
}
button.mce-btn:not(.link, .circular, .round).md i, a.mce-btn:not(.link, .circular, .round).md i {
  font-size: 1.042rem;
}
button.mce-btn:not(.link, .circular, .round).lg, a.mce-btn:not(.link, .circular, .round).lg {
  padding-inline: 2rem;
  height: 3rem;
  border-radius: 1rem;
  line-height: 1rem;
  font-size: 1rem;
}
button.mce-btn:not(.link, .circular, .round).lg i, a.mce-btn:not(.link, .circular, .round).lg i {
  font-size: 1.042rem;
}

/* VERSION: 1.0.1 */
.mce-modal {
  position: fixed;
  top: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  z-index: 1000;
}
.mce-modal.info .modal-contents i {
  color: #7b00ff;
}
.mce-modal.danger .modal-contents i {
  color: #FF0000;
}
.mce-modal.success .modal-contents i {
  color: #38A169;
}
.mce-modal .modal-body {
  border-radius: 1rem;
  max-width: 28.0059746079rem;
  background: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0.938rem 0;
}
.mce-modal .modal-body .modal-close {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
.mce-modal .modal-body .modal-close i {
  cursor: pointer;
  font-size: 1.5rem;
  margin: 0 12px 5px 0;
  color: #B3BBC8;
}
.mce-modal .modal-body .modal-contents {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 10.4166666667rem;
  min-width: 25rem;
  gap: 10px;
  padding-inline: 6px;
}
.mce-modal .modal-body .modal-contents .modal-title,
.mce-modal .modal-body .modal-contents .modal-info {
  width: 100%;
  text-align: center;
  word-break: break-word;
}
.mce-modal .modal-body .modal-contents .modal-info {
  color: #67728D;
}
.mce-modal .modal-body .modal-contents i {
  font-size: 1.625rem;
}
.mce-modal .modal-body .modal-contents .modal-controls {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: 20px;
}
.mce-modal.modal-mascot {
  text-align: center;
}
.mce-modal.modal-mascot .modal-body, .mce-modal.modal-mascot .modal-header {
  max-width: 75rem;
  width: 100%;
  justify-content: space-between;
}
.mce-modal.modal-mascot .modal-body .close-modal, .mce-modal.modal-mascot .modal-header .close-modal {
  pointer-events: auto;
}
.mce-modal.modal-mascot .modal-body p, .mce-modal.modal-mascot .modal-header p {
  color: #67728D;
}
.mce-modal.modal-mascot .modal-body img.mascot-icon, .mce-modal.modal-mascot .modal-header img.mascot-icon {
  position: absolute;
  top: -40px;
}
@media screen and (max-width: 540px) {
  .mce-modal .modal-body .modal-contents {
    min-width: 0;
  }
  .mce-modal .modal-body .modal-contents .modal-controls {
    gap: 5px;
  }
}

/* VERSION: 1.0.0 */ /* VERSION: 1.0.0 */
.mce-notification {
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 10px;
  border-radius: 2rem 2rem 2rem 2rem;
  padding: 0.75rem 0.75rem;
  min-height: 3.375rem;
  min-width: 24.313rem;
  /*
   This could be approach if we didn't need the icons :-)
   @each $default-name,$x in $default-palettes {
  @include notification-body($default-name,'\eb62');
   }
   */
}
.mce-notification > i {
  font-size: 1.5rem;
}
.mce-notification p {
  text-align: center;
  font-family: "Inter", "sans-serif";
  font-weight: 400;
  margin: 0;
  width: 70%;
  word-break: break-all;
  word-wrap: break-word;
  flex-grow: 0;
  color: white;
}
.mce-notification.success {
  background: #48BB78;
  color: white;
}
.mce-notification.danger {
  background: #F56565;
  color: white;
}
.mce-notification.warning {
  background: #ED8936;
  color: white;
}

@media screen and (max-width: 540px) {
  .mce-notification {
    text-align: center;
    flex-direction: row;
    border-radius: 20px;
    min-width: 100%;
  }
}
/* VERSION: 1.0.2 */ /* VERSION: 1.0.0 */
.mce-input.mce-custom-input {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 1.5rem;
}
.mce-input.mce-custom-input .input-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.mce-input.mce-custom-input .input-wrapper .input-container {
  position: relative;
  padding: 1rem;
  width: 100%;
  border-radius: 1rem 1rem 1rem 1rem;
  border-color: #D0D8E3;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  transition: 0.1s ease-in-out;
}
.mce-input.mce-custom-input .input-wrapper .input-container input:disabled {
  cursor: not-allowed;
  pointer-events: none;
}
.mce-input.mce-custom-input .input-wrapper .input-container .min-max-input {
  position: absolute;
  bottom: calc(100% - 83px);
  right: 0;
}
.mce-input.mce-custom-input .input-wrapper .input-container input,
.mce-input.mce-custom-input .input-wrapper .input-container input:focus-visible,
.mce-input.mce-custom-input .input-wrapper .input-container input:focus,
.mce-input.mce-custom-input .input-wrapper .input-container input:active {
  border: 0;
  outline: 0;
  flex-grow: 1;
  background: transparent;
  width: 100%;
}
.mce-input.mce-custom-input .input-wrapper .input-container:has(> input:user-invalid) {
  border-color: #FF0000;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
}
.mce-input.mce-custom-input .input-wrapper .input-container:has(> input:user-invalid) .supporting-text {
  color: #FF0000;
}
.mce-input.mce-custom-input .input-wrapper .input-container .custom-input {
  width: 100%;
}
.mce-input.mce-custom-input .input-wrapper .input-container i {
  font-size: 1.5rem;
  color: black;
  cursor: unset;
}
.mce-input.mce-custom-input .input-wrapper .input-container .show-pass-icon {
  cursor: pointer;
}
.mce-input.mce-custom-input .supporting-text {
  margin-left: 16px;
  font-weight: 500;
  font-size: 0.75rem;
  color: black;
}
.mce-input.mce-custom-input .icons-container {
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
}
.mce-input.mce-custom-input .icons-container i {
  font-size: 1.5rem;
  color: #B3BBC8;
  cursor: pointer;
}
.mce-input.mce-custom-input .icons-container span {
  position: relative;
  color: #B3BBC8;
}
.mce-input.mce-custom-input .icons-container span span.message-comment-indicator {
  background: #FF0000;
  color: #fff;
  position: absolute;
  line-height: 9px;
  border-radius: 50%;
  font-size: 0.75rem;
  top: -12px;
  right: -6px;
  margin: 0;
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mce-input.mce-custom-input.disabled {
  pointer-events: none;
}
.mce-input.mce-custom-input.disabled .input-wrapper .input-container {
  background: #F3F6FA;
  cursor: not-allowed;
}
.mce-input.mce-custom-input.disabled .input-wrapper .input-container:has(> input:focus) {
  border-color: #D0D8E3;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
}
.mce-input.mce-custom-input.disabled .input-wrapper .input-container input {
  cursor: not-allowed;
  pointer-events: none;
  color: #B3BBC8;
}
.mce-input.mce-custom-input.disabled .input-wrapper .input-container .min-max-input {
  border: none;
}
.mce-input.mce-custom-input.disabled .input-wrapper .input-container:not(.invalid):has(> input:hover) {
  border-color: #D0D8E3;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
}
.mce-input.mce-custom-input.disabled .input-wrapper .input-container div {
  border-color: #B3BBC8;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
}
.mce-input.mce-custom-input.disabled .input-wrapper .input-container:hover {
  border-color: #D0D8E3;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
}
.mce-input.mce-custom-input.disabled .input-wrapper .input-container i {
  font-size: 1.5rem;
  color: #B3BBC8;
  cursor: unset;
}
.mce-input.mce-custom-input.disabled .icons-container i {
  font-size: 1.5rem;
  color: #B3BBC8;
  cursor: not-allowed;
}
.mce-input.mce-custom-input.invalid .input-container {
  border-color: #FF0000;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
}
.mce-input.mce-custom-input.invalid .supporting-text {
  color: #FF0000;
}
.mce-input.mce-custom-input:not(.invalid):hover .input-container, .mce-input.mce-custom-input:not(.invalid):has(> input:hover) .input-container, .mce-input.mce-custom-input:not(.invalid):has(> input:not(.invalid):focus) .input-container {
  border-color: #7b00ff;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  z-index: 5;
}
.mce-input.size-sm .input-container, .mce-input.size-sm .dropdown-select-trigger {
  height: 48px;
}
.mce-input.size-sm label {
  font-family: "Inter", "sans-serif";
  min-height: 1.125rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
}
.mce-input.size-md .input-container, .mce-input.size-md .dropdown-select-trigger {
  height: 56px;
}
.mce-input.size-md label {
  font-family: "Inter", "sans-serif";
  min-height: 1.313rem;
  font-size: 0.875rem;
  line-height: 1rem;
  font-weight: 500;
}
.mce-input.size-lg .dropdown-select-trigger {
  height: 56px;
}
.mce-input.size-lg label {
  margin-bottom: 20px;
  font-family: "Poppins", "sans-serif";
  min-height: 1.5rem;
  font-size: 1rem;
  line-height: 1rem;
  font-weight: 600;
}
.mce-input input[type=date]::-webkit-inner-spin-button,
.mce-input input[type=date]::-webkit-calendar-picker-indicator,
.mce-input input[type=time]::-webkit-inner-spin-button,
.mce-input input[type=time]::-webkit-calendar-picker-indicator,
.mce-input input[type=datetime-local]::-webkit-inner-spin-button,
.mce-input input[type=datetime-local]::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
  background: none;
}
.mce-input input[type=date] {
  -moz-appearance: textfield;
  position: relative;
  z-index: 2;
  background: transparent;
}

/* VERSION: 1.0.0 */ /* VERSION: 1.0.0 */
.mce-input-select-dropdown {
  position: relative;
}
.mce-input-select-dropdown.open .custom-options {
  display: flex;
}
.mce-input-select-dropdown.open .dropdown-select-trigger i {
  transform: rotate(180deg);
}
.mce-input-select-dropdown .dropdown-select-trigger {
  width: 100%;
  min-width: max-content;
  background-color: white;
  border-color: #D0D8E3;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  color: #8D95A4;
  padding: 1rem;
  border-radius: 1rem;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1rem;
  word-break: break-all;
  gap: 10px;
}
.mce-input-select-dropdown .dropdown-select-trigger i {
  font-size: 1rem;
  color: black;
  cursor: pointer;
  transition: transform 200ms;
}
.mce-input-select-dropdown .dropdown-select-trigger.select-chosen-option {
  color: black;
}
.mce-input-select-dropdown .custom-options {
  position: absolute;
  flex-direction: column;
  scrollbar-width: none;
  width: 100%;
  min-width: fit-content;
  background-color: white;
  border-color: #D0D8E3;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  top: 100%;
  left: 0;
  right: 0;
  border-radius: 1rem;
  z-index: 800;
  display: none;
  max-height: 12.6666666667rem;
  overflow-y: auto;
  margin-top: 12px;
}
.mce-input-select-dropdown .custom-options .custom-option {
  white-space: nowrap;
  padding: 1rem;
  cursor: pointer;
  color: #8D95A4;
  background-color: white;
  transition: 200ms;
}
.mce-input-select-dropdown .custom-options .custom-option:hover {
  background-color: white;
  color: black;
}
.mce-input-select-dropdown .custom-options .custom-option:last-child {
  border-bottom: none;
}
.mce-input-select-dropdown .custom-options .custom-option.select-chosen-option {
  color: black;
}
.mce-input-select-dropdown.invalid .dropdown-select-trigger {
  border-color: #FF0000;
}

/* VERSION: 1.0.0 */
.mce-toggle {
  position: relative;
  flex: 0 0 auto;
  width: 3.75rem;
  height: 2.125rem;
}
.mce-toggle input {
  opacity: 0;
  width: 0;
  height: 0;
}
.mce-toggle input:checked + .slider.blackAlpha {
  background-color: rgba(0, 0, 0, 0.4);
}
.mce-toggle input:checked + .slider.whiteAlpha {
  background-color: rgba(255, 255, 255, 0.48);
}
.mce-toggle input:checked + .slider.whiteAlpha-300 {
  background-color: rgba(255, 255, 255, 0.24);
}
.mce-toggle input:checked + .slider.gray {
  background-color: #8D95A4;
}
.mce-toggle input:checked + .slider.info {
  background-color: #7b00ff;
}
.mce-toggle input:checked + .slider.danger {
  background-color: #FF0000;
}
.mce-toggle input:checked + .slider.success {
  background-color: #38A169;
}
.mce-toggle input:checked + .slider.warning {
  background-color: #DD6B20;
}
.mce-toggle input:checked + .slider.primary {
  background-color: #7b00ff;
}
.mce-toggle input:checked + .slider.secondary {
  background-color: #FF0000;
}
.mce-toggle input:checked + .slider.tertiary {
  background-color: #F8F7F2;
}
.mce-toggle input:checked + .slider.white {
  background-color: white;
}
.mce-toggle input:checked + .slider.red {
  background-color: #FF0000;
}
.mce-toggle input:checked + .slider.orange {
  background-color: #DD6B20;
}
.mce-toggle input:checked + .slider.green {
  background-color: #38A169;
}
.mce-toggle input:checked + .slider.grassGreen {
  background-color: #66AB55;
}
.mce-toggle input:checked + .slider.maldivesBlue {
  background-color: #48ACB4;
}
.mce-toggle input:checked + .slider.chestnutRed {
  background-color: #B44848;
}
.mce-toggle input:checked + .slider.indigoPurple {
  background-color: #665CD0;
}
.mce-toggle input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
.mce-toggle input:disabled + .slider, .mce-toggle input:disabled:checked + .slider {
  cursor: not-allowed;
  background-color: #E8EEF5;
}
.mce-toggle input:disabled + .slider:before, .mce-toggle input:disabled:checked + .slider:before {
  background-color: #D0D8E3;
}
.mce-toggle .slider {
  position: absolute;
  cursor: pointer;
  border-radius: 2.125rem;
  min-width: 2.75rem;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #D0D8E3;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.mce-toggle .slider:before {
  position: absolute;
  border-radius: 50%;
  content: "";
  height: 1.625rem;
  width: 1.625rem;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.mce-toggle:has(> input:disabled) + label {
  color: #8D95A4;
  cursor: not-allowed;
}

/* VERSION: 1.0.0 */
/* RADIO BUTTON */
input.mce-radio {
  -webkit-appearance: none;
  appearance: none;
  width: 1.25rem;
  height: 1.25rem;
  background: white;
  flex: 0 0 auto;
  border: 1px solid #D0D8E3;
  border-radius: 50%;
  transition: 100ms;
}
input.mce-radio.blackAlpha:not(:disabled):hover {
  border: 1px #D0D8E3 rgba(0, 0, 0, 0.4);
}
input.mce-radio.blackAlpha:checked {
  background: rgba(0, 0, 0, 0.4);
  outline: 4px solid white;
  outline-offset: -5px;
  border: 1px solid rgba(0, 0, 0, 0.4);
}
input.mce-radio.whiteAlpha:not(:disabled):hover {
  border: 1px #D0D8E3 rgba(255, 255, 255, 0.48);
}
input.mce-radio.whiteAlpha:checked {
  background: rgba(255, 255, 255, 0.48);
  outline: 4px solid white;
  outline-offset: -5px;
  border: 1px solid rgba(255, 255, 255, 0.48);
}
input.mce-radio.whiteAlpha-300:not(:disabled):hover {
  border: 1px #D0D8E3 rgba(255, 255, 255, 0.24);
}
input.mce-radio.whiteAlpha-300:checked {
  background: rgba(255, 255, 255, 0.24);
  outline: 4px solid white;
  outline-offset: -5px;
  border: 1px solid rgba(255, 255, 255, 0.24);
}
input.mce-radio.gray:not(:disabled):hover {
  border: 1px #D0D8E3 #8D95A4;
}
input.mce-radio.gray:checked {
  background: #8D95A4;
  outline: 4px solid white;
  outline-offset: -5px;
  border: 1px solid #8D95A4;
}
input.mce-radio.info:not(:disabled):hover {
  border: 1px #D0D8E3 #7b00ff;
}
input.mce-radio.info:checked {
  background: #7b00ff;
  outline: 4px solid white;
  outline-offset: -5px;
  border: 1px solid #7b00ff;
}
input.mce-radio.danger:not(:disabled):hover {
  border: 1px #D0D8E3 #FF0000;
}
input.mce-radio.danger:checked {
  background: #FF0000;
  outline: 4px solid white;
  outline-offset: -5px;
  border: 1px solid #FF0000;
}
input.mce-radio.success:not(:disabled):hover {
  border: 1px #D0D8E3 #38A169;
}
input.mce-radio.success:checked {
  background: #38A169;
  outline: 4px solid white;
  outline-offset: -5px;
  border: 1px solid #38A169;
}
input.mce-radio.warning:not(:disabled):hover {
  border: 1px #D0D8E3 #DD6B20;
}
input.mce-radio.warning:checked {
  background: #DD6B20;
  outline: 4px solid white;
  outline-offset: -5px;
  border: 1px solid #DD6B20;
}
input.mce-radio.primary:not(:disabled):hover {
  border: 1px #D0D8E3 #7b00ff;
}
input.mce-radio.primary:checked {
  background: #7b00ff;
  outline: 4px solid white;
  outline-offset: -5px;
  border: 1px solid #7b00ff;
}
input.mce-radio.secondary:not(:disabled):hover {
  border: 1px #D0D8E3 #FF0000;
}
input.mce-radio.secondary:checked {
  background: #FF0000;
  outline: 4px solid white;
  outline-offset: -5px;
  border: 1px solid #FF0000;
}
input.mce-radio.tertiary:not(:disabled):hover {
  border: 1px #D0D8E3 #F8F7F2;
}
input.mce-radio.tertiary:checked {
  background: #F8F7F2;
  outline: 4px solid white;
  outline-offset: -5px;
  border: 1px solid #F8F7F2;
}
input.mce-radio.white:not(:disabled):hover {
  border: 1px #D0D8E3 white;
}
input.mce-radio.white:checked {
  background: white;
  outline: 4px solid white;
  outline-offset: -5px;
  border: 1px solid white;
}
input.mce-radio.red:not(:disabled):hover {
  border: 1px #D0D8E3 #FF0000;
}
input.mce-radio.red:checked {
  background: #FF0000;
  outline: 4px solid white;
  outline-offset: -5px;
  border: 1px solid #FF0000;
}
input.mce-radio.orange:not(:disabled):hover {
  border: 1px #D0D8E3 #DD6B20;
}
input.mce-radio.orange:checked {
  background: #DD6B20;
  outline: 4px solid white;
  outline-offset: -5px;
  border: 1px solid #DD6B20;
}
input.mce-radio.green:not(:disabled):hover {
  border: 1px #D0D8E3 #38A169;
}
input.mce-radio.green:checked {
  background: #38A169;
  outline: 4px solid white;
  outline-offset: -5px;
  border: 1px solid #38A169;
}
input.mce-radio.grassGreen:not(:disabled):hover {
  border: 1px #D0D8E3 #66AB55;
}
input.mce-radio.grassGreen:checked {
  background: #66AB55;
  outline: 4px solid white;
  outline-offset: -5px;
  border: 1px solid #66AB55;
}
input.mce-radio.maldivesBlue:not(:disabled):hover {
  border: 1px #D0D8E3 #48ACB4;
}
input.mce-radio.maldivesBlue:checked {
  background: #48ACB4;
  outline: 4px solid white;
  outline-offset: -5px;
  border: 1px solid #48ACB4;
}
input.mce-radio.chestnutRed:not(:disabled):hover {
  border: 1px #D0D8E3 #B44848;
}
input.mce-radio.chestnutRed:checked {
  background: #B44848;
  outline: 4px solid white;
  outline-offset: -5px;
  border: 1px solid #B44848;
}
input.mce-radio.indigoPurple:not(:disabled):hover {
  border: 1px #D0D8E3 #665CD0;
}
input.mce-radio.indigoPurple:checked {
  background: #665CD0;
  outline: 4px solid white;
  outline-offset: -5px;
  border: 1px solid #665CD0;
}
input.mce-radio + label {
  cursor: pointer;
}
input.mce-radio:disabled {
  background: #E8EEF5;
  border: 1px solid #D0D8E3;
  outline-offset: -4px;
  cursor: not-allowed;
}
input.mce-radio:disabled + label {
  color: #8D95A4;
  cursor: not-allowed;
}
input.mce-radio:disabled:checked {
  background-color: #E8EEF5;
  border-color: #D0D8E3;
  outline: 4px solid #E8EEF5;
  outline-offset: -5px;
}
input.mce-radio:disabled:checked::before {
  content: "";
  display: inline-block;
  background-color: #E8EEF5;
}
input.mce-radio.invalid:not(:disabled):hover, input.mce-radio.invalid:not(:disabled) {
  border: 1px solid #FF0000;
}

/* VERSION: 1.0.0 */
input.mce-checkbox {
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0.375rem;
  width: 1.375rem;
  height: 1.375rem;
  background: white;
  border-width: 1px;
  border-color: #D0D8E3;
  border-style: solid;
  position: relative;
  flex: 0 0 auto;
  transition: 200ms;
}
input.mce-checkbox.blackAlpha:hover {
  border-color: rgba(0, 0, 0, 0.4);
}
input.mce-checkbox.blackAlpha:checked {
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(0, 0, 0, 0.4);
}
input.mce-checkbox.blackAlpha:indeterminate {
  background: rgba(0, 0, 0, 0.4);
  border-color: rgba(0, 0, 0, 0.4);
}
input.mce-checkbox.whiteAlpha:hover {
  border-color: rgba(255, 255, 255, 0.48);
}
input.mce-checkbox.whiteAlpha:checked {
  background: rgba(255, 255, 255, 0.48);
  border: 1px solid rgba(255, 255, 255, 0.48);
}
input.mce-checkbox.whiteAlpha:indeterminate {
  background: rgba(255, 255, 255, 0.48);
  border-color: rgba(255, 255, 255, 0.48);
}
input.mce-checkbox.whiteAlpha-300:hover {
  border-color: rgba(255, 255, 255, 0.24);
}
input.mce-checkbox.whiteAlpha-300:checked {
  background: rgba(255, 255, 255, 0.24);
  border: 1px solid rgba(255, 255, 255, 0.24);
}
input.mce-checkbox.whiteAlpha-300:indeterminate {
  background: rgba(255, 255, 255, 0.24);
  border-color: rgba(255, 255, 255, 0.24);
}
input.mce-checkbox.gray:hover {
  border-color: #8D95A4;
}
input.mce-checkbox.gray:checked {
  background: #8D95A4;
  border: 1px solid #8D95A4;
}
input.mce-checkbox.gray:indeterminate {
  background: #8D95A4;
  border-color: #8D95A4;
}
input.mce-checkbox.info:hover {
  border-color: #7b00ff;
}
input.mce-checkbox.info:checked {
  background: #7b00ff;
  border: 1px solid #7b00ff;
}
input.mce-checkbox.info:indeterminate {
  background: #7b00ff;
  border-color: #7b00ff;
}
input.mce-checkbox.danger:hover {
  border-color: #FF0000;
}
input.mce-checkbox.danger:checked {
  background: #FF0000;
  border: 1px solid #FF0000;
}
input.mce-checkbox.danger:indeterminate {
  background: #FF0000;
  border-color: #FF0000;
}
input.mce-checkbox.success:hover {
  border-color: #38A169;
}
input.mce-checkbox.success:checked {
  background: #38A169;
  border: 1px solid #38A169;
}
input.mce-checkbox.success:indeterminate {
  background: #38A169;
  border-color: #38A169;
}
input.mce-checkbox.warning:hover {
  border-color: #DD6B20;
}
input.mce-checkbox.warning:checked {
  background: #DD6B20;
  border: 1px solid #DD6B20;
}
input.mce-checkbox.warning:indeterminate {
  background: #DD6B20;
  border-color: #DD6B20;
}
input.mce-checkbox.primary:hover {
  border-color: #7b00ff;
}
input.mce-checkbox.primary:checked {
  background: #7b00ff;
  border: 1px solid #7b00ff;
}
input.mce-checkbox.primary:indeterminate {
  background: #7b00ff;
  border-color: #7b00ff;
}
input.mce-checkbox.secondary:hover {
  border-color: #FF0000;
}
input.mce-checkbox.secondary:checked {
  background: #FF0000;
  border: 1px solid #FF0000;
}
input.mce-checkbox.secondary:indeterminate {
  background: #FF0000;
  border-color: #FF0000;
}
input.mce-checkbox.tertiary:hover {
  border-color: #F8F7F2;
}
input.mce-checkbox.tertiary:checked {
  background: #F8F7F2;
  border: 1px solid #F8F7F2;
}
input.mce-checkbox.tertiary:indeterminate {
  background: #F8F7F2;
  border-color: #F8F7F2;
}
input.mce-checkbox.white:hover {
  border-color: white;
}
input.mce-checkbox.white:checked {
  background: white;
  border: 1px solid white;
}
input.mce-checkbox.white:indeterminate {
  background: white;
  border-color: white;
}
input.mce-checkbox.red:hover {
  border-color: #FF0000;
}
input.mce-checkbox.red:checked {
  background: #FF0000;
  border: 1px solid #FF0000;
}
input.mce-checkbox.red:indeterminate {
  background: #FF0000;
  border-color: #FF0000;
}
input.mce-checkbox.orange:hover {
  border-color: #DD6B20;
}
input.mce-checkbox.orange:checked {
  background: #DD6B20;
  border: 1px solid #DD6B20;
}
input.mce-checkbox.orange:indeterminate {
  background: #DD6B20;
  border-color: #DD6B20;
}
input.mce-checkbox.green:hover {
  border-color: #38A169;
}
input.mce-checkbox.green:checked {
  background: #38A169;
  border: 1px solid #38A169;
}
input.mce-checkbox.green:indeterminate {
  background: #38A169;
  border-color: #38A169;
}
input.mce-checkbox.grassGreen:hover {
  border-color: #66AB55;
}
input.mce-checkbox.grassGreen:checked {
  background: #66AB55;
  border: 1px solid #66AB55;
}
input.mce-checkbox.grassGreen:indeterminate {
  background: #66AB55;
  border-color: #66AB55;
}
input.mce-checkbox.maldivesBlue:hover {
  border-color: #48ACB4;
}
input.mce-checkbox.maldivesBlue:checked {
  background: #48ACB4;
  border: 1px solid #48ACB4;
}
input.mce-checkbox.maldivesBlue:indeterminate {
  background: #48ACB4;
  border-color: #48ACB4;
}
input.mce-checkbox.chestnutRed:hover {
  border-color: #B44848;
}
input.mce-checkbox.chestnutRed:checked {
  background: #B44848;
  border: 1px solid #B44848;
}
input.mce-checkbox.chestnutRed:indeterminate {
  background: #B44848;
  border-color: #B44848;
}
input.mce-checkbox.indigoPurple:hover {
  border-color: #665CD0;
}
input.mce-checkbox.indigoPurple:checked {
  background: #665CD0;
  border: 1px solid #665CD0;
}
input.mce-checkbox.indigoPurple:indeterminate {
  background: #665CD0;
  border-color: #665CD0;
}
input.mce-checkbox:focus, input.mce-checkbox:focus-visible {
  outline: none;
}
input.mce-checkbox:checked::after {
  content: "✔";
  color: white;
  font-size: 1rem;
  font-weight: 500;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
input.mce-checkbox:indeterminate::after {
  content: "―";
  color: #E8EEF5;
  font-size: 1rem;
  font-weight: 500;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
}
input.mce-checkbox:disabled {
  background: #E8EEF5 !important;
  border-color: #D0D8E3 !important;
  cursor: not-allowed;
}
input.mce-checkbox:disabled:checked {
  border-color: #E8EEF5;
}
input.mce-checkbox:disabled:checked::after {
  content: "✔";
  color: #8D95A4;
  font-size: 1rem;
  font-weight: 500;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
input.mce-checkbox:disabled + label {
  color: #8D95A4;
  cursor: not-allowed;
}
input.mce-checkbox:user-invalid, input.mce-checkbox.invalid {
  border-color: #FF0000;
}
input.mce-checkbox:user-invalid:hover, input.mce-checkbox.invalid:hover {
  border-color: #FF0000;
}

/* VERSION: 1.0.0 */
div.mce-dual-switch {
  width: 100%;
  max-width: 448px;
  padding: 4px;
  font-weight: 400;
  height: 3rem;
  border-color: #D0D8E3;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-radius: 0.75rem 0.75rem 0.75rem 0.75rem;
}
div.mce-dual-switch.small-size-round {
  max-width: 250px;
  border-radius: 1.5rem 1.5rem 1.5rem 1.5rem;
}
div.mce-dual-switch.small-size-round ul.values, div.mce-dual-switch.small-size-round ul.values::after {
  border-radius: 2rem 2rem 2rem 2rem;
}
div.mce-dual-switch ul.values {
  display: flex;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
  overflow: hidden;
  background: white;
  height: 100%;
  user-select: none;
}
div.mce-dual-switch ul.values.blackAlpha::after {
  background: rgba(0, 0, 0, 0.4);
}
div.mce-dual-switch ul.values.blackAlpha li.value {
  color: rgba(0, 0, 0, 0.4);
}
div.mce-dual-switch ul.values.whiteAlpha::after {
  background: rgba(255, 255, 255, 0.48);
}
div.mce-dual-switch ul.values.whiteAlpha li.value {
  color: rgba(255, 255, 255, 0.48);
}
div.mce-dual-switch ul.values.whiteAlpha-300::after {
  background: rgba(255, 255, 255, 0.24);
}
div.mce-dual-switch ul.values.whiteAlpha-300 li.value {
  color: rgba(255, 255, 255, 0.24);
}
div.mce-dual-switch ul.values.gray::after {
  background: #8D95A4;
}
div.mce-dual-switch ul.values.gray li.value {
  color: #8D95A4;
}
div.mce-dual-switch ul.values.info::after {
  background: #7b00ff;
}
div.mce-dual-switch ul.values.info li.value {
  color: #7b00ff;
}
div.mce-dual-switch ul.values.danger::after {
  background: #FF0000;
}
div.mce-dual-switch ul.values.danger li.value {
  color: #FF0000;
}
div.mce-dual-switch ul.values.success::after {
  background: #38A169;
}
div.mce-dual-switch ul.values.success li.value {
  color: #38A169;
}
div.mce-dual-switch ul.values.warning::after {
  background: #DD6B20;
}
div.mce-dual-switch ul.values.warning li.value {
  color: #DD6B20;
}
div.mce-dual-switch ul.values.primary::after {
  background: #7b00ff;
}
div.mce-dual-switch ul.values.primary li.value {
  color: #7b00ff;
}
div.mce-dual-switch ul.values.secondary::after {
  background: #FF0000;
}
div.mce-dual-switch ul.values.secondary li.value {
  color: #FF0000;
}
div.mce-dual-switch ul.values.tertiary::after {
  background: #F8F7F2;
}
div.mce-dual-switch ul.values.tertiary li.value {
  color: #F8F7F2;
}
div.mce-dual-switch ul.values.white::after {
  background: white;
}
div.mce-dual-switch ul.values.white li.value {
  color: white;
}
div.mce-dual-switch ul.values.red::after {
  background: #FF0000;
}
div.mce-dual-switch ul.values.red li.value {
  color: #FF0000;
}
div.mce-dual-switch ul.values.orange::after {
  background: #DD6B20;
}
div.mce-dual-switch ul.values.orange li.value {
  color: #DD6B20;
}
div.mce-dual-switch ul.values.green::after {
  background: #38A169;
}
div.mce-dual-switch ul.values.green li.value {
  color: #38A169;
}
div.mce-dual-switch ul.values.grassGreen::after {
  background: #66AB55;
}
div.mce-dual-switch ul.values.grassGreen li.value {
  color: #66AB55;
}
div.mce-dual-switch ul.values.maldivesBlue::after {
  background: #48ACB4;
}
div.mce-dual-switch ul.values.maldivesBlue li.value {
  color: #48ACB4;
}
div.mce-dual-switch ul.values.chestnutRed::after {
  background: #B44848;
}
div.mce-dual-switch ul.values.chestnutRed li.value {
  color: #B44848;
}
div.mce-dual-switch ul.values.indigoPurple::after {
  background: #665CD0;
}
div.mce-dual-switch ul.values.indigoPurple li.value {
  color: #665CD0;
}
div.mce-dual-switch ul.values li.value {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  word-break: break-word;
  word-wrap: break-word;
  font-size: 1rem;
  width: 100%;
  line-height: 1;
  z-index: 2;
  cursor: pointer;
  user-select: none;
  transition: color 250ms ease-in-out;
}
div.mce-dual-switch ul.values li.value.active {
  color: white;
}
div.mce-dual-switch ul.values::after {
  content: "";
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
  transition: top 250ms ease-in-out, left 250ms ease-in-out;
}
div.mce-dual-switch ul.values.slider::after {
  left: 50%;
}

/* VERSION: 1.0.1 */
.mce-custom-tooltip-container {
  position: relative;
}
.mce-custom-tooltip-container .mce-custom-tooltip {
  display: inline-block;
  cursor: pointer;
}
.mce-custom-tooltip-container .mce-custom-tooltip:has(+ :not(.mce-custom-tooltip):hover) .tooltip-text {
  visibility: visible;
  opacity: 1;
  transform: translateX(-50%);
}
.mce-custom-tooltip-container .mce-custom-tooltip .tooltip-text {
  position: absolute;
  background: black;
  color: white;
  padding: 0.625rem 1rem;
  border-radius: 1.25rem 1.25rem 1.25rem 1.25rem;
  width: max-content;
  max-width: 12.5rem;
  visibility: hidden;
  opacity: 0;
  z-index: 902;
  left: 50%;
  box-shadow: 0 2px 8px rgba(26, 26, 26, 0.5);
  bottom: 100%;
  top: auto;
  transition: all 0.3s;
}
.mce-custom-tooltip-container .mce-custom-tooltip .tooltip-text::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border-color: transparent;
  border-style: solid;
  border-width: 5px 5px 5px 5px;
  top: 100%;
  border-top-color: black;
}
.mce-custom-tooltip-container .mce-custom-tooltip .tooltip-text.below {
  top: 100%;
  bottom: auto;
}
.mce-custom-tooltip-container .mce-custom-tooltip .tooltip-text.below::after {
  top: auto;
  bottom: 100%;
  border-top-color: transparent;
  border-bottom-color: black;
}
.mce-custom-tooltip-container .mce-custom-tooltip .tooltip-text.right.below, .mce-custom-tooltip-container .mce-custom-tooltip .tooltip-text.left.below {
  transform: translateX(-50%) translateY(32px);
}
.mce-custom-tooltip-container .mce-custom-tooltip .tooltip-text.right::after, .mce-custom-tooltip-container .mce-custom-tooltip .tooltip-text.left::after {
  left: calc(100% - 30px);
}
.mce-custom-tooltip-container .mce-custom-tooltip .tooltip-text.left::after {
  left: 30px;
}

/* VERSION: 1.0.2 */
.mce-navbar {
  position: relative;
  border-radius: 0 0 2rem 2rem;
}
.mce-navbar .line {
  width: 95%;
  margin-inline: auto;
  height: 1px;
  background: rgba(255, 255, 255, 0.4);
}
.mce-navbar .mce-expanded-navigation {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-block: 32px;
  gap: 40px;
}
.mce-navbar .mce-expanded-navigation li.active a {
  color: #FF0000;
}
.mce-navbar .mce-expanded-navigation li a {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.48);
}
.mce-navbar .mce-double-navigation {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-block: 24px;
  margin-inline: 3rem;
}
.mce-navbar .mce-double-navigation button {
  flex-grow: 0;
}
.mce-navbar .mce-progress-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-width: 37.5rem;
  margin-block: 24px 32px;
  margin-inline: auto;
  color: white;
}
.mce-navbar .mce-progress-container .custom-progress-bar {
  width: 100%;
  height: 8px;
  background: rgba(255, 255, 255, 0.16);
  border-radius: 1.5rem;
}
.mce-navbar .mce-progress-container .custom-progress-bar .custom-progress {
  border-radius: 1.5rem;
  display: block;
  width: 30%;
  height: 100%;
  background: white;
}
.mce-navbar .mce-progress-container ~ div:has(> div > .row > .col > div > h1) {
  padding-bottom: 40px;
}
.mce-navbar .mce-progress-container ~ div:has(> div > .row > .col > div > h1) h1 {
  margin: 0;
}
.mce-navbar .mce-progress-container ~ .coala-icon {
  position: absolute;
  right: 20%;
  top: calc(100% - 66px);
}
.mce-navbar h1 {
  margin-top: 32px;
}
.mce-navbar.sm {
  min-height: 9.625rem;
}
.mce-navbar.md {
  min-height: 11.125rem;
}

.mce-navigation {
  width: 100%;
  height: 4.125rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-inline: 3rem;
  border-radius: 0 0 1.25rem 1.25rem;
}
.mce-navigation.navbar-border {
  border-bottom: 1px solid #D0D8E3;
  border-radius: 0;
}
.mce-navigation .coala-icon {
  position: absolute;
  top: calc(100% - 34px);
  left: 50%;
  right: 50%;
  height: 5.188rem;
  transform: translate(-50%, -50%);
}
.mce-navigation .navigation-list {
  list-style: none;
  display: flex;
  gap: 16px;
  margin: 0;
}
.mce-navigation .navigation-list .navs-item button.secondary i, .mce-navigation .navigation-list .navs-item button.secondary span {
  color: #7b00ff;
}

/* VERSION: 1.0.0 */
div.mce-round-icon {
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  cursor: pointer;
}
div.mce-round-icon.md {
  width: 2rem;
  height: 2rem;
}
div.mce-round-icon.md i {
  font-size: 1rem;
}
div.mce-round-icon.lg {
  width: 3rem;
  height: 3rem;
}
div.mce-round-icon.lg i {
  font-size: 1.5rem;
}
/* VERSION: 1.0.2 */
div.mce-form-card {
  width: 100%;
  height: 100%;
  border-radius: 1.5rem;
  display: flex;
  align-items: center;
  border-color: #D0D8E3;
  padding-inline: 2rem;
  padding-block: 2rem 1.5rem;
}
div.mce-form-card .card-body {
  padding: 0;
}
div.mce-form-card .card-body h2 {
  max-width: 16.875rem;
  margin-left: 3px;
}
div.mce-form-card .card-body .card-subtitle {
  color: #67728D;
  margin-bottom: 18px;
}
div.mce-form-card .card-body p {
  margin-bottom: 17px;
  color: #67728D;
}
div.mce-form-card .card-body div.both {
  position: absolute;
  top: 32px;
  right: 20px;
  z-index: 0;
}
div.mce-form-card .card-body div.both + div.mce-round-icon {
  z-index: 1;
  margin-right: 15px;
  outline: 2px solid #F3F6FA;
}
div.mce-form-card:not(.bg-color-gray-100) div.both + div.mce-round-icon {
  outline: 2px solid #F3F6FA;
}
div.mce-form-card .empty {
  height: 10.063rem;
  width: 100%;
}
div.mce-form-card ul.list-group {
  margin-top: 13px;
  border-color: #D0D8E3;
}
div.mce-form-card ul.list-group li {
  padding-left: 0;
  background: transparent;
}
div.mce-form-card ul.list-group li i {
  font-size: 1.25rem;
}
div.mce-form-card ul.list-group li:first-of-type {
  margin-top: 24px;
}
div.mce-form-card.border-invalid {
  border-color: #FF0000;
}
div.mce-form-card.disabled {
  color: #8D95A4;
  cursor: not-allowed;
  user-select: none;
  pointer-events: none;
}
div.mce-form-card.disabled + .disabled-cover {
  position: absolute;
  border-radius: 1.5rem;
  pointer-events: none;
  background: rgba(255, 255, 255, 0.48);
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  z-index: 10;
}

/* VERSION: 1.0.0 */
nav.mce-breadcrumb ul {
  gap: 8px;
}
nav.mce-breadcrumb ul li {
  gap: 6px;
}
nav.mce-breadcrumb ul li a,
nav.mce-breadcrumb ul li i {
  color: #8D95A4;
}
nav.mce-breadcrumb ul li:last-of-type a {
  color: #7b00ff;
  font-weight: 700;
}
nav.mce-breadcrumb ul li:last-of-type i {
  color: #8D95A4;
}
nav.mce-breadcrumb ul:has(> li:only-of-type) li a,
nav.mce-breadcrumb ul:has(> li:only-of-type) li i {
  color: #7b00ff;
  font-weight: 700;
}

/* VERSION: 1.0.1 */
div.mce-form-category {
  position: relative;
  padding: 2rem 2rem;
  border-color: #E8EEF5;
  border-radius: 1.5rem;
  z-index: 2;
  justify-content: space-between;
  height: 100%;
}
div.mce-form-category i {
  font-size: 2.5rem;
  margin-top: 12px;
}
div.mce-form-category div i {
  font-size: 1.25rem;
  margin: 0;
  margin-right: 10.5px;
}
div.mce-form-category div p {
  color: #FF0000;
  margin: 0;
}
div.mce-form-category h4 {
  margin-top: 11px;
}
div.mce-form-category p {
  margin-top: 8px;
  color: #8D95A4;
}
div.mce-form-category hr {
  border-color: #B3BBC8;
  margin-block: 18px 11px;
}
div.mce-form-category button {
  margin-top: 28px;
}
div.mce-form-category .progress-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
div.mce-form-category .progress-container .custom-progress-bar {
  width: 100%;
  height: 8px;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 1.5rem;
}
div.mce-form-category .progress-container .custom-progress-bar .custom-progress {
  border-radius: 1.5rem;
  display: block;
  width: 4%;
  height: 100%;
}
div.mce-form-category.disabled .disabled-cover {
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 5;
  background: rgba(255, 255, 255, 0.82);
  border-radius: 1.5rem;
}
div.mce-form-category.disabled button {
  background: inherit;
}

/* VERSION: 1.0.1 */
div.mce-form-category {
  position: relative;
  padding: 2rem 2rem;
  border-color: #E8EEF5;
  border-radius: 1.5rem;
  z-index: 2;
  justify-content: space-between;
  height: 100%;
}
div.mce-form-category i {
  font-size: 2.5rem;
  margin-top: 12px;
}
div.mce-form-category div i {
  font-size: 1.25rem;
  margin: 0;
  margin-right: 10.5px;
}
div.mce-form-category div p {
  color: #FF0000;
  margin: 0;
}
div.mce-form-category h4 {
  margin-top: 11px;
}
div.mce-form-category p {
  margin-top: 8px;
  color: #8D95A4;
}
div.mce-form-category hr {
  border-color: #B3BBC8;
  margin-block: 18px 11px;
}
div.mce-form-category button {
  margin-top: 28px;
}
div.mce-form-category .progress-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
div.mce-form-category .progress-container .custom-progress-bar {
  width: 100%;
  height: 8px;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 1.5rem;
}
div.mce-form-category .progress-container .custom-progress-bar .custom-progress {
  border-radius: 1.5rem;
  display: block;
  width: 4%;
  height: 100%;
}
div.mce-form-category.disabled .disabled-cover {
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 5;
  background: rgba(255, 255, 255, 0.82);
  border-radius: 1.5rem;
}
div.mce-form-category.disabled button {
  background: inherit;
}

/* VERSION: 1.0.0 */
div.mce-onboarding-form-card {
  padding: 2rem 2.563rem;
  border: 1px solid #D0D8E3;
  border-radius: 1.5rem;
  flex-grow: 1;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
div.mce-onboarding-form-card .text-content {
  margin-top: 16px;
  margin-bottom: 32px;
}
div.mce-onboarding-form-card .text-content p {
  font-weight: 400;
  color: #8D95A4;
}
div.mce-onboarding-form-card > div {
  gap: 2rem;
}

/* VERSION: 1.0.0 */
.mce-form-block {
  color: #b4b6b9;
  line-height: 12px;
  font-weight: 400;
  font-size: 12px;
  font-family: Nunito, sans-serif;
  min-height: 50px;
}
.mce-form-block .mce-form-action-block [data-level=NEIGHBOR] {
  display: none !important;
}
.mce-form-block .mce-fb-select-box {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
}
.mce-form-block .mce-fb-select-box .mce-fb-select {
  position: fixed;
  background: white;
  top: 50%;
  text-align: center;
  width: 200px;
  left: 50%;
  margin-left: -100px;
  color: #b4b6b9;
  border-radius: 15px;
  overflow: hidden;
}
.mce-form-block .mce-fb-select-box .mce-fb-select a.mce-fb-select-opt {
  text-decoration: none;
  color: #b4b6b9;
  display: block;
  border-bottom: 1px solid #b4b6b9;
  padding: 10px;
}
.mce-form-block .mce-fb-select-box .mce-fb-select a.mce-fb-select-opt:hover {
  background: rgba(0, 175, 188, 0.1);
}
.mce-form-block .block-actions {
  font-weight: bold;
  padding-bottom: 3px;
  padding-top: 5px;
}
.mce-form-block .block-actions a {
  text-decoration: none;
  background: #b4b6b9;
  border-radius: 100px;
  color: white;
  font-weight: 400;
  padding-left: 4px;
  padding-right: 4px;
  margin-left: 4px;
  margin-right: 4px;
}
.mce-form-block .mce-hoverable {
  border-radius: 15px;
  border: 1px dashed #b4b6b9;
  padding: 15px;
  background-color: white;
}
.mce-form-block .mce-hoverable.hovered {
  background: rgba(0, 175, 188, 0.1);
}
.mce-form-block.hovered > .mce-form-action-block > .mce-fb-add[data-level=NEIGHBOR] {
  visibility: visible;
}
.mce-form-block .mce-form-action-block {
  text-align: center;
}
.mce-form-block .mce-form-action-block.block-left {
  text-align: left;
}
.mce-form-block .mce-form-action-block.block-right {
  text-align: right;
}
.mce-form-block .mce-form-action-block .mce-fb-add:not([data-level=NEIGHBOR]) {
  color: #00b0bc;
  border-radius: 15px;
  display: block;
  padding: 15px;
  font-size: 1rem;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
}
.mce-form-block .mce-form-action-block .mce-fb-add[data-level=NEIGHBOR] {
  font-weight: bold;
  font-size: 20px;
  line-height: 16px;
  height: 20px;
  visibility: hidden;
  border-radius: 100%;
  background: #00b0bc;
  color: white;
  width: 20px;
  border: none;
  padding: 0;
  text-align: center;
  position: absolute;
}
.mce-form-block .mce-form-action-block .mce-fb-add[data-level=NEIGHBOR]:not(.side-arrow)[data-level-type=up] {
  margin-top: 10px;
}
.mce-form-block .mce-form-action-block .mce-fb-add[data-level=NEIGHBOR]:not(.side-arrow)[data-level-type=down] {
  margin-top: -10px;
}
.mce-form-block .mce-form-action-block .mce-fb-add[data-level=NEIGHBOR].side-arrow {
  margin-top: -46px;
  margin-left: -10px;
}
/* VERSION: 1.0.1 */
div.mce-text-card {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  min-height: unset;
  border-radius: 2rem 2rem 2rem 2rem;
  padding: 1.5rem 1.563rem;
}
div.mce-text-card.shadow {
  box-shadow: 0 12px 45px 0 rgba(0, 0, 0, 0.1) !important;
}
div.mce-text-card p {
  margin: 0;
}
div.mce-text-card .mce-round-icon {
  flex-shrink: 0;
}

/* VERSION: 1.0.0 */
.mce-form-block {
  color: #b4b6b9;
  line-height: 12px;
  font-weight: 400;
  font-size: 12px;
  font-family: Nunito, sans-serif;
  min-height: 50px;
}
.mce-form-block .mce-form-action-block [data-level=NEIGHBOR] {
  display: none !important;
}
.mce-form-block .mce-fb-select-box {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
}
.mce-form-block .mce-fb-select-box .mce-fb-select {
  position: fixed;
  background: white;
  top: 50%;
  text-align: center;
  width: 200px;
  left: 50%;
  margin-left: -100px;
  color: #b4b6b9;
  border-radius: 15px;
  overflow: hidden;
}
.mce-form-block .mce-fb-select-box .mce-fb-select a.mce-fb-select-opt {
  text-decoration: none;
  color: #b4b6b9;
  display: block;
  border-bottom: 1px solid #b4b6b9;
  padding: 10px;
}
.mce-form-block .mce-fb-select-box .mce-fb-select a.mce-fb-select-opt:hover {
  background: rgba(0, 175, 188, 0.1);
}
.mce-form-block .block-actions {
  font-weight: bold;
  padding-bottom: 3px;
  padding-top: 5px;
}
.mce-form-block .block-actions a {
  text-decoration: none;
  background: #b4b6b9;
  border-radius: 100px;
  color: white;
  font-weight: 400;
  padding-left: 4px;
  padding-right: 4px;
  margin-left: 4px;
  margin-right: 4px;
}
.mce-form-block .mce-hoverable {
  border-radius: 15px;
  border: 1px dashed #b4b6b9;
  padding: 15px;
  background-color: white;
}
.mce-form-block .mce-hoverable.hovered {
  background: rgba(0, 175, 188, 0.1);
}
.mce-form-block.hovered > .mce-form-action-block > .mce-fb-add[data-level=NEIGHBOR] {
  visibility: visible;
}
.mce-form-block .mce-form-action-block {
  text-align: center;
}
.mce-form-block .mce-form-action-block.block-left {
  text-align: left;
}
.mce-form-block .mce-form-action-block.block-right {
  text-align: right;
}
.mce-form-block .mce-form-action-block .mce-fb-add:not([data-level=NEIGHBOR]) {
  color: #00b0bc;
  border-radius: 15px;
  display: block;
  padding: 15px;
  font-size: 1rem;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
}
.mce-form-block .mce-form-action-block .mce-fb-add[data-level=NEIGHBOR] {
  font-weight: bold;
  font-size: 20px;
  line-height: 16px;
  height: 20px;
  visibility: hidden;
  border-radius: 100%;
  background: #00b0bc;
  color: white;
  width: 20px;
  border: none;
  padding: 0;
  text-align: center;
  position: absolute;
}
.mce-form-block .mce-form-action-block .mce-fb-add[data-level=NEIGHBOR]:not(.side-arrow)[data-level-type=up] {
  margin-top: 10px;
}
.mce-form-block .mce-form-action-block .mce-fb-add[data-level=NEIGHBOR]:not(.side-arrow)[data-level-type=down] {
  margin-top: -10px;
}
.mce-form-block .mce-form-action-block .mce-fb-add[data-level=NEIGHBOR].side-arrow {
  margin-top: -46px;
  margin-left: -10px;
}
/* VERSION: 1.0.0 */
footer.mce-footer-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 1rem 7.5rem;
  width: 100%;
}
footer.mce-footer-nav.border-top {
  border-top-width: 1px;
  border-top-style: solid;
}
footer.mce-footer-nav p {
  margin: 0;
}
footer.mce-footer-nav button {
  flex-grow: 0;
}
@media screen and (max-width: 768px) {
  footer.mce-footer-nav.mce-footer-nav {
    flex-wrap: wrap;
    padding: 1rem 0.5rem;
  }
  footer.mce-footer-nav.mce-footer-nav button {
    flex-grow: 1 !important;
  }
  footer.mce-footer-nav.mce-footer-nav p {
    order: -1;
    text-align: center;
  }
}

/* VERSION: 1.0.0 */
.container :has(header.mce-header-component, div.mce-header-component) {
  background-image: url("/static/html_examples/design-system/assets/img/bg-header.svg");
  background-size: cover;
}
.container header.mce-header-component, .container div.mce-header-component {
  width: 100%;
  flex-grow: 1;
  color: #F8F7F2;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 2.5rem 2.5rem 0 0;
}
.container header.mce-header-component h1, .container div.mce-header-component h1 {
  margin-top: 72px;
  margin-bottom: 72px;
}
.container header.mce-header-component img.coala-icon, .container div.mce-header-component img.coala-icon {
  margin-bottom: -20px;
}
@media screen and (max-width: 576px) {
  .container header.mce-header-component img.coala-icon.success-coala, .container div.mce-header-component img.coala-icon.success-coala {
    width: auto;
  }
}

/* VERSION: 1.0.0 */
div.mce-form-section .headline h2 {
  margin: 0;
}
div.mce-form-section .headline p {
  margin-top: 16px;
  color: #67728D;
}
div.mce-form-section .bordered {
  border-radius: 1.5rem;
  border: 1px solid #E8EEF5;
  padding: 2rem 2rem;
}

.mce-bordered-section {
  border-radius: 1.5rem;
  border: 1px solid #E8EEF5;
  padding: 2rem 2rem;
}

/* VERSION: 1.0.0 */
div.mce-service-component {
  padding: 0;
  box-shadow: 0 12px 56px 0 rgba(0, 0, 0, 0.1);
  border-radius: 1.5rem;
}
div.mce-service-component > div {
  padding: 1.5rem 2rem;
  border-radius: 1.5rem 1.5rem 0 0;
}
div.mce-service-component > div h3 {
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}
div.mce-service-component > div p {
  margin: 0;
}
div.mce-service-component > div + div {
  padding-inline: 2rem;
}
div.mce-service-component > div + div hr {
  background: rgba(0, 0, 0, 0.1);
}
div.mce-service-component > div + div p {
  margin-bottom: 28px;
}
div.mce-service-component > div + div ul {
  padding: 0;
}
div.mce-service-component > div + div ul li:nth-child(odd) {
  margin-left: 15px;
}
div.mce-service-component > div + div ul li:nth-child(even) {
  list-style: none;
  margin-bottom: 24px;
}

/* VERSION: 1.0.1 */
.mce-btn-multichoice-container label {
  color: #67728D;
}
.mce-btn-multichoice-container h6 {
  margin-bottom: 24px;
}
.mce-btn-multichoice-container .headline-fst-italic {
  margin-bottom: 24px;
  font-style: italic;
}
.mce-btn-multichoice-container.blackAlpha .mce-btn-multichoice label:has(> input):has(> input:checked) {
  background: rgba(0, 0, 0, 0.4);
}
.mce-btn-multichoice-container.blackAlpha .mce-btn-multichoice label:has(> input):has(> input:checked):hover {
  background: rgba(0, 0, 0, 0.4);
}
.mce-btn-multichoice-container.whiteAlpha .mce-btn-multichoice label:has(> input):has(> input:checked) {
  background: rgba(255, 255, 255, 0.48);
}
.mce-btn-multichoice-container.whiteAlpha .mce-btn-multichoice label:has(> input):has(> input:checked):hover {
  background: rgba(255, 255, 255, 0.48);
}
.mce-btn-multichoice-container.whiteAlpha-300 .mce-btn-multichoice label:has(> input):has(> input:checked) {
  background: rgba(255, 255, 255, 0.24);
}
.mce-btn-multichoice-container.whiteAlpha-300 .mce-btn-multichoice label:has(> input):has(> input:checked):hover {
  background: rgba(255, 255, 255, 0.24);
}
.mce-btn-multichoice-container.gray .mce-btn-multichoice label:has(> input):has(> input:checked) {
  background: #8D95A4;
}
.mce-btn-multichoice-container.gray .mce-btn-multichoice label:has(> input):has(> input:checked):hover {
  background: #8D95A4;
}
.mce-btn-multichoice-container.info .mce-btn-multichoice label:has(> input):has(> input:checked) {
  background: #7b00ff;
}
.mce-btn-multichoice-container.info .mce-btn-multichoice label:has(> input):has(> input:checked):hover {
  background: #7b00ff;
}
.mce-btn-multichoice-container.danger .mce-btn-multichoice label:has(> input):has(> input:checked) {
  background: #FF0000;
}
.mce-btn-multichoice-container.danger .mce-btn-multichoice label:has(> input):has(> input:checked):hover {
  background: #FF0000;
}
.mce-btn-multichoice-container.success .mce-btn-multichoice label:has(> input):has(> input:checked) {
  background: #38A169;
}
.mce-btn-multichoice-container.success .mce-btn-multichoice label:has(> input):has(> input:checked):hover {
  background: #38A169;
}
.mce-btn-multichoice-container.warning .mce-btn-multichoice label:has(> input):has(> input:checked) {
  background: #DD6B20;
}
.mce-btn-multichoice-container.warning .mce-btn-multichoice label:has(> input):has(> input:checked):hover {
  background: #DD6B20;
}
.mce-btn-multichoice-container.primary .mce-btn-multichoice label:has(> input):has(> input:checked) {
  background: #7b00ff;
}
.mce-btn-multichoice-container.primary .mce-btn-multichoice label:has(> input):has(> input:checked):hover {
  background: #7b00ff;
}
.mce-btn-multichoice-container.secondary .mce-btn-multichoice label:has(> input):has(> input:checked) {
  background: #FF0000;
}
.mce-btn-multichoice-container.secondary .mce-btn-multichoice label:has(> input):has(> input:checked):hover {
  background: #FF0000;
}
.mce-btn-multichoice-container.tertiary .mce-btn-multichoice label:has(> input):has(> input:checked) {
  background: #F8F7F2;
}
.mce-btn-multichoice-container.tertiary .mce-btn-multichoice label:has(> input):has(> input:checked):hover {
  background: #F8F7F2;
}
.mce-btn-multichoice-container.white .mce-btn-multichoice label:has(> input):has(> input:checked) {
  background: white;
}
.mce-btn-multichoice-container.white .mce-btn-multichoice label:has(> input):has(> input:checked):hover {
  background: white;
}
.mce-btn-multichoice-container.red .mce-btn-multichoice label:has(> input):has(> input:checked) {
  background: #FF0000;
}
.mce-btn-multichoice-container.red .mce-btn-multichoice label:has(> input):has(> input:checked):hover {
  background: #FF0000;
}
.mce-btn-multichoice-container.orange .mce-btn-multichoice label:has(> input):has(> input:checked) {
  background: #DD6B20;
}
.mce-btn-multichoice-container.orange .mce-btn-multichoice label:has(> input):has(> input:checked):hover {
  background: #DD6B20;
}
.mce-btn-multichoice-container.green .mce-btn-multichoice label:has(> input):has(> input:checked) {
  background: #38A169;
}
.mce-btn-multichoice-container.green .mce-btn-multichoice label:has(> input):has(> input:checked):hover {
  background: #38A169;
}
.mce-btn-multichoice-container.grassGreen .mce-btn-multichoice label:has(> input):has(> input:checked) {
  background: #66AB55;
}
.mce-btn-multichoice-container.grassGreen .mce-btn-multichoice label:has(> input):has(> input:checked):hover {
  background: #66AB55;
}
.mce-btn-multichoice-container.maldivesBlue .mce-btn-multichoice label:has(> input):has(> input:checked) {
  background: #48ACB4;
}
.mce-btn-multichoice-container.maldivesBlue .mce-btn-multichoice label:has(> input):has(> input:checked):hover {
  background: #48ACB4;
}
.mce-btn-multichoice-container.chestnutRed .mce-btn-multichoice label:has(> input):has(> input:checked) {
  background: #B44848;
}
.mce-btn-multichoice-container.chestnutRed .mce-btn-multichoice label:has(> input):has(> input:checked):hover {
  background: #B44848;
}
.mce-btn-multichoice-container.indigoPurple .mce-btn-multichoice label:has(> input):has(> input:checked) {
  background: #665CD0;
}
.mce-btn-multichoice-container.indigoPurple .mce-btn-multichoice label:has(> input):has(> input:checked):hover {
  background: #665CD0;
}
.mce-btn-multichoice-container .mce-btn-multichoice {
  margin-bottom: 15px;
}
.mce-btn-multichoice-container .mce-btn-multichoice input[type=radio] {
  opacity: 0.01;
  position: absolute;
}
.mce-btn-multichoice-container .mce-btn-multichoice label:has(> input) {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  transition: 200ms;
  background: white;
  color: black;
  padding: 2.094rem 1.5rem;
  border-width: 1px 1px 1px 1px;
  border-color: #67728D;
  border-style: solid;
  border-radius: 1rem;
  cursor: pointer;
}
.mce-btn-multichoice-container .mce-btn-multichoice label:has(> input).sm {
  width: unset;
  padding: 0.813rem 0.875rem;
}
.mce-btn-multichoice-container .mce-btn-multichoice label:has(> input).sm-btn {
  width: unset;
  padding: 0.813rem 0.875rem;
}
.mce-btn-multichoice-container .mce-btn-multichoice label:has(> input):has(> input:checked) {
  border-color: transparent;
  color: white;
}

div.mce-async-multi-fup.mce-file-upload {
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* Safari */
}
div.mce-async-multi-fup.mce-file-upload .show-when-uploading {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
}
div.mce-async-multi-fup.mce-file-upload .show-when-uploading .pincode-submit-loader {
  border: 3px solid #f3f3f3;
  border-radius: 50%;
  border-top: 3px solid #4caf50;
  width: 1.875rem;
  height: 1.875rem;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
div.mce-async-multi-fup.mce-file-upload .main-content {
  position: relative;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='24' ry='24' stroke='%23D0D8E3' stroke-width='3' stroke-dasharray='9%2c 14' stroke-dashoffset='24' stroke-linecap='square'/%3e%3c/svg%3e");
  height: 330px;
  width: 100%;
  border-radius: 1.5rem;
  padding: 1.5rem 2rem;
  transition: 0.2s ease-in-out;
}
div.mce-async-multi-fup.mce-file-upload .main-content .upload-file-drag-and-drop-area {
  background: none;
  border: none;
  padding: 0.938rem 0.938rem;
  margin-top: 10px;
  margin-bottom: 10px;
}
div.mce-async-multi-fup.mce-file-upload .main-content .upload-file-drag-and-drop-area div {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
div.mce-async-multi-fup.mce-file-upload .main-content .upload-file-drag-and-drop-area input[type=file] {
  opacity: 0;
}
div.mce-async-multi-fup.mce-file-upload .main-content .upload-file-drag-and-drop-area i.icon-file:first-child {
  font-size: 2.5rem;
}
div.mce-async-multi-fup.mce-file-upload .main-content:has(> .upload-file-drag-and-drop-area:hover) {
  background-color: #E2F5DF;
}
div.mce-async-multi-fup.mce-file-upload .uploading-info {
  margin-top: 12px;
  padding: 1.063rem 1.188rem;
  display: flex;
  position: relative;
  justify-content: space-between;
  border-radius: 1rem;
  background: #F3F6FA;
  overflow: hidden;
}
div.mce-async-multi-fup.mce-file-upload .uploading-info .upload-file-controls, div.mce-async-multi-fup.mce-file-upload .uploading-info .upload-file-info {
  z-index: 3;
}
div.mce-async-multi-fup.mce-file-upload .uploading-info .uploading-bar {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  height: 100%;
}
div.mce-async-multi-fup.mce-file-upload .uploading-info .uploaded-file-src-delete, div.mce-async-multi-fup.mce-file-upload .uploading-info .uploaded-file-src-view {
  text-decoration: none;
  color: black;
}
div.mce-async-multi-fup.mce-file-upload .uploading-info i {
  font-size: 1.5rem;
  cursor: pointer;
}
div.mce-async-multi-fup.mce-file-upload .uploaded-files-container {
  width: 100%;
}

/* VERSION: 1.0.1 */
.mce-datepicker-container {
  position: relative;
}
.mce-datepicker-container .datepicker {
  position: absolute;
  max-width: 22.3529411765rem;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.16);
  background-color: white;
  border-radius: 1rem;
  padding: 1rem 1rem;
  z-index: 800;
  display: none;
  top: 100%;
  bottom: auto;
}
.mce-datepicker-container .datepicker i {
  color: #67728D;
  cursor: pointer;
}
.mce-datepicker-container .datepicker .datepicker-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.mce-datepicker-container .datepicker .datepicker-header .month-input-con {
  cursor: pointer;
}
.mce-datepicker-container .datepicker .datepicker-header .month-input-con .month-input {
  font-size: 1.125rem;
  font-weight: 600;
  text-transform: capitalize;
}
.mce-datepicker-container .datepicker .datepicker-header .month-input-con i {
  font-size: 0.75rem;
  cursor: pointer;
}
.mce-datepicker-container .datepicker .datepicker-header .month-input-con .year {
  font-weight: 600;
}
.mce-datepicker-container .datepicker .datepicker-header .prev, .mce-datepicker-container .datepicker .datepicker-header .next {
  background: none;
  border: none;
  font-size: 1.125rem;
  cursor: pointer;
  padding: 5px;
}
.mce-datepicker-container .datepicker .days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  margin-bottom: 10px;
}
.mce-datepicker-container .datepicker .days span {
  text-align: center;
  font-weight: 600;
  font-size: 0.688rem;
  color: #67728D;
}
.mce-datepicker-container .datepicker .separator {
  margin-block: 20px;
}
.mce-datepicker-container .datepicker .time-set-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mce-datepicker-container .datepicker .time-set-container .time-label {
  color: #67728D;
}
.mce-datepicker-container .datepicker .time-set-container .time-label i {
  margin-right: 8px;
}
.mce-datepicker-container .datepicker .time-set-container .time-inputs span {
  margin-inline: 8px;
}
.mce-datepicker-container .datepicker .time-set-container .time-inputs input {
  text-align: center;
  border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
  padding: 5px;
  width: 2rem;
  height: 2rem;
  border-width: 1px 1px 1px 1px;
  border-color: #D0D8E3;
  border-style: solid;
}
.mce-datepicker-container .datepicker .dates {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
}
.mce-datepicker-container .datepicker .dates button {
  background-color: transparent;
  color: black;
  border: none;
  padding: 7px 5px;
  font-size: 0.938rem;
  cursor: pointer;
  border-radius: 0.5rem;
}
.mce-datepicker-container .datepicker .dates button.today {
  color: #7b00ff;
  background: #ebd9ff;
  font-weight: 600;
}
.mce-datepicker-container .datepicker .dates button.selected {
  background-color: #7b00ff;
  color: white;
}
.mce-datepicker-container .datepicker .dates button:disabled {
  color: #D0D8E3;
  cursor: not-allowed;
}
.mce-datepicker-container .datepicker .datepicker-footer {
  display: flex;
  justify-content: stretch;
  margin-top: 12px;
}
.mce-datepicker-container .datepicker .month-selection {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 5rem);
  place-items: center;
  justify-content: center;
  background-color: white;
  gap: 10px;
}
.mce-datepicker-container .datepicker .month-selection button {
  background: none;
  color: black;
  border: none;
  border-radius: 0.5rem;
  padding: 0.875rem 1rem;
  cursor: pointer;
}
.mce-datepicker-container .datepicker .month-selection button.today {
  color: #7b00ff;
  background: #ebd9ff;
  font-weight: 600;
}
.mce-datepicker-container .datepicker .month-selection button.selected {
  background-color: #7b00ff;
  color: white;
}

/* VERSION: 1.0.1 */
div.mce-time-picker {
  position: relative;
}
div.mce-time-picker .time-picker-container {
  position: absolute;
  top: 100%;
  bottom: auto;
  background: white;
  display: none;
  max-width: 9.5rem;
  min-height: 10.5849582173rem;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 1rem 1rem;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.16);
  border-radius: 1rem 1rem 1rem 1rem;
  z-index: 800;
}
div.mce-time-picker .time-picker-container i {
  cursor: pointer;
}
div.mce-time-picker .time-picker-footer .time-apply {
  margin-top: 6px;
}

/* VERSION: 1.0.0 */
div.mce-password-validate-container {
  text-align: start;
}
div.mce-password-validate-container .validation-list {
  margin-top: 8px;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
div.mce-password-validate-container .validation-list .requirement {
  color: #FF0000;
  word-wrap: anywhere;
  font-size: 0.875rem;
}
div.mce-password-validate-container .validation-list .requirement.valid {
  color: #38A169;
}

/* VERSION: 1.0.1 */
div.mce-rate-container {
  min-height: 111px;
  height: 100%;
}
div.mce-rate-container h6 {
  margin-bottom: 32px;
}
div.mce-rate-container div.responsive-rate {
  overflow-x: auto;
  scrollbar-width: thin;
  display: flex;
}
div.mce-rate-container div.rate-numbers {
  display: flex;
}
div.mce-rate-container div.rate-numbers .rate-number {
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 49px;
  width: 75px;
  flex-grow: 1;
  border-color: #D0D8E3;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  transition: all 0.2s ease-in-out;
}
div.mce-rate-container div.rate-numbers .rate-number:has(> input:checked) {
  color: white;
  font-weight: 700;
}
div.mce-rate-container div.rate-numbers .rate-number:has(> input:checked).blackAlpha {
  background: rgba(0, 0, 0, 0.4);
  border-color: rgba(0, 0, 0, 0.4);
}
div.mce-rate-container div.rate-numbers .rate-number:has(> input:checked).whiteAlpha {
  background: rgba(255, 255, 255, 0.48);
  border-color: rgba(255, 255, 255, 0.48);
}
div.mce-rate-container div.rate-numbers .rate-number:has(> input:checked).whiteAlpha-300 {
  background: rgba(255, 255, 255, 0.24);
  border-color: rgba(255, 255, 255, 0.24);
}
div.mce-rate-container div.rate-numbers .rate-number:has(> input:checked).gray {
  background: #8D95A4;
  border-color: #8D95A4;
}
div.mce-rate-container div.rate-numbers .rate-number:has(> input:checked).info {
  background: #7b00ff;
  border-color: #7b00ff;
}
div.mce-rate-container div.rate-numbers .rate-number:has(> input:checked).danger {
  background: #FF0000;
  border-color: #FF0000;
}
div.mce-rate-container div.rate-numbers .rate-number:has(> input:checked).success {
  background: #38A169;
  border-color: #38A169;
}
div.mce-rate-container div.rate-numbers .rate-number:has(> input:checked).warning {
  background: #DD6B20;
  border-color: #DD6B20;
}
div.mce-rate-container div.rate-numbers .rate-number:has(> input:checked).primary {
  background: #7b00ff;
  border-color: #7b00ff;
}
div.mce-rate-container div.rate-numbers .rate-number:has(> input:checked).secondary {
  background: #FF0000;
  border-color: #FF0000;
}
div.mce-rate-container div.rate-numbers .rate-number:has(> input:checked).tertiary {
  background: #F8F7F2;
  border-color: #F8F7F2;
}
div.mce-rate-container div.rate-numbers .rate-number:has(> input:checked).white {
  background: white;
  border-color: white;
}
div.mce-rate-container div.rate-numbers .rate-number:has(> input:checked).red {
  background: #FF0000;
  border-color: #FF0000;
}
div.mce-rate-container div.rate-numbers .rate-number:has(> input:checked).orange {
  background: #DD6B20;
  border-color: #DD6B20;
}
div.mce-rate-container div.rate-numbers .rate-number:has(> input:checked).green {
  background: #38A169;
  border-color: #38A169;
}
div.mce-rate-container div.rate-numbers .rate-number:has(> input:checked).grassGreen {
  background: #66AB55;
  border-color: #66AB55;
}
div.mce-rate-container div.rate-numbers .rate-number:has(> input:checked).maldivesBlue {
  background: #48ACB4;
  border-color: #48ACB4;
}
div.mce-rate-container div.rate-numbers .rate-number:has(> input:checked).chestnutRed {
  background: #B44848;
  border-color: #B44848;
}
div.mce-rate-container div.rate-numbers .rate-number:has(> input:checked).indigoPurple {
  background: #665CD0;
  border-color: #665CD0;
}
div.mce-rate-container div.rate-numbers .rate-number input {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
div.mce-rate-container div.rate-numbers .rate-number:first-child {
  border-radius: 1rem 0 0 1rem;
}
div.mce-rate-container div.rate-numbers .rate-number:last-child {
  border-left: none;
  border-radius: 0 1rem 1rem 0;
}
div.mce-rate-container div.rate-numbers .rate-number:nth-child(even):not(:last-child) {
  border-left: none;
  border-right: none;
}

/* VERSION: 1.0.1 */
div.mce-single-choice {
  width: 100%;
  height: 100%;
  display: flex;
  border-radius: 1.5rem;
  flex-direction: column;
  justify-content: space-between;
}
div.mce-single-choice.shadows {
  box-shadow: 0 12px 56px 0 rgba(0, 0, 0, 0.1);
}
div.mce-single-choice.shadows .cards-content {
  border: none;
}
div.mce-single-choice .single-choice-header {
  padding: 1.5rem 2rem;
  border-radius: 1.5rem 1.5rem 0 0;
  display: flex;
  align-items: center;
  gap: 1rem;
}
div.mce-single-choice .single-choice-content {
  flex-grow: 1;
  border-style: solid;
  border-color: #ebd9ff;
  border-width: 0 1px 1px 1px;
  border-radius: 0 0 1.5rem 1.5rem;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  padding: 2rem 2rem;
}
div.mce-single-choice .single-choice-content p {
  margin-bottom: 2rem;
}
div.mce-single-choice .single-choice-content button {
  flex-grow: 0;
}

/* VERSION: 1.0.1 */
.mce-barometer-container {
  position: relative;
  display: inline-block;
}
.mce-barometer-container .indicator {
  width: 0.5rem;
  height: 2.5rem;
  border-radius: 1.25rem;
  position: absolute;
  transform-origin: center bottom;
  transform: translate(-20%, 0) rotate(90deg);
  top: 121px;
  left: -13px;
}
.mce-barometer-container .score-label {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.mce-barometer-container .score-label span:first-of-type {
  display: block;
  color: #67728D;
}
.mce-barometer-container.no-score .indicator {
  background: #D0D8E3;
}
.mce-barometer-container.no-score #gradient stop {
  stop-color: #E8EEF5;
}
.mce-barometer-container.no-score #arcPath {
  stroke: #E8EEF5;
}
.mce-barometer-container.no-score .score-label {
  color: #D0D8E3;
}
.mce-barometer-container.no-score .score-label span:first-of-type {
  color: #D0D8E3;
}
@media screen and (max-width: 576px) {
  .mce-barometer-container {
    transform: scale(0.8);
  }
}

/* VERSION: 1.0.0 */
.mce-bar-chart-container {
  position: relative;
  border-style: solid;
  border-color: #ebd9ff;
  border-width: 1px 1px 1px 1px;
  border-radius: 1.5rem 1.5rem 1.5rem 1.5rem;
  padding: 2rem 2rem;
}
.mce-bar-chart-container:has(> .bar-chart.not-active) .mce-dual-switch .values {
  pointer-events: none;
}
.mce-bar-chart-container .bar-chart {
  display: flex;
  width: 100%;
  height: 3.125rem;
  border-radius: 0.938rem 0.938rem 0.938rem 0.938rem;
  overflow: hidden;
  margin-bottom: 20px;
}
.mce-bar-chart-container .bar-chart.not-active {
  gap: 2px;
}
.mce-bar-chart-container .bar-chart.not-active .bar {
  background: #E8EEF5;
  width: 50%;
}
.mce-bar-chart-container .bar-chart.not-active .bar span {
  color: #E8EEF5;
}
.mce-bar-chart-container .bar-chart.not-active ~ .no-active {
  position: absolute;
  background: white;
  opacity: 0.4;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.mce-bar-chart-container .bar-chart .bar {
  height: 100%;
  display: flex;
  align-items: center;
  gap: 3px;
  flex-wrap: wrap;
  justify-content: center;
  color: white;
  font-size: 0.875rem;
  font-weight: 600;
}

/* VERSION: 1.0.0 */
.coala-tooltip {
  position: relative;
}
.coala-tooltip .label-coala {
  position: relative;
  width: 100%;
}
.coala-tooltip .koala-container {
  display: none;
  position: absolute;
  right: 0;
  top: calc(100% - 120px);
  width: 100%;
  height: 100%;
}
.coala-tooltip .koala-container .koala-image {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: -30px;
  height: 4rem;
  z-index: 10;
  margin-bottom: 10px;
}
.coala-tooltip .koala-container .koala-tooltip {
  position: absolute;
  margin-bottom: 25px;
  box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.1490196078);
  z-index: 10;
  width: 100%;
  pointer-events: auto;
  background: white;
  padding: 0.75rem 0.75rem;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.2rem;
}
.coala-tooltip .koala-container .koala-tooltip.tooltip-above {
  bottom: calc(100% + 20px);
}
.coala-tooltip .koala-container .koala-tooltip.tooltip-above::after {
  top: 100%;
  border-color: white transparent transparent transparent;
}
.coala-tooltip .koala-container .koala-tooltip.tooltip-below {
  top: calc(100% + 100px);
}
.coala-tooltip .koala-container .koala-tooltip.tooltip-below::after {
  top: unset;
  bottom: 100%;
  border-color: transparent transparent white transparent;
}
.coala-tooltip .koala-container .koala-tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  right: 20px;
  margin-left: -10px;
  border-width: 10px;
  border-style: solid;
  bottom: 100%;
  z-index: 10;
}

/* VERSION: 1.0.1 */
div.mce-calendar.mce-calendar, .mce-calendar-card.mce-calendar {
  display: flex;
  flex-wrap: wrap;
  gap: 68px;
  align-content: center;
  justify-content: center;
  align-items: flex-start;
}
div.mce-calendar .calendar-month, .mce-calendar-card .calendar-month {
  width: 16.938rem;
}
div.mce-calendar .calendar-month .month-name, .mce-calendar-card .calendar-month .month-name {
  font-size: 0.875rem;
  font-weight: 500;
}
div.mce-calendar .calendar-month .days, .mce-calendar-card .calendar-month .days {
  margin-top: 11px;
  display: grid;
  grid-template-columns: repeat(7, 2.4197142857rem);
  color: #333333;
}
div.mce-calendar .calendar-month .days span, .mce-calendar-card .calendar-month .days span {
  text-align: center;
  font-size: 0.75rem;
  padding-bottom: 0.813rem;
}
div.mce-calendar .calendar-month .dates, .mce-calendar-card .calendar-month .dates {
  display: grid;
  grid-template-columns: repeat(7, 2.4197142857rem);
  height: 14.115rem;
  row-gap: 2px;
}
div.mce-calendar .calendar-month .calendar-month-day, .mce-calendar-card .calendar-month .calendar-month-day {
  display: flex;
  cursor: pointer;
  font-size: 0.625rem;
  height: 2.0407228916rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 2px 2px;
  color: #333333;
  border-radius: 2px;
  overflow: hidden;
}
div.mce-calendar .calendar-month .calendar-month-day .greyed-out, .mce-calendar-card .calendar-month .calendar-month-day .greyed-out {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0.7;
  z-index: 5;
}
div.mce-calendar .calendar-month .calendar-month-day span, .mce-calendar-card .calendar-month .calendar-month-day span {
  position: relative;
  z-index: 1;
}
div.mce-calendar .calendar-month .calendar-month-day .dashed, .mce-calendar-card .calendar-month .calendar-month-day .dashed {
  margin-top: 2px;
  display: flex;
  width: 100%;
  gap: 2px;
}
div.mce-calendar .calendar-month .calendar-month-day .dashed .blue-dash, .mce-calendar-card .calendar-month .calendar-month-day .dashed .blue-dash {
  height: 2px;
  width: 100%;
  background: #4299E1;
  border-radius: 1.5rem;
}
div.mce-calendar .calendar-month .calendar-month-day .dashed .pink-dash, .mce-calendar-card .calendar-month .calendar-month-day .dashed .pink-dash {
  height: 2px;
  width: 100%;
  border-radius: 1.5rem;
  background: #ED64A6;
}
div.mce-calendar .calendar-month .calendar-month-day .bg-container, .mce-calendar-card .calendar-month .calendar-month-day .bg-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  gap: 1px;
}
div.mce-calendar .calendar-month .calendar-month-day .bg-container .bg-blue, .mce-calendar-card .calendar-month .calendar-month-day .bg-container .bg-blue {
  height: 100%;
  background: rgba(72, 172, 180, 0.2);
}
div.mce-calendar .calendar-month .calendar-month-day .bg-container .bg-pink, .mce-calendar-card .calendar-month .calendar-month-day .bg-container .bg-pink {
  height: 100%;
  background: rgba(167, 80, 80, 0.2);
}
div.mce-calendar .calendar-month .calendar-month-day .bg-container .bg-orange, .mce-calendar-card .calendar-month .calendar-month-day .bg-container .bg-orange {
  height: 100%;
  background: #EDF0DA;
}
div.mce-calendar .calendar-month .calendar-month-day .bg-container .bg-green, .mce-calendar-card .calendar-month .calendar-month-day .bg-container .bg-green {
  height: 100%;
  background: #dbf0da;
}
div.mce-calendar .calendar-month .calendar-month-day .bg-container .bg-purple, .mce-calendar-card .calendar-month .calendar-month-day .bg-container .bg-purple {
  height: 100%;
  background-color: rgba(184, 163, 242, 0.2);
}
div.mce-calendar .calendar-month .calendar-month-day .black-bulletpoint, .mce-calendar-card .calendar-month .calendar-month-day .black-bulletpoint {
  position: relative;
  z-index: 1;
  width: 5px;
  height: 5px;
  background: #000;
  border-radius: 50%;
}

.mce-calendar-card {
  position: relative;
  border: 1px solid rgba(33, 59, 127, 0.2);
  padding: 2rem 2rem;
  border-radius: 1.5rem;
  min-height: 27.375rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 32px;
}
.mce-calendar-card .calendar-card-header {
  display: flex;
  justify-content: space-between;
}
.mce-calendar-card .calendar-card-header span {
  font-size: 1.25rem;
  font-weight: 700;
}
.mce-calendar-card .header-divider {
  border-color: rgba(0, 0, 0, 0.1019607843);
  margin: 0;
  margin-top: 23px;
}
.mce-calendar-card .calendar-card-body {
  display: flex;
  row-gap: 30px;
  margin-inline: 18px;
  text-align: start;
  flex-wrap: wrap;
}
.mce-calendar-card .calendar-card-footer {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mce-calendar-card.disabled .calendar-card-footer, .mce-calendar-card.disabled .calendar-card-body, .mce-calendar-card.disabled .calendar-card-header {
  position: relative;
  z-index: -1;
}
.mce-calendar-card.disabled .disabled-cover {
  position: absolute;
  border-radius: 1.5rem;
  pointer-events: none;
  background: rgba(255, 255, 255, 0.48);
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  z-index: 10;
}

/* VERSION: 1.0.0 */
ul.calendar-legend {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  font-family: sans-serif;
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.calendar-legend li {
  display: flex;
  align-items: center;
  gap: 8px;
}
ul.calendar-legend .dash-blue, ul.calendar-legend .dash-pink {
  display: inline-block;
  width: 1.25rem;
  height: 4px;
  border-radius: 2px;
}
ul.calendar-legend .dash-blue {
  background-color: #4299E1;
}
ul.calendar-legend .dash-pink {
  background-color: #ED64A6;
}
ul.calendar-legend .bullet-black {
  display: inline-block;
  width: 6px;
  height: 6px;
  background: #000;
  border-radius: 50%;
}
ul.calendar-legend .square {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 2px;
  flex-shrink: 0;
}
ul.calendar-legend .square-blue {
  background-color: rgba(72, 172, 180, 0.2);
}
ul.calendar-legend .square-pink {
  background-color: rgba(167, 80, 80, 0.2);
}
ul.calendar-legend .square-purple {
  background-color: rgba(184, 163, 242, 0.2);
}
ul.calendar-legend .square-green {
  background-color: #EDF0DA;
}

.mce-calendar-modal {
  background: rgba(0, 0, 0, 0.3019607843);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mce-calendar-modal .calendar-modal {
  background: #fff;
  max-width: 68.1818181818rem;
  width: 100%;
  border-radius: 2rem 2rem 2rem 2rem;
}
.mce-calendar-modal .modal-titles {
  font-size: 1.5rem;
  font-weight: 600;
}
.mce-calendar-modal .modal-body {
  overflow: hidden;
  padding-inline: 2rem;
}
.mce-calendar-modal .modal-header {
  border-radius: 2rem 2rem 0 0;
  background: #F3F6FA;
  border-bottom: none;
  padding-block: 1.5rem;
  margin-bottom: 32px;
}
.mce-calendar-modal .modal-header .icon-cross {
  font-size: 1.5rem;
  color: #8D95A4;
  cursor: pointer;
  position: absolute;
  right: 20px;
}
.mce-calendar-modal .modal-body {
  padding-top: 1rem;
  overflow-y: auto;
  scrollbar-width: thin;
  height: 44.1176470588rem;
}
.mce-calendar-modal .modal-body .m-right-panel {
  border-radius: 1.5rem 1.5rem 1.5rem 1.5rem;
}
.mce-calendar-modal .modal-footer {
  gap: 2.625rem;
  border: 1px solid rgba(0, 0, 0, 0.1019607843);
  padding: 1.5rem 2rem;
}

/* VERSION: 1.0.0 */
.calendar-schedule {
  position: relative;
  border: 1px solid rgba(12, 70, 81, 0.2);
  border-radius: 1.5rem;
  min-height: 16.313rem;
  padding: 2rem 2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  margin-top: 2rem;
  transition: 120ms;
}
.calendar-schedule .schedule-content .day-week {
  display: grid;
  grid-template-columns: repeat(7, 2.188rem);
  column-gap: 30px;
  justify-items: center;
}
.calendar-schedule .schedule-content .day-w-content {
  margin-top: 10px;
  display: grid;
  grid-template-columns: repeat(7, 2.188rem);
  column-gap: 30px;
  justify-items: center;
}
.calendar-schedule .schedule-content .day-w-content .day-cell {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.calendar-schedule .schedule-content .day-w-content .day-cell .dash {
  border-radius: 0.5rem;
  width: 1.875rem;
  height: 4px;
}
.calendar-schedule .schedule-radio {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  opacity: 0;
}
.calendar-schedule:has(> .schedule-radio:checked) {
  border: 2px solid #48ACB4;
}
@media screen and (max-width: 576px) {
  .calendar-schedule .schedule-content .day-w-content, .calendar-schedule .schedule-content .day-week {
    column-gap: 0;
  }
}

.mce-coala-educated {
  position: relative;
}
.mce-coala-educated .coala-container {
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  display: none;
  position: absolute;
  pointer-events: none;
  text-align: end;
  left: 44px;
  top: calc(100% - 120px);
  width: 100%;
  height: fit-content;
}
.mce-coala-educated .coala-container.tooltip-above {
  bottom: calc(100% + 15px);
}
.mce-coala-educated .coala-container.tooltip-above .coala-tooltip::after {
  top: 100%;
  border-color: white transparent transparent transparent;
}
.mce-coala-educated .coala-container .coala-tooltip {
  position: relative;
  text-align: left;
  margin-bottom: 25px;
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.1490196078);
  z-index: 10;
  width: 40%;
  pointer-events: all;
  background: white;
  padding: 0.75rem 0.75rem;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.2rem;
}
.mce-coala-educated .coala-container .coala-tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  right: 20px;
  margin-left: -10px;
  border-width: 10px;
  border-style: solid;
  bottom: 100%;
  z-index: 10;
}
.mce-coala-educated .coala-container .coala-tooltip span {
  font-family: "Inter", "sans-serif";
  font-weight: 400;
}
.mce-coala-educated .coala-container .coala-image {
  cursor: pointer;
  pointer-events: all;
  right: 0;
  height: 4rem;
  z-index: 10;
  border-radius: 50%;
  background: #0C4651;
}
@-moz-document url-prefix() {
  .mce-coala-educated .coala-container {
    left: 35px;
  }
}
@media (max-width: 576px) {
  .mce-coala-educated .coala-container {
    left: 0;
  }
  .mce-coala-educated .coala-container .coala-tooltip {
    width: 80%;
  }
}
.mce-coala-educated:hover .coala-container {
  display: block;
}

/* VERSION: 1.0.0 */
div.mce-tabs-switch {
  border-radius: 1.5rem 1.5rem 1.5rem 1.5rem;
  width: 100%;
  padding: 4px;
  font-weight: 400;
  height: 3rem;
  border-color: #D0D8E3;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
}
div.mce-tabs-switch ul.values {
  display: flex;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  border-radius: 2rem 2rem 2rem 2rem;
  overflow: hidden;
  background: white;
  min-height: 100%;
  user-select: none;
  transition: background-color 0.3s ease;
}
div.mce-tabs-switch ul.values::after {
  content: "";
  width: calc(100% / var(--tab-count, 3));
  height: 100%;
  position: absolute;
  top: 0;
  left: calc(100% * var(--active-index, 0) / var(--tab-count, 2));
  border-radius: 2rem 2rem 2rem 2rem;
  transition: left 300ms cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 1;
}
div.mce-tabs-switch ul.values.blackAlpha::after {
  background: rgba(0, 0, 0, 0.4);
}
div.mce-tabs-switch ul.values.blackAlpha li.value {
  color: rgba(0, 0, 0, 0.4);
}
div.mce-tabs-switch ul.values.blackAlpha li.value.active {
  color: white !important;
}
div.mce-tabs-switch ul.values.whiteAlpha::after {
  background: rgba(255, 255, 255, 0.48);
}
div.mce-tabs-switch ul.values.whiteAlpha li.value {
  color: rgba(255, 255, 255, 0.48);
}
div.mce-tabs-switch ul.values.whiteAlpha li.value.active {
  color: white !important;
}
div.mce-tabs-switch ul.values.whiteAlpha-300::after {
  background: rgba(255, 255, 255, 0.24);
}
div.mce-tabs-switch ul.values.whiteAlpha-300 li.value {
  color: rgba(255, 255, 255, 0.24);
}
div.mce-tabs-switch ul.values.whiteAlpha-300 li.value.active {
  color: white !important;
}
div.mce-tabs-switch ul.values.gray::after {
  background: #8D95A4;
}
div.mce-tabs-switch ul.values.gray li.value {
  color: #8D95A4;
}
div.mce-tabs-switch ul.values.gray li.value.active {
  color: white !important;
}
div.mce-tabs-switch ul.values.info::after {
  background: #7b00ff;
}
div.mce-tabs-switch ul.values.info li.value {
  color: #7b00ff;
}
div.mce-tabs-switch ul.values.info li.value.active {
  color: white !important;
}
div.mce-tabs-switch ul.values.danger::after {
  background: #FF0000;
}
div.mce-tabs-switch ul.values.danger li.value {
  color: #FF0000;
}
div.mce-tabs-switch ul.values.danger li.value.active {
  color: white !important;
}
div.mce-tabs-switch ul.values.success::after {
  background: #38A169;
}
div.mce-tabs-switch ul.values.success li.value {
  color: #38A169;
}
div.mce-tabs-switch ul.values.success li.value.active {
  color: white !important;
}
div.mce-tabs-switch ul.values.warning::after {
  background: #DD6B20;
}
div.mce-tabs-switch ul.values.warning li.value {
  color: #DD6B20;
}
div.mce-tabs-switch ul.values.warning li.value.active {
  color: white !important;
}
div.mce-tabs-switch ul.values.primary::after {
  background: #7b00ff;
}
div.mce-tabs-switch ul.values.primary li.value {
  color: #7b00ff;
}
div.mce-tabs-switch ul.values.primary li.value.active {
  color: white !important;
}
div.mce-tabs-switch ul.values.secondary::after {
  background: #FF0000;
}
div.mce-tabs-switch ul.values.secondary li.value {
  color: #FF0000;
}
div.mce-tabs-switch ul.values.secondary li.value.active {
  color: white !important;
}
div.mce-tabs-switch ul.values.tertiary::after {
  background: #F8F7F2;
}
div.mce-tabs-switch ul.values.tertiary li.value {
  color: #F8F7F2;
}
div.mce-tabs-switch ul.values.tertiary li.value.active {
  color: white !important;
}
div.mce-tabs-switch ul.values.white::after {
  background: white;
}
div.mce-tabs-switch ul.values.white li.value {
  color: white;
}
div.mce-tabs-switch ul.values.white li.value.active {
  color: white !important;
}
div.mce-tabs-switch ul.values.red::after {
  background: #FF0000;
}
div.mce-tabs-switch ul.values.red li.value {
  color: #FF0000;
}
div.mce-tabs-switch ul.values.red li.value.active {
  color: white !important;
}
div.mce-tabs-switch ul.values.orange::after {
  background: #DD6B20;
}
div.mce-tabs-switch ul.values.orange li.value {
  color: #DD6B20;
}
div.mce-tabs-switch ul.values.orange li.value.active {
  color: white !important;
}
div.mce-tabs-switch ul.values.green::after {
  background: #38A169;
}
div.mce-tabs-switch ul.values.green li.value {
  color: #38A169;
}
div.mce-tabs-switch ul.values.green li.value.active {
  color: white !important;
}
div.mce-tabs-switch ul.values.grassGreen::after {
  background: #66AB55;
}
div.mce-tabs-switch ul.values.grassGreen li.value {
  color: #66AB55;
}
div.mce-tabs-switch ul.values.grassGreen li.value.active {
  color: white !important;
}
div.mce-tabs-switch ul.values.maldivesBlue::after {
  background: #48ACB4;
}
div.mce-tabs-switch ul.values.maldivesBlue li.value {
  color: #48ACB4;
}
div.mce-tabs-switch ul.values.maldivesBlue li.value.active {
  color: white !important;
}
div.mce-tabs-switch ul.values.chestnutRed::after {
  background: #B44848;
}
div.mce-tabs-switch ul.values.chestnutRed li.value {
  color: #B44848;
}
div.mce-tabs-switch ul.values.chestnutRed li.value.active {
  color: white !important;
}
div.mce-tabs-switch ul.values.indigoPurple::after {
  background: #665CD0;
}
div.mce-tabs-switch ul.values.indigoPurple li.value {
  color: #665CD0;
}
div.mce-tabs-switch ul.values.indigoPurple li.value.active {
  color: white !important;
}
div.mce-tabs-switch ul.values li.value {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  word-break: break-word;
  word-wrap: break-word;
  font-size: 1rem;
  width: calc(100% / var(--tab-count, 2));
  line-height: 1;
  cursor: pointer;
  user-select: none;
  transition: color 250ms ease-in-out;
  position: relative;
  z-index: 2;
}
div.mce-tabs-switch ul.values li.value.active {
  color: white;
}

.mce-comment-side-panel-cover {
  position: fixed;
  z-index: 801;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3019607843);
  padding: 1.25rem 1.25rem;
  display: none;
  justify-content: flex-end;
}
.mce-comment-side-panel-cover .mce-comment-side-panel {
  position: relative;
  z-index: 802;
  background: white;
  right: -460px;
  width: 100%;
  height: 100%;
  border-radius: 2rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (min-width: 576px) {
  .mce-comment-side-panel-cover .mce-comment-side-panel {
    max-width: 26.25rem;
  }
}
.mce-comment-side-panel-cover .mce-comment-side-panel .panel-header {
  padding: 1.25rem 1.25rem;
  background: #F3F6FA;
  display: flex;
  justify-content: space-between;
}
.mce-comment-side-panel-cover .mce-comment-side-panel .panel-header i {
  font-size: 1.25rem;
  cursor: pointer;
}
.mce-comment-side-panel-cover .mce-comment-side-panel .panel-header .header-titles {
  word-break: break-all;
}
.mce-comment-side-panel-cover .mce-comment-side-panel .panel-header .header-titles h5 {
  margin: 8px 0 0 0;
}
.mce-comment-side-panel-cover .mce-comment-side-panel .panel-body {
  max-height: 47.5rem;
  height: 100%;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  padding: 1.25rem 1.25rem;
}
.mce-comment-side-panel-cover .mce-comment-side-panel .panel-body .mce-comment-side-message {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-bottom: 1rem;
  margin-bottom: 16px;
  border-bottom: 1px solid #D0D8E3;
}
.mce-comment-side-panel-cover .mce-comment-side-panel .panel-body .mce-comment-side-message .message-user-info {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.mce-comment-side-panel-cover .mce-comment-side-panel .panel-body .mce-comment-side-message:last-of-type {
  border-bottom: 0;
}
.mce-comment-side-panel-cover .mce-comment-side-panel .panel-footer {
  background: #fff;
  width: 100%;
}
.mce-comment-side-panel-cover .mce-comment-side-panel .panel-footer .divider-line {
  border: 0;
  border-bottom: 1px solid #D0D8E3;
  margin: 0;
  margin-block: 24px;
}
.mce-comment-side-panel-cover .mce-comment-side-panel .panel-footer .footer-inputs {
  padding-inline: 1.25rem;
  padding-top: 1.25rem;
  width: 100%;
  display: flex;
  gap: 8px;
  justify-content: space-between;
}
.mce-comment-side-panel-cover .mce-comment-side-panel .panel-footer .footer-inputs input {
  border: 1px solid #D0D8E3;
  padding: 0.75rem 1.25rem;
  border-radius: 1.75rem;
  height: 3rem;
  width: 100%;
}
.mce-comment-side-panel-cover .mce-comment-side-panel .panel-footer .footer-button {
  padding-inline: 1.25rem;
  padding-bottom: 1.25rem;
}

.multimodal #sidePanelTabs .nav-item:has(> .active) {
  border-right: #48ACB4;
  border-right-width: 2px;
  border-right-style: solid;
}
.multimodal .content-panel .nav-item .active {
  background-color: #f5f5f5;
  color: black;
  border-color: #f5f5f5;
}
.multimodal .side-panel {
  background-color: #f8f8f8;
}
.multimodal .nav-link {
  font-weight: 500;
  color: #333;
  border-radius: 4px;
}
.multimodal .nav-link:hover {
  color: #48ACB4;
  border-color: transparent;
}
.multimodal .nav-pills .nav-link.active {
  background: none;
  color: black;
}
.multimodal .modal-footer button {
  background: #48ACB4;
  padding: 8px 10px;
  border-radius: 1.625rem;
  border: none;
  color: white;
}
.multimodal .modal-footer button:first-of-type {
  background: none;
  border: 2px solid #48ACB4;
  color: #48ACB4;
}

label.mce-ui-check-position {
  display: flex;
  background: white;
  padding-inline: 10px;
  border-radius: 10px;
  flex-grow: 0;
  cursor: pointer;
}

.mce-add-user-table.modal-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  align-items: center;
  justify-content: center;
  z-index: 1000;
}
.mce-add-user-table .modal-table {
  display: flex;
  flex-direction: column;
  background: white;
  width: 41.6666666667rem;
  height: 80%;
  border-radius: 0.5rem;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
  padding: 1.25rem 1.25rem;
}
.mce-add-user-table .modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px #ddd #ddd;
  padding-bottom: 0.625rem;
}
.mce-add-user-table .modal-header h2 {
  font-size: 1.25rem;
}
.mce-add-user-table .modal-header .close-modal {
  border: none;
  background: transparent;
  font-size: 1.375rem;
  cursor: pointer;
}
.mce-add-user-table .modal-body {
  overflow-y: auto;
  scrollbar-width: thin;
  padding: 1.25rem 0;
}
.mce-add-user-table .form-group {
  margin-bottom: 20px;
}
.mce-add-user-table .form-group label {
  font-weight: 600;
  font-size: 0.875rem;
  display: block;
  margin-bottom: 5px;
}
.mce-add-user-table .form-group .required {
  color: red;
}
.mce-add-user-table .role-options {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.mce-add-user-table .role-options .role-item {
  display: flex;
  align-items: center;
  padding: 1.25rem 0;
  border-bottom: 1px #ddd #ddd;
  border-radius: 6px;
  cursor: pointer;
  transition: 0.3s;
}
.mce-add-user-table .role-options .role-item input {
  display: none;
}
.mce-add-user-table .role-options .role-item .radio-custom {
  width: 1.125rem;
  height: 1.125rem;
  background: #f1f1f4;
  border-radius: 50%;
  margin-right: 12px;
  position: relative;
}
.mce-add-user-table .role-options .role-item .role-title-desc-group {
  display: flex;
  flex-direction: column;
}
.mce-add-user-table .role-options .role-item .radio-group {
  display: flex;
  flex-shrink: 0;
}
.mce-add-user-table .role-options .role-item input:checked + .radio-custom {
  border-color: #007bff;
  background: #007bff;
  position: relative;
}
.mce-add-user-table .role-options .role-item input:checked + .radio-custom::after {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  background: white;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.mce-add-user-table .role-options .role-item .role-title {
  font-weight: 600;
  font-size: 0.875rem;
  margin-bottom: 3px;
}
.mce-add-user-table .role-options .role-item .role-description {
  font-size: 0.75rem;
  font-weight: 400;
  color: #78829d;
}
.mce-add-user-table .role-options .role-item:hover {
  background: #f9f9f9;
}
.mce-add-user-table .avatar-container {
  margin-bottom: 20px;
}
.mce-add-user-table .avatar-container label {
  font-weight: 600;
  font-size: 0.875rem;
  display: block;
  margin-bottom: 5px;
}
.mce-add-user-table .avatar-container .avatar-wrapper {
  position: relative;
  width: 6.25rem;
  height: 6.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f9f9f9;
  border: 3px solid white;
  box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
}
.mce-add-user-table .avatar-container .avatar-wrapper .avatar-preview {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mce-add-user-table .avatar-container .avatar-wrapper .avatar-input {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.mce-add-user-table .avatar-container .avatar-wrapper .edit-avatar, .mce-add-user-table .avatar-container .avatar-wrapper .remove-avatar {
  position: absolute;
  background: white;
  border: none;
  cursor: pointer;
  padding: 6px 6px;
  border-radius: 50%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  font-size: 0.75rem;
}
.mce-add-user-table .avatar-container .avatar-wrapper .edit-avatar {
  top: -15px;
  right: -15px;
}
.mce-add-user-table .avatar-container .avatar-wrapper .remove-avatar {
  bottom: -15px;
  left: 85px;
}
.mce-add-user-table .avatar-container .avatar-wrapper .remove-avatar i .path2::before {
  content: "\eb11";
  position: absolute;
  left: 0;
  opacity: 0.3;
}
.mce-add-user-table .avatar-container .avatar-wrapper .edit-avatar, .mce-add-user-table .avatar-container .avatar-wrapper .remove-avatar {
  width: 1.563rem;
  height: 1.563rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #99a1b7;
  transition: 0.2s ease-in-out;
}
.mce-add-user-table .avatar-container .avatar-wrapper .edit-avatar:hover, .mce-add-user-table .avatar-container .avatar-wrapper .remove-avatar:hover {
  color: #007bff;
}
.mce-add-user-table .avatar-container .avatar-info {
  font-size: 0.75rem;
  color: #666;
  margin-top: 5px;
}
.mce-add-user-table .modal-footer {
  display: flex;
  justify-content: center;
  padding-top: 0.625rem;
}

[data-bs-theme=dark] body .mce-ui-sidenav {
  border-right: 1px solid #1f212a;
}
[data-bs-theme=dark] body .toggle-navbar-btn {
  background: #fff;
  box-shadow: none;
  border: none !important;
}
[data-bs-theme=dark] body .toggle-navbar-btn i {
  color: #006ae6;
}

.mce-ui-sidenav {
  position: fixed;
  padding-block: 1.813rem 1.188rem;
  padding-inline: 0;
  width: 266px;
  background: #0d0e12;
  color: #0d0e12;
  border-right: 1px solid #1f212a;
  z-index: 901;
  bottom: 0;
  top: 0;
  max-height: 100vh;
}
.mce-ui-sidenav *:focus-visible {
  outline: none !important;
  outline-offset: 0;
}
.mce-ui-sidenav .mce-ui-button {
  color: #b5b5c3;
  border: none;
  margin-top: 29px;
  font-size: 0.894rem;
  border-radius: 0.386rem !important;
  width: 100% !important;
  padding-block: 0.692rem;
  font-weight: 500;
  background: rgba(63, 66, 84, 0.35);
}
.mce-ui-sidenav ul.nav {
  flex-wrap: nowrap;
  overflow-y: scroll;
  overflow-x: hidden;
  scrollbar-color: #26272F transparent;
  scrollbar-width: thin;
  gap: 4px;
  transition: opacity 0.3s ease-in-out;
}
.mce-ui-sidenav ul.nav .mce-ui-items-divider-text {
  text-transform: uppercase;
  color: #636674;
  font-size: 0.772rem;
  font-weight: 600;
  margin-block: 24px 7px;
  margin-right: 0;
  margin-left: -4px;
}
.mce-ui-sidenav ul.nav li.w-100:has(> ul:not(.collapsed)) .mce-ui-sidenav-item-anchor span {
  color: #f5f5f5;
}
.mce-ui-sidenav ul.nav li.w-100:has(> ul:not(.collapsed)) .mce-ui-sidenav-item-anchor span > .circle {
  background: #f5f5f5;
}
.mce-ui-sidenav ul.nav li.w-100:has(> ul:not(.collapsed)) .arrow-icon {
  stroke: #f5f5f5;
  fill: #f5f5f5;
  transform: rotate(-90deg) scale(0.5);
}
.mce-ui-sidenav ul.nav li.w-100:has(> ul:not(.collapsed)) .arrow-icon.left {
  transform: rotate(0deg) scale(0.5);
}
.mce-ui-sidenav ul.nav li.w-100:has(> ul:not(.collapsed)) .mce-ui-sublist-item:has(ul.collapsed) .mce-ui-sidenav-item-anchor span {
  color: #9a9cae;
}
.mce-ui-sidenav ul.nav li.w-100:has(> ul:not(.collapsed)) .mce-ui-sublist-item:has(ul.collapsed) .mce-ui-sidenav-item-anchor span > .circle {
  background: #9a9cae;
}
.mce-ui-sidenav ul.nav li.w-100:has(> ul:not(.collapsed)) .mce-ui-sublist-item:has(ul.collapsed) .arrow-icon {
  stroke: #9a9cae;
  fill: #9a9cae;
  transform: rotate(90deg) scale(0.5);
}
.mce-ui-sidenav ul.nav li.w-100:has(> ul:not(.collapsed)) .mce-ui-sublist-item:has(ul.collapsed):hover .mce-ui-sidenav-item-anchor span {
  color: #f5f5f5;
}
.mce-ui-sidenav ul.nav li.w-100:has(> ul:not(.collapsed)) .mce-ui-sublist-item:has(ul.collapsed):hover .mce-ui-sidenav-item-anchor span ~ .circle {
  background: #f5f5f5;
}
.mce-ui-sidenav ul.nav li.w-100:has(> ul:not(.collapsed)) .mce-ui-sublist-item:has(ul.collapsed):hover .arrow-icon {
  stroke: #f5f5f5;
  fill: #f5f5f5;
}
.mce-ui-sidenav ul.nav .collapsed {
  opacity: 0;
  visibility: collapse;
  height: 0;
  transition: opacity 0.3s ease-in-out;
}
.mce-ui-sidenav ~ .main-content {
  background: #fcfcfc;
  padding-top: 0;
  padding-left: 306px;
}
.mce-ui-sidenav .dotted-line {
  border-bottom: 1px dashed #1f212a;
  background: transparent;
  margin-top: 9px;
  margin-bottom: 9px;
  width: 100%;
}
.mce-ui-sidenav .mce-ui-logo-href {
  width: 7.5rem;
  transition: width 0.3s ease-in-out;
}
.mce-ui-sidenav .mce-ui-logo-href .logo-icon {
  transition: width 0.1s ease-in-out;
}
.mce-ui-sidenav .toggle-navbar-btn {
  position: absolute;
  background: #fff;
  outline: none;
  border-radius: 0.425rem;
  left: 100%;
  top: 7px;
  padding: 0;
  transform: translate(-10%, -50%);
  width: 2.188rem;
  height: 2.188rem;
  z-index: 802;
  box-shadow: rgba(15, 42, 81, 0.04) 0 8px 14px 0;
  border: 1px solid #F1F1F2 !important;
}
.mce-ui-sidenav .toggle-navbar-btn.active-btn i {
  color: #006ae6;
}
.mce-ui-sidenav .toggle-navbar-btn i {
  transform: rotate(180deg);
  color: #99A1B7;
  transition: 0.3s ease-in-out;
}
.mce-ui-sidenav .toggle-navbar-btn i:hover {
  color: #006ae6;
}
.mce-ui-sidenav.un-fixed {
  width: 74px;
  transition: width 0.2s ease-in-out;
}
.mce-ui-sidenav.un-fixed:not(:hover) div .mce-ui-logo-href img {
  width: 100%;
}
.mce-ui-sidenav.un-fixed .mce-ui-items-divider-text {
  display: none;
  margin-right: 0;
}
.mce-ui-sidenav.un-fixed ul {
  gap: 30px;
  align-items: center !important;
  transition: opacity 0.3s ease-in-out;
}
.mce-ui-sidenav.un-fixed ul li {
  width: auto !important;
}
.mce-ui-sidenav.un-fixed .toggle-navbar-btn {
  transform: translate(-10%, -50%);
}
.mce-ui-sidenav.un-fixed .toggle-navbar-btn i {
  transform: rotate(0deg);
}
.mce-ui-sidenav.un-fixed ~ .main-content {
  padding-left: 84px;
}
.mce-ui-sidenav.un-fixed ~ .mce-ui-header-navbar {
  padding-left: 77.125px;
}
.mce-ui-sidenav.un-fixed .mce-ui-unfixed-sidebar-hiddenElement {
  visibility: hidden;
  word-break: initial;
  overflow: hidden;
  display: none;
  opacity: 0;
  transition: visibility 0s, opacity 0.1s ease-in-out;
}
.mce-ui-sidenav.un-fixed .mce-ui-logo-href {
  width: 100%;
}
.mce-ui-sidenav.un-fixed .logo-icon {
  margin: 0 !important;
}
.mce-ui-sidenav.un-fixed .mce-ui-sidenav-subitem-list.left {
  visibility: hidden;
  opacity: 0;
}
.mce-ui-sidenav.un-fixed.open {
  pointer-events: auto;
  width: 266px;
}
.mce-ui-sidenav.un-fixed.open .mce-ui-logo-href {
  width: 7.5rem;
}
.mce-ui-sidenav.un-fixed.open .mce-ui-items-divider-text {
  display: block;
}
.mce-ui-sidenav.un-fixed.open .mce-ui-sidenav-subitem-list.left:not(.collapsed) {
  visibility: visible;
  opacity: 1;
}
.mce-ui-sidenav.un-fixed.open ul {
  gap: 4px;
  opacity: 1;
  overflow: auto !important;
  align-items: start !important;
  visibility: visible;
  transition: opacity 0.3s ease-in-out;
}
.mce-ui-sidenav.un-fixed.open ul li {
  width: 100% !important;
}
.mce-ui-sidenav.un-fixed.open ul.collapsed {
  opacity: 0;
  visibility: collapse;
  transition: 0.3s ease-in-out;
}
.mce-ui-sidenav.un-fixed.open .mce-ui-unfixed-sidebar-hiddenElement {
  display: flex;
  overflow: hidden;
  visibility: visible;
  opacity: 1;
}
.mce-ui-sidenav.un-fixed.open .mce-ui-unfixed-sidebar-hiddenElement.mce-ui-button {
  display: block;
}

.mce-ui-sidenav-subitem-list {
  list-style: none;
  color: #9a9cae;
  background: #0d0e12;
  transition: color 0.2s ease-in-out;
}
.mce-ui-sidenav-subitem-list.left {
  width: 12.5rem;
  max-height: 31.25rem;
  border-radius: 0.386rem;
  top: calc(10% + 119px);
  left: calc(266px + 0.5%);
  margin-top: -80px;
  padding-block: 0.625rem;
  background: #0d0e12;
  z-index: 2;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 30px 0px;
}
.mce-ui-sidenav-subitem-list .mce-ui-sidenav-subitem, .mce-ui-sidenav-subitem-list .mce-ui-sidenav-item-anchor {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 10px;
  padding-inline: 0.5rem;
  border-radius: 5px;
  cursor: pointer;
}
.mce-ui-sidenav-subitem-list .mce-ui-sidenav-subitem a, .mce-ui-sidenav-subitem-list .mce-ui-sidenav-item-anchor a {
  color: #9a9cae;
  font-size: 0.894rem;
  font-weight: 600;
  width: 100%;
  text-decoration: none;
  padding-block: 0.5rem;
}
.mce-ui-sidenav-subitem-list .mce-ui-sidenav-subitem .circle, .mce-ui-sidenav-subitem-list .mce-ui-sidenav-item-anchor .circle {
  border-radius: 50%;
  padding: 2px 2px;
  background: #464852;
}
.mce-ui-sidenav-subitem-list .mce-ui-sidenav-subitem.chosen, .mce-ui-sidenav-subitem-list .mce-ui-sidenav-item-anchor.chosen {
  color: #f5f5f5 !important;
  background: #1B1C22 !important;
}
.mce-ui-sidenav-subitem-list .mce-ui-sidenav-subitem.chosen .circle, .mce-ui-sidenav-subitem-list .mce-ui-sidenav-item-anchor.chosen .circle {
  background: #f5f5f5 !important;
}
.mce-ui-sidenav-subitem-list .mce-ui-sidenav-subitem.chosen a, .mce-ui-sidenav-subitem-list .mce-ui-sidenav-item-anchor.chosen a {
  color: #f5f5f5 !important;
}
.mce-ui-sidenav-subitem-list .mce-ui-sidenav-subitem:hover, .mce-ui-sidenav-subitem-list .mce-ui-sidenav-item-anchor:hover {
  list-style: disc;
  color: #f5f5f5;
}
.mce-ui-sidenav-subitem-list .mce-ui-sidenav-subitem:hover .circle, .mce-ui-sidenav-subitem-list .mce-ui-sidenav-item-anchor:hover .circle {
  background: #f5f5f5;
}
.mce-ui-sidenav-subitem-list .mce-ui-sidenav-subitem:hover a, .mce-ui-sidenav-subitem-list .mce-ui-sidenav-item-anchor:hover a {
  color: #f5f5f5;
}

.mce-ui-sidenav-item-anchor {
  position: relative;
  color: #9a9cae;
  display: flex;
  text-decoration: none;
  padding-block: 0.5rem;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  cursor: pointer;
}
.mce-ui-sidenav-item-anchor span {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1px;
  width: 85%;
}
.mce-ui-sidenav-item-anchor span span {
  font-size: 0.894rem;
  line-height: 1.341rem;
  font-weight: 600;
  hyphens: auto;
  word-break: break-all;
}
.mce-ui-sidenav-item-anchor .arrow-icon {
  display: inline-block;
  stroke: #464852;
  fill: #464852;
  transform: rotate(90deg) scale(0.5);
  transition: transform 0.3s ease-in-out;
}
.mce-ui-sidenav-item-anchor:hover, .mce-ui-sidenav-item-anchor:hover .arrow-icon {
  color: #f5f5f5;
  stroke: #f5f5f5;
  fill: #f5f5f5;
}

@media screen and (max-width: 1000px) {
  .mobile-menu-btn {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .mce-ui-sidenav {
    width: 0;
    visibility: hidden;
    opacity: 0;
    overflow: hidden;
    transition: 0.2s ease-in-out;
    padding-inline: 0 !important;
  }
  .mce-ui-sidenav.open {
    visibility: visible;
    padding-inline: 1rem !important;
    opacity: 1;
    width: 266px;
  }
  .mce-ui-sidenav ~ .main-content {
    padding-left: 12px;
  }
  .toggle-navbar-btn {
    display: none;
  }
  .navigation-list {
    display: none;
  }
  .mce-ui-mobile-nav {
    display: block !important;
  }
  .mobile-close-btn {
    position: absolute;
    top: 0;
    right: 20px;
  }
}
@media screen and (max-width: 600px) {
  .mce-ui-sidenav-subitem-list.left {
    z-index: 100;
    position: static !important;
    transform: translate(-32px, 30px);
    margin-top: -41px;
    padding-bottom: 0.938rem;
  }
  .mce-ui-sidenav-subitem-list.left.collapsed {
    margin-top: -20px;
  }
  .mce-ui-sidenav-item-anchor .arrow-icon.left {
    transform: rotate(90deg) scale(0.5);
  }
  .mce-ui-sidenav-item-anchor .arrow-icon.left.arrow-icon-open {
    transform: rotate(-90deg) scale(0.5);
  }
}
.mce-ui-header-navbar .mce-navbar-dropmenu-hover, .mce-ui-header-navbar .mce-mobile-navbar-container {
  display: flex;
}
.mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-navbar-dropmenu, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-navbar-dropmenu {
  overflow: hidden;
  display: none;
  margin-top: 54px;
  position: fixed;
  background: white;
  max-width: 900px;
  border-radius: 0.475rem;
}
.mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-navbar-dropmenu .navbar-dropmenu-items-list, .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-mobile-navbar .navbar-dropmenu-items-list, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-navbar-dropmenu .navbar-dropmenu-items-list, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-mobile-navbar .navbar-dropmenu-items-list {
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
}
.mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-navbar-dropmenu .navbar-dropmenu-items-list .row, .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-mobile-navbar .navbar-dropmenu-items-list .row, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-navbar-dropmenu .navbar-dropmenu-items-list .row, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-mobile-navbar .navbar-dropmenu-items-list .row {
  row-gap: 0.5rem;
}
.mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-navbar-dropmenu .navbar-dropmenu-items-list .navbar-dropmenu-item, .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-mobile-navbar .navbar-dropmenu-items-list .navbar-dropmenu-item, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-navbar-dropmenu .navbar-dropmenu-items-list .navbar-dropmenu-item, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-mobile-navbar .navbar-dropmenu-items-list .navbar-dropmenu-item {
  display: flex;
  gap: 0.5rem;
  text-decoration: none;
  padding: 0.65rem;
  border-radius: 0.386rem;
  cursor: pointer;
  transition: 0.2s ease-in-out;
}
.mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-navbar-dropmenu .navbar-dropmenu-items-list .navbar-dropmenu-item .navbar-dropmenu-item-icon, .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-mobile-navbar .navbar-dropmenu-items-list .navbar-dropmenu-item .navbar-dropmenu-item-icon, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-navbar-dropmenu .navbar-dropmenu-items-list .navbar-dropmenu-item .navbar-dropmenu-item-icon, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-mobile-navbar .navbar-dropmenu-items-list .navbar-dropmenu-item .navbar-dropmenu-item-icon {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  background: #F1F1F4;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.475rem;
}
.mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-navbar-dropmenu .navbar-dropmenu-items-list .navbar-dropmenu-item .navbar-dropmenu-item-icon i, .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-mobile-navbar .navbar-dropmenu-items-list .navbar-dropmenu-item .navbar-dropmenu-item-icon i, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-navbar-dropmenu .navbar-dropmenu-items-list .navbar-dropmenu-item .navbar-dropmenu-item-icon i, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-mobile-navbar .navbar-dropmenu-items-list .navbar-dropmenu-item .navbar-dropmenu-item-icon i {
  color: #1B84FF;
}
.mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-navbar-dropmenu .navbar-dropmenu-items-list .navbar-dropmenu-item .navbar-dropmenu-item-info, .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-mobile-navbar .navbar-dropmenu-items-list .navbar-dropmenu-item .navbar-dropmenu-item-info, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-navbar-dropmenu .navbar-dropmenu-items-list .navbar-dropmenu-item .navbar-dropmenu-item-info, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-mobile-navbar .navbar-dropmenu-items-list .navbar-dropmenu-item .navbar-dropmenu-item-info {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-navbar-dropmenu .navbar-dropmenu-items-list .navbar-dropmenu-item .navbar-dropmenu-item-info .navbar-dropmenu-item-name, .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-mobile-navbar .navbar-dropmenu-items-list .navbar-dropmenu-item .navbar-dropmenu-item-info .navbar-dropmenu-item-name, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-navbar-dropmenu .navbar-dropmenu-items-list .navbar-dropmenu-item .navbar-dropmenu-item-info .navbar-dropmenu-item-name, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-mobile-navbar .navbar-dropmenu-items-list .navbar-dropmenu-item .navbar-dropmenu-item-info .navbar-dropmenu-item-name {
  font-weight: 600;
  color: #252f4a;
  font-size: 13.975px;
}
.mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-navbar-dropmenu .navbar-dropmenu-items-list .navbar-dropmenu-item .navbar-dropmenu-item-info .navbar-dropmenu-item-description, .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-mobile-navbar .navbar-dropmenu-items-list .navbar-dropmenu-item .navbar-dropmenu-item-info .navbar-dropmenu-item-description, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-navbar-dropmenu .navbar-dropmenu-items-list .navbar-dropmenu-item .navbar-dropmenu-item-info .navbar-dropmenu-item-description, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-mobile-navbar .navbar-dropmenu-items-list .navbar-dropmenu-item .navbar-dropmenu-item-info .navbar-dropmenu-item-description {
  word-break: break-all;
  flex-grow: 1;
  font-weight: 500;
  color: #99a1b7;
  font-size: 12.35px;
}
.mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-navbar-dropmenu .navbar-dropmenu-items-list .navbar-dropmenu-item:hover, .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-mobile-navbar .navbar-dropmenu-items-list .navbar-dropmenu-item:hover, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-navbar-dropmenu .navbar-dropmenu-items-list .navbar-dropmenu-item:hover, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-mobile-navbar .navbar-dropmenu-items-list .navbar-dropmenu-item:hover {
  background: #fbfbfb;
}
.mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-navbar-dropmenu .navbar-dropmenu-items-list .navbar-dropmenu-items-nav-list, .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-mobile-navbar .navbar-dropmenu-items-list .navbar-dropmenu-items-nav-list, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-navbar-dropmenu .navbar-dropmenu-items-list .navbar-dropmenu-items-nav-list, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-mobile-navbar .navbar-dropmenu-items-list .navbar-dropmenu-items-nav-list {
  padding: 0 !important;
}
.mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-navbar-dropmenu .navbar-dropmenu-items-list .navbar-dropmenu-items-nav-list .navbar-dropmenu-items-nav-title, .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-mobile-navbar .navbar-dropmenu-items-list .navbar-dropmenu-items-nav-list .navbar-dropmenu-items-nav-title, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-navbar-dropmenu .navbar-dropmenu-items-list .navbar-dropmenu-items-nav-list .navbar-dropmenu-items-nav-title, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-mobile-navbar .navbar-dropmenu-items-list .navbar-dropmenu-items-nav-list .navbar-dropmenu-items-nav-title {
  font-weight: 600;
  color: #252f4a;
  font-size: 16.25px;
}
.mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-navbar-dropmenu .navbar-dropmenu-items-list .navbar-dropmenu-items-nav-list .navbar-dropmenu-items-list-ul, .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-mobile-navbar .navbar-dropmenu-items-list .navbar-dropmenu-items-nav-list .navbar-dropmenu-items-list-ul, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-navbar-dropmenu .navbar-dropmenu-items-list .navbar-dropmenu-items-nav-list .navbar-dropmenu-items-list-ul, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-mobile-navbar .navbar-dropmenu-items-list .navbar-dropmenu-items-nav-list .navbar-dropmenu-items-list-ul {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  margin-top: 0.9rem;
}
.mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-navbar-dropmenu .navbar-dropmenu-items-list .navbar-dropmenu-items-nav-list .navbar-dropmenu-items-list-ul .bullet, .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-mobile-navbar .navbar-dropmenu-items-list .navbar-dropmenu-items-nav-list .navbar-dropmenu-items-list-ul .bullet, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-navbar-dropmenu .navbar-dropmenu-items-list .navbar-dropmenu-items-nav-list .navbar-dropmenu-items-list-ul .bullet, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-mobile-navbar .navbar-dropmenu-items-list .navbar-dropmenu-items-nav-list .navbar-dropmenu-items-list-ul .bullet {
  display: block;
  width: 6px;
  height: 6px;
  background: #dbdfe9;
  border-radius: 50%;
}
.mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-navbar-dropmenu .navbar-dropmenu-items-list .navbar-dropmenu-items-nav-list .navbar-dropmenu-items-list-ul .navbar-dropmenu-list-item, .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-mobile-navbar .navbar-dropmenu-items-list .navbar-dropmenu-items-nav-list .navbar-dropmenu-items-list-ul .navbar-dropmenu-list-item, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-navbar-dropmenu .navbar-dropmenu-items-list .navbar-dropmenu-items-nav-list .navbar-dropmenu-items-list-ul .navbar-dropmenu-list-item, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-mobile-navbar .navbar-dropmenu-items-list .navbar-dropmenu-items-nav-list .navbar-dropmenu-items-list-ul .navbar-dropmenu-list-item {
  display: flex;
  gap: 0.8rem;
  align-items: center;
  color: #4b5675;
  cursor: pointer;
  font-size: 13px;
  transition: 0.2s ease-in-out;
}
.mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-navbar-dropmenu .navbar-dropmenu-items-list .navbar-dropmenu-items-nav-list .navbar-dropmenu-items-list-ul .navbar-dropmenu-list-item a, .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-mobile-navbar .navbar-dropmenu-items-list .navbar-dropmenu-items-nav-list .navbar-dropmenu-items-list-ul .navbar-dropmenu-list-item a, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-navbar-dropmenu .navbar-dropmenu-items-list .navbar-dropmenu-items-nav-list .navbar-dropmenu-items-list-ul .navbar-dropmenu-list-item a, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-mobile-navbar .navbar-dropmenu-items-list .navbar-dropmenu-items-nav-list .navbar-dropmenu-items-list-ul .navbar-dropmenu-list-item a {
  text-decoration: none;
  color: #4b5675;
}
.mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-navbar-dropmenu .navbar-dropmenu-items-list .navbar-dropmenu-items-nav-list .navbar-dropmenu-items-list-ul .navbar-dropmenu-list-item:hover, .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-mobile-navbar .navbar-dropmenu-items-list .navbar-dropmenu-items-nav-list .navbar-dropmenu-items-list-ul .navbar-dropmenu-list-item:hover, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-navbar-dropmenu .navbar-dropmenu-items-list .navbar-dropmenu-items-nav-list .navbar-dropmenu-items-list-ul .navbar-dropmenu-list-item:hover, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-mobile-navbar .navbar-dropmenu-items-list .navbar-dropmenu-items-nav-list .navbar-dropmenu-items-list-ul .navbar-dropmenu-list-item:hover {
  color: #007bff;
}
.mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-navbar-dropmenu .navbar-dropmenu-items-list .navbar-dropmenu-items-nav-list .navbar-dropmenu-items-list-ul .navbar-dropmenu-list-item:hover a, .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-mobile-navbar .navbar-dropmenu-items-list .navbar-dropmenu-items-nav-list .navbar-dropmenu-items-list-ul .navbar-dropmenu-list-item:hover a, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-navbar-dropmenu .navbar-dropmenu-items-list .navbar-dropmenu-items-nav-list .navbar-dropmenu-items-list-ul .navbar-dropmenu-list-item:hover a, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-mobile-navbar .navbar-dropmenu-items-list .navbar-dropmenu-items-nav-list .navbar-dropmenu-items-list-ul .navbar-dropmenu-list-item:hover a {
  color: #007bff;
}
.mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-navbar-dropmenu .navbar-dropmenu-items-list .navbar-dropmenu-items-nav-list .navbar-dropmenu-items-list-ul .navbar-dropmenu-list-item:hover i, .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-mobile-navbar .navbar-dropmenu-items-list .navbar-dropmenu-items-nav-list .navbar-dropmenu-items-list-ul .navbar-dropmenu-list-item:hover i, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-navbar-dropmenu .navbar-dropmenu-items-list .navbar-dropmenu-items-nav-list .navbar-dropmenu-items-list-ul .navbar-dropmenu-list-item:hover i, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-mobile-navbar .navbar-dropmenu-items-list .navbar-dropmenu-items-nav-list .navbar-dropmenu-items-list-ul .navbar-dropmenu-list-item:hover i {
  color: #007bff;
}
.mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-navbar-dropmenu .navbar-dropmenu-items-list .navbar-dropmenu-separator, .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-mobile-navbar .navbar-dropmenu-items-list .navbar-dropmenu-separator, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-navbar-dropmenu .navbar-dropmenu-items-list .navbar-dropmenu-separator, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-mobile-navbar .navbar-dropmenu-items-list .navbar-dropmenu-separator {
  width: 100%;
  height: 2px;
  border-top: 1px dashed #dbdfe9;
  margin-block: 1.25rem;
}
.mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-navbar-dropmenu .navbar-dropmenu-items-list .navbar-dropmenu-additional-container, .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-mobile-navbar .navbar-dropmenu-items-list .navbar-dropmenu-additional-container, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-navbar-dropmenu .navbar-dropmenu-items-list .navbar-dropmenu-additional-container, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-mobile-navbar .navbar-dropmenu-items-list .navbar-dropmenu-additional-container {
  padding-inline: 0.65rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 0.4rem;
}
.mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-navbar-dropmenu .navbar-dropmenu-items-list .navbar-dropmenu-additional-container .navbar-dropmenu-additional, .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-mobile-navbar .navbar-dropmenu-items-list .navbar-dropmenu-additional-container .navbar-dropmenu-additional, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-navbar-dropmenu .navbar-dropmenu-items-list .navbar-dropmenu-additional-container .navbar-dropmenu-additional, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-mobile-navbar .navbar-dropmenu-items-list .navbar-dropmenu-additional-container .navbar-dropmenu-additional {
  display: flex;
  width: 100%;
  justify-content: space-between;
  gap: 0.5rem;
  align-items: center;
}
.mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-navbar-dropmenu .navbar-dropmenu-items-list .navbar-dropmenu-additional-container .navbar-dropmenu-additional .navbar-dropmenu-additional-info, .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-mobile-navbar .navbar-dropmenu-items-list .navbar-dropmenu-additional-container .navbar-dropmenu-additional .navbar-dropmenu-additional-info, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-navbar-dropmenu .navbar-dropmenu-items-list .navbar-dropmenu-additional-container .navbar-dropmenu-additional .navbar-dropmenu-additional-info, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-mobile-navbar .navbar-dropmenu-items-list .navbar-dropmenu-additional-container .navbar-dropmenu-additional .navbar-dropmenu-additional-info {
  display: flex;
  flex-direction: column;
}
.mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-navbar-dropmenu .navbar-dropmenu-items-list .navbar-dropmenu-additional-container .navbar-dropmenu-additional .navbar-dropmenu-additional-info span, .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-mobile-navbar .navbar-dropmenu-items-list .navbar-dropmenu-additional-container .navbar-dropmenu-additional .navbar-dropmenu-additional-info span, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-navbar-dropmenu .navbar-dropmenu-items-list .navbar-dropmenu-additional-container .navbar-dropmenu-additional .navbar-dropmenu-additional-info span, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-mobile-navbar .navbar-dropmenu-items-list .navbar-dropmenu-additional-container .navbar-dropmenu-additional .navbar-dropmenu-additional-info span {
  font-weight: 600;
  color: #252f4a;
  font-size: 13.975px;
}
.mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-navbar-dropmenu .navbar-dropmenu-items-list .navbar-dropmenu-additional-container .navbar-dropmenu-additional .navbar-dropmenu-additional-info p, .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-mobile-navbar .navbar-dropmenu-items-list .navbar-dropmenu-additional-container .navbar-dropmenu-additional .navbar-dropmenu-additional-info p, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-navbar-dropmenu .navbar-dropmenu-items-list .navbar-dropmenu-additional-container .navbar-dropmenu-additional .navbar-dropmenu-additional-info p, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-mobile-navbar .navbar-dropmenu-items-list .navbar-dropmenu-additional-container .navbar-dropmenu-additional .navbar-dropmenu-additional-info p {
  font-weight: 500;
  color: #99a1b7;
  font-size: 12.35px;
  margin: 0;
}
.mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-navbar-dropmenu .navbar-dropmenu-link-list, .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-mobile-navbar .navbar-dropmenu-link-list, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-navbar-dropmenu .navbar-dropmenu-link-list, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-mobile-navbar .navbar-dropmenu-link-list {
  padding: 1.5rem;
  background: #f9f9f9;
  display: flex;
  gap: 0.5rem;
  flex-direction: column;
}
.mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-navbar-dropmenu .navbar-dropmenu-link-list.type-2, .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-mobile-navbar .navbar-dropmenu-link-list.type-2, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-navbar-dropmenu .navbar-dropmenu-link-list.type-2, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-mobile-navbar .navbar-dropmenu-link-list.type-2 {
  background: unset;
}
.mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-navbar-dropmenu .navbar-dropmenu-link-list img, .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-mobile-navbar .navbar-dropmenu-link-list img, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-navbar-dropmenu .navbar-dropmenu-link-list img, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-mobile-navbar .navbar-dropmenu-link-list img {
  border-radius: 0.475rem;
  height: 100%;
  max-width: 400px;
  max-height: 170px;
}
.mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-navbar-dropmenu .navbar-dropmenu-link-list span, .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-mobile-navbar .navbar-dropmenu-link-list span, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-navbar-dropmenu .navbar-dropmenu-link-list span, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-mobile-navbar .navbar-dropmenu-link-list span {
  font-size: 13px;
  color: #4b5675;
  font-weight: 500;
  transition: 0.2s ease-in-out;
}
.mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-navbar-dropmenu .navbar-dropmenu-link-list span:not(:first-of-type), .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-mobile-navbar .navbar-dropmenu-link-list span:not(:first-of-type), .mce-ui-header-navbar .mce-mobile-navbar-container .mce-navbar-dropmenu .navbar-dropmenu-link-list span:not(:first-of-type), .mce-ui-header-navbar .mce-mobile-navbar-container .mce-mobile-navbar .navbar-dropmenu-link-list span:not(:first-of-type) {
  cursor: pointer;
}
.mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-navbar-dropmenu .navbar-dropmenu-link-list span:not(:first-of-type):hover, .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-mobile-navbar .navbar-dropmenu-link-list span:not(:first-of-type):hover, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-navbar-dropmenu .navbar-dropmenu-link-list span:not(:first-of-type):hover, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-mobile-navbar .navbar-dropmenu-link-list span:not(:first-of-type):hover {
  color: #1B84FF;
}
.mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-navbar-dropmenu .navbar-dropmenu-link-list span:first-of-type, .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-mobile-navbar .navbar-dropmenu-link-list span:first-of-type, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-navbar-dropmenu .navbar-dropmenu-link-list span:first-of-type, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-mobile-navbar .navbar-dropmenu-link-list span:first-of-type {
  color: #252f4a;
  font-size: 16.25px;
}
@media screen and (max-width: 768px) {
  .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-navbar-dropmenu .navbar-dropmenu-link-list, .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-mobile-navbar .navbar-dropmenu-link-list, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-navbar-dropmenu .navbar-dropmenu-link-list, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-mobile-navbar .navbar-dropmenu-link-list {
    display: none;
  }
}
.mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-navbar-dropmenu .navbar-dropmenu-tabs-container, .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-mobile-navbar .navbar-dropmenu-tabs-container, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-navbar-dropmenu .navbar-dropmenu-tabs-container, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-mobile-navbar .navbar-dropmenu-tabs-container {
  display: flex;
  padding: 0 1.5rem;
  gap: 2rem;
  width: 100%;
  border-bottom: 1px solid #dbdfe9;
}
.mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-navbar-dropmenu .navbar-dropmenu-tabs-container .navbar-nav-tabs-link, .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-mobile-navbar .navbar-dropmenu-tabs-container .navbar-nav-tabs-link, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-navbar-dropmenu .navbar-dropmenu-tabs-container .navbar-nav-tabs-link, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-mobile-navbar .navbar-dropmenu-tabs-container .navbar-nav-tabs-link {
  padding: 1.5rem 0;
  cursor: pointer;
  height: 100%;
  color: #252f4a;
  font-weight: 600;
  border-bottom: 1px solid transparent;
  transition: 0.2s ease-in-out;
}
.mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-navbar-dropmenu .navbar-dropmenu-tabs-container .navbar-nav-tabs-link:hover, .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-navbar-dropmenu .navbar-dropmenu-tabs-container .navbar-nav-tabs-link.active, .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-mobile-navbar .navbar-dropmenu-tabs-container .navbar-nav-tabs-link:hover, .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-mobile-navbar .navbar-dropmenu-tabs-container .navbar-nav-tabs-link.active, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-navbar-dropmenu .navbar-dropmenu-tabs-container .navbar-nav-tabs-link:hover, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-navbar-dropmenu .navbar-dropmenu-tabs-container .navbar-nav-tabs-link.active, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-mobile-navbar .navbar-dropmenu-tabs-container .navbar-nav-tabs-link:hover, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-mobile-navbar .navbar-dropmenu-tabs-container .navbar-nav-tabs-link.active {
  border-bottom: 1px solid #007bff;
  color: #007bff;
}
.mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-navbar-dropmenu.type-2, .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-mobile-navbar.type-2, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-navbar-dropmenu.type-2, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-mobile-navbar.type-2 {
  padding: 1.5rem;
}
.mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-navbar-dropmenu.type-2 .navbar-dropmenu-items-list, .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-mobile-navbar.type-2 .navbar-dropmenu-items-list, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-navbar-dropmenu.type-2 .navbar-dropmenu-items-list, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-mobile-navbar.type-2 .navbar-dropmenu-items-list {
  padding-block: 0;
  padding-inline: 0.65rem;
}
.mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-navbar-dropmenu.type-2 .navbar-dropmenu-items-list img, .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-mobile-navbar.type-2 .navbar-dropmenu-items-list img, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-navbar-dropmenu.type-2 .navbar-dropmenu-items-list img, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-mobile-navbar.type-2 .navbar-dropmenu-items-list img {
  padding-left: 0;
}
.mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-navbar-dropmenu.type-3, .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-mobile-navbar.type-3, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-navbar-dropmenu.type-3, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-mobile-navbar.type-3 {
  padding: 0;
}
.mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-navbar-dropmenu.type-3 .navbar-dropmenu-items-list, .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-mobile-navbar.type-3 .navbar-dropmenu-items-list, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-navbar-dropmenu.type-3 .navbar-dropmenu-items-list, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-mobile-navbar.type-3 .navbar-dropmenu-items-list {
  padding: 0 1rem 1.5rem 2.5rem;
}
.mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-navbar-dropmenu.type-3 .navbar-dropmenu-items-list .navbar-dropmenu-items-nav-title, .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-mobile-navbar.type-3 .navbar-dropmenu-items-list .navbar-dropmenu-items-nav-title, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-navbar-dropmenu.type-3 .navbar-dropmenu-items-list .navbar-dropmenu-items-nav-title, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-mobile-navbar.type-3 .navbar-dropmenu-items-list .navbar-dropmenu-items-nav-title {
  color: #071437;
}
.mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-navbar-dropmenu.type-3 .navbar-dropmenu-link-list, .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-mobile-navbar.type-3 .navbar-dropmenu-link-list, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-navbar-dropmenu.type-3 .navbar-dropmenu-link-list, .mce-ui-header-navbar .mce-mobile-navbar-container .mce-mobile-navbar.type-3 .navbar-dropmenu-link-list {
  padding-top: 0;
}

[data-bs-theme=dark] body .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-navbar-dropmenu, [data-bs-theme=dark] body .mce-ui-header-navbar .mce-mobile-navbar-container .mce-navbar-dropmenu {
  background: #0f1014;
}
[data-bs-theme=dark] body .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-navbar-dropmenu .navbar-dropmenu-items-list .navbar-dropmenu-item .navbar-dropmenu-item-icon, [data-bs-theme=dark] body .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-mobile-navbar .navbar-dropmenu-items-list .navbar-dropmenu-item .navbar-dropmenu-item-icon, [data-bs-theme=dark] body .mce-ui-header-navbar .mce-mobile-navbar-container .mce-navbar-dropmenu .navbar-dropmenu-items-list .navbar-dropmenu-item .navbar-dropmenu-item-icon, [data-bs-theme=dark] body .mce-ui-header-navbar .mce-mobile-navbar-container .mce-mobile-navbar .navbar-dropmenu-items-list .navbar-dropmenu-item .navbar-dropmenu-item-icon {
  background: unset;
}
[data-bs-theme=dark] body .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-navbar-dropmenu .navbar-dropmenu-items-list .navbar-dropmenu-item .navbar-dropmenu-item-info .navbar-dropmenu-item-name, [data-bs-theme=dark] body .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-mobile-navbar .navbar-dropmenu-items-list .navbar-dropmenu-item .navbar-dropmenu-item-info .navbar-dropmenu-item-name, [data-bs-theme=dark] body .mce-ui-header-navbar .mce-mobile-navbar-container .mce-navbar-dropmenu .navbar-dropmenu-items-list .navbar-dropmenu-item .navbar-dropmenu-item-info .navbar-dropmenu-item-name, [data-bs-theme=dark] body .mce-ui-header-navbar .mce-mobile-navbar-container .mce-mobile-navbar .navbar-dropmenu-items-list .navbar-dropmenu-item .navbar-dropmenu-item-info .navbar-dropmenu-item-name {
  color: #B5B7C8 !important;
}
[data-bs-theme=dark] body .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-navbar-dropmenu .navbar-dropmenu-items-list .navbar-dropmenu-item .navbar-dropmenu-item-info .navbar-dropmenu-item-description, [data-bs-theme=dark] body .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-mobile-navbar .navbar-dropmenu-items-list .navbar-dropmenu-item .navbar-dropmenu-item-info .navbar-dropmenu-item-description, [data-bs-theme=dark] body .mce-ui-header-navbar .mce-mobile-navbar-container .mce-navbar-dropmenu .navbar-dropmenu-items-list .navbar-dropmenu-item .navbar-dropmenu-item-info .navbar-dropmenu-item-description, [data-bs-theme=dark] body .mce-ui-header-navbar .mce-mobile-navbar-container .mce-mobile-navbar .navbar-dropmenu-items-list .navbar-dropmenu-item .navbar-dropmenu-item-info .navbar-dropmenu-item-description {
  color: #636674;
}
[data-bs-theme=dark] body .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-navbar-dropmenu .navbar-dropmenu-items-list .navbar-dropmenu-item:hover, [data-bs-theme=dark] body .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-mobile-navbar .navbar-dropmenu-items-list .navbar-dropmenu-item:hover, [data-bs-theme=dark] body .mce-ui-header-navbar .mce-mobile-navbar-container .mce-navbar-dropmenu .navbar-dropmenu-items-list .navbar-dropmenu-item:hover, [data-bs-theme=dark] body .mce-ui-header-navbar .mce-mobile-navbar-container .mce-mobile-navbar .navbar-dropmenu-items-list .navbar-dropmenu-item:hover {
  background: unset;
}
[data-bs-theme=dark] body .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-navbar-dropmenu .navbar-dropmenu-items-list .navbar-dropmenu-item:hover .navbar-dropmenu-item-icon, [data-bs-theme=dark] body .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-mobile-navbar .navbar-dropmenu-items-list .navbar-dropmenu-item:hover .navbar-dropmenu-item-icon, [data-bs-theme=dark] body .mce-ui-header-navbar .mce-mobile-navbar-container .mce-navbar-dropmenu .navbar-dropmenu-items-list .navbar-dropmenu-item:hover .navbar-dropmenu-item-icon, [data-bs-theme=dark] body .mce-ui-header-navbar .mce-mobile-navbar-container .mce-mobile-navbar .navbar-dropmenu-items-list .navbar-dropmenu-item:hover .navbar-dropmenu-item-icon {
  background: #1B1C22;
}
[data-bs-theme=dark] body .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-navbar-dropmenu .navbar-dropmenu-items-list .navbar-dropmenu-items-nav-list .navbar-dropmenu-items-nav-title, [data-bs-theme=dark] body .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-mobile-navbar .navbar-dropmenu-items-list .navbar-dropmenu-items-nav-list .navbar-dropmenu-items-nav-title, [data-bs-theme=dark] body .mce-ui-header-navbar .mce-mobile-navbar-container .mce-navbar-dropmenu .navbar-dropmenu-items-list .navbar-dropmenu-items-nav-list .navbar-dropmenu-items-nav-title, [data-bs-theme=dark] body .mce-ui-header-navbar .mce-mobile-navbar-container .mce-mobile-navbar .navbar-dropmenu-items-list .navbar-dropmenu-items-nav-list .navbar-dropmenu-items-nav-title {
  color: #b5b7c8;
}
[data-bs-theme=dark] body .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-navbar-dropmenu .navbar-dropmenu-items-list .navbar-dropmenu-items-nav-list .navbar-dropmenu-items-list-ul .bullet, [data-bs-theme=dark] body .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-mobile-navbar .navbar-dropmenu-items-list .navbar-dropmenu-items-nav-list .navbar-dropmenu-items-list-ul .bullet, [data-bs-theme=dark] body .mce-ui-header-navbar .mce-mobile-navbar-container .mce-navbar-dropmenu .navbar-dropmenu-items-list .navbar-dropmenu-items-nav-list .navbar-dropmenu-items-list-ul .bullet, [data-bs-theme=dark] body .mce-ui-header-navbar .mce-mobile-navbar-container .mce-mobile-navbar .navbar-dropmenu-items-list .navbar-dropmenu-items-nav-list .navbar-dropmenu-items-list-ul .bullet {
  background: #363843;
}
[data-bs-theme=dark] body .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-navbar-dropmenu .navbar-dropmenu-items-list .navbar-dropmenu-items-nav-list .navbar-dropmenu-items-list-ul .navbar-dropmenu-list-item, [data-bs-theme=dark] body .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-mobile-navbar .navbar-dropmenu-items-list .navbar-dropmenu-items-nav-list .navbar-dropmenu-items-list-ul .navbar-dropmenu-list-item, [data-bs-theme=dark] body .mce-ui-header-navbar .mce-mobile-navbar-container .mce-navbar-dropmenu .navbar-dropmenu-items-list .navbar-dropmenu-items-nav-list .navbar-dropmenu-items-list-ul .navbar-dropmenu-list-item, [data-bs-theme=dark] body .mce-ui-header-navbar .mce-mobile-navbar-container .mce-mobile-navbar .navbar-dropmenu-items-list .navbar-dropmenu-items-nav-list .navbar-dropmenu-items-list-ul .navbar-dropmenu-list-item {
  align-items: center;
  color: #9a9cae;
}
[data-bs-theme=dark] body .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-navbar-dropmenu .navbar-dropmenu-items-list .navbar-dropmenu-items-nav-list .navbar-dropmenu-items-list-ul .navbar-dropmenu-list-item a, [data-bs-theme=dark] body .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-mobile-navbar .navbar-dropmenu-items-list .navbar-dropmenu-items-nav-list .navbar-dropmenu-items-list-ul .navbar-dropmenu-list-item a, [data-bs-theme=dark] body .mce-ui-header-navbar .mce-mobile-navbar-container .mce-navbar-dropmenu .navbar-dropmenu-items-list .navbar-dropmenu-items-nav-list .navbar-dropmenu-items-list-ul .navbar-dropmenu-list-item a, [data-bs-theme=dark] body .mce-ui-header-navbar .mce-mobile-navbar-container .mce-mobile-navbar .navbar-dropmenu-items-list .navbar-dropmenu-items-nav-list .navbar-dropmenu-items-list-ul .navbar-dropmenu-list-item a {
  text-decoration: none;
  color: #9a9cae;
}
[data-bs-theme=dark] body .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-navbar-dropmenu .navbar-dropmenu-items-list .navbar-dropmenu-items-nav-list .navbar-dropmenu-items-list-ul .navbar-dropmenu-list-item:hover a, [data-bs-theme=dark] body .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-mobile-navbar .navbar-dropmenu-items-list .navbar-dropmenu-items-nav-list .navbar-dropmenu-items-list-ul .navbar-dropmenu-list-item:hover a, [data-bs-theme=dark] body .mce-ui-header-navbar .mce-mobile-navbar-container .mce-navbar-dropmenu .navbar-dropmenu-items-list .navbar-dropmenu-items-nav-list .navbar-dropmenu-items-list-ul .navbar-dropmenu-list-item:hover a, [data-bs-theme=dark] body .mce-ui-header-navbar .mce-mobile-navbar-container .mce-mobile-navbar .navbar-dropmenu-items-list .navbar-dropmenu-items-nav-list .navbar-dropmenu-items-list-ul .navbar-dropmenu-list-item:hover a {
  color: #006ae6;
}
[data-bs-theme=dark] body .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-navbar-dropmenu .navbar-dropmenu-items-list .navbar-dropmenu-separator, [data-bs-theme=dark] body .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-mobile-navbar .navbar-dropmenu-items-list .navbar-dropmenu-separator, [data-bs-theme=dark] body .mce-ui-header-navbar .mce-mobile-navbar-container .mce-navbar-dropmenu .navbar-dropmenu-items-list .navbar-dropmenu-separator, [data-bs-theme=dark] body .mce-ui-header-navbar .mce-mobile-navbar-container .mce-mobile-navbar .navbar-dropmenu-items-list .navbar-dropmenu-separator {
  border-top: 1px dashed #363843 !important;
}
[data-bs-theme=dark] body .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-navbar-dropmenu .navbar-dropmenu-items-list .navbar-dropmenu-additional-container .navbar-dropmenu-additional .navbar-dropmenu-additional-info span, [data-bs-theme=dark] body .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-mobile-navbar .navbar-dropmenu-items-list .navbar-dropmenu-additional-container .navbar-dropmenu-additional .navbar-dropmenu-additional-info span, [data-bs-theme=dark] body .mce-ui-header-navbar .mce-mobile-navbar-container .mce-navbar-dropmenu .navbar-dropmenu-items-list .navbar-dropmenu-additional-container .navbar-dropmenu-additional .navbar-dropmenu-additional-info span, [data-bs-theme=dark] body .mce-ui-header-navbar .mce-mobile-navbar-container .mce-mobile-navbar .navbar-dropmenu-items-list .navbar-dropmenu-additional-container .navbar-dropmenu-additional .navbar-dropmenu-additional-info span {
  color: #b5b7c8;
}
[data-bs-theme=dark] body .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-navbar-dropmenu .navbar-dropmenu-items-list .navbar-dropmenu-additional-container .navbar-dropmenu-additional .navbar-dropmenu-additional-info p, [data-bs-theme=dark] body .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-mobile-navbar .navbar-dropmenu-items-list .navbar-dropmenu-additional-container .navbar-dropmenu-additional .navbar-dropmenu-additional-info p, [data-bs-theme=dark] body .mce-ui-header-navbar .mce-mobile-navbar-container .mce-navbar-dropmenu .navbar-dropmenu-items-list .navbar-dropmenu-additional-container .navbar-dropmenu-additional .navbar-dropmenu-additional-info p, [data-bs-theme=dark] body .mce-ui-header-navbar .mce-mobile-navbar-container .mce-mobile-navbar .navbar-dropmenu-items-list .navbar-dropmenu-additional-container .navbar-dropmenu-additional .navbar-dropmenu-additional-info p {
  color: #636674;
}
[data-bs-theme=dark] body .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-navbar-dropmenu .navbar-dropmenu-link-list, [data-bs-theme=dark] body .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-mobile-navbar .navbar-dropmenu-link-list, [data-bs-theme=dark] body .mce-ui-header-navbar .mce-mobile-navbar-container .mce-navbar-dropmenu .navbar-dropmenu-link-list, [data-bs-theme=dark] body .mce-ui-header-navbar .mce-mobile-navbar-container .mce-mobile-navbar .navbar-dropmenu-link-list {
  background: #0f1014 !important;
}
[data-bs-theme=dark] body .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-navbar-dropmenu .navbar-dropmenu-link-list span, [data-bs-theme=dark] body .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-mobile-navbar .navbar-dropmenu-link-list span, [data-bs-theme=dark] body .mce-ui-header-navbar .mce-mobile-navbar-container .mce-navbar-dropmenu .navbar-dropmenu-link-list span, [data-bs-theme=dark] body .mce-ui-header-navbar .mce-mobile-navbar-container .mce-mobile-navbar .navbar-dropmenu-link-list span {
  color: #9a9cae;
}
[data-bs-theme=dark] body .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-navbar-dropmenu .navbar-dropmenu-link-list span:first-of-type, [data-bs-theme=dark] body .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-mobile-navbar .navbar-dropmenu-link-list span:first-of-type, [data-bs-theme=dark] body .mce-ui-header-navbar .mce-mobile-navbar-container .mce-navbar-dropmenu .navbar-dropmenu-link-list span:first-of-type, [data-bs-theme=dark] body .mce-ui-header-navbar .mce-mobile-navbar-container .mce-mobile-navbar .navbar-dropmenu-link-list span:first-of-type {
  color: #B5B7C8;
}
[data-bs-theme=dark] body .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-navbar-dropmenu .navbar-dropmenu-link-list span:hover:not(:first-of-type), [data-bs-theme=dark] body .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-mobile-navbar .navbar-dropmenu-link-list span:hover:not(:first-of-type), [data-bs-theme=dark] body .mce-ui-header-navbar .mce-mobile-navbar-container .mce-navbar-dropmenu .navbar-dropmenu-link-list span:hover:not(:first-of-type), [data-bs-theme=dark] body .mce-ui-header-navbar .mce-mobile-navbar-container .mce-mobile-navbar .navbar-dropmenu-link-list span:hover:not(:first-of-type) {
  color: #006ae6;
}
[data-bs-theme=dark] body .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-navbar-dropmenu .navbar-dropmenu-tabs-container, [data-bs-theme=dark] body .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-mobile-navbar .navbar-dropmenu-tabs-container, [data-bs-theme=dark] body .mce-ui-header-navbar .mce-mobile-navbar-container .mce-navbar-dropmenu .navbar-dropmenu-tabs-container, [data-bs-theme=dark] body .mce-ui-header-navbar .mce-mobile-navbar-container .mce-mobile-navbar .navbar-dropmenu-tabs-container {
  border-bottom: 1px solid #363843 !important;
}
[data-bs-theme=dark] body .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-navbar-dropmenu .navbar-dropmenu-tabs-container .navbar-nav-tabs-link, [data-bs-theme=dark] body .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-mobile-navbar .navbar-dropmenu-tabs-container .navbar-nav-tabs-link, [data-bs-theme=dark] body .mce-ui-header-navbar .mce-mobile-navbar-container .mce-navbar-dropmenu .navbar-dropmenu-tabs-container .navbar-nav-tabs-link, [data-bs-theme=dark] body .mce-ui-header-navbar .mce-mobile-navbar-container .mce-mobile-navbar .navbar-dropmenu-tabs-container .navbar-nav-tabs-link {
  color: #9a9cae;
}
[data-bs-theme=dark] body .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-navbar-dropmenu .navbar-dropmenu-tabs-container .navbar-nav-tabs-link.active, [data-bs-theme=dark] body .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-navbar-dropmenu .navbar-dropmenu-tabs-container .navbar-nav-tabs-link:hover, [data-bs-theme=dark] body .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-mobile-navbar .navbar-dropmenu-tabs-container .navbar-nav-tabs-link.active, [data-bs-theme=dark] body .mce-ui-header-navbar .mce-navbar-dropmenu-hover .mce-mobile-navbar .navbar-dropmenu-tabs-container .navbar-nav-tabs-link:hover, [data-bs-theme=dark] body .mce-ui-header-navbar .mce-mobile-navbar-container .mce-navbar-dropmenu .navbar-dropmenu-tabs-container .navbar-nav-tabs-link.active, [data-bs-theme=dark] body .mce-ui-header-navbar .mce-mobile-navbar-container .mce-navbar-dropmenu .navbar-dropmenu-tabs-container .navbar-nav-tabs-link:hover, [data-bs-theme=dark] body .mce-ui-header-navbar .mce-mobile-navbar-container .mce-mobile-navbar .navbar-dropmenu-tabs-container .navbar-nav-tabs-link.active, [data-bs-theme=dark] body .mce-ui-header-navbar .mce-mobile-navbar-container .mce-mobile-navbar .navbar-dropmenu-tabs-container .navbar-nav-tabs-link:hover {
  color: #006ae6 !important;
}

[data-bs-theme=dark] body svg path {
  fill: #f5f5f5;
}
[data-bs-theme=dark] body .switch .slider {
  background: #26272F;
}
[data-bs-theme=dark] body .switch .slider:before {
  background: #5d5d63;
}
[data-bs-theme=dark] body .switch input:checked + .slider:before {
  background-color: white;
}
[data-bs-theme=dark] body .chosen-option {
  background: transparent !important;
}
[data-bs-theme=dark] body .mce-ui-header-button.icon.icon-bg:hover {
  background: #1B1C22 !important;
}
[data-bs-theme=dark] body .mce-ui-header-navbar {
  background: #0f1014;
}
[data-bs-theme=dark] body .mce-ui-header-navbar .navigation .mce-mobile-navbar-container .mobile-navbar-button-open:hover {
  background: #1B1C22 !important;
}
[data-bs-theme=dark] body .mce-ui-header-navbar .navigation .mce-mobile-navbar-container .mobile-navbar-cover .mce-mobile-navbar {
  background: #0f1014;
}
[data-bs-theme=dark] body .mce-ui-header-navbar .navigation .mce-mobile-navbar-container .mobile-navbar-cover .mce-mobile-navbar .accordion .accordion-item .accordion-header .accordion-button {
  color: #9A9CAE;
}
[data-bs-theme=dark] body .mce-ui-header-navbar .navigation .mce-mobile-navbar-container .mobile-navbar-cover .mce-mobile-navbar .accordion .accordion-item .accordion-header .accordion-button::after {
  background-color: white;
  mask-size: contain;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-image: var(--bs-accordion-btn-icon);
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-image: var(--bs-accordion-btn-icon);
}
[data-bs-theme=dark] body .mce-ui-header-navbar .navigation .mce-mobile-navbar-container .mobile-navbar-cover .mce-mobile-navbar .accordion .accordion-item .accordion-header .accordion-button.active, [data-bs-theme=dark] body .mce-ui-header-navbar .navigation .mce-mobile-navbar-container .mobile-navbar-cover .mce-mobile-navbar .accordion .accordion-item .accordion-header .accordion-button:hover {
  color: #006ae6;
}
[data-bs-theme=dark] body .mce-ui-header-navbar .navigation-list li a {
  color: #9A9CAE;
}
[data-bs-theme=dark] body .mce-ui-header-navbar .navigation-list li a.active {
  background: #1B1C22;
  color: #006ae6;
  transition: 0.2s ease-in-out;
}
[data-bs-theme=dark] body .mce-ui-header-navbar .mce-ui-user-menu-info a {
  color: #636674 !important;
}
[data-bs-theme=dark] body .mce-ui-header-navbar .mce-ui-chosen-language {
  background: transparent;
  color: #9A9CAE;
}
[data-bs-theme=dark] body .mce-ui-header-navbar .mce-ui-droplist-content {
  background: transparent !important;
}
[data-bs-theme=dark] body .mce-ui-header-navbar .switch-theme, [data-bs-theme=dark] body .mce-ui-header-navbar .mce-ui-dropdown-item-anchor a {
  color: #9A9CAE !important;
}
[data-bs-theme=dark] body .mce-ui-header-navbar .switch-theme:hover, [data-bs-theme=dark] body .mce-ui-header-navbar .mce-ui-dropdown-item-anchor a:hover {
  background: transparent;
}
[data-bs-theme=dark] body .mce-ui-header-navbar .mce-ui-dropdown-menu {
  background-color: #1c1d22 !important;
}
[data-bs-theme=dark] body .mce-ui-header-navbar .mce-ui-dropdown-menu .badge-circle {
  background: rgb(48, 32, 36);
  color: rgb(228, 40, 85);
}
[data-bs-theme=dark] body .mce-ui-header-navbar .mce-ui-dropdown-menu .down-line {
  border-bottom: 1px solid #26272f;
}
[data-bs-theme=dark] body .mce-ui-header-navbar .mce-ui-dropdown-menu .mce-ui-dropdown-item-anchor {
  color: #9A9CAE;
}
[data-bs-theme=dark] body .mce-ui-header-navbar .mce-ui-dropdown-menu .mce-ui-dropdown-item-anchor svg path {
  fill: transparent;
  stroke: #9A9CAE;
}
[data-bs-theme=dark] body .mce-ui-header-navbar .mce-ui-dropdown-menu .mce-ui-dropdown-item-anchor.active-theme {
  color: #006ae6 !important;
  background: #1B1C22 !important;
  border-radius: 0.475rem;
}
[data-bs-theme=dark] body .mce-ui-header-navbar .mce-ui-dropdown-menu .mce-ui-dropdown-item-anchor.active-theme a {
  color: #006ae6 !important;
}
[data-bs-theme=dark] body .mce-ui-header-navbar .mce-ui-dropdown-menu .mce-ui-dropdown-item-anchor a {
  color: #9A9CAE;
}
[data-bs-theme=dark] body .mce-ui-header-navbar .mce-ui-dropdown-menu .mce-ui-dropdown-item-anchor:hover {
  color: #006ae6 !important;
  background: transparent !important;
}
[data-bs-theme=dark] body .mce-ui-header-navbar .mce-ui-dropdown-menu .mce-ui-dropdown-item-anchor:hover a {
  color: #006ae6;
  background: transparent !important;
}
[data-bs-theme=dark] body .mce-ui-header-navbar .mce-ui-dropdown-menu .mce-ui-user-menu-info span {
  color: #f5f5f5 !important;
}
[data-bs-theme=dark] body .mce-ui-header-navbar .mce-ui-dropdown-menu .mce-ui-user-menu-info .mce-ui-user-tag.pro {
  background: #1F212A;
}
[data-bs-theme=dark] body .mce-ui-header-navbar .mce-ui-dropdown-menu .active-theme {
  color: #006ae6 !important;
  background: #1B1C22 !important;
  border-radius: 0.475rem;
}
[data-bs-theme=dark] body .mce-ui-header-navbar .mce-ui-dropdown-menu .active-theme a {
  color: #006ae6 !important;
}
[data-bs-theme=dark] body .mce-ui-header-navbar .mce-ui-dropdown-item-dropList .dropdown button {
  color: #9A9CAE;
}
[data-bs-theme=dark] body .mce-ui-header-navbar .mce-ui-dropdown-item-dropList .dropdown button:hover {
  background: transparent;
  color: #006ae6 !important;
}
[data-bs-theme=dark] body .mce-ui-header-navbar .mce-ui-dropdown-item-theme-mode .dropdown .theme-button {
  background: transparent;
  color: #9A9CAE;
}
[data-bs-theme=dark] body .mce-ui-header-navbar .mce-ui-dropdown-item-theme-mode .dropdown .theme-button div {
  color: #9A9CAE;
}
[data-bs-theme=dark] body .mce-ui-header-navbar .mce-ui-dropdown-item-theme-mode .dropdown .theme-button:hover {
  background: transparent;
}
[data-bs-theme=dark] body .mce-ui-header-navbar .mce-ui-dropdown-item-theme-mode .dropdown .theme-button:hover div {
  color: #9A9CAE !important;
}
[data-bs-theme=dark] body .mce-ui-header-navbar .mce-ui-dropdown-item-theme-mode .dropdown .theme-button:hover .mce-ui-droplist-content {
  background: transparent;
}
[data-bs-theme=dark] body .mce-ui-header-navbar .mce-ui-mobile-nav:hover {
  background: #1B1C22 !important;
}

.mce-ui-header-navbar {
  z-index: 900;
  width: 100%;
  width: -moz-available !important;
  width: -webkit-fill-available !important;
  height: 74px;
  background: #fcfcfc;
  color: #9a9cae;
  transition: 0.2s ease-in-out;
}
.mce-ui-header-navbar *:focus-visible {
  outline: none !important;
  outline-offset: 0;
}
.mce-ui-header-navbar .navigation button:not(.user-profile-btn, .mce-ui-droplist-btn, .mce-btn) {
  border: none;
  cursor: pointer;
  padding-block: 10px;
  padding-inline: 10px;
  border-radius: 0.475rem;
  background: transparent;
}
.mce-ui-header-navbar .navigation button:not(.user-profile-btn, .mce-ui-droplist-btn, .mce-btn) i {
  font-size: 1.219rem;
  color: #99A1B7;
}
.mce-ui-header-navbar .navigation button:not(.user-profile-btn, .mce-ui-droplist-btn, .mce-btn):hover {
  background: #f9f9f9;
}
.mce-ui-header-navbar .navigation button:not(.user-profile-btn, .mce-ui-droplist-btn, .mce-btn):hover i {
  color: #006ae6 !important;
}
.mce-ui-header-navbar .navigation .navigation-list {
  flex-wrap: nowrap;
}
.mce-ui-header-navbar .navigation .navigation-list li a {
  font-weight: 500;
  font-size: 0.894rem;
  text-decoration: none;
  color: #4B5675;
  transition: color 0.2s ease-in-out;
}
.mce-ui-header-navbar .navigation .navigation-list li a.active {
  box-shadow: rgba(0, 0, 0, 0.03) 0 3px 4px 0;
  border-radius: 6px;
  color: #006ae6;
  padding-inline: 0.8125rem;
  padding-block: 0.54375rem;
}
.mce-ui-header-navbar .navigation .navigation-list li a:hover {
  color: #006ae6 !important;
}
.mce-ui-header-navbar .navigation .mce-ui-dropdown-item-dropList .mce-ui-dropdown-menu {
  padding: 15px 0;
}
.mce-ui-header-navbar .navigation .mce-ui-dropdown-item-dropList .mce-ui-dropdown-menu.lang-list {
  padding: 15px 9px;
}
.mce-ui-header-navbar .navigation .mce-ui-dropdown-item-dropList .mce-ui-dropdown-menu .mce-ui-dropdown-item-anchor:not(.scale) {
  padding: 0 9px;
  border-radius: 0.475rem;
}
.mce-ui-header-navbar .navigation .mce-ui-dropdown-item-theme-mode .theme-button {
  padding: 0 1.216rem;
}
.mce-ui-header-navbar .navigation .mce-ui-dropdown-item-theme-mode .mce-ui-dropdown-menu {
  padding: 15px 0;
}
.mce-ui-header-navbar .navigation .mce-ui-dropdown-menu.theme-list {
  padding: 15px 9px;
}
.mce-ui-header-navbar .navigation .mce-ui-dropdown-menu.theme-list:not(.mce-ui-header-navbar .navigation .mce-ui-dropdown-menu.theme-list.left) span i {
  color: #99A1B7;
}
.mce-ui-header-navbar .navigation .mce-ui-dropdown-menu.theme-list .mce-ui-dropdown-item-anchor {
  padding-inline: 0;
  color: #4B5675;
}
.mce-ui-header-navbar .navigation .mce-ui-dropdown-menu {
  border-radius: 0.475rem;
  font-size: 0.873rem;
  box-shadow: 0 0 50px 0 rgba(82, 63, 105, 0.15) !important;
}
.mce-ui-header-navbar .navigation .mce-ui-dropdown-menu .badge-circle {
  border-radius: 50%;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgb(255, 238, 243);
  color: rgb(248, 40, 90);
  flex-shrink: 0;
  min-width: unset;
  width: 1.75rem;
  height: 1.75rem;
}
.mce-ui-header-navbar .navigation .mce-ui-dropdown-menu .down-line {
  border-bottom: 1px solid #F1F1F4;
  margin-bottom: 9px;
  width: 100%;
  padding: 0 !important;
}
.mce-ui-header-navbar .navigation .mce-mobile-navbar-container {
  height: 100%;
  width: 100%;
}
.mce-ui-header-navbar .navigation .mce-mobile-navbar-container .mobile-navbar-button-open {
  display: none;
}
.mce-ui-header-navbar .navigation .mce-mobile-navbar-container .mobile-navbar-cover {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  height: 100vh;
  width: 100%;
  z-index: 801;
}
.mce-ui-header-navbar .navigation .mce-mobile-navbar-container .mobile-navbar-cover .mce-mobile-navbar {
  overscroll-behavior: contain;
  overflow-y: auto;
  scrollbar-width: none;
  z-index: 802;
  position: fixed;
  top: 0;
  right: -250px;
  height: 100%;
  max-width: 250px;
  width: 100%;
  background: white;
  transition: 0.2s ease-in-out;
}
.mce-ui-header-navbar .navigation .mce-mobile-navbar-container .mobile-navbar-cover .mce-mobile-navbar.open {
  right: 0;
}
.mce-ui-header-navbar .navigation .mce-mobile-navbar-container .mobile-navbar-cover .mce-mobile-navbar .accordion .accordion-item {
  background: none;
  border-radius: 0;
  border: none;
}
.mce-ui-header-navbar .navigation .mce-mobile-navbar-container .mobile-navbar-cover .mce-mobile-navbar .accordion .accordion-item .accordion-header .accordion-button {
  box-shadow: none;
  font-size: 13.2px;
  font-weight: 600;
  background-color: transparent;
  border-radius: 0;
  border: none;
  color: #4B5675;
}
.mce-ui-header-navbar .navigation .mce-mobile-navbar-container .mobile-navbar-cover .mce-mobile-navbar .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-icon);
}
.mce-ui-header-navbar .navigation .mce-mobile-navbar-container .mobile-navbar-cover .mce-mobile-navbar .accordion .accordion-item .accordion-header .accordion-button.active {
  color: #006ae6;
}
.mce-ui-header-navbar .navigation .mce-mobile-navbar-container .mobile-navbar-cover .mce-mobile-navbar .accordion .accordion-item .accordion-header .accordion-button.active::after {
  background-image: var(--bs-accordion-btn-active-icon);
}
.mce-ui-header-navbar .navigation .mce-mobile-navbar-container .mobile-navbar-cover .mce-mobile-navbar .accordion .accordion-item .accordion-header .accordion-button::after {
  color: #4B5675;
}
.mce-ui-header-navbar .navigation .mce-mobile-navbar-container .mobile-navbar-cover .mce-mobile-navbar .accordion .accordion-item .accordion-header .accordion-button:focus {
  outline: none;
  box-shadow: none;
}
.mce-ui-header-navbar .navigation .mce-ui-dropdown-item-theme-mode .dropdown .theme-button {
  padding-inline: 15px;
  border-radius: 0.475rem;
  font-weight: 500;
  color: #252F4A;
}
.mce-ui-header-navbar .navigation .mce-ui-dropdown-item-theme-mode .dropdown .theme-button .mce-ui-droplist-content {
  padding: 8.45px 15.45px;
  border-radius: 0.475rem;
}
.mce-ui-header-navbar .navigation .mce-ui-dropdown-item-theme-mode .dropdown .theme-button:hover {
  color: #006ae6 !important;
}
.mce-ui-header-navbar .navigation .mce-ui-dropdown-item-theme-mode .dropdown .theme-button:hover .mce-ui-droplist-content {
  background-color: #f9f9f9;
}
.mce-ui-header-navbar .navigation .mce-ui-dropdown-menu.left {
  top: -10px;
  right: 275px !important;
}
.mce-ui-header-navbar .navigation .mce-ui-header-button {
  border: none;
  background: transparent;
  transition: 0.2s ease-in-out;
}
.mce-ui-header-navbar .navigation .mce-ui-header-button.icon {
  border-radius: 0.475rem;
  padding: 10px 10px;
}
.mce-ui-header-navbar .navigation .mce-ui-header-button.icon:hover.icon-bg {
  background: #f9f9f9;
}
.mce-ui-header-navbar .navigation .mce-ui-header-button.icon:hover i {
  color: #006ae6 !important;
}
.mce-ui-header-navbar .navigation .mce-ui-header-button.icon .bullet {
  border-radius: 50%;
  background-color: #17c653;
  width: 6px;
  height: 6px;
}
.mce-ui-header-navbar .navigation .mce-ui-header-button.icon .bullet.animation-blink {
  animation: animationBlink 1s steps(5, start) infinite;
}
.mce-ui-header-navbar .mce-ui-chosen-language {
  background: #f9f9f9;
  font-size: 11.05px;
  font-weight: 500;
  color: #252F4A;
}
.mce-ui-header-navbar .theme-button {
  border-radius: 0.475rem;
  background: transparent;
  border: none;
  padding-block: 5px;
  transition: 0.1s ease-in-out;
}
.mce-ui-header-navbar .theme-button img {
  border-radius: 0.475rem;
}
.mce-ui-header-navbar .theme-button i:hover {
  color: #006ae6 !important;
}
.mce-ui-header-navbar .switch-theme, .mce-ui-header-navbar .mce-ui-dropdown-item-anchor a {
  text-decoration: none;
  display: block;
  padding: 8.45px 15.45px;
  border-radius: 0.475rem;
  width: 100%;
  color: #4B5675;
}
.mce-ui-header-navbar .switch-theme:has(:not(.theme-button)):hover, .mce-ui-header-navbar .mce-ui-dropdown-item-anchor a:has(:not(.theme-button)):hover {
  background-color: #f9f9f9;
  color: #006ae6 !important;
}
.mce-ui-header-navbar .switch-theme:has(:not(.theme-button)):hover i, .mce-ui-header-navbar .mce-ui-dropdown-item-anchor a:has(:not(.theme-button)):hover i {
  color: #006ae6;
}
.mce-ui-header-navbar .mce-ui-dropdown-menu .mce-ui-dropdown-item-anchor.chosen-option:not([data-bs-theme=dark]) {
  background: #f9f9f9;
  color: #006ae6;
}
.mce-ui-header-navbar .mce-ui-dropdown-menu .mce-ui-dropdown-item-anchor:hover .mce-ui-droplist-content {
  background-color: #f9f9f9;
}
.mce-ui-header-navbar .mce-ui-dropdown-menu .mce-ui-dropdown-item-anchor:hover .mce-ui-droplist-content i {
  color: #006ae6;
}
.mce-ui-header-navbar .mce-ui-dropdown-menu .mce-ui-dropdown-item-anchor:hover a {
  background-color: #f9f9f9;
  color: #006ae6 !important;
}
.mce-ui-header-navbar .mce-ui-dropdown-item-anchor {
  width: 100%;
  padding-inline: 15px;
  font-weight: 500;
  color: #252F4A;
}
.mce-ui-header-navbar .mce-ui-dropdown-item-anchor.all:hover {
  background: #f9f9f9;
}
.mce-ui-header-navbar .mce-ui-dropdown-item-anchor svg path {
  fill: transparent;
  stroke: #4B5675;
}
.mce-ui-header-navbar .mce-ui-dropdown-item-anchor .active-theme {
  color: #006ae6 !important;
  background: #f9f9f9 !important;
  border-radius: 0.475rem;
}
.mce-ui-header-navbar .mce-ui-dropdown-item-anchor .active-theme svg path {
  fill: transparent;
  stroke: #006ae6;
}
.mce-ui-header-navbar .mce-ui-dropdown-item-anchor .active-theme a {
  color: #006ae6 !important;
}
.mce-ui-header-navbar .mce-ui-user-profiler {
  display: flex;
  width: 17.188rem;
  gap: 5px;
  padding: 10.4px 9.75px !important;
  margin-top: 7px;
}
.mce-ui-header-navbar .mce-ui-user-profiler img {
  border-radius: 0.475rem;
}
.mce-ui-header-navbar .mce-ui-user-profiler:has(.mce-ui-user-menu-info) {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
.mce-ui-header-navbar .mce-ui-user-profiler:has(.mce-ui-user-menu-info) .mce-ui-user-menu-info {
  display: flex;
  align-items: start;
  justify-content: space-between;
  flex-direction: column;
}
.mce-ui-header-navbar .mce-ui-user-profiler:has(.mce-ui-user-menu-info) .mce-ui-user-menu-info .mce-ui-user-tag {
  visibility: hidden;
  padding: 3.25px 6.5px;
}
.mce-ui-header-navbar .mce-ui-user-profiler:has(.mce-ui-user-menu-info) .mce-ui-user-menu-info .mce-ui-user-tag.pro {
  visibility: visible;
  color: #00A261 !important;
  background: #dfffea;
  border-radius: 0.475rem;
  font-size: 11.05px;
  font-weight: 600;
}
.mce-ui-header-navbar .mce-ui-user-profiler:has(.mce-ui-user-menu-info) .mce-ui-user-menu-info span {
  font-size: 1.15rem;
  font-weight: 600;
  color: #071437 !important;
}
.mce-ui-header-navbar .mce-ui-user-profiler:has(.mce-ui-user-menu-info) .mce-ui-user-menu-info a {
  text-decoration: none;
  font-size: 0.772rem;
  color: #99A1B7;
  background: transparent;
}
.mce-ui-header-navbar .mce-ui-user-profiler:has(.mce-ui-user-menu-info) .mce-ui-user-menu-info a:hover {
  color: #006ae6 !important;
}
.mce-ui-header-navbar .mce-ui-user-profiler.active-theme {
  color: #006ae6 !important;
  background: #f9f9f9 !important;
  border-radius: 0.475rem;
}
.mce-ui-header-navbar .mce-ui-user-profiler.active-theme a {
  color: #006ae6 !important;
}
.mce-ui-header-navbar .switch-theme {
  padding-inline: 10px;
  width: 75% !important;
}
.mce-ui-header-navbar .mce-ui-dropdown-item-anchor.scale {
  padding-inline: 0;
}
.mce-ui-header-navbar .mce-ui-dropdown-item-anchor.scale .switch {
  transform: scale(0.5) translate(20px, -1px);
}
.mce-ui-header-navbar .switch {
  position: relative;
  display: inline-block;
  width: 3.75rem;
  height: 2.125rem;
}
.mce-ui-header-navbar .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.mce-ui-header-navbar .switch + label {
  font-size: 12.35px;
  font-weight: 500;
  color: #99A1B7;
}
.mce-ui-header-navbar .switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #f1f1f4;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.mce-ui-header-navbar .switch .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.mce-ui-header-navbar .switch input:checked + .slider {
  background-color: #006ae6;
}
.mce-ui-header-navbar .switch input:focus + .slider {
  box-shadow: 0 0 1px #006ae6;
}
.mce-ui-header-navbar .switch input:checked + .slider:before {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}
.mce-ui-header-navbar .switch .slider.round {
  border-radius: 2.125rem;
}
.mce-ui-header-navbar .switch .slider.round:before {
  border-radius: 50%;
}
.mce-ui-header-navbar:has(~ .mce-ui-sidenav) {
  padding-left: 316px;
}
.mce-ui-header-navbar:has(~ .mce-ui-sidenav.un-fixed) {
  padding-left: 94px;
}
@media screen and (max-width: 800px) {
  .mce-ui-header-navbar:has(~ .mce-ui-sidenav.un-fixed) .main-content {
    padding-top: 84px !important;
  }
}
.mce-ui-header-navbar ~ .main-content {
  padding-top: 84px;
}

.mce-ui-dropdown-menu.profile .mce-ui-dropdown-item-anchor a {
  color: #252F4A;
}
.mce-ui-dropdown-menu.profile .mce-ui-dropdown-item-dropList .mce-ui-dropdown-item-anchor a {
  color: #252F4A;
}

.mce-ui-dropdown-item-dropList .dropdown button {
  padding: 0 1.216rem;
  font-weight: 400;
  border: none;
  outline: none;
  background: transparent;
  color: #252F4A;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100% !important;
}
.mce-ui-dropdown-item-dropList .dropdown button svg {
  transform: scale(0.5);
}
.mce-ui-dropdown-item-dropList .dropdown button .mce-ui-droplist-content {
  padding: 8.45px 11px;
  border-radius: 6.175px;
}
.mce-ui-dropdown-item-dropList .dropdown button:hover {
  color: #006ae6;
}
.mce-ui-dropdown-item-dropList .dropdown button:hover .mce-ui-droplist-content {
  background-color: #f9f9f9;
}
.mce-ui-dropdown-item-dropList .dropdown button:hover svg path {
  stroke: #006ae6;
  fill: #006ae6;
}

@media screen and (min-width: 1000px) {
  .dropdown:hover > .dropdown-menu {
    display: block;
    right: 10px;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s ease, visibility 0.3s ease;
  }
  .dropdown-toggle {
    pointer-events: none;
  }
  .dropdown > .dropdown-menu {
    display: block;
    right: 10px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
  }
  .dropdown > .dropdown-menu.up-menu {
    bottom: 70px;
  }
  .dropdown:hover > .dropdown-menu {
    opacity: 1;
    visibility: visible;
  }
}
@media screen and (max-width: 1000px) {
  .icon.icon-bg {
    display: none !important;
  }
  .theme-button {
    display: none !important;
  }
  .theme-button.mobile {
    display: flex !important;
  }
  .mce-ui-droplist-btn {
    display: none !important;
  }
  .mce-ui-droplist-btn.mobile {
    display: flex !important;
  }
  .mce-ui-dropdown-menu.left {
    transform: translate3d(-160px, 3px, 0px) !important;
  }
}
@media screen and (max-width: 1000px) {
  .mce-ui-header-navbar {
    padding-left: 10px !important;
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .navigation-list {
    display: none !important;
  }
  .mce-ui-dropdown-menu.left {
    transform: translate3d(-20px, 43px, 0px) !important;
  }
  .mobile-navbar-button-open {
    display: block !important;
  }
}
@keyframes animationBlink {
  100% {
    visibility: hidden;
  }
}
.mce-wysiwyg i.discard {
  cursor: pointer !important;
}
.mce-wysiwyg .mce-wysiwyg-editor-container {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0.5rem 0.5rem;
  display: flex;
  border-radius: 0.875rem 0.875rem 0.875rem 0.875rem;
  flex-direction: column;
  background: #F1F1F2;
}
.mce-wysiwyg .mce-wysiwyg-editor-container .toolbar {
  width: 100%;
  display: flex;
  padding-block: 4px;
  padding-inline: 0.5rem;
  background-color: #fff;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: space-evenly;
  border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
  min-height: 3rem;
  height: 100%;
}
.mce-wysiwyg .mce-wysiwyg-editor-container .toolbar select {
  padding-block: 0.75rem;
  width: 16.0294117647rem;
  padding-left: 1rem;
  font-size: 0.75rem;
  border-radius: 0.5rem;
  border: none;
  outline: none;
  background-color: #F1F1F2;
}
.mce-wysiwyg .mce-wysiwyg-editor-container .toolbar .tools {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  flex-grow: 1;
  justify-content: space-around;
}
.mce-wysiwyg .mce-wysiwyg-editor-container .toolbar .tools-arrows {
  margin-left: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.mce-wysiwyg .mce-wysiwyg-editor-container .toolbar .tools-arrows i {
  font-size: 1rem;
}
.mce-wysiwyg .mce-wysiwyg-editor-container .content-area {
  margin-top: 8px;
}
.mce-wysiwyg .mce-wysiwyg-editor-container .content-area .content {
  resize: block;
  min-height: 8.515625rem;
  overflow-y: auto;
  padding: 0.5rem 0.5rem;
  flex-grow: 1;
  font-weight: 400;
  line-height: 1.1256rem;
  max-height: 27.25rem;
  color: #7E8299;
  height: 100%;
  background: none;
  border: none;
  outline: none;
  font-size: 0.938rem;
}
.mce-wysiwyg .mce-wysiwyg-editor-container .content-area .content[placeholder]:empty::before {
  content: attr(placeholder);
}
.mce-wysiwyg .mce-wysiwyg-editor-container .content-area .content i {
  font-style: italic;
  font-family: inherit !important;
}
.mce-wysiwyg .mce-wysiwyg-editor-container .content-area .content[placeholder]:empty:focus::before {
  content: "";
}
.mce-wysiwyg .toolbar-button {
  cursor: pointer;
  font-size: 1.25rem;
  border: none;
  outline: none;
  background: none;
}
.mce-wysiwyg .toolbar-button:hover {
  color: #007bff;
}
.mce-wysiwyg .toolbar-button.active, .mce-wysiwyg .toolbar-button.active-link {
  color: #007bff;
}
.mce-wysiwyg .tools-arrows button:disabled {
  pointer-events: none;
  cursor: not-allowed;
}
.mce-wysiwyg .tools-arrows button:disabled:hover {
  color: rgba(16, 16, 16, 0.3);
}
.mce-wysiwyg .popup-link-select, .mce-wysiwyg .popup-image-select {
  display: none;
  padding: 0.875rem 0.875rem;
  border-radius: 0.75rem;
  position: absolute;
  gap: 10px;
  max-width: 15.1388888889rem;
  align-items: center;
  z-index: 700;
  background: #fff;
  box-shadow: 0px 8px 14px 0px rgba(15, 42, 81, 0.0784313725);
}
.mce-wysiwyg .popup-link-select .link, .mce-wysiwyg .popup-image-select .link {
  width: 60%;
  border: #F1F1F2;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-radius: 5px;
  padding: 4px 4px;
  min-width: 100px;
}
.mce-wysiwyg .popup-link-select .link:focus, .mce-wysiwyg .popup-image-select .link:focus {
  border-color: green;
}
.mce-wysiwyg .popup-link-select .horizontal-line, .mce-wysiwyg .popup-image-select .horizontal-line {
  width: 1px;
  height: 20px;
  background: #D8D8E5;
}
.mce-wysiwyg .popup-link-settings, .mce-wysiwyg .popup-image-setting {
  position: absolute;
  right: 0;
  top: 70px;
  display: none;
  background-color: #fff;
  border-radius: 0.5rem;
  padding: 0.875rem 1.25rem;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  z-index: 800;
  max-width: 23.6956521739rem;
  width: 100%;
}
.mce-wysiwyg .popup-link-settings .popup-header, .mce-wysiwyg .popup-image-setting .popup-header {
  display: flex;
  justify-content: space-between;
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 15px;
}
.mce-wysiwyg .popup-link-settings .form-group, .mce-wysiwyg .popup-image-setting .form-group {
  margin-bottom: 15px;
}
.mce-wysiwyg .popup-link-settings .popup-footer, .mce-wysiwyg .popup-image-setting .popup-footer {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.mce-wysiwyg .html-output {
  display: block;
  overflow-y: auto;
  font-family: "Courier New", monospace;
  white-space: pre-line;
  padding: 1.25rem;
  width: 100%;
  border-radius: 0.875rem;
  margin-top: 40px;
  height: 24.7727272727rem;
  background: #F1F1F2;
  border: none;
  resize: none;
  outline: none;
}
.mce-wysiwyg .html-output div {
  margin-left: 10px;
}

.mce-timeline {
  border: 1px solid grey;
  width: 100%;
  padding-top: 200px;
}
.mce-timeline .flags .flag {
  border-bottom: 1px solid red;
  height: 13px;
  font-size: 10px;
  width: 200px;
  position: absolute;
  transform: rotate(90deg);
  margin-left: 206.5px;
  margin-top: -100px;
}
.mce-timeline .calendar {
  display: flex;
}
.mce-timeline .calendar .user-name-shift {
  display: inline-block;
  width: 300px;
}
.mce-timeline .calendar .day {
  flex: 0 0 100px;
  text-align: center;
  outline: 1px #000 solid;
}
.mce-timeline .calendar .day.weekend {
  background: blue;
}
.mce-timeline .user-data {
  display: flex;
  padding: 0;
  margin: 0;
}
.mce-timeline .user-data .user-name {
  flex: 0 0 300px;
  color: white;
  background: blue;
  display: inherit;
  padding: 0;
  margin: 0;
}
.mce-timeline .user-data .tasks {
  background: orange;
  width: 100%;
  display: flex;
}
.mce-timeline .user-data .tasks .task {
  color: white;
  height: 25px;
  font-size: 12px;
  line-height: 25px;
  text-align: center;
  background: purple;
  border-radius: 4px;
  outline: 1px white solid;
}

div.mce-ui-worklog-card {
  display: flex;
  justify-content: space-between;
  background: var("-missing-in-local-colors-green");
  border: 1px solid #b570ff;
  padding: 1.125rem 1rem;
  border-radius: 0.5rem;
}
div.mce-ui-worklog-card h6 {
  color: #44008c;
}
div.mce-ui-worklog-card .platform, div.mce-ui-worklog-card .hour {
  color: #6900d9;
}
div.mce-ui-worklog-card div input {
  text-align: center;
}
div.mce-ui-worklog-card div:first-of-type {
  width: 83%;
}

/* VERSION: 1.0.1 */
.mce-text-card {
  border-radius: 1.5rem;
}
.mce-text-card.shadows {
  box-shadow: 0 12px 56px 0 rgba(0, 0, 0, 0.1);
}
.mce-text-card.shadows .cards-content {
  border: none;
}
.mce-text-card .mce-call-to-action {
  width: 100%;
  height: 100%;
}
.mce-text-card .mce-call-to-action.banner {
  padding: 2rem 2rem;
}
.mce-text-card .mce-call-to-action.banner .banner-content {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
}
.mce-text-card .mce-call-to-action.banner .banner-content p {
  margin: 0;
}

/* VERSION 1.0.0 */
div.mce-floating-chat-cover {
  position: relative;
  z-index: 1000;
}
div.mce-floating-chat-cover .mce-floating-chat-activator {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 50%;
  padding-block: 3px 0;
  background: #1972f5;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
div.mce-floating-chat-cover .mce-floating-chat-activator .chat-activator-icon {
  display: inline-block;
  width: 2.063rem;
  height: 1.75rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMwIiB3aWR0aD0iMzUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxmaWx0ZXIgaWQ9ImEiIGhlaWdodD0iMTM4LjclIiB3aWR0aD0iMTMxLjQlIiB4PSItMTUuNyUiIHk9Ii0xNS4xJSI+PGZlTW9ycGhvbG9neSBpbj0iU291cmNlQWxwaGEiIG9wZXJhdG9yPSJkaWxhdGUiIHJhZGl1cz0iMSIgcmVzdWx0PSJzaGFkb3dTcHJlYWRPdXRlcjEiLz48ZmVPZmZzZXQgZHk9IjEiIGluPSJzaGFkb3dTcHJlYWRPdXRlcjEiIHJlc3VsdD0ic2hhZG93T2Zmc2V0T3V0ZXIxIi8+PGZlR2F1c3NpYW5CbHVyIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIHJlc3VsdD0ic2hhZG93Qmx1ck91dGVyMSIgc3RkRGV2aWF0aW9uPSIxIi8+PGZlQ29tcG9zaXRlIGluPSJzaGFkb3dCbHVyT3V0ZXIxIiBpbjI9IlNvdXJjZUFscGhhIiBvcGVyYXRvcj0ib3V0IiByZXN1bHQ9InNoYWRvd0JsdXJPdXRlcjEiLz48ZmVDb2xvck1hdHJpeCBpbj0ic2hhZG93Qmx1ck91dGVyMSIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjA3IDAiLz48L2ZpbHRlcj48cGF0aCBpZD0iYiIgZD0iTTE0LjIzIDIwLjQ2bC05LjY1IDEuMUwzIDUuMTIgMzAuMDcgMmwxLjU4IDE2LjQ2LTkuMzcgMS4wNy0zLjUgNS43Mi00LjU1LTQuOHoiLz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48dXNlIGZpbGw9IiMwMDAiIGZpbHRlcj0idXJsKCNhKSIgeGxpbms6aHJlZj0iI2IiLz48dXNlIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIiB4bGluazpocmVmPSIjYiIvPjwvZz48L3N2Zz4=);
  transition: 0.1s ease-in-out;
}
div.mce-floating-chat-cover .mce-floating-chat-activator .chat-activator-icon.opened {
  width: 1.125rem;
  height: 1.125rem;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE5LjM5OSAyLjA0YTEuMzM0IDEuMzM0IDAgMDAtMi4yOS0uOTNsLTcuMDU2IDcuMDU3TDIuOTk1IDEuMTFBMS4zMzMgMS4zMzMgMCAxMDEuMTEgMi45OTVsNy4wNTcgNy4wNThMMS4xMSAxNy4xMWExLjMzNCAxLjMzNCAwIDEwMS44ODUgMS44ODVsNy4wNTgtNy4wNTcgNy4wNTcgNy4wNTdhMS4zMzQgMS4zMzQgMCAxMDEuODg1LTEuODg1bC03LjA1Ny03LjA1NyA3LjA1Ny03LjA1OGExLjMzMiAxLjMzMiAwIDAwLjQwNC0uOTU1eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==);
}
div.mce-floating-chat-cover .mce-modal .modal-contents {
  min-width: 80% !important;
}
div.mce-floating-chat-cover .mce-modal .modal-info {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  max-height: 200px;
  overflow-y: auto;
  scrollbar-width: thin;
}
div.mce-floating-chat-cover .mce-modal .modal-info .floating-chat-group-member-list {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
div.mce-floating-chat-cover .mce-modal .modal-info .floating-chat-group-member-list .floating-chat-members-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  cursor: pointer;
}
div.mce-floating-chat-cover .mce-modal .modal-info .floating-chat-group-member-list .floating-chat-members-icon img {
  width: 100%;
  height: 100%;
}
div.mce-floating-chat-cover .mce-floating-chat-main {
  display: none;
  background: white;
  box-shadow: rgba(0, 0, 0, 0.02) 0px 6px 6px 0px, rgba(0, 0, 0, 0.12) 0px 8px 24px 0px;
  bottom: 100px;
  right: 20px;
  position: fixed;
  border-radius: 0.75rem;
  overflow: hidden;
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-head-content .floating-chat-header {
  height: fit-content;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding-block: 1rem;
  align-items: center;
  justify-content: center;
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-head-content .floating-chat-header .chat-win-header-bg {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: #1972F5;
  background-image: linear-gradient(rgba(0, 0, 0, 0.01) 0px, rgba(0, 0, 0, 0.04) 99%);
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-head-content .floating-chat-header .chat-win-header-bg::before {
  background-repeat: repeat;
  content: "";
  background-size: 52px;
  opacity: 0.075;
  display: block;
  height: 100%;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3NyIgaGVpZ2h0PSIxMDciPjxwYXRoIGQ9Ik00NiAxMDFhNSA1IDAgMDE1IDVoNWE1IDUgMCAwMTEwIDBoNWE1IDUgMCAwMTUtNXYtNWE1IDUgMCAwMTAtMTB2LTVhNSA1IDAgMDEwLTEwdi01YTUgNSAwIDAxMC0xMHYtNWE1IDUgMCAwMTAtMTB2LTVhNSA1IDAgMDEwLTEwdi01YTUgNSAwIDAxMC0xMFY2YTUgNSAwIDAxLTUtNWgtNWE1IDUgMCAwMS0xMCAwaC01YTUgNSAwIDAxLTEwIDBoLTVhNSA1IDAgMDEtMTAgMGgtNWE1IDUgMCAwMS0xMCAwSDZhNSA1IDAgMDEtNSA1djVhNSA1IDAgMDEwIDEwdjVhNSA1IDAgMDEwIDEwdjVhNSA1IDAgMDEwIDEwdjVhNSA1IDAgMDEwIDEwdjVhNSA1IDAgMDEwIDEwdjVhNSA1IDAgMDEwIDEwdjVhNSA1IDAgMDE1IDVoNWE1IDUgMCAwMTEwIDBoNWE1IDUgMCAwMTEwIDBoNWE1IDUgMCAwMTUtNXptMTUtMmE3IDcgMCAwMC02LjcxIDVoLTEuNThhNyA3IDAgMDAtMTMuNDIgMGgtMS41OGE3IDcgMCAwMC0xMy40MiAwaC0xLjU4YTcgNyAwIDAwLTEzLjQyIDBINy43MUE3LjAxIDcuMDEgMCAwMDMgOTkuMjl2LTEuNThhNyA3IDAgMDAwLTEzLjQydi0xLjU4YTcgNyAwIDAwMC0xMy40MnYtMS41OGE3IDcgMCAwMDAtMTMuNDJ2LTEuNThhNyA3IDAgMDAwLTEzLjQydi0xLjU4YTcgNyAwIDAwMC0xMy40MnYtMS41OEE3IDcgMCAwMDMgOS4yOVY3LjcxQTcuMDIgNy4wMiAwIDAwNy43MSAzaDEuNThhNyA3IDAgMDAxMy40MiAwaDEuNThhNyA3IDAgMDAxMy40MiAwaDEuNThhNyA3IDAgMDAxMy40MiAwaDEuNThhNyA3IDAgMDAxMy40MiAwaDEuNThBNy4wMiA3LjAyIDAgMDA3NCA3LjcxdjEuNThhNyA3IDAgMDAwIDEzLjQydjEuNThhNyA3IDAgMDAwIDEzLjQydjEuNThhNyA3IDAgMDAwIDEzLjQydjEuNThhNyA3IDAgMDAwIDEzLjQydjEuNThhNyA3IDAgMDAwIDEzLjQydjEuNThhNyA3IDAgMDAwIDEzLjQydjEuNThhNy4wMSA3LjAxIDAgMDAtNC43MSA0LjcxaC0xLjU4QTcgNyAwIDAwNjEgOTl6TTEyIDEyaDUzdjgzSDEyVjEyem01MSA4MUgxNFYxNGg0OXY3OXoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==");
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-head-content .floating-chat-header .head-chat-header {
  position: relative;
  display: flex;
  gap: 0.5rem;
  color: white;
  background: #0057D7;
  font-size: 0.75rem;
  font-weight: 500;
  padding-block: 0.375rem;
  padding-inline: 1.272rem;
  border-radius: 0.75rem;
  cursor: pointer;
  transition: 0.2s ease-in-out;
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-head-content .floating-chat-header .head-chat-header:hover {
  background: #0051C8;
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-head-content .floating-chat-header .head-chat-header .chat-win-header-icon {
  display: inline-block;
  width: 15px;
  height: 15px;
  background-color: white;
  --mask-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBkPSJNMTMuMDUzIDQuNTU0YzEuOTQxLjc4NSAzLjI4NyAyLjQ3MiAzLjI4NyA0LjQzMyAwIC45Mi0uMzAxIDEuNzc5LS44MTcgMi41MTV2Mi45NzNhLjUyNC41MjQgMCAwMS0uODM4LjQybC0xLjg0OS0xLjM4N2E2LjU0MyA2LjU0MyAwIDAxLTIuMjE1LjM4MWMtMi4xMTcgMC0zLjk2MS0uOTktNC45NS0yLjQ1NGwuMDQ4LjAwM2M0LjA1NSAwIDcuMzUzLTIuOTMyIDcuMzUzLTYuNTM2IDAtLjExNy0uMDEyLS4yMzItLjAxOS0uMzQ4ek01LjcxOSAwYzMuMTU5IDAgNS43MiAyLjE5NCA1LjcyIDQuOTAycy0yLjU2MSA0LjkwMi01LjcyIDQuOTAyYTYuNTQgNi41NCAwIDAxLTIuMjE1LS4zODFsLTEuODQ4IDEuMzg2YS41MjUuNTI1IDAgMDEtLjgzOS0uNDJWNy40MThDLjMwMSA2LjY4IDAgNS44MjMgMCA0LjkwMiAwIDIuMTk0IDIuNTYgMCA1LjcyIDB6Ii8+PC9jbGlwUGF0aD48ZyBjbGlwLXBhdGg9InVybCgjYSkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLjUpIj48cGF0aCBkPSJNMCAwaDE2LjM0djE1SDB6Ii8+PC9nPjwvc3ZnPg==");
  mask-size: contain;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-image: var(--mask-image);
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-image: var(--mask-image);
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-head-content .floating-chat-header .head-chat-content {
  display: flex;
  position: relative;
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-head-content .floating-chat-header .head-chat-content div {
  cursor: pointer;
  position: relative;
  width: 38px;
  height: 38px;
  border-radius: 38px;
  flex-shrink: 0;
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-head-content .floating-chat-header .head-chat-content div img {
  border-radius: 38px;
  width: 100%;
  height: 100%;
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-head-content .floating-chat-header .head-chat-content div.head-chat-bot-icon {
  flex-shrink: 0;
  outline: 2px solid #007bff;
  margin-left: -6px;
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-head-content .floating-chat-header .head-chat-content div:hover {
  z-index: 5;
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-head-content .floating-chat-header .head-chat-content .chat-user-count {
  user-select: none;
  cursor: pointer;
  width: 38px;
  height: 38px;
  background: #e4e4e4;
  color: #405958;
  font-size: 12.4px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: -6px;
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-head-content .floating-chat-header .head-chat-content.with-assistant {
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-head-content .floating-chat-header .head-chat-content.with-assistant .head-chat-assistant-text {
  color: white;
  font-size: 0.775rem;
  font-weight: 600;
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-head-content .floating-chat-header .head-chat-content.with-assistant .head-chat-assistant-icon .head-footer-status-indicator {
  height: 8px;
  width: 8px;
  border-radius: 50%;
  background-color: #4ece3d;
  position: absolute;
  bottom: 1px;
  right: 2px;
  outline: 2px solid #1871f4;
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-head-content .floating-chat-header .head-chat-content.with-assistant .head-chat-assistant-btn {
  background-color: rgba(255, 255, 255, 0.1019607843);
  width: 1.688rem;
  height: 1.688rem;
  border-radius: 0.313rem;
  padding-inline: 0.5rem;
  padding-block: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: 0.2s ease-in-out;
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-head-content .floating-chat-header .head-chat-content.with-assistant .head-chat-assistant-btn:hover {
  background-color: rgba(255, 255, 255, 0.1764705882);
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-head-content .floating-chat-header .head-chat-content.with-assistant .head-chat-assistant-btn .head-chat-assistant-btn-icon {
  flex-shrink: 0;
  display: inline-block;
  width: 0.938rem;
  height: 0.938rem;
  background-color: white;
  --mask-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE0IiB3aWR0aD0iNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGQ9Ik00IDB2MTRIMFYweiIvPjwvY2xpcFBhdGg+PGNsaXBQYXRoIGlkPSJiIj48cGF0aCBkPSJNMiAwYTEuNSAxLjUgMCAwMTEuNSAxLjVWMkExLjUgMS41IDAgMDEyIDMuNWgtLjVBMS41IDEuNSAwIDAxMCAydi0uNUExLjUgMS41IDAgMDExLjUgMHoiLz48L2NsaXBQYXRoPjxnIGNsaXAtcGF0aD0idXJsKCNhKSI+PGcgY2xpcC1wYXRoPSJ1cmwoI2IpIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSguMjUgMTAuNSkiPjxwYXRoIGQ9Ik0wIDBoMy41djMuNUgweiIvPjwvZz48ZyBjbGlwLXBhdGg9InVybCgjYikiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC4yNSA1LjI1KSI+PHBhdGggZD0iTTAgMGgzLjV2My41SDB6Ii8+PC9nPjxnIGNsaXAtcGF0aD0idXJsKCNiKSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLjI1KSI+PHBhdGggZD0iTTAgMGgzLjV2My41SDB6Ii8+PC9nPjwvZz48L3N2Zz4=);
  mask-size: contain;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-image: var(--mask-image);
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-image: var(--mask-image);
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-head-content .floating-chat-header .head-chat-content.with-assistant .head-chat-content-more-channel {
  display: none;
  position: absolute;
  background: white;
  z-index: 1;
  top: 45px;
  width: 126px;
  height: 44px;
  border-radius: 0.875rem;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.08), 0 3px 1px 0 rgba(0, 0, 0, 0.02);
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-head-content .floating-chat-header .head-chat-content.with-assistant .head-chat-content-more-channel div {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-head-content .floating-chat-header .head-chat-content.with-assistant .head-chat-content-more-channel div span {
  cursor: pointer;
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-color: #7f95ab;
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-head-content .floating-chat-header .head-chat-content.with-assistant .head-chat-content-more-channel div span.instagram {
  --mask-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE0IiB3aWR0aD0iMTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkuMjQgN2EyLjI0IDIuMjQgMCAxMS00LjQ4IDAgMi4yNCAyLjI0IDAgMDE0LjQ4IDB6TTE0IDMuOTJ2Ni4xNkEzLjkyNCAzLjkyNCAwIDAxMTAuMDggMTRIMy45MkEzLjkyNCAzLjkyNCAwIDAxMCAxMC4wOFYzLjkyQTMuOTI0IDMuOTI0IDAgMDEzLjkyIDBoNi4xNkEzLjkyNCAzLjkyNCAwIDAxMTQgMy45MnpNMTAuMzYgN2EzLjM2IDMuMzYgMCAxMC02LjcyIDAgMy4zNiAzLjM2IDAgMDA2LjcyIDB6bTEuMTItMy42NGEuODQuODQgMCAxMC0xLjY4IDAgLjg0Ljg0IDAgMDAxLjY4IDB6Ii8+PC9zdmc+);
  mask-size: contain;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-image: var(--mask-image);
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-image: var(--mask-image);
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-head-content .floating-chat-header .head-chat-footer {
  position: relative;
  font-size: 0.775rem;
  line-height: 1.125rem;
  color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-head-content .floating-chat-header .head-chat-footer .head-footer-info {
  font-weight: 500;
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-head-content .floating-chat-header .head-chat-footer div {
  display: flex;
  font-weight: 200;
  align-items: center;
  justify-content: center;
  gap: 0.2rem;
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-head-content .floating-chat-header .head-chat-footer div .head-footer-status-indicator {
  height: 8px;
  width: 8px;
  border-radius: 50%;
  background-color: #4ece3d;
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-head-content .floating-chat-header .chat-win-header-mobile-close {
  position: absolute;
  width: 1.313rem;
  height: 1.313rem;
  display: none;
  justify-content: center;
  align-items: center;
  top: 20px;
  right: 20px;
  border-radius: 5px;
  cursor: pointer;
  transition: 0.2s ease-in-out;
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-head-content .floating-chat-header .chat-win-header-mobile-close:hover {
  background: #004AB5;
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-head-content .floating-chat-header .chat-win-header-mobile-close .chat-win-header-mobile-close-icon {
  display: inline-block;
  width: 0.625rem;
  height: 0.813rem;
  background-color: white;
  --mask-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjgiIHdpZHRoPSI5IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik03LjUuN0wxIDcuM00xIC43bDYuNSA2LjYiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNCIvPjwvc3ZnPg==);
  mask-size: contain;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-image: var(--mask-image);
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-image: var(--mask-image);
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-head-content .floating-chat-content {
  overflow-y: auto;
  scrollbar-width: thin;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  max-height: 486px;
  padding-inline: 0.75rem;
  padding-block: 0.938rem;
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-head-content .floating-chat-content.with-assistant {
  max-height: 520px;
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-head-content .floating-chat-content .chat-template-separator, div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-head-content .floating-chat-content .chat-template-message {
  display: none !important;
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-head-content .floating-chat-content .chat-content-error-message {
  position: sticky;
  top: 0;
  display: flex;
  align-items: center;
  background: #fff2f3;
  padding: 0.5rem 0.5rem;
  border-radius: 0.5rem;
  gap: 0.5rem;
  opacity: 0.9;
  width: 100%;
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-head-content .floating-chat-content .chat-content-error-message .chat-content-error-icon {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  color: white;
  border-radius: 50%;
  background: #ee334b;
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-head-content .floating-chat-content .chat-content-error-message .chat-content-error-info {
  display: flex;
  flex-direction: column;
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-head-content .floating-chat-content .chat-content-error-message .chat-content-error-info .chat-content-error-title {
  color: #ee334b;
  font-size: 0.775rem;
  font-weight: 600;
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-head-content .floating-chat-content .chat-content-error-message .chat-content-error-info .chat-content-error-text {
  font-size: 0.75rem;
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-head-content .floating-chat-content .chat-content-error-message.reconnecting {
  position: sticky;
  top: 0;
}
@keyframes reconnectPulse {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-head-content .floating-chat-content .chat-content-error-message.reconnecting .chat-content-error-icon {
  animation: reconnectPulse 3s ease-in-out infinite;
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-head-content .floating-chat-content .chat-content-error-message.reconnecting .chat-content-error-info .chat-content-error-title {
  color: #1c293b;
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-head-content .floating-chat-content .chat-message-seperated-by-date {
  width: 100%;
  display: flex;
  gap: 0.5rem;
  flex-direction: column;
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-head-content .floating-chat-content .chat-message-seperated-by-date .mce-chat-message {
  display: flex;
  gap: 0.5rem;
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-head-content .floating-chat-content .chat-message-seperated-by-date .mce-chat-message .chat-message-icon {
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-head-content .floating-chat-content .chat-message-seperated-by-date .mce-chat-message .chat-message-icon img {
  border-radius: 50%;
  width: 100%;
  height: 100%;
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-head-content .floating-chat-content .chat-message-seperated-by-date .mce-chat-message .chat-message-content {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-head-content .floating-chat-content .chat-message-seperated-by-date .mce-chat-message .chat-message-content .chat-message-title {
  color: #92a9c1;
  font-size: 0.75rem;
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-head-content .floating-chat-content .chat-message-seperated-by-date .mce-chat-message .chat-message-content .chat-message-text {
  background: #1972f5;
  font-size: 0.788rem;
  border-radius: 0.625rem;
  padding-block: 0.5rem;
  padding-inline: 0.875rem;
  color: white;
  display: flex;
  flex-direction: column;
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-head-content .floating-chat-content .chat-message-seperated-by-date .mce-chat-message.user-message {
  justify-content: end;
  flex-direction: row-reverse;
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-head-content .floating-chat-content .chat-message-seperated-by-date .mce-chat-message.user-message .chat-message-content .chat-message-title {
  text-align: end;
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-head-content .floating-chat-content .chat-message-seperated-by-date .mce-chat-message.user-message .chat-message-content .chat-message-text {
  background: #eff0f4;
  font-size: 0.788rem;
  border-radius: 0.625rem;
  padding-block: 0.5rem;
  padding-inline: 0.875rem;
  color: #242d40;
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-head-content .floating-chat-content .chat-message-seperated-by-date .chat-content-date-separator {
  text-align: center;
  font-weight: 700;
  font-size: 0.625rem;
  color: #061428;
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-footer {
  position: relative;
  padding-inline: 0.75rem;
  height: 100%;
  background: white;
  max-height: 94px;
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-footer hr {
  border-top: 1px solid #acb6cd;
  margin: 0;
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-footer .foot-message-input-div {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  background: white;
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-footer .foot-message-input-div input {
  border: none;
  font-size: 0.85rem;
  color: #1c293b;
  max-width: 320px;
  width: 100%;
  padding-block: 1.125rem;
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-footer .foot-message-input-div input::placeholder {
  font-size: 0.85rem;
  color: #a8bacd;
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-footer .foot-message-input-div .foot-send-msg-btn-activator {
  display: none;
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-footer .foot-message-input-div .foot-send-msg-btn-activator .foot-send-msg-btn {
  background-color: #1972f5;
  width: 2.063rem;
  height: 2.063rem;
  border-radius: 0.625rem;
  padding-inline: 0.5rem;
  padding-block: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-footer .foot-message-input-div .foot-send-msg-btn-activator .foot-send-msg-btn .foot-send-msg-btn-icon {
  display: inline-block;
  width: 0.938rem;
  height: 0.938rem;
  background-color: white;
  --mask-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBkPSJNMTQuODQuMDU0YS44NjQuODY0IDAgMDExLjEwNyAxLjEwN2wtNS4xODkgMTQuMjdhLjg2NC44NjQgMCAwMS0xLjQyMy4zMTZMNi4xNSAxMi41NmEuODY0Ljg2NCAwIDAxLS4wNTYtMS4xNmw3LjAzLTguNTIyTDQuNiA5LjkwOGEuODY0Ljg2NCAwIDAxLTEuMTYtLjA1NkwuMjUyIDYuNjY2QS44NjQuODY0IDAgMDEuNTcgNS4yNDN6Ii8+PC9jbGlwUGF0aD48ZyBjbGlwLXBhdGg9InVybCgjYSkiIHRyYW5zZm9ybT0icm90YXRlKDQ1IDYuNTE2IDQuMzQxKSI+PHBhdGggZD0iTTAgMGgxNnYxNkgweiIvPjwvZz48L3N2Zz4=");
  mask-size: contain;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-image: var(--mask-image);
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-image: var(--mask-image);
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-footer .foot-under-tools {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-footer .foot-under-tools .chat-footer-tools {
  display: flex;
  width: 100%;
  gap: 0.6rem;
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-footer .foot-under-tools .chat-footer-tools span.foot-tool-emoji-btn, div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-footer .foot-under-tools .chat-footer-tools span.foot-tool-attach-file-btn, div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-footer .foot-under-tools .chat-footer-tools span.foot-tool-record-audio-btn {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-color: #a8bacd;
  cursor: pointer;
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-footer .foot-under-tools .chat-footer-tools span.foot-tool-emoji-btn:hover, div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-footer .foot-under-tools .chat-footer-tools span.foot-tool-attach-file-btn:hover, div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-footer .foot-under-tools .chat-footer-tools span.foot-tool-record-audio-btn:hover {
  background-color: #7c92a7;
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-footer .foot-under-tools .chat-footer-tools span.foot-tool-emoji-btn.foot-tool-emoji-btn, div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-footer .foot-under-tools .chat-footer-tools span.foot-tool-attach-file-btn.foot-tool-emoji-btn, div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-footer .foot-under-tools .chat-footer-tools span.foot-tool-record-audio-btn.foot-tool-emoji-btn {
  --mask-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTcuOTkyIDBDMy41NzYgMCAwIDMuNTg0IDAgOHMzLjU3NiA4IDcuOTkyIDhDMTIuNDE2IDE2IDE2IDEyLjQxNiAxNiA4cy0zLjU4NC04LTguMDA4LTh6TTggMTQuNEE2LjM5OCA2LjM5OCAwIDAxMS42IDhjMC0zLjUzNiAyLjg2NC02LjQgNi40LTYuNCAzLjUzNiAwIDYuNCAyLjg2NCA2LjQgNi40IDAgMy41MzYtMi44NjQgNi40LTYuNCA2LjR6bTIuOC03LjJjLjY2NCAwIDEuMi0uNTM2IDEuMi0xLjIgMC0uNjY0LS41MzYtMS4yLTEuMi0xLjJTOS42IDUuMzM2IDkuNiA2YzAgLjY2NC41MzYgMS4yIDEuMiAxLjJ6bS01LjYgMGMuNjY0IDAgMS4yLS41MzYgMS4yLTEuMiAwLS42NjQtLjUzNi0xLjItMS4yLTEuMlM0IDUuMzM2IDQgNmMwIC42NjQuNTM2IDEuMiAxLjIgMS4yek04IDEyLjRhNC4zNzUgNC4zNzUgMCAwMDMuNDU2LTEuNjkyYy4zNzgtLjQ4NS0uMDMzLTEuMTA4LS42NDgtMS4xMDhINS4xOTJjLS42MTUgMC0xLjAyNi42MjMtLjY0OCAxLjEwOEE0LjM3NSA0LjM3NSAwIDAwOCAxMi40eiIvPjwvc3ZnPg==");
  mask-size: contain;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-image: var(--mask-image);
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-image: var(--mask-image);
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-footer .foot-under-tools .chat-footer-tools span.foot-tool-emoji-btn.foot-tool-emoji-btn:hover ~ .emoji-tooltip, div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-footer .foot-under-tools .chat-footer-tools span.foot-tool-attach-file-btn.foot-tool-emoji-btn:hover ~ .emoji-tooltip, div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-footer .foot-under-tools .chat-footer-tools span.foot-tool-record-audio-btn.foot-tool-emoji-btn:hover ~ .emoji-tooltip {
  display: flex;
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-footer .foot-under-tools .chat-footer-tools span.foot-tool-emoji-btn.foot-tool-emoji-btn:hover ~ .emoji-tooltip::after, div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-footer .foot-under-tools .chat-footer-tools span.foot-tool-attach-file-btn.foot-tool-emoji-btn:hover ~ .emoji-tooltip::after, div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-footer .foot-under-tools .chat-footer-tools span.foot-tool-record-audio-btn.foot-tool-emoji-btn:hover ~ .emoji-tooltip::after {
  left: 14px;
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-footer .foot-under-tools .chat-footer-tools span.foot-tool-emoji-btn.foot-tool-attach-file-btn, div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-footer .foot-under-tools .chat-footer-tools span.foot-tool-attach-file-btn.foot-tool-attach-file-btn, div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-footer .foot-under-tools .chat-footer-tools span.foot-tool-record-audio-btn.foot-tool-attach-file-btn {
  --mask-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwLjU0NiA0LjM2M3Y3LjU2M2MwIDEuMjE1LS44MjIgMi4zMi0yLjAxMSAyLjU2NEEyLjU1IDIuNTUgMCAwMTUuNDU1IDEyVjIuOTljMC0uNzIzLjQ5My0xLjM5NyAxLjIwOC0xLjUxNS45MS0uMTUxIDEuNy41NSAxLjcgMS40MzR2Ny42MzZhLjM2NC4zNjQgMCAwMS0uNzI3IDBWNC4zNjNhLjcyOC43MjggMCAwMC0xLjQ1NCAwdjYuMDc1YzAgLjk1Mi42ODMgMS44MiAxLjYyOSAxLjkxNmExLjgyIDEuODIgMCAwMDIuMDA3LTEuODA5VjMuMDM4QzkuODE4IDEuNTIgOC43MTEuMTYxIDcuMi4wMTRBMi45MTIgMi45MTIgMCAwMDQgMi45MXY4LjkxM2MwIDIuMDg4IDEuNTIyIDMuOTU1IDMuNiA0LjE1OEE0LjAwNSA0LjAwNSAwIDAwMTIgMTJWNC4zNjNhLjcyOC43MjggMCAwMC0xLjQ1NCAweiIvPjwvc3ZnPg==");
  mask-size: contain;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-image: var(--mask-image);
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-image: var(--mask-image);
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-footer .foot-under-tools .chat-footer-tools span.foot-tool-emoji-btn.foot-tool-attach-file-btn:hover ~ .send-file-tooltip, div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-footer .foot-under-tools .chat-footer-tools span.foot-tool-attach-file-btn.foot-tool-attach-file-btn:hover ~ .send-file-tooltip, div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-footer .foot-under-tools .chat-footer-tools span.foot-tool-record-audio-btn.foot-tool-attach-file-btn:hover ~ .send-file-tooltip {
  display: flex;
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-footer .foot-under-tools .chat-footer-tools span.foot-tool-emoji-btn.foot-tool-attach-file-btn input[type=file], div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-footer .foot-under-tools .chat-footer-tools span.foot-tool-attach-file-btn.foot-tool-attach-file-btn input[type=file], div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-footer .foot-under-tools .chat-footer-tools span.foot-tool-record-audio-btn.foot-tool-attach-file-btn input[type=file] {
  cursor: pointer;
  opacity: 0;
  height: 100%;
  width: 100%;
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-footer .foot-under-tools .chat-footer-tools span.foot-tool-emoji-btn.foot-tool-record-audio-btn, div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-footer .foot-under-tools .chat-footer-tools span.foot-tool-attach-file-btn.foot-tool-record-audio-btn, div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-footer .foot-under-tools .chat-footer-tools span.foot-tool-record-audio-btn.foot-tool-record-audio-btn {
  --mask-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3QgaGVpZ2h0PSI2IiByeD0iLjg3NSIgd2lkdGg9IjEuNzUiIHg9IjEzLjEyNSIgeT0iNSIvPjxyZWN0IGhlaWdodD0iMTAuNSIgcng9Ii44NzUiIHdpZHRoPSIxLjc1IiB4PSIxMC4xMjUiIHk9IjIuNzUiLz48cmVjdCBoZWlnaHQ9IjE0IiByeD0iLjg3NSIgd2lkdGg9IjEuNzUiIHg9IjcuMTI1IiB5PSIxIi8+PHJlY3QgaGVpZ2h0PSI2IiByeD0iLjg3NSIgd2lkdGg9IjEuNzUiIHg9IjQuMTI1IiB5PSI1Ii8+PHJlY3QgaGVpZ2h0PSIxMCIgcng9Ii44NzUiIHdpZHRoPSIxLjc1IiB4PSIxLjEyNSIgeT0iMyIvPjwvc3ZnPg==");
  mask-size: contain;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-image: var(--mask-image);
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-image: var(--mask-image);
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-footer .foot-under-tools .chat-footer-tools span.foot-tool-emoji-btn.foot-tool-record-audio-btn:hover ~ .record-audio-tooltip, div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-footer .foot-under-tools .chat-footer-tools span.foot-tool-attach-file-btn.foot-tool-record-audio-btn:hover ~ .record-audio-tooltip, div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-footer .foot-under-tools .chat-footer-tools span.foot-tool-record-audio-btn.foot-tool-record-audio-btn:hover ~ .record-audio-tooltip {
  display: flex;
  left: 10px;
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-footer .foot-under-tools .chat-footer-tools .send-file-tooltip, div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-footer .foot-under-tools .chat-footer-tools .record-audio-tooltip, div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-footer .foot-under-tools .chat-footer-tools .emoji-tooltip {
  position: absolute;
  display: none;
  justify-content: center;
  align-items: center;
  padding: 0.8rem 0.5rem;
  border-radius: 0.2rem;
  width: fit-content;
  height: 1.25rem;
  font-size: 0.775rem;
  top: -38px;
  background: white;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.08), 0 3px 1px 0 rgba(0, 0, 0, 0.02);
  left: -6px;
}
div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-footer .foot-under-tools .chat-footer-tools .send-file-tooltip::after, div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-footer .foot-under-tools .chat-footer-tools .record-audio-tooltip::after, div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-footer .foot-under-tools .chat-footer-tools .emoji-tooltip::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  border: 5px solid transparent;
  border-top-color: white;
}
div.mce-floating-chat-cover .mce-floating-chat-main {
  width: 400px;
  height: 730px;
  transition: width, height 0.2s ease-in-out;
}
@media screen and (max-width: 625px) {
  div.mce-floating-chat-cover .mce-floating-chat-main {
    width: 360px;
    height: 610px;
  }
  div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-head-content .floating-chat-content {
    height: 370px;
  }
  div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-head-content .floating-chat-content.with-assistant {
    height: 410px;
  }
}
@media screen and (max-width: 525px) {
  div.mce-floating-chat-cover .mce-floating-chat-main {
    width: 320px;
    height: 490px;
  }
  div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-head-content .floating-chat-content {
    height: 250px;
  }
  div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-head-content .floating-chat-content.with-assistant {
    height: 290px;
  }
}
@media screen and (max-width: 425px) {
  div.mce-floating-chat-cover .mce-floating-chat-main {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 0;
  }
  div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-head-content {
    height: calc(100% - 94px);
  }
  div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-head-content .floating-chat-header .chat-win-header-mobile-close {
    display: flex;
  }
  div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-head-content .floating-chat-content {
    max-height: calc(100% - 150px);
    height: 100%;
  }
  div.mce-floating-chat-cover .mce-floating-chat-main .mce-floating-chat-main-content .floating-chat-head-content .floating-chat-content.with-assistant {
    height: 100%;
    max-height: calc(100% - 112px);
  }
}

.mce-chat-window-container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.mce-chat-window-container .mce-chat-window-container-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mce-chat-window-container .mce-chat-window-container-header .chat-window-container-head-content h1 {
  font-size: 1.26rem;
  color: #071437;
  margin: 0;
}
.mce-chat-window-container .mce-chat-window-container-header .chat-window-container-head-content div {
  color: #99a1b7;
  font-size: 0.95rem;
}
.mce-chat-window-container .mce-chat-window-container-header .chat-window-container-head-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
}
.mce-chat-window-container .mce-chat-window-container-header .chat-window-container-head-buttons span.chat-window-container-create-btn, .mce-chat-window-container .mce-chat-window-container-header .chat-window-container-head-buttons span.chat-window-container-filter-btn {
  cursor: pointer;
  padding: 0.5rem 1rem;
  font-weight: 500;
  border-radius: 0.475rem;
  font-size: 0.825rem;
}
.mce-chat-window-container .mce-chat-window-container-header .chat-window-container-head-buttons span.chat-window-container-create-btn.chat-window-container-create-btn, .mce-chat-window-container .mce-chat-window-container-header .chat-window-container-head-buttons span.chat-window-container-filter-btn.chat-window-container-create-btn {
  background: #007bff;
  color: white;
}
.mce-chat-window-container .mce-chat-window-container-header .chat-window-container-head-buttons span.chat-window-container-create-btn.chat-window-container-filter-btn, .mce-chat-window-container .mce-chat-window-container-header .chat-window-container-head-buttons span.chat-window-container-filter-btn.chat-window-container-filter-btn {
  background: #f1f1f4;
  color: #252f4a;
}
.mce-chat-window-container .mce-chat-window-container-content {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: 2rem;
  height: 100%;
}
.mce-chat-window-container .mce-chat-window-container-content .mce-chat-window {
  box-shadow: rgba(0, 0, 0, 0.03) 0px 3px 4px 0px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  max-height: 730px;
  flex-grow: 1;
  background: white;
}
.mce-chat-window-container .mce-chat-window-container-content .mce-chat-window .mce-modal .modal-contents {
  min-width: 80% !important;
}
.mce-chat-window-container .mce-chat-window-container-content .mce-chat-window .mce-modal .modal-info {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  max-height: 200px;
  overflow-y: auto;
  scrollbar-width: thin;
}
.mce-chat-window-container .mce-chat-window-container-content .mce-chat-window .mce-modal .modal-info .group-member-list {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.mce-chat-window-container .mce-chat-window-container-content .mce-chat-window .mce-modal .modal-info .group-member-list .chat-window-head-group-member-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  cursor: pointer;
  background: #ffeef3;
  color: #f8285a;
}
.mce-chat-window-container .mce-chat-window-container-content .mce-chat-window .mce-modal .modal-info .group-member-list .chat-window-head-group-member-icon img {
  width: 100%;
  height: 100%;
}
.mce-chat-window-container .mce-chat-window-container-content .mce-chat-window .card-header {
  padding-block: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mce-chat-window-container .mce-chat-window-container-content .mce-chat-window .card-header .chat-window-header {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.mce-chat-window-container .mce-chat-window-container-content .mce-chat-window .card-header .chat-window-header .chat-window-head-group-members, .mce-chat-window-container .mce-chat-window-container-content .mce-chat-window .card-header .chat-window-header .chat-window-head-group-members-content {
  position: relative;
  display: flex;
  flex-direction: row;
}
.mce-chat-window-container .mce-chat-window-container-content .mce-chat-window .card-header .chat-window-header .chat-window-head-group-members .chat-window-head-group-member-icon, .mce-chat-window-container .mce-chat-window-container-content .mce-chat-window .card-header .chat-window-header .chat-window-head-group-members-content .chat-window-head-group-member-icon {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  cursor: pointer;
  background: #ffeef3;
  color: #f8285a;
  margin-left: -10px;
  outline: 1px solid white;
  transition: z-index 0.2s ease-in-out;
}
.mce-chat-window-container .mce-chat-window-container-content .mce-chat-window .card-header .chat-window-header .chat-window-head-group-members .chat-window-head-group-member-icon.max-icon, .mce-chat-window-container .mce-chat-window-container-content .mce-chat-window .card-header .chat-window-header .chat-window-head-group-members-content .chat-window-head-group-member-icon.max-icon {
  order: 999999;
  background: #e4e4e4;
  color: #405958;
}
.mce-chat-window-container .mce-chat-window-container-content .mce-chat-window .card-header .chat-window-header .chat-window-head-group-members .chat-window-head-group-member-icon img, .mce-chat-window-container .mce-chat-window-container-content .mce-chat-window .card-header .chat-window-header .chat-window-head-group-members-content .chat-window-head-group-member-icon img {
  width: 100%;
  height: 100%;
}
.mce-chat-window-container .mce-chat-window-container-content .mce-chat-window .card-header .chat-window-header .chat-window-head-group-members .chat-window-head-group-member-icon:hover, .mce-chat-window-container .mce-chat-window-container-content .mce-chat-window .card-header .chat-window-header .chat-window-head-group-members-content .chat-window-head-group-member-icon:hover {
  z-index: 5;
}
.mce-chat-window-container .mce-chat-window-container-content .mce-chat-window .card-header .chat-window-header .chat-window-status {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.4rem;
}
.mce-chat-window-container .mce-chat-window-container-content .mce-chat-window .card-header .chat-window-header .chat-window-status div {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #17c653;
}
.mce-chat-window-container .mce-chat-window-container-content .mce-chat-window .card-header .chat-window-header .chat-window-status:last-child {
  font-size: 12.35px;
  color: #99a1b7;
}
.mce-chat-window-container .mce-chat-window-container-content .mce-chat-window .card-header .card-toolbar .chat-window-toolbar-btn {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  border-radius: 5.525px;
  transition: 0.2s ease-in-out;
}
.mce-chat-window-container .mce-chat-window-container-content .mce-chat-window .card-header .card-toolbar .chat-window-toolbar-btn i {
  color: #99a1b7;
  transition: 0.2s ease-in-out;
}
.mce-chat-window-container .mce-chat-window-container-content .mce-chat-window .card-header .card-toolbar .chat-window-toolbar-btn:hover {
  background: #e9f3ff;
}
.mce-chat-window-container .mce-chat-window-container-content .mce-chat-window .card-header .card-toolbar .chat-window-toolbar-btn:hover i {
  color: #1b84ff;
}
.mce-chat-window-container .mce-chat-window-container-content .mce-chat-window .card-body {
  overflow-y: auto;
  scrollbar-width: thin;
  padding-inline: 0.4rem;
}
.mce-chat-window-container .mce-chat-window-container-content .mce-chat-window .card-body .chat-window-message-container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.mce-chat-window-container .mce-chat-window-container-content .mce-chat-window .card-body .mce-chat-window-message {
  display: flex;
  flex-direction: column;
  gap: 6.5px;
}
.mce-chat-window-container .mce-chat-window-container-content .mce-chat-window .card-body .mce-chat-window-message.mce-chat-window-message-template {
  display: none;
}
.mce-chat-window-container .mce-chat-window-container-content .mce-chat-window .card-body .mce-chat-window-message .chat-window-message-info {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  justify-content: start;
}
.mce-chat-window-container .mce-chat-window-container-content .mce-chat-window .card-body .mce-chat-window-message .chat-window-message-info .chat-window-message-img {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ffeef3;
  color: #f8285a;
  border-radius: 50%;
  flex-shrink: 0;
  width: 45px;
  height: 45px;
}
.mce-chat-window-container .mce-chat-window-container-content .mce-chat-window .card-body .mce-chat-window-message .chat-window-message-info img {
  width: 35px;
  height: 35px;
  border-radius: 50%;
}
.mce-chat-window-container .mce-chat-window-container-content .mce-chat-window .card-body .mce-chat-window-message .chat-window-message-info a {
  font-size: 14.95px;
  color: #071437;
  text-decoration: none;
  font-weight: 500;
}
.mce-chat-window-container .mce-chat-window-container-content .mce-chat-window .card-body .mce-chat-window-message .chat-window-message-info span {
  font-size: 12.35px;
  color: #99a1b7;
}
.mce-chat-window-container .mce-chat-window-container-content .mce-chat-window .card-body .mce-chat-window-message .chat-window-message-content {
  font-size: 13px;
  border-radius: 6.175px;
  color: #071437;
  background: #f8f5ff;
  padding: 1.25rem 1.25rem;
  max-width: 400px;
  width: fit-content;
}
.mce-chat-window-container .mce-chat-window-container-content .mce-chat-window .card-body .mce-chat-window-message.sender-message {
  align-items: end;
}
.mce-chat-window-container .mce-chat-window-container-content .mce-chat-window .card-body .mce-chat-window-message.sender-message .chat-window-message-info {
  flex-direction: row-reverse;
  justify-content: end;
}
.mce-chat-window-container .mce-chat-window-container-content .mce-chat-window .card-body .mce-chat-window-message.sender-message .chat-window-message-content {
  background: #e9f3ff;
}
.mce-chat-window-container .mce-chat-window-container-content .mce-chat-window .card-footer .chat-window-footer {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
  height: 100%;
}
.mce-chat-window-container .mce-chat-window-container-content .mce-chat-window .card-footer .chat-window-footer textarea {
  border: none;
  width: 100%;
}
.mce-chat-window-container .mce-chat-window-container-content .mce-chat-window .card-footer .chat-window-footer textarea:focus {
  outline: none;
}
.mce-chat-window-container .mce-chat-window-container-content .mce-chat-window .card-footer .chat-window-footer .chat-window-footer-tools {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mce-chat-window-container .mce-chat-window-container-content .mce-chat-window .card-footer .chat-window-footer .chat-window-footer-tools .chat-window-foot-toolbar {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: center;
  justify-content: space-between;
}
.mce-chat-window-container .mce-chat-window-container-content .mce-chat-window .card-footer .chat-window-footer .chat-window-footer-tools .chat-window-foot-toolbar .chat-window-foot-tool-btn {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  border-radius: 5.525px;
  transition: 0.2s ease-in-out;
}
.mce-chat-window-container .mce-chat-window-container-content .mce-chat-window .card-footer .chat-window-footer .chat-window-footer-tools .chat-window-foot-toolbar .chat-window-foot-tool-btn i {
  color: #99a1b7;
  transition: 0.2s ease-in-out;
}
.mce-chat-window-container .mce-chat-window-container-content .mce-chat-window .card-footer .chat-window-footer .chat-window-footer-tools .chat-window-foot-toolbar .chat-window-foot-tool-btn:hover {
  background: #e9f3ff;
}
.mce-chat-window-container .mce-chat-window-container-content .mce-chat-window .card-footer .chat-window-footer .chat-window-footer-tools .chat-window-foot-toolbar .chat-window-foot-tool-btn:hover i {
  color: #1b84ff;
}
.mce-chat-window-container .mce-chat-window-container-content .mce-chat-window .card-footer .chat-window-footer .chat-window-footer-tools .chat-window-foot-tool-send-btn {
  cursor: pointer;
  padding-block: 0.6rem;
  padding-inline: 1.2rem;
  border-radius: 6.175px;
  background: #1b84ff;
  color: white;
}
.mce-chat-window-container .mce-chat-window-container-content .mce-chat-window-list {
  box-shadow: rgba(0, 0, 0, 0.03) 0px 3px 4px 0px;
  max-height: 730px;
  max-width: 389px;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  width: 100%;
  background: white;
  height: 100vh;
}
@media screen and (max-width: 1053px) {
  .mce-chat-window-container .mce-chat-window-container-content .mce-chat-window-list {
    max-width: 100%;
  }
}
.mce-chat-window-container .mce-chat-window-container-content .mce-chat-window-list .card-body {
  width: 100%;
  padding-inline: 0.95rem;
}
.mce-chat-window-container .mce-chat-window-container-content .mce-chat-window-list .card-body .chat-window-list-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  padding-block: 0.775rem;
  padding-inline: 1rem;
  border-radius: 6.175px;
  gap: 0.3rem;
}
.mce-chat-window-container .mce-chat-window-container-content .mce-chat-window-list .card-body .chat-window-list-content {
  max-height: 530px;
  overflow-y: auto;
  scrollbar-width: thin;
  padding-inline: 0.95rem;
  overflow-x: hidden;
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1.3rem;
}
.mce-chat-window-container .mce-chat-window-container-content .mce-chat-window-list .card-body .chat-window-list-content .mce-chat-window-list-item {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.mce-chat-window-container .mce-chat-window-container-content .mce-chat-window-list .card-body .chat-window-list-content .mce-chat-window-list-item.mce-chat-window-list-item-template {
  display: none;
}
.mce-chat-window-container .mce-chat-window-container-content .mce-chat-window-list .card-body .chat-window-list-content .mce-chat-window-list-item .chat-window-list-item-head {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 80%;
}
.mce-chat-window-container .mce-chat-window-container-content .mce-chat-window-list .card-body .chat-window-list-content .mce-chat-window-list-item .chat-window-list-item-head .mce-chat-window-list-item-icon {
  position: relative;
}
.mce-chat-window-container .mce-chat-window-container-content .mce-chat-window-list .card-body .chat-window-list-content .mce-chat-window-list-item .chat-window-list-item-head .mce-chat-window-list-item-icon .chat-window-list-item-img {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ffeef3;
  color: #f8285a;
  border-radius: 50%;
  flex-shrink: 0;
  width: 45px;
  height: 45px;
}
.mce-chat-window-container .mce-chat-window-container-content .mce-chat-window-list .card-body .chat-window-list-content .mce-chat-window-list-item .chat-window-list-item-head .mce-chat-window-list-item-icon img {
  width: 45px;
  height: 45px;
  border-radius: 50%;
}
.mce-chat-window-container .mce-chat-window-container-content .mce-chat-window-list .card-body .chat-window-list-content .mce-chat-window-list-item .chat-window-list-item-head .mce-chat-window-list-item-icon .chat-window-list-item-status-indicator {
  position: absolute;
  background: #17c653;
  outline: 1px solid white;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  bottom: 2px;
  right: 4px;
}
.mce-chat-window-container .mce-chat-window-container-content .mce-chat-window-list .card-body .chat-window-list-content .mce-chat-window-list-item .chat-window-list-item-head .mce-chat-window-list-item-info {
  display: flex;
  flex-direction: column;
}
.mce-chat-window-container .mce-chat-window-container-content .mce-chat-window-list .card-body .chat-window-list-content .mce-chat-window-list-item .chat-window-list-item-head .mce-chat-window-list-item-info a {
  font-size: 14.95px;
  color: #071437;
  font-weight: 600;
  text-decoration: none;
  transition: 0.2s ease-in-out;
}
.mce-chat-window-container .mce-chat-window-container-content .mce-chat-window-list .card-body .chat-window-list-content .mce-chat-window-list-item .chat-window-list-item-head .mce-chat-window-list-item-info a:hover {
  color: #1b84ff;
}
.mce-chat-window-container .mce-chat-window-container-content .mce-chat-window-list .card-body .chat-window-list-content .mce-chat-window-list-item .chat-window-list-item-head .mce-chat-window-list-item-info span {
  font-weight: 500;
  color: #99a1b7;
  font-size: 13px;
}
.mce-chat-window-container .mce-chat-window-container-content .mce-chat-window-list .card-body .chat-window-list-content .mce-chat-window-list-item .chat-window-list-item-foot {
  display: flex;
  flex-direction: column;
  align-items: end;
}
.mce-chat-window-container .mce-chat-window-container-content .mce-chat-window-list .card-body .chat-window-list-content .mce-chat-window-list-item .chat-window-list-item-foot .chat-window-list-item-date {
  flex-grow: 1;
  width: 100%;
  font-size: 12.35px;
  color: #99a1b7;
  white-space: pre;
}
.mce-chat-window-container .mce-chat-window-container-content .mce-chat-window-list .card-body .chat-window-list-content .mce-chat-window-list-item .chat-window-list-item-foot .chat-window-list-item-indicator {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ffeef3;
  color: #f8285a;
  border-radius: 50%;
  font-size: 10.4px;
  flex-shrink: 0;
  width: 19.5px;
  height: 19.5px;
}
@media screen and (max-width: 576px) {
  .mce-chat-window-container .mce-chat-window-container-content .mce-chat-window-list {
    padding-inline: 0.4rem;
  }
  .mce-chat-window-container .mce-chat-window-container-content .mce-chat-window-list .card-body {
    padding-inline: 0;
  }
  .mce-chat-window-container .mce-chat-window-container-content .mce-chat-window-list .card-body .chat-window-list-header, .mce-chat-window-container .mce-chat-window-container-content .mce-chat-window-list .card-body .chat-window-list-content {
    padding-inline: 0.95rem;
  }
}

.mce-two-factor-verification-container {
  height: 100vh;
}
.mce-two-factor-verification-container .mce-two-factor-verification {
  height: 100%;
}
@media screen and (max-width: 1200px) {
  .mce-two-factor-verification-container .mce-two-factor-verification {
    width: 100%;
  }
}
.mce-two-factor-verification-container .mce-two-factor-verification > div {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
}
.mce-two-factor-verification-container .mce-two-factor-verification .mce-two-factor-verification-main h1 {
  font-size: 1.422rem;
  font-weight: 600;
  margin-bottom: 0.75rem;
}
.mce-two-factor-verification-container .mce-two-factor-verification .mce-two-factor-verification-main > span {
  color: #636674;
  font-size: 0.95rem;
  font-weight: 500;
}
.mce-two-factor-verification-container .mce-two-factor-verification .mce-two-factor-verification-main .phone-number {
  font-size: 1.35rem;
  font-weight: 600;
}
.mce-two-factor-verification-container .mce-two-factor-verification .mce-two-factor-verification-main .two-factor-verification-enter-code {
  margin-top: 2.5rem;
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 0.25rem;
  max-width: 400px;
  width: 100%;
}
.mce-two-factor-verification-container .mce-two-factor-verification .mce-two-factor-verification-main .two-factor-verification-enter-code > span {
  font-size: 0.873rem;
  font-weight: 600;
}
.mce-two-factor-verification-container .mce-two-factor-verification .mce-two-factor-verification-main .two-factor-verification-enter-code input {
  text-align: center;
  font-size: 2rem;
}
.mce-two-factor-verification-container .mce-two-factor-side-info {
  background-image: url("https://preview.keenthemes.com/metronic8/demo1/assets/media/misc/auth-bg.png");
  color: white;
}
.mce-two-factor-verification-container .mce-two-factor-side-info .space-nowrap {
  white-space: nowrap;
}
.mce-two-factor-verification-container .mce-two-factor-side-info > div {
  justify-content: space-evenly !important;
}
.mce-two-factor-verification-container .mce-two-factor-side-info img:last-of-type {
  margin-bottom: 65px;
}

.mce-multi-steps-sign-up-container {
  height: 100vh;
}
.mce-multi-steps-sign-up-container .mce-multi-steps-sign-up-side-info {
  height: 100%;
  background-image: url("https://preview.keenthemes.com/metronic8/demo1/assets/media/misc/auth-bg.png");
  color: white;
  max-width: 500px;
  width: 100%;
  min-width: 320px;
}
.mce-multi-steps-sign-up-container .mce-multi-steps-sign-up-side-info .mce-sign-up-step-container {
  padding: 1rem 1rem;
}
.mce-multi-steps-sign-up-container .mce-multi-steps-sign-up-side-info .mce-sign-up-step-container .mce-sign-up-stepper-line {
  height: 40px;
  width: 100%;
  border-left: 1px dashed rgba(255, 255, 255, 0.3);
  margin-left: 23px;
}
.mce-multi-steps-sign-up-container .mce-multi-steps-sign-up-side-info .mce-sign-up-step-container .mce-sign-up-step {
  display: flex;
  gap: 1.5rem;
  transition: 0.2s ease-in-out;
}
.mce-multi-steps-sign-up-container .mce-multi-steps-sign-up-side-info .mce-sign-up-step-container .mce-sign-up-step .mce-sign-up-step-count {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.03);
  width: 46px;
  height: 46px;
  border-radius: 0.625rem;
  border: 1px dashed rgba(255, 255, 255, 0.3);
}
.mce-multi-steps-sign-up-container .mce-multi-steps-sign-up-side-info .mce-sign-up-step-container .mce-sign-up-step .mce-sign-up-step-count i {
  display: none;
}
.mce-multi-steps-sign-up-container .mce-multi-steps-sign-up-side-info .mce-sign-up-step-container .mce-sign-up-step .mce-sign-up-step-info {
  text-align: start;
}
.mce-multi-steps-sign-up-container .mce-multi-steps-sign-up-side-info .mce-sign-up-step-container .mce-sign-up-step .mce-sign-up-step-info .mce-sign-up-step-title {
  font-size: 1.219rem;
  opacity: 0.7;
  margin: 0;
}
.mce-multi-steps-sign-up-container .mce-multi-steps-sign-up-side-info .mce-sign-up-step-container .mce-sign-up-step .mce-sign-up-step-info .mce-sign-up-step-description {
  font-size: 0.813rem;
  opacity: 0.7;
}
.mce-multi-steps-sign-up-container .mce-multi-steps-sign-up-side-info .mce-sign-up-step-container .mce-sign-up-step.active .mce-sign-up-step-count {
  background: #38A169;
  border: none;
}
.mce-multi-steps-sign-up-container .mce-multi-steps-sign-up-side-info .mce-sign-up-step-container .mce-sign-up-step.active .mce-sign-up-step-count span {
  display: inline-block !important;
}
.mce-multi-steps-sign-up-container .mce-multi-steps-sign-up-side-info .mce-sign-up-step-container .mce-sign-up-step.active .mce-sign-up-step-info .mce-sign-up-step-title, .mce-multi-steps-sign-up-container .mce-multi-steps-sign-up-side-info .mce-sign-up-step-container .mce-sign-up-step.active .mce-sign-up-step-info .mce-sign-up-step-description {
  opacity: 1 !important;
}
.mce-multi-steps-sign-up-container .mce-multi-steps-sign-up {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.mce-multi-steps-sign-up-container .mce-multi-steps-sign-up .multi-steps-sign-up-tab {
  display: none;
}
.mce-multi-steps-sign-up-container .mce-multi-steps-sign-up .multi-steps-sign-up-tab .w-97 {
  width: 97%;
}
.mce-multi-steps-sign-up-container .mce-multi-steps-sign-up .multi-steps-sign-up-tab .max-w-150 {
  max-width: 150px;
}
.mce-multi-steps-sign-up-container .mce-multi-steps-sign-up .multi-steps-sign-up-tab .tab-item-name {
  min-height: 1.125rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
}
.mce-multi-steps-sign-up-container .mce-multi-steps-sign-up .multi-steps-sign-up-tab .tab-item-attention {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  width: 100%;
  flex-wrap: wrap;
  border-radius: 0.475rem;
  padding: 1.5rem 1.5rem;
  border: 1px dashed #DD6B20;
  background: #FEEBCB;
}
.mce-multi-steps-sign-up-container .mce-multi-steps-sign-up .multi-steps-sign-up-tab .tab-item-attention .tab-item-attention-info {
  display: flex;
  flex-direction: column;
}
.mce-multi-steps-sign-up-container .mce-multi-steps-sign-up .multi-steps-sign-up-tab .tab-item-attention .tab-item-attention-info span:first-of-type {
  font-size: 1.016rem;
  color: #071437;
  font-weight: 500;
}
.mce-multi-steps-sign-up-container .mce-multi-steps-sign-up .multi-steps-sign-up-tab .tab-item-attention .tab-item-attention-info span:last-of-type {
  font-size: 0.813rem;
  color: #78829d;
}
.mce-multi-steps-sign-up-container .mce-multi-steps-sign-up h2 {
  color: #4c4c4c;
  font-size: 1.219rem;
}
.mce-multi-steps-sign-up-container .mce-multi-steps-sign-up p {
  color: #636674;
  font-size: 0.873rem;
}
.mce-multi-steps-sign-up-container .mce-multi-steps-sign-up .multi-steps-sign-options {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: nowrap;
  justify-content: start;
  width: 100%;
}
.mce-multi-steps-sign-up-container .mce-multi-steps-sign-up .multi-steps-sign-options .multi-steps-sign-option-info {
  user-select: none;
  margin-left: 0.5rem;
}
.mce-multi-steps-sign-up-container .mce-multi-steps-sign-up .multi-steps-sign-options .multi-steps-sign-option-info p {
  color: #a2a5b3;
}
.mce-multi-steps-sign-up-container .mce-multi-steps-sign-up .multi-steps-sign-up-foot {
  display: flex;
  justify-content: end;
  gap: 0.3rem;
  width: 100%;
}
.mce-multi-steps-sign-up-container .mce-multi-steps-sign-up .account-info-tab-plan-option > label {
  cursor: pointer;
}
.mce-multi-steps-sign-up-container .mce-multi-steps-sign-up .account-info-tab-plan-option > label .plan-icon {
  font-size: 1.375rem;
  border-radius: 0.475rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  background-color: rgba(244, 244, 244, 0.7);
  flex-shrink: 0;
}
@media screen and (max-width: 1200px) {
  .mce-multi-steps-sign-up-container .mce-multi-steps-sign-up-side-info {
    max-width: 350px;
    width: 100%;
  }
}
@media screen and (max-width: 992px) {
  .mce-multi-steps-sign-up-container {
    height: unset;
  }
  .mce-multi-steps-sign-up-container .mce-multi-steps-sign-up-side-info {
    width: 100%;
    max-width: unset;
    min-width: unset;
    height: fit-content !important;
    padding-block: 1.5rem;
  }
  .mce-multi-steps-sign-up-container .mce-multi-steps-sign-up {
    margin: 0;
  }
}

.mce-web-welcome-container {
  background-image: url("https://preview.keenthemes.com/metronic8/demo1/assets/media/auth/bg8-dark.jpg");
  background-size: cover;
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mce-web-welcome-container .mce-web-welcome {
  margin: 1rem;
  padding-block: 3.25rem;
  padding-inline: 2.25rem;
  background: white;
  max-width: 650px;
  width: 100%;
  border-radius: 0.475rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-items: center;
  gap: 1rem;
}
@media screen and (max-width: 768px) {
  .mce-web-welcome-container .mce-web-welcome {
    max-width: 466px;
  }
}
.mce-web-welcome-container .mce-web-welcome img {
  max-width: 300px;
  width: 100%;
}
.mce-web-welcome-container .mce-web-welcome > div h1 {
  font-size: 1.422rem;
  font-weight: 700;
}
.mce-web-welcome-container .mce-web-welcome > div p {
  font-size: 0.873rem;
  font-weight: 500;
}

.mce-card-chart {
  height: 100%;
  justify-content: space-between;
}
.mce-card-chart .card-chart-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
  align-items: center;
}
.mce-card-chart .card-chart-header .card-chart-header-text span {
  font-size: 1.097rem;
  font-weight: 600;
}
.mce-card-chart .card-chart-header .card-chart-header-text p {
  color: #B3BBC8;
  font-size: 0.813rem;
  font-weight: 500;
}
.mce-card-chart .card-chart-header .card-chart-header-additional img {
  position: relative;
  height: 100px;
  top: 24px;
}
.mce-card-chart .card-chart-header .card-chart-header-additional span, .mce-card-chart .card-chart-header .card-chart-header-additional i {
  display: flex;
  font-weight: 500;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 0.386rem;
}
.mce-card-chart .card-chart-header .card-chart-toolbar {
  height: 100%;
  row-gap: 0.1rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
  align-items: center;
}
.mce-card-chart .card-chart-header .card-chart-toolbar a {
  text-decoration: none;
  padding: 0.5rem 0.6rem;
  border-radius: 0.475rem;
  color: #99a1b7;
  transition: 0.2s ease-in-out;
}
.mce-card-chart .card-chart-header .card-chart-toolbar a.active {
  background: #007bff;
  color: white;
}
.mce-card-chart .card-chart-header.normal {
  align-items: flex-start;
  flex-direction: column;
}
.mce-card-chart .card-chart-header.normal h5 {
  color: #99a1b7;
  font-size: 1.016rem;
  font-weight: 600;
  cursor: pointer;
  transition: 0.2s ease-in-out;
}
.mce-card-chart .card-chart-header.normal h5:hover {
  color: #007bff;
}
.mce-card-chart .card-chart-header.normal span {
  color: #007bff;
  font-size: 0.813rem;
  font-weight: 600;
}
.mce-card-chart .card-chart-header.normal p {
  color: #071437;
  font-size: 0.934rem;
  font-weight: 500;
}
.mce-card-chart .card-chart-header .dropdown {
  cursor: pointer;
}
.mce-card-chart .card-chart-header .dropdown .dropdown-toggle {
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
}
.mce-card-chart .card-chart-header .dropdown .dropdown-toggle:focus, .mce-card-chart .card-chart-header .dropdown .dropdown-toggle:focus-visible, .mce-card-chart .card-chart-header .dropdown .dropdown-toggle.show {
  border: none;
}
.mce-card-chart .card-chart-header .dropdown .dropdown-toggle:after {
  display: none;
}
.mce-card-chart .card-chart-header .dropdown .dropdown-menu {
  border: none;
  box-shadow: rgba(82, 63, 105, 0.15) 0px 0px 50px 0px;
  min-width: 300px;
  width: 100%;
}
.mce-card-chart .card-chart-header .dropdown .dropdown-menu .dropdown-content {
  width: 100%;
  padding-inline: 0.9rem;
  padding-bottom: 1rem;
}
.mce-card-chart .card-chart-header .dropdown .dropdown-menu .dropdown-content > label {
  width: 100%;
  font-size: 0.788rem;
  font-weight: 500;
  color: #252f4a;
}
.mce-card-chart .card-chart-header .dropdown .dropdown-menu .dropdown-content > label label {
  font-size: 0.75rem;
  font-weight: 400;
  color: #99a1b7;
}
.mce-card-chart .chart {
  width: 100%;
}

.chart .apexcharts-tooltip {
  border-radius: 6px !important;
  font-size: 0.813rem !important;
  background: white !important;
  color: black !important;
  border: none !important;
}
.chart .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
  background: white !important;
  border-bottom: 1px solid #f3f3f3 !important;
}

.mce-chart-item {
  min-width: 130px;
}
.mce-chart-item .big-chart-item-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 45px;
  width: 45px;
}
.mce-chart-item .big-chart-item-badge {
  background: #f9f9f9;
  padding: 13px 9.75px;
  border-radius: 0.425rem;
}
.mce-chart-item .big-chart-item-badge span {
  color: #252f4a;
  font-size: 11.05px;
  font-weight: 500;
}
.mce-chart-item :not(.type-4) .big-chart-item-icon {
  background: #f9f9f9;
}
.mce-chart-item :not(.type-4) .big-chart-item-icon i {
  color: #99a1b7;
}
.mce-chart-item .big-chart-item-text a {
  text-decoration: none;
  color: #252f4a;
  font-size: 0.934rem;
  font-weight: 600;
  transition: 0.2s ease-in-out;
}
.mce-chart-item .big-chart-item-text a:hover {
  color: #007bff;
}
.mce-chart-item .big-chart-item-text p {
  word-break: break-all;
  color: #99a1b7;
  font-size: 0.772rem;
  font-weight: 500;
}
.mce-chart-item .type-1 p {
  white-space: nowrap;
}
.mce-chart-item .type-4 .big-chart-item-icon i {
  color: unset;
}
.mce-chart-item .type-4 .big-chart-item-text a:hover {
  color: unset;
}
.mce-chart-item .type-2 span {
  font-size: 0.873rem;
  color: #99a1b7;
  font-weight: 400;
}
.mce-chart-item .type-2 p {
  font-size: 1.219rem;
  font-weight: 600;
}

.mce-progress-card {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.mce-progress-card a {
  text-decoration: none;
}
.mce-progress-card > a {
  font-size: 0.934rem;
  font-weight: 600;
}
.mce-progress-card .progress-text-container .progress-card-text {
  font-size: 1.422rem;
  font-weight: 600;
  margin-right: 0.5rem;
}
.mce-progress-card .progress-text-container span:last-of-type {
  font-size: 0.772rem;
  font-weight: 500;
  color: #99a1b7;
}
.mce-progress-card .progress-card-progress {
  height: 7px;
  width: 100%;
  border-radius: 0.475rem;
  overflow: hidden;
}
.mce-progress-card .progress-card-progress .progress-card-progress-bar {
  height: 100%;
}
.mce-progress-card .mce-progress-card-type-2 {
  width: 100%;
}
.mce-progress-card .mce-progress-card-type-2 .progress-header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mce-progress-card .mce-progress-card-type-2 .progress-header > span {
  color: #99a1b7;
  font-size: 0.934rem;
  font-weight: 600;
}
.mce-progress-card .mce-progress-card-type-2 .progress-header .header-info {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.mce-progress-card .mce-progress-card-type-2 .progress-header .header-info .progress-header-icon-cover {
  width: 60px;
  height: 60px;
  background: #f9f9f9;
  border-radius: 0.475rem;
}
.mce-progress-card .mce-progress-card-type-2 .progress-header .header-info .progress-header-icon-cover i {
  font-size: 1.25rem;
}
.mce-progress-card .mce-progress-card-type-2 .progress-header .header-info .progress-header-text {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.mce-progress-card .mce-progress-card-type-2 .progress-header .header-info .progress-header-text > a {
  color: #071437;
  font-size: 0.934rem;
  font-weight: 600;
  transition: 0.2s ease-in-out;
}
.mce-progress-card .mce-progress-card-type-2 .progress-header .header-info .progress-header-text > a:hover {
  color: #007bff;
}
.mce-progress-card .mce-progress-card-type-2 .progress-header .header-info .progress-header-text > span {
  font-size: 0.813rem;
  font-weight: 600;
  color: #99a1b7;
}
.mce-progress-card .mce-progress-card-type-2 .progress-header .dropdown.header-dropdown {
  cursor: pointer;
}
.mce-progress-card .mce-progress-card-type-2 .progress-header .dropdown.header-dropdown .dropdown-toggle {
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
}
.mce-progress-card .mce-progress-card-type-2 .progress-header .dropdown.header-dropdown .dropdown-toggle:focus, .mce-progress-card .mce-progress-card-type-2 .progress-header .dropdown.header-dropdown .dropdown-toggle:focus-visible, .mce-progress-card .mce-progress-card-type-2 .progress-header .dropdown.header-dropdown .dropdown-toggle.show {
  border: none;
}
.mce-progress-card .mce-progress-card-type-2 .progress-header .dropdown.header-dropdown .dropdown-toggle:after {
  display: none;
}
.mce-progress-card .mce-progress-card-type-2 .progress-header .dropdown.header-dropdown .dropdown-menu {
  box-shadow: rgba(82, 63, 105, 0.15) 0px 0px 50px 0px;
  border: none;
}
.mce-progress-card .mce-progress-card-type-2 .progress-header .dropdown.header-dropdown .dropdown-menu > span {
  display: block;
  text-align: center;
  font-size: 0.873rem;
  font-weight: 600;
  color: #071437;
  padding-top: 0.5rem;
  padding-bottom: 0.8rem;
  margin-bottom: 0.8rem;
  border-bottom: 1px solid #f4f4f6;
}
.mce-progress-card .mce-progress-card-type-2 .progress-header .dropdown.header-dropdown .dropdown-menu ul {
  padding: 0.5rem;
  margin: 0;
  list-style: none;
}
.mce-progress-card .mce-progress-card-type-2 .progress-header .dropdown.header-dropdown .dropdown-menu ul a, .mce-progress-card .mce-progress-card-type-2 .progress-header .dropdown.header-dropdown .dropdown-menu ul li {
  border-radius: 0.356rem;
  transition: 0.2s ease-in-out;
}
.mce-progress-card .mce-progress-card-type-2 .progress-header .dropdown.header-dropdown .dropdown-menu ul a:hover, .mce-progress-card .mce-progress-card-type-2 .progress-header .dropdown.header-dropdown .dropdown-menu ul li:hover {
  background: #e9f3ff;
}
.mce-progress-card .mce-progress-card-type-2 .progress-header .dropdown.header-dropdown .dropdown-menu ul a:hover a, .mce-progress-card .mce-progress-card-type-2 .progress-header .dropdown.header-dropdown .dropdown-menu ul li:hover a {
  color: #1B84FF;
}
.mce-progress-card .mce-progress-card-type-2 .progress-container > a {
  color: #071437;
  font-size: 1.016rem;
  font-weight: 600;
  transition: 0.2s ease-in-out;
}
.mce-progress-card .mce-progress-card-type-2 .progress-container > a:hover {
  color: #007bff;
}
.mce-progress-card .mce-progress-card-type-2 .progress-container > p {
  font-size: 0.813rem;
  font-weight: 400;
}
.mce-progress-card .mce-progress-card-type-2 .progress-container .progress-card-text {
  font-size: 0.813rem;
  color: #071437;
  font-weight: 600;
}
.mce-progress-card .mce-progress-card-type-2 .progress-team-container > span {
  font-size: 0.813rem;
  color: #071437;
  font-weight: 600;
}
.mce-progress-card .mce-progress-card-type-2 .progress-team-container .team-members {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.mce-progress-card .mce-progress-card-type-2 .progress-team-container .team-members img {
  width: 35px;
  height: 35px;
  border-radius: 0.475rem;
}

.mce-big-chart-card .dropdown {
  cursor: pointer;
}
.mce-big-chart-card .dropdown .dropdown-toggle {
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
}
.mce-big-chart-card .dropdown .dropdown-toggle:focus, .mce-big-chart-card .dropdown .dropdown-toggle:focus-visible, .mce-big-chart-card .dropdown .dropdown-toggle.show {
  border: none;
}
.mce-big-chart-card .dropdown .dropdown-toggle:after {
  display: none;
}
.mce-big-chart-card .dropdown .dropdown-menu {
  box-shadow: rgba(82, 63, 105, 0.15) 0px 0px 50px 0px;
  padding: 0.5rem;
  border: none;
}
.mce-big-chart-card .dropdown .dropdown-menu > span {
  color: #99a1b7;
  font-size: 0.713rem;
  font-weight: 500;
  padding-left: 0.3rem;
  text-transform: uppercase;
}
.mce-big-chart-card .dropdown .dropdown-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mce-big-chart-card .dropdown .dropdown-menu ul a, .mce-big-chart-card .dropdown .dropdown-menu ul li {
  border-radius: 0.356rem;
  transition: 0.2s ease-in-out;
}
.mce-big-chart-card .dropdown .dropdown-menu ul a:hover, .mce-big-chart-card .dropdown .dropdown-menu ul li:hover {
  background: #e9f3ff;
}
.mce-big-chart-card .dropdown .dropdown-menu ul a:hover a, .mce-big-chart-card .dropdown .dropdown-menu ul li:hover a {
  color: #1B84FF;
}
.mce-big-chart-card .big-chart-card-titles {
  height: 300px;
}
.mce-big-chart-card .big-chart-card-headers span {
  color: #B3BBC8;
  font-size: 12.35px;
  font-weight: 500;
}
.mce-big-chart-card .row {
  row-gap: 0.5rem;
}
.mce-big-chart-card .big-chart-card-content > .type-1 {
  top: -45px;
  position: relative;
  border-radius: 10px 10px 0 0;
}
.mce-big-chart-card .big-chart-card-content.type-2 {
  position: relative;
  top: -16px;
  padding-top: 10px;
  border-radius: 10px 10px 0 0;
  padding-bottom: 5px;
  background: white;
}
@media screen and (min-width: 768px) {
  .mce-big-chart-card .big-chart-card-content.type-2 {
    padding-top: 10px;
    position: relative;
    top: -35px;
  }
}
.mce-big-chart-card .big-chart-card-content > .type-3 {
  background: white;
  top: -85px;
  position: relative;
  padding-top: 30px;
  border-radius: 10px 10px 0 0;
  height: 268px;
  overflow-y: auto;
  scrollbar-width: thin;
}

.mce-text-card {
  flex-direction: column;
}
.mce-text-card.mce-information-card {
  border: 1px dashed #dbdfe9;
  width: 100%;
}
.mce-text-card.mce-information-card .information-card-header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 1.25rem;
  gap: 10px;
}
.mce-text-card.mce-information-card .information-card-header h4 {
  font-size: 0.875rem;
  font-weight: 600;
  color: #333333;
  margin: 0 !important;
}
.mce-text-card.mce-information-card .information-card-header .information-card-primary-type {
  background-color: #dfffea;
  color: #17c653;
  font-size: 0.75rem;
  padding: 2px 6px;
  border-radius: 4px;
}
.mce-text-card.mce-information-card .information-card-content {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
}
.mce-text-card.mce-information-card .information-card-content .information-card-content-head {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
.mce-text-card.mce-information-card .information-card-content .information-card-content-head .information-card-type {
  background: #f6f8fa;
  border-radius: 0.3rem;
  padding: 0.3rem 0.3rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mce-text-card.mce-information-card .information-card-content .information-card-content-head .information-card-type .information-card-type-img {
  height: auto;
  width: 50px;
  object-fit: cover;
}
.mce-text-card.mce-information-card .information-card-content .information-card-content-head .information-card-info-details .information-card-info-text {
  font-size: 0.873rem;
  color: #99a1b7;
  margin: 0;
}
.mce-text-card.mce-information-card .information-card-content .information-card-content-head .information-card-info-details .information-card-info {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}
.mce-text-card.mce-information-card .information-card-content .information-card-content-head .information-card-info-details .information-card-info span {
  font-size: 1.016rem;
  font-weight: 600;
  color: #071437;
}
.mce-text-card.mce-information-card .information-card-content .information-card-content-head .information-card-info-details .information-card-expire {
  font-size: 0.873rem;
  color: #99a1b7;
  margin: 0;
}
.mce-text-card.mce-information-card .information-card-content .information-card-content-foot {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.75rem;
}
.mce-text-card.mce-information-card.mce-information-card-add-new-card {
  background: #ebd9ff;
  border: 1px dashed #8f26ff;
}
.mce-text-card.mce-information-card.mce-information-card-add-new-card .information-card-header {
  justify-content: center;
  margin: 0 !important;
}
.mce-text-card.mce-information-card.mce-information-card-add-new-card p {
  color: #4b5675;
  font-size: 0.806rem;
}

.mce-web-profile-details {
  margin-top: 30px;
  flex-direction: column;
  align-items: stretch !important;
}
.mce-web-profile-details .avatar-container {
  margin-bottom: 20px;
}
.mce-web-profile-details .avatar-container .avatar-wrapper {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 125px;
  height: 125px;
  border: 3px solid white;
  box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
  background: #f9f9f9;
}
.mce-web-profile-details .avatar-container .avatar-wrapper .avatar-preview {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mce-web-profile-details .avatar-container .avatar-wrapper .avatar-input {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.mce-web-profile-details .avatar-container .avatar-wrapper .edit-avatar, .mce-web-profile-details .avatar-container .avatar-wrapper .remove-avatar {
  position: absolute;
  background: white;
  border: none;
  cursor: pointer;
  padding: 6px 6px;
  border-radius: 50%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  font-size: 0.75rem;
  width: 1.563rem;
  height: 1.563rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #99a1b7;
  transition: 0.2s ease-in-out;
}
.mce-web-profile-details .avatar-container .avatar-wrapper .edit-avatar:hover, .mce-web-profile-details .avatar-container .avatar-wrapper .remove-avatar:hover {
  color: #007bff;
}
.mce-web-profile-details .avatar-container .avatar-wrapper .edit-avatar {
  top: -15px;
  right: -15px;
}
.mce-web-profile-details .avatar-container .avatar-wrapper .remove-avatar {
  bottom: -15px;
  right: -15px;
}
.mce-web-profile-details .avatar-container .avatar-info {
  font-size: 0.75rem;
  color: #666;
  margin-top: 15px;
}
.mce-web-profile-details .row {
  row-gap: 0.7rem;
}
.mce-web-profile-details .row label {
  font-size: 12.6px;
  color: #071437;
  font-weight: 500;
}
.mce-web-profile-details .row p {
  margin-top: -10px;
  margin-left: 6px;
  font-size: 12px;
  color: #B3BBC8;
}
.mce-web-profile-details p {
  color: #67728D;
  font-weight: 600;
  font-size: 12px;
}
.mce-web-profile-details .card-title {
  font-size: 1.097rem;
}
.mce-web-profile-details .profile-details-sign-in-method {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.5rem;
  width: 100%;
  border-bottom: 1px dashed #dbdfe9;
  padding-bottom: 0.8rem;
}
.mce-web-profile-details .profile-details-sign-in-method:last-of-type {
  border-bottom: none;
}
.mce-web-profile-details .profile-details-sign-in-method .profile-details-sign-in-method-info {
  display: flex;
  flex-direction: column;
}
.mce-web-profile-details .profile-details-sign-in-method .profile-details-sign-in-method-info span:first-of-type {
  font-size: 12.6px;
  color: #071437;
  font-weight: 500;
}
.mce-web-profile-details .profile-details-sign-in-method .profile-details-sign-in-method-info span:last-of-type {
  font-size: 12px;
  color: #78829d;
}
.mce-web-profile-details .profile-details-sign-in-method.highlighted-details, .mce-web-profile-details .profile-details-sign-in-method.highlighted-details-warning {
  flex-wrap: wrap;
  border: 1px dashed #7b00ff;
  background: #ebd9ff;
  border-radius: 0.475rem;
  padding: 1.5rem 1.5rem;
}
.mce-web-profile-details .profile-details-sign-in-method.highlighted-details.highlighted-details-warning, .mce-web-profile-details .profile-details-sign-in-method.highlighted-details-warning.highlighted-details-warning {
  justify-content: start;
  align-items: start;
  border: 1px dashed #DD6B20;
  background: #FEEBCB;
}
.mce-web-profile-details .profile-details-sign-in-method.highlighted-details .profile-details-sign-in-method-info, .mce-web-profile-details .profile-details-sign-in-method.highlighted-details-warning .profile-details-sign-in-method-info {
  display: flex;
  flex-direction: column;
}
.mce-web-profile-details .profile-details-sign-in-method.highlighted-details .profile-details-sign-in-method-info span:first-of-type, .mce-web-profile-details .profile-details-sign-in-method.highlighted-details-warning .profile-details-sign-in-method-info span:first-of-type {
  font-size: 16.25px;
  color: #071437;
  font-weight: 500;
}
.mce-web-profile-details .profile-details-sign-in-method.highlighted-details .profile-details-sign-in-method-info span:last-of-type, .mce-web-profile-details .profile-details-sign-in-method.highlighted-details-warning .profile-details-sign-in-method-info span:last-of-type {
  font-size: 13px;
  color: #78829d;
}

div.table-responsive {
  width: 100%;
  scrollbar-width: thin;
}
div.table-responsive table.mce-custom-table {
  width: 100%;
}
div.table-responsive table.mce-custom-table tr {
  border-style: dashed;
  border-color: #dee2e6;
}
div.table-responsive table.mce-custom-table tr th, div.table-responsive table.mce-custom-table tr td {
  padding-block: 1.063rem;
  padding-inline: 0.3rem;
  vertical-align: middle;
}
div.table-responsive table.mce-custom-table tr th {
  color: #8D95A4;
  font-size: 0.772rem;
  white-space: nowrap;
  font-weight: 600;
  cursor: pointer;
}
div.table-responsive table.mce-custom-table tr td {
  border-width: 1px 0 1px 0;
  border-style: dashed;
}
div.table-responsive table.mce-custom-table tr:last-child {
  border-color: transparent;
}

.small {
  font-size: 14px;
  line-height: 21px;
}

.btn-lg {
  min-height: 24px;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}

.btn-md {
  min-height: 21px;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
}

.btn-sm {
  min-height: 18px;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
}

/* LOGIN SCREEN */
.bg-login {
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}

/*
.bg-login.login { //used here,
  background-image: url("/static/html_examples/design-system/assets/img/unused_login/unused_bg-login.svg");
}

.bg-login.forgot { // used here, & /java-server
  background-image: url("/static/html_examples/design-system/assets/img/unused_login/unused_forg-pass.svg");
}

.bg-login.pass-success { // used here, /java-server
  background-image: url("/static/html_examples/design-system/assets/img/unused_login/unused_forg-success.svg");
}

.bg-login.set-pass { //used here, & /amicara-java-server,  /java-server
  background-image: url("/static/html_examples/design-system/assets/img/unused_login/unused_set-pass.svg");
}

.bg-login.set-pass-success { //used here, & /java-server
  background-image: url("/static/html_examples/design-system/assets/img/unused_login/unused_set-pass-success.svg");
}*/
input:focus {
  outline: none;
  box-shadow: none;
  border: 1px solid #ced4da;
}

.container-white-radius-bt {
  background: white;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
}

.thead {
  height: 52px;
}

.thead tr {
  vertical-align: middle;
}

@media screen and (max-width: 800px) {
  .main-content {
    padding-left: 12px !important;
  }
}
.bold {
  font-weight: 700;
  line-height: 24px;
}

/*
@import url('https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
//@import 'components/rfs';
@import "components/mce-variables";
@import '../../../../../../../../target/mce-ui-artefact/0.0.232/static/assets/mce-ui/utils/mce-utils';
@import "components/app-colors";
@import "../../../../../../../../target/mce-ui-artefact/0.0.232/static/assets/mce-ui/mce-button/scss/mce-btn";
@import "../../../../../../../../target/mce-ui-artefact/0.0.232/static/assets/mce-ui/mce-modal/scss/mce-modal";
@import "../../../../../../../../target/mce-ui-artefact/0.0.232/static/assets/mce-ui/mce-notification/scss/mce-notification";
@import "../../../../../../../../target/mce-ui-artefact/0.0.232/static/assets/mce-ui/mce-input/stateless/input/scss/mce-input";
@import "../../../../../../../../target/mce-ui-artefact/0.0.232/static/assets/mce-ui/mce-input/stateless/dropdown/scss/mce-input-select-dropdown";
@import "../../../../../../../../target/mce-ui-artefact/0.0.232/static/assets/mce-ui/mce-input/statefull/toggle/scss/mce-toggle";
@import "../../../../../../../../target/mce-ui-artefact/0.0.232/static/assets/mce-ui/mce-input/stateless/radio/scss/mce-radio";
@import "../../../../../../../../target/mce-ui-artefact/0.0.232/static/assets/mce-ui/mce-input/stateless/checkbox/scss/mce-checkbox";
@import "../../../../../../../../target/mce-ui-artefact/0.0.232/static/assets/mce-ui/mce-input/statefull/dual-switch/scss/mce-dual-switch";
@import "../../../../../../../../target/mce-ui-artefact/0.0.232/static/assets/mce-ui/mce-custom-tooltip/scss/mce-custom-tooltip";
@import "../../../../../../../../target/mce-ui-artefact/0.0.232/static/assets/mce-ui/mce-navbar/scss/mce-navbar";
@import "../../../../../../../../target/mce-ui-artefact/0.0.232/static/assets/mce-ui/mce-round-icon/scss/mce-round-icon";
@import "../../../../../../../../target/mce-ui-artefact/0.0.232/static/assets/mce-ui/mce-form-card/scss/mce-form-card";
@import "../../../../../../../../target/mce-ui-artefact/0.0.232/static/assets/mce-ui/mce-breadcrumb/scss/mce-breadcrumb";
@import "../../../../../../../../target/mce-ui-artefact/0.0.232/static/assets/mce-ui/mce-form-category/scss/mce-form-category";
@import "../../../../../../../../target/mce-ui-artefact/0.0.232/static/assets/mce-ui/mce-form-category/scss/mce-form-category";
@import "../../../../../../../../target/mce-ui-artefact/0.0.232/static/assets/mce-ui/mce-onboarding-form-card/scss/mce-onboarding-form-card";
@import "../../../../../../../../target/mce-ui-artefact/0.0.232/static/assets/mce-ui/mce-form-builder/scss/formbuilder2";
@import "../../../../../../../../target/mce-ui-artefact/0.0.232/static/assets/mce-ui/mce-text-card/scss/mce-text-card";
@import "../../../../../../../../target/mce-ui-artefact/0.0.232/static/assets/mce-ui/mce-form-builder/scss/formbuilder2";
@import "../../../../../../../../target/mce-ui-artefact/0.0.232/static/assets/mce-ui/mce-cards/scss/mce-cards";
@import "../../../../../../../../target/mce-ui-artefact/0.0.232/static/assets/mce-ui/mce-footer-nav/scss/mce-footer-nav";
@import "../../../../../../../../target/mce-ui-artefact/0.0.232/static/assets/mce-ui/mce-header-component/scss/mce-header-component";
@import "../../../../../../../../target/mce-ui-artefact/0.0.232/static/assets/mce-ui/mce-form-section/scss/mce-form-section";
@import "../../../../../../../../target/mce-ui-artefact/0.0.232/static/assets/mce-ui/mce-service-component/scss/mce-service-component";
@import "../../../../../../../../target/mce-ui-artefact/0.0.232/static/assets/mce-ui/mce-input/stateless/btn-multi-choice/scss/mce-btn-multichoice-container";
//@import "../../../../../../../../target/mce-ui-artefact/0.0.232/static/assets/mce-ui/mce-fileupload/scss/mce-file-upload_old";
@import "../../../../../../../../target/mce-ui-artefact/0.0.232/static/assets/mce-ui/mce-fileupload/scss/mce-fileupload";
@import "../../../../../../../../target/mce-ui-artefact/0.0.232/static/assets/mce-ui/mce-input/stateless/date-picker/scss/mce-datepicker-container";
@import "../../../../../../../../target/mce-ui-artefact/0.0.232/static/assets/mce-ui/mce-input/stateless/time-picker/scss/mce-time-picker";
@import "../../../../../../../../target/mce-ui-artefact/0.0.232/static/assets/mce-ui/mce-input/stateless/password-validate/scss/mce-password-validate-container";
@import "../../../../../../../../target/mce-ui-artefact/0.0.232/static/assets/mce-ui/mce-input/stateless/rate/scss/mce-rate-container";
@import "../../../../../../../../target/mce-ui-artefact/0.0.232/static/assets/mce-ui/mce-single-choice/scss/mce-single-choice";
@import "../../../../../../../../target/mce-ui-artefact/0.0.232/static/assets/mce-ui/mce-barometr/scss/mce-barometer-container";
@import "../../../../../../../../target/mce-ui-artefact/0.0.232/static/assets/mce-ui/mce-bar-chart/scss/mce-bar-chart-container";
@import "../../../../../../../../target/mce-ui-artefact/0.0.232/static/assets/mce-ui/mce-coala-tooltip/scss/mce-coala-tooltip";
@import "../../../../../../../../target/mce-ui-artefact/0.0.232/static/assets/mce-ui/mce-calendar/scss/mce-calendar";
@import "../../../../../../../../target/mce-ui-artefact/0.0.232/static/assets/mce-ui/mce-calendar-card/scss/mce-calendar-card";
@import "../../../../../../../../target/mce-ui-artefact/0.0.232/static/assets/mce-ui/mce-calendar-legend/scss/mce-calendar-legend";
@import "../../../../../../../../target/mce-ui-artefact/0.0.232/static/assets/mce-ui/mce-calendar-modal/scss/mce-calendar-modal";
@import "../../../../../../../../target/mce-ui-artefact/0.0.232/static/assets/mce-ui/mce-calendar-schedule/scss/mce-calendar-schedule";
@import "../../../../../../../../target/mce-ui-artefact/0.0.232/static/assets/mce-ui/mce-coala-educated/scss/mce-coala-educated";
@import "../../../../../../../../target/mce-ui-artefact/0.0.232/static/assets/mce-ui/mce-input/statefull/tabs-switch/scss/mce-tabs-switch";
@import "../../../../../../../../target/mce-ui-artefact/0.0.232/static/assets/mce-ui/mce-comment-side-panel/scss/mce-comment-side-panel";
@import "../../../../../../../../target/mce-ui-artefact/0.0.232/static/assets/mce-ui/mce-multimodal/scss/mce-multimodal";

@import "../../../../../../../../target/mce-ui-artefact/0.0.232/static/assets/mce-ui/mce-web-table-big-small/scss/table-big-small";
@import "../../../../../../../../target/mce-ui-artefact/0.0.232/static/assets/mce-ui/mce-web-check-position/scss/check-position";
@import "../../../../../../../../target/mce-ui-artefact/0.0.232/static/assets/mce-ui/mce-web-content-card/scss/content-card";
@import "../../../../../../../../target/mce-ui-artefact/0.0.232/static/assets/mce-ui/mce-web-add-user-table-modal/scss/mce-add-user-table";
@import "../../../../../../../../target/mce-ui-artefact/0.0.232/static/assets/mce-ui/mce-web-sidenav/scss/sidebar";
@import "../../../../../../../../target/mce-ui-artefact/0.0.232/static/assets/mce-ui/mce-web-project-card/scss/project-card";
@import "../../../../../../../../target/mce-ui-artefact/0.0.232/static/assets/mce-ui/mce-web-navbar/scss/navbar";
@import "../../../../../../../../target/mce-ui-artefact/0.0.232/static/assets/mce-ui/mce-wysiwyg-editor/scss/mce-wysiwyg";
@import "../../../../../../../../target/mce-ui-artefact/0.0.232/static/assets/mce-ui/mce-web-tables/scss/table";
@import "../../../../../../../../target/mce-ui-artefact/0.0.232/static/assets/mce-ui/mce-timeline/scss/timeline";
@import "../../../../../../../../target/mce-ui-artefact/0.0.232/static/assets/mce-ui/mce-web-worklog/scss/worklog-card";
@import "../../../../../../../../target/mce-ui-artefact/0.0.232/static/assets/mce-ui/mce-call-to-action/scss/mce-call-to-action";
@import "../../../../../../../../target/mce-ui-artefact/0.0.232/static/assets/mce-ui/mce-floating-chat/scss/mce-floating-chat";
@import "../../../../../../../../target/mce-ui-artefact/0.0.232/static/assets/mce-ui/mce-chat-window/scss/mce-chat-window-container";
@import "../../../../../../../../target/mce-ui-artefact/0.0.232/static/assets/mce-ui/mce-two-factor-verification/scss/mce-two-factor-verification";
@import "../../../../../../../../target/mce-ui-artefact/0.0.232/static/assets/mce-ui/mce-multi-steps-sign-up/scss/mce-multi-steps-sign-up";
@import "../../../../../../../../target/mce-ui-artefact/0.0.232/static/assets/mce-ui/mce-web-welcome/scss/mce-web-welcome";
@import "../../../../../../../../target/mce-ui-artefact/0.0.232/static/assets/mce-ui/card-chart/scss/mce-card-chart";
@import "../../../../../../../../target/mce-ui-artefact/0.0.232/static/assets/mce-ui/mce-progress-card/scss/mce-progress-card";
@import "../../../../../../../../target/mce-ui-artefact/0.0.232/static/assets/mce-ui/mce-big-chart-card/scss/mce-big-chart-card";
@import "../../../../../../../../target/mce-ui-artefact/0.0.232/static/assets/mce-ui/payment-card/scss/_mce-payment-card.scss";
@import "../../../../../../../../target/mce-ui-artefact/0.0.232/static/assets/mce-ui/address-card/scss/_mce-address-card.scss";
@import "../../../../../../../../target/mce-ui-artefact/0.0.232/static/assets/mce-ui/mce-web-profile-details/scss/_mce-web-profile-details.scss";


a{
  cursor:pointer;
}
body, html {
  scrollbar-width: thin;
}


.bordered{
  border-style: solid;
}


!* TYPOGRAPHY *!
body {
  font-family: $mce-font-family-base, $mce-font-family-fall-back;
  @include heading(base);
}

h1, h2, h3, h4, h5, h6 {
  font-family: $mce-font-family-heading, $mce-font-family-fall-back;
}

.h1 {
  @include heading(h1);
}

.h2 {
  @include heading(h2);
}

.h3 {
  @include heading(h3);
}

.h4 {
  @include heading(h4);
}

.h5 {
  @include heading(h5);
}

.h6 {
  @include heading(h6);
}

@media screen and (max-width: 400px) {
  .h2 {
	font-size: clamp(25px, 50%, 32px) !important;
  }
  .h5 {
	font-size: clamp(16px, 50%, 18px) !important;
  }
  body {
	//font-size: clamp(13px, 50%, 14px);
  }
}


.regular {
  font-weight: 400;
  line-height: 24px;
}

.bold {
  font-weight: 700;
  line-height: 24px;
}

.light {
  font-weight: 300;
  line-height: 24px;
}

.underline {
  text-decoration: underline !important;
  line-height: 24px;
}

.small {
  font-size: 14px;
  line-height: 21px;
}

.btn-lg {
  min-height: 24px;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}

.btn-md {
  min-height: 21px;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
}

.btn-sm {
  min-height: 18px;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
}

.rotate {
  transform: rotate(180deg);
}

!* HEADERS *!


.header {
  display: flex;
  align-items: start;
  width: 100%;
  border-radius: 0 0 32px 32px;
  position: fixed;
  top: 0;
  z-index: 100;
}

.header.expanded {
  min-height: 150px;
  margin-top: 0;
}

.header.expanded > .navigation {
  height: 80px;
  margin-top: 0;
  background: var(--whiteAlpha-100);

}

main {
  margin-top: 90px;
}

!* BUTTONS *!

.radius {
  border-radius: 12px;
  //padding-inline: 32px;
  padding-block: 12px;
}

:disabled {
  cursor: not-allowed;
  pointer-events: visible;
}

!* LOGIN SCREEN *!


.object-cover {
  object-fit: cover;
  height: 100%;
}

.bg-login {
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}

!*.bg-login.login {
  background-image: url("/static/html_examples/design-system/assets/img/login/bg-login.svg");
}*!

!*
.bg-login.forgot {
  background-image: url("/static/html_examples/design-system/assets/img/login/forg-pass.svg");
}
*!

!*.bg-login.pass-success {
  background-image: url("/static/html_examples/design-system/assets/img/login/forg-success.svg");
}*!

!*
.bg-login.set-pass {
  background-image: url("/static/html_examples/design-system/assets/img/login/set-pass.svg");
}
*!

!*.bg-login.set-pass-success {
  background-image: url("/static/html_examples/design-system/assets/img/login/set-pass-success.svg");
}*!

.logo.pass-success {
  margin-top: 98px;
  margin-bottom: 158px;
}

.vh-100 {
  height: 100vh;
}

.btn-border {
  border: 1px solid #0a3b44;
  background: $white;
}

input:focus {
  outline: none;
  box-shadow: none;
  border: 1px solid #ced4da;
}

.content-container {
  min-height: 100vh;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}
.container-white-radius-bt{
  background: getColor(white);
  border-bottom-left-radius:24px;
  border-bottom-right-radius:24px;
}

//.form-section {
//  max-width: 500px;
//  padding: 20px;
//  width: 100%;
//}

.cover-section {
  width: 100%;
  margin: 0;
}

.logo path {
  stroke: $primary-color;
  fill: $primary-color;
}


!* SET PASSWORD*!

.pass-info.warning {
  color: var(--red-500);
}

.pass-info.warning svg:nth-child(2) {
  display: none;
}

.pass-info.success {
  color: var(--green-500);
}

.pass-info.success svg:nth-child(1) {
  display: none;
}


!* SIGN UP *!
.pass-info.default {
  color: var(--gray-400);
}

.pass-info.default svg:nth-child(2) {
  display: none;
}

.pass-info.default svg:nth-child(1) path {
  stroke: var(--gray-400);
}


.sign-container {
  border-radius: 40px;
  !*height: 1696px;*!
  justify-content: center;
  align-items: center;
  position: relative;
}

.signup-bg {
  background-image: url("../../../design-system/assets/img/signup/signup-bg.svg"); //TODO: Check where is used?
  background-repeat: no-repeat;
  height: 192px;
  width: 100%;
  top: 0;
  !*position: absolute;*!
  border-radius: 40px 40px 0 0;
  background-size: cover;
}

.signup-bg.success {
  min-height: 300px;
}

.terms-label {
  margin-block: auto;
  margin-inline: 0;
  horiz-align: center;
}

.transform-right {
  transform: rotate(-90deg);
}

.transform-left {
  transform: rotate(90deg);
}

.w-40 {
  width: 40%;
}

.coala-succ {
  max-height: 300px;
}

@media screen and (max-width: 700px) {
  .signup-bg {
	background-position: center;
  }
}

@media screen and (max-width: 1000px) {
  .w-40 {
	width: 50%;
  }
  .coala-succ {
	width: 80%;
  }
}

@media screen and (max-width: 900px) {
  .w-40 {
	width: 70%;
  }
}


!* USER PROFILE *!

.user-main {
  margin-top: 200px;
  !*background: #000 ;*!
}

.href:hover {
  color: var(--gray-500);
}

!* Invoice payment *!

.table-invoice {
  border-radius: 16px 16px 0 0;
}

.thead {
  height: 52px;
}

.thead tr {
  vertical-align: middle;
}

.tbody tr {
  vertical-align: middle;
  text-align: center;
}

.tbody tr td:last-child {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

@media screen and (max-width: 700px) {
  .reset {
	margin: 0;
	padding: 0;
  }
}

// THEME STYLE
[data-bs-theme=dark] body {
  background: $mce-web-dark-mode-background;
  //color: $mce-web-dark-mode-color;
}

.mce-ui-icon-normalize{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
@media screen and (max-width: 800px) {
  .main-content {
    //padding-top: $sidebar-width-collapsed + 10px !important;
    padding-left: 12px !important;
  }
}
*/