@charset "UTF-8";
@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap";
@import "https://cdn.jsdelivr.net/npm/remixicon@4.5.0/fonts/remixicon.css";
@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap";

/* node_modules/intl-tel-input/build/css/intlTelInput.css */
.iti {
  position: relative;
  display: inline-block;
}
.iti * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.iti__hide {
  display: none;
}
.iti__v-hide {
  visibility: hidden;
}
.iti input,
.iti input[type=text],
.iti input[type=tel] {
  position: relative;
  z-index: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-right: 36px;
  margin-right: 0;
}
.iti__flag-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 1px;
}
.iti__selected-flag {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 6px 0 8px;
}
.iti__arrow {
  margin-left: 6px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #555;
}
.iti__arrow--up {
  border-top: none;
  border-bottom: 4px solid #555;
}
.iti__country-list {
  position: absolute;
  z-index: 2;
  list-style: none;
  text-align: left;
  padding: 0;
  margin: 0 0 0 -1px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  background-color: white;
  border: 1px solid #CCC;
  white-space: nowrap;
  max-height: 200px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.iti__country-list--dropup {
  bottom: 100%;
  margin-bottom: -1px;
}
@media (max-width: 500px) {
  .iti__country-list {
    white-space: normal;
  }
}
.iti__flag-box {
  display: inline-block;
  width: 20px;
}
.iti__divider {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #CCC;
}
.iti__country {
  padding: 5px 10px;
  outline: none;
}
.iti__dial-code {
  color: #999;
}
.iti__country.iti__highlight {
  background-color: rgba(0, 0, 0, 0.05);
}
.iti__flag-box,
.iti__country-name,
.iti__dial-code {
  vertical-align: middle;
}
.iti__flag-box,
.iti__country-name {
  margin-right: 6px;
}
.iti--allow-dropdown input,
.iti--allow-dropdown input[type=text],
.iti--allow-dropdown input[type=tel],
.iti--separate-dial-code input,
.iti--separate-dial-code input[type=text],
.iti--separate-dial-code input[type=tel] {
  padding-right: 6px;
  padding-left: 52px;
  margin-left: 0;
}
.iti--allow-dropdown .iti__flag-container,
.iti--separate-dial-code .iti__flag-container {
  right: auto;
  left: 0;
}
.iti--allow-dropdown .iti__flag-container:hover {
  cursor: pointer;
}
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
}
.iti--allow-dropdown input[disabled] + .iti__flag-container:hover,
.iti--allow-dropdown input[readonly] + .iti__flag-container:hover {
  cursor: default;
}
.iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag,
.iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag {
  background-color: transparent;
}
.iti--separate-dial-code .iti__selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
}
.iti--separate-dial-code .iti__selected-dial-code {
  margin-left: 6px;
}
.iti--container {
  position: absolute;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: 1px;
}
.iti--container:hover {
  cursor: pointer;
}
.iti-mobile .iti--container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed;
}
.iti-mobile .iti__country-list {
  max-height: 100%;
  width: 100%;
}
.iti-mobile .iti__country {
  padding: 10px 10px;
  line-height: 1.5em;
}
.iti__flag {
  width: 20px;
}
.iti__flag.iti__be {
  width: 18px;
}
.iti__flag.iti__ch {
  width: 15px;
}
.iti__flag.iti__mc {
  width: 19px;
}
.iti__flag.iti__ne {
  width: 18px;
}
.iti__flag.iti__np {
  width: 13px;
}
.iti__flag.iti__va {
  width: 15px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {
    background-size: 5652px 15px;
  }
}
.iti__flag.iti__ac {
  height: 10px;
  background-position: 0px 0px;
}
.iti__flag.iti__ad {
  height: 14px;
  background-position: -22px 0px;
}
.iti__flag.iti__ae {
  height: 10px;
  background-position: -44px 0px;
}
.iti__flag.iti__af {
  height: 14px;
  background-position: -66px 0px;
}
.iti__flag.iti__ag {
  height: 14px;
  background-position: -88px 0px;
}
.iti__flag.iti__ai {
  height: 10px;
  background-position: -110px 0px;
}
.iti__flag.iti__al {
  height: 15px;
  background-position: -132px 0px;
}
.iti__flag.iti__am {
  height: 10px;
  background-position: -154px 0px;
}
.iti__flag.iti__ao {
  height: 14px;
  background-position: -176px 0px;
}
.iti__flag.iti__aq {
  height: 14px;
  background-position: -198px 0px;
}
.iti__flag.iti__ar {
  height: 13px;
  background-position: -220px 0px;
}
.iti__flag.iti__as {
  height: 10px;
  background-position: -242px 0px;
}
.iti__flag.iti__at {
  height: 14px;
  background-position: -264px 0px;
}
.iti__flag.iti__au {
  height: 10px;
  background-position: -286px 0px;
}
.iti__flag.iti__aw {
  height: 14px;
  background-position: -308px 0px;
}
.iti__flag.iti__ax {
  height: 13px;
  background-position: -330px 0px;
}
.iti__flag.iti__az {
  height: 10px;
  background-position: -352px 0px;
}
.iti__flag.iti__ba {
  height: 10px;
  background-position: -374px 0px;
}
.iti__flag.iti__bb {
  height: 14px;
  background-position: -396px 0px;
}
.iti__flag.iti__bd {
  height: 12px;
  background-position: -418px 0px;
}
.iti__flag.iti__be {
  height: 15px;
  background-position: -440px 0px;
}
.iti__flag.iti__bf {
  height: 14px;
  background-position: -460px 0px;
}
.iti__flag.iti__bg {
  height: 12px;
  background-position: -482px 0px;
}
.iti__flag.iti__bh {
  height: 12px;
  background-position: -504px 0px;
}
.iti__flag.iti__bi {
  height: 12px;
  background-position: -526px 0px;
}
.iti__flag.iti__bj {
  height: 14px;
  background-position: -548px 0px;
}
.iti__flag.iti__bl {
  height: 14px;
  background-position: -570px 0px;
}
.iti__flag.iti__bm {
  height: 10px;
  background-position: -592px 0px;
}
.iti__flag.iti__bn {
  height: 10px;
  background-position: -614px 0px;
}
.iti__flag.iti__bo {
  height: 14px;
  background-position: -636px 0px;
}
.iti__flag.iti__bq {
  height: 14px;
  background-position: -658px 0px;
}
.iti__flag.iti__br {
  height: 14px;
  background-position: -680px 0px;
}
.iti__flag.iti__bs {
  height: 10px;
  background-position: -702px 0px;
}
.iti__flag.iti__bt {
  height: 14px;
  background-position: -724px 0px;
}
.iti__flag.iti__bv {
  height: 15px;
  background-position: -746px 0px;
}
.iti__flag.iti__bw {
  height: 14px;
  background-position: -768px 0px;
}
.iti__flag.iti__by {
  height: 10px;
  background-position: -790px 0px;
}
.iti__flag.iti__bz {
  height: 14px;
  background-position: -812px 0px;
}
.iti__flag.iti__ca {
  height: 10px;
  background-position: -834px 0px;
}
.iti__flag.iti__cc {
  height: 10px;
  background-position: -856px 0px;
}
.iti__flag.iti__cd {
  height: 15px;
  background-position: -878px 0px;
}
.iti__flag.iti__cf {
  height: 14px;
  background-position: -900px 0px;
}
.iti__flag.iti__cg {
  height: 14px;
  background-position: -922px 0px;
}
.iti__flag.iti__ch {
  height: 15px;
  background-position: -944px 0px;
}
.iti__flag.iti__ci {
  height: 14px;
  background-position: -961px 0px;
}
.iti__flag.iti__ck {
  height: 10px;
  background-position: -983px 0px;
}
.iti__flag.iti__cl {
  height: 14px;
  background-position: -1005px 0px;
}
.iti__flag.iti__cm {
  height: 14px;
  background-position: -1027px 0px;
}
.iti__flag.iti__cn {
  height: 14px;
  background-position: -1049px 0px;
}
.iti__flag.iti__co {
  height: 14px;
  background-position: -1071px 0px;
}
.iti__flag.iti__cp {
  height: 14px;
  background-position: -1093px 0px;
}
.iti__flag.iti__cr {
  height: 12px;
  background-position: -1115px 0px;
}
.iti__flag.iti__cu {
  height: 10px;
  background-position: -1137px 0px;
}
.iti__flag.iti__cv {
  height: 12px;
  background-position: -1159px 0px;
}
.iti__flag.iti__cw {
  height: 14px;
  background-position: -1181px 0px;
}
.iti__flag.iti__cx {
  height: 10px;
  background-position: -1203px 0px;
}
.iti__flag.iti__cy {
  height: 14px;
  background-position: -1225px 0px;
}
.iti__flag.iti__cz {
  height: 14px;
  background-position: -1247px 0px;
}
.iti__flag.iti__de {
  height: 12px;
  background-position: -1269px 0px;
}
.iti__flag.iti__dg {
  height: 10px;
  background-position: -1291px 0px;
}
.iti__flag.iti__dj {
  height: 14px;
  background-position: -1313px 0px;
}
.iti__flag.iti__dk {
  height: 15px;
  background-position: -1335px 0px;
}
.iti__flag.iti__dm {
  height: 10px;
  background-position: -1357px 0px;
}
.iti__flag.iti__do {
  height: 14px;
  background-position: -1379px 0px;
}
.iti__flag.iti__dz {
  height: 14px;
  background-position: -1401px 0px;
}
.iti__flag.iti__ea {
  height: 14px;
  background-position: -1423px 0px;
}
.iti__flag.iti__ec {
  height: 14px;
  background-position: -1445px 0px;
}
.iti__flag.iti__ee {
  height: 13px;
  background-position: -1467px 0px;
}
.iti__flag.iti__eg {
  height: 14px;
  background-position: -1489px 0px;
}
.iti__flag.iti__eh {
  height: 10px;
  background-position: -1511px 0px;
}
.iti__flag.iti__er {
  height: 10px;
  background-position: -1533px 0px;
}
.iti__flag.iti__es {
  height: 14px;
  background-position: -1555px 0px;
}
.iti__flag.iti__et {
  height: 10px;
  background-position: -1577px 0px;
}
.iti__flag.iti__eu {
  height: 14px;
  background-position: -1599px 0px;
}
.iti__flag.iti__fi {
  height: 12px;
  background-position: -1621px 0px;
}
.iti__flag.iti__fj {
  height: 10px;
  background-position: -1643px 0px;
}
.iti__flag.iti__fk {
  height: 10px;
  background-position: -1665px 0px;
}
.iti__flag.iti__fm {
  height: 11px;
  background-position: -1687px 0px;
}
.iti__flag.iti__fo {
  height: 15px;
  background-position: -1709px 0px;
}
.iti__flag.iti__fr {
  height: 14px;
  background-position: -1731px 0px;
}
.iti__flag.iti__ga {
  height: 15px;
  background-position: -1753px 0px;
}
.iti__flag.iti__gb {
  height: 10px;
  background-position: -1775px 0px;
}
.iti__flag.iti__gd {
  height: 12px;
  background-position: -1797px 0px;
}
.iti__flag.iti__ge {
  height: 14px;
  background-position: -1819px 0px;
}
.iti__flag.iti__gf {
  height: 14px;
  background-position: -1841px 0px;
}
.iti__flag.iti__gg {
  height: 14px;
  background-position: -1863px 0px;
}
.iti__flag.iti__gh {
  height: 14px;
  background-position: -1885px 0px;
}
.iti__flag.iti__gi {
  height: 10px;
  background-position: -1907px 0px;
}
.iti__flag.iti__gl {
  height: 14px;
  background-position: -1929px 0px;
}
.iti__flag.iti__gm {
  height: 14px;
  background-position: -1951px 0px;
}
.iti__flag.iti__gn {
  height: 14px;
  background-position: -1973px 0px;
}
.iti__flag.iti__gp {
  height: 14px;
  background-position: -1995px 0px;
}
.iti__flag.iti__gq {
  height: 14px;
  background-position: -2017px 0px;
}
.iti__flag.iti__gr {
  height: 14px;
  background-position: -2039px 0px;
}
.iti__flag.iti__gs {
  height: 10px;
  background-position: -2061px 0px;
}
.iti__flag.iti__gt {
  height: 13px;
  background-position: -2083px 0px;
}
.iti__flag.iti__gu {
  height: 11px;
  background-position: -2105px 0px;
}
.iti__flag.iti__gw {
  height: 10px;
  background-position: -2127px 0px;
}
.iti__flag.iti__gy {
  height: 12px;
  background-position: -2149px 0px;
}
.iti__flag.iti__hk {
  height: 14px;
  background-position: -2171px 0px;
}
.iti__flag.iti__hm {
  height: 10px;
  background-position: -2193px 0px;
}
.iti__flag.iti__hn {
  height: 10px;
  background-position: -2215px 0px;
}
.iti__flag.iti__hr {
  height: 10px;
  background-position: -2237px 0px;
}
.iti__flag.iti__ht {
  height: 12px;
  background-position: -2259px 0px;
}
.iti__flag.iti__hu {
  height: 10px;
  background-position: -2281px 0px;
}
.iti__flag.iti__ic {
  height: 14px;
  background-position: -2303px 0px;
}
.iti__flag.iti__id {
  height: 14px;
  background-position: -2325px 0px;
}
.iti__flag.iti__ie {
  height: 10px;
  background-position: -2347px 0px;
}
.iti__flag.iti__il {
  height: 15px;
  background-position: -2369px 0px;
}
.iti__flag.iti__im {
  height: 10px;
  background-position: -2391px 0px;
}
.iti__flag.iti__in {
  height: 14px;
  background-position: -2413px 0px;
}
.iti__flag.iti__io {
  height: 10px;
  background-position: -2435px 0px;
}
.iti__flag.iti__iq {
  height: 14px;
  background-position: -2457px 0px;
}
.iti__flag.iti__ir {
  height: 12px;
  background-position: -2479px 0px;
}
.iti__flag.iti__is {
  height: 15px;
  background-position: -2501px 0px;
}
.iti__flag.iti__it {
  height: 14px;
  background-position: -2523px 0px;
}
.iti__flag.iti__je {
  height: 12px;
  background-position: -2545px 0px;
}
.iti__flag.iti__jm {
  height: 10px;
  background-position: -2567px 0px;
}
.iti__flag.iti__jo {
  height: 10px;
  background-position: -2589px 0px;
}
.iti__flag.iti__jp {
  height: 14px;
  background-position: -2611px 0px;
}
.iti__flag.iti__ke {
  height: 14px;
  background-position: -2633px 0px;
}
.iti__flag.iti__kg {
  height: 12px;
  background-position: -2655px 0px;
}
.iti__flag.iti__kh {
  height: 13px;
  background-position: -2677px 0px;
}
.iti__flag.iti__ki {
  height: 10px;
  background-position: -2699px 0px;
}
.iti__flag.iti__km {
  height: 12px;
  background-position: -2721px 0px;
}
.iti__flag.iti__kn {
  height: 14px;
  background-position: -2743px 0px;
}
.iti__flag.iti__kp {
  height: 10px;
  background-position: -2765px 0px;
}
.iti__flag.iti__kr {
  height: 14px;
  background-position: -2787px 0px;
}
.iti__flag.iti__kw {
  height: 10px;
  background-position: -2809px 0px;
}
.iti__flag.iti__ky {
  height: 10px;
  background-position: -2831px 0px;
}
.iti__flag.iti__kz {
  height: 10px;
  background-position: -2853px 0px;
}
.iti__flag.iti__la {
  height: 14px;
  background-position: -2875px 0px;
}
.iti__flag.iti__lb {
  height: 14px;
  background-position: -2897px 0px;
}
.iti__flag.iti__lc {
  height: 10px;
  background-position: -2919px 0px;
}
.iti__flag.iti__li {
  height: 12px;
  background-position: -2941px 0px;
}
.iti__flag.iti__lk {
  height: 10px;
  background-position: -2963px 0px;
}
.iti__flag.iti__lr {
  height: 11px;
  background-position: -2985px 0px;
}
.iti__flag.iti__ls {
  height: 14px;
  background-position: -3007px 0px;
}
.iti__flag.iti__lt {
  height: 12px;
  background-position: -3029px 0px;
}
.iti__flag.iti__lu {
  height: 12px;
  background-position: -3051px 0px;
}
.iti__flag.iti__lv {
  height: 10px;
  background-position: -3073px 0px;
}
.iti__flag.iti__ly {
  height: 10px;
  background-position: -3095px 0px;
}
.iti__flag.iti__ma {
  height: 14px;
  background-position: -3117px 0px;
}
.iti__flag.iti__mc {
  height: 15px;
  background-position: -3139px 0px;
}
.iti__flag.iti__md {
  height: 10px;
  background-position: -3160px 0px;
}
.iti__flag.iti__me {
  height: 10px;
  background-position: -3182px 0px;
}
.iti__flag.iti__mf {
  height: 14px;
  background-position: -3204px 0px;
}
.iti__flag.iti__mg {
  height: 14px;
  background-position: -3226px 0px;
}
.iti__flag.iti__mh {
  height: 11px;
  background-position: -3248px 0px;
}
.iti__flag.iti__mk {
  height: 10px;
  background-position: -3270px 0px;
}
.iti__flag.iti__ml {
  height: 14px;
  background-position: -3292px 0px;
}
.iti__flag.iti__mm {
  height: 14px;
  background-position: -3314px 0px;
}
.iti__flag.iti__mn {
  height: 10px;
  background-position: -3336px 0px;
}
.iti__flag.iti__mo {
  height: 14px;
  background-position: -3358px 0px;
}
.iti__flag.iti__mp {
  height: 10px;
  background-position: -3380px 0px;
}
.iti__flag.iti__mq {
  height: 14px;
  background-position: -3402px 0px;
}
.iti__flag.iti__mr {
  height: 14px;
  background-position: -3424px 0px;
}
.iti__flag.iti__ms {
  height: 10px;
  background-position: -3446px 0px;
}
.iti__flag.iti__mt {
  height: 14px;
  background-position: -3468px 0px;
}
.iti__flag.iti__mu {
  height: 14px;
  background-position: -3490px 0px;
}
.iti__flag.iti__mv {
  height: 14px;
  background-position: -3512px 0px;
}
.iti__flag.iti__mw {
  height: 14px;
  background-position: -3534px 0px;
}
.iti__flag.iti__mx {
  height: 12px;
  background-position: -3556px 0px;
}
.iti__flag.iti__my {
  height: 10px;
  background-position: -3578px 0px;
}
.iti__flag.iti__mz {
  height: 14px;
  background-position: -3600px 0px;
}
.iti__flag.iti__na {
  height: 14px;
  background-position: -3622px 0px;
}
.iti__flag.iti__nc {
  height: 10px;
  background-position: -3644px 0px;
}
.iti__flag.iti__ne {
  height: 15px;
  background-position: -3666px 0px;
}
.iti__flag.iti__nf {
  height: 10px;
  background-position: -3686px 0px;
}
.iti__flag.iti__ng {
  height: 10px;
  background-position: -3708px 0px;
}
.iti__flag.iti__ni {
  height: 12px;
  background-position: -3730px 0px;
}
.iti__flag.iti__nl {
  height: 14px;
  background-position: -3752px 0px;
}
.iti__flag.iti__no {
  height: 15px;
  background-position: -3774px 0px;
}
.iti__flag.iti__np {
  height: 15px;
  background-position: -3796px 0px;
}
.iti__flag.iti__nr {
  height: 10px;
  background-position: -3811px 0px;
}
.iti__flag.iti__nu {
  height: 10px;
  background-position: -3833px 0px;
}
.iti__flag.iti__nz {
  height: 10px;
  background-position: -3855px 0px;
}
.iti__flag.iti__om {
  height: 10px;
  background-position: -3877px 0px;
}
.iti__flag.iti__pa {
  height: 14px;
  background-position: -3899px 0px;
}
.iti__flag.iti__pe {
  height: 14px;
  background-position: -3921px 0px;
}
.iti__flag.iti__pf {
  height: 14px;
  background-position: -3943px 0px;
}
.iti__flag.iti__pg {
  height: 15px;
  background-position: -3965px 0px;
}
.iti__flag.iti__ph {
  height: 10px;
  background-position: -3987px 0px;
}
.iti__flag.iti__pk {
  height: 14px;
  background-position: -4009px 0px;
}
.iti__flag.iti__pl {
  height: 13px;
  background-position: -4031px 0px;
}
.iti__flag.iti__pm {
  height: 14px;
  background-position: -4053px 0px;
}
.iti__flag.iti__pn {
  height: 10px;
  background-position: -4075px 0px;
}
.iti__flag.iti__pr {
  height: 14px;
  background-position: -4097px 0px;
}
.iti__flag.iti__ps {
  height: 10px;
  background-position: -4119px 0px;
}
.iti__flag.iti__pt {
  height: 14px;
  background-position: -4141px 0px;
}
.iti__flag.iti__pw {
  height: 13px;
  background-position: -4163px 0px;
}
.iti__flag.iti__py {
  height: 11px;
  background-position: -4185px 0px;
}
.iti__flag.iti__qa {
  height: 8px;
  background-position: -4207px 0px;
}
.iti__flag.iti__re {
  height: 14px;
  background-position: -4229px 0px;
}
.iti__flag.iti__ro {
  height: 14px;
  background-position: -4251px 0px;
}
.iti__flag.iti__rs {
  height: 14px;
  background-position: -4273px 0px;
}
.iti__flag.iti__ru {
  height: 14px;
  background-position: -4295px 0px;
}
.iti__flag.iti__rw {
  height: 14px;
  background-position: -4317px 0px;
}
.iti__flag.iti__sa {
  height: 14px;
  background-position: -4339px 0px;
}
.iti__flag.iti__sb {
  height: 10px;
  background-position: -4361px 0px;
}
.iti__flag.iti__sc {
  height: 10px;
  background-position: -4383px 0px;
}
.iti__flag.iti__sd {
  height: 10px;
  background-position: -4405px 0px;
}
.iti__flag.iti__se {
  height: 13px;
  background-position: -4427px 0px;
}
.iti__flag.iti__sg {
  height: 14px;
  background-position: -4449px 0px;
}
.iti__flag.iti__sh {
  height: 10px;
  background-position: -4471px 0px;
}
.iti__flag.iti__si {
  height: 10px;
  background-position: -4493px 0px;
}
.iti__flag.iti__sj {
  height: 15px;
  background-position: -4515px 0px;
}
.iti__flag.iti__sk {
  height: 14px;
  background-position: -4537px 0px;
}
.iti__flag.iti__sl {
  height: 14px;
  background-position: -4559px 0px;
}
.iti__flag.iti__sm {
  height: 15px;
  background-position: -4581px 0px;
}
.iti__flag.iti__sn {
  height: 14px;
  background-position: -4603px 0px;
}
.iti__flag.iti__so {
  height: 14px;
  background-position: -4625px 0px;
}
.iti__flag.iti__sr {
  height: 14px;
  background-position: -4647px 0px;
}
.iti__flag.iti__ss {
  height: 10px;
  background-position: -4669px 0px;
}
.iti__flag.iti__st {
  height: 10px;
  background-position: -4691px 0px;
}
.iti__flag.iti__sv {
  height: 12px;
  background-position: -4713px 0px;
}
.iti__flag.iti__sx {
  height: 14px;
  background-position: -4735px 0px;
}
.iti__flag.iti__sy {
  height: 14px;
  background-position: -4757px 0px;
}
.iti__flag.iti__sz {
  height: 14px;
  background-position: -4779px 0px;
}
.iti__flag.iti__ta {
  height: 10px;
  background-position: -4801px 0px;
}
.iti__flag.iti__tc {
  height: 10px;
  background-position: -4823px 0px;
}
.iti__flag.iti__td {
  height: 14px;
  background-position: -4845px 0px;
}
.iti__flag.iti__tf {
  height: 14px;
  background-position: -4867px 0px;
}
.iti__flag.iti__tg {
  height: 13px;
  background-position: -4889px 0px;
}
.iti__flag.iti__th {
  height: 14px;
  background-position: -4911px 0px;
}
.iti__flag.iti__tj {
  height: 10px;
  background-position: -4933px 0px;
}
.iti__flag.iti__tk {
  height: 10px;
  background-position: -4955px 0px;
}
.iti__flag.iti__tl {
  height: 10px;
  background-position: -4977px 0px;
}
.iti__flag.iti__tm {
  height: 14px;
  background-position: -4999px 0px;
}
.iti__flag.iti__tn {
  height: 14px;
  background-position: -5021px 0px;
}
.iti__flag.iti__to {
  height: 10px;
  background-position: -5043px 0px;
}
.iti__flag.iti__tr {
  height: 14px;
  background-position: -5065px 0px;
}
.iti__flag.iti__tt {
  height: 12px;
  background-position: -5087px 0px;
}
.iti__flag.iti__tv {
  height: 10px;
  background-position: -5109px 0px;
}
.iti__flag.iti__tw {
  height: 14px;
  background-position: -5131px 0px;
}
.iti__flag.iti__tz {
  height: 14px;
  background-position: -5153px 0px;
}
.iti__flag.iti__ua {
  height: 14px;
  background-position: -5175px 0px;
}
.iti__flag.iti__ug {
  height: 14px;
  background-position: -5197px 0px;
}
.iti__flag.iti__um {
  height: 11px;
  background-position: -5219px 0px;
}
.iti__flag.iti__un {
  height: 14px;
  background-position: -5241px 0px;
}
.iti__flag.iti__us {
  height: 11px;
  background-position: -5263px 0px;
}
.iti__flag.iti__uy {
  height: 14px;
  background-position: -5285px 0px;
}
.iti__flag.iti__uz {
  height: 10px;
  background-position: -5307px 0px;
}
.iti__flag.iti__va {
  height: 15px;
  background-position: -5329px 0px;
}
.iti__flag.iti__vc {
  height: 14px;
  background-position: -5346px 0px;
}
.iti__flag.iti__ve {
  height: 14px;
  background-position: -5368px 0px;
}
.iti__flag.iti__vg {
  height: 10px;
  background-position: -5390px 0px;
}
.iti__flag.iti__vi {
  height: 14px;
  background-position: -5412px 0px;
}
.iti__flag.iti__vn {
  height: 14px;
  background-position: -5434px 0px;
}
.iti__flag.iti__vu {
  height: 12px;
  background-position: -5456px 0px;
}
.iti__flag.iti__wf {
  height: 14px;
  background-position: -5478px 0px;
}
.iti__flag.iti__ws {
  height: 10px;
  background-position: -5500px 0px;
}
.iti__flag.iti__xk {
  height: 15px;
  background-position: -5522px 0px;
}
.iti__flag.iti__ye {
  height: 14px;
  background-position: -5544px 0px;
}
.iti__flag.iti__yt {
  height: 14px;
  background-position: -5566px 0px;
}
.iti__flag.iti__za {
  height: 14px;
  background-position: -5588px 0px;
}
.iti__flag.iti__zm {
  height: 14px;
  background-position: -5610px 0px;
}
.iti__flag.iti__zw {
  height: 10px;
  background-position: -5632px 0px;
}
.iti__flag {
  height: 15px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: url("./media/flags-645KQKNA.png");
  background-repeat: no-repeat;
  background-color: #DBDBDB;
  background-position: 20px 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {
    background-image: url("./media/flags@2x-E4CMA2OR.png");
  }
}
.iti__flag.iti__np {
  background-color: transparent;
}

/* node_modules/quill/dist/quill.core.css */
/*!
 * Quill Editor v2.0.3
 * https://quilljs.com
 * Copyright (c) 2017-2024, Slab
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family:
    Helvetica,
    Arial,
    sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container:not(.ql-disabled) li[data-list=checked] > .ql-ui,
.ql-container:not(.ql-disabled) li[data-list=unchecked] > .ql-ui {
  cursor: pointer;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
}
@supports (counter-set:none) {
  .ql-editor p,
  .ql-editor h1,
  .ql-editor h2,
  .ql-editor h3,
  .ql-editor h4,
  .ql-editor h5,
  .ql-editor h6 {
    counter-set: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor p,
  .ql-editor h1,
  .ql-editor h2,
  .ql-editor h3,
  .ql-editor h4,
  .ql-editor h5,
  .ql-editor h6 {
    counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor table {
  border-collapse: collapse;
}
.ql-editor td {
  border: 1px solid #000;
  padding: 2px 5px;
}
.ql-editor ol {
  padding-left: 1.5em;
}
.ql-editor li {
  list-style-type: none;
  padding-left: 1.5em;
  position: relative;
}
.ql-editor li > .ql-ui:before {
  display: inline-block;
  margin-left: -1.5em;
  margin-right: .3em;
  text-align: right;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li[data-list=checked] > .ql-ui,
.ql-editor li[data-list=unchecked] > .ql-ui {
  color: #777;
}
.ql-editor li[data-list=bullet] > .ql-ui:before {
  content: "\2022";
}
.ql-editor li[data-list=checked] > .ql-ui:before {
  content: "\2611";
}
.ql-editor li[data-list=unchecked] > .ql-ui:before {
  content: "\2610";
}
@supports (counter-set:none) {
  .ql-editor li[data-list] {
    counter-set: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list] {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered] {
  counter-increment: list-0;
}
.ql-editor li[data-list=ordered] > .ql-ui:before {
  content: counter(list-0, decimal) ". ";
}
.ql-editor li[data-list=ordered].ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor li[data-list=ordered].ql-indent-1 > .ql-ui:before {
  content: counter(list-1, lower-alpha) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-1 {
    counter-set: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-1 {
    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor li[data-list=ordered].ql-indent-2 > .ql-ui:before {
  content: counter(list-2, lower-roman) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-2 {
    counter-set: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-2 {
    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor li[data-list=ordered].ql-indent-3 > .ql-ui:before {
  content: counter(list-3, decimal) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-3 {
    counter-set: list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-3 {
    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor li[data-list=ordered].ql-indent-4 > .ql-ui:before {
  content: counter(list-4, lower-alpha) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-4 {
    counter-set: list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-4 {
    counter-reset: list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor li[data-list=ordered].ql-indent-5 > .ql-ui:before {
  content: counter(list-5, lower-roman) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-5 {
    counter-set: list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-5 {
    counter-reset: list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor li[data-list=ordered].ql-indent-6 > .ql-ui:before {
  content: counter(list-6, decimal) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-6 {
    counter-set: list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-6 {
    counter-reset: list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor li[data-list=ordered].ql-indent-7 > .ql-ui:before {
  content: counter(list-7, lower-alpha) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-7 {
    counter-set: list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-7 {
    counter-reset: list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor li[data-list=ordered].ql-indent-8 > .ql-ui:before {
  content: counter(list-8, lower-roman) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-8 {
    counter-set: list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-8 {
    counter-reset: list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor li[data-list=ordered].ql-indent-9 > .ql-ui:before {
  content: counter(list-9, decimal) ". ";
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor li.ql-direction-rtl > .ql-ui:before {
  margin-left: .3em;
  margin-right: -1.5em;
  text-align: left;
}
.ql-editor table {
  table-layout: fixed;
  width: 100%;
}
.ql-editor table td {
  outline: none;
}
.ql-editor .ql-code-block-container {
  font-family: monospace;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family:
    Georgia,
    Times New Roman,
    serif;
}
.ql-editor .ql-font-monospace {
  font-family:
    Monaco,
    Courier New,
    monospace;
}
.ql-editor .ql-size-small {
  font-size: .75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor .ql-ui {
  position: absolute;
}
.ql-editor.ql-blank::before {
  color: rgba(0, 0, 0, 0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}

/* node_modules/quill/dist/quill.snow.css */
/*!
 * Quill Editor v2.0.3
 * https://quilljs.com
 * Copyright (c) 2017-2024, Slab
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family:
    Helvetica,
    Arial,
    sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container:not(.ql-disabled) li[data-list=checked] > .ql-ui,
.ql-container:not(.ql-disabled) li[data-list=unchecked] > .ql-ui {
  cursor: pointer;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
}
@supports (counter-set:none) {
  .ql-editor p,
  .ql-editor h1,
  .ql-editor h2,
  .ql-editor h3,
  .ql-editor h4,
  .ql-editor h5,
  .ql-editor h6 {
    counter-set: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor p,
  .ql-editor h1,
  .ql-editor h2,
  .ql-editor h3,
  .ql-editor h4,
  .ql-editor h5,
  .ql-editor h6 {
    counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor table {
  border-collapse: collapse;
}
.ql-editor td {
  border: 1px solid #000;
  padding: 2px 5px;
}
.ql-editor ol {
  padding-left: 1.5em;
}
.ql-editor li {
  list-style-type: none;
  padding-left: 1.5em;
  position: relative;
}
.ql-editor li > .ql-ui:before {
  display: inline-block;
  margin-left: -1.5em;
  margin-right: .3em;
  text-align: right;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li[data-list=checked] > .ql-ui,
.ql-editor li[data-list=unchecked] > .ql-ui {
  color: #777;
}
.ql-editor li[data-list=bullet] > .ql-ui:before {
  content: "\2022";
}
.ql-editor li[data-list=checked] > .ql-ui:before {
  content: "\2611";
}
.ql-editor li[data-list=unchecked] > .ql-ui:before {
  content: "\2610";
}
@supports (counter-set:none) {
  .ql-editor li[data-list] {
    counter-set: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list] {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered] {
  counter-increment: list-0;
}
.ql-editor li[data-list=ordered] > .ql-ui:before {
  content: counter(list-0, decimal) ". ";
}
.ql-editor li[data-list=ordered].ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor li[data-list=ordered].ql-indent-1 > .ql-ui:before {
  content: counter(list-1, lower-alpha) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-1 {
    counter-set: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-1 {
    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor li[data-list=ordered].ql-indent-2 > .ql-ui:before {
  content: counter(list-2, lower-roman) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-2 {
    counter-set: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-2 {
    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor li[data-list=ordered].ql-indent-3 > .ql-ui:before {
  content: counter(list-3, decimal) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-3 {
    counter-set: list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-3 {
    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor li[data-list=ordered].ql-indent-4 > .ql-ui:before {
  content: counter(list-4, lower-alpha) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-4 {
    counter-set: list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-4 {
    counter-reset: list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor li[data-list=ordered].ql-indent-5 > .ql-ui:before {
  content: counter(list-5, lower-roman) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-5 {
    counter-set: list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-5 {
    counter-reset: list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor li[data-list=ordered].ql-indent-6 > .ql-ui:before {
  content: counter(list-6, decimal) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-6 {
    counter-set: list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-6 {
    counter-reset: list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor li[data-list=ordered].ql-indent-7 > .ql-ui:before {
  content: counter(list-7, lower-alpha) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-7 {
    counter-set: list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-7 {
    counter-reset: list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor li[data-list=ordered].ql-indent-8 > .ql-ui:before {
  content: counter(list-8, lower-roman) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-8 {
    counter-set: list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-8 {
    counter-reset: list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor li[data-list=ordered].ql-indent-9 > .ql-ui:before {
  content: counter(list-9, decimal) ". ";
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor li.ql-direction-rtl > .ql-ui:before {
  margin-left: .3em;
  margin-right: -1.5em;
  text-align: left;
}
.ql-editor table {
  table-layout: fixed;
  width: 100%;
}
.ql-editor table td {
  outline: none;
}
.ql-editor .ql-code-block-container {
  font-family: monospace;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family:
    Georgia,
    Times New Roman,
    serif;
}
.ql-editor .ql-font-monospace {
  font-family:
    Monaco,
    Courier New,
    monospace;
}
.ql-editor .ql-size-small {
  font-size: .75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor .ql-ui {
  position: absolute;
}
.ql-editor.ql-blank::before {
  color: rgba(0, 0, 0, 0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: "";
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: "";
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: .4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: .83em;
}
.ql-snow .ql-editor h6 {
  font-size: .67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor .ql-code-block-container {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor .ql-code-block-container {
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor .ql-code-block-container {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: "Normal";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: "Heading 1";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: "Heading 2";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: "Heading 3";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: "Heading 4";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: "Heading 5";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: "Heading 6";
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: .83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: .67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: "Sans Serif";
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: "Serif";
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: "Monospace";
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family:
    Georgia,
    Times New Roman,
    serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family:
    Monaco,
    Courier New,
    monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: "Normal";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: "Small";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: "Large";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: "Huge";
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-code-block-container {
  position: relative;
}
.ql-code-block-container .ql-ui {
  right: 5px;
  top: 5px;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family:
    "Helvetica Neue",
    "Helvetica",
    "Arial",
    sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 0 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: "Edit";
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: "Remove";
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0;
  content: "Save";
  padding-right: 0;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}

/* node_modules/ckeditor5/dist/ckeditor5.css */
/**
 * @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
:root {
  --ck-color-base-foreground: hsl(0, 0%, 98%);
  --ck-color-base-background: hsl(0, 0%, 100%);
  --ck-color-base-border: hsl(220, 6%, 81%);
  --ck-color-base-action: hsl(104, 50.2%, 42.5%);
  --ck-color-base-focus: hsl(209, 92%, 70%);
  --ck-color-base-text: hsl(0, 0%, 20%);
  --ck-color-base-active: hsl(218.1, 100%, 58%);
  --ck-color-base-active-focus: hsl(218.2, 100%, 52.5%);
  --ck-color-base-error: hsl(15, 100%, 43%);
  --ck-color-focus-border-coordinates:
    218,
    81.8%,
    56.9%;
  --ck-color-focus-border: hsl(var(--ck-color-focus-border-coordinates));
  --ck-color-focus-outer-shadow: hsl(212.4, 89.3%, 89%);
  --ck-color-focus-disabled-shadow: hsla(209, 90%, 72%,.3);
  --ck-color-focus-error-shadow: hsla(9,100%,56%,.3);
  --ck-color-text: var(--ck-color-base-text);
  --ck-color-shadow-drop: hsla(0, 0%, 0%, 0.15);
  --ck-color-shadow-drop-active: hsla(0, 0%, 0%, 0.2);
  --ck-color-shadow-inner: hsla(0, 0%, 0%, 0.1);
  --ck-color-button-default-background: transparent;
  --ck-color-button-default-hover-background: hsl(0, 0%, 94.1%);
  --ck-color-button-default-active-background: hsl(0, 0%, 94.1%);
  --ck-color-button-default-disabled-background: transparent;
  --ck-color-button-on-background: hsl(212, 100%, 97.1%);
  --ck-color-button-on-hover-background: hsl(211.7, 100%, 92.9%);
  --ck-color-button-on-active-background: hsl(211.7, 100%, 92.9%);
  --ck-color-button-on-disabled-background: hsl(211, 15%, 95%);
  --ck-color-button-on-color: hsl(218.1, 100%, 58%);
  --ck-color-button-action-background: var(--ck-color-base-action);
  --ck-color-button-action-hover-background: hsl(104, 53.2%, 40.2%);
  --ck-color-button-action-active-background: hsl(104, 53.2%, 40.2%);
  --ck-color-button-action-disabled-background: hsl(104, 44%, 58%);
  --ck-color-button-action-text: var(--ck-color-base-background);
  --ck-color-button-save: hsl(120, 100%, 27%);
  --ck-color-button-cancel: hsl(15, 100%, 43%);
  --ck-color-switch-button-off-background: hsl(0, 0%, 57.6%);
  --ck-color-switch-button-off-hover-background: hsl(0, 0%, 49%);
  --ck-color-switch-button-on-background: var(--ck-color-button-action-background);
  --ck-color-switch-button-on-hover-background: hsl(104, 53.2%, 40.2%);
  --ck-color-switch-button-inner-background: var(--ck-color-base-background);
  --ck-color-switch-button-inner-shadow: hsla(0, 0%, 0%, 0.1);
  --ck-color-dropdown-panel-background: var(--ck-color-base-background);
  --ck-color-dropdown-panel-border: var(--ck-color-base-border);
  --ck-color-dialog-background: var(--ck-custom-background);
  --ck-color-dialog-form-header-border: var(--ck-custom-border);
  --ck-color-input-background: var(--ck-color-base-background);
  --ck-color-input-border: var(--ck-color-base-border);
  --ck-color-input-error-border: var(--ck-color-base-error);
  --ck-color-input-text: var(--ck-color-base-text);
  --ck-color-input-disabled-background: hsl(0, 0%, 95%);
  --ck-color-input-disabled-border: var(--ck-color-base-border);
  --ck-color-input-disabled-text: hsl(0, 0%, 46%);
  --ck-color-list-background: var(--ck-color-base-background);
  --ck-color-list-button-hover-background: var(--ck-color-button-default-hover-background);
  --ck-color-list-button-on-background: var(--ck-color-button-on-color);
  --ck-color-list-button-on-background-focus: var(--ck-color-button-on-color);
  --ck-color-list-button-on-text: var(--ck-color-base-background);
  --ck-color-panel-background: var(--ck-color-base-background);
  --ck-color-panel-border: var(--ck-color-base-border);
  --ck-color-toolbar-background: var(--ck-color-base-background);
  --ck-color-toolbar-border: var(--ck-color-base-border);
  --ck-color-tooltip-background: var(--ck-color-base-text);
  --ck-color-tooltip-text: var(--ck-color-base-background);
  --ck-color-engine-placeholder-text: hsl(0, 0%, 44%);
  --ck-color-upload-bar-background: hsl(209, 92%, 70%);
  --ck-color-link-default: hsl(240, 100%, 47%);
  --ck-color-link-selected-background: hsla(201, 100%, 56%, 0.1);
  --ck-color-link-fake-selection: hsla(201, 100%, 56%, 0.3);
  --ck-color-highlight-background: hsl(60, 100%, 50%);
  --ck-color-light-red: hsl(0, 100%, 90%);
}
:root {
  --ck-disabled-opacity: .5;
}
:root {
  --ck-focus-outer-shadow-geometry: 0 0 0 3px;
  --ck-focus-outer-shadow: var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-outer-shadow);
  --ck-focus-disabled-outer-shadow: var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-disabled-shadow);
  --ck-focus-error-outer-shadow: var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-error-shadow);
  --ck-focus-ring: 1px solid var(--ck-color-focus-border);
}
:root {
  --ck-font-size-base: 13px;
  --ck-line-height-base: 1.84615;
  --ck-font-face:
    Helvetica,
    Arial,
    Tahoma,
    Verdana,
    Sans-Serif;
  --ck-font-size-tiny: 0.7em;
  --ck-font-size-small: 0.75em;
  --ck-font-size-normal: 1em;
  --ck-font-size-big: 1.4em;
  --ck-font-size-large: 1.8em;
}
:root {
  --ck-ui-component-min-height: 2.3em;
}
.ck.ck-reset,
.ck.ck-reset_all,
.ck-reset_all *:not(.ck-reset_all-excluded *) {
  box-sizing: border-box;
  width: auto;
  height: auto;
  position: static;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  text-decoration: none;
  vertical-align: middle;
  transition: none;
  word-wrap: break-word;
}
.ck.ck-reset_all,
.ck-reset_all *:not(.ck-reset_all-excluded *) {
  border-collapse: collapse;
  font: normal normal normal var(--ck-font-size-base)/var(--ck-line-height-base) var(--ck-font-face);
  color: var(--ck-color-text);
  text-align: left;
  white-space: nowrap;
  cursor: auto;
  float: none;
}
.ck-reset_all .ck-rtl *:not(.ck-reset_all-excluded *) {
  text-align: right;
}
.ck-reset_all iframe:not(.ck-reset_all-excluded *) {
  vertical-align: inherit;
}
.ck-reset_all textarea:not(.ck-reset_all-excluded *) {
  white-space: pre-wrap;
}
.ck-reset_all textarea:not(.ck-reset_all-excluded *),
.ck-reset_all input[type=text]:not(.ck-reset_all-excluded *),
.ck-reset_all input[type=password]:not(.ck-reset_all-excluded *) {
  cursor: text;
}
.ck-reset_all textarea[disabled]:not(.ck-reset_all-excluded *),
.ck-reset_all input[type=text][disabled]:not(.ck-reset_all-excluded *),
.ck-reset_all input[type=password][disabled]:not(.ck-reset_all-excluded *) {
  cursor: default;
}
.ck-reset_all fieldset:not(.ck-reset_all-excluded *) {
  padding: 10px;
  border: 2px groove hsl(255, 7%, 88%);
}
.ck-reset_all button:not(.ck-reset_all-excluded *)::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.ck[dir=rtl],
.ck[dir=rtl] .ck {
  text-align: right;
}
:root {
  --ck-border-radius: 2px;
}
:root {
  --ck-inner-shadow: 2px 2px 3px var(--ck-color-shadow-inner) inset;
  --ck-drop-shadow: 0 1px 2px 1px var(--ck-color-shadow-drop);
  --ck-drop-shadow-active: 0 3px 6px 1px var(--ck-color-shadow-drop-active);
}
:root {
  --ck-spacing-unit: 0.6em;
  --ck-spacing-large: calc(var(--ck-spacing-unit) * 1.5);
  --ck-spacing-standard: var(--ck-spacing-unit);
  --ck-spacing-medium: calc(var(--ck-spacing-unit) * 0.8);
  --ck-spacing-small: calc(var(--ck-spacing-unit) * 0.5);
  --ck-spacing-tiny: calc(var(--ck-spacing-unit) * 0.3);
  --ck-spacing-extra-tiny: calc(var(--ck-spacing-unit) * 0.16);
}
.ck.ck-autocomplete > .ck-search__results {
  border-radius: 0;
  max-height: 200px;
  overflow-y: auto;
  background: var(--ck-color-base-background);
  border: 1px solid var(--ck-color-dropdown-panel-border);
  min-width: auto;
}
.ck-rounded-corners .ck.ck-autocomplete > .ck-search__results,
.ck.ck-autocomplete > .ck-search__results.ck-rounded-corners {
  border-radius: var(--ck-border-radius);
}
.ck.ck-autocomplete > .ck-search__results {
  box-shadow: var(--ck-drop-shadow), 0 0;
}
.ck.ck-autocomplete > .ck-search__results.ck-search__results_n {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-bottom: -1px;
}
.ck.ck-autocomplete > .ck-search__results.ck-search__results_s {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: -1px;
}
.ck.ck-button,
a.ck.ck-button {
  background: var(--ck-color-button-default-background);
  border-radius: 0;
  white-space: nowrap;
  cursor: default;
  vertical-align: middle;
  padding: var(--ck-spacing-tiny);
  text-align: center;
  min-width: var(--ck-ui-component-min-height);
  min-height: var(--ck-ui-component-min-height);
  line-height: 1;
  font-size: inherit;
  border: 1px solid transparent;
  transition: box-shadow .2s ease-in-out, border .2s ease-in-out;
  -webkit-appearance: none;
}
.ck.ck-button:not(.ck-disabled):hover,
a.ck.ck-button:not(.ck-disabled):hover {
  background: var(--ck-color-button-default-hover-background);
}
.ck.ck-button:not(.ck-disabled):active,
a.ck.ck-button:not(.ck-disabled):active {
  background: var(--ck-color-button-default-active-background);
}
.ck.ck-button.ck-disabled,
a.ck.ck-button.ck-disabled {
  background: var(--ck-color-button-default-disabled-background);
}
.ck-rounded-corners .ck.ck-button,
.ck-rounded-corners a.ck.ck-button,
.ck.ck-button.ck-rounded-corners,
a.ck.ck-button.ck-rounded-corners {
  border-radius: var(--ck-border-radius);
}
@media (prefers-reduced-motion: reduce) {
  .ck.ck-button,
  a.ck.ck-button {
    transition: none;
  }
}
.ck.ck-button:active,
a.ck.ck-button:active,
.ck.ck-button:focus,
a.ck.ck-button:focus {
  outline: none;
  border: var(--ck-focus-ring);
  box-shadow: var(--ck-focus-outer-shadow), 0 0;
}
.ck.ck-button .ck-button__icon use,
a.ck.ck-button .ck-button__icon use,
.ck.ck-button .ck-button__icon use *,
a.ck.ck-button .ck-button__icon use * {
  color: inherit;
}
.ck.ck-button .ck-button__label,
a.ck.ck-button .ck-button__label {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  cursor: inherit;
  vertical-align: middle;
}
[dir=ltr] .ck.ck-button .ck-button__label,
[dir=ltr] a.ck.ck-button .ck-button__label {
  text-align: left;
}
[dir=rtl] .ck.ck-button .ck-button__label,
[dir=rtl] a.ck.ck-button .ck-button__label {
  text-align: right;
}
.ck.ck-button .ck-button__keystroke,
a.ck.ck-button .ck-button__keystroke {
  color: inherit;
  opacity: .5;
}
[dir=ltr] .ck.ck-button .ck-button__keystroke,
[dir=ltr] a.ck.ck-button .ck-button__keystroke {
  margin-left: var(--ck-spacing-large);
}
[dir=rtl] .ck.ck-button .ck-button__keystroke,
[dir=rtl] a.ck.ck-button .ck-button__keystroke {
  margin-right: var(--ck-spacing-large);
}
.ck.ck-button.ck-disabled:active,
a.ck.ck-button.ck-disabled:active,
.ck.ck-button.ck-disabled:focus,
a.ck.ck-button.ck-disabled:focus {
  box-shadow: var(--ck-focus-disabled-outer-shadow), 0 0;
}
.ck.ck-button.ck-disabled .ck-button__icon,
a.ck.ck-button.ck-disabled .ck-button__icon {
  opacity: var(--ck-disabled-opacity);
}
.ck.ck-button.ck-disabled .ck-button__label,
a.ck.ck-button.ck-disabled .ck-button__label {
  opacity: var(--ck-disabled-opacity);
}
.ck.ck-button.ck-disabled .ck-button__keystroke,
a.ck.ck-button.ck-disabled .ck-button__keystroke {
  opacity: .3;
}
.ck.ck-button.ck-button_with-text,
a.ck.ck-button.ck-button_with-text {
  padding: var(--ck-spacing-tiny) var(--ck-spacing-standard);
}
[dir=ltr] .ck.ck-button.ck-button_with-text .ck-button__icon,
[dir=ltr] a.ck.ck-button.ck-button_with-text .ck-button__icon {
  margin-right: var(--ck-spacing-medium);
}
[dir=rtl] .ck.ck-button.ck-button_with-text .ck-button__icon,
[dir=rtl] a.ck.ck-button.ck-button_with-text .ck-button__icon {
  margin-left: var(--ck-spacing-medium);
}
.ck.ck-button.ck-button_with-keystroke .ck-button__label,
a.ck.ck-button.ck-button_with-keystroke .ck-button__label {
  flex-grow: 1;
}
.ck.ck-button.ck-on,
a.ck.ck-button.ck-on {
  background: var(--ck-color-button-on-background);
  color: var(--ck-color-button-on-color);
}
.ck.ck-button.ck-on:not(.ck-disabled):hover,
a.ck.ck-button.ck-on:not(.ck-disabled):hover {
  background: var(--ck-color-button-on-hover-background);
}
.ck.ck-button.ck-on:not(.ck-disabled):active,
a.ck.ck-button.ck-on:not(.ck-disabled):active {
  background: var(--ck-color-button-on-active-background);
}
.ck.ck-button.ck-on.ck-disabled,
a.ck.ck-button.ck-on.ck-disabled {
  background: var(--ck-color-button-on-disabled-background);
}
.ck.ck-button.ck-button-save,
a.ck.ck-button.ck-button-save {
  color: var(--ck-color-button-save);
}
.ck.ck-button.ck-button-cancel,
a.ck.ck-button.ck-button-cancel {
  color: var(--ck-color-button-cancel);
}
.ck.ck-button-action,
a.ck.ck-button-action {
  background: var(--ck-color-button-action-background);
  color: var(--ck-color-button-action-text);
}
.ck.ck-button-action:not(.ck-disabled):hover,
a.ck.ck-button-action:not(.ck-disabled):hover {
  background: var(--ck-color-button-action-hover-background);
}
.ck.ck-button-action:not(.ck-disabled):active,
a.ck.ck-button-action:not(.ck-disabled):active {
  background: var(--ck-color-button-action-active-background);
}
.ck.ck-button-action.ck-disabled,
a.ck.ck-button-action.ck-disabled {
  background: var(--ck-color-button-action-disabled-background);
}
.ck.ck-button-bold,
a.ck.ck-button-bold {
  font-weight: bold;
}
:root {
  --ck-switch-button-toggle-width: 2.6153846154em;
  --ck-switch-button-toggle-inner-size: calc(1.0769230769em + 1px);
  --ck-switch-button-translation: calc( var(--ck-switch-button-toggle-width) - var(--ck-switch-button-toggle-inner-size) - 2px );
  --ck-switch-button-inner-hover-shadow: 0 0 0 5px var(--ck-color-switch-button-inner-shadow);
}
.ck.ck-button.ck-switchbutton,
.ck.ck-button.ck-switchbutton:hover,
.ck.ck-button.ck-switchbutton:focus,
.ck.ck-button.ck-switchbutton:active,
.ck.ck-button.ck-switchbutton.ck-on:hover,
.ck.ck-button.ck-switchbutton.ck-on:focus,
.ck.ck-button.ck-switchbutton.ck-on:active {
  color: inherit;
  background: transparent;
}
[dir=ltr] .ck.ck-button.ck-switchbutton .ck-button__label {
  margin-right: calc(2 * var(--ck-spacing-large));
}
[dir=rtl] .ck.ck-button.ck-switchbutton .ck-button__label {
  margin-left: calc(2 * var(--ck-spacing-large));
}
.ck.ck-button.ck-switchbutton .ck-button__toggle {
  border-radius: 0;
  transition:
    background 400ms ease,
    box-shadow .2s ease-in-out,
    outline .2s ease-in-out;
  border: 1px solid transparent;
  width: var(--ck-switch-button-toggle-width);
  background: var(--ck-color-switch-button-off-background);
}
.ck-rounded-corners .ck.ck-button.ck-switchbutton .ck-button__toggle,
.ck.ck-button.ck-switchbutton .ck-button__toggle.ck-rounded-corners {
  border-radius: var(--ck-border-radius);
}
[dir=ltr] .ck.ck-button.ck-switchbutton .ck-button__toggle {
  margin-left: auto;
}
[dir=rtl] .ck.ck-button.ck-switchbutton .ck-button__toggle {
  margin-right: auto;
}
.ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner {
  border-radius: 0;
  width: var(--ck-switch-button-toggle-inner-size);
  height: var(--ck-switch-button-toggle-inner-size);
  background: var(--ck-color-switch-button-inner-background);
  transition: all 300ms ease;
}
.ck-rounded-corners .ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner,
.ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner.ck-rounded-corners {
  border-radius: var(--ck-border-radius);
  border-radius: calc(.5 * var(--ck-border-radius));
}
@media (prefers-reduced-motion: reduce) {
  .ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner {
    transition: none;
  }
}
.ck.ck-button.ck-switchbutton .ck-button__toggle:hover {
  background: var(--ck-color-switch-button-off-hover-background);
}
.ck.ck-button.ck-switchbutton .ck-button__toggle:hover .ck-button__toggle__inner {
  box-shadow: var(--ck-switch-button-inner-hover-shadow);
}
.ck.ck-button.ck-switchbutton.ck-disabled .ck-button__toggle {
  opacity: var(--ck-disabled-opacity);
}
.ck.ck-button.ck-switchbutton:focus {
  border-color: transparent;
  outline: none;
  box-shadow: none;
}
.ck.ck-button.ck-switchbutton:focus .ck-button__toggle {
  box-shadow: 0 0 0 1px var(--ck-color-base-background), 0 0 0 5px var(--ck-color-focus-outer-shadow);
  outline-offset: 1px;
  outline: var(--ck-focus-ring);
}
.ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle {
  background: var(--ck-color-switch-button-on-background);
}
.ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle:hover {
  background: var(--ck-color-switch-button-on-hover-background);
}
[dir=ltr] .ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle .ck-button__toggle__inner {
  transform: translateX(var( --ck-switch-button-translation ));
}
[dir=rtl] .ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle .ck-button__toggle__inner {
  transform: translateX(calc(-1 * var( --ck-switch-button-translation )));
}
.ck.ck-button.ck-list-item-button {
  padding: var(--ck-spacing-tiny) calc(2 * var(--ck-spacing-standard));
}
.ck.ck-button.ck-list-item-button,
.ck.ck-button.ck-list-item-button.ck-on {
  background: var(--ck-color-list-background);
  color: var(--ck-color-text);
}
[dir=ltr] .ck.ck-button.ck-list-item-button:has(.ck-list-item-button__check-holder) {
  padding-left: var(--ck-spacing-small);
}
[dir=rtl] .ck.ck-button.ck-list-item-button:has(.ck-list-item-button__check-holder) {
  padding-right: var(--ck-spacing-small);
}
.ck.ck-button.ck-list-item-button:hover:not(.ck-disabled),
.ck.ck-button.ck-list-item-button.ck-button.ck-on:hover,
.ck.ck-button.ck-list-item-button.ck-on:not(.ck-list-item-button_toggleable),
.ck.ck-button.ck-list-item-button.ck-on:hover {
  background: var(--ck-color-list-button-hover-background);
}
.ck.ck-button.ck-list-item-button:hover:not(.ck-disabled):not(.ck-disabled),
.ck.ck-button.ck-list-item-button.ck-button.ck-on:hover:not(.ck-disabled),
.ck.ck-button.ck-list-item-button.ck-on:not(.ck-list-item-button_toggleable):not(.ck-disabled),
.ck.ck-button.ck-list-item-button.ck-on:hover:not(.ck-disabled) {
  color: var(--ck-color-text);
}
:root {
  --ck-collapsible-arrow-size: calc(0.5 * var(--ck-icon-size));
}
.ck.ck-collapsible > .ck.ck-button {
  width: 100%;
  font-weight: bold;
  border-radius: 0;
  color: inherit;
}
.ck.ck-collapsible > .ck.ck-button:focus {
  background: transparent;
}
.ck.ck-collapsible > .ck.ck-button:active,
.ck.ck-collapsible > .ck.ck-button:not(:focus),
.ck.ck-collapsible > .ck.ck-button:hover:not(:focus) {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}
.ck.ck-collapsible > .ck.ck-button > .ck-icon {
  margin-right: var(--ck-spacing-medium);
  width: var(--ck-collapsible-arrow-size);
}
.ck.ck-collapsible > .ck-collapsible__children {
  padding: var(--ck-spacing-medium) var(--ck-spacing-large) var(--ck-spacing-large);
}
.ck.ck-collapsible.ck-collapsible_collapsed > .ck.ck-button .ck-icon {
  transform: rotate(-90deg);
}
:root {
  --ck-color-grid-tile-size: 24px;
  --ck-color-color-grid-check-icon: hsl(212, 81%, 46%);
}
.ck.ck-color-grid {
  grid-gap: 5px;
  padding: 8px;
}
.ck.ck-color-grid__tile {
  transition: .2s ease box-shadow;
}
@media (forced-colors: none) {
  .ck.ck-color-grid__tile {
    width: var(--ck-color-grid-tile-size);
    height: var(--ck-color-grid-tile-size);
    min-width: var(--ck-color-grid-tile-size);
    min-height: var(--ck-color-grid-tile-size);
    padding: 0;
    border: 0;
  }
  .ck.ck-color-grid__tile.ck-on,
  .ck.ck-color-grid__tile:focus:not(.ck-disabled),
  .ck.ck-color-grid__tile:hover:not(.ck-disabled) {
    border: 0;
  }
  .ck.ck-color-grid__tile.ck-color-selector__color-tile_bordered {
    box-shadow: 0 0 0 1px var(--ck-color-base-border);
  }
  .ck.ck-color-grid__tile.ck-on {
    box-shadow: inset 0 0 0 1px var(--ck-color-base-background), 0 0 0 2px var(--ck-color-base-text);
  }
  .ck.ck-color-grid__tile:focus:not(.ck-disabled),
  .ck.ck-color-grid__tile:hover:not(.ck-disabled) {
    box-shadow: inset 0 0 0 1px var(--ck-color-base-background), 0 0 0 2px var(--ck-color-focus-border);
  }
}
@media (forced-colors: active) {
  .ck.ck-color-grid__tile {
    width: unset;
    height: unset;
    min-width: unset;
    min-height: unset;
    padding: 0 var(--ck-spacing-small);
  }
  .ck.ck-color-grid__tile .ck-button__label {
    display: inline-block;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ck.ck-color-grid__tile {
    transition: none;
  }
}
.ck.ck-color-grid__tile.ck-disabled {
  cursor: unset;
  transition: unset;
}
.ck.ck-color-grid__tile .ck.ck-icon {
  display: none;
  color: var(--ck-color-color-grid-check-icon);
}
.ck.ck-color-grid__tile.ck-on .ck.ck-icon {
  display: block;
}
.ck.ck-color-grid__label {
  padding: 0 var(--ck-spacing-standard);
}
.ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__remove-color,
.ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker {
  width: 100%;
}
.ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker {
  padding: calc(var(--ck-spacing-standard) / 2) var(--ck-spacing-standard);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker:not(:focus) {
  border-top: 1px solid var(--ck-color-base-border);
}
[dir=ltr] .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker .ck.ck-icon {
  margin-right: var(--ck-spacing-standard);
}
[dir=rtl] .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker .ck.ck-icon {
  margin-left: var(--ck-spacing-standard);
}
.ck.ck-color-selector .ck-color-grids-fragment label.ck.ck-color-grid__label {
  font-weight: unset;
}
.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker {
  padding: 8px;
}
.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker {
  height: 100px;
  min-width: 180px;
}
.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker::part(saturation) {
  border-radius: var(--ck-border-radius) var(--ck-border-radius) 0 0;
}
.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker::part(hue) {
  border-radius: 0 0 var(--ck-border-radius) var(--ck-border-radius);
}
.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker::part(saturation-pointer),
.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker::part(hue-pointer) {
  width: 15px;
  height: 15px;
}
.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar {
  padding: 0 8px 8px;
}
:root {
  --ck-dialog-overlay-background-color: hsla( 0, 0%, 0%, .5 );
  --ck-dialog-drop-shadow: 0px 0px 6px 2px hsl(0deg 0% 0% / 15%);
  --ck-dialog-max-width: 100vw;
  --ck-dialog-max-height: 90vh;
  --ck-color-dialog-background: var(--ck-color-base-background);
  --ck-color-dialog-form-header-border: var(--ck-color-base-border);
}
.ck.ck-dialog-overlay {
  animation: ck-dialog-fade-in .3s;
  background: var(--ck-dialog-overlay-background-color);
  z-index: var(--ck-z-dialog);
}
.ck.ck-dialog {
  border-radius: 0;
  --ck-drop-shadow: var(--ck-dialog-drop-shadow);
  background: var(--ck-color-dialog-background);
  max-height: var(--ck-dialog-max-height);
  max-width: var(--ck-dialog-max-width);
  border: 1px solid var(--ck-color-base-border);
  overscroll-behavior: contain;
}
.ck-rounded-corners .ck.ck-dialog,
.ck.ck-dialog.ck-rounded-corners {
  border-radius: var(--ck-border-radius);
}
.ck.ck-dialog {
  box-shadow: var(--ck-drop-shadow), 0 0;
}
.ck.ck-dialog .ck.ck-form__header {
  border-bottom: 1px solid var(--ck-color-dialog-form-header-border);
}
.ck-dialog-scroll-locked {
  overflow: hidden;
}
@keyframes ck-dialog-fade-in {
  0% {
    background: hsla(0, 0%, 0%, 0);
  }
  100% {
    background: var(--ck-dialog-overlay-background-color);
  }
}
.ck.ck-dialog .ck.ck-dialog__actions {
  padding: var(--ck-spacing-large);
}
.ck.ck-dialog .ck.ck-dialog__actions > * + * {
  margin-left: var(--ck-spacing-large);
}
:root {
  --ck-dropdown-arrow-size: calc(0.5 * var(--ck-icon-size));
}
.ck.ck-dropdown {
  font-size: inherit;
}
.ck.ck-dropdown .ck-dropdown__arrow {
  width: var(--ck-dropdown-arrow-size);
}
[dir=ltr] .ck.ck-dropdown .ck-dropdown__arrow {
  right: var(--ck-spacing-standard);
  margin-left: var(--ck-spacing-standard);
}
[dir=rtl] .ck.ck-dropdown .ck-dropdown__arrow {
  left: var(--ck-spacing-standard);
  margin-right: var(--ck-spacing-small);
}
.ck.ck-dropdown.ck-disabled .ck-dropdown__arrow {
  opacity: var(--ck-disabled-opacity);
}
[dir=ltr] .ck.ck-dropdown .ck-button.ck-dropdown__button:not(.ck-button_with-text) {
  padding-left: var(--ck-spacing-small);
}
[dir=rtl] .ck.ck-dropdown .ck-button.ck-dropdown__button:not(.ck-button_with-text) {
  padding-right: var(--ck-spacing-small);
}
.ck.ck-dropdown .ck-button.ck-dropdown__button .ck-button__label {
  width: 7em;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-disabled .ck-button__label {
  opacity: var(--ck-disabled-opacity);
}
.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-on {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-dropdown__button_label-width_auto .ck-button__label {
  width: auto;
}
.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-off:active,
.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-on:active {
  box-shadow: none;
}
.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-off:active:focus,
.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-on:active:focus {
  box-shadow: var(--ck-focus-outer-shadow), 0 0;
}
.ck.ck-dropdown__panel {
  border-radius: 0;
  background: var(--ck-color-dropdown-panel-background);
  border: 1px solid var(--ck-color-dropdown-panel-border);
  bottom: 0;
  min-width: 100%;
}
.ck-rounded-corners .ck.ck-dropdown__panel,
.ck.ck-dropdown__panel.ck-rounded-corners {
  border-radius: var(--ck-border-radius);
}
.ck.ck-dropdown__panel {
  box-shadow: var(--ck-drop-shadow), 0 0;
}
.ck.ck-dropdown__panel.ck-dropdown__panel_se {
  border-top-left-radius: 0;
}
.ck.ck-dropdown__panel.ck-dropdown__panel_sw {
  border-top-right-radius: 0;
}
.ck.ck-dropdown__panel.ck-dropdown__panel_ne {
  border-bottom-left-radius: 0;
}
.ck.ck-dropdown__panel.ck-dropdown__panel_nw {
  border-bottom-right-radius: 0;
}
.ck.ck-dropdown__panel:focus {
  outline: none;
}
.ck.ck-dropdown > .ck-dropdown__panel > .ck-list {
  border-radius: 0;
}
.ck-rounded-corners .ck.ck-dropdown > .ck-dropdown__panel > .ck-list,
.ck.ck-dropdown > .ck-dropdown__panel > .ck-list.ck-rounded-corners {
  border-radius: var(--ck-border-radius);
  border-top-left-radius: 0;
}
.ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:first-child > .ck-button {
  border-radius: 0;
}
.ck-rounded-corners .ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:first-child > .ck-button,
.ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:first-child > .ck-button.ck-rounded-corners {
  border-radius: var(--ck-border-radius);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:last-child > .ck-button {
  border-radius: 0;
}
.ck-rounded-corners .ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:last-child > .ck-button,
.ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:last-child > .ck-button.ck-rounded-corners {
  border-radius: var(--ck-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
:root {
  --ck-color-split-button-hover-background: hsl(0, 0%, 92%);
  --ck-color-split-button-hover-border: hsl(0, 0%, 70%);
}
[dir=ltr] .ck.ck-splitbutton:hover > .ck-splitbutton__action,
[dir=ltr] .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__action {
  border-top-right-radius: unset;
  border-bottom-right-radius: unset;
}
[dir=rtl] .ck.ck-splitbutton:hover > .ck-splitbutton__action,
[dir=rtl] .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__action {
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
}
.ck.ck-splitbutton > .ck-splitbutton__arrow {
  min-width: unset;
}
[dir=ltr] .ck.ck-splitbutton > .ck-splitbutton__arrow {
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
}
[dir=rtl] .ck.ck-splitbutton > .ck-splitbutton__arrow {
  border-top-right-radius: unset;
  border-bottom-right-radius: unset;
}
.ck.ck-splitbutton > .ck-splitbutton__arrow svg {
  width: var(--ck-dropdown-arrow-size);
}
.ck.ck-splitbutton > .ck-splitbutton__arrow:not(:focus) {
  border-top-width: 0px;
  border-bottom-width: 0px;
}
.ck.ck-splitbutton.ck-splitbutton_open {
  border-radius: 0;
}
.ck-rounded-corners .ck.ck-splitbutton.ck-splitbutton_open,
.ck.ck-splitbutton.ck-splitbutton_open.ck-rounded-corners {
  border-radius: var(--ck-border-radius);
}
.ck-rounded-corners .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__action,
.ck.ck-splitbutton.ck-splitbutton_open.ck-rounded-corners > .ck-splitbutton__action {
  border-bottom-left-radius: 0;
}
.ck-rounded-corners .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow,
.ck.ck-splitbutton.ck-splitbutton_open.ck-rounded-corners > .ck-splitbutton__arrow {
  border-bottom-right-radius: 0;
}
.ck.ck-splitbutton.ck-splitbutton_open > .ck-button:not(.ck-on):not(.ck-disabled):not(:hover),
.ck.ck-splitbutton:hover > .ck-button:not(.ck-on):not(.ck-disabled):not(:hover) {
  background: var(--ck-color-split-button-hover-background);
}
.ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled)::after,
.ck.ck-splitbutton:hover > .ck-splitbutton__arrow:not(.ck-disabled)::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: var(--ck-color-split-button-hover-border);
}
.ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow:focus::after,
.ck.ck-splitbutton:hover > .ck-splitbutton__arrow:focus::after {
  --ck-color-split-button-hover-border: var(--ck-color-focus-border);
}
[dir=ltr] .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled)::after,
[dir=ltr] .ck.ck-splitbutton:hover > .ck-splitbutton__arrow:not(.ck-disabled)::after {
  left: -1px;
}
[dir=rtl] .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled)::after,
[dir=rtl] .ck.ck-splitbutton:hover > .ck-splitbutton__arrow:not(.ck-disabled)::after {
  right: -1px;
}
.ck.ck-toolbar-dropdown .ck-toolbar {
  border: 0;
}
.ck.ck-button.ck-dropdown-menu-list__nested-menu__button {
  width: 100%;
  padding: var(--ck-spacing-tiny) calc(2 * var(--ck-spacing-standard));
  border-radius: 0;
}
.ck.ck-button.ck-dropdown-menu-list__nested-menu__button:focus {
  border-color: transparent;
  box-shadow: none;
}
.ck.ck-button.ck-dropdown-menu-list__nested-menu__button:focus:not(.ck-on) {
  background: var(--ck-color-button-default-hover-background);
}
.ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-button__label {
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ck.ck-button.ck-dropdown-menu-list__nested-menu__button.ck-disabled > .ck-button__label {
  opacity: var(--ck-disabled-opacity);
}
.ck.ck-button.ck-dropdown-menu-list__nested-menu__button.ck-icon-spacing:not(:has(.ck-button__icon)) > .ck-button__label {
  margin-left: calc(var(--ck-icon-size) - var(--ck-spacing-small));
}
.ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow {
  width: var(--ck-dropdown-arrow-size);
}
[dir=ltr] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow {
  transform: rotate(-90deg);
  margin-right: calc(-1 * var(--ck-spacing-small));
}
[dir=rtl] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow {
  transform: rotate(90deg);
  margin-left: calc(-1 * var(--ck-spacing-small));
}
.ck.ck-button.ck-dropdown-menu-list__nested-menu__button.ck-disabled > .ck-dropdown-menu-list__nested-menu__button__arrow {
  opacity: var(--ck-disabled-opacity);
}
[dir=ltr] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button:not(.ck-button_with-text) {
  padding-left: var(--ck-spacing-small);
}
[dir=ltr] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow {
  right: var(--ck-spacing-standard);
  margin-left: var(--ck-spacing-standard);
}
[dir=rtl] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button:not(.ck-button_with-text) {
  padding-right: var(--ck-spacing-small);
}
[dir=rtl] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow {
  left: var(--ck-spacing-standard);
  margin-right: var(--ck-spacing-small);
}
:root {
  --ck-dropdown-menu-menu-item-min-width: 18em;
}
.ck.ck-dropdown-menu-list__nested-menu__item {
  min-width: var(--ck-dropdown-menu-menu-item-min-width);
}
.ck-button.ck-dropdown-menu-list__nested-menu__item__button {
  border-radius: 0;
}
.ck-button.ck-dropdown-menu-list__nested-menu__item__button > .ck-spinner-container,
.ck-button.ck-dropdown-menu-list__nested-menu__item__button > .ck-spinner-container .ck-spinner {
  --ck-toolbar-spinner-size: 20px;
}
.ck-button.ck-dropdown-menu-list__nested-menu__item__button > .ck-spinner-container {
  margin-left: calc(-1 * var(--ck-spacing-small));
  margin-right: var(--ck-spacing-small);
}
.ck-button.ck-dropdown-menu-list__nested-menu__item__button:focus {
  border-color: transparent;
  box-shadow: none;
}
.ck-button.ck-dropdown-menu-list__nested-menu__item__button:focus:not(.ck-on) {
  background: var(--ck-color-button-default-hover-background);
}
:root {
  --ck-dropdown-menu-menu-panel-max-width: 75vw;
}
.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel {
  box-shadow: var(--ck-drop-shadow), 0 0;
  background: var(--ck-color-dropdown-panel-background);
  border: 1px solid var(--ck-color-dropdown-panel-border);
  bottom: 0;
  height: fit-content;
  max-width: var(--ck-dropdown-menu-menu-panel-max-width);
}
.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel::after,
.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel::before {
  display: none;
}
.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_es,
.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_se {
  border-top-left-radius: 0;
}
.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_ws,
.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_sw {
  border-top-right-radius: 0;
}
.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_en,
.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_ne {
  border-bottom-left-radius: 0;
}
.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_wn,
.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_nw {
  border-bottom-right-radius: 0;
}
.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel:focus {
  outline: none;
}
:root {
  --ck-accessibility-help-dialog-max-width: 600px;
  --ck-accessibility-help-dialog-max-height: 400px;
  --ck-accessibility-help-dialog-border-color: hsl(220, 6%, 81%);
  --ck-accessibility-help-dialog-code-background-color: hsl(0deg 0% 92.94%);
  --ck-accessibility-help-dialog-kbd-shadow-color: hsl(0deg 0% 61%);
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content {
  padding: var(--ck-spacing-large);
  max-width: var(--ck-accessibility-help-dialog-max-width);
  max-height: var(--ck-accessibility-help-dialog-max-height);
  overflow: auto;
  -webkit-user-select: text;
  user-select: text;
  border: 1px solid transparent;
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content:focus {
  outline: none;
  border: var(--ck-focus-ring);
  box-shadow: var(--ck-focus-outer-shadow), 0 0;
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content * {
  white-space: normal;
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content .ck-label {
  display: none;
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content h3 {
  font-weight: bold;
  font-size: 1.2em;
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content h4 {
  font-weight: bold;
  font-size: 1em;
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content p,
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content h3,
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content h4,
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content table {
  margin: 1em 0;
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl {
  display: grid;
  grid-template-columns: 2fr 1fr;
  border-top: 1px solid var(--ck-accessibility-help-dialog-border-color);
  border-bottom: none;
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dt,
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dd {
  border-bottom: 1px solid var(--ck-accessibility-help-dialog-border-color);
  padding: .4em 0;
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dt {
  grid-column-start: 1;
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dd {
  grid-column-start: 2;
  text-align: right;
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content kbd,
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content code {
  display: inline-block;
  background: var(--ck-accessibility-help-dialog-code-background-color);
  padding: .4em;
  vertical-align: middle;
  line-height: 1;
  border-radius: 2px;
  text-align: center;
  font-size: .9em;
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content code {
  font-family: monospace;
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content kbd {
  min-width: 1.8em;
  box-shadow: 0px 1px 1px var(--ck-accessibility-help-dialog-kbd-shadow-color);
  margin: 0 1px;
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content kbd + kbd {
  margin-left: 2px;
}
:root {
  --ck-color-editable-blur-selection: hsl(0, 0%, 85%);
}
.ck.ck-editor__editable:not(.ck-editor__nested-editable) {
  border-radius: 0;
}
.ck-rounded-corners .ck.ck-editor__editable:not(.ck-editor__nested-editable),
.ck.ck-editor__editable.ck-rounded-corners:not(.ck-editor__nested-editable) {
  border-radius: var(--ck-border-radius);
}
.ck.ck-editor__editable.ck-focused:not(.ck-editor__nested-editable) {
  outline: none;
  border: var(--ck-focus-ring);
  box-shadow: var(--ck-inner-shadow), 0 0;
}
.ck.ck-editor__editable_inline {
  overflow: auto;
  padding: 0 var(--ck-spacing-standard);
  border: 1px solid transparent;
}
.ck.ck-editor__editable_inline[dir=ltr] {
  text-align: left;
}
.ck.ck-editor__editable_inline[dir=rtl] {
  text-align: right;
}
.ck.ck-editor__editable_inline > *:first-child {
  margin-top: var(--ck-spacing-large);
}
.ck.ck-editor__editable_inline > *:last-child {
  margin-bottom: var(--ck-spacing-large);
}
.ck.ck-editor__editable_inline.ck-blurred ::selection {
  background: var(--ck-color-editable-blur-selection);
}
.ck.ck-balloon-panel.ck-toolbar-container[class*=arrow_n]::after {
  border-bottom-color: var(--ck-color-panel-background);
}
.ck.ck-balloon-panel.ck-toolbar-container[class*=arrow_s]::after {
  border-top-color: var(--ck-color-panel-background);
}
:root {
  --ck-form-header-height: 44px;
}
.ck.ck-form__header {
  padding: var(--ck-spacing-small) var(--ck-spacing-large);
  height: var(--ck-form-header-height);
  line-height: var(--ck-form-header-height);
  border-bottom: 1px solid var(--ck-color-base-border);
}
[dir=ltr] .ck.ck-form__header > .ck-icon {
  margin-right: var(--ck-spacing-medium);
}
[dir=rtl] .ck.ck-form__header > .ck-icon {
  margin-left: var(--ck-spacing-medium);
}
.ck.ck-form__header .ck-form__header__label {
  --ck-font-size-base: 15px;
  font-weight: bold;
}
:root {
  --ck-icon-size: calc(var(--ck-line-height-base) * var(--ck-font-size-normal));
  --ck-icon-font-size: .8333350694em;
}
.ck.ck-icon {
  width: var(--ck-icon-size);
  height: var(--ck-icon-size);
  font-size: var(--ck-icon-font-size);
  cursor: inherit;
}
.ck.ck-icon * {
  cursor: inherit;
}
.ck.ck-icon.ck-icon_inherit-color {
  color: inherit;
}
.ck.ck-icon.ck-icon_inherit-color * {
  color: inherit;
}
.ck.ck-icon.ck-icon_inherit-color *:not([fill]) {
  fill: currentColor;
}
:root {
  --ck-input-width: 18em;
  --ck-input-text-width: var(--ck-input-width);
}
.ck.ck-input {
  border-radius: 0;
  background: var(--ck-color-input-background);
  border: 1px solid var(--ck-color-input-border);
  padding: var(--ck-spacing-extra-tiny) var(--ck-spacing-medium);
  min-width: var(--ck-input-width);
  min-height: var(--ck-ui-component-min-height);
  transition: box-shadow .1s ease-in-out, border .1s ease-in-out;
}
.ck-rounded-corners .ck.ck-input,
.ck.ck-input.ck-rounded-corners {
  border-radius: var(--ck-border-radius);
}
@media (prefers-reduced-motion: reduce) {
  .ck.ck-input {
    transition: none;
  }
}
.ck.ck-input:focus {
  outline: none;
  border: var(--ck-focus-ring);
  box-shadow: var(--ck-focus-outer-shadow), 0 0;
}
.ck.ck-input[readonly] {
  border: 1px solid var(--ck-color-input-disabled-border);
  background: var(--ck-color-input-disabled-background);
  color: var(--ck-color-input-disabled-text);
}
.ck.ck-input[readonly]:focus {
  box-shadow: var(--ck-focus-disabled-outer-shadow), 0 0;
}
.ck.ck-input.ck-error {
  border-color: var(--ck-color-input-error-border);
  animation: ck-input-shake .3s ease both;
}
@media (prefers-reduced-motion: reduce) {
  .ck.ck-input.ck-error {
    animation: none;
  }
}
.ck.ck-input.ck-error:focus {
  box-shadow: var(--ck-focus-error-outer-shadow), 0 0;
}
@keyframes ck-input-shake {
  20% {
    transform: translateX(-2px);
  }
  40% {
    transform: translateX(2px);
  }
  60% {
    transform: translateX(-1px);
  }
  80% {
    transform: translateX(1px);
  }
}
.ck.ck-label {
  font-weight: bold;
}
:root {
  --ck-labeled-field-view-transition: .1s cubic-bezier(0, 0, 0.24, 0.95);
  --ck-labeled-field-empty-unfocused-max-width: 100% - 2 * var(--ck-spacing-medium);
  --ck-labeled-field-label-default-position-x: var(--ck-spacing-medium);
  --ck-labeled-field-label-default-position-y: calc(0.6 * var(--ck-font-size-base));
  --ck-color-labeled-field-label-background: var(--ck-color-base-background);
}
.ck.ck-labeled-field-view {
  border-radius: 0;
}
.ck-rounded-corners .ck.ck-labeled-field-view,
.ck.ck-labeled-field-view.ck-rounded-corners {
  border-radius: var(--ck-border-radius);
}
.ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper {
  width: 100%;
}
.ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
  top: 0px;
  pointer-events: none;
  background: var(--ck-color-labeled-field-label-background);
  padding: 0 calc(.5 * var(--ck-font-size-tiny));
  line-height: initial;
  font-weight: normal;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
  transition:
    transform var(--ck-labeled-field-view-transition),
    padding var(--ck-labeled-field-view-transition),
    background var(--ck-labeled-field-view-transition);
}
[dir=ltr] .ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
  left: 0px;
  transform-origin: 0 0;
  transform: translate(var(--ck-spacing-medium), -6px) scale(.75);
}
[dir=rtl] .ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
  right: 0px;
  transform-origin: 100% 0;
  transform: translate(calc(-1 * var(--ck-spacing-medium)), -6px) scale(.75);
}
@media (prefers-reduced-motion: reduce) {
  .ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
    transition: none;
  }
}
.ck.ck-labeled-field-view.ck-error > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
  color: var(--ck-color-base-error);
}
.ck.ck-labeled-field-view.ck-error .ck-input:not([readonly]) + .ck.ck-label {
  color: var(--ck-color-base-error);
}
.ck.ck-labeled-field-view .ck-labeled-field-view__status {
  font-size: var(--ck-font-size-small);
  margin-top: var(--ck-spacing-small);
  white-space: normal;
}
.ck.ck-labeled-field-view .ck-labeled-field-view__status.ck-labeled-field-view__status_error {
  color: var(--ck-color-base-error);
}
.ck.ck-labeled-field-view.ck-disabled > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label,
.ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
  color: var(--ck-color-input-disabled-text);
}
.ck.ck-labeled-field-view.ck-disabled.ck-labeled-field-view_empty:not(.ck-labeled-field-view_placeholder) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label,
.ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder):not(.ck-error) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
  max-width: calc(var(--ck-labeled-field-empty-unfocused-max-width));
  background: transparent;
  padding: 0;
}
[dir=ltr] .ck.ck-labeled-field-view.ck-disabled.ck-labeled-field-view_empty:not(.ck-labeled-field-view_placeholder) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label,
[dir=ltr] .ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder):not(.ck-error) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
  transform: translate(var(--ck-labeled-field-label-default-position-x), var(--ck-labeled-field-label-default-position-y)) scale(1);
}
[dir=rtl] .ck.ck-labeled-field-view.ck-disabled.ck-labeled-field-view_empty:not(.ck-labeled-field-view_placeholder) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label,
[dir=rtl] .ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder):not(.ck-error) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
  transform: translate(calc(-1 * var(--ck-labeled-field-label-default-position-x)), var(--ck-labeled-field-label-default-position-y)) scale(1);
}
.ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck-dropdown > .ck.ck-button {
  background: transparent;
}
.ck.ck-labeled-field-view.ck-labeled-field-view_empty > .ck.ck-labeled-field-view__input-wrapper > .ck-dropdown > .ck-button > .ck-button__label {
  opacity: 0;
}
.ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder) > .ck.ck-labeled-field-view__input-wrapper > .ck-dropdown + .ck-label {
  max-width: calc(var(--ck-labeled-field-empty-unfocused-max-width) - var(--ck-dropdown-arrow-size) - var(--ck-spacing-standard));
}
.ck.ck-labeled-input .ck-labeled-input__status {
  font-size: var(--ck-font-size-small);
  margin-top: var(--ck-spacing-small);
  white-space: normal;
}
.ck.ck-labeled-input .ck-labeled-input__status_error {
  color: var(--ck-color-base-error);
}
.ck.ck-list {
  border-radius: 0;
  list-style-type: none;
  background: var(--ck-color-list-background);
  padding: var(--ck-spacing-small) 0;
}
.ck-rounded-corners .ck.ck-list,
.ck.ck-list.ck-rounded-corners {
  border-radius: var(--ck-border-radius);
}
.ck.ck-list__item {
  cursor: default;
  min-width: 15em;
}
.ck.ck-list__item > .ck-button:not(.ck-list-item-button) {
  padding: var(--ck-spacing-tiny) calc(2 * var(--ck-spacing-standard));
  min-height: unset;
  width: 100%;
  border-radius: 0;
}
[dir=ltr] .ck.ck-list__item > .ck-button:not(.ck-list-item-button) {
  text-align: left;
}
[dir=rtl] .ck.ck-list__item > .ck-button:not(.ck-list-item-button) {
  text-align: right;
}
.ck.ck-list__item > .ck-button:not(.ck-list-item-button) .ck-button__label {
  line-height: calc(var(--ck-line-height-base) * var(--ck-font-size-base));
}
.ck.ck-list__item > .ck-button:not(.ck-list-item-button):active {
  box-shadow: none;
}
.ck.ck-list__item > .ck-button.ck-on:not(.ck-list-item-button) {
  background: var(--ck-color-list-button-on-background);
  color: var(--ck-color-list-button-on-text);
}
.ck.ck-list__item > .ck-button.ck-on:not(.ck-list-item-button):active {
  box-shadow: none;
}
.ck.ck-list__item > .ck-button.ck-on:not(.ck-list-item-button):hover:not(.ck-disabled) {
  background: var(--ck-color-list-button-on-background-focus);
}
.ck.ck-list__item > .ck-button.ck-on:not(.ck-list-item-button):focus:not(.ck-disabled) {
  border-color: var(--ck-color-base-background);
}
.ck.ck-list__item > .ck-button:not(.ck-list-item-button):hover:not(.ck-disabled) {
  background: var(--ck-color-list-button-hover-background);
}
.ck.ck-list__item > .ck-button.ck-switchbutton.ck-on {
  background: var(--ck-color-list-background);
  color: inherit;
}
.ck.ck-list__item > .ck-button.ck-switchbutton.ck-on:hover:not(.ck-disabled) {
  background: var(--ck-color-list-button-hover-background);
  color: inherit;
}
.ck-list .ck-list__group {
  padding-top: var(--ck-spacing-medium);
}
.ck-list .ck-list__group:first-child {
  padding-top: 0;
}
*:not(.ck-hidden) ~ .ck-list .ck-list__group {
  border-top: 1px solid var(--ck-color-base-border);
}
.ck-list .ck-list__group > .ck-label {
  font-size: 11px;
  font-weight: bold;
  padding: var(--ck-spacing-medium) var(--ck-spacing-large) 0;
}
.ck.ck-list__separator {
  height: 1px;
  width: 100%;
  background: var(--ck-color-base-border);
  margin: var(--ck-spacing-small) 0;
}
.ck.ck-menu-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  background: var(--ck-color-base-background);
  padding: var(--ck-spacing-small);
  gap: var(--ck-spacing-small);
  border: 1px solid var(--ck-color-toolbar-border);
  width: 100%;
}
.ck.ck-menu-bar__menu {
  font-size: inherit;
}
.ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level {
  max-width: 100%;
}
.ck.ck-menu-bar__menu > .ck-menu-bar__menu__button {
  width: 100%;
}
.ck.ck-menu-bar__menu > .ck-menu-bar__menu__button > .ck-button__label {
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ck.ck-menu-bar__menu > .ck-menu-bar__menu__button.ck-disabled > .ck-button__label {
  opacity: var(--ck-disabled-opacity);
}
[dir=ltr] .ck.ck-menu-bar__menu > .ck-menu-bar__menu__button:not(.ck-button_with-text) {
  padding-left: var(--ck-spacing-small);
}
[dir=rtl] .ck.ck-menu-bar__menu > .ck-menu-bar__menu__button:not(.ck-button_with-text) {
  padding-right: var(--ck-spacing-small);
}
.ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level > .ck-menu-bar__menu__button {
  padding: var(--ck-spacing-small) var(--ck-spacing-medium);
  min-height: unset;
}
.ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level > .ck-menu-bar__menu__button .ck-button__label {
  width: unset;
  line-height: unset;
  overflow: visible;
}
.ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level > .ck-menu-bar__menu__button.ck-on {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level > .ck-menu-bar__menu__button .ck-icon {
  display: none;
}
.ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button {
  border-radius: 0;
}
.ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button > .ck-menu-bar__menu__button__arrow {
  width: var(--ck-dropdown-arrow-size);
}
[dir=ltr] .ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button > .ck-menu-bar__menu__button__arrow {
  transform: rotate(-90deg);
  margin-left: var(--ck-spacing-standard);
  margin-right: calc(-1 * var(--ck-spacing-small));
}
[dir=rtl] .ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button > .ck-menu-bar__menu__button__arrow {
  transform: rotate(90deg);
  left: var(--ck-spacing-standard);
  margin-right: var(--ck-spacing-small);
  margin-left: calc(-1 * var(--ck-spacing-small));
}
.ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button.ck-disabled > .ck-menu-bar__menu__button__arrow {
  opacity: var(--ck-disabled-opacity);
}
:root {
  --ck-menu-bar-menu-item-min-width: 18em;
}
.ck.ck-menu-bar__menu .ck.ck-menu-bar__menu__item {
  min-width: var(--ck-menu-bar-menu-item-min-width);
}
.ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button {
  border-radius: 0;
}
.ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button > .ck-spinner-container,
.ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button > .ck-spinner-container .ck-spinner {
  --ck-toolbar-spinner-size: 20px;
}
.ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button > .ck-spinner-container {
  font-size: var(--ck-icon-font-size);
}
[dir=ltr] .ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button > .ck-spinner-container {
  margin-right: var(--ck-spacing-medium);
}
[dir=rtl] .ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button > .ck-spinner-container {
  margin-left: var(--ck-spacing-medium);
}
:root {
  --ck-menu-bar-menu-panel-max-width: 75vw;
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel {
  border-radius: 0;
  background: var(--ck-color-dropdown-panel-background);
  border: 1px solid var(--ck-color-dropdown-panel-border);
  bottom: 0;
  height: fit-content;
  max-width: var(--ck-menu-bar-menu-panel-max-width);
}
.ck-rounded-corners .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel,
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-rounded-corners {
  border-radius: var(--ck-border-radius);
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel {
  box-shadow: var(--ck-drop-shadow), 0 0;
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_es,
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_se {
  border-top-left-radius: 0;
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ws,
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_sw {
  border-top-right-radius: 0;
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_en,
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ne {
  border-bottom-left-radius: 0;
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_wn,
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_nw {
  border-bottom-right-radius: 0;
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel:focus {
  outline: none;
}
.ck.ck-menu-bar .ck-list-item-button:focus,
.ck.ck-menu-bar .ck-list-item-button:active {
  border-color: transparent;
  box-shadow: none;
}
.ck.ck-menu-bar.ck-menu-bar_focus-border-enabled .ck-list-item-button:focus,
.ck.ck-menu-bar.ck-menu-bar_focus-border-enabled .ck-list-item-button:active {
  position: relative;
  z-index: 2;
  outline: none;
  border: var(--ck-focus-ring);
  box-shadow: var(--ck-focus-outer-shadow), 0 0;
}
:root {
  --ck-balloon-border-width: 1px;
  --ck-balloon-arrow-offset: 2px;
  --ck-balloon-arrow-height: 10px;
  --ck-balloon-arrow-half-width: 8px;
  --ck-balloon-arrow-drop-shadow: 0 2px 2px var(--ck-color-shadow-drop);
}
.ck.ck-balloon-panel {
  border-radius: 0;
  min-height: 15px;
  background: var(--ck-color-panel-background);
  border: var(--ck-balloon-border-width) solid var(--ck-color-panel-border);
}
.ck-rounded-corners .ck.ck-balloon-panel,
.ck.ck-balloon-panel.ck-rounded-corners {
  border-radius: var(--ck-border-radius);
}
.ck.ck-balloon-panel {
  box-shadow: var(--ck-drop-shadow), 0 0;
}
.ck.ck-balloon-panel.ck-balloon-panel_with-arrow::before,
.ck.ck-balloon-panel.ck-balloon-panel_with-arrow::after {
  width: 0;
  height: 0;
  border-style: solid;
}
.ck.ck-balloon-panel[class*=arrow_n]::before,
.ck.ck-balloon-panel[class*=arrow_n]::after {
  border-width: 0 var(--ck-balloon-arrow-half-width) var(--ck-balloon-arrow-height) var(--ck-balloon-arrow-half-width);
}
.ck.ck-balloon-panel[class*=arrow_n]::before {
  border-color: transparent transparent var(--ck-color-panel-border) transparent;
  margin-top: calc(-1 * var(--ck-balloon-border-width));
}
.ck.ck-balloon-panel[class*=arrow_n]::after {
  border-color: transparent transparent var(--ck-color-panel-background) transparent;
  margin-top: calc(var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width));
}
.ck.ck-balloon-panel[class*=arrow_s]::before,
.ck.ck-balloon-panel[class*=arrow_s]::after {
  border-width: var(--ck-balloon-arrow-height) var(--ck-balloon-arrow-half-width) 0 var(--ck-balloon-arrow-half-width);
}
.ck.ck-balloon-panel[class*=arrow_s]::before {
  border-color: var(--ck-color-panel-border) transparent transparent;
  filter: drop-shadow(var(--ck-balloon-arrow-drop-shadow));
  margin-bottom: calc(-1 * var(--ck-balloon-border-width));
}
.ck.ck-balloon-panel[class*=arrow_s]::after {
  border-color: var(--ck-color-panel-background) transparent transparent transparent;
  margin-bottom: calc(var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width));
}
.ck.ck-balloon-panel[class*=arrow_e]::before,
.ck.ck-balloon-panel[class*=arrow_e]::after {
  border-width: var(--ck-balloon-arrow-half-width) 0 var(--ck-balloon-arrow-half-width) var(--ck-balloon-arrow-height);
}
.ck.ck-balloon-panel[class*=arrow_e]::before {
  border-color: transparent transparent transparent var(--ck-color-panel-border);
  margin-right: calc(-1 * var(--ck-balloon-border-width));
}
.ck.ck-balloon-panel[class*=arrow_e]::after {
  border-color: transparent transparent transparent var(--ck-color-panel-background);
  margin-right: calc(var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width));
}
.ck.ck-balloon-panel[class*=arrow_w]::before,
.ck.ck-balloon-panel[class*=arrow_w]::after {
  border-width: var(--ck-balloon-arrow-half-width) var(--ck-balloon-arrow-height) var(--ck-balloon-arrow-half-width) 0;
}
.ck.ck-balloon-panel[class*=arrow_w]::before {
  border-color: transparent var(--ck-color-panel-border) transparent transparent;
  margin-left: calc(-1 * var(--ck-balloon-border-width));
}
.ck.ck-balloon-panel[class*=arrow_w]::after {
  border-color: transparent var(--ck-color-panel-background) transparent transparent;
  margin-left: calc(var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width));
}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_n::before,
.ck.ck-balloon-panel.ck-balloon-panel_arrow_n::after {
  left: 50%;
  margin-left: calc(-1 * var(--ck-balloon-arrow-half-width));
  top: calc(-1 * var(--ck-balloon-arrow-height));
}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_nw::before,
.ck.ck-balloon-panel.ck-balloon-panel_arrow_nw::after {
  left: calc(2 * var(--ck-balloon-arrow-half-width));
  top: calc(-1 * var(--ck-balloon-arrow-height));
}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_ne::before,
.ck.ck-balloon-panel.ck-balloon-panel_arrow_ne::after {
  right: calc(2 * var(--ck-balloon-arrow-half-width));
  top: calc(-1 * var(--ck-balloon-arrow-height));
}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_s::before,
.ck.ck-balloon-panel.ck-balloon-panel_arrow_s::after {
  left: 50%;
  margin-left: calc(-1 * var(--ck-balloon-arrow-half-width));
  bottom: calc(-1 * var(--ck-balloon-arrow-height));
}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_sw::before,
.ck.ck-balloon-panel.ck-balloon-panel_arrow_sw::after {
  left: calc(2 * var(--ck-balloon-arrow-half-width));
  bottom: calc(-1 * var(--ck-balloon-arrow-height));
}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_se::before,
.ck.ck-balloon-panel.ck-balloon-panel_arrow_se::after {
  right: calc(2 * var(--ck-balloon-arrow-half-width));
  bottom: calc(-1 * var(--ck-balloon-arrow-height));
}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_sme::before,
.ck.ck-balloon-panel.ck-balloon-panel_arrow_sme::after {
  right: 25%;
  margin-right: calc(2 * var(--ck-balloon-arrow-half-width));
  bottom: calc(-1 * var(--ck-balloon-arrow-height));
}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_smw::before,
.ck.ck-balloon-panel.ck-balloon-panel_arrow_smw::after {
  left: 25%;
  margin-left: calc(2 * var(--ck-balloon-arrow-half-width));
  bottom: calc(-1 * var(--ck-balloon-arrow-height));
}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_nme::before,
.ck.ck-balloon-panel.ck-balloon-panel_arrow_nme::after {
  right: 25%;
  margin-right: calc(2 * var(--ck-balloon-arrow-half-width));
  top: calc(-1 * var(--ck-balloon-arrow-height));
}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_nmw::before,
.ck.ck-balloon-panel.ck-balloon-panel_arrow_nmw::after {
  left: 25%;
  margin-left: calc(2 * var(--ck-balloon-arrow-half-width));
  top: calc(-1 * var(--ck-balloon-arrow-height));
}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_e::before,
.ck.ck-balloon-panel.ck-balloon-panel_arrow_e::after {
  right: calc(-1 * var(--ck-balloon-arrow-height));
  margin-top: calc(-1 * var(--ck-balloon-arrow-half-width));
  top: 50%;
}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_w::before,
.ck.ck-balloon-panel.ck-balloon-panel_arrow_w::after {
  left: calc(-1 * var(--ck-balloon-arrow-height));
  margin-top: calc(-1 * var(--ck-balloon-arrow-half-width));
  top: 50%;
}
.ck .ck-balloon-rotator__navigation {
  background: var(--ck-color-toolbar-background);
  border-bottom: 1px solid var(--ck-color-toolbar-border);
  padding: 0 var(--ck-spacing-small);
}
.ck .ck-balloon-rotator__navigation > * {
  margin-right: var(--ck-spacing-small);
  margin-top: var(--ck-spacing-small);
  margin-bottom: var(--ck-spacing-small);
}
.ck .ck-balloon-rotator__navigation .ck-balloon-rotator__counter {
  margin-right: var(--ck-spacing-standard);
  margin-left: var(--ck-spacing-small);
}
.ck .ck-balloon-rotator__content .ck.ck-annotation-wrapper {
  box-shadow: none;
}
:root {
  --ck-balloon-fake-panel-offset-horizontal: 6px;
  --ck-balloon-fake-panel-offset-vertical: 6px;
}
.ck .ck-fake-panel div {
  box-shadow: var(--ck-drop-shadow), 0 0;
  min-height: 15px;
  background: var(--ck-color-panel-background);
  border: 1px solid var(--ck-color-panel-border);
  border-radius: var(--ck-border-radius);
  width: 100%;
  height: 100%;
}
.ck .ck-fake-panel div:nth-child(1) {
  margin-left: var(--ck-balloon-fake-panel-offset-horizontal);
  margin-top: var(--ck-balloon-fake-panel-offset-vertical);
}
.ck .ck-fake-panel div:nth-child(2) {
  margin-left: calc(var(--ck-balloon-fake-panel-offset-horizontal) * 2);
  margin-top: calc(var(--ck-balloon-fake-panel-offset-vertical) * 2);
}
.ck .ck-fake-panel div:nth-child(3) {
  margin-left: calc(var(--ck-balloon-fake-panel-offset-horizontal) * 3);
  margin-top: calc(var(--ck-balloon-fake-panel-offset-vertical) * 3);
}
.ck .ck-balloon-panel_arrow_s + .ck-fake-panel,
.ck .ck-balloon-panel_arrow_se + .ck-fake-panel,
.ck .ck-balloon-panel_arrow_sw + .ck-fake-panel {
  --ck-balloon-fake-panel-offset-vertical: -6px;
}
.ck.ck-sticky-panel .ck-sticky-panel__content_sticky {
  box-shadow: var(--ck-drop-shadow), 0 0;
  border-width: 0 1px 1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ck-vertical-form > .ck-button:nth-last-child(2)::after {
  border-right: 1px solid var(--ck-color-base-border);
}
.ck.ck-responsive-form {
  padding: var(--ck-spacing-large);
}
.ck.ck-responsive-form:focus {
  outline: none;
}
[dir=ltr] .ck.ck-responsive-form > :not(:first-child) {
  margin-left: var(--ck-spacing-standard);
}
[dir=rtl] .ck.ck-responsive-form > :not(:last-child) {
  margin-left: var(--ck-spacing-standard);
}
@media screen and (max-width: 600px) {
  .ck.ck-responsive-form {
    padding: 0;
    width: calc(.8 * var(--ck-input-width));
  }
  .ck.ck-responsive-form .ck-labeled-field-view {
    margin: var(--ck-spacing-large) var(--ck-spacing-large) 0;
  }
  .ck.ck-responsive-form .ck-labeled-field-view .ck-input-text,
  .ck.ck-responsive-form .ck-labeled-field-view .ck-input-number {
    min-width: 0;
    width: 100%;
  }
  .ck.ck-responsive-form .ck-labeled-field-view .ck-labeled-field-view__error {
    white-space: normal;
  }
  .ck.ck-responsive-form > .ck-button:nth-last-child(2)::after {
    border-right: 1px solid var(--ck-color-base-border);
  }
  .ck.ck-responsive-form > .ck-button:nth-last-child(1),
  .ck.ck-responsive-form > .ck-button:nth-last-child(2) {
    padding: var(--ck-spacing-standard);
    margin-top: var(--ck-spacing-large);
    border-radius: 0;
  }
  .ck.ck-responsive-form > .ck-button:nth-last-child(1):not(:focus),
  .ck.ck-responsive-form > .ck-button:nth-last-child(2):not(:focus) {
    border-top: 1px solid var(--ck-color-base-border);
  }
  [dir=ltr] .ck.ck-responsive-form > .ck-button:nth-last-child(1),
  [dir=ltr] .ck.ck-responsive-form > .ck-button:nth-last-child(2) {
    margin-left: 0;
  }
  [dir=rtl] .ck.ck-responsive-form > .ck-button:nth-last-child(1),
  [dir=rtl] .ck.ck-responsive-form > .ck-button:nth-last-child(2) {
    margin-left: 0;
  }
  [dir=rtl] .ck.ck-responsive-form > .ck-button:nth-last-child(1):last-of-type,
  [dir=rtl] .ck.ck-responsive-form > .ck-button:nth-last-child(2):last-of-type {
    border-right: 1px solid var(--ck-color-base-border);
  }
}
:root {
  --ck-search-field-view-horizontal-spacing: calc(var(--ck-icon-size) + var(--ck-spacing-medium));
}
.ck.ck-search > .ck-labeled-field-view .ck-input {
  width: 100%;
}
.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon {
  --ck-labeled-field-label-default-position-x: var(--ck-search-field-view-horizontal-spacing);
}
.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon > .ck-labeled-field-view__input-wrapper > .ck-icon {
  opacity: .5;
  pointer-events: none;
}
.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon .ck-input {
  width: 100%;
}
[dir=ltr] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon .ck-input {
  padding-left: var(--ck-search-field-view-horizontal-spacing);
}
[dir=rtl] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon .ck-input:not(.ck-input-text_empty) {
  padding-left: var(--ck-search-field-view-horizontal-spacing);
}
.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset {
  --ck-labeled-field-empty-unfocused-max-width: 100% - 2 * var(--ck-search-field-view-horizontal-spacing);
}
.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset.ck-labeled-field-view_empty {
  --ck-labeled-field-empty-unfocused-max-width: 100% - var(--ck-search-field-view-horizontal-spacing) - var(--ck-spacing-medium);
}
.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-search__reset {
  min-width: auto;
  min-height: auto;
  background: none;
  opacity: .5;
  padding: 0;
}
[dir=ltr] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-search__reset {
  right: var(--ck-spacing-medium);
}
[dir=rtl] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-search__reset {
  left: var(--ck-spacing-medium);
}
.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-search__reset:hover {
  opacity: 1;
}
.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-input {
  width: 100%;
}
[dir=ltr] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-input:not(.ck-input-text_empty) {
  padding-right: var(--ck-search-field-view-horizontal-spacing);
}
[dir=rtl] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-input {
  padding-right: var(--ck-search-field-view-horizontal-spacing);
}
.ck.ck-search > .ck-search__results {
  min-width: 100%;
}
.ck.ck-search > .ck-search__results > .ck-search__info {
  width: 100%;
  padding: var(--ck-spacing-medium) var(--ck-spacing-large);
}
.ck.ck-search > .ck-search__results > .ck-search__info * {
  white-space: normal;
}
.ck.ck-search > .ck-search__results > .ck-search__info > span:first-child {
  font-weight: bold;
}
.ck.ck-search > .ck-search__results > .ck-search__info > span:last-child {
  margin-top: var(--ck-spacing-medium);
}
:root {
  --ck-toolbar-spinner-size: 18px;
}
.ck.ck-spinner-container {
  width: var(--ck-toolbar-spinner-size);
  height: var(--ck-toolbar-spinner-size);
  animation: 1.5s infinite ck-spinner-rotate linear;
}
@media (prefers-reduced-motion: reduce) {
  .ck.ck-spinner-container {
    animation-duration: 3s;
  }
}
.ck.ck-spinner {
  width: var(--ck-toolbar-spinner-size);
  height: var(--ck-toolbar-spinner-size);
  border-radius: 50%;
  border: 2px solid var(--ck-color-text);
  border-top-color: transparent;
}
@keyframes ck-spinner-rotate {
  to {
    transform: rotate(360deg);
  }
}
.ck-textarea {
  overflow-x: hidden;
}
:root {
  --ck-color-block-toolbar-button: var(--ck-color-text);
  --ck-block-toolbar-button-size: var(--ck-font-size-normal);
}
.ck.ck-block-toolbar-button {
  color: var(--ck-color-block-toolbar-button);
  font-size: var(--ck-block-toolbar-size);
}
.ck.ck-toolbar {
  border-radius: 0;
  background: var(--ck-color-toolbar-background);
  padding: 0 var(--ck-spacing-small);
  border: 1px solid var(--ck-color-toolbar-border);
}
.ck-rounded-corners .ck.ck-toolbar,
.ck.ck-toolbar.ck-rounded-corners {
  border-radius: var(--ck-border-radius);
}
.ck.ck-toolbar .ck.ck-toolbar__separator {
  height: var(--ck-icon-size);
  width: 1px;
  min-width: 1px;
  background: var(--ck-color-toolbar-border);
  margin-top: var(--ck-spacing-small);
  margin-bottom: var(--ck-spacing-small);
}
.ck.ck-toolbar .ck-toolbar__line-break {
  height: 0;
}
.ck.ck-toolbar > .ck-toolbar__items > *:not(.ck-toolbar__line-break) {
  margin-right: var(--ck-spacing-small);
}
.ck.ck-toolbar > .ck-toolbar__items:empty + .ck.ck-toolbar__separator {
  display: none;
}
.ck.ck-toolbar > .ck-toolbar__items > *:not(.ck-toolbar__line-break),
.ck.ck-toolbar > .ck.ck-toolbar__grouped-dropdown {
  margin-top: var(--ck-spacing-small);
  margin-bottom: var(--ck-spacing-small);
}
.ck.ck-toolbar.ck-toolbar_vertical {
  padding: 0;
}
.ck.ck-toolbar.ck-toolbar_vertical > .ck-toolbar__items > .ck {
  width: 100%;
  margin: 0;
  border-radius: 0;
}
.ck.ck-toolbar.ck-toolbar_compact {
  padding: 0;
}
.ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > * {
  margin: 0;
}
.ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > *:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.ck.ck-toolbar > .ck.ck-toolbar__grouped-dropdown > .ck.ck-button.ck-dropdown__button {
  padding-left: var(--ck-spacing-tiny);
}
.ck.ck-toolbar .ck-toolbar__nested-toolbar-dropdown > .ck-dropdown__panel {
  min-width: auto;
}
.ck.ck-toolbar .ck-toolbar__nested-toolbar-dropdown > .ck-button > .ck-button__label {
  max-width: 7em;
  width: auto;
}
.ck.ck-toolbar:focus {
  outline: none;
}
.ck-toolbar-container .ck.ck-toolbar {
  border: 0;
}
[dir=rtl] .ck.ck-toolbar > .ck-toolbar__items > .ck,
.ck.ck-toolbar[dir=rtl] > .ck-toolbar__items > .ck {
  margin-right: 0;
}
[dir=rtl] .ck.ck-toolbar:not(.ck-toolbar_compact) > .ck-toolbar__items > .ck,
.ck.ck-toolbar[dir=rtl]:not(.ck-toolbar_compact) > .ck-toolbar__items > .ck {
  margin-left: var(--ck-spacing-small);
}
[dir=rtl] .ck.ck-toolbar > .ck-toolbar__items > .ck:last-child,
.ck.ck-toolbar[dir=rtl] > .ck-toolbar__items > .ck:last-child {
  margin-left: 0;
}
[dir=rtl] .ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > .ck:first-child,
.ck.ck-toolbar.ck-toolbar_compact[dir=rtl] > .ck-toolbar__items > .ck:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
[dir=rtl] .ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > .ck:last-child,
.ck.ck-toolbar.ck-toolbar_compact[dir=rtl] > .ck-toolbar__items > .ck:last-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
[dir=rtl] .ck.ck-toolbar > .ck.ck-toolbar__separator,
.ck.ck-toolbar[dir=rtl] > .ck.ck-toolbar__separator {
  margin-left: var(--ck-spacing-small);
}
[dir=rtl] .ck.ck-toolbar.ck-toolbar_grouping > .ck-toolbar__items:not(:empty):not(:only-child),
.ck.ck-toolbar.ck-toolbar_grouping[dir=rtl] > .ck-toolbar__items:not(:empty):not(:only-child) {
  margin-left: var(--ck-spacing-small);
}
[dir=ltr] .ck.ck-toolbar > .ck-toolbar__items > .ck:last-child,
.ck.ck-toolbar[dir=ltr] > .ck-toolbar__items > .ck:last-child {
  margin-right: 0;
}
[dir=ltr] .ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > .ck:first-child,
.ck.ck-toolbar.ck-toolbar_compact[dir=ltr] > .ck-toolbar__items > .ck:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
[dir=ltr] .ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > .ck:last-child,
.ck.ck-toolbar.ck-toolbar_compact[dir=ltr] > .ck-toolbar__items > .ck:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
[dir=ltr] .ck.ck-toolbar > .ck.ck-toolbar__separator,
.ck.ck-toolbar[dir=ltr] > .ck.ck-toolbar__separator {
  margin-right: var(--ck-spacing-small);
}
[dir=ltr] .ck.ck-toolbar.ck-toolbar_grouping > .ck-toolbar__items:not(:empty):not(:only-child),
.ck.ck-toolbar.ck-toolbar_grouping[dir=ltr] > .ck-toolbar__items:not(:empty):not(:only-child) {
  margin-right: var(--ck-spacing-small);
}
.ck.ck-balloon-panel.ck-tooltip {
  --ck-balloon-border-width: 0px;
  --ck-balloon-arrow-offset: 0px;
  --ck-balloon-arrow-half-width: 4px;
  --ck-balloon-arrow-height: 4px;
  --ck-tooltip-text-padding: 4px;
  --ck-color-panel-background: var(--ck-color-tooltip-background);
  padding: 0 var(--ck-spacing-medium);
  box-shadow: none;
}
.ck.ck-balloon-panel.ck-tooltip .ck-tooltip__text {
  font-size: .9em;
  line-height: 1.5;
  color: var(--ck-color-tooltip-text);
}
.ck.ck-balloon-panel.ck-tooltip.ck-tooltip_multi-line .ck-tooltip__text {
  white-space: break-spaces;
  display: inline-block;
  padding: var(--ck-tooltip-text-padding) 0;
  max-width: 200px;
}
.ck.ck-balloon-panel.ck-tooltip::before {
  display: none;
}
.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content {
  border-radius: 0;
  border: 1px solid var(--ck-color-base-border);
  border-bottom-width: 0;
}
.ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content,
.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content.ck-rounded-corners {
  border-radius: var(--ck-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content.ck-sticky-panel__content_sticky {
  border-bottom-width: 1px;
}
.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content .ck-menu-bar {
  border: 0;
  border-bottom: 1px solid var(--ck-color-base-border);
}
.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content .ck-toolbar {
  border: 0;
}
.ck.ck-editor__main > .ck-editor__editable {
  background: var(--ck-color-base-background);
  border-radius: 0;
}
.ck-rounded-corners .ck.ck-editor__main > .ck-editor__editable,
.ck.ck-editor__main > .ck-editor__editable.ck-rounded-corners {
  border-radius: var(--ck-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ck.ck-editor__main > .ck-editor__editable:not(.ck-focused) {
  border-color: var(--ck-color-base-border);
}
.ck .ck-fake-bookmark-selection {
  background: var(--ck-color-link-fake-selection);
}
.ck .ck-fake-bookmark-selection_collapsed {
  height: 100%;
  border-right: 1px solid var(--ck-color-base-text);
  margin-right: -1px;
  outline: solid 1px hsla(0, 0%, 100%, .5);
}
:root {
  --ck-clipboard-drop-target-dot-width: 12px;
  --ck-clipboard-drop-target-dot-height: 8px;
  --ck-clipboard-drop-target-color: var(--ck-color-focus-border);
}
.ck.ck-editor__editable .ck.ck-clipboard-drop-target-position span {
  bottom: calc(-.5 * var(--ck-clipboard-drop-target-dot-height));
  top: calc(-.5 * var(--ck-clipboard-drop-target-dot-height));
  border: 1px solid var(--ck-clipboard-drop-target-color);
  background: var(--ck-clipboard-drop-target-color);
  margin-left: -1px;
}
.ck.ck-editor__editable .ck.ck-clipboard-drop-target-position span::after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  left: 50%;
  top: calc(-.5 * var(--ck-clipboard-drop-target-dot-height));
  transform: translateX(-50%);
  border-color: var(--ck-clipboard-drop-target-color) transparent transparent transparent;
  border-width: calc(var(--ck-clipboard-drop-target-dot-height)) calc(.5 * var(--ck-clipboard-drop-target-dot-width)) 0 calc(.5 * var(--ck-clipboard-drop-target-dot-width));
  border-style: solid;
}
.ck.ck-editor__editable .ck-widget.ck-clipboard-drop-target-range {
  outline: var(--ck-widget-outline-thickness) solid var(--ck-clipboard-drop-target-color) !important;
}
.ck.ck-editor__editable .ck-widget:-webkit-drag {
  zoom: 0.6;
  outline: none !important;
}
.ck.ck-clipboard-drop-target-line {
  height: 0;
  border: 1px solid var(--ck-clipboard-drop-target-color);
  background: var(--ck-clipboard-drop-target-color);
  margin-top: -1px;
}
.ck.ck-clipboard-drop-target-line::before {
  content: "";
  position: absolute;
  top: calc(-.5 * var(--ck-clipboard-drop-target-dot-width));
  width: 0;
  height: 0;
  border-style: solid;
}
[dir=ltr] .ck.ck-clipboard-drop-target-line::before {
  left: -1px;
  border-width: calc(.5 * var(--ck-clipboard-drop-target-dot-width)) 0 calc(.5 * var(--ck-clipboard-drop-target-dot-width)) var(--ck-clipboard-drop-target-dot-height);
  border-color: transparent transparent transparent var(--ck-clipboard-drop-target-color);
}
[dir=rtl] .ck.ck-clipboard-drop-target-line::before {
  right: -1px;
  border-width: calc(.5 * var(--ck-clipboard-drop-target-dot-width)) var(--ck-clipboard-drop-target-dot-height) calc(.5 * var(--ck-clipboard-drop-target-dot-width)) 0;
  border-color: transparent var(--ck-clipboard-drop-target-color) transparent transparent;
}
:root {
  --ck-color-code-block-label-background: hsl(0, 0%, 46%);
}
.ck.ck-editor__editable pre[data-language]::after {
  top: -1px;
  right: 10px;
  background: var(--ck-color-code-block-label-background);
  font-size: 10px;
  font-family: var(--ck-font-face);
  line-height: 16px;
  padding: var(--ck-spacing-tiny) var(--ck-spacing-medium);
  color: hsl(0, 0%, 100%);
  white-space: nowrap;
}
.ck.ck-code-block-dropdown .ck-dropdown__panel {
  max-height: 250px;
  overflow-y: auto;
  overflow-x: hidden;
}
@media (forced-colors: active) {
  .ck.ck-placeholder,
  .ck .ck-placeholder {
    forced-color-adjust: preserve-parent-color;
  }
}
.ck.ck-placeholder::before,
.ck .ck-placeholder::before {
  cursor: text;
}
@media (forced-colors: none) {
  .ck.ck-placeholder::before,
  .ck .ck-placeholder::before {
    color: var(--ck-color-engine-placeholder-text);
  }
}
@media (forced-colors: active) {
  .ck.ck-placeholder::before,
  .ck .ck-placeholder::before {
    font-style: italic;
    margin-left: 1px;
  }
}
.ck.ck-find-and-replace-form {
  width: 400px;
}
.ck.ck-find-and-replace-form:focus {
  outline: none;
}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs,
.ck.ck-find-and-replace-form .ck-find-and-replace-form__actions {
  flex: 1 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  align-content: stretch;
  padding: var(--ck-spacing-large);
  margin: 0;
}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-button,
.ck.ck-find-and-replace-form .ck-find-and-replace-form__actions > .ck-button {
  flex: 0 0 auto;
}
[dir=ltr] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > * + *,
[dir=ltr] .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions > * + * {
  margin-left: var(--ck-spacing-standard);
}
[dir=rtl] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > * + *,
[dir=rtl] .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions > * + * {
  margin-right: var(--ck-spacing-standard);
}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-labeled-field-view,
.ck.ck-find-and-replace-form .ck-find-and-replace-form__actions .ck-labeled-field-view {
  flex: 1 1 auto;
}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-labeled-field-view .ck-input,
.ck.ck-find-and-replace-form .ck-find-and-replace-form__actions .ck-labeled-field-view .ck-input {
  width: 100%;
  min-width: 50px;
}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs {
  align-items: flex-start;
}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-button-prev > .ck-icon {
  transform: rotate(90deg);
}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-button-next > .ck-icon {
  transform: rotate(-90deg);
}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-results-counter {
  top: 50%;
  transform: translateY(-50%);
  color: var(--ck-color-base-border);
}
[dir=ltr] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-results-counter {
  right: var(--ck-spacing-standard);
}
[dir=rtl] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-results-counter {
  left: var(--ck-spacing-standard);
}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-labeled-field-replace {
  flex: 0 0 100%;
  padding-top: var(--ck-spacing-standard);
}
[dir=ltr] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-labeled-field-replace {
  margin-left: 0;
}
[dir=rtl] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-labeled-field-replace {
  margin-right: 0;
}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-top: calc(-1 * var(--ck-spacing-large));
}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__actions > .ck-button-find {
  font-weight: bold;
}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__actions > .ck-button-find .ck-button__label {
  padding-left: var(--ck-spacing-large);
  padding-right: var(--ck-spacing-large);
}
.ck.ck-find-and-replace-form .ck-switchbutton {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 600px) {
  .ck.ck-find-and-replace-form {
    width: 300px;
    max-width: 100%;
  }
  .ck.ck-find-and-replace-form.ck-find-and-replace-form__input {
    flex-wrap: wrap;
  }
  .ck.ck-find-and-replace-form.ck-find-and-replace-form__input .ck-labeled-field-view {
    flex: 1 0 auto;
    width: 100%;
    margin-bottom: var(--ck-spacing-standard);
  }
  .ck.ck-find-and-replace-form.ck-find-and-replace-form__input > .ck-button {
    text-align: center;
  }
  .ck.ck-find-and-replace-form.ck-find-and-replace-form__input > .ck-button:first-of-type {
    flex: 1 1 auto;
  }
  [dir=ltr] .ck.ck-find-and-replace-form.ck-find-and-replace-form__input > .ck-button:first-of-type {
    margin-left: 0;
  }
  [dir=rtl] .ck.ck-find-and-replace-form.ck-find-and-replace-form__input > .ck-button:first-of-type {
    margin-right: 0;
  }
  .ck.ck-find-and-replace-form.ck-find-and-replace-form__input > .ck-button:first-of-type .ck-button__label {
    width: 100%;
    text-align: center;
  }
  .ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) {
    flex-wrap: wrap;
    flex: 1 1 auto;
  }
  .ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) > .ck-button {
    text-align: center;
  }
  .ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) > .ck-button:first-of-type {
    flex: 1 1 auto;
  }
  [dir=ltr] .ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) > .ck-button:first-of-type {
    margin-left: 0;
  }
  [dir=rtl] .ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) > .ck-button:first-of-type {
    margin-right: 0;
  }
  .ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) > .ck-button .ck-button__label {
    width: 100%;
    text-align: center;
  }
}
.ck.ck-dropdown.ck-heading-dropdown .ck-dropdown__button .ck-button__label {
  width: 8em;
}
.ck.ck-dropdown.ck-heading-dropdown .ck-dropdown__panel .ck-list__item {
  min-width: 18em;
}
:root {
  --ck-html-embed-content-width: calc(100% - 1.5 * var(--ck-icon-size));
  --ck-html-embed-source-height: 10em;
  --ck-html-embed-unfocused-outline-width: 1px;
  --ck-html-embed-content-min-height: calc(var(--ck-icon-size) + var(--ck-spacing-standard));
  --ck-html-embed-source-disabled-background: var(--ck-color-base-foreground);
  --ck-html-embed-source-disabled-color: hsl(0deg 0% 45%);
}
.ck-widget.raw-html-embed {
  font-size: var(--ck-font-size-base);
  background-color: var(--ck-color-base-foreground);
}
.ck-widget.raw-html-embed:not(.ck-widget_selected):not(:hover) {
  outline: var(--ck-html-embed-unfocused-outline-width) dashed var(--ck-color-widget-blurred-border);
}
.ck-widget.raw-html-embed[dir=ltr] {
  text-align: left;
}
.ck-widget.raw-html-embed[dir=rtl] {
  text-align: right;
}
.ck-widget.raw-html-embed::before {
  content: attr(data-html-embed-label);
  top: calc(-1 * var(--ck-html-embed-unfocused-outline-width));
  left: var(--ck-spacing-standard);
  background: hsl(0deg 0% 60%);
  transition: background var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve);
  padding: calc(var(--ck-spacing-tiny) + var(--ck-html-embed-unfocused-outline-width)) var(--ck-spacing-small) var(--ck-spacing-tiny);
  border-radius: 0 0 var(--ck-border-radius) var(--ck-border-radius);
  color: var(--ck-color-base-background);
  font-size: var(--ck-font-size-tiny);
  font-family: var(--ck-font-face);
}
.ck-widget.raw-html-embed[dir=rtl]::before {
  left: auto;
  right: var(--ck-spacing-standard);
}
.ck-widget.raw-html-embed[dir=ltr] .ck-widget__type-around .ck-widget__type-around__button.ck-widget__type-around__button_before {
  margin-left: 50px;
}
.ck.ck-editor__editable.ck-blurred .ck-widget.raw-html-embed.ck-widget_selected::before {
  top: 0px;
  padding: var(--ck-spacing-tiny) var(--ck-spacing-small);
}
.ck.ck-editor__editable:not(.ck-blurred) .ck-widget.raw-html-embed.ck-widget_selected::before {
  top: 0;
  padding: var(--ck-spacing-tiny) var(--ck-spacing-small);
  background: var(--ck-color-focus-border);
}
.ck.ck-editor__editable .ck-widget.raw-html-embed:not(.ck-widget_selected):hover::before {
  top: 0px;
  padding: var(--ck-spacing-tiny) var(--ck-spacing-small);
}
.ck-widget.raw-html-embed .raw-html-embed__content-wrapper {
  padding: var(--ck-spacing-standard);
}
.ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper {
  top: var(--ck-spacing-standard);
  right: var(--ck-spacing-standard);
}
.ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper .ck-button.raw-html-embed__save-button {
  color: var(--ck-color-button-save);
}
.ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper .ck-button.raw-html-embed__cancel-button {
  color: var(--ck-color-button-cancel);
}
.ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper .ck-button:not(:first-child) {
  margin-top: var(--ck-spacing-small);
}
.ck-widget.raw-html-embed[dir=rtl] .raw-html-embed__buttons-wrapper {
  left: var(--ck-spacing-standard);
  right: auto;
}
.ck-widget.raw-html-embed .raw-html-embed__source {
  box-sizing: border-box;
  height: var(--ck-html-embed-source-height);
  width: var(--ck-html-embed-content-width);
  resize: none;
  min-width: 0;
  padding: var(--ck-spacing-standard);
  font-family: monospace;
  tab-size: 4;
  white-space: pre-wrap;
  font-size: var(--ck-font-size-base);
  text-align: left;
  direction: ltr;
}
.ck-widget.raw-html-embed .raw-html-embed__source[disabled] {
  background: var(--ck-html-embed-source-disabled-background);
  color: var(--ck-html-embed-source-disabled-color);
  -webkit-text-fill-color: var(--ck-html-embed-source-disabled-color);
  opacity: 1;
}
.ck-widget.raw-html-embed .raw-html-embed__preview {
  min-height: var(--ck-html-embed-content-min-height);
  width: var(--ck-html-embed-content-width);
}
.ck-editor__editable:not(.ck-read-only) .ck-widget.raw-html-embed .raw-html-embed__preview {
  pointer-events: none;
}
.ck-widget.raw-html-embed .raw-html-embed__preview-content {
  box-sizing: border-box;
  background-color: var(--ck-color-base-foreground);
}
.ck-widget.raw-html-embed .raw-html-embed__preview-content > * {
  margin-left: auto;
  margin-right: auto;
}
.ck-widget.raw-html-embed .raw-html-embed__preview-placeholder {
  color: var(--ck-html-embed-source-disabled-color);
}
:root {
  --ck-image-insert-insert-by-url-width: 250px;
}
.ck.ck-image-insert-url {
  --ck-input-width: 100%;
}
.ck.ck-image-insert-url .ck-image-insert-url__action-row {
  grid-column-gap: var(--ck-spacing-large);
  margin-top: var(--ck-spacing-large);
}
.ck.ck-image-insert-url .ck-image-insert-url__action-row .ck-button-save,
.ck.ck-image-insert-url .ck-image-insert-url__action-row .ck-button-cancel {
  justify-content: center;
  min-width: auto;
}
.ck.ck-image-insert-url .ck-image-insert-url__action-row .ck-button .ck-button__label {
  color: var(--ck-color-text);
}
.ck.ck-image-insert-form > .ck.ck-button {
  display: block;
  width: 100%;
}
[dir=ltr] .ck.ck-image-insert-form > .ck.ck-button {
  text-align: left;
}
[dir=rtl] .ck.ck-image-insert-form > .ck.ck-button {
  text-align: right;
}
.ck.ck-image-insert-form > .ck.ck-collapsible {
  min-width: var(--ck-image-insert-insert-by-url-width);
}
.ck.ck-image-insert-form > .ck.ck-collapsible:not(:first-child) {
  border-top: 1px solid var(--ck-color-base-border);
}
.ck.ck-image-insert-form > .ck.ck-collapsible:not(:last-child) {
  border-bottom: 1px solid var(--ck-color-base-border);
}
.ck.ck-image-insert-form > .ck.ck-image-insert-url {
  min-width: var(--ck-image-insert-insert-by-url-width);
  padding: var(--ck-spacing-large);
}
.ck.ck-image-insert-form:focus {
  outline: none;
}
:root {
  --ck-color-image-upload-icon: hsl(0, 0%, 100%);
  --ck-color-image-upload-icon-background: hsl(120, 100%, 27%);
  --ck-image-upload-icon-size: 20;
  --ck-image-upload-icon-width: 2px;
  --ck-image-upload-icon-is-visible: clamp(0px, 100% - 50px, 1px);
}
.ck-image-upload-complete-icon {
  opacity: 0;
  background: var(--ck-color-image-upload-icon-background);
  animation-name: ck-upload-complete-icon-show, ck-upload-complete-icon-hide;
  animation-fill-mode: forwards, forwards;
  animation-duration: 500ms, 500ms;
  font-size: calc(1px * var(--ck-image-upload-icon-size));
  animation-delay: 0ms, 3000ms;
  overflow: hidden;
  width: calc(var(--ck-image-upload-icon-is-visible) * var(--ck-image-upload-icon-size));
  height: calc(var(--ck-image-upload-icon-is-visible) * var(--ck-image-upload-icon-size));
}
.ck-image-upload-complete-icon::after {
  left: 25%;
  top: 50%;
  opacity: 0;
  height: 0;
  width: 0;
  transform: scaleX(-1) rotate(135deg);
  transform-origin: left top;
  border-top: var(--ck-image-upload-icon-width) solid var(--ck-color-image-upload-icon);
  border-right: var(--ck-image-upload-icon-width) solid var(--ck-color-image-upload-icon);
  animation-name: ck-upload-complete-icon-check;
  animation-duration: 500ms;
  animation-delay: 500ms;
  animation-fill-mode: forwards;
  box-sizing: border-box;
}
@media (prefers-reduced-motion: reduce) {
  .ck-image-upload-complete-icon {
    animation-duration: 0ms;
  }
  .ck-image-upload-complete-icon::after {
    animation: none;
    opacity: 1;
    width: 0.3em;
    height: 0.45em;
  }
}
@keyframes ck-upload-complete-icon-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes ck-upload-complete-icon-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes ck-upload-complete-icon-check {
  0% {
    opacity: 1;
    width: 0;
    height: 0;
  }
  33% {
    width: 0.3em;
    height: 0;
  }
  100% {
    opacity: 1;
    width: 0.3em;
    height: 0.45em;
  }
}
:root {
  --ck-color-upload-placeholder-loader: hsl(0, 0%, 70%);
  --ck-upload-placeholder-loader-size: 32px;
  --ck-upload-placeholder-image-aspect-ratio: 2.8;
}
.ck .ck-image-upload-placeholder {
  width: 100%;
  margin: 0;
}
.ck .ck-image-upload-placeholder.image-inline {
  width: calc(2 * var(--ck-upload-placeholder-loader-size) * var(--ck-upload-placeholder-image-aspect-ratio));
}
.ck .ck-image-upload-placeholder img {
  aspect-ratio: var(--ck-upload-placeholder-image-aspect-ratio);
}
.ck .ck-upload-placeholder-loader {
  width: 100%;
  height: 100%;
}
.ck .ck-upload-placeholder-loader::before {
  width: var(--ck-upload-placeholder-loader-size);
  height: var(--ck-upload-placeholder-loader-size);
  border-radius: 50%;
  border-top: 3px solid var(--ck-color-upload-placeholder-loader);
  border-right: 2px solid transparent;
  animation: ck-upload-placeholder-loader 1s linear infinite;
}
@keyframes ck-upload-placeholder-loader {
  to {
    transform: rotate(360deg);
  }
}
.ck.ck-editor__editable .image.ck-appear,
.ck.ck-editor__editable .image-inline.ck-appear {
  animation: fadeIn 700ms;
}
@media (prefers-reduced-motion: reduce) {
  .ck.ck-editor__editable .image.ck-appear,
  .ck.ck-editor__editable .image-inline.ck-appear {
    opacity: 1;
    animation: none;
  }
}
.ck.ck-editor__editable .image .ck-progress-bar,
.ck.ck-editor__editable .image-inline .ck-progress-bar {
  height: 2px;
  width: 0;
  background: var(--ck-color-upload-bar-background);
  transition: width 100ms;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.ck .ck-link_selected {
  background: var(--ck-color-link-selected-background);
}
.ck .ck-link_selected span.image-inline {
  outline: var(--ck-widget-outline-thickness) solid var(--ck-color-link-selected-background);
}
.ck .ck-fake-link-selection {
  background: var(--ck-color-link-fake-selection);
}
.ck .ck-fake-link-selection_collapsed {
  height: 100%;
  border-right: 1px solid var(--ck-color-base-text);
  margin-right: -1px;
  outline: solid 1px hsla(0, 0%, 100%, .5);
}
.ck.ck-link-actions .ck-button.ck-link-actions__preview {
  padding-left: 0;
  padding-right: 0;
}
.ck.ck-link-actions .ck-button.ck-link-actions__preview .ck-button__label {
  padding: 0 var(--ck-spacing-medium);
  color: var(--ck-color-link-default);
  text-overflow: ellipsis;
  cursor: pointer;
  max-width: var(--ck-input-width);
  min-width: 3em;
  text-align: center;
}
.ck.ck-link-actions .ck-button.ck-link-actions__preview .ck-button__label:hover {
  text-decoration: underline;
}
.ck.ck-link-actions .ck-button.ck-link-actions__preview,
.ck.ck-link-actions .ck-button.ck-link-actions__preview:hover,
.ck.ck-link-actions .ck-button.ck-link-actions__preview:focus,
.ck.ck-link-actions .ck-button.ck-link-actions__preview:active {
  background: none;
}
.ck.ck-link-actions .ck-button.ck-link-actions__preview:active {
  box-shadow: none;
}
.ck.ck-link-actions .ck-button.ck-link-actions__preview:focus .ck-button__label {
  text-decoration: underline;
}
[dir=ltr] .ck.ck-link-actions .ck-button:not(:first-child) {
  margin-left: var(--ck-spacing-standard);
}
[dir=rtl] .ck.ck-link-actions .ck-button:not(:last-child) {
  margin-left: var(--ck-spacing-standard);
}
@media screen and (max-width: 600px) {
  .ck.ck-link-actions .ck-button.ck-link-actions__preview {
    margin: var(--ck-spacing-standard) var(--ck-spacing-standard) 0;
  }
  .ck.ck-link-actions .ck-button.ck-link-actions__preview .ck-button__label {
    min-width: 0;
    max-width: 100%;
  }
  [dir=ltr] .ck.ck-link-actions .ck-button:not(.ck-link-actions__preview) {
    margin-left: 0;
  }
  [dir=rtl] .ck.ck-link-actions .ck-button:not(.ck-link-actions__preview) {
    margin-left: 0;
  }
}
.ck.ck-link-form_layout-vertical {
  padding: 0;
  min-width: var(--ck-input-width);
}
.ck.ck-link-form_layout-vertical .ck-labeled-field-view {
  margin: var(--ck-spacing-large) var(--ck-spacing-large) var(--ck-spacing-small);
}
.ck.ck-link-form_layout-vertical .ck-labeled-field-view .ck-input-text {
  min-width: 0;
  width: 100%;
}
.ck.ck-link-form_layout-vertical > .ck-button {
  padding: var(--ck-spacing-standard);
  margin: 0;
  width: 50%;
  border-radius: 0;
}
.ck.ck-link-form_layout-vertical > .ck-button:not(:focus) {
  border-top: 1px solid var(--ck-color-base-border);
}
[dir=ltr] .ck.ck-link-form_layout-vertical > .ck-button {
  margin-left: 0;
}
[dir=rtl] .ck.ck-link-form_layout-vertical > .ck-button {
  margin-left: 0;
}
[dir=rtl] .ck.ck-link-form_layout-vertical > .ck-button:last-of-type {
  border-right: 1px solid var(--ck-color-base-border);
}
.ck.ck-link-form_layout-vertical .ck.ck-list {
  margin: 0 var(--ck-spacing-large);
}
.ck.ck-link-form_layout-vertical .ck.ck-list .ck-button.ck-switchbutton {
  padding: 0;
  width: 100%;
}
.ck.ck-link-form_layout-vertical .ck.ck-list .ck-button.ck-switchbutton:hover {
  background: none;
}
:root {
  --ck-link-image-indicator-icon-size: 20;
  --ck-link-image-indicator-icon-is-visible: clamp(0px, 100% - 50px, 1px);
}
.ck.ck-editor__editable figure.image > a::after,
.ck.ck-editor__editable a span.image-inline::after {
  content: "";
  top: min(var(--ck-spacing-medium), 6%);
  right: min(var(--ck-spacing-medium), 6%);
  background-color: hsla(0, 0%, 0%, .4);
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjAgMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTExLjA3NyAxNSAuOTkxLTEuNDE2YS43NS43NSAwIDEgMSAxLjIyOS44NmwtMS4xNDggMS42NGEuNzQ4Ljc0OCAwIDAgMS0uMjE3LjIwNiA1LjI1MSA1LjI1MSAwIDAgMS04LjUwMy01Ljk1NS43NDEuNzQxIDAgMCAxIC4xMi0uMjc0bDEuMTQ3LTEuNjM5YS43NS43NSAwIDEgMSAxLjIyOC44Nkw0LjkzMyAxMC43bC4wMDYuMDAzYTMuNzUgMy43NSAwIDAgMCA2LjEzMiA0LjI5NGwuMDA2LjAwNHptNS40OTQtNS4zMzVhLjc0OC43NDggMCAwIDEtLjEyLjI3NGwtMS4xNDcgMS42MzlhLjc1Ljc1IDAgMSAxLTEuMjI4LS44NmwuODYtMS4yM2EzLjc1IDMuNzUgMCAwIDAtNi4xNDQtNC4zMDFsLS44NiAxLjIyOWEuNzUuNzUgMCAwIDEtMS4yMjktLjg2bDEuMTQ4LTEuNjRhLjc0OC43NDggMCAwIDEgLjIxNy0uMjA2IDUuMjUxIDUuMjUxIDAgMCAxIDguNTAzIDUuOTU1em0tNC41NjMtMi41MzJhLjc1Ljc1IDAgMCAxIC4xODQgMS4wNDVsLTMuMTU1IDQuNTA1YS43NS43NSAwIDEgMS0xLjIyOS0uODZsMy4xNTUtNC41MDZhLjc1Ljc1IDAgMCAxIDEuMDQ1LS4xODR6Ii8+PC9zdmc+);
  background-size: 14px;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 100%;
  overflow: hidden;
  width: calc(var(--ck-link-image-indicator-icon-is-visible) * var(--ck-link-image-indicator-icon-size));
  height: calc(var(--ck-link-image-indicator-icon-is-visible) * var(--ck-link-image-indicator-icon-size));
}
.ck.ck-list-properties.ck-list-properties_without-styles {
  padding: var(--ck-spacing-large);
}
.ck.ck-list-properties.ck-list-properties_without-styles > * {
  min-width: 14em;
}
.ck.ck-list-properties.ck-list-properties_without-styles > * + * {
  margin-top: var(--ck-spacing-standard);
}
.ck.ck-list-properties.ck-list-properties_with-numbered-properties > .ck-list-styles-list {
  grid-template-columns: repeat(4, auto);
}
.ck.ck-list-properties.ck-list-properties_with-numbered-properties > .ck-collapsible {
  border-top: 1px solid var(--ck-color-base-border);
}
.ck.ck-list-properties.ck-list-properties_with-numbered-properties > .ck-collapsible > .ck-collapsible__children > * {
  width: 100%;
}
.ck.ck-list-properties.ck-list-properties_with-numbered-properties > .ck-collapsible > .ck-collapsible__children > * + * {
  margin-top: var(--ck-spacing-standard);
}
.ck.ck-list-properties .ck.ck-numbered-list-properties__start-index .ck-input {
  min-width: auto;
  width: 100%;
}
.ck.ck-list-properties .ck.ck-numbered-list-properties__reversed-order {
  background: transparent;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: calc(-1 * var(--ck-spacing-tiny));
}
.ck.ck-list-properties .ck.ck-numbered-list-properties__reversed-order:active,
.ck.ck-list-properties .ck.ck-numbered-list-properties__reversed-order:hover {
  box-shadow: none;
  border-color: transparent;
  background: none;
}
:root {
  --ck-list-style-button-size: 44px;
}
.ck.ck-list-styles-list {
  grid-template-columns: repeat(3, auto);
  row-gap: var(--ck-spacing-medium);
  column-gap: var(--ck-spacing-medium);
  padding: var(--ck-spacing-large);
}
.ck.ck-list-styles-list .ck-button {
  width: var(--ck-list-style-button-size);
  height: var(--ck-list-style-button-size);
  padding: 0;
  margin: 0;
  box-sizing: content-box;
}
.ck.ck-list-styles-list .ck-button .ck-icon {
  width: var(--ck-list-style-button-size);
  height: var(--ck-list-style-button-size);
}
:root {
  --ck-media-embed-placeholder-icon-size: 3em;
  --ck-color-media-embed-placeholder-url-text: hsl(0, 0%, 46%);
  --ck-color-media-embed-placeholder-url-text-hover: var(--ck-color-base-text);
}
.ck-media__wrapper {
  margin: 0 auto;
}
.ck-media__wrapper .ck-media__placeholder {
  padding: calc(3 * var(--ck-spacing-standard));
  background: var(--ck-color-base-foreground);
}
.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__icon {
  min-width: var(--ck-media-embed-placeholder-icon-size);
  height: var(--ck-media-embed-placeholder-icon-size);
  margin-bottom: var(--ck-spacing-large);
  background-position: center;
  background-size: cover;
}
.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__icon .ck-icon {
  width: 100%;
  height: 100%;
}
.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__url__text {
  color: var(--ck-color-media-embed-placeholder-url-text);
  white-space: nowrap;
  text-align: center;
  font-style: italic;
  text-overflow: ellipsis;
}
.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__url__text:hover {
  color: var(--ck-color-media-embed-placeholder-url-text-hover);
  cursor: pointer;
  text-decoration: underline;
}
.ck-media__wrapper[data-oembed-url*="open.spotify.com"] {
  max-width: 300px;
  max-height: 380px;
}
.ck-media__wrapper[data-oembed-url*="google.com/maps"] .ck-media__placeholder__icon,
.ck-media__wrapper[data-oembed-url*="goo.gl/maps"] .ck-media__placeholder__icon,
.ck-media__wrapper[data-oembed-url*="maps.google.com"] .ck-media__placeholder__icon,
.ck-media__wrapper[data-oembed-url*="maps.app.goo.gl"] .ck-media__placeholder__icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNTAuMzc4IiBoZWlnaHQ9IjI1NC4xNjciIHZpZXdCb3g9IjAgMCA2Ni4yNDYgNjcuMjQ4Ij48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTcyLjUzMSAtMjE4LjQ1NSkgc2NhbGUoLjk4MDEyKSI+PHJlY3Qgcnk9IjUuMjM4IiByeD0iNS4yMzgiIHk9IjIzMS4zOTkiIHg9IjE3Ni4wMzEiIGhlaWdodD0iNjAuMDk5IiB3aWR0aD0iNjAuMDk5IiBmaWxsPSIjMzRhNjY4IiBwYWludC1vcmRlcj0ibWFya2VycyBzdHJva2UgZmlsbCIvPjxwYXRoIGQ9Ik0yMDYuNDc3IDI2MC45bC0yOC45ODcgMjguOTg3YTUuMjE4IDUuMjE4IDAgMCAwIDMuNzggMS42MWg0OS42MjFjMS42OTQgMCAzLjE5LS43OTggNC4xNDYtMi4wMzd6IiBmaWxsPSIjNWM4OGM1Ii8+PHBhdGggZD0iTTIyNi43NDIgMjIyLjk4OGMtOS4yNjYgMC0xNi43NzcgNy4xNy0xNi43NzcgMTYuMDE0LjAwNyAyLjc2Mi42NjMgNS40NzQgMi4wOTMgNy44NzUuNDMuNzAzLjgzIDEuNDA4IDEuMTkgMi4xMDcuMzMzLjUwMi42NSAxLjAwNS45NSAxLjUwOC4zNDMuNDc3LjY3My45NTcuOTg4IDEuNDQgMS4zMSAxLjc2OSAyLjUgMy41MDIgMy42MzcgNS4xNjguNzkzIDEuMjc1IDEuNjgzIDIuNjQgMi40NjYgMy45OSAyLjM2MyA0LjA5NCA0LjAwNyA4LjA5MiA0LjYgMTMuOTE0di4wMTJjLjE4Mi40MTIuNTE2LjY2Ni44NzkuNjY3LjQwMy0uMDAxLjc2OC0uMzE0LjkzLS43OTkuNjAzLTUuNzU2IDIuMjM4LTkuNzI5IDQuNTg1LTEzLjc5NC43ODItMS4zNSAxLjY3My0yLjcxNSAyLjQ2NS0zLjk5IDEuMTM3LTEuNjY2IDIuMzI4LTMuNCAzLjYzOC01LjE2OS4zMTUtLjQ4Mi42NDUtLjk2Mi45ODgtMS40MzkuMy0uNTAzLjYxNy0xLjAwNi45NS0xLjUwOC4zNTktLjcuNzYtMS40MDQgMS4xOS0yLjEwNyAxLjQyNi0yLjQwMiAyLTUuMTE0IDIuMDA0LTcuODc1IDAtOC44NDQtNy41MTEtMTYuMDE0LTE2Ljc3Ni0xNi4wMTR6IiBmaWxsPSIjZGQ0YjNlIiBwYWludC1vcmRlcj0ibWFya2VycyBzdHJva2UgZmlsbCIvPjxlbGxpcHNlIHJ5PSI1LjU2NCIgcng9IjUuODI4IiBjeT0iMjM5LjAwMiIgY3g9IjIyNi43NDIiIGZpbGw9IiM4MDJkMjciIHBhaW50LW9yZGVyPSJtYXJrZXJzIHN0cm9rZSBmaWxsIi8+PHBhdGggZD0iTTE5MC4zMDEgMjM3LjI4M2MtNC42NyAwLTguNDU3IDMuODUzLTguNDU3IDguNjA2czMuNzg2IDguNjA3IDguNDU3IDguNjA3YzMuMDQzIDAgNC44MDYtLjk1OCA2LjMzNy0yLjUxNiAxLjUzLTEuNTU3IDIuMDg3LTMuOTEzIDIuMDg3LTYuMjkgMC0uMzYyLS4wMjMtLjcyMi0uMDY0LTEuMDc5aC04LjI1N3YzLjA0M2g0Ljg1Yy0uMTk3Ljc1OS0uNTMxIDEuNDUtMS4wNTggMS45ODYtLjk0Mi45NTgtMi4wMjggMS41NDgtMy45MDEgMS41NDgtMi44NzYgMC01LjIwOC0yLjM3Mi01LjIwOC01LjI5OSAwLTIuOTI2IDIuMzMyLTUuMjk5IDUuMjA4LTUuMjk5IDEuMzk5IDAgMi42MTguNDA3IDMuNTg0IDEuMjkzbDIuMzgxLTIuMzhjMC0uMDAyLS4wMDMtLjAwNC0uMDA0LS4wMDUtMS41ODgtMS41MjQtMy42Mi0yLjIxNS01Ljk1NS0yLjIxNXptNC40MyA1LjY2bC4wMDMuMDA2di0uMDAzeiIgZmlsbD0iI2ZmZiIgcGFpbnQtb3JkZXI9Im1hcmtlcnMgc3Ryb2tlIGZpbGwiLz48cGF0aCBkPSJNMjE1LjE4NCAyNTEuOTI5bC03Ljk4IDcuOTc5IDI4LjQ3NyAyOC40NzVjLjI4Ny0uNjQ5LjQ0OS0xLjM2Ni40NDktMi4xMjN2LTMxLjE2NWMtLjQ2OS42NzUtLjkzNCAxLjM0OS0xLjM4MiAyLjAwNS0uNzkyIDEuMjc1LTEuNjgyIDIuNjQtMi40NjUgMy45OS0yLjM0NyA0LjA2NS0zLjk4MiA4LjAzOC00LjU4NSAxMy43OTQtLjE2Mi40ODUtLjUyNy43OTgtLjkzLjc5OS0uMzYzLS4wMDEtLjY5Ny0uMjU1LS44NzktLjY2N3YtLjAxMmMtLjU5My01LjgyMi0yLjIzNy05LjgyLTQuNi0xMy45MTQtLjc4My0xLjM1LTEuNjczLTIuNzE1LTIuNDY2LTMuOTktMS4xMzctMS42NjYtMi4zMjctMy40LTMuNjM3LTUuMTY5bC0uMDAyLS4wMDN6IiBmaWxsPSIjYzNjM2MzIi8+PHBhdGggZD0iTTIxMi45ODMgMjQ4LjQ5NWwtMzYuOTUyIDM2Ljk1M3YuODEyYTUuMjI3IDUuMjI3IDAgMCAwIDUuMjM4IDUuMjM4aDEuMDE1bDM1LjY2Ni0zNS42NjZhMTM2LjI3NSAxMzYuMjc1IDAgMCAwLTIuNzY0LTMuOSAzNy41NzUgMzcuNTc1IDAgMCAwLS45ODktMS40NGMtLjI5OS0uNTAzLS42MTYtMS4wMDYtLjk1LTEuNTA4LS4wODMtLjE2Mi0uMTc2LS4zMjYtLjI2NC0uNDg5eiIgZmlsbD0iI2ZkZGM0ZiIgcGFpbnQtb3JkZXI9Im1hcmtlcnMgc3Ryb2tlIGZpbGwiLz48cGF0aCBkPSJNMjExLjk5OCAyNjEuMDgzbC02LjE1MiA2LjE1MSAyNC4yNjQgMjQuMjY0aC43ODFhNS4yMjcgNS4yMjcgMCAwIDAgNS4yMzktNS4yMzh2LTEuMDQ1eiIgZmlsbD0iI2ZmZiIgcGFpbnQtb3JkZXI9Im1hcmtlcnMgc3Ryb2tlIGZpbGwiLz48L2c+PC9zdmc+);
}
.ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder {
  background: hsl(220, 46%, 48%);
}
.ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder .ck-media__placeholder__icon {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxMDI0cHgiIGhlaWdodD0iMTAyNHB4IiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPiAgICAgICAgPHRpdGxlPkZpbGwgMTwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZGVmcz48L2RlZnM+ICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9ImZMb2dvX1doaXRlIiBmaWxsPSIjRkZGRkZFIj4gICAgICAgICAgICA8cGF0aCBkPSJNOTY3LjQ4NCwwIEw1Ni41MTcsMCBDMjUuMzA0LDAgMCwyNS4zMDQgMCw1Ni41MTcgTDAsOTY3LjQ4MyBDMCw5OTguNjk0IDI1LjI5NywxMDI0IDU2LjUyMiwxMDI0IEw1NDcsMTAyNCBMNTQ3LDYyOCBMNDE0LDYyOCBMNDE0LDQ3MyBMNTQ3LDQ3MyBMNTQ3LDM1OS4wMjkgQzU0NywyMjYuNzY3IDYyNy43NzMsMTU0Ljc0NyA3NDUuNzU2LDE1NC43NDcgQzgwMi4yNjksMTU0Ljc0NyA4NTAuODQyLDE1OC45NTUgODY1LDE2MC44MzYgTDg2NSwyOTkgTDc4My4zODQsMjk5LjAzNyBDNzE5LjM5MSwyOTkuMDM3IDcwNywzMjkuNTI5IDcwNywzNzQuMjczIEw3MDcsNDczIEw4NjAuNDg3LDQ3MyBMODQwLjUwMSw2MjggTDcwNyw2MjggTDcwNywxMDI0IEw5NjcuNDg0LDEwMjQgQzk5OC42OTcsMTAyNCAxMDI0LDk5OC42OTcgMTAyNCw5NjcuNDg0IEwxMDI0LDU2LjUxNSBDMTAyNCwyNS4zMDMgOTk4LjY5NywwIDk2Ny40ODQsMCIgaWQ9IkZpbGwtMSI+PC9wYXRoPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+);
}
.ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder .ck-media__placeholder__url__text {
  color: hsl(220, 100%, 90%);
}
.ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder .ck-media__placeholder__url__text:hover {
  color: hsl(0, 0%, 100%);
}
.ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder {
  background:
    linear-gradient(
      -135deg,
      hsl(246, 100%, 39%),
      hsl(302, 100%, 36%),
      hsl(0, 100%, 48%));
}
.ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder .ck-media__placeholder__icon {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI1MDRweCIgaGVpZ2h0PSI1MDRweCIgdmlld0JveD0iMCAwIDUwNCA1MDQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+Z2x5cGgtbG9nb19NYXkyMDE2PC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+ICAgIDxkZWZzPiAgICAgICAgPHBvbHlnb24gaWQ9InBhdGgtMSIgcG9pbnRzPSIwIDAuMTU5IDUwMy44NDEgMC4xNTkgNTAzLjg0MSA1MDMuOTQgMCA1MDMuOTQiPjwvcG9seWdvbj4gICAgPC9kZWZzPiAgICA8ZyBpZD0iZ2x5cGgtbG9nb19NYXkyMDE2IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxnIGlkPSJHcm91cC0zIj4gICAgICAgICAgICA8bWFzayBpZD0ibWFzay0yIiBmaWxsPSJ3aGl0ZSI+ICAgICAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+ICAgICAgICAgICAgPC9tYXNrPiAgICAgICAgICAgIDxnIGlkPSJDbGlwLTIiPjwvZz4gICAgICAgICAgICA8cGF0aCBkPSJNMjUxLjkyMSwwLjE1OSBDMTgzLjUwMywwLjE1OSAxNzQuOTI0LDAuNDQ5IDE0OC4wNTQsMS42NzUgQzEyMS4yNCwyLjg5OCAxMDIuOTI3LDcuMTU3IDg2LjkwMywxMy4zODUgQzcwLjMzNywxOS44MjIgNTYuMjg4LDI4LjQzNiA0Mi4yODIsNDIuNDQxIEMyOC4yNzcsNTYuNDQ3IDE5LjY2Myw3MC40OTYgMTMuMjI2LDg3LjA2MiBDNi45OTgsMTAzLjA4NiAyLjczOSwxMjEuMzk5IDEuNTE2LDE0OC4yMTMgQzAuMjksMTc1LjA4MyAwLDE4My42NjIgMCwyNTIuMDggQzAsMzIwLjQ5NyAwLjI5LDMyOS4wNzYgMS41MTYsMzU1Ljk0NiBDMi43MzksMzgyLjc2IDYuOTk4LDQwMS4wNzMgMTMuMjI2LDQxNy4wOTcgQzE5LjY2Myw0MzMuNjYzIDI4LjI3Nyw0NDcuNzEyIDQyLjI4Miw0NjEuNzE4IEM1Ni4yODgsNDc1LjcyMyA3MC4zMzcsNDg0LjMzNyA4Ni45MDMsNDkwLjc3NSBDMTAyLjkyNyw0OTcuMDAyIDEyMS4yNCw1MDEuMjYxIDE0OC4wNTQsNTAyLjQ4NCBDMTc0LjkyNCw1MDMuNzEgMTgzLjUwMyw1MDQgMjUxLjkyMSw1MDQgQzMyMC4zMzgsNTA0IDMyOC45MTcsNTAzLjcxIDM1NS43ODcsNTAyLjQ4NCBDMzgyLjYwMSw1MDEuMjYxIDQwMC45MTQsNDk3LjAwMiA0MTYuOTM4LDQ5MC43NzUgQzQzMy41MDQsNDg0LjMzNyA0NDcuNTUzLDQ3NS43MjMgNDYxLjU1OSw0NjEuNzE4IEM0NzUuNTY0LDQ0Ny43MTIgNDg0LjE3OCw0MzMuNjYzIDQ5MC42MTYsNDE3LjA5NyBDNDk2Ljg0Myw0MDEuMDczIDUwMS4xMDIsMzgyLjc2IDUwMi4zMjUsMzU1Ljk0NiBDNTAzLjU1MSwzMjkuMDc2IDUwMy44NDEsMzIwLjQ5NyA1MDMuODQxLDI1Mi4wOCBDNTAzLjg0MSwxODMuNjYyIDUwMy41NTEsMTc1LjA4MyA1MDIuMzI1LDE0OC4yMTMgQzUwMS4xMDIsMTIxLjM5OSA0OTYuODQzLDEwMy4wODYgNDkwLjYxNiw4Ny4wNjIgQzQ4NC4xNzgsNzAuNDk2IDQ3NS41NjQsNTYuNDQ3IDQ2MS41NTksNDIuNDQxIEM0NDcuNTUzLDI4LjQzNiA0MzMuNTA0LDE5LjgyMiA0MTYuOTM4LDEzLjM4NSBDNDAwLjkxNCw3LjE1NyAzODIuNjAxLDIuODk4IDM1NS43ODcsMS42NzUgQzMyOC45MTcsMC40NDkgMzIwLjMzOCwwLjE1OSAyNTEuOTIxLDAuMTU5IFogTTI1MS45MjEsNDUuNTUgQzMxOS4xODYsNDUuNTUgMzI3LjE1NCw0NS44MDcgMzUzLjcxOCw0Ny4wMTkgQzM3OC4yOCw0OC4xMzkgMzkxLjYxOSw1Mi4yNDMgNDAwLjQ5Niw1NS42OTMgQzQxMi4yNTUsNjAuMjYzIDQyMC42NDcsNjUuNzIyIDQyOS40NjIsNzQuNTM4IEM0MzguMjc4LDgzLjM1MyA0NDMuNzM3LDkxLjc0NSA0NDguMzA3LDEwMy41MDQgQzQ1MS43NTcsMTEyLjM4MSA0NTUuODYxLDEyNS43MiA0NTYuOTgxLDE1MC4yODIgQzQ1OC4xOTMsMTc2Ljg0NiA0NTguNDUsMTg0LjgxNCA0NTguNDUsMjUyLjA4IEM0NTguNDUsMzE5LjM0NSA0NTguMTkzLDMyNy4zMTMgNDU2Ljk4MSwzNTMuODc3IEM0NTUuODYxLDM3OC40MzkgNDUxLjc1NywzOTEuNzc4IDQ0OC4zMDcsNDAwLjY1NSBDNDQzLjczNyw0MTIuNDE0IDQzOC4yNzgsNDIwLjgwNiA0MjkuNDYyLDQyOS42MjEgQzQyMC42NDcsNDM4LjQzNyA0MTIuMjU1LDQ0My44OTYgNDAwLjQ5Niw0NDguNDY2IEMzOTEuNjE5LDQ1MS45MTYgMzc4LjI4LDQ1Ni4wMiAzNTMuNzE4LDQ1Ny4xNCBDMzI3LjE1OCw0NTguMzUyIDMxOS4xOTEsNDU4LjYwOSAyNTEuOTIxLDQ1OC42MDkgQzE4NC42NSw0NTguNjA5IDE3Ni42ODQsNDU4LjM1MiAxNTAuMTIzLDQ1Ny4xNCBDMTI1LjU2MSw0NTYuMDIgMTEyLjIyMiw0NTEuOTE2IDEwMy4zNDUsNDQ4LjQ2NiBDOTEuNTg2LDQ0My44OTYgODMuMTk0LDQzOC40MzcgNzQuMzc5LDQyOS42MjEgQzY1LjU2NCw0MjAuODA2IDYwLjEwNCw0MTIuNDE0IDU1LjUzNCw0MDAuNjU1IEM1Mi4wODQsMzkxLjc3OCA0Ny45OCwzNzguNDM5IDQ2Ljg2LDM1My44NzcgQzQ1LjY0OCwzMjcuMzEzIDQ1LjM5MSwzMTkuMzQ1IDQ1LjM5MSwyNTIuMDggQzQ1LjM5MSwxODQuODE0IDQ1LjY0OCwxNzYuODQ2IDQ2Ljg2LDE1MC4yODIgQzQ3Ljk4LDEyNS43MiA1Mi4wODQsMTEyLjM4MSA1NS41MzQsMTAzLjUwNCBDNjAuMTA0LDkxLjc0NSA2NS41NjMsODMuMzUzIDc0LjM3OSw3NC41MzggQzgzLjE5NCw2NS43MjIgOTEuNTg2LDYwLjI2MyAxMDMuMzQ1LDU1LjY5MyBDMTEyLjIyMiw1Mi4yNDMgMTI1LjU2MSw0OC4xMzkgMTUwLjEyMyw0Ny4wMTkgQzE3Ni42ODcsNDUuODA3IDE4NC42NTUsNDUuNTUgMjUxLjkyMSw0NS41NSBaIiBpZD0iRmlsbC0xIiBmaWxsPSIjRkZGRkZGIiBtYXNrPSJ1cmwoI21hc2stMikiPjwvcGF0aD4gICAgICAgIDwvZz4gICAgICAgIDxwYXRoIGQ9Ik0yNTEuOTIxLDMzNi4wNTMgQzIwNS41NDMsMzM2LjA1MyAxNjcuOTQ3LDI5OC40NTcgMTY3Ljk0NywyNTIuMDggQzE2Ny45NDcsMjA1LjcwMiAyMDUuNTQzLDE2OC4xMDYgMjUxLjkyMSwxNjguMTA2IEMyOTguMjk4LDE2OC4xMDYgMzM1Ljg5NCwyMDUuNzAyIDMzNS44OTQsMjUyLjA4IEMzMzUuODk0LDI5OC40NTcgMjk4LjI5OCwzMzYuMDUzIDI1MS45MjEsMzM2LjA1MyBaIE0yNTEuOTIxLDEyMi43MTUgQzE4MC40NzQsMTIyLjcxNSAxMjIuNTU2LDE4MC42MzMgMTIyLjU1NiwyNTIuMDggQzEyMi41NTYsMzIzLjUyNiAxODAuNDc0LDM4MS40NDQgMjUxLjkyMSwzODEuNDQ0IEMzMjMuMzY3LDM4MS40NDQgMzgxLjI4NSwzMjMuNTI2IDM4MS4yODUsMjUyLjA4IEMzODEuMjg1LDE4MC42MzMgMzIzLjM2NywxMjIuNzE1IDI1MS45MjEsMTIyLjcxNSBaIiBpZD0iRmlsbC00IiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+ICAgICAgICA8cGF0aCBkPSJNNDE2LjYyNywxMTcuNjA0IEM0MTYuNjI3LDEzNC4zIDQwMy4wOTIsMTQ3LjgzNCAzODYuMzk2LDE0Ny44MzQgQzM2OS43MDEsMTQ3LjgzNCAzNTYuMTY2LDEzNC4zIDM1Ni4xNjYsMTE3LjYwNCBDMzU2LjE2NiwxMDAuOTA4IDM2OS43MDEsODcuMzczIDM4Ni4zOTYsODcuMzczIEM0MDMuMDkyLDg3LjM3MyA0MTYuNjI3LDEwMC45MDggNDE2LjYyNywxMTcuNjA0IiBpZD0iRmlsbC01IiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+ICAgIDwvZz48L3N2Zz4=);
}
.ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder .ck-media__placeholder__url__text {
  color: hsl(302, 100%, 94%);
}
.ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder .ck-media__placeholder__url__text:hover {
  color: hsl(0, 0%, 100%);
}
.ck-media__wrapper[data-oembed-url*="twitter.com"] .ck.ck-media__placeholder {
  background:
    linear-gradient(
      to right,
      hsl(201, 85%, 70%),
      hsl(201, 85%, 35%));
}
.ck-media__wrapper[data-oembed-url*="twitter.com"] .ck.ck-media__placeholder .ck-media__placeholder__icon {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IldoaXRlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQwMCA0MDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQwMCA0MDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojRkZGRkZGO308L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MDAsMjAwYzAsMTEwLjUtODkuNSwyMDAtMjAwLDIwMFMwLDMxMC41LDAsMjAwUzg5LjUsMCwyMDAsMFM0MDAsODkuNSw0MDAsMjAweiBNMTYzLjQsMzA1LjVjODguNywwLDEzNy4yLTczLjUsMTM3LjItMTM3LjJjMC0yLjEsMC00LjItMC4xLTYuMmM5LjQtNi44LDE3LjYtMTUuMywyNC4xLTI1Yy04LjYsMy44LTE3LjksNi40LTI3LjcsNy42YzEwLTYsMTcuNi0xNS40LDIxLjItMjYuN2MtOS4zLDUuNS0xOS42LDkuNS0zMC42LDExLjdjLTguOC05LjQtMjEuMy0xNS4yLTM1LjItMTUuMmMtMjYuNiwwLTQ4LjIsMjEuNi00OC4yLDQ4LjJjMCwzLjgsMC40LDcuNSwxLjMsMTFjLTQwLjEtMi03NS42LTIxLjItOTkuNC01MC40Yy00LjEsNy4xLTYuNSwxNS40LTYuNSwyNC4yYzAsMTYuNyw4LjUsMzEuNSwyMS41LDQwLjFjLTcuOS0wLjItMTUuMy0yLjQtMjEuOC02YzAsMC4yLDAsMC40LDAsMC42YzAsMjMuNCwxNi42LDQyLjgsMzguNyw0Ny4zYy00LDEuMS04LjMsMS43LTEyLjcsMS43Yy0zLjEsMC02LjEtMC4zLTkuMS0wLjljNi4xLDE5LjIsMjMuOSwzMy4xLDQ1LDMzLjVjLTE2LjUsMTIuOS0zNy4zLDIwLjYtNTkuOSwyMC42Yy0zLjksMC03LjctMC4yLTExLjUtMC43QzExMC44LDI5Ny41LDEzNi4yLDMwNS41LDE2My40LDMwNS41Ii8+PC9zdmc+);
}
.ck-media__wrapper[data-oembed-url*="twitter.com"] .ck.ck-media__placeholder .ck-media__placeholder__url__text {
  color: hsl(201, 100%, 86%);
}
.ck-media__wrapper[data-oembed-url*="twitter.com"] .ck.ck-media__placeholder .ck-media__placeholder__url__text:hover {
  color: hsl(0, 0%, 100%);
}
:root {
  --ck-color-mention-background: hsla(341, 100%, 30%, 0.1);
  --ck-color-mention-text: hsl(341, 100%, 30%);
}
.ck-content .mention {
  background: var(--ck-color-mention-background);
  color: var(--ck-color-mention-text);
}
:root {
  --ck-color-restricted-editing-exception-background: hsla(31, 100%, 65%, .2);
  --ck-color-restricted-editing-exception-hover-background: hsla(31, 100%, 65%, .35);
  --ck-color-restricted-editing-exception-brackets: hsla(31, 100%, 40%, .4);
  --ck-color-restricted-editing-selected-exception-background: hsla(31, 100%, 65%, .5);
  --ck-color-restricted-editing-selected-exception-brackets: hsla(31, 100%, 40%, .6);
}
.ck-editor__editable .restricted-editing-exception {
  transition: .2s ease-in-out background;
  background-color: var(--ck-color-restricted-editing-exception-background);
  border: 1px solid;
  border-image:
    linear-gradient(
      to right,
      var(--ck-color-restricted-editing-exception-brackets) 0%,
      var(--ck-color-restricted-editing-exception-brackets) 5px,
      hsla(0, 0%, 0%, 0) 6px,
      hsla(0, 0%, 0%, 0) calc(100% - 6px),
      var(--ck-color-restricted-editing-exception-brackets) calc(100% - 5px),
      var(--ck-color-restricted-editing-exception-brackets) 100%) 1;
}
@media (prefers-reduced-motion: reduce) {
  .ck-editor__editable .restricted-editing-exception {
    transition: none;
  }
}
.ck-editor__editable .restricted-editing-exception.restricted-editing-exception_selected {
  background-color: var(--ck-color-restricted-editing-selected-exception-background);
  border-image:
    linear-gradient(
      to right,
      var(--ck-color-restricted-editing-selected-exception-brackets) 0%,
      var(--ck-color-restricted-editing-selected-exception-brackets) 5px,
      var(--ck-color-restricted-editing-selected-exception-brackets) calc(100% - 5px),
      var(--ck-color-restricted-editing-selected-exception-brackets) 100%) 1;
}
.ck-editor__editable .restricted-editing-exception.restricted-editing-exception_collapsed {
  padding-left: 1ch;
}
.ck-restricted-editing_mode_restricted {
  cursor: default;
}
.ck-restricted-editing_mode_restricted * {
  cursor: default;
}
.ck-restricted-editing_mode_restricted .restricted-editing-exception {
  cursor: text;
}
.ck-restricted-editing_mode_restricted .restricted-editing-exception * {
  cursor: text;
}
.ck-restricted-editing_mode_restricted .restricted-editing-exception:hover {
  background: var(--ck-color-restricted-editing-exception-hover-background);
}
:root {
  --ck-character-grid-tile-size: 24px;
}
.ck.ck-character-grid {
  overflow-y: auto;
  overflow-x: hidden;
}
.ck.ck-character-grid .ck-character-grid__tiles {
  grid-template-columns: repeat(auto-fill, minmax(var(--ck-character-grid-tile-size), 1fr));
  margin: var(--ck-spacing-standard) var(--ck-spacing-large);
  grid-gap: var(--ck-spacing-standard);
}
.ck.ck-character-grid .ck-character-grid__tile {
  width: var(--ck-character-grid-tile-size);
  height: var(--ck-character-grid-tile-size);
  min-width: var(--ck-character-grid-tile-size);
  min-height: var(--ck-character-grid-tile-size);
  font-size: 1.5em;
  padding: 0;
  transition: .2s ease box-shadow;
  border: 0;
}
@media (prefers-reduced-motion: reduce) {
  .ck.ck-character-grid .ck-character-grid__tile {
    transition: none;
  }
}
.ck.ck-character-grid .ck-character-grid__tile:focus:not(.ck-disabled),
.ck.ck-character-grid .ck-character-grid__tile:hover:not(.ck-disabled) {
  border: 0;
  box-shadow: inset 0 0 0 1px var(--ck-color-base-background), 0 0 0 2px var(--ck-color-focus-border);
}
.ck.ck-character-grid .ck-character-grid__tile .ck-button__label {
  line-height: var(--ck-character-grid-tile-size);
  width: 100%;
  text-align: center;
}
.ck.ck-character-info {
  padding: var(--ck-spacing-small) var(--ck-spacing-large);
  border-top: 1px solid var(--ck-color-base-border);
}
.ck.ck-character-info > * {
  text-transform: uppercase;
  font-size: var(--ck-font-size-small);
}
.ck.ck-character-info .ck-character-info__name {
  max-width: 280px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ck.ck-character-info .ck-character-info__code {
  opacity: .6;
}
.ck.ck-special-characters-navigation > .ck-label {
  max-width: 160px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ck.ck-special-characters-navigation > .ck-dropdown .ck-dropdown__panel {
  max-height: 250px;
  overflow-y: auto;
  overflow-x: hidden;
}
@media screen and (max-width: 600px) {
  .ck.ck-special-characters-navigation {
    max-width: 190px;
  }
  .ck.ck-special-characters-navigation > .ck-form__header__label {
    text-overflow: ellipsis;
    overflow: hidden;
  }
}
.ck.ck-dropdown.ck-style-dropdown.ck-style-dropdown_multiple-active > .ck-button > .ck-button__label {
  font-style: italic;
}
:root {
  --ck-style-panel-button-width: 120px;
  --ck-style-panel-button-height: 80px;
  --ck-style-panel-button-label-background: hsl(0, 0%, 94.1%);
  --ck-style-panel-button-hover-label-background: hsl(0, 0%, 92.1%);
  --ck-style-panel-button-hover-border-color: hsl(0, 0%, 70%);
}
.ck.ck-style-panel .ck-style-grid {
  row-gap: var(--ck-spacing-large);
  column-gap: var(--ck-spacing-large);
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button {
  --ck-color-button-default-hover-background: var(--ck-color-base-background);
  --ck-color-button-default-active-background: var(--ck-color-base-background);
  padding: 0;
  width: var(--ck-style-panel-button-width);
  height: var(--ck-style-panel-button-height);
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button:not(:focus) {
  border: 1px solid var(--ck-color-base-border);
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button .ck-button__label {
  height: 22px;
  line-height: 22px;
  width: 100%;
  padding: 0 var(--ck-spacing-medium);
  overflow: hidden;
  text-overflow: ellipsis;
  flex-shrink: 0;
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button .ck-style-grid__button__preview {
  width: 100%;
  overflow: hidden;
  opacity: .9;
  padding: var(--ck-spacing-medium);
  background: var(--ck-color-base-background);
  border: 2px solid var(--ck-color-base-background);
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-disabled {
  --ck-color-button-default-disabled-background: var(--ck-color-base-foreground);
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-disabled:not(:focus) {
  border-color: var(--ck-style-panel-button-label-background);
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-disabled .ck-style-grid__button__preview {
  opacity: .4;
  border-color: var(--ck-color-base-foreground);
  filter: saturate(.3);
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-on {
  border-color: var(--ck-color-base-active);
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-on .ck-button__label {
  box-shadow: 0 -1px 0 var(--ck-color-base-active);
  z-index: 1;
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-on:hover {
  border-color: var(--ck-color-base-active-focus);
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button:not(.ck-on) .ck-button__label {
  background: var(--ck-style-panel-button-label-background);
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button:not(.ck-on):hover .ck-button__label {
  background: var(--ck-style-panel-button-hover-label-background);
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button:hover:not(.ck-disabled):not(.ck-on) {
  border-color: var(--ck-style-panel-button-hover-border-color);
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button:hover:not(.ck-disabled):not(.ck-on) .ck-style-grid__button__preview {
  opacity: 1;
}
.ck.ck-style-panel .ck-style-panel__style-group > .ck-label {
  margin: var(--ck-spacing-large) 0;
}
.ck.ck-style-panel .ck-style-panel__style-group:first-child > .ck-label {
  margin-top: 0;
}
:root {
  --ck-style-panel-max-height: 470px;
}
.ck.ck-style-panel {
  padding: var(--ck-spacing-large);
  overflow-y: auto;
  max-height: var(--ck-style-panel-max-height);
}
[dir=ltr] .ck.ck-input-color > .ck.ck-input-text {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
[dir=rtl] .ck.ck-input-color > .ck.ck-input-text {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ck.ck-input-color > .ck.ck-input-text:focus {
  z-index: 0;
}
.ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button {
  padding: 0;
}
[dir=ltr] .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
[dir=ltr] .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button:not(:focus) {
  border-left: 1px solid transparent;
}
[dir=rtl] .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
[dir=rtl] .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button:not(:focus) {
  border-right: 1px solid transparent;
}
.ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button.ck-disabled {
  background: var(--ck-color-input-disabled-background);
}
.ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button > .ck.ck-input-color__button__preview {
  border-radius: 0;
  width: 20px;
  height: 20px;
  border: 1px solid var(--ck-color-input-border);
}
.ck-rounded-corners .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button > .ck.ck-input-color__button__preview,
.ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button > .ck.ck-input-color__button__preview.ck-rounded-corners {
  border-radius: var(--ck-border-radius);
}
.ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button > .ck.ck-input-color__button__preview > .ck.ck-input-color__button__preview__no-color-indicator {
  top: -30%;
  left: 50%;
  height: 150%;
  width: 8%;
  background: hsl(0, 100%, 50%);
  border-radius: 2px;
  transform: rotate(45deg);
  transform-origin: 50%;
}
.ck.ck-input-color .ck.ck-input-color__remove-color {
  width: 100%;
  padding: calc(var(--ck-spacing-standard) / 2) var(--ck-spacing-standard);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ck.ck-input-color .ck.ck-input-color__remove-color:not(:focus) {
  border-bottom: 1px solid var(--ck-color-input-border);
}
[dir=ltr] .ck.ck-input-color .ck.ck-input-color__remove-color {
  border-top-right-radius: 0;
}
[dir=rtl] .ck.ck-input-color .ck.ck-input-color__remove-color {
  border-top-left-radius: 0;
}
.ck.ck-input-color .ck.ck-input-color__remove-color .ck.ck-icon {
  margin-right: var(--ck-spacing-standard);
}
[dir=rtl] .ck.ck-input-color .ck.ck-input-color__remove-color .ck.ck-icon {
  margin-right: 0;
  margin-left: var(--ck-spacing-standard);
}
.ck.ck-form {
  padding: 0 0 var(--ck-spacing-large);
}
.ck.ck-form:focus {
  outline: none;
}
.ck.ck-form .ck.ck-input-text {
  min-width: 100%;
  width: 0;
}
.ck.ck-form .ck.ck-dropdown {
  min-width: 100%;
}
.ck.ck-form .ck.ck-dropdown .ck-dropdown__button:not(:focus) {
  border: 1px solid var(--ck-color-base-border);
}
.ck.ck-form .ck.ck-dropdown .ck-dropdown__button .ck-button__label {
  width: 100%;
}
.ck.ck-form__row {
  padding: var(--ck-spacing-standard) var(--ck-spacing-large) 0;
}
[dir=ltr] .ck.ck-form__row > *:not(.ck-label) + * {
  margin-left: var(--ck-spacing-large);
}
[dir=rtl] .ck.ck-form__row > *:not(.ck-label) + * {
  margin-right: var(--ck-spacing-large);
}
.ck.ck-form__row > .ck-label {
  width: 100%;
  min-width: 100%;
}
.ck.ck-form__row.ck-table-form__action-row {
  margin-top: var(--ck-spacing-large);
}
.ck.ck-form__row.ck-table-form__action-row .ck-button .ck-button__label {
  color: var(--ck-color-text);
}
:root {
  --ck-insert-table-dropdown-padding: 10px;
  --ck-insert-table-dropdown-box-height: 11px;
  --ck-insert-table-dropdown-box-width: 12px;
  --ck-insert-table-dropdown-box-margin: 1px;
}
.ck .ck-insert-table-dropdown__grid {
  width: calc(var(--ck-insert-table-dropdown-box-width) * 10 + var(--ck-insert-table-dropdown-box-margin) * 20 + var(--ck-insert-table-dropdown-padding) * 2);
  padding: var(--ck-insert-table-dropdown-padding) var(--ck-insert-table-dropdown-padding) 0;
}
.ck .ck-insert-table-dropdown__label,
.ck[dir=rtl] .ck-insert-table-dropdown__label {
  text-align: center;
}
.ck .ck-insert-table-dropdown-grid-box {
  min-width: var(--ck-insert-table-dropdown-box-width);
  min-height: var(--ck-insert-table-dropdown-box-height);
  margin: var(--ck-insert-table-dropdown-box-margin);
  border: 1px solid var(--ck-color-base-border);
  border-radius: 1px;
  outline: none;
  transition: none;
}
@media (prefers-reduced-motion: reduce) {
  .ck .ck-insert-table-dropdown-grid-box {
    transition: none;
  }
}
.ck .ck-insert-table-dropdown-grid-box:focus {
  box-shadow: none;
}
.ck .ck-insert-table-dropdown-grid-box.ck-on {
  border-color: var(--ck-color-focus-border);
  background: var(--ck-color-focus-outer-shadow);
}
.ck.ck-table-cell-properties-form {
  width: 320px;
}
.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__padding-row {
  align-self: flex-end;
  padding: 0;
  width: 25%;
}
.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar {
  background: none;
  margin-top: var(--ck-spacing-standard);
}
:root {
  --ck-color-selector-focused-cell-background: hsla(212, 90%, 80%, .3);
}
.ck-widget.table td.ck-editor__nested-editable.ck-editor__nested-editable_focused,
.ck-widget.table th.ck-editor__nested-editable.ck-editor__nested-editable_focused,
.ck-widget.table td.ck-editor__nested-editable:focus,
.ck-widget.table th.ck-editor__nested-editable:focus {
  background: var(--ck-color-selector-focused-cell-background);
  outline: 1px solid var(--ck-color-focus-border);
  outline-offset: -1px;
}
:root {
  --ck-table-properties-error-arrow-size: 6px;
  --ck-table-properties-min-error-width: 150px;
}
.ck.ck-table-form .ck-form__row.ck-table-form__border-row .ck-labeled-field-view > .ck-label {
  font-size: var(--ck-font-size-tiny);
  text-align: center;
}
.ck.ck-table-form .ck-form__row.ck-table-form__border-row .ck-table-form__border-style,
.ck.ck-table-form .ck-form__row.ck-table-form__border-row .ck-table-form__border-width {
  width: 80px;
  min-width: 80px;
  max-width: 80px;
}
.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row {
  padding: 0;
}
.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimensions-row__width,
.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimensions-row__height {
  margin: 0;
}
.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimension-operator {
  align-self: flex-end;
  display: inline-block;
  height: var(--ck-ui-component-min-height);
  line-height: var(--ck-ui-component-min-height);
  margin: 0 var(--ck-spacing-small);
}
.ck.ck-table-form .ck.ck-labeled-field-view {
  padding-top: var(--ck-spacing-standard);
}
.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status {
  border-radius: 0;
  background: var(--ck-color-base-error);
  color: var(--ck-color-base-background);
  padding: var(--ck-spacing-small) var(--ck-spacing-medium);
  min-width: var(--ck-table-properties-min-error-width);
  text-align: center;
  animation: ck-table-form-labeled-view-status-appear .15s ease both;
}
.ck-rounded-corners .ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status,
.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status.ck-rounded-corners {
  border-radius: var(--ck-border-radius);
}
.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status::after {
  border-color: transparent transparent var(--ck-color-base-error) transparent;
  border-width: 0 var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size);
  border-style: solid;
}
@media (prefers-reduced-motion: reduce) {
  .ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status {
    animation: none;
  }
}
.ck.ck-table-form .ck.ck-labeled-field-view .ck-input.ck-error:not(:focus) + .ck.ck-labeled-field-view__status {
  display: none;
}
@keyframes ck-table-form-labeled-view-status-appear {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.ck.ck-table-properties-form {
  width: 320px;
}
.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row {
  align-self: flex-end;
  padding: 0;
}
.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar {
  background: none;
  margin-top: var(--ck-spacing-standard);
}
.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar .ck-toolbar__items > * {
  width: 40px;
}
:root {
  --ck-table-selected-cell-background: hsla(208, 90%, 80%, .3);
}
.ck.ck-editor__editable .table table td.ck-editor__editable_selected,
.ck.ck-editor__editable .table table th.ck-editor__editable_selected {
  position: relative;
  caret-color: transparent;
  outline: unset;
  box-shadow: unset;
}
.ck.ck-editor__editable .table table td.ck-editor__editable_selected:after,
.ck.ck-editor__editable .table table th.ck-editor__editable_selected:after {
  content: "";
  pointer-events: none;
  background-color: var(--ck-table-selected-cell-background);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.ck.ck-editor__editable .table table td.ck-editor__editable_selected ::selection,
.ck.ck-editor__editable .table table th.ck-editor__editable_selected ::selection,
.ck.ck-editor__editable .table table td.ck-editor__editable_selected:focus,
.ck.ck-editor__editable .table table th.ck-editor__editable_selected:focus {
  background-color: transparent;
}
.ck.ck-editor__editable .table table td.ck-editor__editable_selected .ck-widget,
.ck.ck-editor__editable .table table th.ck-editor__editable_selected .ck-widget {
  outline: unset;
}
.ck.ck-editor__editable .table table td.ck-editor__editable_selected .ck-widget > .ck-widget__selection-handle,
.ck.ck-editor__editable .table table th.ck-editor__editable_selected .ck-widget > .ck-widget__selection-handle {
  display: none;
}
:root {
  --ck-widget-outline-thickness: 3px;
  --ck-widget-handler-icon-size: 16px;
  --ck-widget-handler-animation-duration: 200ms;
  --ck-widget-handler-animation-curve: ease;
  --ck-color-widget-blurred-border: hsl(0, 0%, 87%);
  --ck-color-widget-hover-border: hsl(43, 100%, 62%);
  --ck-color-widget-editable-focus-background: var(--ck-color-base-background);
  --ck-color-widget-drag-handler-icon-color: var(--ck-color-base-background);
}
.ck .ck-widget {
  outline-width: var(--ck-widget-outline-thickness);
  outline-style: solid;
  outline-color: transparent;
  transition: outline-color var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve);
}
@media (prefers-reduced-motion: reduce) {
  .ck .ck-widget {
    transition: none;
  }
}
.ck .ck-widget.ck-widget_selected,
.ck .ck-widget.ck-widget_selected:hover {
  outline: var(--ck-widget-outline-thickness) solid var(--ck-color-focus-border);
}
.ck .ck-widget:hover {
  outline-color: var(--ck-color-widget-hover-border);
}
.ck .ck-editor__nested-editable {
  border: 1px solid transparent;
}
.ck .ck-editor__nested-editable.ck-editor__nested-editable_focused,
.ck .ck-editor__nested-editable:focus {
  box-shadow: var(--ck-inner-shadow), 0 0;
}
@media (forced-colors: none) {
  .ck .ck-editor__nested-editable.ck-editor__nested-editable_focused,
  .ck .ck-editor__nested-editable:focus {
    background-color: var(--ck-color-widget-editable-focus-background);
  }
}
.ck .ck-editor__nested-editable.ck-editor__nested-editable_focused:not(td, th),
.ck .ck-editor__nested-editable:focus:not(td, th) {
  outline: none;
  border: var(--ck-focus-ring);
}
.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle {
  padding: 4px;
  box-sizing: border-box;
  background-color: transparent;
  opacity: 0;
  transition:
    background-color var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve),
    visibility var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve),
    opacity var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve);
  border-radius: var(--ck-border-radius) var(--ck-border-radius) 0 0;
  transform: translateY(-100%);
  left: calc(0px - var(--ck-widget-outline-thickness));
  top: 0;
}
@media (prefers-reduced-motion: reduce) {
  .ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle {
    transition: none;
  }
}
.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle .ck-icon {
  width: var(--ck-widget-handler-icon-size);
  height: var(--ck-widget-handler-icon-size);
  color: var(--ck-color-widget-drag-handler-icon-color);
}
.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator {
  opacity: 0;
  transition: opacity 300ms var(--ck-widget-handler-animation-curve);
}
@media (prefers-reduced-motion: reduce) {
  .ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator {
    transition: none;
  }
}
.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle:hover .ck-icon .ck-icon__selected-indicator {
  opacity: 1;
}
.ck .ck-widget.ck-widget_with-selection-handle:hover > .ck-widget__selection-handle {
  opacity: 1;
  background-color: var(--ck-color-widget-hover-border);
}
.ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected > .ck-widget__selection-handle,
.ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected:hover > .ck-widget__selection-handle {
  opacity: 1;
  background-color: var(--ck-color-focus-border);
}
.ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected > .ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator,
.ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected:hover > .ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator {
  opacity: 1;
}
.ck[dir=rtl] .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle {
  left: auto;
  right: calc(0px - var(--ck-widget-outline-thickness));
}
.ck.ck-editor__editable.ck-read-only .ck-widget {
  transition: none;
}
.ck.ck-editor__editable.ck-read-only .ck-widget:not(.ck-widget_selected) {
  --ck-widget-outline-thickness: 0px;
}
.ck.ck-editor__editable.ck-read-only .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle,
.ck.ck-editor__editable.ck-read-only .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle:hover {
  background: var(--ck-color-widget-blurred-border);
}
.ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected,
.ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected:hover {
  outline-color: var(--ck-color-widget-blurred-border);
}
.ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected.ck-widget_with-selection-handle > .ck-widget__selection-handle,
.ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected.ck-widget_with-selection-handle:hover > .ck-widget__selection-handle,
.ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected.ck-widget_with-selection-handle > .ck-widget__selection-handle:hover,
.ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected.ck-widget_with-selection-handle:hover > .ck-widget__selection-handle:hover {
  background: var(--ck-color-widget-blurred-border);
}
.ck.ck-editor__editable > .ck-widget.ck-widget_with-selection-handle:first-child,
.ck.ck-editor__editable blockquote > .ck-widget.ck-widget_with-selection-handle:first-child {
  margin-top: calc(1em + var(--ck-widget-handler-icon-size));
}
:root {
  --ck-resizer-size: 10px;
  --ck-resizer-offset: calc( ( var(--ck-resizer-size) / -2 ) - 2px);
  --ck-resizer-border-width: 1px;
}
.ck .ck-widget__resizer {
  outline: 1px solid var(--ck-color-resizer);
}
.ck .ck-widget__resizer__handle {
  width: var(--ck-resizer-size);
  height: var(--ck-resizer-size);
  background: var(--ck-color-focus-border);
  border: var(--ck-resizer-border-width) solid hsl(0, 0%, 100%);
  border-radius: var(--ck-resizer-border-radius);
}
.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-top-left {
  top: var(--ck-resizer-offset);
  left: var(--ck-resizer-offset);
}
.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-top-right {
  top: var(--ck-resizer-offset);
  right: var(--ck-resizer-offset);
}
.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-bottom-right {
  bottom: var(--ck-resizer-offset);
  right: var(--ck-resizer-offset);
}
.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-bottom-left {
  bottom: var(--ck-resizer-offset);
  left: var(--ck-resizer-offset);
}
:root {
  --ck-widget-type-around-button-size: 20px;
  --ck-color-widget-type-around-button-active: var(--ck-color-focus-border);
  --ck-color-widget-type-around-button-hover: var(--ck-color-widget-hover-border);
  --ck-color-widget-type-around-button-blurred-editable: var(--ck-color-widget-blurred-border);
  --ck-color-widget-type-around-button-radar-start-alpha: 0;
  --ck-color-widget-type-around-button-radar-end-alpha: .3;
  --ck-color-widget-type-around-button-icon: var(--ck-color-base-background);
}
.ck .ck-widget .ck-widget__type-around__button {
  width: var(--ck-widget-type-around-button-size);
  height: var(--ck-widget-type-around-button-size);
  background: var(--ck-color-widget-type-around-button);
  border-radius: 100px;
  transition: opacity var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve), background var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve);
  opacity: 0;
  pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
  .ck .ck-widget .ck-widget__type-around__button {
    transition: none;
  }
}
.ck .ck-widget .ck-widget__type-around__button svg {
  width: 10px;
  height: 8px;
  transform: translate(-50%, -50%);
  transition: transform .5s ease;
  margin-top: 1px;
}
@media (prefers-reduced-motion: reduce) {
  .ck .ck-widget .ck-widget__type-around__button svg {
    transition: none;
  }
}
.ck .ck-widget .ck-widget__type-around__button svg * {
  stroke-dasharray: 10;
  stroke-dashoffset: 0;
  fill: none;
  stroke: var(--ck-color-widget-type-around-button-icon);
  stroke-width: 1.5px;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.ck .ck-widget .ck-widget__type-around__button svg line {
  stroke-dasharray: 7;
}
.ck .ck-widget .ck-widget__type-around__button:hover {
  animation: ck-widget-type-around-button-sonar 1s ease infinite;
}
.ck .ck-widget .ck-widget__type-around__button:hover svg polyline {
  animation: ck-widget-type-around-arrow-dash 2s linear;
}
.ck .ck-widget .ck-widget__type-around__button:hover svg line {
  animation: ck-widget-type-around-arrow-tip-dash 2s linear;
}
@media (prefers-reduced-motion: reduce) {
  .ck .ck-widget .ck-widget__type-around__button:hover {
    animation: none;
  }
  .ck .ck-widget .ck-widget__type-around__button:hover svg polyline {
    animation: none;
  }
  .ck .ck-widget .ck-widget__type-around__button:hover svg line {
    animation: none;
  }
}
.ck .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button,
.ck .ck-widget:hover > .ck-widget__type-around > .ck-widget__type-around__button {
  opacity: 1;
  pointer-events: auto;
}
.ck .ck-widget:not(.ck-widget_selected) > .ck-widget__type-around > .ck-widget__type-around__button {
  background: var(--ck-color-widget-type-around-button-hover);
}
.ck .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button,
.ck .ck-widget > .ck-widget__type-around > .ck-widget__type-around__button:hover {
  background: var(--ck-color-widget-type-around-button-active);
}
.ck .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button::after,
.ck .ck-widget > .ck-widget__type-around > .ck-widget__type-around__button:hover::after {
  width: calc(var(--ck-widget-type-around-button-size) - 2px);
  height: calc(var(--ck-widget-type-around-button-size) - 2px);
  border-radius: 100px;
  background:
    linear-gradient(
      135deg,
      hsla(0, 0%, 100%, 0) 0%,
      hsla(0, 0%, 100%, .3) 100%);
}
.ck .ck-widget.ck-widget_with-selection-handle > .ck-widget__type-around > .ck-widget__type-around__button_before {
  margin-left: 20px;
}
.ck .ck-widget .ck-widget__type-around__fake-caret {
  pointer-events: none;
  height: 1px;
  animation: ck-widget-type-around-fake-caret-pulse linear 1s infinite normal forwards;
  outline: solid 1px hsla(0, 0%, 100%, .5);
  background: var(--ck-color-base-text);
}
.ck .ck-widget.ck-widget_selected.ck-widget_type-around_show-fake-caret_before,
.ck .ck-widget.ck-widget_selected.ck-widget_type-around_show-fake-caret_after {
  outline-color: transparent;
}
.ck .ck-widget.ck-widget_type-around_show-fake-caret_before.ck-widget_selected:hover,
.ck .ck-widget.ck-widget_type-around_show-fake-caret_after.ck-widget_selected:hover {
  outline-color: var(--ck-color-widget-hover-border);
}
.ck .ck-widget.ck-widget_type-around_show-fake-caret_before > .ck-widget__type-around > .ck-widget__type-around__button,
.ck .ck-widget.ck-widget_type-around_show-fake-caret_after > .ck-widget__type-around > .ck-widget__type-around__button {
  opacity: 0;
  pointer-events: none;
}
.ck .ck-widget.ck-widget_type-around_show-fake-caret_before.ck-widget_with-selection-handle.ck-widget_selected > .ck-widget__selection-handle,
.ck .ck-widget.ck-widget_type-around_show-fake-caret_after.ck-widget_with-selection-handle.ck-widget_selected > .ck-widget__selection-handle,
.ck .ck-widget.ck-widget_type-around_show-fake-caret_before.ck-widget_with-selection-handle.ck-widget_selected:hover > .ck-widget__selection-handle,
.ck .ck-widget.ck-widget_type-around_show-fake-caret_after.ck-widget_with-selection-handle.ck-widget_selected:hover > .ck-widget__selection-handle {
  opacity: 0;
}
.ck .ck-widget.ck-widget_type-around_show-fake-caret_before.ck-widget_selected.ck-widget_with-resizer > .ck-widget__resizer,
.ck .ck-widget.ck-widget_type-around_show-fake-caret_after.ck-widget_selected.ck-widget_with-resizer > .ck-widget__resizer {
  opacity: 0;
}
.ck[dir=rtl] .ck-widget.ck-widget_with-selection-handle .ck-widget__type-around > .ck-widget__type-around__button_before {
  margin-left: 0;
  margin-right: 20px;
}
.ck-editor__nested-editable.ck-editor__editable_selected .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button,
.ck-editor__nested-editable.ck-editor__editable_selected .ck-widget:hover > .ck-widget__type-around > .ck-widget__type-around__button {
  opacity: 0;
  pointer-events: none;
}
.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button:not(:hover) {
  background: var(--ck-color-widget-type-around-button-blurred-editable);
}
.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button:not(:hover) svg * {
  stroke: hsl(0, 0%, 60%);
}
@keyframes ck-widget-type-around-arrow-dash {
  0% {
    stroke-dashoffset: 10;
  }
  20%, 100% {
    stroke-dashoffset: 0;
  }
}
@keyframes ck-widget-type-around-arrow-tip-dash {
  0%, 20% {
    stroke-dashoffset: 7;
  }
  40%, 100% {
    stroke-dashoffset: 0;
  }
}
@keyframes ck-widget-type-around-button-sonar {
  0% {
    box-shadow: 0 0 0 0 hsla(var(--ck-color-focus-border-coordinates), var(--ck-color-widget-type-around-button-radar-start-alpha));
  }
  50% {
    box-shadow: 0 0 0 5px hsla(var(--ck-color-focus-border-coordinates), var(--ck-color-widget-type-around-button-radar-end-alpha));
  }
  100% {
    box-shadow: 0 0 0 5px hsla(var(--ck-color-focus-border-coordinates), var(--ck-color-widget-type-around-button-radar-start-alpha));
  }
}
@keyframes ck-widget-type-around-fake-caret-pulse {
  0% {
    opacity: 1;
  }
  49% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  99% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.ck-content code {
  background-color: hsla(0, 0%, 78%, 0.3);
  padding: .15em;
  border-radius: 2px;
}
.ck.ck-editor__editable .ck-code_selected {
  background-color: hsla(0, 0%, 78%, 0.5);
}
.ck-content blockquote {
  overflow: hidden;
  padding-right: 1.5em;
  padding-left: 1.5em;
  margin-left: 0;
  margin-right: 0;
  font-style: italic;
  border-left: solid 5px hsl(0, 0%, 80%);
}
.ck-content[dir=rtl] blockquote {
  border-left: 0;
  border-right: solid 5px hsl(0, 0%, 80%);
}
:root {
  --ck-bookmark-icon-hover-fill-color: var(--ck-color-widget-hover-border);
  --ck-bookmark-icon-selected-fill-color: var(--ck-color-focus-border);
  --ck-bookmark-icon-animation-duration: var(--ck-widget-handler-animation-duration);
  --ck-bookmark-icon-animation-curve: var(--ck-widget-handler-animation-curve);
}
.ck-bookmark.ck-widget {
  outline: none;
}
.ck-bookmark.ck-widget .ck-bookmark__icon .ck-icon__fill {
  transition: fill var(--ck-bookmark-icon-animation-duration) var(--ck-bookmark-icon-animation-curve);
}
.ck-bookmark.ck-widget:hover .ck-bookmark__icon .ck-icon__fill {
  fill: var(--ck-bookmark-icon-hover-fill-color);
}
.ck-bookmark.ck-widget.ck-widget_selected .ck-bookmark__icon .ck-icon__fill {
  fill: var(--ck-bookmark-icon-selected-fill-color);
}
.ck-bookmark.ck-widget.ck-widget_selected,
.ck-bookmark.ck-widget.ck-widget_selected:hover {
  outline: none;
}
.ck-bookmark.ck-widget .ck-bookmark__icon {
  position: relative;
  top: -0.1em;
}
.ck-bookmark.ck-widget .ck-bookmark__icon .ck-icon {
  height: 1.2em;
  width: auto;
  vertical-align: middle;
}
.ck.ck-bookmark-view:focus {
  outline: none;
}
.ck.ck-bookmark-form {
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 600px) {
  .ck.ck-bookmark-form {
    flex-wrap: wrap;
  }
  .ck.ck-bookmark-form .ck-button,
  .ck.ck-bookmark-form .ck-labeled-field-view {
    flex-basis: 100%;
  }
  .ck.ck-bookmark-form .ck-button {
    justify-content: center;
  }
}
@media screen and (max-width: 600px) {
  .ck.ck-bookmark-form.ck-responsive-form > .ck-button:nth-last-child(1) {
    margin: var(--ck-spacing-large);
    padding: 0 var(--ck-spacing-standard);
    border-radius: var(--ck-border-radius);
  }
}
.ck.ck-bookmark-actions {
  display: flex;
  align-items: center;
}
.ck.ck-bookmark-actions .ck-bookmark-actions__preview {
  max-width: var(--ck-input-width);
  min-width: 3em;
  font-weight: normal;
  text-overflow: ellipsis;
  text-align: center;
  overflow: hidden;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}
@media screen and (max-width: 600px) {
  .ck.ck-bookmark-actions {
    display: flex;
    flex-wrap: wrap;
  }
  .ck.ck-bookmark-actions .ck-bookmark-actions__preview {
    flex-basis: 100%;
    margin: var(--ck-spacing-standard) var(--ck-spacing-standard) 0;
    min-width: auto;
  }
}
@media screen and (max-width: 600px) {
  .ck.ck-bookmark-actions.ck-responsive-form .ck-button {
    flex-basis: 50%;
    margin-top: var(--ck-spacing-standard);
  }
}
:root {
  --ck-image-processing-highlight-color: hsl(220, 10%, 98%);
  --ck-image-processing-background-color: hsl(220, 10%, 90%);
}
.ck.ck-editor__editable .image.image-processing {
  position: relative;
}
.ck.ck-editor__editable .image.image-processing:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  height: 100%;
  width: 100%;
  background:
    linear-gradient(
      90deg,
      var(--ck-image-processing-background-color),
      var(--ck-image-processing-highlight-color),
      var(--ck-image-processing-background-color));
  background-size: 200% 100%;
  animation: ck-image-processing-animation 2s linear infinite;
}
.ck.ck-editor__editable .image.image-processing img {
  height: 100%;
}
@keyframes ck-image-processing-animation {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
.ck.ck-editor__editable .ck.ck-clipboard-drop-target-position {
  display: inline;
  position: relative;
  pointer-events: none;
}
.ck.ck-editor__editable .ck.ck-clipboard-drop-target-position span {
  position: absolute;
  width: 0;
}
.ck.ck-editor__editable .ck-widget:-webkit-drag > .ck-widget__selection-handle {
  display: none;
}
.ck.ck-editor__editable .ck-widget:-webkit-drag > .ck-widget__type-around {
  display: none;
}
.ck.ck-clipboard-drop-target-line {
  position: absolute;
  pointer-events: none;
}
.ck-content pre {
  padding: 1em;
  color: hsl(0, 0%, 20.8%);
  background: hsla(0, 0%, 78%, 0.3);
  border: 1px solid hsl(0, 0%, 77%);
  border-radius: 2px;
  text-align: left;
  direction: ltr;
  tab-size: 4;
  white-space: pre-wrap;
  font-style: normal;
  min-width: 200px;
}
.ck-content pre code {
  background: unset;
  padding: 0;
  border-radius: 0;
}
.ck.ck-editor__editable pre {
  position: relative;
}
.ck.ck-editor__editable pre[data-language]::after {
  content: attr(data-language);
  position: absolute;
}
.ck.ck-editor {
  position: relative;
}
.ck.ck-editor .ck-editor__top .ck-sticky-panel .ck-toolbar {
  z-index: var(--ck-z-panel);
}
.ck.ck-menu-bar {
  border: none;
  border-bottom: 1px solid var(--ck-color-toolbar-border);
}
:root {
  --ck-emoji-grid-tile-size: 27px;
}
.ck.ck-emoji .ck.ck-emoji__tiles {
  max-width: 100%;
  max-height: min(265px, 40vh);
  overflow-y: auto;
  overflow-x: hidden;
  border-top: 1px solid var(--ck-color-base-border);
}
.ck.ck-emoji .ck.ck-emoji__tiles .ck-emoji__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(var(--ck-emoji-grid-tile-size), 1fr));
  margin: var(--ck-spacing-standard) var(--ck-spacing-large);
  grid-gap: var(--ck-spacing-small);
}
.ck.ck-emoji .ck.ck-emoji__tiles .ck-emoji__tile {
  width: var(--ck-emoji-grid-tile-size);
  height: var(--ck-emoji-grid-tile-size);
  min-width: var(--ck-emoji-grid-tile-size);
  min-height: var(--ck-emoji-grid-tile-size);
  font-size: 1.5em;
  padding: 0;
  transition: .2s ease box-shadow;
  border: 0;
}
@media (prefers-reduced-motion: reduce) {
  .ck.ck-emoji .ck.ck-emoji__tiles .ck-emoji__tile {
    transition: none;
  }
}
.ck.ck-emoji .ck.ck-emoji__tiles .ck-emoji__tile:focus:not(.ck-disabled),
.ck.ck-emoji .ck.ck-emoji__tiles .ck-emoji__tile:hover:not(.ck-disabled) {
  border: 0;
  box-shadow: inset 0 0 0 1px var(--ck-color-base-background), 0 0 0 2px var(--ck-color-focus-border);
}
.ck.ck-emoji .ck.ck-emoji__tiles .ck-emoji__tile .ck-button__label {
  line-height: var(--ck-emoji-grid-tile-size);
  width: 100%;
  text-align: center;
}
.ck.ck-emoji__categories-list {
  display: flex;
  justify-content: space-between;
  margin: 0 var(--ck-spacing-large);
}
.ck.ck-emoji__categories-list > .ck.ck-button.ck-button_with-text {
  border-width: 0;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: transparent;
  padding: 0;
  font-size: var(--ck-font-size-big);
  min-width: var(--ck-font-size-big);
  min-height: var(--ck-font-size-big);
}
.ck.ck-emoji__categories-list > .ck.ck-button.ck-button_with-text.ck-emoji__category-item.ck-on {
  border-bottom-color: var(--ck-color-base-active);
}
.ck.ck-emoji__categories-list > .ck.ck-button.ck-button_with-text > span {
  margin: auto;
}
.ck.ck-emoji__skin-tone {
  margin-left: var(--ck-spacing-standard);
}
.ck.ck-emoji__skin-tone > .ck.ck-dropdown .ck.ck-list__item {
  min-width: 1em;
}
.ck.ck-emoji__skin-tone > .ck.ck-dropdown .ck-button.ck-dropdown__button .ck-button__label {
  width: initial;
}
.ck.ck-emoji {
  width: 320px;
}
.ck .ck.ck-emoji__search {
  display: flex;
  padding: var(--ck-spacing-large);
  padding-bottom: var(--ck-spacing-medium);
  justify-content: space-between;
  align-items: center;
}
.ck .ck-fake-emoji-selection {
  background: var(--ck-color-link-fake-selection);
}
.ck .ck-fake-emoji-selection_collapsed {
  height: 100%;
  border-right: 1px solid var(--ck-color-base-text);
  margin-right: -1px;
  outline: solid 1px hsla(0, 0%, 100%, .5);
}
.ck.ck-placeholder,
.ck .ck-placeholder {
  position: relative;
}
.ck.ck-placeholder::before,
.ck .ck-placeholder::before {
  position: absolute;
  left: 0;
  right: 0;
  content: attr(data-placeholder);
  pointer-events: none;
}
.ck.ck-read-only .ck-placeholder::before {
  display: none;
}
.ck.ck-reset_all .ck-placeholder {
  position: relative;
}
.ck.ck-editor__editable span[data-ck-unsafe-element] {
  display: none;
}
.ck-find-result {
  background: var(--ck-color-highlight-background);
  color: var(--ck-color-text);
}
.ck-find-result_selected {
  background: hsl(29, 100%, 60%);
}
.ck.ck-find-and-replace-form {
  max-width: 100%;
}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs,
.ck.ck-find-and-replace-form .ck-find-and-replace-form__actions {
  display: flex;
}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs.ck-find-and-replace-form__inputs .ck-results-counter,
.ck.ck-find-and-replace-form .ck-find-and-replace-form__actions.ck-find-and-replace-form__inputs .ck-results-counter {
  position: absolute;
}
.ck-content .text-tiny {
  font-size: .7em;
}
.ck-content .text-small {
  font-size: .85em;
}
.ck-content .text-big {
  font-size: 1.4em;
}
.ck-content .text-huge {
  font-size: 1.8em;
}
.ck.ck-heading_heading1 .ck-button__label {
  font-size: 20px;
}
.ck.ck-heading_heading2 .ck-button__label {
  font-size: 17px;
}
.ck.ck-heading_heading3 .ck-button__label {
  font-size: 14px;
}
.ck[class*=ck-heading_heading] {
  font-weight: bold;
}
:root {
  --ck-highlight-marker-yellow: hsl(60, 97%, 73%);
  --ck-highlight-marker-green: hsl(120, 93%, 68%);
  --ck-highlight-marker-pink: hsl(345, 96%, 73%);
  --ck-highlight-marker-blue: hsl(201, 97%, 72%);
  --ck-highlight-pen-red: hsl(0, 85%, 49%);
  --ck-highlight-pen-green: hsl(112, 100%, 27%);
}
.ck-content .marker-yellow {
  background-color: var(--ck-highlight-marker-yellow);
}
.ck-content .marker-green {
  background-color: var(--ck-highlight-marker-green);
}
.ck-content .marker-pink {
  background-color: var(--ck-highlight-marker-pink);
}
.ck-content .marker-blue {
  background-color: var(--ck-highlight-marker-blue);
}
.ck-content .pen-red {
  color: var(--ck-highlight-pen-red);
  background-color: transparent;
}
.ck-content .pen-green {
  color: var(--ck-highlight-pen-green);
  background-color: transparent;
}
.ck-editor__editable .ck-horizontal-line {
  display: flow-root;
}
.ck-content hr {
  margin: 15px 0;
  height: 4px;
  background: hsl(0, 0%, 87%);
  border: 0;
}
.ck-widget.raw-html-embed {
  margin: 0.9em auto;
  position: relative;
  display: flow-root;
  min-width: 15em;
  font-style: normal;
}
.ck-widget.raw-html-embed::before {
  position: absolute;
  z-index: 1;
}
.ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper {
  position: absolute;
  display: flex;
  flex-direction: column;
}
.ck-widget.raw-html-embed .raw-html-embed__preview {
  position: relative;
  overflow: hidden;
  display: flex;
}
.ck-widget.raw-html-embed .raw-html-embed__preview-content {
  width: 100%;
  position: relative;
  margin: auto;
  display: table;
  border-collapse: separate;
  border-spacing: 7px;
}
.ck-widget.raw-html-embed .raw-html-embed__preview-placeholder {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
:root {
  --ck-html-object-embed-unfocused-outline-width: 1px;
}
.ck-widget.html-object-embed {
  font-size: var(--ck-font-size-base);
  background-color: var(--ck-color-base-foreground);
  padding: var(--ck-spacing-small);
  padding-top: calc(var(--ck-font-size-tiny) + var(--ck-spacing-large));
  min-width: calc(76px + var(--ck-spacing-standard));
}
.ck-widget.html-object-embed:not(.ck-widget_selected):not(:hover) {
  outline: var(--ck-html-object-embed-unfocused-outline-width) dashed var(--ck-color-widget-blurred-border);
}
.ck-widget.html-object-embed::before {
  font-weight: normal;
  font-style: normal;
  position: absolute;
  content: attr(data-html-object-embed-label);
  top: 0;
  left: var(--ck-spacing-standard);
  background: hsl(0deg 0% 60%);
  transition: background var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve);
  padding: calc(var(--ck-spacing-tiny) + var(--ck-html-object-embed-unfocused-outline-width)) var(--ck-spacing-small) var(--ck-spacing-tiny);
  border-radius: 0 0 var(--ck-border-radius) var(--ck-border-radius);
  color: var(--ck-color-base-background);
  font-size: var(--ck-font-size-tiny);
  font-family: var(--ck-font-face);
}
.ck-widget.html-object-embed .ck-widget__type-around .ck-widget__type-around__button.ck-widget__type-around__button_before {
  margin-left: 50px;
}
.ck-widget.html-object-embed .html-object-embed__content {
  pointer-events: none;
}
div.ck-widget.html-object-embed {
  margin: 1em auto;
}
span.ck-widget.html-object-embed {
  display: inline-block;
}
:root {
  --ck-color-image-caption-background: hsl(0, 0%, 97%);
  --ck-color-image-caption-text: hsl(0, 0%, 20%);
  --ck-color-image-caption-highlighted-background: hsl(52deg 100% 50%);
}
.ck-content .image > figcaption {
  display: table-caption;
  caption-side: bottom;
  word-break: break-word;
  color: var(--ck-color-image-caption-text);
  background-color: var(--ck-color-image-caption-background);
  padding: .6em;
  font-size: .75em;
  outline-offset: -1px;
}
@media (forced-colors: active) {
  .ck-content .image > figcaption {
    background-color: unset;
    color: unset;
  }
}
@media (forced-colors: none) {
  .ck.ck-editor__editable .image > figcaption.image__caption_highlighted {
    animation: ck-image-caption-highlight .6s ease-out;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ck.ck-editor__editable .image > figcaption.image__caption_highlighted {
    animation: none;
  }
}
@keyframes ck-image-caption-highlight {
  0% {
    background-color: var(--ck-color-image-caption-highlighted-background);
  }
  100% {
    background-color: var(--ck-color-image-caption-background);
  }
}
.ck.ck-image-insert-url {
  width: 400px;
  padding: var(--ck-spacing-large) var(--ck-spacing-large) 0;
}
.ck.ck-image-insert-url .ck-image-insert-url__action-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.ck-content img.image_resized {
  height: auto;
}
.ck-content .image.image_resized {
  max-width: 100%;
  display: block;
  box-sizing: border-box;
}
.ck-content .image.image_resized img {
  width: 100%;
}
.ck-content .image.image_resized > figcaption {
  display: block;
}
.ck.ck-editor__editable td .image-inline.image_resized img,
.ck.ck-editor__editable th .image-inline.image_resized img {
  max-width: 100%;
}
[dir=ltr] .ck.ck-button.ck-button_with-text.ck-resize-image-button .ck-button__icon {
  margin-right: var(--ck-spacing-standard);
}
[dir=rtl] .ck.ck-button.ck-button_with-text.ck-resize-image-button .ck-button__icon {
  margin-left: var(--ck-spacing-standard);
}
.ck.ck-dropdown .ck-button.ck-resize-image-button .ck-button__label {
  width: 4em;
}
.ck.ck-image-custom-resize-form {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
}
.ck.ck-image-custom-resize-form .ck-labeled-field-view {
  display: inline-block;
}
.ck.ck-image-custom-resize-form .ck-label {
  display: none;
}
@media screen and (max-width: 600px) {
  .ck.ck-image-custom-resize-form {
    flex-wrap: wrap;
  }
  .ck.ck-image-custom-resize-form .ck-labeled-field-view {
    flex-basis: 100%;
  }
  .ck.ck-image-custom-resize-form .ck-button {
    flex-basis: 50%;
  }
}
:root {
  --ck-image-style-spacing: 1.5em;
  --ck-inline-image-style-spacing: calc(var(--ck-image-style-spacing) / 2);
}
.ck-content .image.image-style-block-align-left,
.ck-content .image.image-style-block-align-right {
  max-width: calc(100% - var(--ck-image-style-spacing));
}
.ck-content .image.image-style-align-left,
.ck-content .image.image-style-align-right {
  clear: none;
}
.ck-content .image.image-style-side {
  float: right;
  margin-left: var(--ck-image-style-spacing);
  max-width: 50%;
}
.ck-content .image.image-style-align-left {
  float: left;
  margin-right: var(--ck-image-style-spacing);
}
.ck-content .image.image-style-align-right {
  float: right;
  margin-left: var(--ck-image-style-spacing);
}
.ck-content .image.image-style-block-align-right {
  margin-right: 0;
  margin-left: auto;
}
.ck-content .image.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}
.ck-content .image-style-align-center {
  margin-left: auto;
  margin-right: auto;
}
.ck-content .image-style-align-left {
  float: left;
  margin-right: var(--ck-image-style-spacing);
}
.ck-content .image-style-align-right {
  float: right;
  margin-left: var(--ck-image-style-spacing);
}
.ck-content p + .image.image-style-align-left,
.ck-content p + .image.image-style-align-right,
.ck-content p + .image.image-style-side {
  margin-top: 0;
}
.ck-content .image-inline.image-style-align-left,
.ck-content .image-inline.image-style-align-right {
  margin-top: var(--ck-inline-image-style-spacing);
  margin-bottom: var(--ck-inline-image-style-spacing);
}
.ck-content .image-inline.image-style-align-left {
  margin-right: var(--ck-inline-image-style-spacing);
}
.ck-content .image-inline.image-style-align-right {
  margin-left: var(--ck-inline-image-style-spacing);
}
.ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__action:not(.ck-disabled),
.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open > .ck-splitbutton__action:not(.ck-disabled),
.ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__arrow:not(.ck-disabled),
.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled),
.ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__arrow:not(.ck-disabled):not(:hover),
.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled):not(:hover) {
  background-color: var(--ck-color-button-on-background);
}
.ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__action:not(.ck-disabled)::after,
.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open > .ck-splitbutton__action:not(.ck-disabled)::after,
.ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__arrow:not(.ck-disabled)::after,
.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled)::after,
.ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__arrow:not(.ck-disabled):not(:hover)::after,
.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled):not(:hover)::after {
  display: none;
}
.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open:hover > .ck-splitbutton__action:not(.ck-disabled),
.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open:hover > .ck-splitbutton__arrow:not(.ck-disabled),
.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open:hover > .ck-splitbutton__arrow:not(.ck-disabled):not(:hover) {
  background-color: var(--ck-color-button-on-hover-background);
}
.ck.ck-text-alternative-form {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.ck.ck-text-alternative-form .ck-labeled-field-view {
  display: inline-block;
}
.ck.ck-text-alternative-form .ck-label {
  display: none;
}
@media screen and (max-width: 600px) {
  .ck.ck-text-alternative-form {
    flex-wrap: wrap;
  }
  .ck.ck-text-alternative-form .ck-labeled-field-view {
    flex-basis: 100%;
  }
  .ck.ck-text-alternative-form .ck-button {
    flex-basis: 50%;
  }
}
.ck.ck-editor__editable .image,
.ck.ck-editor__editable .image-inline {
  position: relative;
}
.ck.ck-editor__editable .image .ck-progress-bar,
.ck.ck-editor__editable .image-inline .ck-progress-bar {
  position: absolute;
  top: 0;
  left: 0;
}
.ck-image-upload-complete-icon {
  display: block;
  position: absolute;
  top: min(var(--ck-spacing-medium), 6%);
  right: min(var(--ck-spacing-medium), 6%);
  border-radius: 50%;
  z-index: 1;
}
.ck-image-upload-complete-icon::after {
  content: "";
  position: absolute;
}
.ck .ck-upload-placeholder-loader {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
}
.ck .ck-upload-placeholder-loader::before {
  content: "";
  position: relative;
}
.ck-content .image {
  display: table;
  clear: both;
  text-align: center;
  margin: 0.9em auto;
  min-width: 50px;
}
.ck-content .image img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  min-width: 100%;
  height: auto;
}
.ck-content .image-inline {
  display: inline-flex;
  max-width: 100%;
  align-items: flex-start;
}
.ck-content .image-inline picture {
  display: flex;
}
.ck-content .image-inline picture,
.ck-content .image-inline img {
  flex-grow: 1;
  flex-shrink: 1;
  max-width: 100%;
}
.ck.ck-editor__editable .image > figcaption.ck-placeholder::before {
  padding-left: inherit;
  padding-right: inherit;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ck.ck-editor__editable .image {
  z-index: 1;
}
.ck.ck-editor__editable .image.ck-widget_selected {
  z-index: 2;
}
.ck.ck-editor__editable .image-inline {
  z-index: 1;
}
.ck.ck-editor__editable .image-inline.ck-widget_selected {
  z-index: 2;
}
.ck.ck-editor__editable .image-inline.ck-widget_selected ::selection {
  display: none;
}
.ck.ck-editor__editable .image-inline img {
  height: auto;
}
.ck.ck-editor__editable td .image-inline img,
.ck.ck-editor__editable th .image-inline img {
  max-width: none;
}
.ck.ck-editor__editable img.image_placeholder {
  background-size: 100% 100%;
}
.ck.ck-editor__editable figure.image > a::after,
.ck.ck-editor__editable a span.image-inline::after {
  display: block;
  position: absolute;
}
.ck.ck-link-actions {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.ck.ck-link-actions .ck-link-actions__preview {
  display: inline-block;
}
.ck.ck-link-actions .ck-link-actions__preview .ck-button__label {
  overflow: hidden;
}
@media screen and (max-width: 600px) {
  .ck.ck-link-actions {
    flex-wrap: wrap;
  }
  .ck.ck-link-actions .ck-link-actions__preview {
    flex-basis: 100%;
  }
  .ck.ck-link-actions .ck-button:not(.ck-link-actions__preview) {
    flex-basis: 50%;
  }
}
.ck.ck-link-form {
  display: flex;
  align-items: flex-start;
}
.ck.ck-link-form .ck-label {
  display: none;
}
@media screen and (max-width: 600px) {
  .ck.ck-link-form {
    flex-wrap: wrap;
  }
  .ck.ck-link-form .ck-labeled-field-view {
    flex-basis: 100%;
  }
  .ck.ck-link-form .ck-button {
    flex-basis: 50%;
  }
}
.ck.ck-link-form_layout-vertical {
  display: block;
}
.ck.ck-link-form_layout-vertical .ck-button.ck-button-save,
.ck.ck-link-form_layout-vertical .ck-button.ck-button-cancel {
  margin-top: var(--ck-spacing-medium);
}
.ck-editor__editable .ck-list-bogus-paragraph {
  display: block;
}
.ck.ck-list-styles-list {
  display: grid;
}
.ck-content ol {
  list-style-type: decimal;
}
.ck-content ol ol {
  list-style-type: lower-latin;
}
.ck-content ol ol ol {
  list-style-type: lower-roman;
}
.ck-content ol ol ol ol {
  list-style-type: upper-latin;
}
.ck-content ol ol ol ol ol {
  list-style-type: upper-roman;
}
.ck-content ul {
  list-style-type: disc;
}
.ck-content ul ul {
  list-style-type: circle;
}
.ck-content ul ul ul {
  list-style-type: square;
}
.ck-content ul ul ul ul {
  list-style-type: square;
}
:root {
  --ck-todo-list-checkmark-size: 16px;
}
.ck-content .todo-list {
  list-style: none;
}
.ck-content .todo-list li {
  position: relative;
  margin-bottom: 5px;
}
.ck-content .todo-list li .todo-list {
  margin-top: 5px;
}
.ck-content .todo-list .todo-list__label > input {
  -webkit-appearance: none;
  display: inline-block;
  position: relative;
  width: var(--ck-todo-list-checkmark-size);
  height: var(--ck-todo-list-checkmark-size);
  vertical-align: middle;
  border: 0;
  left: -25px;
  margin-right: -15px;
  right: 0;
  margin-left: 0;
}
.ck-content[dir=rtl] .todo-list .todo-list__label > input {
  left: 0;
  margin-right: 0;
  right: -25px;
  margin-left: -15px;
}
.ck-content .todo-list .todo-list__label > input::before {
  display: block;
  position: absolute;
  box-sizing: border-box;
  content: "";
  width: 100%;
  height: 100%;
  border: 1px solid hsl(0, 0%, 20%);
  border-radius: 2px;
  transition: 250ms ease-in-out box-shadow;
}
@media (prefers-reduced-motion: reduce) {
  .ck-content .todo-list .todo-list__label > input::before {
    transition: none;
  }
}
.ck-content .todo-list .todo-list__label > input::after {
  display: block;
  position: absolute;
  box-sizing: content-box;
  pointer-events: none;
  content: "";
  left: calc(var(--ck-todo-list-checkmark-size) / 3);
  top: calc(var(--ck-todo-list-checkmark-size) / 5.3);
  width: calc(var(--ck-todo-list-checkmark-size) / 5.3);
  height: calc(var(--ck-todo-list-checkmark-size) / 2.6);
  border-style: solid;
  border-color: transparent;
  border-width: 0 calc(var(--ck-todo-list-checkmark-size) / 8) calc(var(--ck-todo-list-checkmark-size) / 8) 0;
  transform: rotate(45deg);
}
.ck-content .todo-list .todo-list__label > input[checked]::before {
  background: hsl(126, 64%, 41%);
  border-color: hsl(126, 64%, 41%);
}
.ck-content .todo-list .todo-list__label > input[checked]::after {
  border-color: hsl(0, 0%, 100%);
}
.ck-content .todo-list .todo-list__label .todo-list__label__description {
  vertical-align: middle;
}
.ck-content .todo-list .todo-list__label.todo-list__label_without-description input[type=checkbox] {
  position: absolute;
}
.ck-editor__editable.ck-content .todo-list .todo-list__label > input,
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input {
  cursor: pointer;
}
.ck-editor__editable.ck-content .todo-list .todo-list__label > input:hover::before,
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input:hover::before {
  box-shadow: 0 0 0 5px hsla(0, 0%, 0%, 0.1);
}
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input {
  -webkit-appearance: none;
  display: inline-block;
  position: relative;
  width: var(--ck-todo-list-checkmark-size);
  height: var(--ck-todo-list-checkmark-size);
  vertical-align: middle;
  border: 0;
  left: -25px;
  margin-right: -15px;
  right: 0;
  margin-left: 0;
}
.ck-editor__editable.ck-content[dir=rtl] .todo-list .todo-list__label > span[contenteditable=false] > input {
  left: 0;
  margin-right: 0;
  right: -25px;
  margin-left: -15px;
}
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input::before {
  display: block;
  position: absolute;
  box-sizing: border-box;
  content: "";
  width: 100%;
  height: 100%;
  border: 1px solid hsl(0, 0%, 20%);
  border-radius: 2px;
  transition: 250ms ease-in-out box-shadow;
}
@media (prefers-reduced-motion: reduce) {
  .ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input::before {
    transition: none;
  }
}
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input::after {
  display: block;
  position: absolute;
  box-sizing: content-box;
  pointer-events: none;
  content: "";
  left: calc(var(--ck-todo-list-checkmark-size) / 3);
  top: calc(var(--ck-todo-list-checkmark-size) / 5.3);
  width: calc(var(--ck-todo-list-checkmark-size) / 5.3);
  height: calc(var(--ck-todo-list-checkmark-size) / 2.6);
  border-style: solid;
  border-color: transparent;
  border-width: 0 calc(var(--ck-todo-list-checkmark-size) / 8) calc(var(--ck-todo-list-checkmark-size) / 8) 0;
  transform: rotate(45deg);
}
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input[checked]::before {
  background: hsl(126, 64%, 41%);
  border-color: hsl(126, 64%, 41%);
}
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input[checked]::after {
  border-color: hsl(0, 0%, 100%);
}
.ck-editor__editable.ck-content .todo-list .todo-list__label.todo-list__label_without-description input[type=checkbox] {
  position: absolute;
}
.ck-content .media {
  clear: both;
  margin: 0.9em 0;
  display: block;
  min-width: 15em;
}
.ck-media__wrapper .ck-media__placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__url {
  max-width: 100%;
  position: relative;
}
.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__url .ck-media__placeholder__url__text {
  overflow: hidden;
  display: block;
}
.ck-media__wrapper[data-oembed-url*="twitter.com"] .ck-media__placeholder__icon *,
.ck-media__wrapper[data-oembed-url*="google.com/maps"] .ck-media__placeholder__icon *,
.ck-media__wrapper[data-oembed-url*="goo.gl/maps"] .ck-media__placeholder__icon *,
.ck-media__wrapper[data-oembed-url*="maps.google.com"] .ck-media__placeholder__icon *,
.ck-media__wrapper[data-oembed-url*="maps.app.goo.gl"] .ck-media__placeholder__icon *,
.ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder__icon *,
.ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder__icon * {
  display: none;
}
.ck-editor__editable:not(.ck-read-only) .ck-media__wrapper > *:not(.ck-media__placeholder) {
  pointer-events: none;
}
.ck-editor__editable:not(.ck-read-only) .ck-widget:not(.ck-widget_selected) .ck-media__placeholder {
  pointer-events: none;
}
.ck-vertical-form .ck-button::after {
  content: "";
  width: 0;
  position: absolute;
  right: -1px;
  top: -1px;
  bottom: -1px;
  z-index: 1;
}
.ck-vertical-form .ck-button:focus::after {
  display: none;
}
@media screen and (max-width: 600px) {
  .ck.ck-responsive-form .ck-button::after {
    content: "";
    width: 0;
    position: absolute;
    right: -1px;
    top: -1px;
    bottom: -1px;
    z-index: 1;
  }
  .ck.ck-responsive-form .ck-button:focus::after {
    display: none;
  }
}
.ck.ck-media-form {
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 400px;
}
.ck.ck-media-form .ck-labeled-field-view {
  display: inline-block;
  width: 100%;
}
.ck.ck-media-form .ck-label {
  display: none;
}
.ck.ck-media-form .ck-input {
  width: 100%;
}
@media screen and (max-width: 600px) {
  .ck.ck-media-form {
    flex-wrap: wrap;
  }
  .ck.ck-media-form .ck-labeled-field-view {
    flex-basis: 100%;
  }
  .ck.ck-media-form .ck-button {
    flex-basis: 50%;
  }
}
:root {
  --ck-mention-list-max-height: 300px;
}
.ck.ck-mentions {
  max-height: var(--ck-mention-list-max-height);
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
}
.ck.ck-mentions > .ck-list__item {
  overflow: hidden;
  flex-shrink: 0;
}
:root {
  --ck-color-minimap-tracker-background:
    208,
    0%,
    51%;
  --ck-color-minimap-iframe-outline: hsl(0deg 0% 75%);
  --ck-color-minimap-iframe-shadow: hsl(0deg 0% 0% / 11%);
  --ck-color-minimap-progress-background: hsl(0,0%,40%);
}
.ck.ck-minimap {
  position: absolute;
  -webkit-user-select: none;
  user-select: none;
  background: var(--ck-color-base-background);
}
.ck.ck-minimap,
.ck.ck-minimap iframe {
  width: 100%;
  height: 100%;
}
.ck.ck-minimap iframe {
  border: 0;
  pointer-events: none;
  position: relative;
  outline: 1px solid var(--ck-color-minimap-iframe-outline);
  box-shadow: 0 2px 5px var(--ck-color-minimap-iframe-shadow);
  margin: 0;
}
.ck.ck-minimap .ck.ck-minimap__position-tracker {
  position: absolute;
  width: 100%;
  top: 0;
  background: hsla(var(--ck-color-minimap-tracker-background), .2);
  z-index: 1;
  transition: background 100ms ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .ck.ck-minimap .ck.ck-minimap__position-tracker {
    transition: none;
  }
}
.ck.ck-minimap .ck.ck-minimap__position-tracker:hover {
  background: hsla(var(--ck-color-minimap-tracker-background), .3);
}
.ck.ck-minimap .ck.ck-minimap__position-tracker.ck-minimap__position-tracker_dragging,
.ck.ck-minimap .ck.ck-minimap__position-tracker.ck-minimap__position-tracker_dragging:hover {
  background: hsla(var(--ck-color-minimap-tracker-background), .4);
}
.ck.ck-minimap .ck.ck-minimap__position-tracker.ck-minimap__position-tracker_dragging::after,
.ck.ck-minimap .ck.ck-minimap__position-tracker.ck-minimap__position-tracker_dragging:hover::after {
  opacity: 1;
}
.ck.ck-minimap .ck.ck-minimap__position-tracker::after {
  content: attr(data-progress) "%";
  position: absolute;
  top: 5px;
  right: 5px;
  background: var(--ck-color-minimap-progress-background);
  color: var(--ck-color-base-background);
  border: 1px solid var(--ck-color-base-background);
  padding: 2px 4px;
  font-size: 10px;
  border-radius: 3px;
  opacity: 0;
  transition: opacity 100ms ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .ck.ck-minimap .ck.ck-minimap__position-tracker::after {
    transition: none;
  }
}
.ck-content .page-break {
  position: relative;
  clear: both;
  padding: 5px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ck-content .page-break::after {
  content: "";
  position: absolute;
  border-bottom: 2px dashed hsl(0, 0%, 77%);
  width: 100%;
}
.ck-content .page-break__label {
  position: relative;
  z-index: 1;
  padding: .3em .6em;
  display: block;
  text-transform: uppercase;
  border: 1px solid hsl(0, 0%, 77%);
  border-radius: 2px;
  font-family:
    Helvetica,
    Arial,
    Tahoma,
    Verdana,
    Sans-Serif;
  font-size: 0.75em;
  font-weight: bold;
  color: hsl(0, 0%, 20%);
  background: hsl(0, 0%, 100%);
  box-shadow: 2px 2px 1px hsla(0, 0%, 0%, 0.15);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media print {
  .ck-content .page-break {
    padding: 0;
  }
  .ck-content .page-break::after {
    display: none;
  }
  .ck-content *:has(+ .page-break) {
    margin-bottom: 0;
  }
}
:root {
  --ck-show-blocks-border-color: hsl(0, 0%, 46%);
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) address {
  background-repeat: no-repeat;
  padding-top: 15px;
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) address {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>ADDRESS</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) address {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>ADDRESS</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) address:not(.ck-widget_selected):not(.ck-widget:hover) {
  outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) address {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>ADDRESS</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) address {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>ADDRESS</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) aside {
  background-repeat: no-repeat;
  padding-top: 15px;
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) aside {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>ASIDE</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) aside {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>ASIDE</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) aside:not(.ck-widget_selected):not(.ck-widget:hover) {
  outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) aside {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>ASIDE</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) aside {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>ASIDE</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) blockquote {
  background-repeat: no-repeat;
  padding-top: 15px;
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) blockquote {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>BLOCKQUOTE</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) blockquote {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>BLOCKQUOTE</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) blockquote:not(.ck-widget_selected):not(.ck-widget:hover) {
  outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) blockquote {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>BLOCKQUOTE</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) blockquote {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>BLOCKQUOTE</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) details {
  background-repeat: no-repeat;
  padding-top: 15px;
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) details {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>DETAILS</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) details {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>DETAILS</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) details:not(.ck-widget_selected):not(.ck-widget:hover) {
  outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) details {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>DETAILS</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) details {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>DETAILS</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) div:not(.ck-widget, .ck-widget *) {
  background-repeat: no-repeat;
  padding-top: 15px;
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) div:not(.ck-widget, .ck-widget *) {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>DIV</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) div:not(.ck-widget, .ck-widget *) {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>DIV</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) div:not(.ck-widget, .ck-widget *):not(.ck-widget_selected):not(.ck-widget:hover) {
  outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) div:not(.ck-widget, .ck-widget *) {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>DIV</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) div:not(.ck-widget, .ck-widget *) {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>DIV</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) footer {
  background-repeat: no-repeat;
  padding-top: 15px;
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) footer {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>FOOTER</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) footer {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>FOOTER</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) footer:not(.ck-widget_selected):not(.ck-widget:hover) {
  outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) footer {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>FOOTER</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) footer {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>FOOTER</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h1 {
  background-repeat: no-repeat;
  padding-top: 15px;
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h1 {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H1</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h1 {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H1</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h1:not(.ck-widget_selected):not(.ck-widget:hover) {
  outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h1 {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H1</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h1 {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H1</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h2 {
  background-repeat: no-repeat;
  padding-top: 15px;
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h2 {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H2</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h2 {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H2</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h2:not(.ck-widget_selected):not(.ck-widget:hover) {
  outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h2 {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H2</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h2 {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H2</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h3 {
  background-repeat: no-repeat;
  padding-top: 15px;
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h3 {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H3</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h3 {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H3</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h3:not(.ck-widget_selected):not(.ck-widget:hover) {
  outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h3 {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H3</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h3 {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H3</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h4 {
  background-repeat: no-repeat;
  padding-top: 15px;
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h4 {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H4</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h4 {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H4</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h4:not(.ck-widget_selected):not(.ck-widget:hover) {
  outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h4 {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H4</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h4 {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H4</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h5 {
  background-repeat: no-repeat;
  padding-top: 15px;
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h5 {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H5</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h5 {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H5</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h5:not(.ck-widget_selected):not(.ck-widget:hover) {
  outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h5 {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H5</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h5 {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H5</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h6 {
  background-repeat: no-repeat;
  padding-top: 15px;
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h6 {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H6</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h6 {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H6</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h6:not(.ck-widget_selected):not(.ck-widget:hover) {
  outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h6 {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H6</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h6 {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H6</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) header {
  background-repeat: no-repeat;
  padding-top: 15px;
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) header {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>HEADER</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) header {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>HEADER</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) header:not(.ck-widget_selected):not(.ck-widget:hover) {
  outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) header {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>HEADER</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) header {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>HEADER</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) main {
  background-repeat: no-repeat;
  padding-top: 15px;
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) main {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>MAIN</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) main {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>MAIN</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) main:not(.ck-widget_selected):not(.ck-widget:hover) {
  outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) main {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>MAIN</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) main {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>MAIN</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) nav {
  background-repeat: no-repeat;
  padding-top: 15px;
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) nav {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>NAV</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) nav {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>NAV</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) nav:not(.ck-widget_selected):not(.ck-widget:hover) {
  outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) nav {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>NAV</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) nav {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>NAV</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) pre {
  background-repeat: no-repeat;
  padding-top: 15px;
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) pre {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>PRE</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) pre {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>PRE</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) pre:not(.ck-widget_selected):not(.ck-widget:hover) {
  outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) pre {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>PRE</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) pre {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>PRE</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ol {
  background-repeat: no-repeat;
  padding-top: 15px;
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ol {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>OL</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ol {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>OL</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ol:not(.ck-widget_selected):not(.ck-widget:hover) {
  outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ol {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>OL</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ol {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>OL</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ul {
  background-repeat: no-repeat;
  padding-top: 15px;
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ul {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>UL</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ul {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>UL</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ul:not(.ck-widget_selected):not(.ck-widget:hover) {
  outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ul {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>UL</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ul {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>UL</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) p {
  background-repeat: no-repeat;
  padding-top: 15px;
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) p {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>P</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) p {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>P</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) p:not(.ck-widget_selected):not(.ck-widget:hover) {
  outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) p {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>P</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) p {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>P</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) section {
  background-repeat: no-repeat;
  padding-top: 15px;
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) section {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>SECTION</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) section {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>SECTION</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) section:not(.ck-widget_selected):not(.ck-widget:hover) {
  outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) section {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>SECTION</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) section {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>SECTION</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) :where(figure.image, figure.table) figcaption {
  background-repeat: no-repeat;
  padding-top: 15px;
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) :where(figure.image, figure.table) figcaption {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>FIGCAPTION</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) :where(figure.image, figure.table) figcaption {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>FIGCAPTION</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) :where(figure.image, figure.table) figcaption:not(.ck-widget_selected):not(.ck-widget:hover) {
  outline: 1px dashed var(--ck-show-blocks-border-color);
}
[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) :where(figure.image, figure.table) figcaption {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>FIGCAPTION</text></svg>");
  background-position: 1px 1px;
}
[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) :where(figure.image, figure.table) figcaption {
  background-image: url("data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>FIGCAPTION</text></svg>");
  background-position: calc(100% - 1px) 1px;
}
.ck-source-editing-area {
  position: relative;
  overflow: hidden;
}
.ck-source-editing-area::after,
.ck-source-editing-area textarea {
  padding: var(--ck-spacing-large);
  margin: 0;
  border: 1px solid transparent;
  line-height: var(--ck-line-height-base);
  font-size: var(--ck-font-size-normal);
  font-family: monospace;
  white-space: pre-wrap;
}
.ck-source-editing-area::after {
  content: attr(data-value) " ";
  visibility: hidden;
  display: block;
}
.ck-source-editing-area textarea {
  position: absolute;
  width: 100%;
  height: 100%;
  resize: none;
  outline: none;
  overflow: hidden;
  box-sizing: border-box;
  border-color: var(--ck-color-base-border);
  border-radius: 0;
}
.ck-rounded-corners .ck-source-editing-area textarea,
.ck-source-editing-area textarea.ck-rounded-corners {
  border-radius: var(--ck-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ck-source-editing-area textarea:not([readonly]):focus {
  outline: none;
  border: var(--ck-focus-ring);
  box-shadow: var(--ck-inner-shadow), 0 0;
}
.ck.ck-character-grid {
  max-width: 100%;
}
.ck.ck-character-grid .ck-character-grid__tiles {
  display: grid;
}
.ck.ck-character-info {
  display: flex;
  justify-content: space-between;
}
.ck.ck-special-characters > .ck-dialog__content > div {
  width: 350px;
  max-width: 100%;
  height: 100%;
  display: grid;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr auto;
}
.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories {
  grid-area: 1 / 1 / 2 / 2;
  padding: var(--ck-spacing-medium) var(--ck-spacing-large);
}
.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories > .ck-labeled-field-view {
  padding-top: var(--ck-spacing-standard);
  width: 100%;
}
.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories > .ck-labeled-field-view .ck.ck-labeled-field-view__status {
  background: var(--ck-color-base-error);
  color: var(--ck-color-base-background);
  padding: var(--ck-spacing-small) var(--ck-spacing-medium);
  min-width: var(--ck-table-properties-min-error-width);
  text-align: center;
  animation: ck-table-form-labeled-view-status-appear .15s ease both;
}
.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories > .ck-labeled-field-view .ck.ck-labeled-field-view__status::after {
  border-color: transparent transparent var(--ck-color-base-error) transparent;
  border-width: 0 var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size);
  border-style: solid;
}
@media (prefers-reduced-motion: reduce) {
  .ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories > .ck-labeled-field-view .ck.ck-labeled-field-view__status {
    animation: none;
  }
}
.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories > .ck-labeled-field-view .ck-input.ck-error:not(:focus) + .ck.ck-labeled-field-view__status {
  display: none;
}
.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories > .ck-labeled-field-view > .ck-label {
  font-size: var(--ck-font-size-tiny);
  text-align: center;
}
.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories .ck-dropdown {
  display: block;
  width: 100%;
}
.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories .ck-dropdown > button:not(:focus) {
  border: 1px solid var(--ck-color-base-border);
}
.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories .ck-dropdown > button > span {
  width: 100%;
}
.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-grid {
  grid-area: 2 / 1 / 3 / 2;
  max-height: 200px;
}
.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-info {
  grid-area: 3 / 1 / 4 / 2;
}
:root {
  --ck-style-panel-columns: 3;
}
.ck.ck-style-panel .ck-style-grid {
  display: grid;
  grid-template-columns: repeat(var(--ck-style-panel-columns), auto);
  justify-content: start;
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button .ck-style-grid__button__preview {
  display: flex;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  flex-grow: 1;
  flex-basis: 100%;
}
.ck-content .table {
  margin: 0.9em auto;
  display: table;
}
.ck-content .table table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  height: 100%;
  border: 1px double hsl(0, 0%, 70%);
}
.ck-content .table table td,
.ck-content .table table th {
  min-width: 2em;
  padding: .4em;
  border: 1px solid hsl(0, 0%, 75%);
}
.ck-content .table table th {
  font-weight: bold;
  background: hsla(0, 0%, 0%, 5%);
}
@media print {
  .ck-content .table table {
    height: initial;
  }
}
.ck-content[dir=rtl] .table th {
  text-align: right;
}
.ck-content[dir=ltr] .table th {
  text-align: left;
}
.ck-editor__editable .ck-table-bogus-paragraph {
  display: inline-block;
  width: 100%;
}
.ck .ck-insert-table-dropdown__grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.ck.ck-form__row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.ck.ck-form__row > *:not(.ck-label) {
  flex-grow: 1;
}
.ck.ck-form__row.ck-table-form__action-row .ck-button-save,
.ck.ck-form__row.ck-table-form__action-row .ck-button-cancel {
  justify-content: center;
}
.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row {
  flex-wrap: wrap;
}
.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar:first-of-type {
  flex-grow: 0.57;
}
.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar:last-of-type {
  flex-grow: 0.43;
}
.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar .ck-button {
  flex-grow: 1;
}
.ck.ck-input-color {
  width: 100%;
  display: flex;
  flex-direction: row-reverse;
}
.ck.ck-input-color > input.ck.ck-input-text {
  min-width: auto;
  flex-grow: 1;
}
.ck.ck-input-color > div.ck.ck-dropdown {
  min-width: auto;
}
.ck.ck-input-color > div.ck.ck-dropdown > .ck-input-color__button .ck-dropdown__arrow {
  display: none;
}
.ck.ck-input-color .ck.ck-input-color__button {
  display: flex;
}
.ck.ck-input-color .ck.ck-input-color__button .ck.ck-input-color__button__preview {
  position: relative;
  overflow: hidden;
}
.ck.ck-input-color .ck.ck-input-color__button .ck.ck-input-color__button__preview > .ck.ck-input-color__button__preview__no-color-indicator {
  position: absolute;
  display: block;
}
.ck.ck-table-form .ck-form__row.ck-table-form__border-row {
  flex-wrap: wrap;
}
.ck.ck-table-form .ck-form__row.ck-table-form__background-row {
  flex-wrap: wrap;
}
.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row {
  flex-wrap: wrap;
  align-items: center;
}
.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-labeled-field-view {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
}
.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-labeled-field-view .ck.ck-dropdown {
  flex-grow: 0;
}
.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimension-operator {
  flex-grow: 0;
}
.ck.ck-table-form .ck.ck-labeled-field-view {
  position: relative;
}
.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status {
  position: absolute;
  left: 50%;
  bottom: calc(-1 * var(--ck-table-properties-error-arrow-size));
  transform: translate(-50%, 100%);
  z-index: 1;
}
.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status::after {
  content: "";
  position: absolute;
  top: calc(-1 * var(--ck-table-properties-error-arrow-size));
  left: 50%;
  transform: translateX(-50%);
}
.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row {
  flex-wrap: wrap;
  flex-basis: 0;
  align-content: baseline;
}
.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar .ck-toolbar__items {
  flex-wrap: nowrap;
}
:root {
  --ck-color-selector-caption-background: hsl(0, 0%, 97%);
  --ck-color-selector-caption-text: hsl(0, 0%, 20%);
  --ck-color-selector-caption-highlighted-background: hsl(52deg 100% 50%);
}
.ck-content .table > figcaption {
  display: table-caption;
  caption-side: top;
  word-break: break-word;
  text-align: center;
  color: var(--ck-color-selector-caption-text);
  background-color: var(--ck-color-selector-caption-background);
  padding: .6em;
  font-size: .75em;
  outline-offset: -1px;
}
@media (forced-colors: active) {
  .ck-content .table > figcaption {
    background-color: unset;
    color: unset;
  }
}
@media (forced-colors: none) {
  .ck.ck-editor__editable .table > figcaption.table__caption_highlighted {
    animation: ck-table-caption-highlight .6s ease-out;
  }
}
.ck.ck-editor__editable .table > figcaption.ck-placeholder::before {
  padding-left: inherit;
  padding-right: inherit;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@keyframes ck-table-caption-highlight {
  0% {
    background-color: var(--ck-color-selector-caption-highlighted-background);
  }
  100% {
    background-color: var(--ck-color-selector-caption-background);
  }
}
:root {
  --ck-color-selector-column-resizer-hover: var(--ck-color-base-active);
  --ck-table-column-resizer-width: 7px;
  --ck-table-column-resizer-position-offset: calc(var(--ck-table-column-resizer-width) * -0.5 - 0.5px);
}
.ck-content .table .ck-table-resized {
  table-layout: fixed;
}
.ck-content .table table {
  overflow: hidden;
}
.ck-content .table td,
.ck-content .table th {
  overflow-wrap: break-word;
  position: relative;
}
.ck.ck-editor__editable .table .ck-table-column-resizer {
  position: absolute;
  top: 0;
  bottom: 0;
  right: var(--ck-table-column-resizer-position-offset);
  width: var(--ck-table-column-resizer-width);
  cursor: col-resize;
  -webkit-user-select: none;
  user-select: none;
  z-index: var(--ck-z-default);
}
.ck.ck-editor__editable.ck-column-resize_disabled .table .ck-table-column-resizer {
  display: none;
}
.ck.ck-editor__editable .table[draggable] .ck-table-column-resizer {
  display: none;
}
.ck.ck-editor__editable .table .ck-table-column-resizer:hover,
.ck.ck-editor__editable .table .ck-table-column-resizer__active {
  background-color: var(--ck-color-selector-column-resizer-hover);
  opacity: 0.25;
  top: -999999px;
  bottom: -999999px;
}
.ck.ck-editor__editable[dir=rtl] .table .ck-table-column-resizer {
  left: var(--ck-table-column-resizer-position-offset);
  right: unset;
}
.ck-hidden {
  display: none !important;
}
:root {
  --ck-z-default: 1;
  --ck-z-panel: calc( var(--ck-z-default) + 999 );
  --ck-z-dialog: 9999;
}
.ck-transitions-disabled,
.ck-transitions-disabled * {
  transition: none !important;
}
:root {
  --ck-powered-by-font-size: calc(var(--ck-font-size-base) * 7.5 / 13);
  --ck-powered-by-line-height: calc(var(--ck-font-size-base) * 10 / 13);
  --ck-powered-by-letter-spacing: calc(var(--ck-font-size-base) * -0.2 / 13);
  --ck-powered-by-padding-vertical: 2px;
  --ck-powered-by-padding-horizontal: 4px;
  --ck-powered-by-text-color: hsl(0, 0%, 31%);
  --ck-powered-by-border-radius: var(--ck-border-radius);
  --ck-powered-by-background: hsl(0, 0%, 100%);
  --ck-powered-by-border-color: var(--ck-color-focus-border);
  --ck-powered-by-svg-width: 53;
  --ck-powered-by-svg-height: 10;
  --ck-powered-by-icon-width: calc(var(--ck-font-size-base) * var(--ck-powered-by-svg-width) / 13);
  --ck-powered-by-icon-height: calc(var(--ck-font-size-base) * var(--ck-powered-by-svg-height) / 13);
}
.ck.ck-balloon-panel.ck-powered-by-balloon {
  --ck-border-radius: var(--ck-powered-by-border-radius);
  box-shadow: none;
  background: var(--ck-powered-by-background);
  min-height: unset;
  z-index: calc(var(--ck-z-panel) - 1);
}
.ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by {
  line-height: var(--ck-powered-by-line-height);
}
.ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by a {
  cursor: pointer;
  display: flex;
  align-items: center;
  opacity: .66;
  filter: grayscale(80%);
  line-height: var(--ck-powered-by-line-height);
  padding: var(--ck-powered-by-padding-vertical) var(--ck-powered-by-padding-horizontal);
}
.ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by .ck-powered-by__label {
  font-size: var(--ck-powered-by-font-size);
  letter-spacing: var(--ck-powered-by-letter-spacing);
  padding-left: 2px;
  text-transform: uppercase;
  font-weight: bold;
  margin-right: 4px;
  cursor: pointer;
  line-height: normal;
  color: var(--ck-powered-by-text-color);
}
.ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by .ck-icon {
  display: block;
  cursor: pointer;
  width: var(--ck-powered-by-icon-width);
  height: var(--ck-powered-by-icon-height);
}
.ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by:hover a {
  filter: grayscale(0%);
  opacity: 1;
}
.ck.ck-balloon-panel.ck-powered-by-balloon[class*=position_inside] {
  border-color: transparent;
}
.ck.ck-balloon-panel.ck-powered-by-balloon[class*=position_border] {
  border: var(--ck-focus-ring);
  border-color: var(--ck-powered-by-border-color);
}
:root {
  --ck-evaluation-badge-font-size: calc(var(--ck-font-size-base) * 7.5 / 13);
  --ck-evaluation-badge-line-height: calc(var(--ck-font-size-base) * 7.5 / 13);
  --ck-evaluation-badge-letter-spacing: calc(var(--ck-font-size-base) * -0.2 / 13);
  --ck-evaluation-badge-padding-vertical: 2px;
  --ck-evaluation-badge-padding-horizontal: 4px;
  --ck-evaluation-badge-text-color: hsl(0, 0%, 31%);
  --ck-evaluation-badge-border-radius: var(--ck-border-radius);
  --ck-evaluation-badge-background: hsl(0, 0%, 100%);
  --ck-evaluation-badge-border-color: var(--ck-color-focus-border);
}
.ck.ck-balloon-panel.ck-evaluation-badge-balloon {
  --ck-border-radius: var(--ck-evaluation-badge-border-radius);
  box-shadow: none;
  background: var(--ck-evaluation-badge-background);
  min-height: unset;
  z-index: calc(var(--ck-z-panel) - 1);
}
.ck.ck-balloon-panel.ck-evaluation-badge-balloon .ck.ck-evaluation-badge {
  line-height: var(--ck-evaluation-badge-line-height);
  padding: var(--ck-evaluation-badge-padding-vertical) var(--ck-evaluation-badge-padding-horizontal);
}
.ck.ck-balloon-panel.ck-evaluation-badge-balloon .ck.ck-evaluation-badge .ck-evaluation-badge__label {
  display: block;
  padding: 0 2px;
  font-size: var(--ck-evaluation-badge-font-size);
  letter-spacing: var(--ck-evaluation-badge-letter-spacing);
  font-weight: bold;
  line-height: normal;
  text-transform: uppercase;
  color: var(--ck-evaluation-badge-text-color);
}
.ck.ck-balloon-panel.ck-evaluation-badge-balloon[class*=position_inside] {
  border-color: transparent;
}
.ck.ck-balloon-panel.ck-evaluation-badge-balloon[class*=position_border] {
  border: var(--ck-focus-ring);
  border-color: var(--ck-evaluation-badge-border-color);
}
.ck.ck-button,
a.ck.ck-button {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  display: inline-flex;
  align-items: center;
}
[dir=ltr] .ck.ck-button,
[dir=ltr] a.ck.ck-button {
  justify-content: left;
}
[dir=rtl] .ck.ck-button,
[dir=rtl] a.ck.ck-button {
  justify-content: right;
}
.ck.ck-button .ck-button__label,
a.ck.ck-button .ck-button__label {
  display: none;
}
.ck.ck-button.ck-button_with-text .ck-button__label,
a.ck.ck-button.ck-button_with-text .ck-button__label {
  display: inline-block;
}
.ck.ck-button:not(.ck-button_with-text),
a.ck.ck-button:not(.ck-button_with-text) {
  justify-content: center;
}
.ck.ck-button.ck-switchbutton .ck-button__toggle {
  display: block;
}
.ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner {
  display: block;
}
.ck.ck-list-item-button {
  min-height: unset;
  width: 100%;
  border-radius: 0;
}
[dir=ltr] .ck.ck-list-item-button {
  text-align: left;
}
[dir=rtl] .ck.ck-list-item-button {
  text-align: right;
}
[dir=ltr] .ck.ck-list-item-button.ck-list-item-button_toggleable {
  padding-left: var(--ck-spacing-small);
}
[dir=rtl] .ck.ck-list-item-button.ck-list-item-button_toggleable {
  padding-right: var(--ck-spacing-small);
}
.ck.ck-list-item-button .ck-list-item-button__check-holder {
  display: inline-flex;
  width: .9em;
  height: .9em;
}
[dir=ltr] .ck.ck-list-item-button .ck-list-item-button__check-holder {
  margin-right: var(--ck-spacing-small);
}
[dir=rtl] .ck.ck-list-item-button .ck-list-item-button__check-holder {
  margin-left: var(--ck-spacing-small);
}
.ck.ck-list-item-button .ck-list-item-button__check-icon {
  height: 100%;
}
.ck.ck-collapsible.ck-collapsible_collapsed > .ck-collapsible__children {
  display: none;
}
.ck.ck-color-grid {
  display: grid;
}
.color-picker-hex-input {
  width: max-content;
}
.color-picker-hex-input .ck.ck-input {
  min-width: unset;
}
.ck.ck-color-picker__row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin: var(--ck-spacing-large) 0 0;
  width: unset;
}
.ck.ck-color-picker__row .ck.ck-labeled-field-view {
  padding-top: unset;
}
.ck.ck-color-picker__row .ck.ck-input-text {
  width: unset;
}
.ck.ck-color-picker__row .ck-color-picker__hash-view {
  padding-top: var(--ck-spacing-tiny);
  padding-right: var(--ck-spacing-medium);
}
.ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__remove-color,
.ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker {
  display: flex;
  align-items: center;
}
[dir=rtl] .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__remove-color,
[dir=rtl] .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker {
  justify-content: flex-start;
}
.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar .ck-button-save,
.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar .ck-button-cancel {
  flex: 1;
}
.ck.ck-dialog .ck.ck-dialog__actions {
  display: flex;
  justify-content: flex-end;
}
.ck.ck-dialog-overlay {
  -webkit-user-select: none;
  user-select: none;
  overscroll-behavior: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}
.ck.ck-dialog-overlay.ck-dialog-overlay__transparent {
  pointer-events: none;
  animation: none;
  background: none;
}
.ck.ck-dialog {
  overscroll-behavior: none;
  width: fit-content;
  position: absolute;
}
.ck.ck-dialog .ck.ck-form__header {
  flex-shrink: 0;
}
.ck.ck-dialog:not(.ck-dialog_modal) .ck.ck-form__header .ck-form__header__label {
  cursor: grab;
}
.ck.ck-dialog-overlay.ck-dialog-overlay__transparent .ck.ck-dialog {
  pointer-events: all;
}
:root {
  --ck-dropdown-max-width: 75vw;
}
.ck.ck-dropdown {
  display: inline-block;
  position: relative;
}
.ck.ck-dropdown .ck-dropdown__arrow {
  pointer-events: none;
  z-index: var(--ck-z-default);
}
.ck.ck-dropdown .ck-button.ck-dropdown__button {
  width: 100%;
}
.ck.ck-dropdown .ck-dropdown__panel {
  display: none;
  z-index: var(--ck-z-panel);
  max-width: var(--ck-dropdown-max-width);
  position: absolute;
}
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel-visible {
  display: inline-block;
}
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_ne,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nw,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_n,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nmw,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nme {
  bottom: 100%;
}
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_se,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sw,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_smw,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sme,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_s {
  top: 100%;
  bottom: auto;
}
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_ne,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_se {
  left: 0px;
}
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nw,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sw {
  right: 0px;
}
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_s,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_n {
  left: 50%;
  transform: translateX(-50%);
}
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nmw,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_smw {
  left: 75%;
  transform: translateX(-75%);
}
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nme,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sme {
  left: 25%;
  transform: translateX(-25%);
}
.ck.ck-toolbar .ck-dropdown__panel {
  z-index: calc(var(--ck-z-panel) + 1);
}
.ck.ck-splitbutton {
  font-size: inherit;
}
.ck.ck-splitbutton .ck-splitbutton__action:focus {
  z-index: calc(var(--ck-z-default) + 1);
}
:root {
  --ck-toolbar-dropdown-max-width: 60vw;
}
.ck.ck-toolbar-dropdown > .ck-dropdown__panel {
  width: max-content;
  max-width: var(--ck-toolbar-dropdown-max-width);
}
.ck.ck-toolbar-dropdown > .ck-dropdown__panel .ck-button:focus {
  z-index: calc(var(--ck-z-default) + 1);
}
.ck.ck-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow {
  pointer-events: none;
  z-index: var(--ck-z-default);
}
.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel {
  position: absolute;
  max-height: 314px;
  overflow-y: auto;
  z-index: calc(var(--ck-z-panel) + 1);
}
.ck.ck-dropdown-menu-list__nested-menu {
  display: block;
}
.ck.ck-aria-live-announcer {
  position: absolute;
  left: -10000px;
  top: -10000px;
}
.ck.ck-aria-live-region-list {
  list-style-type: none;
}
.ck.ck-form__header {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
}
.ck.ck-form__header h2.ck-form__header__label {
  flex-grow: 1;
}
.ck.ck-icon {
  vertical-align: middle;
}
.ck.ck-label {
  display: block;
}
.ck.ck-voice-label {
  display: none;
}
.ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper {
  display: flex;
  position: relative;
}
.ck.ck-labeled-field-view .ck.ck-label {
  display: block;
  position: absolute;
}
.ck.ck-list {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: flex;
  flex-direction: column;
}
.ck.ck-list .ck-list__item,
.ck.ck-list .ck-list__separator {
  display: block;
}
.ck.ck-list .ck-list__item > *:focus {
  position: relative;
  z-index: var(--ck-z-default);
}
:root {
  --ck-balloon-panel-arrow-z-index: calc(var(--ck-z-default) - 3);
}
.ck.ck-balloon-panel {
  display: none;
  position: absolute;
  z-index: var(--ck-z-panel);
}
.ck.ck-balloon-panel.ck-balloon-panel_with-arrow::before,
.ck.ck-balloon-panel.ck-balloon-panel_with-arrow::after {
  content: "";
  position: absolute;
}
.ck.ck-balloon-panel.ck-balloon-panel_with-arrow::before {
  z-index: var(--ck-balloon-panel-arrow-z-index);
}
.ck.ck-balloon-panel.ck-balloon-panel_with-arrow::after {
  z-index: calc(var(--ck-balloon-panel-arrow-z-index) + 1);
}
.ck.ck-balloon-panel[class*=arrow_n]::before {
  z-index: var(--ck-balloon-panel-arrow-z-index);
}
.ck.ck-balloon-panel[class*=arrow_n]::after {
  z-index: calc(var(--ck-balloon-panel-arrow-z-index) + 1);
}
.ck.ck-balloon-panel[class*=arrow_s]::before {
  z-index: var(--ck-balloon-panel-arrow-z-index);
}
.ck.ck-balloon-panel[class*=arrow_s]::after {
  z-index: calc(var(--ck-balloon-panel-arrow-z-index) + 1);
}
.ck.ck-balloon-panel.ck-balloon-panel_visible {
  display: block;
}
.ck .ck-balloon-rotator__navigation {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ck .ck-balloon-rotator__content .ck-toolbar {
  justify-content: center;
}
.ck .ck-fake-panel {
  position: absolute;
  z-index: calc(var(--ck-z-panel) - 1);
}
.ck .ck-fake-panel div {
  position: absolute;
}
.ck .ck-fake-panel div:nth-child(1) {
  z-index: 2;
}
.ck .ck-fake-panel div:nth-child(2) {
  z-index: 1;
}
.ck.ck-sticky-panel .ck-sticky-panel__content_sticky {
  z-index: var(--ck-z-panel);
  position: fixed;
  top: 0;
}
.ck.ck-sticky-panel .ck-sticky-panel__content_sticky_bottom-limit {
  top: auto;
  position: absolute;
}
.ck.ck-autocomplete {
  position: relative;
}
.ck.ck-autocomplete > .ck-search__results {
  position: absolute;
  z-index: var(--ck-z-panel);
}
.ck.ck-autocomplete > .ck-search__results.ck-search__results_n {
  bottom: 100%;
}
.ck.ck-autocomplete > .ck-search__results.ck-search__results_s {
  top: 100%;
  bottom: auto;
}
.ck.ck-search > .ck-labeled-field-view > .ck-labeled-field-view__input-wrapper > .ck-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
[dir=ltr] .ck.ck-search > .ck-labeled-field-view > .ck-labeled-field-view__input-wrapper > .ck-icon {
  left: var(--ck-spacing-medium);
}
[dir=rtl] .ck.ck-search > .ck-labeled-field-view > .ck-labeled-field-view__input-wrapper > .ck-icon {
  right: var(--ck-spacing-medium);
}
.ck.ck-search > .ck-labeled-field-view .ck-search__reset {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.ck.ck-search > .ck-search__results > .ck-search__info > span:first-child {
  display: block;
}
.ck.ck-search > .ck-search__results > .ck-search__info:not(.ck-hidden) ~ * {
  display: none;
}
.ck.ck-highlighted-text mark {
  background: var(--ck-color-highlight-background);
  vertical-align: initial;
  font-weight: inherit;
  line-height: inherit;
  font-size: inherit;
}
.ck.ck-balloon-panel.ck-tooltip {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: calc(var(--ck-z-dialog) + 100);
}
:root {
  --ck-toolbar-spinner-size: 18px;
}
.ck.ck-spinner-container {
  display: block;
  position: relative;
}
.ck.ck-spinner {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: translateY(-50%);
  z-index: 1;
}
.ck.ck-toolbar {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.ck.ck-toolbar > .ck-toolbar__items {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  flex-grow: 1;
}
.ck.ck-toolbar .ck.ck-toolbar__separator {
  display: inline-block;
}
.ck.ck-toolbar .ck.ck-toolbar__separator:first-child,
.ck.ck-toolbar .ck.ck-toolbar__separator:last-child {
  display: none;
}
.ck.ck-toolbar .ck-toolbar__line-break {
  flex-basis: 100%;
}
.ck.ck-toolbar.ck-toolbar_grouping > .ck-toolbar__items {
  flex-wrap: nowrap;
}
.ck.ck-toolbar.ck-toolbar_vertical > .ck-toolbar__items {
  flex-direction: column;
}
.ck.ck-toolbar.ck-toolbar_floating > .ck-toolbar__items {
  flex-wrap: nowrap;
}
.ck.ck-toolbar > .ck.ck-toolbar__grouped-dropdown > .ck-dropdown__button .ck-dropdown__arrow {
  display: none;
}
.ck.ck-block-toolbar-button {
  position: absolute;
  z-index: var(--ck-z-default);
}
.ck.ck-menu-bar__menu > .ck-menu-bar__menu__button > .ck-menu-bar__menu__button__arrow {
  pointer-events: none;
  z-index: var(--ck-z-default);
}
:root {
  --ck-menu-bar-menu-max-width: 75vw;
  --ck-menu-bar-nested-menu-horizontal-offset: 5px;
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel {
  z-index: var(--ck-z-panel);
  max-width: var(--ck-menu-bar-menu-max-width);
  position: absolute;
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ne,
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_nw {
  bottom: 100%;
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_se,
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_sw {
  top: 100%;
  bottom: auto;
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ne,
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_se {
  left: 0px;
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_nw,
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_sw {
  right: 0px;
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_es,
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_en {
  left: calc(100% - var(--ck-menu-bar-nested-menu-horizontal-offset));
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_es {
  top: 0px;
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_en {
  bottom: 0px;
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ws,
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_wn {
  right: calc(100% - var(--ck-menu-bar-nested-menu-horizontal-offset));
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ws {
  top: 0px;
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_wn {
  bottom: 0px;
}
.ck.ck-menu-bar__menu {
  display: block;
  position: relative;
}
:root {
  --ck-color-resizer: var(--ck-color-focus-border);
  --ck-color-resizer-tooltip-background: hsl(0, 0%, 15%);
  --ck-color-resizer-tooltip-text: hsl(0, 0%, 95%);
  --ck-resizer-border-radius: var(--ck-border-radius);
  --ck-resizer-tooltip-offset: 10px;
  --ck-resizer-tooltip-height: calc(var(--ck-spacing-small) * 2 + 10px);
}
.ck .ck-widget {
  position: relative;
}
.ck .ck-widget.ck-widget_with-selection-handle {
  position: relative;
}
.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle {
  position: absolute;
}
.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle .ck-icon {
  display: block;
}
.ck .ck-widget.ck-widget_with-selection-handle:hover > .ck-widget__selection-handle {
  visibility: visible;
}
.ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected > .ck-widget__selection-handle {
  visibility: visible;
}
.ck .ck-size-view {
  background: var(--ck-color-resizer-tooltip-background);
  color: var(--ck-color-resizer-tooltip-text);
  border: 1px solid var(--ck-color-resizer-tooltip-text);
  border-radius: var(--ck-resizer-border-radius);
  font-size: var(--ck-font-size-tiny);
  display: block;
  padding: 0 var(--ck-spacing-small);
  height: var(--ck-resizer-tooltip-height);
  line-height: var(--ck-resizer-tooltip-height);
}
.ck .ck-size-view.ck-orientation-top-left,
.ck .ck-size-view.ck-orientation-top-right,
.ck .ck-size-view.ck-orientation-bottom-right,
.ck .ck-size-view.ck-orientation-bottom-left,
.ck .ck-size-view.ck-orientation-above-center {
  position: absolute;
}
.ck .ck-size-view.ck-orientation-top-left {
  top: var(--ck-resizer-tooltip-offset);
  left: var(--ck-resizer-tooltip-offset);
}
.ck .ck-size-view.ck-orientation-top-right {
  top: var(--ck-resizer-tooltip-offset);
  right: var(--ck-resizer-tooltip-offset);
}
.ck .ck-size-view.ck-orientation-bottom-right {
  bottom: var(--ck-resizer-tooltip-offset);
  right: var(--ck-resizer-tooltip-offset);
}
.ck .ck-size-view.ck-orientation-bottom-left {
  bottom: var(--ck-resizer-tooltip-offset);
  left: var(--ck-resizer-tooltip-offset);
}
.ck .ck-size-view.ck-orientation-above-center {
  top: calc(var(--ck-resizer-tooltip-height) * -1);
  left: 50%;
  transform: translate(-50%);
}
.ck .ck-widget_with-resizer {
  position: relative;
}
.ck .ck-widget__resizer {
  display: none;
  position: absolute;
  pointer-events: none;
  left: 0;
  top: 0;
}
.ck-focused .ck-widget_with-resizer.ck-widget_selected > .ck-widget__resizer {
  display: block;
}
.ck .ck-widget__resizer__handle {
  position: absolute;
  pointer-events: all;
}
.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-top-left,
.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-bottom-right {
  cursor: nwse-resize;
}
.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-top-right,
.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-bottom-left {
  cursor: nesw-resize;
}
.ck .ck-widget .ck-widget__type-around__button {
  display: block;
  position: absolute;
  overflow: hidden;
  z-index: var(--ck-z-default);
}
.ck .ck-widget .ck-widget__type-around__button svg {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: calc(var(--ck-z-default) + 2);
}
.ck .ck-widget .ck-widget__type-around__button.ck-widget__type-around__button_before {
  top: calc(-0.5 * var(--ck-widget-outline-thickness));
  left: min(10%, 30px);
  transform: translateY(-50%);
}
.ck .ck-widget .ck-widget__type-around__button.ck-widget__type-around__button_after {
  bottom: calc(-0.5 * var(--ck-widget-outline-thickness));
  right: min(10%, 30px);
  transform: translateY(50%);
}
.ck .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button::after,
.ck .ck-widget > .ck-widget__type-around > .ck-widget__type-around__button:hover::after {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  z-index: calc(var(--ck-z-default) + 1);
}
.ck .ck-widget > .ck-widget__type-around > .ck-widget__type-around__fake-caret {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
}
.ck .ck-widget:hover > .ck-widget__type-around > .ck-widget__type-around__fake-caret {
  left: calc(-1 * var(--ck-widget-outline-thickness));
  right: calc(-1 * var(--ck-widget-outline-thickness));
}
.ck .ck-widget.ck-widget_type-around_show-fake-caret_before > .ck-widget__type-around > .ck-widget__type-around__fake-caret {
  top: calc(-1 * var(--ck-widget-outline-thickness) - 1px);
  display: block;
}
.ck .ck-widget.ck-widget_type-around_show-fake-caret_after > .ck-widget__type-around > .ck-widget__type-around__fake-caret {
  bottom: calc(-1 * var(--ck-widget-outline-thickness) - 1px);
  display: block;
}
.ck.ck-editor__editable.ck-read-only .ck-widget__type-around {
  display: none;
}
.ck.ck-editor__editable.ck-restricted-editing_mode_restricted .ck-widget__type-around {
  display: none;
}
.ck.ck-editor__editable.ck-widget__type-around_disabled .ck-widget__type-around {
  display: none;
}

/* src/styles.scss */
@font-face {
  font-family: "Helvetica";
  src: url("./media/Helvetica-T5AWQYQQ.eot");
  src:
    url("./media/Helvetica-T5AWQYQQ.eot?#iefix") format("embedded-opentype"),
    url("./media/Helvetica-FPOR3NPN.woff2") format("woff2"),
    url("./media/Helvetica-OMHAQ74P.woff") format("woff"),
    url("./media/Helvetica-DVUXJ3US.ttf") format("truetype"),
    url("./media/Helvetica-ZH5CP4EF.svg#Helvetica") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Helvetica";
  src: url("./media/Helvetica-Bold-7R3EV6NS.eot");
  src:
    url("./media/Helvetica-Bold-7R3EV6NS.eot?#iefix") format("embedded-opentype"),
    url("./media/Helvetica-Bold-REVE34SL.woff2") format("woff2"),
    url("./media/Helvetica-Bold-3LSDD7FY.woff") format("woff"),
    url("./media/Helvetica-Bold-2R76KYRB.ttf") format("truetype"),
    url("./media/Helvetica-Bold-B5M34WFI.svg#Helvetica-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}
.row > [class*=col-] {
  padding-left: calc(var(--bs-gutter-x) / 2);
  padding-right: calc(var(--bs-gutter-x) / 2);
}
.g-0 {
  --bs-gutter-x: 0;
  --bs-gutter-y: 0;
}
.g-1 {
  --bs-gutter-x: 0.25rem;
  --bs-gutter-y: 0.25rem;
}
.g-2 {
  --bs-gutter-x: 0.5rem;
  --bs-gutter-y: 0.5rem;
}
.g-3 {
  --bs-gutter-x: 1rem;
  --bs-gutter-y: 1rem;
}
.g-4 {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 1.5rem;
}
.g-5 {
  --bs-gutter-x: 3rem;
  --bs-gutter-y: 3rem;
}
:root {
  color-scheme: light;
  --bg-background: #fff;
  --new-bg-background: #fafafa;
  --new-bgPrimary: #6b862d;
  --new-main-color: #7c9f2e;
  --new-bgLight: #f8f8f6;
  --new-bglight2: #fafaf9;
  --new-bglight3: #f8f8f6;
  --new-bgSecondary: #fdf4e8;
  --new-border-color: #e7e9e2;
  --new-pera-color: #677e73;
  --newSidebar-text-color: #506259;
  --new-hover-color: #ecf0e6;
  --new-hoverBorder: rgb(124 159 46 / 10%);
  --new-bgCard-background: #fefefe;
  --new-mainHeading-color: #222a26;
  --new-bg-font: "DM Sans", sans-serif;
  --new-transition: all 300ms ease-in-out;
  --new-border-radius: 12px;
  --new-border-radius2: 16px;
  --new-linear-gredient:
    linear-gradient(
      90deg,
      rgb(243 245 238),
      rgb(243 245 238),
      rgb(255 255 255),
      rgb(243 245 238),
      rgb(243 245 238));
  --new-linear-boreder: rgba(124, 159, 46, 0.2);
  --new-pdropdown-bg: #fafafa;
  --new-pdropdown-border: #e7e9e2;
  --new-small-gredient:
    linear-gradient(
      to right,
      #e6e7d4,
      #f8ebd4);
  --new-small-gredient2:
    linear-gradient(
      to right,
      #f1f3ea,
      #f7f4ea,
      #fef6ea);
  --new-card-background: #eef7f2;
  --new-card-background2: #fff7e8;
  --small-card-background: rgb(41 163 102 / 10%);
  --small-card-borderColor: rgb(41 163 102 / 30%);
  --small-card-background2: rgb(107 134 45 / 10%);
  --small-card-borderColor2: rgb(107 134 45 / 30%);
  --small-card-background3: rgb(255 191 0 / 10%);
  --small-card-borderColor3: rgb(255 191 0 / 30%);
  --table-background: rgb(246 246 244 / 30%);
  --client-tab-view: #f7f7f7;
  --box-linear-gredient:
    linear-gradient(
      to left,
      #e2e8f0,
      #f1f5f9);
  --new-bg-background2: #f8f8f6;
  --new-small-hover: rgb(246 246 244);
  --box-hover-shadow: 0px 10px 10px rgb(124 159 46 / 0.1);
  --new-inner-background: #fafafa;
  --new-clientLogin-bg: #fafafa;
  --support-ticket-background: rgb(246 246 244 / 30%);
  --scrollbar: #e7e9e2;
  --login-white-box: #fdfcfc;
  --login-border-color: #cad3b6;
  --header-button-bg: rgb(246 246 244 / 36%);
  --header-button-text-color: rgb(34 42 38);
  --dropdown-background: rgb(250 250 250);
  --scrollbar-bg: var(--new-main-color);
  --map-view-box1: rgb(107 134 45 / 10%);
  --map-view-text1: rgb(138 172 57);
  --map-view-box2: rgb(236 146 19 / 10%);
  --map-view-text2: rgb(236 146 19);
  --details-box-bg: rgb(246 246 244 / 30%);
  --new-theme-hover-default: #f49d25;
  --new-theme-hover-text-color: #fff;
  --new-bg-light-background: #6b862d;
  --table-bg-light-mode: #e8f5d6;
  --card-bg-light: #fff;
  --popup-bg-background: #f6f6f499;
  --searchbar-bg: rgba(236, 240, 230, 0.5019607843);
  --box-linear-grediant:
    linear-gradient(
      to right,
      rgb(255 245 237 / 76%),
      #ffffff,
      #eff2ea);
  --light-text-green: #6b862d;
  --new-orange-bg: rgb(255 139 26 / 10%);
  --new-orange-border-color: rgb(255 139 26 / 20%);
  --new-sidebar-bg: #f8f8f6;
  --table-header-bg: #fcfcfb;
  --table-row-border: var(--new-border-color);
  --new-card-bgColor: #fefefe;
  --border-hover-color: rgb(107 134 45 / 40%);
  --background-hover-color: rgb(107 134 45 / 3%);
  --sidebar-menu-link-hover: rgb(236 240 230);
  --sidebar-text-hover: #4c6020;
  --buttog-bg-color: #ffffff;
  --scrollbar-bg: #e7e9e2;
  --task-yet-bg: #f6f6f4;
  --help-and-guide-background: #ffffff;
  --adventure-line-gredient:
    linear-gradient(
      
      to right,
      #c6d0ae,
      #dfe5d2,
      #faf8fb);
  --cheat-sheet-bg:
    linear-gradient(
      to right,
      #f5f7f0,
      #f5f7f0,
      #fafbf8,
      #fbfcfa);
  --header-button-bg: #f6f6f45c;
  --welcome-dashboard-bg:
    linear-gradient(
      to bottom right,
      #ffffff,
      #ffffff,
      #f1f3ed);
  --rate-bg: rgb(255 255 255 / 80%);
  --progressbar-bg: #f6f6f4;
  --progressbar-scale:
    linear-gradient(
      to right,
      #6c872d,
      #a7c739);
  --green-linear-gredient:
    linear-gradient(
      90deg,
      rgb(124, 159, 46),
      rgb(169, 201, 58));
  --orange-linear-gredient:
    linear-gradient(
      90deg,
      rgb(255, 139, 26),
      rgb(255, 179, 102));
  --neon-blue-linear-gredient:
    linear-gradient(
      90deg,
      rgb(20, 184, 166),
      rgb(94, 234, 212));
  --sky-linear-gredient:
    linear-gradient(
      90deg,
      rgb(59, 130, 246),
      rgb(96, 165, 250));
  --sidebar-width: 260px;
  --sidebar-collapsed-width: 70px;
  --sidebar-tablet-width: 220px;
  --sidebar-mobile-width: 260px;
  --sidebar-mobile-sm-width: 250px;
}
.dark-theme {
  color-scheme: dark;
  --bg-background: #161d1a;
  --new-bg-background: #111714;
  --new-bgLight: #111714;
  --new-bglight2: rgb(33 44 38 / 50%);
  --new-bglight3: #111714;
  --new-border-color: #212c26;
  --newSidebar-text-color: #ddddd5;
  --new-mainHeading-color: #fff;
  --text-color: #fff;
  --head-color: #fff;
  --new-pera-color: #afaf9d;
  --new-linear-gredient: rgb(23 30 22);
  --new-linear-boreder: rgb(124 159 46 / 20%);
  --new-pdropdown-bg: #111714;
  --new-pdropdown-border: #212c26;
  --new-hover-color: #19211b;
  --new-small-gredient:
    linear-gradient(
      to right,
      #31391f,
      #3d351a);
  --new-small-gredient2:
    linear-gradient(
      to right,
      #222b1d,
      #262a1b,
      #2b2819);
  --new-card-background: #131f19;
  --new-card-background2: #202214;
  --small-card-background: rgb(41 163 102 / 10%);
  --small-card-borderColor: rgb(41 163 102 / 30%);
  --table-background: rgb(33 44 38 / 30%);
  --client-tab-view: #131816;
  --box-linear-gredient:
    linear-gradient(
      to left,
      #1e293b,
      #334155);
  --new-bg-background2: rgb(13 18 15 / 58%);
  --new-small-hover: rgb(33 44 38);
  --box-hover-shadow: 0 20px 25px -5px rgb(124 159 46 / 0.1), 0 8px 10px -6px rgb(124 159 46 / 0.1);
  --new-inner-background: #111714;
  --new-clientLogin-bg: #111714;
  --support-ticket-background: rgb(33 44 38 / 30%);
  --dark-primary-color: #1f2028;
  --scrollbar: #161d1a;
  --login-white-box: #161d1a80;
  --login-border-color: rgba(107, 134, 45, 0.31);
  --header-button-bg: rgb(38 48 32);
  --header-button-text-color: rgb(244 244 241);
  --dropdown-background: rgb(17 23 20);
  --table-bg-hover: #1b2420;
  --details-box-bg: rgb(33 44 38 / 30%);
  --new-theme-hover-text-color: #0b0f0d;
  --new-bg-light-background: #7c9f2e;
  --table-bg-light-mode: #393f2d;
  --card-bg-light: rgb(13 18 15 / 58%);
  --popup-bg-background: #212c2699;
  --searchbar-bg: rgb(26 35 31 / 50%);
  --box-linear-grediant:
    linear-gradient(
      to right,
      rgb(43 36 21 / 65%),
      rgb(22 30 26 / 30%),
      rgb(31 41 26 / 70%));
  --light-text-green: #8aac39;
  --new-orange-bg: rgb(255 139 26 / 10%);
  --new-orange-border-color: rgb(255 139 26 / 20%);
  --new-sidebar-bg: #0d120f;
  --table-header-bg: #19211d;
  --table-row-border: var(--new-border-color);
  --new-card-bgColor: #131f19;
  --sidebar-menu-link-hover: rgb(26 35 31);
  --sidebar-text-hover: #bfd194;
  --buttog-bg-color: #161d1a;
  --scrollbar-bg: #27352e;
  --task-yet-bg: #212c26;
  --help-and-guide-background: rgb(22 29 26 / 70%);
  --adventure-line-gredient:
    linear-gradient(
      to right,
      #435426,
      #2b371f,
      #1c2721);
  --cheat-sheet-bg:
    linear-gradient(
      to right,
      #1e281d,
      #1a221b,
      #1a221b,
      #19201b);
  --header-button-bg: #263020;
  --welcome-dashboard-bg:
    linear-gradient(
      to bottom right,
      #161d1a,
      #161d1a,
      #1a2318);
  --rate-bg: rgb(22 29 26 / 80%);
  --progressbar-bg: #212c26;
}
html.dark-theme,
body.dark-theme {
  color-scheme: dark;
}
input,
textarea,
select,
button {
  color-scheme: inherit;
}
.dark-theme input,
.dark-theme textarea,
.dark-theme select,
.dark-theme .form-control,
.dark-theme .p-inputtext,
.dark-theme .p-password input,
body.dark-theme input,
body.dark-theme textarea,
body.dark-theme select,
body.dark-theme .form-control,
body.dark-theme .p-inputtext,
body.dark-theme .p-password input {
  color-scheme: dark !important;
}
.blur-background {
  width: 100%;
  position: fixed;
  left: 0;
  height: 100vh;
  background: rgba(0, 0, 0, 0.45);
  z-index: 9999;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  top: 0;
  cursor: pointer;
  animation: blurFadeIn 0.25s ease;
}
@keyframes blurFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.animated-bg {
  position: fixed;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 0;
}
.blob {
  position: absolute;
  border-radius: 50%;
  filter: blur(90px);
  opacity: 0.15;
  animation: float 15s ease-in-out infinite;
}
.blob-1 {
  width: 400px;
  height: 400px;
  background-color: #7c9f2e;
  top: 10%;
  left: -10%;
  animation-delay: 0s;
}
.blob-2 {
  width: 300px;
  height: 300px;
  background-color: #a9c93a;
  bottom: 15%;
  right: 5%;
  animation-delay: 2s;
}
.blob-3 {
  width: 350px;
  height: 350px;
  background-color: #ff8b1a;
  top: 42%;
  left: 10%;
  animation-delay: 4s;
}
.blob-4 {
  width: 250px;
  height: 250px;
  background-color: #7c9f2e;
  bottom: 10%;
  left: 40%;
  animation-delay: 6s;
}
@keyframes float {
  0%, 100% {
    transform: translate(0, 0);
  }
  33% {
    transform: translate(30px, -50px);
  }
  66% {
    transform: translate(-20px, 20px);
  }
}
.tab-filter-bar.memebr-list-bar.comon-box-item {
  margin-top: 19px;
  margin-bottom: 20px !important;
  padding: 11px;
}
.tox .tox-toolbar-overlord {
  background-color: transparent !important;
}
.tox-tinymce {
  border: 1px solid var(--new-border-color, #e7e9e2) !important;
  border-radius: var(--new-border-radius, 12px) !important;
  background-color: var(--bg-background, #ffffff) !important;
  transition: var(--new-transition, all 300ms ease-in-out);
}
.tox-tinymce .tox-toolbar,
.tox-tinymce .tox-toolbar__overflow,
.tox-tinymce .tox-toolbar__primary,
.tox-tinymce .tox-toolbar-overlord {
  background-color: var(--new-pdropdown-bg, #fafafa) !important;
}
.tox-tinymce .tox-mbtn {
  color: var(--new-mainHeading-color, #222a26) !important;
}
.tox-tinymce .tox-mbtn:hover,
.tox-tinymce .tox-mbtn.tox-mbtn--active {
  background-color: var(--new-hover-color, #ecf0e6) !important;
  color: var(--light-text-green, #6b862d) !important;
}
.tox-tinymce .tox-tbtn {
  color: var(--new-mainHeading-color, #222a26) !important;
}
.tox-tinymce .tox-tbtn svg {
  fill: var(--new-mainHeading-color, #222a26) !important;
}
.tox-tinymce .tox-tbtn:hover,
.tox-tinymce .tox-tbtn.tox-tbtn--enabled,
.tox-tinymce .tox-tbtn.tox-tbtn--active {
  background-color: var(--new-hover-color, #ecf0e6) !important;
  color: var(--light-text-green, #6b862d) !important;
}
.tox-tinymce .tox-tbtn:hover svg,
.tox-tinymce .tox-tbtn.tox-tbtn--enabled svg,
.tox-tinymce .tox-tbtn.tox-tbtn--active svg {
  fill: var(--light-text-green, #6b862d) !important;
}
.tox-tinymce .tox-statusbar {
  background-color: var(--bg-background) !important;
  border-top: 1px solid var(--new-border-color, #e7e9e2) !important;
  color: var(--new-pera-color, #677e73) !important;
}
.tox-tinymce .tox-statusbar .tox-statusbar__path-item,
.tox-tinymce .tox-statusbar .tox-statusbar__wordcount,
.tox-tinymce .tox-statusbar .tox-statusbar__right-container {
  color: var(--new-pera-color, #677e73) !important;
}
.dark-theme .tox-tinymce {
  border-color: var(--new-border-color, #212c26) !important;
  background-color: var(--bg-background, #161d1a) !important;
}
.dark-theme .tox-tinymce .tox-toolbar,
.dark-theme .tox-tinymce .tox-toolbar__overflow,
.dark-theme .tox-tinymce .tox-toolbar__primary,
.dark-theme .tox-tinymce .tox-toolbar-overlord,
.dark-theme .tox-tinymce .tox-menubar {
  background-color: var(--new-pdropdown-bg, #111714) !important;
  border-bottom-color: var(--new-border-color, #212c26) !important;
}
.dark-theme .tox-tinymce .tox-mbtn {
  color: var(--new-mainHeading-color, #ffffff) !important;
}
.dark-theme .tox-tinymce .tox-mbtn:hover,
.dark-theme .tox-tinymce .tox-mbtn.tox-mbtn--active {
  background-color: var(--new-hover-color, #19211b) !important;
  color: var(--light-text-green, #8aac39) !important;
}
.dark-theme .tox-tinymce .tox-tbtn {
  color: var(--new-mainHeading-color, #ffffff) !important;
}
.dark-theme .tox-tinymce .tox-tbtn svg {
  fill: var(--new-mainHeading-color, #ffffff) !important;
}
.dark-theme .tox-tinymce .tox-tbtn:hover,
.dark-theme .tox-tinymce .tox-tbtn.tox-tbtn--enabled,
.dark-theme .tox-tinymce .tox-tbtn.tox-tbtn--active {
  background-color: var(--new-hover-color, #19211b) !important;
  color: var(--light-text-green, #8aac39) !important;
}
.dark-theme .tox-tinymce .tox-tbtn:hover svg,
.dark-theme .tox-tinymce .tox-tbtn.tox-tbtn--enabled svg,
.dark-theme .tox-tinymce .tox-tbtn.tox-tbtn--active svg {
  fill: var(--light-text-green, #8aac39) !important;
}
.dark-theme .tox-tinymce .tox-edit-area__iframe {
  background-color: var(--bg-background, #161d1a) !important;
}
.dark-theme .tox-tinymce .tox-statusbar {
  background-color: var(--bg-background) !important;
  border-top-color: var(--new-border-color, #212c26) !important;
  color: var(--new-pera-color, #afaf9d) !important;
}
.dark-theme .tox-tinymce .tox-statusbar .tox-statusbar__path-item,
.dark-theme .tox-tinymce .tox-statusbar .tox-statusbar__wordcount,
.dark-theme .tox-tinymce .tox-statusbar .tox-statusbar__right-container {
  color: var(--new-pera-color, #afaf9d) !important;
}
.dark-theme .tox-tinymce-aux .tox-menu,
.dark-theme .tox-tinymce-aux .tox-collection,
.dark-theme .tox-tinymce-aux .tox-pop__dialog,
.dark-theme .tox-tinymce-aux .tox-dialog__header,
.dark-theme .tox-tinymce-aux .tox-dialog__body,
.dark-theme .tox-tinymce-aux .tox-dialog__footer,
.dark-theme .tox-menu .tox-menu,
.dark-theme .tox-menu .tox-collection,
.dark-theme .tox-menu .tox-pop__dialog,
.dark-theme .tox-menu .tox-dialog__header,
.dark-theme .tox-menu .tox-dialog__body,
.dark-theme .tox-menu .tox-dialog__footer,
.dark-theme .tox-pop .tox-menu,
.dark-theme .tox-pop .tox-collection,
.dark-theme .tox-pop .tox-pop__dialog,
.dark-theme .tox-pop .tox-dialog__header,
.dark-theme .tox-pop .tox-dialog__body,
.dark-theme .tox-pop .tox-dialog__footer,
.dark-theme .tox-dialog .tox-menu,
.dark-theme .tox-dialog .tox-collection,
.dark-theme .tox-dialog .tox-pop__dialog,
.dark-theme .tox-dialog .tox-dialog__header,
.dark-theme .tox-dialog .tox-dialog__body,
.dark-theme .tox-dialog .tox-dialog__footer {
  background-color: var(--new-pdropdown-bg, #111714) !important;
  color: var(--new-mainHeading-color, #ffffff) !important;
  border-color: var(--new-border-color, #212c26) !important;
}
.dark-theme .tox-tinymce-aux .tox-collection__item,
.dark-theme .tox-menu .tox-collection__item,
.dark-theme .tox-pop .tox-collection__item,
.dark-theme .tox-dialog .tox-collection__item {
  color: var(--new-mainHeading-color, #ffffff) !important;
}
.dark-theme .tox-tinymce-aux .tox-collection__item .tox-collection__item-label,
.dark-theme .tox-menu .tox-collection__item .tox-collection__item-label,
.dark-theme .tox-pop .tox-collection__item .tox-collection__item-label,
.dark-theme .tox-dialog .tox-collection__item .tox-collection__item-label {
  color: var(--new-mainHeading-color, #ffffff) !important;
}
.dark-theme .tox-tinymce-aux .tox-collection__item:hover,
.dark-theme .tox-tinymce-aux .tox-collection__item.tox-collection__item--active,
.dark-theme .tox-menu .tox-collection__item:hover,
.dark-theme .tox-menu .tox-collection__item.tox-collection__item--active,
.dark-theme .tox-pop .tox-collection__item:hover,
.dark-theme .tox-pop .tox-collection__item.tox-collection__item--active,
.dark-theme .tox-dialog .tox-collection__item:hover,
.dark-theme .tox-dialog .tox-collection__item.tox-collection__item--active {
  background-color: var(--new-hover-color, #19211b) !important;
  color: var(--light-text-green, #8aac39) !important;
}
.tox .tox-collection--list .tox-collection__item--enabled {
  background-color: var(--new-bglight2) !important;
}
.tox .tox-tbtn:hover {
  background-color: var(--new-bglight2) !important;
}
:root {
  --theme-green: #779500;
  --light-green: #9bb146;
  --white: #ffffff;
  --head-color: #6f6669;
  --light-grey: #6c6366;
  --deep-dark: #8c8c8c;
  --d-grey: #dddddd;
  --text-list-grey-light: #666666;
  --text-list-color-deep: #212228;
  --black: #000000;
  --blue: #7e57c2;
  --green: #779500;
  --green-btn: #779500;
  --text-color: #212228;
  --sky: #06ccc5;
  --border-line: #ddd;
  --bg-color: #f9fafc;
  --link-color: #5466cf;
  --contact-bg: #f5f5f5;
  --body-font: font-family: "Helvetica";
}
.comon-box-item {
  background: var(--bg-background) !important;
  border: 1px solid var(--new-border-color) !important;
  border-radius: var(--new-border-radius) !important;
  font-family: var(--new-bg-font) !important;
  min-width: 100%;
}
@media screen and (max-width: 480px) {
  .recent-admin-course .comon-header-bar {
    flex-direction: column;
    justify-content: start !important;
    padding-bottom: 12px;
  }
}
.main-dashboard .comon-header-bar {
  border-bottom: 1px solid var(--new-border-color);
}
.main-dashboard .comon-header-bar h3 {
  font-size: 14px !important;
  color: var(--new-mainHeading-color) !important;
}
.main-dashboard .comon-header-bar .count-badge {
  font-weight: 500 !important;
  background: var(--bg-background) !important;
  border: 1px solid var(--new-border-color) !important;
  color: var(--new-mainHeading-color) !important;
  margin-left: 13px !important;
}
.new-course-box {
  background: var(--bg-background);
  border: 1px solid var(--new-border-color);
  border-radius: var(--new-border-radius);
  padding: 20px;
  border-radius: var(--new-border-radius) !important;
  position: relative;
  overflow: hidden !important;
}
.new-course-box::before {
  position: absolute;
  top: -1px;
  left: 0;
  content: "";
  width: 100%;
  height: 5px;
  background:
    linear-gradient(
      to left,
      #6c872d,
      #8ab12e);
}
.new-course-box .cours-tittle {
  font-size: 14px;
  color: var(--new-mainHeading-color) !important;
  font-weight: 500;
  margin-top: 16px;
  min-height: auto;
}
.group-button-edit {
  margin-top: 10px !important;
}
.group-button-edit .cours-bttn {
  padding: 5px 12px;
  font-size: 12px;
  border-radius: var(--new-border-radius);
  background: var(--new-main-color);
  color: var(--new-theme-hover-text-color);
  font-weight: 500;
  font-family: var(--new-bg-font);
  text-decoration: none;
}
.nav-tabs-container {
  display: flex;
  align-items: center;
  margin-bottom: 1.25rem;
}
.nav-tabs-container .nav-tabs {
  border-bottom: none !important;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  background: var(--bg-background) !important;
  border: 1px solid var(--new-border-color) !important;
  padding: 5px 6px;
  border-radius: var(--new-border-radius, 10px);
  margin: 0;
  list-style: none;
}
.nav-tabs-container .nav-tabs .nav-item {
  margin: 0;
  list-style: none;
}
.nav-tabs-container .nav-tabs .nav-item .nav-link {
  border: 1px solid transparent !important;
  background: transparent !important;
  color: var(--new-pera-color) !important;
  font-weight: 500;
  padding: 7px 18px;
  transition: var(--new-transition, all 0.25s ease);
  cursor: pointer;
  text-decoration: none;
  border-radius: var(--new-border-radius, 8px);
  font-family: var(--new-bg-font, "DM Sans", sans-serif);
  font-size: 13px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  line-height: 1.4;
}
.nav-tabs-container .nav-tabs .nav-item .nav-link .tab-icon,
.nav-tabs-container .nav-tabs .nav-item .nav-link i,
.nav-tabs-container .nav-tabs .nav-item .nav-link svg {
  font-size: 14px;
  color: var(--new-pera-color);
  transition: var(--new-transition, all 0.25s ease);
}
.nav-tabs-container .nav-tabs .nav-item .nav-link:hover {
  background: var(--new-hover-color) !important;
  color: var(--new-mainHeading-color) !important;
}
.nav-tabs-container .nav-tabs .nav-item .nav-link:hover .tab-icon,
.nav-tabs-container .nav-tabs .nav-item .nav-link:hover i,
.nav-tabs-container .nav-tabs .nav-item .nav-link:hover svg {
  color: var(--light-text-green) !important;
}
.nav-tabs-container .nav-tabs .nav-item .nav-link.active,
.nav-tabs-container .nav-tabs .nav-item .nav-link.active-parent,
.nav-tabs-container .nav-tabs .nav-item .nav-link.active-link {
  background: var(--new-bg-background) !important;
  color: var(--new-mainHeading-color) !important;
  border-color: var(--new-border-color) !important;
  font-weight: 600;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}
.nav-tabs-container .nav-tabs .nav-item .nav-link.active .tab-icon,
.nav-tabs-container .nav-tabs .nav-item .nav-link.active i,
.nav-tabs-container .nav-tabs .nav-item .nav-link.active svg,
.nav-tabs-container .nav-tabs .nav-item .nav-link.active-parent .tab-icon,
.nav-tabs-container .nav-tabs .nav-item .nav-link.active-parent i,
.nav-tabs-container .nav-tabs .nav-item .nav-link.active-parent svg,
.nav-tabs-container .nav-tabs .nav-item .nav-link.active-link .tab-icon,
.nav-tabs-container .nav-tabs .nav-item .nav-link.active-link i,
.nav-tabs-container .nav-tabs .nav-item .nav-link.active-link svg {
  color: var(--light-text-green) !important;
}
.report-nav-tabs-container {
  margin-bottom: 1.25rem;
}
.report-nav-tabs-container .nav-tabs {
  background: var(--bg-background) !important;
  border: 1px solid var(--new-border-color) !important;
  box-shadow: var(--shadow, 0 2px 8px rgba(0, 0, 0, 0.04));
}
.p-select-list-container,
.p-select-panel,
.p-dropdown-panel,
.p-multiselect-panel,
.p-autocomplete-panel,
.p-dropdown-items-wrapper,
.p-multiselect-items-wrapper,
.p-autocomplete-items-wrapper,
.p-select-items-wrapper,
.p-scroller-viewport,
.p-scroller,
.p-select-viewport,
.p-select-overlay,
.p-select-list,
.p-select-option-list,
ul.p-select-list {
  scrollbar-width: thin !important;
  scrollbar-color: var(--new-border-color) var(--bg-background) !important;
}
.p-select-list-container::-webkit-scrollbar,
.p-select-panel::-webkit-scrollbar,
.p-dropdown-panel::-webkit-scrollbar,
.p-multiselect-panel::-webkit-scrollbar,
.p-autocomplete-panel::-webkit-scrollbar,
.p-dropdown-items-wrapper::-webkit-scrollbar,
.p-multiselect-items-wrapper::-webkit-scrollbar,
.p-autocomplete-items-wrapper::-webkit-scrollbar,
.p-select-items-wrapper::-webkit-scrollbar,
.p-scroller-viewport::-webkit-scrollbar,
.p-scroller::-webkit-scrollbar,
.p-select-viewport::-webkit-scrollbar,
.p-select-overlay::-webkit-scrollbar,
.p-select-list::-webkit-scrollbar,
.p-select-option-list::-webkit-scrollbar,
ul.p-select-list::-webkit-scrollbar {
  width: 5px !important;
  height: 5px !important;
}
.p-select-list-container::-webkit-scrollbar-button,
.p-select-panel::-webkit-scrollbar-button,
.p-dropdown-panel::-webkit-scrollbar-button,
.p-multiselect-panel::-webkit-scrollbar-button,
.p-autocomplete-panel::-webkit-scrollbar-button,
.p-dropdown-items-wrapper::-webkit-scrollbar-button,
.p-multiselect-items-wrapper::-webkit-scrollbar-button,
.p-autocomplete-items-wrapper::-webkit-scrollbar-button,
.p-select-items-wrapper::-webkit-scrollbar-button,
.p-scroller-viewport::-webkit-scrollbar-button,
.p-scroller::-webkit-scrollbar-button,
.p-select-viewport::-webkit-scrollbar-button,
.p-select-overlay::-webkit-scrollbar-button,
.p-select-list::-webkit-scrollbar-button,
.p-select-option-list::-webkit-scrollbar-button,
ul.p-select-list::-webkit-scrollbar-button {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}
.p-select-list-container::-webkit-scrollbar-track,
.p-select-panel::-webkit-scrollbar-track,
.p-dropdown-panel::-webkit-scrollbar-track,
.p-multiselect-panel::-webkit-scrollbar-track,
.p-autocomplete-panel::-webkit-scrollbar-track,
.p-dropdown-items-wrapper::-webkit-scrollbar-track,
.p-multiselect-items-wrapper::-webkit-scrollbar-track,
.p-autocomplete-items-wrapper::-webkit-scrollbar-track,
.p-select-items-wrapper::-webkit-scrollbar-track,
.p-scroller-viewport::-webkit-scrollbar-track,
.p-scroller::-webkit-scrollbar-track,
.p-select-viewport::-webkit-scrollbar-track,
.p-select-overlay::-webkit-scrollbar-track,
.p-select-list::-webkit-scrollbar-track,
.p-select-option-list::-webkit-scrollbar-track,
ul.p-select-list::-webkit-scrollbar-track {
  box-shadow: inherit !important;
  background: var(--bg-background) !important;
  border-radius: 0px !important;
}
.p-select-list-container::-webkit-scrollbar-thumb,
.p-select-panel::-webkit-scrollbar-thumb,
.p-dropdown-panel::-webkit-scrollbar-thumb,
.p-multiselect-panel::-webkit-scrollbar-thumb,
.p-autocomplete-panel::-webkit-scrollbar-thumb,
.p-dropdown-items-wrapper::-webkit-scrollbar-thumb,
.p-multiselect-items-wrapper::-webkit-scrollbar-thumb,
.p-autocomplete-items-wrapper::-webkit-scrollbar-thumb,
.p-select-items-wrapper::-webkit-scrollbar-thumb,
.p-scroller-viewport::-webkit-scrollbar-thumb,
.p-scroller::-webkit-scrollbar-thumb,
.p-select-viewport::-webkit-scrollbar-thumb,
.p-select-overlay::-webkit-scrollbar-thumb,
.p-select-list::-webkit-scrollbar-thumb,
.p-select-option-list::-webkit-scrollbar-thumb,
ul.p-select-list::-webkit-scrollbar-thumb {
  background: var(--new-border-color) !important;
  border-radius: 3px !important;
}
.p-select-list-container::-webkit-scrollbar-thumb:hover,
.p-select-panel::-webkit-scrollbar-thumb:hover,
.p-dropdown-panel::-webkit-scrollbar-thumb:hover,
.p-multiselect-panel::-webkit-scrollbar-thumb:hover,
.p-autocomplete-panel::-webkit-scrollbar-thumb:hover,
.p-dropdown-items-wrapper::-webkit-scrollbar-thumb:hover,
.p-multiselect-items-wrapper::-webkit-scrollbar-thumb:hover,
.p-autocomplete-items-wrapper::-webkit-scrollbar-thumb:hover,
.p-select-items-wrapper::-webkit-scrollbar-thumb:hover,
.p-scroller-viewport::-webkit-scrollbar-thumb:hover,
.p-scroller::-webkit-scrollbar-thumb:hover,
.p-select-viewport::-webkit-scrollbar-thumb:hover,
.p-select-overlay::-webkit-scrollbar-thumb:hover,
.p-select-list::-webkit-scrollbar-thumb:hover,
.p-select-option-list::-webkit-scrollbar-thumb:hover,
ul.p-select-list::-webkit-scrollbar-thumb:hover {
  background: var(--new-pera-color) !important;
}
.p-select-list-container,
.p-select-panel,
.p-dropdown-panel,
.p-multiselect-panel,
.p-autocomplete-panel {
  background: var(--bg-background) !important;
  border: 1px solid var(--new-border-color) !important;
  border-radius: var(--new-border-radius) !important;
  scrollbar-width: thin !important;
  scrollbar-color: var(--new-border-color) var(--bg-background) !important;
}
.p-select-list-container::-webkit-scrollbar,
.p-select-panel::-webkit-scrollbar,
.p-dropdown-panel::-webkit-scrollbar,
.p-multiselect-panel::-webkit-scrollbar,
.p-autocomplete-panel::-webkit-scrollbar {
  width: 5px !important;
  height: 5px !important;
}
.p-select-list-container::-webkit-scrollbar-button,
.p-select-panel::-webkit-scrollbar-button,
.p-dropdown-panel::-webkit-scrollbar-button,
.p-multiselect-panel::-webkit-scrollbar-button,
.p-autocomplete-panel::-webkit-scrollbar-button {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}
.p-select-list-container::-webkit-scrollbar-track,
.p-select-panel::-webkit-scrollbar-track,
.p-dropdown-panel::-webkit-scrollbar-track,
.p-multiselect-panel::-webkit-scrollbar-track,
.p-autocomplete-panel::-webkit-scrollbar-track {
  box-shadow: inherit !important;
  background: var(--bg-background) !important;
  border-radius: 0px !important;
}
.p-select-list-container::-webkit-scrollbar-thumb,
.p-select-panel::-webkit-scrollbar-thumb,
.p-dropdown-panel::-webkit-scrollbar-thumb,
.p-multiselect-panel::-webkit-scrollbar-thumb,
.p-autocomplete-panel::-webkit-scrollbar-thumb {
  background: var(--new-border-color) !important;
  border-radius: 3px !important;
}
.p-select-list-container::-webkit-scrollbar-thumb:hover,
.p-select-panel::-webkit-scrollbar-thumb:hover,
.p-dropdown-panel::-webkit-scrollbar-thumb:hover,
.p-multiselect-panel::-webkit-scrollbar-thumb:hover,
.p-autocomplete-panel::-webkit-scrollbar-thumb:hover {
  background: var(--new-pera-color) !important;
}
.p-select-list-container .p-select-list,
.p-select-list-container .p-dropdown-items,
.p-select-list-container .p-multiselect-items,
.p-select-panel .p-select-list,
.p-select-panel .p-dropdown-items,
.p-select-panel .p-multiselect-items,
.p-dropdown-panel .p-select-list,
.p-dropdown-panel .p-dropdown-items,
.p-dropdown-panel .p-multiselect-items,
.p-multiselect-panel .p-select-list,
.p-multiselect-panel .p-dropdown-items,
.p-multiselect-panel .p-multiselect-items,
.p-autocomplete-panel .p-select-list,
.p-autocomplete-panel .p-dropdown-items,
.p-autocomplete-panel .p-multiselect-items {
  background: var(--bg-background) !important;
  padding: 4px !important;
}
.p-select-overlay {
  background: var(--bg-background) !important;
  border: none !important;
}
.p-select-list li,
.p-dropdown-items .p-dropdown-item,
.p-multiselect-items .p-multiselect-item,
.p-select-option {
  color: var(--new-mainHeading-color) !important;
  font-family: var(--new-bg-font) !important;
  font-size: 13px !important;
  border-radius: var(--new-border-radius) !important;
  margin: 2px 0 !important;
  padding: 7px 12px !important;
  transition: var(--new-transition);
}
ul.p-select-list li.p-select-option:hover,
.p-select-option.p-select-option-selected,
.p-select-option:not(.p-select-option-selected):not(.p-disabled).p-focus,
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:hover,
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight,
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-focus,
.p-select-panel .p-select-list .p-select-option:hover,
.p-select-panel .p-select-list .p-select-option.p-highlight,
.p-select-panel .p-select-list .p-select-option.p-focus,
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:hover,
.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight,
.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-focus,
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover,
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight,
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-focus {
  background: rgba(107, 134, 45, 0.1) !important;
  color: var(--new-main-color) !important;
}
ul.p-select-list li.p-select-option:hover *,
ul.p-select-list li.p-select-option:hover span,
ul.p-select-list li.p-select-option:hover div,
ul.p-select-list li.p-select-option:hover .p-select-option-label,
ul.p-select-list li.p-select-option:hover .p-dropdown-item-label,
ul.p-select-list li.p-select-option:hover .p-multiselect-item-label,
.p-select-option.p-select-option-selected *,
.p-select-option.p-select-option-selected span,
.p-select-option.p-select-option-selected div,
.p-select-option.p-select-option-selected .p-select-option-label,
.p-select-option.p-select-option-selected .p-dropdown-item-label,
.p-select-option.p-select-option-selected .p-multiselect-item-label,
.p-select-option:not(.p-select-option-selected):not(.p-disabled).p-focus *,
.p-select-option:not(.p-select-option-selected):not(.p-disabled).p-focus span,
.p-select-option:not(.p-select-option-selected):not(.p-disabled).p-focus div,
.p-select-option:not(.p-select-option-selected):not(.p-disabled).p-focus .p-select-option-label,
.p-select-option:not(.p-select-option-selected):not(.p-disabled).p-focus .p-dropdown-item-label,
.p-select-option:not(.p-select-option-selected):not(.p-disabled).p-focus .p-multiselect-item-label,
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:hover *,
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:hover span,
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:hover div,
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:hover .p-select-option-label,
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:hover .p-dropdown-item-label,
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:hover .p-multiselect-item-label,
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight *,
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight span,
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight div,
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight .p-select-option-label,
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight .p-dropdown-item-label,
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight .p-multiselect-item-label,
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-focus *,
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-focus span,
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-focus div,
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-focus .p-select-option-label,
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-focus .p-dropdown-item-label,
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-focus .p-multiselect-item-label,
.p-select-panel .p-select-list .p-select-option:hover *,
.p-select-panel .p-select-list .p-select-option:hover span,
.p-select-panel .p-select-list .p-select-option:hover div,
.p-select-panel .p-select-list .p-select-option:hover .p-select-option-label,
.p-select-panel .p-select-list .p-select-option:hover .p-dropdown-item-label,
.p-select-panel .p-select-list .p-select-option:hover .p-multiselect-item-label,
.p-select-panel .p-select-list .p-select-option.p-highlight *,
.p-select-panel .p-select-list .p-select-option.p-highlight span,
.p-select-panel .p-select-list .p-select-option.p-highlight div,
.p-select-panel .p-select-list .p-select-option.p-highlight .p-select-option-label,
.p-select-panel .p-select-list .p-select-option.p-highlight .p-dropdown-item-label,
.p-select-panel .p-select-list .p-select-option.p-highlight .p-multiselect-item-label,
.p-select-panel .p-select-list .p-select-option.p-focus *,
.p-select-panel .p-select-list .p-select-option.p-focus span,
.p-select-panel .p-select-list .p-select-option.p-focus div,
.p-select-panel .p-select-list .p-select-option.p-focus .p-select-option-label,
.p-select-panel .p-select-list .p-select-option.p-focus .p-dropdown-item-label,
.p-select-panel .p-select-list .p-select-option.p-focus .p-multiselect-item-label,
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:hover *,
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:hover span,
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:hover div,
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:hover .p-select-option-label,
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:hover .p-dropdown-item-label,
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:hover .p-multiselect-item-label,
.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight *,
.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight span,
.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight div,
.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight .p-select-option-label,
.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight .p-dropdown-item-label,
.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight .p-multiselect-item-label,
.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-focus *,
.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-focus span,
.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-focus div,
.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-focus .p-select-option-label,
.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-focus .p-dropdown-item-label,
.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-focus .p-multiselect-item-label,
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover *,
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover span,
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover div,
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover .p-select-option-label,
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover .p-dropdown-item-label,
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover .p-multiselect-item-label,
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight *,
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight span,
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight div,
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight .p-select-option-label,
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight .p-dropdown-item-label,
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight .p-multiselect-item-label,
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-focus *,
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-focus span,
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-focus div,
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-focus .p-select-option-label,
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-focus .p-dropdown-item-label,
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-focus .p-multiselect-item-label {
  color: var(--new-main-color) !important;
}
.p-select,
.p-dropdown,
.p-multiselect {
  display: flex !important;
  align-items: center !important;
  height: 34px !important;
  background: var(--bg-background) !important;
  border: 1px solid var(--new-border-color) !important;
  border-radius: var(--new-border-radius) !important;
  font-family: var(--new-bg-font) !important;
}
.p-select .p-select-label,
.p-select .p-dropdown-label,
.p-select .p-multiselect-label,
.p-dropdown .p-select-label,
.p-dropdown .p-dropdown-label,
.p-dropdown .p-multiselect-label,
.p-multiselect .p-select-label,
.p-multiselect .p-dropdown-label,
.p-multiselect .p-multiselect-label {
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
  padding: 0 12px !important;
  font-family: var(--new-bg-font) !important;
  font-size: 13px !important;
  color: var(--new-mainHeading-color) !important;
  line-height: normal !important;
  margin: 0 !important;
}
.p-select .p-select-label.p-placeholder,
.p-select .p-select-label.p-dropdown-label-empty,
.p-select .p-dropdown-label.p-placeholder,
.p-select .p-dropdown-label.p-dropdown-label-empty,
.p-select .p-multiselect-label.p-placeholder,
.p-select .p-multiselect-label.p-dropdown-label-empty,
.p-dropdown .p-select-label.p-placeholder,
.p-dropdown .p-select-label.p-dropdown-label-empty,
.p-dropdown .p-dropdown-label.p-placeholder,
.p-dropdown .p-dropdown-label.p-dropdown-label-empty,
.p-dropdown .p-multiselect-label.p-placeholder,
.p-dropdown .p-multiselect-label.p-dropdown-label-empty,
.p-multiselect .p-select-label.p-placeholder,
.p-multiselect .p-select-label.p-dropdown-label-empty,
.p-multiselect .p-dropdown-label.p-placeholder,
.p-multiselect .p-dropdown-label.p-dropdown-label-empty,
.p-multiselect .p-multiselect-label.p-placeholder,
.p-multiselect .p-multiselect-label.p-dropdown-label-empty {
  color: var(--new-pera-color) !important;
  opacity: 0.7;
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
}
.p-select .p-select-dropdown,
.p-select .p-select-trigger,
.p-select .p-dropdown-trigger,
.p-select .p-multiselect-trigger,
.p-dropdown .p-select-dropdown,
.p-dropdown .p-select-trigger,
.p-dropdown .p-dropdown-trigger,
.p-dropdown .p-multiselect-trigger,
.p-multiselect .p-select-dropdown,
.p-multiselect .p-select-trigger,
.p-multiselect .p-dropdown-trigger,
.p-multiselect .p-multiselect-trigger {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 100% !important;
  width: 32px !important;
  color: var(--new-pera-color) !important;
}
.p-datatable-filter-overlay,
.p-datatable-filter-overlay-popover,
.p-column-filter-overlay,
.p-column-filter-overlay-menu,
.p-column-filter-overlay-popover,
.p-column-filter-popover {
  background: var(--bg-background) !important;
  color: var(--new-mainHeading-color) !important;
  border: 1px solid var(--new-border-color) !important;
  border-radius: var(--new-border-radius, 12px) !important;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.25), 0 8px 10px -6px rgba(0, 0, 0, 0.2) !important;
  font-family: var(--new-bg-font) !important;
  min-width: 220px !important;
  padding: 12px !important;
}
.p-datatable-filter-overlay::before,
.p-datatable-filter-overlay-popover::before,
.p-column-filter-overlay::before,
.p-column-filter-overlay-menu::before,
.p-column-filter-overlay-popover::before,
.p-column-filter-popover::before {
  border-bottom-color: var(--new-border-color) !important;
}
.p-datatable-filter-overlay::after,
.p-datatable-filter-overlay-popover::after,
.p-column-filter-overlay::after,
.p-column-filter-overlay-menu::after,
.p-column-filter-overlay-popover::after,
.p-column-filter-popover::after {
  border-bottom-color: var(--bg-background) !important;
}
.p-datatable-filter-overlay.p-column-filter-overlay-flipped::before,
.p-datatable-filter-overlay-popover.p-column-filter-overlay-flipped::before,
.p-column-filter-overlay.p-column-filter-overlay-flipped::before,
.p-column-filter-overlay-menu.p-column-filter-overlay-flipped::before,
.p-column-filter-overlay-popover.p-column-filter-overlay-flipped::before,
.p-column-filter-popover.p-column-filter-overlay-flipped::before {
  border-top-color: var(--new-border-color) !important;
}
.p-datatable-filter-overlay.p-column-filter-overlay-flipped::after,
.p-datatable-filter-overlay-popover.p-column-filter-overlay-flipped::after,
.p-column-filter-overlay.p-column-filter-overlay-flipped::after,
.p-column-filter-overlay-menu.p-column-filter-overlay-flipped::after,
.p-column-filter-overlay-popover.p-column-filter-overlay-flipped::after,
.p-column-filter-popover.p-column-filter-overlay-flipped::after {
  border-top-color: var(--bg-background) !important;
}
.p-datatable-filter-overlay .p-column-filter-row-items,
.p-datatable-filter-overlay-popover .p-column-filter-row-items,
.p-column-filter-overlay .p-column-filter-row-items,
.p-column-filter-overlay-menu .p-column-filter-row-items,
.p-column-filter-overlay-popover .p-column-filter-row-items,
.p-column-filter-popover .p-column-filter-row-items {
  padding: 4px 0 !important;
  margin: 0 !important;
  list-style: none !important;
}
.p-datatable-filter-overlay .p-column-filter-row-items .p-column-filter-row-item,
.p-datatable-filter-overlay-popover .p-column-filter-row-items .p-column-filter-row-item,
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item,
.p-column-filter-overlay-menu .p-column-filter-row-items .p-column-filter-row-item,
.p-column-filter-overlay-popover .p-column-filter-row-items .p-column-filter-row-item,
.p-column-filter-popover .p-column-filter-row-items .p-column-filter-row-item {
  padding: 7px 12px !important;
  margin: 2px 0 !important;
  border-radius: var(--new-border-radius, 8px) !important;
  color: var(--new-mainHeading-color) !important;
  font-size: 13px !important;
  font-family: var(--new-bg-font) !important;
  cursor: pointer !important;
  transition: var(--new-transition) !important;
}
.p-datatable-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:hover,
.p-datatable-filter-overlay-popover .p-column-filter-row-items .p-column-filter-row-item:hover,
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:hover,
.p-column-filter-overlay-menu .p-column-filter-row-items .p-column-filter-row-item:hover,
.p-column-filter-overlay-popover .p-column-filter-row-items .p-column-filter-row-item:hover,
.p-column-filter-popover .p-column-filter-row-items .p-column-filter-row-item:hover {
  background: var(--new-hover-color) !important;
  color: var(--light-text-green) !important;
}
.p-datatable-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight,
.p-datatable-filter-overlay-popover .p-column-filter-row-items .p-column-filter-row-item.p-highlight,
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight,
.p-column-filter-overlay-menu .p-column-filter-row-items .p-column-filter-row-item.p-highlight,
.p-column-filter-overlay-popover .p-column-filter-row-items .p-column-filter-row-item.p-highlight,
.p-column-filter-popover .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
  background: rgba(107, 134, 45, 0.15) !important;
  color: var(--light-text-green) !important;
  font-weight: 600 !important;
}
.p-datatable-filter-overlay .p-column-filter-operator,
.p-datatable-filter-overlay-popover .p-column-filter-operator,
.p-column-filter-overlay .p-column-filter-operator,
.p-column-filter-overlay-menu .p-column-filter-operator,
.p-column-filter-overlay-popover .p-column-filter-operator,
.p-column-filter-popover .p-column-filter-operator {
  padding: 0 0 10px 0 !important;
  margin-bottom: 10px !important;
  border-bottom: 1px solid var(--new-border-color) !important;
}
.p-datatable-filter-overlay .p-column-filter-operator .p-dropdown,
.p-datatable-filter-overlay-popover .p-column-filter-operator .p-dropdown,
.p-column-filter-overlay .p-column-filter-operator .p-dropdown,
.p-column-filter-overlay-menu .p-column-filter-operator .p-dropdown,
.p-column-filter-overlay-popover .p-column-filter-operator .p-dropdown,
.p-column-filter-popover .p-column-filter-operator .p-dropdown {
  width: 100% !important;
  background: var(--bg-background) !important;
  border: 1px solid var(--new-border-color) !important;
  border-radius: var(--new-border-radius, 8px) !important;
  height: 34px !important;
}
.p-datatable-filter-overlay .p-column-filter-operator .p-dropdown .p-dropdown-label,
.p-datatable-filter-overlay-popover .p-column-filter-operator .p-dropdown .p-dropdown-label,
.p-column-filter-overlay .p-column-filter-operator .p-dropdown .p-dropdown-label,
.p-column-filter-overlay-menu .p-column-filter-operator .p-dropdown .p-dropdown-label,
.p-column-filter-overlay-popover .p-column-filter-operator .p-dropdown .p-dropdown-label,
.p-column-filter-popover .p-column-filter-operator .p-dropdown .p-dropdown-label {
  color: var(--new-mainHeading-color) !important;
  font-size: 13px !important;
  padding: 6px 10px !important;
  line-height: 20px !important;
}
.p-datatable-filter-overlay .p-column-filter-operator .p-dropdown .p-dropdown-trigger,
.p-datatable-filter-overlay-popover .p-column-filter-operator .p-dropdown .p-dropdown-trigger,
.p-column-filter-overlay .p-column-filter-operator .p-dropdown .p-dropdown-trigger,
.p-column-filter-overlay-menu .p-column-filter-operator .p-dropdown .p-dropdown-trigger,
.p-column-filter-overlay-popover .p-column-filter-operator .p-dropdown .p-dropdown-trigger,
.p-column-filter-popover .p-column-filter-operator .p-dropdown .p-dropdown-trigger {
  color: var(--new-pera-color) !important;
}
.p-datatable-filter-overlay .p-column-filter-constraints,
.p-datatable-filter-overlay-popover .p-column-filter-constraints,
.p-column-filter-overlay .p-column-filter-constraints,
.p-column-filter-overlay-menu .p-column-filter-constraints,
.p-column-filter-overlay-popover .p-column-filter-constraints,
.p-column-filter-popover .p-column-filter-constraints {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  padding: 0 !important;
}
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint,
.p-datatable-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint,
.p-column-filter-overlay .p-column-filter-constraints .p-column-filter-constraint,
.p-column-filter-overlay-menu .p-column-filter-constraints .p-column-filter-constraint,
.p-column-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint,
.p-column-filter-popover .p-column-filter-constraints .p-column-filter-constraint {
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-column-filter-matchmode-dropdown,
.p-datatable-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-column-filter-matchmode-dropdown,
.p-column-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-column-filter-matchmode-dropdown,
.p-column-filter-overlay-menu .p-column-filter-constraints .p-column-filter-constraint .p-column-filter-matchmode-dropdown,
.p-column-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-column-filter-matchmode-dropdown,
.p-column-filter-popover .p-column-filter-constraints .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
  width: 100% !important;
  margin-bottom: 4px !important;
  background: var(--bg-background) !important;
  border: 1px solid var(--new-border-color) !important;
  border-radius: var(--new-border-radius, 8px) !important;
  height: 34px !important;
}
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-column-filter-matchmode-dropdown .p-dropdown-label,
.p-datatable-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-column-filter-matchmode-dropdown .p-dropdown-label,
.p-column-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-column-filter-matchmode-dropdown .p-dropdown-label,
.p-column-filter-overlay-menu .p-column-filter-constraints .p-column-filter-constraint .p-column-filter-matchmode-dropdown .p-dropdown-label,
.p-column-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-column-filter-matchmode-dropdown .p-dropdown-label,
.p-column-filter-popover .p-column-filter-constraints .p-column-filter-constraint .p-column-filter-matchmode-dropdown .p-dropdown-label {
  color: var(--new-mainHeading-color) !important;
  font-size: 13px !important;
  padding: 6px 10px !important;
  line-height: 20px !important;
}
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-column-filter-matchmode-dropdown .p-dropdown-trigger,
.p-datatable-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-column-filter-matchmode-dropdown .p-dropdown-trigger,
.p-column-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-column-filter-matchmode-dropdown .p-dropdown-trigger,
.p-column-filter-overlay-menu .p-column-filter-constraints .p-column-filter-constraint .p-column-filter-matchmode-dropdown .p-dropdown-trigger,
.p-column-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-column-filter-matchmode-dropdown .p-dropdown-trigger,
.p-column-filter-popover .p-column-filter-constraints .p-column-filter-constraint .p-column-filter-matchmode-dropdown .p-dropdown-trigger {
  color: var(--new-pera-color) !important;
}
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-inputtext,
.p-datatable-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-inputtext,
.p-column-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-inputtext,
.p-column-filter-overlay-menu .p-column-filter-constraints .p-column-filter-constraint .p-inputtext,
.p-column-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-inputtext,
.p-column-filter-popover .p-column-filter-constraints .p-column-filter-constraint .p-inputtext {
  width: 100% !important;
  height: 34px !important;
  padding: 6px 10px !important;
  font-size: 13px !important;
  font-family: var(--new-bg-font) !important;
  background: var(--bg-background) !important;
  border: 1px solid var(--new-border-color) !important;
  border-radius: var(--new-border-radius, 8px) !important;
  color: var(--new-mainHeading-color) !important;
  transition: var(--new-transition) !important;
}
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-inputtext::placeholder,
.p-datatable-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-inputtext::placeholder,
.p-column-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-inputtext::placeholder,
.p-column-filter-overlay-menu .p-column-filter-constraints .p-column-filter-constraint .p-inputtext::placeholder,
.p-column-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-inputtext::placeholder,
.p-column-filter-popover .p-column-filter-constraints .p-column-filter-constraint .p-inputtext::placeholder {
  color: var(--new-pera-color) !important;
  opacity: 0.8 !important;
}
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-inputtext:hover,
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-inputtext:focus,
.p-datatable-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-inputtext:hover,
.p-datatable-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-inputtext:focus,
.p-column-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-inputtext:hover,
.p-column-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-inputtext:focus,
.p-column-filter-overlay-menu .p-column-filter-constraints .p-column-filter-constraint .p-inputtext:hover,
.p-column-filter-overlay-menu .p-column-filter-constraints .p-column-filter-constraint .p-inputtext:focus,
.p-column-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-inputtext:hover,
.p-column-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-inputtext:focus,
.p-column-filter-popover .p-column-filter-constraints .p-column-filter-constraint .p-inputtext:hover,
.p-column-filter-popover .p-column-filter-constraints .p-column-filter-constraint .p-inputtext:focus {
  border-color: var(--light-text-green) !important;
  outline: none !important;
  box-shadow: 0 0 0 1px var(--light-text-green) !important;
}
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-dropdown,
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-multiselect,
.p-datatable-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-dropdown,
.p-datatable-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-multiselect,
.p-column-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-dropdown,
.p-column-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-multiselect,
.p-column-filter-overlay-menu .p-column-filter-constraints .p-column-filter-constraint .p-dropdown,
.p-column-filter-overlay-menu .p-column-filter-constraints .p-column-filter-constraint .p-multiselect,
.p-column-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-dropdown,
.p-column-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-multiselect,
.p-column-filter-popover .p-column-filter-constraints .p-column-filter-constraint .p-dropdown,
.p-column-filter-popover .p-column-filter-constraints .p-column-filter-constraint .p-multiselect {
  width: 100% !important;
  background: var(--bg-background) !important;
  border: 1px solid var(--new-border-color) !important;
  border-radius: var(--new-border-radius, 8px) !important;
  min-height: 34px !important;
}
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-dropdown-label,
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-multiselect-label,
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-dropdown-label,
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-multiselect-label,
.p-datatable-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-dropdown-label,
.p-datatable-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-multiselect-label,
.p-datatable-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-dropdown-label,
.p-datatable-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-multiselect-label,
.p-column-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-dropdown-label,
.p-column-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-multiselect-label,
.p-column-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-dropdown-label,
.p-column-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-multiselect-label,
.p-column-filter-overlay-menu .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-dropdown-label,
.p-column-filter-overlay-menu .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-multiselect-label,
.p-column-filter-overlay-menu .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-dropdown-label,
.p-column-filter-overlay-menu .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-multiselect-label,
.p-column-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-dropdown-label,
.p-column-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-multiselect-label,
.p-column-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-dropdown-label,
.p-column-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-multiselect-label,
.p-column-filter-popover .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-dropdown-label,
.p-column-filter-popover .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-multiselect-label,
.p-column-filter-popover .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-dropdown-label,
.p-column-filter-popover .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-multiselect-label {
  color: var(--new-mainHeading-color) !important;
  font-size: 13px !important;
  padding: 6px 10px !important;
  line-height: 20px !important;
}
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-dropdown-label.p-placeholder,
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-multiselect-label.p-placeholder,
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-dropdown-label.p-placeholder,
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-multiselect-label.p-placeholder,
.p-datatable-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-dropdown-label.p-placeholder,
.p-datatable-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-multiselect-label.p-placeholder,
.p-datatable-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-dropdown-label.p-placeholder,
.p-datatable-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-multiselect-label.p-placeholder,
.p-column-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-dropdown-label.p-placeholder,
.p-column-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-multiselect-label.p-placeholder,
.p-column-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-dropdown-label.p-placeholder,
.p-column-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-multiselect-label.p-placeholder,
.p-column-filter-overlay-menu .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-dropdown-label.p-placeholder,
.p-column-filter-overlay-menu .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-multiselect-label.p-placeholder,
.p-column-filter-overlay-menu .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-dropdown-label.p-placeholder,
.p-column-filter-overlay-menu .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-multiselect-label.p-placeholder,
.p-column-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-dropdown-label.p-placeholder,
.p-column-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-multiselect-label.p-placeholder,
.p-column-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-dropdown-label.p-placeholder,
.p-column-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-multiselect-label.p-placeholder,
.p-column-filter-popover .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-dropdown-label.p-placeholder,
.p-column-filter-popover .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-multiselect-label.p-placeholder,
.p-column-filter-popover .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-dropdown-label.p-placeholder,
.p-column-filter-popover .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-multiselect-label.p-placeholder {
  color: var(--new-pera-color) !important;
}
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-dropdown-trigger,
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-multiselect-trigger,
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-dropdown-trigger,
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-multiselect-trigger,
.p-datatable-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-dropdown-trigger,
.p-datatable-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-multiselect-trigger,
.p-datatable-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-dropdown-trigger,
.p-datatable-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-multiselect-trigger,
.p-column-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-dropdown-trigger,
.p-column-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-multiselect-trigger,
.p-column-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-dropdown-trigger,
.p-column-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-multiselect-trigger,
.p-column-filter-overlay-menu .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-dropdown-trigger,
.p-column-filter-overlay-menu .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-multiselect-trigger,
.p-column-filter-overlay-menu .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-dropdown-trigger,
.p-column-filter-overlay-menu .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-multiselect-trigger,
.p-column-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-dropdown-trigger,
.p-column-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-multiselect-trigger,
.p-column-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-dropdown-trigger,
.p-column-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-multiselect-trigger,
.p-column-filter-popover .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-dropdown-trigger,
.p-column-filter-popover .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-multiselect-trigger,
.p-column-filter-popover .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-dropdown-trigger,
.p-column-filter-popover .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-multiselect-trigger {
  color: var(--new-pera-color) !important;
}
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-dropdown:hover,
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-dropdown:focus,
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-dropdown.p-focus,
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-multiselect:hover,
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-multiselect:focus,
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-multiselect.p-focus,
.p-datatable-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-dropdown:hover,
.p-datatable-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-dropdown:focus,
.p-datatable-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-dropdown.p-focus,
.p-datatable-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-multiselect:hover,
.p-datatable-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-multiselect:focus,
.p-datatable-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-multiselect.p-focus,
.p-column-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-dropdown:hover,
.p-column-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-dropdown:focus,
.p-column-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-dropdown.p-focus,
.p-column-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-multiselect:hover,
.p-column-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-multiselect:focus,
.p-column-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-multiselect.p-focus,
.p-column-filter-overlay-menu .p-column-filter-constraints .p-column-filter-constraint .p-dropdown:hover,
.p-column-filter-overlay-menu .p-column-filter-constraints .p-column-filter-constraint .p-dropdown:focus,
.p-column-filter-overlay-menu .p-column-filter-constraints .p-column-filter-constraint .p-dropdown.p-focus,
.p-column-filter-overlay-menu .p-column-filter-constraints .p-column-filter-constraint .p-multiselect:hover,
.p-column-filter-overlay-menu .p-column-filter-constraints .p-column-filter-constraint .p-multiselect:focus,
.p-column-filter-overlay-menu .p-column-filter-constraints .p-column-filter-constraint .p-multiselect.p-focus,
.p-column-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-dropdown:hover,
.p-column-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-dropdown:focus,
.p-column-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-dropdown.p-focus,
.p-column-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-multiselect:hover,
.p-column-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-multiselect:focus,
.p-column-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-multiselect.p-focus,
.p-column-filter-popover .p-column-filter-constraints .p-column-filter-constraint .p-dropdown:hover,
.p-column-filter-popover .p-column-filter-constraints .p-column-filter-constraint .p-dropdown:focus,
.p-column-filter-popover .p-column-filter-constraints .p-column-filter-constraint .p-dropdown.p-focus,
.p-column-filter-popover .p-column-filter-constraints .p-column-filter-constraint .p-multiselect:hover,
.p-column-filter-popover .p-column-filter-constraints .p-column-filter-constraint .p-multiselect:focus,
.p-column-filter-popover .p-column-filter-constraints .p-column-filter-constraint .p-multiselect.p-focus {
  border-color: var(--light-text-green) !important;
  box-shadow: 0 0 0 1px var(--light-text-green) !important;
}
.p-datatable-filter-overlay .p-column-filter-add-rule,
.p-datatable-filter-overlay .p-column-filter-remove-rule,
.p-datatable-filter-overlay-popover .p-column-filter-add-rule,
.p-datatable-filter-overlay-popover .p-column-filter-remove-rule,
.p-column-filter-overlay .p-column-filter-add-rule,
.p-column-filter-overlay .p-column-filter-remove-rule,
.p-column-filter-overlay-menu .p-column-filter-add-rule,
.p-column-filter-overlay-menu .p-column-filter-remove-rule,
.p-column-filter-overlay-popover .p-column-filter-add-rule,
.p-column-filter-overlay-popover .p-column-filter-remove-rule,
.p-column-filter-popover .p-column-filter-add-rule,
.p-column-filter-popover .p-column-filter-remove-rule {
  padding: 6px 0 0 0 !important;
}
.p-datatable-filter-overlay .p-column-filter-add-rule button.p-button,
.p-datatable-filter-overlay .p-column-filter-add-rule .p-column-filter-add-button,
.p-datatable-filter-overlay .p-column-filter-add-rule .p-column-filter-remove-button,
.p-datatable-filter-overlay .p-column-filter-remove-rule button.p-button,
.p-datatable-filter-overlay .p-column-filter-remove-rule .p-column-filter-add-button,
.p-datatable-filter-overlay .p-column-filter-remove-rule .p-column-filter-remove-button,
.p-datatable-filter-overlay-popover .p-column-filter-add-rule button.p-button,
.p-datatable-filter-overlay-popover .p-column-filter-add-rule .p-column-filter-add-button,
.p-datatable-filter-overlay-popover .p-column-filter-add-rule .p-column-filter-remove-button,
.p-datatable-filter-overlay-popover .p-column-filter-remove-rule button.p-button,
.p-datatable-filter-overlay-popover .p-column-filter-remove-rule .p-column-filter-add-button,
.p-datatable-filter-overlay-popover .p-column-filter-remove-rule .p-column-filter-remove-button,
.p-column-filter-overlay .p-column-filter-add-rule button.p-button,
.p-column-filter-overlay .p-column-filter-add-rule .p-column-filter-add-button,
.p-column-filter-overlay .p-column-filter-add-rule .p-column-filter-remove-button,
.p-column-filter-overlay .p-column-filter-remove-rule button.p-button,
.p-column-filter-overlay .p-column-filter-remove-rule .p-column-filter-add-button,
.p-column-filter-overlay .p-column-filter-remove-rule .p-column-filter-remove-button,
.p-column-filter-overlay-menu .p-column-filter-add-rule button.p-button,
.p-column-filter-overlay-menu .p-column-filter-add-rule .p-column-filter-add-button,
.p-column-filter-overlay-menu .p-column-filter-add-rule .p-column-filter-remove-button,
.p-column-filter-overlay-menu .p-column-filter-remove-rule button.p-button,
.p-column-filter-overlay-menu .p-column-filter-remove-rule .p-column-filter-add-button,
.p-column-filter-overlay-menu .p-column-filter-remove-rule .p-column-filter-remove-button,
.p-column-filter-overlay-popover .p-column-filter-add-rule button.p-button,
.p-column-filter-overlay-popover .p-column-filter-add-rule .p-column-filter-add-button,
.p-column-filter-overlay-popover .p-column-filter-add-rule .p-column-filter-remove-button,
.p-column-filter-overlay-popover .p-column-filter-remove-rule button.p-button,
.p-column-filter-overlay-popover .p-column-filter-remove-rule .p-column-filter-add-button,
.p-column-filter-overlay-popover .p-column-filter-remove-rule .p-column-filter-remove-button,
.p-column-filter-popover .p-column-filter-add-rule button.p-button,
.p-column-filter-popover .p-column-filter-add-rule .p-column-filter-add-button,
.p-column-filter-popover .p-column-filter-add-rule .p-column-filter-remove-button,
.p-column-filter-popover .p-column-filter-remove-rule button.p-button,
.p-column-filter-popover .p-column-filter-remove-rule .p-column-filter-add-button,
.p-column-filter-popover .p-column-filter-remove-rule .p-column-filter-remove-button {
  background: transparent !important;
  border: none !important;
  color: var(--light-text-green) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  font-family: var(--new-bg-font) !important;
  padding: 4px 8px !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  transition: var(--new-transition) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}
.p-datatable-filter-overlay .p-column-filter-add-rule button.p-button:hover,
.p-datatable-filter-overlay .p-column-filter-add-rule .p-column-filter-add-button:hover,
.p-datatable-filter-overlay .p-column-filter-add-rule .p-column-filter-remove-button:hover,
.p-datatable-filter-overlay .p-column-filter-remove-rule button.p-button:hover,
.p-datatable-filter-overlay .p-column-filter-remove-rule .p-column-filter-add-button:hover,
.p-datatable-filter-overlay .p-column-filter-remove-rule .p-column-filter-remove-button:hover,
.p-datatable-filter-overlay-popover .p-column-filter-add-rule button.p-button:hover,
.p-datatable-filter-overlay-popover .p-column-filter-add-rule .p-column-filter-add-button:hover,
.p-datatable-filter-overlay-popover .p-column-filter-add-rule .p-column-filter-remove-button:hover,
.p-datatable-filter-overlay-popover .p-column-filter-remove-rule button.p-button:hover,
.p-datatable-filter-overlay-popover .p-column-filter-remove-rule .p-column-filter-add-button:hover,
.p-datatable-filter-overlay-popover .p-column-filter-remove-rule .p-column-filter-remove-button:hover,
.p-column-filter-overlay .p-column-filter-add-rule button.p-button:hover,
.p-column-filter-overlay .p-column-filter-add-rule .p-column-filter-add-button:hover,
.p-column-filter-overlay .p-column-filter-add-rule .p-column-filter-remove-button:hover,
.p-column-filter-overlay .p-column-filter-remove-rule button.p-button:hover,
.p-column-filter-overlay .p-column-filter-remove-rule .p-column-filter-add-button:hover,
.p-column-filter-overlay .p-column-filter-remove-rule .p-column-filter-remove-button:hover,
.p-column-filter-overlay-menu .p-column-filter-add-rule button.p-button:hover,
.p-column-filter-overlay-menu .p-column-filter-add-rule .p-column-filter-add-button:hover,
.p-column-filter-overlay-menu .p-column-filter-add-rule .p-column-filter-remove-button:hover,
.p-column-filter-overlay-menu .p-column-filter-remove-rule button.p-button:hover,
.p-column-filter-overlay-menu .p-column-filter-remove-rule .p-column-filter-add-button:hover,
.p-column-filter-overlay-menu .p-column-filter-remove-rule .p-column-filter-remove-button:hover,
.p-column-filter-overlay-popover .p-column-filter-add-rule button.p-button:hover,
.p-column-filter-overlay-popover .p-column-filter-add-rule .p-column-filter-add-button:hover,
.p-column-filter-overlay-popover .p-column-filter-add-rule .p-column-filter-remove-button:hover,
.p-column-filter-overlay-popover .p-column-filter-remove-rule button.p-button:hover,
.p-column-filter-overlay-popover .p-column-filter-remove-rule .p-column-filter-add-button:hover,
.p-column-filter-overlay-popover .p-column-filter-remove-rule .p-column-filter-remove-button:hover,
.p-column-filter-popover .p-column-filter-add-rule button.p-button:hover,
.p-column-filter-popover .p-column-filter-add-rule .p-column-filter-add-button:hover,
.p-column-filter-popover .p-column-filter-add-rule .p-column-filter-remove-button:hover,
.p-column-filter-popover .p-column-filter-remove-rule button.p-button:hover,
.p-column-filter-popover .p-column-filter-remove-rule .p-column-filter-add-button:hover,
.p-column-filter-popover .p-column-filter-remove-rule .p-column-filter-remove-button:hover {
  background: var(--new-hover-color) !important;
  color: var(--new-main-color) !important;
}
.p-datatable-filter-overlay .p-column-filter-buttonbar,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar,
.p-column-filter-overlay .p-column-filter-buttonbar,
.p-column-filter-overlay-menu .p-column-filter-buttonbar,
.p-column-filter-overlay-popover .p-column-filter-buttonbar,
.p-column-filter-popover .p-column-filter-buttonbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding: 10px 0 0 0 !important;
  margin-top: 10px !important;
  border-top: 1px solid var(--new-border-color) !important;
  width: 100% !important;
}
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-column-filter-clear-button,
.p-datatable-filter-overlay .p-column-filter-buttonbar button.p-column-filter-clear-button,
.p-datatable-filter-overlay .p-column-filter-buttonbar button:first-child:not(:only-child),
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-outlined,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-secondary,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-text,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-column-filter-clear-button,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button.p-column-filter-clear-button,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button:first-child:not(:only-child),
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-button-outlined,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-button-secondary,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-button-text,
.p-column-filter-overlay .p-column-filter-buttonbar .p-column-filter-clear-button,
.p-column-filter-overlay .p-column-filter-buttonbar button.p-column-filter-clear-button,
.p-column-filter-overlay .p-column-filter-buttonbar button:first-child:not(:only-child),
.p-column-filter-overlay .p-column-filter-buttonbar .p-button-outlined,
.p-column-filter-overlay .p-column-filter-buttonbar .p-button-secondary,
.p-column-filter-overlay .p-column-filter-buttonbar .p-button-text,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-column-filter-clear-button,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button.p-column-filter-clear-button,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button:first-child:not(:only-child),
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-button-outlined,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-button-secondary,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-button-text,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-column-filter-clear-button,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button.p-column-filter-clear-button,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button:first-child:not(:only-child),
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-button-outlined,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-button-secondary,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-button-text,
.p-column-filter-popover .p-column-filter-buttonbar .p-column-filter-clear-button,
.p-column-filter-popover .p-column-filter-buttonbar button.p-column-filter-clear-button,
.p-column-filter-popover .p-column-filter-buttonbar button:first-child:not(:only-child),
.p-column-filter-popover .p-column-filter-buttonbar .p-button-outlined,
.p-column-filter-popover .p-column-filter-buttonbar .p-button-secondary,
.p-column-filter-popover .p-column-filter-buttonbar .p-button-text {
  flex: 1 !important;
  background: var(--bg-background) !important;
  background-color: var(--bg-background) !important;
  border: 1px solid var(--light-text-green) !important;
  border-color: var(--light-text-green) !important;
  color: var(--light-text-green) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  font-family: var(--new-bg-font) !important;
  padding: 6px 14px !important;
  border-radius: var(--new-border-radius, 8px) !important;
  min-width: 65px !important;
  height: 34px !important;
  text-align: center !important;
  justify-content: center !important;
  align-items: center !important;
  display: inline-flex !important;
  cursor: pointer !important;
  transition: var(--new-transition, all 0.25s ease) !important;
  box-shadow: none !important;
}
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-column-filter-clear-button .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-column-filter-clear-button span,
.p-datatable-filter-overlay .p-column-filter-buttonbar button.p-column-filter-clear-button .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar button.p-column-filter-clear-button span,
.p-datatable-filter-overlay .p-column-filter-buttonbar button:first-child:not(:only-child) .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar button:first-child:not(:only-child) span,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-outlined .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-outlined span,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-secondary .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-secondary span,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-text .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-text span,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-column-filter-clear-button .p-button-label,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-column-filter-clear-button span,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button.p-column-filter-clear-button .p-button-label,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button.p-column-filter-clear-button span,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button:first-child:not(:only-child) .p-button-label,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button:first-child:not(:only-child) span,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-button-outlined .p-button-label,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-button-outlined span,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-button-secondary .p-button-label,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-button-secondary span,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-button-text .p-button-label,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-button-text span,
.p-column-filter-overlay .p-column-filter-buttonbar .p-column-filter-clear-button .p-button-label,
.p-column-filter-overlay .p-column-filter-buttonbar .p-column-filter-clear-button span,
.p-column-filter-overlay .p-column-filter-buttonbar button.p-column-filter-clear-button .p-button-label,
.p-column-filter-overlay .p-column-filter-buttonbar button.p-column-filter-clear-button span,
.p-column-filter-overlay .p-column-filter-buttonbar button:first-child:not(:only-child) .p-button-label,
.p-column-filter-overlay .p-column-filter-buttonbar button:first-child:not(:only-child) span,
.p-column-filter-overlay .p-column-filter-buttonbar .p-button-outlined .p-button-label,
.p-column-filter-overlay .p-column-filter-buttonbar .p-button-outlined span,
.p-column-filter-overlay .p-column-filter-buttonbar .p-button-secondary .p-button-label,
.p-column-filter-overlay .p-column-filter-buttonbar .p-button-secondary span,
.p-column-filter-overlay .p-column-filter-buttonbar .p-button-text .p-button-label,
.p-column-filter-overlay .p-column-filter-buttonbar .p-button-text span,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-column-filter-clear-button .p-button-label,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-column-filter-clear-button span,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button.p-column-filter-clear-button .p-button-label,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button.p-column-filter-clear-button span,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button:first-child:not(:only-child) .p-button-label,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button:first-child:not(:only-child) span,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-button-outlined .p-button-label,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-button-outlined span,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-button-secondary .p-button-label,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-button-secondary span,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-button-text .p-button-label,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-button-text span,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-column-filter-clear-button .p-button-label,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-column-filter-clear-button span,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button.p-column-filter-clear-button .p-button-label,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button.p-column-filter-clear-button span,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button:first-child:not(:only-child) .p-button-label,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button:first-child:not(:only-child) span,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-button-outlined .p-button-label,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-button-outlined span,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-button-secondary .p-button-label,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-button-secondary span,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-button-text .p-button-label,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-button-text span,
.p-column-filter-popover .p-column-filter-buttonbar .p-column-filter-clear-button .p-button-label,
.p-column-filter-popover .p-column-filter-buttonbar .p-column-filter-clear-button span,
.p-column-filter-popover .p-column-filter-buttonbar button.p-column-filter-clear-button .p-button-label,
.p-column-filter-popover .p-column-filter-buttonbar button.p-column-filter-clear-button span,
.p-column-filter-popover .p-column-filter-buttonbar button:first-child:not(:only-child) .p-button-label,
.p-column-filter-popover .p-column-filter-buttonbar button:first-child:not(:only-child) span,
.p-column-filter-popover .p-column-filter-buttonbar .p-button-outlined .p-button-label,
.p-column-filter-popover .p-column-filter-buttonbar .p-button-outlined span,
.p-column-filter-popover .p-column-filter-buttonbar .p-button-secondary .p-button-label,
.p-column-filter-popover .p-column-filter-buttonbar .p-button-secondary span,
.p-column-filter-popover .p-column-filter-buttonbar .p-button-text .p-button-label,
.p-column-filter-popover .p-column-filter-buttonbar .p-button-text span {
  color: var(--light-text-green) !important;
  font-weight: 500 !important;
  font-family: var(--new-bg-font) !important;
}
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-column-filter-clear-button:hover,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-column-filter-clear-button:focus,
.p-datatable-filter-overlay .p-column-filter-buttonbar button.p-column-filter-clear-button:hover,
.p-datatable-filter-overlay .p-column-filter-buttonbar button.p-column-filter-clear-button:focus,
.p-datatable-filter-overlay .p-column-filter-buttonbar button:first-child:not(:only-child):hover,
.p-datatable-filter-overlay .p-column-filter-buttonbar button:first-child:not(:only-child):focus,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-outlined:hover,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-outlined:focus,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-secondary:hover,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-secondary:focus,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-text:hover,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-text:focus,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-column-filter-clear-button:hover,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-column-filter-clear-button:focus,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button.p-column-filter-clear-button:hover,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button.p-column-filter-clear-button:focus,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button:first-child:not(:only-child):hover,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button:first-child:not(:only-child):focus,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-button-outlined:hover,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-button-outlined:focus,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-button-secondary:hover,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-button-secondary:focus,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-button-text:hover,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-button-text:focus,
.p-column-filter-overlay .p-column-filter-buttonbar .p-column-filter-clear-button:hover,
.p-column-filter-overlay .p-column-filter-buttonbar .p-column-filter-clear-button:focus,
.p-column-filter-overlay .p-column-filter-buttonbar button.p-column-filter-clear-button:hover,
.p-column-filter-overlay .p-column-filter-buttonbar button.p-column-filter-clear-button:focus,
.p-column-filter-overlay .p-column-filter-buttonbar button:first-child:not(:only-child):hover,
.p-column-filter-overlay .p-column-filter-buttonbar button:first-child:not(:only-child):focus,
.p-column-filter-overlay .p-column-filter-buttonbar .p-button-outlined:hover,
.p-column-filter-overlay .p-column-filter-buttonbar .p-button-outlined:focus,
.p-column-filter-overlay .p-column-filter-buttonbar .p-button-secondary:hover,
.p-column-filter-overlay .p-column-filter-buttonbar .p-button-secondary:focus,
.p-column-filter-overlay .p-column-filter-buttonbar .p-button-text:hover,
.p-column-filter-overlay .p-column-filter-buttonbar .p-button-text:focus,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-column-filter-clear-button:hover,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-column-filter-clear-button:focus,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button.p-column-filter-clear-button:hover,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button.p-column-filter-clear-button:focus,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button:first-child:not(:only-child):hover,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button:first-child:not(:only-child):focus,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-button-outlined:hover,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-button-outlined:focus,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-button-secondary:hover,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-button-secondary:focus,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-button-text:hover,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-button-text:focus,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-column-filter-clear-button:hover,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-column-filter-clear-button:focus,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button.p-column-filter-clear-button:hover,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button.p-column-filter-clear-button:focus,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button:first-child:not(:only-child):hover,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button:first-child:not(:only-child):focus,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-button-outlined:hover,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-button-outlined:focus,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-button-secondary:hover,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-button-secondary:focus,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-button-text:hover,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-button-text:focus,
.p-column-filter-popover .p-column-filter-buttonbar .p-column-filter-clear-button:hover,
.p-column-filter-popover .p-column-filter-buttonbar .p-column-filter-clear-button:focus,
.p-column-filter-popover .p-column-filter-buttonbar button.p-column-filter-clear-button:hover,
.p-column-filter-popover .p-column-filter-buttonbar button.p-column-filter-clear-button:focus,
.p-column-filter-popover .p-column-filter-buttonbar button:first-child:not(:only-child):hover,
.p-column-filter-popover .p-column-filter-buttonbar button:first-child:not(:only-child):focus,
.p-column-filter-popover .p-column-filter-buttonbar .p-button-outlined:hover,
.p-column-filter-popover .p-column-filter-buttonbar .p-button-outlined:focus,
.p-column-filter-popover .p-column-filter-buttonbar .p-button-secondary:hover,
.p-column-filter-popover .p-column-filter-buttonbar .p-button-secondary:focus,
.p-column-filter-popover .p-column-filter-buttonbar .p-button-text:hover,
.p-column-filter-popover .p-column-filter-buttonbar .p-button-text:focus {
  background: var(--new-hover-color) !important;
  background-color: var(--new-hover-color) !important;
  border-color: var(--light-text-green) !important;
  color: var(--light-text-green) !important;
}
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-column-filter-clear-button:hover .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-column-filter-clear-button:hover span,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-column-filter-clear-button:focus .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-column-filter-clear-button:focus span,
.p-datatable-filter-overlay .p-column-filter-buttonbar button.p-column-filter-clear-button:hover .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar button.p-column-filter-clear-button:hover span,
.p-datatable-filter-overlay .p-column-filter-buttonbar button.p-column-filter-clear-button:focus .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar button.p-column-filter-clear-button:focus span,
.p-datatable-filter-overlay .p-column-filter-buttonbar button:first-child:not(:only-child):hover .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar button:first-child:not(:only-child):hover span,
.p-datatable-filter-overlay .p-column-filter-buttonbar button:first-child:not(:only-child):focus .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar button:first-child:not(:only-child):focus span,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-outlined:hover .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-outlined:hover span,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-outlined:focus .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-outlined:focus span,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-secondary:hover .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-secondary:hover span,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-secondary:focus .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-secondary:focus span,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-text:hover .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-text:hover span,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-text:focus .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-text:focus span,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-column-filter-clear-button:hover .p-button-label,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-column-filter-clear-button:hover span,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-column-filter-clear-button:focus .p-button-label,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-column-filter-clear-button:focus span,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button.p-column-filter-clear-button:hover .p-button-label,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button.p-column-filter-clear-button:hover span,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button.p-column-filter-clear-button:focus .p-button-label,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button.p-column-filter-clear-button:focus span,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button:first-child:not(:only-child):hover .p-button-label,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button:first-child:not(:only-child):hover span,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button:first-child:not(:only-child):focus .p-button-label,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button:first-child:not(:only-child):focus span,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-button-outlined:hover .p-button-label,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-button-outlined:hover span,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-button-outlined:focus .p-button-label,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-button-outlined:focus span,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-button-secondary:hover .p-button-label,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-button-secondary:hover span,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-button-secondary:focus .p-button-label,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-button-secondary:focus span,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-button-text:hover .p-button-label,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-button-text:hover span,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-button-text:focus .p-button-label,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-button-text:focus span,
.p-column-filter-overlay .p-column-filter-buttonbar .p-column-filter-clear-button:hover .p-button-label,
.p-column-filter-overlay .p-column-filter-buttonbar .p-column-filter-clear-button:hover span,
.p-column-filter-overlay .p-column-filter-buttonbar .p-column-filter-clear-button:focus .p-button-label,
.p-column-filter-overlay .p-column-filter-buttonbar .p-column-filter-clear-button:focus span,
.p-column-filter-overlay .p-column-filter-buttonbar button.p-column-filter-clear-button:hover .p-button-label,
.p-column-filter-overlay .p-column-filter-buttonbar button.p-column-filter-clear-button:hover span,
.p-column-filter-overlay .p-column-filter-buttonbar button.p-column-filter-clear-button:focus .p-button-label,
.p-column-filter-overlay .p-column-filter-buttonbar button.p-column-filter-clear-button:focus span,
.p-column-filter-overlay .p-column-filter-buttonbar button:first-child:not(:only-child):hover .p-button-label,
.p-column-filter-overlay .p-column-filter-buttonbar button:first-child:not(:only-child):hover span,
.p-column-filter-overlay .p-column-filter-buttonbar button:first-child:not(:only-child):focus .p-button-label,
.p-column-filter-overlay .p-column-filter-buttonbar button:first-child:not(:only-child):focus span,
.p-column-filter-overlay .p-column-filter-buttonbar .p-button-outlined:hover .p-button-label,
.p-column-filter-overlay .p-column-filter-buttonbar .p-button-outlined:hover span,
.p-column-filter-overlay .p-column-filter-buttonbar .p-button-outlined:focus .p-button-label,
.p-column-filter-overlay .p-column-filter-buttonbar .p-button-outlined:focus span,
.p-column-filter-overlay .p-column-filter-buttonbar .p-button-secondary:hover .p-button-label,
.p-column-filter-overlay .p-column-filter-buttonbar .p-button-secondary:hover span,
.p-column-filter-overlay .p-column-filter-buttonbar .p-button-secondary:focus .p-button-label,
.p-column-filter-overlay .p-column-filter-buttonbar .p-button-secondary:focus span,
.p-column-filter-overlay .p-column-filter-buttonbar .p-button-text:hover .p-button-label,
.p-column-filter-overlay .p-column-filter-buttonbar .p-button-text:hover span,
.p-column-filter-overlay .p-column-filter-buttonbar .p-button-text:focus .p-button-label,
.p-column-filter-overlay .p-column-filter-buttonbar .p-button-text:focus span,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-column-filter-clear-button:hover .p-button-label,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-column-filter-clear-button:hover span,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-column-filter-clear-button:focus .p-button-label,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-column-filter-clear-button:focus span,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button.p-column-filter-clear-button:hover .p-button-label,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button.p-column-filter-clear-button:hover span,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button.p-column-filter-clear-button:focus .p-button-label,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button.p-column-filter-clear-button:focus span,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button:first-child:not(:only-child):hover .p-button-label,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button:first-child:not(:only-child):hover span,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button:first-child:not(:only-child):focus .p-button-label,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button:first-child:not(:only-child):focus span,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-button-outlined:hover .p-button-label,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-button-outlined:hover span,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-button-outlined:focus .p-button-label,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-button-outlined:focus span,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-button-secondary:hover .p-button-label,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-button-secondary:hover span,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-button-secondary:focus .p-button-label,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-button-secondary:focus span,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-button-text:hover .p-button-label,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-button-text:hover span,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-button-text:focus .p-button-label,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-button-text:focus span,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-column-filter-clear-button:hover .p-button-label,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-column-filter-clear-button:hover span,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-column-filter-clear-button:focus .p-button-label,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-column-filter-clear-button:focus span,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button.p-column-filter-clear-button:hover .p-button-label,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button.p-column-filter-clear-button:hover span,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button.p-column-filter-clear-button:focus .p-button-label,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button.p-column-filter-clear-button:focus span,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button:first-child:not(:only-child):hover .p-button-label,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button:first-child:not(:only-child):hover span,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button:first-child:not(:only-child):focus .p-button-label,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button:first-child:not(:only-child):focus span,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-button-outlined:hover .p-button-label,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-button-outlined:hover span,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-button-outlined:focus .p-button-label,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-button-outlined:focus span,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-button-secondary:hover .p-button-label,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-button-secondary:hover span,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-button-secondary:focus .p-button-label,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-button-secondary:focus span,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-button-text:hover .p-button-label,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-button-text:hover span,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-button-text:focus .p-button-label,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-button-text:focus span,
.p-column-filter-popover .p-column-filter-buttonbar .p-column-filter-clear-button:hover .p-button-label,
.p-column-filter-popover .p-column-filter-buttonbar .p-column-filter-clear-button:hover span,
.p-column-filter-popover .p-column-filter-buttonbar .p-column-filter-clear-button:focus .p-button-label,
.p-column-filter-popover .p-column-filter-buttonbar .p-column-filter-clear-button:focus span,
.p-column-filter-popover .p-column-filter-buttonbar button.p-column-filter-clear-button:hover .p-button-label,
.p-column-filter-popover .p-column-filter-buttonbar button.p-column-filter-clear-button:hover span,
.p-column-filter-popover .p-column-filter-buttonbar button.p-column-filter-clear-button:focus .p-button-label,
.p-column-filter-popover .p-column-filter-buttonbar button.p-column-filter-clear-button:focus span,
.p-column-filter-popover .p-column-filter-buttonbar button:first-child:not(:only-child):hover .p-button-label,
.p-column-filter-popover .p-column-filter-buttonbar button:first-child:not(:only-child):hover span,
.p-column-filter-popover .p-column-filter-buttonbar button:first-child:not(:only-child):focus .p-button-label,
.p-column-filter-popover .p-column-filter-buttonbar button:first-child:not(:only-child):focus span,
.p-column-filter-popover .p-column-filter-buttonbar .p-button-outlined:hover .p-button-label,
.p-column-filter-popover .p-column-filter-buttonbar .p-button-outlined:hover span,
.p-column-filter-popover .p-column-filter-buttonbar .p-button-outlined:focus .p-button-label,
.p-column-filter-popover .p-column-filter-buttonbar .p-button-outlined:focus span,
.p-column-filter-popover .p-column-filter-buttonbar .p-button-secondary:hover .p-button-label,
.p-column-filter-popover .p-column-filter-buttonbar .p-button-secondary:hover span,
.p-column-filter-popover .p-column-filter-buttonbar .p-button-secondary:focus .p-button-label,
.p-column-filter-popover .p-column-filter-buttonbar .p-button-secondary:focus span,
.p-column-filter-popover .p-column-filter-buttonbar .p-button-text:hover .p-button-label,
.p-column-filter-popover .p-column-filter-buttonbar .p-button-text:hover span,
.p-column-filter-popover .p-column-filter-buttonbar .p-button-text:focus .p-button-label,
.p-column-filter-popover .p-column-filter-buttonbar .p-button-text:focus span {
  color: var(--light-text-green) !important;
}
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-column-filter-apply-button,
.p-datatable-filter-overlay .p-column-filter-buttonbar button.p-column-filter-apply-button,
.p-datatable-filter-overlay .p-column-filter-buttonbar button:last-child,
.p-datatable-filter-overlay .p-column-filter-buttonbar button[type=submit],
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text),
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-column-filter-apply-button,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button.p-column-filter-apply-button,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button:last-child,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button[type=submit],
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text),
.p-column-filter-overlay .p-column-filter-buttonbar .p-column-filter-apply-button,
.p-column-filter-overlay .p-column-filter-buttonbar button.p-column-filter-apply-button,
.p-column-filter-overlay .p-column-filter-buttonbar button:last-child,
.p-column-filter-overlay .p-column-filter-buttonbar button[type=submit],
.p-column-filter-overlay .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text),
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-column-filter-apply-button,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button.p-column-filter-apply-button,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button:last-child,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button[type=submit],
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text),
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-column-filter-apply-button,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button.p-column-filter-apply-button,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button:last-child,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button[type=submit],
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text),
.p-column-filter-popover .p-column-filter-buttonbar .p-column-filter-apply-button,
.p-column-filter-popover .p-column-filter-buttonbar button.p-column-filter-apply-button,
.p-column-filter-popover .p-column-filter-buttonbar button:last-child,
.p-column-filter-popover .p-column-filter-buttonbar button[type=submit],
.p-column-filter-popover .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text) {
  flex: 1 !important;
  background: var(--light-text-green) !important;
  background-color: var(--light-text-green) !important;
  border: 1px solid var(--light-text-green) !important;
  border-color: var(--light-text-green) !important;
  color: var(--new-theme-hover-text-color, #ffffff) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: var(--new-bg-font) !important;
  padding: 6px 14px !important;
  border-radius: var(--new-border-radius, 8px) !important;
  min-width: 65px !important;
  height: 34px !important;
  text-align: center !important;
  justify-content: center !important;
  align-items: center !important;
  display: inline-flex !important;
  cursor: pointer !important;
  transition: var(--new-transition, all 0.25s ease) !important;
  box-shadow: none !important;
}
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-column-filter-apply-button .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-column-filter-apply-button span,
.p-datatable-filter-overlay .p-column-filter-buttonbar button.p-column-filter-apply-button .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar button.p-column-filter-apply-button span,
.p-datatable-filter-overlay .p-column-filter-buttonbar button:last-child .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar button:last-child span,
.p-datatable-filter-overlay .p-column-filter-buttonbar button[type=submit] .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar button[type=submit] span,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text) .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text) span,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-column-filter-apply-button .p-button-label,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-column-filter-apply-button span,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button.p-column-filter-apply-button .p-button-label,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button.p-column-filter-apply-button span,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button:last-child .p-button-label,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button:last-child span,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button[type=submit] .p-button-label,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button[type=submit] span,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text) .p-button-label,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text) span,
.p-column-filter-overlay .p-column-filter-buttonbar .p-column-filter-apply-button .p-button-label,
.p-column-filter-overlay .p-column-filter-buttonbar .p-column-filter-apply-button span,
.p-column-filter-overlay .p-column-filter-buttonbar button.p-column-filter-apply-button .p-button-label,
.p-column-filter-overlay .p-column-filter-buttonbar button.p-column-filter-apply-button span,
.p-column-filter-overlay .p-column-filter-buttonbar button:last-child .p-button-label,
.p-column-filter-overlay .p-column-filter-buttonbar button:last-child span,
.p-column-filter-overlay .p-column-filter-buttonbar button[type=submit] .p-button-label,
.p-column-filter-overlay .p-column-filter-buttonbar button[type=submit] span,
.p-column-filter-overlay .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text) .p-button-label,
.p-column-filter-overlay .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text) span,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-column-filter-apply-button .p-button-label,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-column-filter-apply-button span,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button.p-column-filter-apply-button .p-button-label,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button.p-column-filter-apply-button span,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button:last-child .p-button-label,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button:last-child span,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button[type=submit] .p-button-label,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button[type=submit] span,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text) .p-button-label,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text) span,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-column-filter-apply-button .p-button-label,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-column-filter-apply-button span,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button.p-column-filter-apply-button .p-button-label,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button.p-column-filter-apply-button span,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button:last-child .p-button-label,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button:last-child span,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button[type=submit] .p-button-label,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button[type=submit] span,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text) .p-button-label,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text) span,
.p-column-filter-popover .p-column-filter-buttonbar .p-column-filter-apply-button .p-button-label,
.p-column-filter-popover .p-column-filter-buttonbar .p-column-filter-apply-button span,
.p-column-filter-popover .p-column-filter-buttonbar button.p-column-filter-apply-button .p-button-label,
.p-column-filter-popover .p-column-filter-buttonbar button.p-column-filter-apply-button span,
.p-column-filter-popover .p-column-filter-buttonbar button:last-child .p-button-label,
.p-column-filter-popover .p-column-filter-buttonbar button:last-child span,
.p-column-filter-popover .p-column-filter-buttonbar button[type=submit] .p-button-label,
.p-column-filter-popover .p-column-filter-buttonbar button[type=submit] span,
.p-column-filter-popover .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text) .p-button-label,
.p-column-filter-popover .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text) span {
  color: var(--new-theme-hover-text-color, #ffffff) !important;
  font-weight: 600 !important;
  font-family: var(--new-bg-font) !important;
}
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-column-filter-apply-button:hover,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-column-filter-apply-button:focus,
.p-datatable-filter-overlay .p-column-filter-buttonbar button.p-column-filter-apply-button:hover,
.p-datatable-filter-overlay .p-column-filter-buttonbar button.p-column-filter-apply-button:focus,
.p-datatable-filter-overlay .p-column-filter-buttonbar button:last-child:hover,
.p-datatable-filter-overlay .p-column-filter-buttonbar button:last-child:focus,
.p-datatable-filter-overlay .p-column-filter-buttonbar button[type=submit]:hover,
.p-datatable-filter-overlay .p-column-filter-buttonbar button[type=submit]:focus,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):hover,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):focus,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-column-filter-apply-button:hover,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-column-filter-apply-button:focus,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button.p-column-filter-apply-button:hover,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button.p-column-filter-apply-button:focus,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button:last-child:hover,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button:last-child:focus,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button[type=submit]:hover,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button[type=submit]:focus,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):hover,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):focus,
.p-column-filter-overlay .p-column-filter-buttonbar .p-column-filter-apply-button:hover,
.p-column-filter-overlay .p-column-filter-buttonbar .p-column-filter-apply-button:focus,
.p-column-filter-overlay .p-column-filter-buttonbar button.p-column-filter-apply-button:hover,
.p-column-filter-overlay .p-column-filter-buttonbar button.p-column-filter-apply-button:focus,
.p-column-filter-overlay .p-column-filter-buttonbar button:last-child:hover,
.p-column-filter-overlay .p-column-filter-buttonbar button:last-child:focus,
.p-column-filter-overlay .p-column-filter-buttonbar button[type=submit]:hover,
.p-column-filter-overlay .p-column-filter-buttonbar button[type=submit]:focus,
.p-column-filter-overlay .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):hover,
.p-column-filter-overlay .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):focus,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-column-filter-apply-button:hover,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-column-filter-apply-button:focus,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button.p-column-filter-apply-button:hover,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button.p-column-filter-apply-button:focus,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button:last-child:hover,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button:last-child:focus,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button[type=submit]:hover,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button[type=submit]:focus,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):hover,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):focus,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-column-filter-apply-button:hover,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-column-filter-apply-button:focus,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button.p-column-filter-apply-button:hover,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button.p-column-filter-apply-button:focus,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button:last-child:hover,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button:last-child:focus,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button[type=submit]:hover,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button[type=submit]:focus,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):hover,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):focus,
.p-column-filter-popover .p-column-filter-buttonbar .p-column-filter-apply-button:hover,
.p-column-filter-popover .p-column-filter-buttonbar .p-column-filter-apply-button:focus,
.p-column-filter-popover .p-column-filter-buttonbar button.p-column-filter-apply-button:hover,
.p-column-filter-popover .p-column-filter-buttonbar button.p-column-filter-apply-button:focus,
.p-column-filter-popover .p-column-filter-buttonbar button:last-child:hover,
.p-column-filter-popover .p-column-filter-buttonbar button:last-child:focus,
.p-column-filter-popover .p-column-filter-buttonbar button[type=submit]:hover,
.p-column-filter-popover .p-column-filter-buttonbar button[type=submit]:focus,
.p-column-filter-popover .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):hover,
.p-column-filter-popover .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):focus {
  background: var(--new-main-color, #7c9f2e) !important;
  background-color: var(--new-main-color, #7c9f2e) !important;
  border-color: var(--new-main-color, #7c9f2e) !important;
  color: var(--new-theme-hover-text-color, #ffffff) !important;
  box-shadow: 0 4px 12px rgba(124, 159, 46, 0.3) !important;
}
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-column-filter-apply-button:hover .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-column-filter-apply-button:hover span,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-column-filter-apply-button:focus .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-column-filter-apply-button:focus span,
.p-datatable-filter-overlay .p-column-filter-buttonbar button.p-column-filter-apply-button:hover .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar button.p-column-filter-apply-button:hover span,
.p-datatable-filter-overlay .p-column-filter-buttonbar button.p-column-filter-apply-button:focus .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar button.p-column-filter-apply-button:focus span,
.p-datatable-filter-overlay .p-column-filter-buttonbar button:last-child:hover .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar button:last-child:hover span,
.p-datatable-filter-overlay .p-column-filter-buttonbar button:last-child:focus .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar button:last-child:focus span,
.p-datatable-filter-overlay .p-column-filter-buttonbar button[type=submit]:hover .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar button[type=submit]:hover span,
.p-datatable-filter-overlay .p-column-filter-buttonbar button[type=submit]:focus .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar button[type=submit]:focus span,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):hover .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):hover span,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):focus .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):focus span,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-column-filter-apply-button:hover .p-button-label,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-column-filter-apply-button:hover span,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-column-filter-apply-button:focus .p-button-label,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-column-filter-apply-button:focus span,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button.p-column-filter-apply-button:hover .p-button-label,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button.p-column-filter-apply-button:hover span,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button.p-column-filter-apply-button:focus .p-button-label,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button.p-column-filter-apply-button:focus span,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button:last-child:hover .p-button-label,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button:last-child:hover span,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button:last-child:focus .p-button-label,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button:last-child:focus span,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button[type=submit]:hover .p-button-label,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button[type=submit]:hover span,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button[type=submit]:focus .p-button-label,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button[type=submit]:focus span,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):hover .p-button-label,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):hover span,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):focus .p-button-label,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):focus span,
.p-column-filter-overlay .p-column-filter-buttonbar .p-column-filter-apply-button:hover .p-button-label,
.p-column-filter-overlay .p-column-filter-buttonbar .p-column-filter-apply-button:hover span,
.p-column-filter-overlay .p-column-filter-buttonbar .p-column-filter-apply-button:focus .p-button-label,
.p-column-filter-overlay .p-column-filter-buttonbar .p-column-filter-apply-button:focus span,
.p-column-filter-overlay .p-column-filter-buttonbar button.p-column-filter-apply-button:hover .p-button-label,
.p-column-filter-overlay .p-column-filter-buttonbar button.p-column-filter-apply-button:hover span,
.p-column-filter-overlay .p-column-filter-buttonbar button.p-column-filter-apply-button:focus .p-button-label,
.p-column-filter-overlay .p-column-filter-buttonbar button.p-column-filter-apply-button:focus span,
.p-column-filter-overlay .p-column-filter-buttonbar button:last-child:hover .p-button-label,
.p-column-filter-overlay .p-column-filter-buttonbar button:last-child:hover span,
.p-column-filter-overlay .p-column-filter-buttonbar button:last-child:focus .p-button-label,
.p-column-filter-overlay .p-column-filter-buttonbar button:last-child:focus span,
.p-column-filter-overlay .p-column-filter-buttonbar button[type=submit]:hover .p-button-label,
.p-column-filter-overlay .p-column-filter-buttonbar button[type=submit]:hover span,
.p-column-filter-overlay .p-column-filter-buttonbar button[type=submit]:focus .p-button-label,
.p-column-filter-overlay .p-column-filter-buttonbar button[type=submit]:focus span,
.p-column-filter-overlay .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):hover .p-button-label,
.p-column-filter-overlay .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):hover span,
.p-column-filter-overlay .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):focus .p-button-label,
.p-column-filter-overlay .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):focus span,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-column-filter-apply-button:hover .p-button-label,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-column-filter-apply-button:hover span,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-column-filter-apply-button:focus .p-button-label,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-column-filter-apply-button:focus span,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button.p-column-filter-apply-button:hover .p-button-label,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button.p-column-filter-apply-button:hover span,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button.p-column-filter-apply-button:focus .p-button-label,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button.p-column-filter-apply-button:focus span,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button:last-child:hover .p-button-label,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button:last-child:hover span,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button:last-child:focus .p-button-label,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button:last-child:focus span,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button[type=submit]:hover .p-button-label,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button[type=submit]:hover span,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button[type=submit]:focus .p-button-label,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button[type=submit]:focus span,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):hover .p-button-label,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):hover span,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):focus .p-button-label,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):focus span,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-column-filter-apply-button:hover .p-button-label,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-column-filter-apply-button:hover span,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-column-filter-apply-button:focus .p-button-label,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-column-filter-apply-button:focus span,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button.p-column-filter-apply-button:hover .p-button-label,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button.p-column-filter-apply-button:hover span,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button.p-column-filter-apply-button:focus .p-button-label,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button.p-column-filter-apply-button:focus span,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button:last-child:hover .p-button-label,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button:last-child:hover span,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button:last-child:focus .p-button-label,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button:last-child:focus span,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button[type=submit]:hover .p-button-label,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button[type=submit]:hover span,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button[type=submit]:focus .p-button-label,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button[type=submit]:focus span,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):hover .p-button-label,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):hover span,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):focus .p-button-label,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):focus span,
.p-column-filter-popover .p-column-filter-buttonbar .p-column-filter-apply-button:hover .p-button-label,
.p-column-filter-popover .p-column-filter-buttonbar .p-column-filter-apply-button:hover span,
.p-column-filter-popover .p-column-filter-buttonbar .p-column-filter-apply-button:focus .p-button-label,
.p-column-filter-popover .p-column-filter-buttonbar .p-column-filter-apply-button:focus span,
.p-column-filter-popover .p-column-filter-buttonbar button.p-column-filter-apply-button:hover .p-button-label,
.p-column-filter-popover .p-column-filter-buttonbar button.p-column-filter-apply-button:hover span,
.p-column-filter-popover .p-column-filter-buttonbar button.p-column-filter-apply-button:focus .p-button-label,
.p-column-filter-popover .p-column-filter-buttonbar button.p-column-filter-apply-button:focus span,
.p-column-filter-popover .p-column-filter-buttonbar button:last-child:hover .p-button-label,
.p-column-filter-popover .p-column-filter-buttonbar button:last-child:hover span,
.p-column-filter-popover .p-column-filter-buttonbar button:last-child:focus .p-button-label,
.p-column-filter-popover .p-column-filter-buttonbar button:last-child:focus span,
.p-column-filter-popover .p-column-filter-buttonbar button[type=submit]:hover .p-button-label,
.p-column-filter-popover .p-column-filter-buttonbar button[type=submit]:hover span,
.p-column-filter-popover .p-column-filter-buttonbar button[type=submit]:focus .p-button-label,
.p-column-filter-popover .p-column-filter-buttonbar button[type=submit]:focus span,
.p-column-filter-popover .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):hover .p-button-label,
.p-column-filter-popover .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):hover span,
.p-column-filter-popover .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):focus .p-button-label,
.p-column-filter-popover .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):focus span {
  color: var(--new-theme-hover-text-color, #ffffff) !important;
}
.p-column-filter-buttonbar,
p-columnfilterformelement > .p-column-filter-buttonbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding: 10px 0 0 0 !important;
  margin-top: 10px !important;
  border-top: 1px solid var(--new-border-color) !important;
  width: 100% !important;
}
.p-column-filter-buttonbar .p-column-filter-clear-button,
.p-column-filter-buttonbar button.p-column-filter-clear-button,
.p-column-filter-buttonbar button:first-child:not(:only-child),
.p-column-filter-buttonbar .p-button-outlined,
.p-column-filter-buttonbar .p-button-secondary,
.p-column-filter-buttonbar .p-button-text,
p-columnfilterformelement > .p-column-filter-buttonbar .p-column-filter-clear-button,
p-columnfilterformelement > .p-column-filter-buttonbar button.p-column-filter-clear-button,
p-columnfilterformelement > .p-column-filter-buttonbar button:first-child:not(:only-child),
p-columnfilterformelement > .p-column-filter-buttonbar .p-button-outlined,
p-columnfilterformelement > .p-column-filter-buttonbar .p-button-secondary,
p-columnfilterformelement > .p-column-filter-buttonbar .p-button-text {
  flex: 1 !important;
  background: var(--bg-background) !important;
  background-color: var(--bg-background) !important;
  border: 1px solid var(--light-text-green) !important;
  border-color: var(--light-text-green) !important;
  color: var(--light-text-green) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  font-family: var(--new-bg-font) !important;
  padding: 6px 14px !important;
  border-radius: var(--new-border-radius, 8px) !important;
  min-width: 65px !important;
  height: 34px !important;
  text-align: center !important;
  justify-content: center !important;
  align-items: center !important;
  display: inline-flex !important;
  cursor: pointer !important;
  transition: var(--new-transition, all 0.25s ease) !important;
  box-shadow: none !important;
}
.p-column-filter-buttonbar .p-column-filter-clear-button .p-button-label,
.p-column-filter-buttonbar .p-column-filter-clear-button span,
.p-column-filter-buttonbar button.p-column-filter-clear-button .p-button-label,
.p-column-filter-buttonbar button.p-column-filter-clear-button span,
.p-column-filter-buttonbar button:first-child:not(:only-child) .p-button-label,
.p-column-filter-buttonbar button:first-child:not(:only-child) span,
.p-column-filter-buttonbar .p-button-outlined .p-button-label,
.p-column-filter-buttonbar .p-button-outlined span,
.p-column-filter-buttonbar .p-button-secondary .p-button-label,
.p-column-filter-buttonbar .p-button-secondary span,
.p-column-filter-buttonbar .p-button-text .p-button-label,
.p-column-filter-buttonbar .p-button-text span,
p-columnfilterformelement > .p-column-filter-buttonbar .p-column-filter-clear-button .p-button-label,
p-columnfilterformelement > .p-column-filter-buttonbar .p-column-filter-clear-button span,
p-columnfilterformelement > .p-column-filter-buttonbar button.p-column-filter-clear-button .p-button-label,
p-columnfilterformelement > .p-column-filter-buttonbar button.p-column-filter-clear-button span,
p-columnfilterformelement > .p-column-filter-buttonbar button:first-child:not(:only-child) .p-button-label,
p-columnfilterformelement > .p-column-filter-buttonbar button:first-child:not(:only-child) span,
p-columnfilterformelement > .p-column-filter-buttonbar .p-button-outlined .p-button-label,
p-columnfilterformelement > .p-column-filter-buttonbar .p-button-outlined span,
p-columnfilterformelement > .p-column-filter-buttonbar .p-button-secondary .p-button-label,
p-columnfilterformelement > .p-column-filter-buttonbar .p-button-secondary span,
p-columnfilterformelement > .p-column-filter-buttonbar .p-button-text .p-button-label,
p-columnfilterformelement > .p-column-filter-buttonbar .p-button-text span {
  color: var(--light-text-green) !important;
  font-weight: 500 !important;
  font-family: var(--new-bg-font) !important;
}
.p-column-filter-buttonbar .p-column-filter-clear-button:hover,
.p-column-filter-buttonbar .p-column-filter-clear-button:focus,
.p-column-filter-buttonbar button.p-column-filter-clear-button:hover,
.p-column-filter-buttonbar button.p-column-filter-clear-button:focus,
.p-column-filter-buttonbar button:first-child:not(:only-child):hover,
.p-column-filter-buttonbar button:first-child:not(:only-child):focus,
.p-column-filter-buttonbar .p-button-outlined:hover,
.p-column-filter-buttonbar .p-button-outlined:focus,
.p-column-filter-buttonbar .p-button-secondary:hover,
.p-column-filter-buttonbar .p-button-secondary:focus,
.p-column-filter-buttonbar .p-button-text:hover,
.p-column-filter-buttonbar .p-button-text:focus,
p-columnfilterformelement > .p-column-filter-buttonbar .p-column-filter-clear-button:hover,
p-columnfilterformelement > .p-column-filter-buttonbar .p-column-filter-clear-button:focus,
p-columnfilterformelement > .p-column-filter-buttonbar button.p-column-filter-clear-button:hover,
p-columnfilterformelement > .p-column-filter-buttonbar button.p-column-filter-clear-button:focus,
p-columnfilterformelement > .p-column-filter-buttonbar button:first-child:not(:only-child):hover,
p-columnfilterformelement > .p-column-filter-buttonbar button:first-child:not(:only-child):focus,
p-columnfilterformelement > .p-column-filter-buttonbar .p-button-outlined:hover,
p-columnfilterformelement > .p-column-filter-buttonbar .p-button-outlined:focus,
p-columnfilterformelement > .p-column-filter-buttonbar .p-button-secondary:hover,
p-columnfilterformelement > .p-column-filter-buttonbar .p-button-secondary:focus,
p-columnfilterformelement > .p-column-filter-buttonbar .p-button-text:hover,
p-columnfilterformelement > .p-column-filter-buttonbar .p-button-text:focus {
  background: var(--new-hover-color) !important;
  background-color: var(--new-hover-color) !important;
  border-color: var(--light-text-green) !important;
  color: var(--light-text-green) !important;
}
.p-column-filter-buttonbar .p-column-filter-clear-button:hover .p-button-label,
.p-column-filter-buttonbar .p-column-filter-clear-button:hover span,
.p-column-filter-buttonbar .p-column-filter-clear-button:focus .p-button-label,
.p-column-filter-buttonbar .p-column-filter-clear-button:focus span,
.p-column-filter-buttonbar button.p-column-filter-clear-button:hover .p-button-label,
.p-column-filter-buttonbar button.p-column-filter-clear-button:hover span,
.p-column-filter-buttonbar button.p-column-filter-clear-button:focus .p-button-label,
.p-column-filter-buttonbar button.p-column-filter-clear-button:focus span,
.p-column-filter-buttonbar button:first-child:not(:only-child):hover .p-button-label,
.p-column-filter-buttonbar button:first-child:not(:only-child):hover span,
.p-column-filter-buttonbar button:first-child:not(:only-child):focus .p-button-label,
.p-column-filter-buttonbar button:first-child:not(:only-child):focus span,
.p-column-filter-buttonbar .p-button-outlined:hover .p-button-label,
.p-column-filter-buttonbar .p-button-outlined:hover span,
.p-column-filter-buttonbar .p-button-outlined:focus .p-button-label,
.p-column-filter-buttonbar .p-button-outlined:focus span,
.p-column-filter-buttonbar .p-button-secondary:hover .p-button-label,
.p-column-filter-buttonbar .p-button-secondary:hover span,
.p-column-filter-buttonbar .p-button-secondary:focus .p-button-label,
.p-column-filter-buttonbar .p-button-secondary:focus span,
.p-column-filter-buttonbar .p-button-text:hover .p-button-label,
.p-column-filter-buttonbar .p-button-text:hover span,
.p-column-filter-buttonbar .p-button-text:focus .p-button-label,
.p-column-filter-buttonbar .p-button-text:focus span,
p-columnfilterformelement > .p-column-filter-buttonbar .p-column-filter-clear-button:hover .p-button-label,
p-columnfilterformelement > .p-column-filter-buttonbar .p-column-filter-clear-button:hover span,
p-columnfilterformelement > .p-column-filter-buttonbar .p-column-filter-clear-button:focus .p-button-label,
p-columnfilterformelement > .p-column-filter-buttonbar .p-column-filter-clear-button:focus span,
p-columnfilterformelement > .p-column-filter-buttonbar button.p-column-filter-clear-button:hover .p-button-label,
p-columnfilterformelement > .p-column-filter-buttonbar button.p-column-filter-clear-button:hover span,
p-columnfilterformelement > .p-column-filter-buttonbar button.p-column-filter-clear-button:focus .p-button-label,
p-columnfilterformelement > .p-column-filter-buttonbar button.p-column-filter-clear-button:focus span,
p-columnfilterformelement > .p-column-filter-buttonbar button:first-child:not(:only-child):hover .p-button-label,
p-columnfilterformelement > .p-column-filter-buttonbar button:first-child:not(:only-child):hover span,
p-columnfilterformelement > .p-column-filter-buttonbar button:first-child:not(:only-child):focus .p-button-label,
p-columnfilterformelement > .p-column-filter-buttonbar button:first-child:not(:only-child):focus span,
p-columnfilterformelement > .p-column-filter-buttonbar .p-button-outlined:hover .p-button-label,
p-columnfilterformelement > .p-column-filter-buttonbar .p-button-outlined:hover span,
p-columnfilterformelement > .p-column-filter-buttonbar .p-button-outlined:focus .p-button-label,
p-columnfilterformelement > .p-column-filter-buttonbar .p-button-outlined:focus span,
p-columnfilterformelement > .p-column-filter-buttonbar .p-button-secondary:hover .p-button-label,
p-columnfilterformelement > .p-column-filter-buttonbar .p-button-secondary:hover span,
p-columnfilterformelement > .p-column-filter-buttonbar .p-button-secondary:focus .p-button-label,
p-columnfilterformelement > .p-column-filter-buttonbar .p-button-secondary:focus span,
p-columnfilterformelement > .p-column-filter-buttonbar .p-button-text:hover .p-button-label,
p-columnfilterformelement > .p-column-filter-buttonbar .p-button-text:hover span,
p-columnfilterformelement > .p-column-filter-buttonbar .p-button-text:focus .p-button-label,
p-columnfilterformelement > .p-column-filter-buttonbar .p-button-text:focus span {
  color: var(--light-text-green) !important;
}
.p-column-filter-buttonbar .p-column-filter-apply-button,
.p-column-filter-buttonbar button.p-column-filter-apply-button,
.p-column-filter-buttonbar button:last-child,
.p-column-filter-buttonbar button[type=submit],
.p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text),
p-columnfilterformelement > .p-column-filter-buttonbar .p-column-filter-apply-button,
p-columnfilterformelement > .p-column-filter-buttonbar button.p-column-filter-apply-button,
p-columnfilterformelement > .p-column-filter-buttonbar button:last-child,
p-columnfilterformelement > .p-column-filter-buttonbar button[type=submit],
p-columnfilterformelement > .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text) {
  flex: 1 !important;
  background: var(--light-text-green) !important;
  background-color: var(--light-text-green) !important;
  border: 1px solid var(--light-text-green) !important;
  border-color: var(--light-text-green) !important;
  color: var(--new-theme-hover-text-color, #ffffff) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: var(--new-bg-font) !important;
  padding: 6px 14px !important;
  border-radius: var(--new-border-radius, 8px) !important;
  min-width: 65px !important;
  height: 34px !important;
  text-align: center !important;
  justify-content: center !important;
  align-items: center !important;
  display: inline-flex !important;
  cursor: pointer !important;
  transition: var(--new-transition, all 0.25s ease) !important;
  box-shadow: none !important;
}
.p-column-filter-buttonbar .p-column-filter-apply-button .p-button-label,
.p-column-filter-buttonbar .p-column-filter-apply-button span,
.p-column-filter-buttonbar button.p-column-filter-apply-button .p-button-label,
.p-column-filter-buttonbar button.p-column-filter-apply-button span,
.p-column-filter-buttonbar button:last-child .p-button-label,
.p-column-filter-buttonbar button:last-child span,
.p-column-filter-buttonbar button[type=submit] .p-button-label,
.p-column-filter-buttonbar button[type=submit] span,
.p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text) .p-button-label,
.p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text) span,
p-columnfilterformelement > .p-column-filter-buttonbar .p-column-filter-apply-button .p-button-label,
p-columnfilterformelement > .p-column-filter-buttonbar .p-column-filter-apply-button span,
p-columnfilterformelement > .p-column-filter-buttonbar button.p-column-filter-apply-button .p-button-label,
p-columnfilterformelement > .p-column-filter-buttonbar button.p-column-filter-apply-button span,
p-columnfilterformelement > .p-column-filter-buttonbar button:last-child .p-button-label,
p-columnfilterformelement > .p-column-filter-buttonbar button:last-child span,
p-columnfilterformelement > .p-column-filter-buttonbar button[type=submit] .p-button-label,
p-columnfilterformelement > .p-column-filter-buttonbar button[type=submit] span,
p-columnfilterformelement > .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text) .p-button-label,
p-columnfilterformelement > .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text) span {
  color: var(--new-theme-hover-text-color, #ffffff) !important;
  font-weight: 600 !important;
  font-family: var(--new-bg-font) !important;
}
.p-column-filter-buttonbar .p-column-filter-apply-button:hover,
.p-column-filter-buttonbar .p-column-filter-apply-button:focus,
.p-column-filter-buttonbar button.p-column-filter-apply-button:hover,
.p-column-filter-buttonbar button.p-column-filter-apply-button:focus,
.p-column-filter-buttonbar button:last-child:hover,
.p-column-filter-buttonbar button:last-child:focus,
.p-column-filter-buttonbar button[type=submit]:hover,
.p-column-filter-buttonbar button[type=submit]:focus,
.p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):hover,
.p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):focus,
p-columnfilterformelement > .p-column-filter-buttonbar .p-column-filter-apply-button:hover,
p-columnfilterformelement > .p-column-filter-buttonbar .p-column-filter-apply-button:focus,
p-columnfilterformelement > .p-column-filter-buttonbar button.p-column-filter-apply-button:hover,
p-columnfilterformelement > .p-column-filter-buttonbar button.p-column-filter-apply-button:focus,
p-columnfilterformelement > .p-column-filter-buttonbar button:last-child:hover,
p-columnfilterformelement > .p-column-filter-buttonbar button:last-child:focus,
p-columnfilterformelement > .p-column-filter-buttonbar button[type=submit]:hover,
p-columnfilterformelement > .p-column-filter-buttonbar button[type=submit]:focus,
p-columnfilterformelement > .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):hover,
p-columnfilterformelement > .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):focus {
  background: var(--new-main-color, #7c9f2e) !important;
  background-color: var(--new-main-color, #7c9f2e) !important;
  border-color: var(--new-main-color, #7c9f2e) !important;
  color: var(--new-theme-hover-text-color, #ffffff) !important;
  box-shadow: 0 4px 12px rgba(124, 159, 46, 0.3) !important;
}
.p-column-filter-buttonbar .p-column-filter-apply-button:hover .p-button-label,
.p-column-filter-buttonbar .p-column-filter-apply-button:hover span,
.p-column-filter-buttonbar .p-column-filter-apply-button:focus .p-button-label,
.p-column-filter-buttonbar .p-column-filter-apply-button:focus span,
.p-column-filter-buttonbar button.p-column-filter-apply-button:hover .p-button-label,
.p-column-filter-buttonbar button.p-column-filter-apply-button:hover span,
.p-column-filter-buttonbar button.p-column-filter-apply-button:focus .p-button-label,
.p-column-filter-buttonbar button.p-column-filter-apply-button:focus span,
.p-column-filter-buttonbar button:last-child:hover .p-button-label,
.p-column-filter-buttonbar button:last-child:hover span,
.p-column-filter-buttonbar button:last-child:focus .p-button-label,
.p-column-filter-buttonbar button:last-child:focus span,
.p-column-filter-buttonbar button[type=submit]:hover .p-button-label,
.p-column-filter-buttonbar button[type=submit]:hover span,
.p-column-filter-buttonbar button[type=submit]:focus .p-button-label,
.p-column-filter-buttonbar button[type=submit]:focus span,
.p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):hover .p-button-label,
.p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):hover span,
.p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):focus .p-button-label,
.p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):focus span,
p-columnfilterformelement > .p-column-filter-buttonbar .p-column-filter-apply-button:hover .p-button-label,
p-columnfilterformelement > .p-column-filter-buttonbar .p-column-filter-apply-button:hover span,
p-columnfilterformelement > .p-column-filter-buttonbar .p-column-filter-apply-button:focus .p-button-label,
p-columnfilterformelement > .p-column-filter-buttonbar .p-column-filter-apply-button:focus span,
p-columnfilterformelement > .p-column-filter-buttonbar button.p-column-filter-apply-button:hover .p-button-label,
p-columnfilterformelement > .p-column-filter-buttonbar button.p-column-filter-apply-button:hover span,
p-columnfilterformelement > .p-column-filter-buttonbar button.p-column-filter-apply-button:focus .p-button-label,
p-columnfilterformelement > .p-column-filter-buttonbar button.p-column-filter-apply-button:focus span,
p-columnfilterformelement > .p-column-filter-buttonbar button:last-child:hover .p-button-label,
p-columnfilterformelement > .p-column-filter-buttonbar button:last-child:hover span,
p-columnfilterformelement > .p-column-filter-buttonbar button:last-child:focus .p-button-label,
p-columnfilterformelement > .p-column-filter-buttonbar button:last-child:focus span,
p-columnfilterformelement > .p-column-filter-buttonbar button[type=submit]:hover .p-button-label,
p-columnfilterformelement > .p-column-filter-buttonbar button[type=submit]:hover span,
p-columnfilterformelement > .p-column-filter-buttonbar button[type=submit]:focus .p-button-label,
p-columnfilterformelement > .p-column-filter-buttonbar button[type=submit]:focus span,
p-columnfilterformelement > .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):hover .p-button-label,
p-columnfilterformelement > .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):hover span,
p-columnfilterformelement > .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):focus .p-button-label,
p-columnfilterformelement > .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):focus span {
  color: var(--new-theme-hover-text-color, #ffffff) !important;
}
.small-peragraph {
  margin-bottom: 6px;
  font-size: 13px;
  color: var(--new-pera-color);
  font-family: var(--new-bg-font);
}
.gapping-box {
  padding: 22px 25px;
  border-radius: var(--new-border-radius2);
  border: 1px solid var(--new-border-color);
  font-family: var(--new-bg-font);
  color: var(--new-pera-color);
  font-size: 14px;
  background: var(--bg-background);
}
@media (max-width: 991px) {
  .gapping-box {
    padding: 20px 15px;
  }
}
.gapping-box2 {
  padding: 22px 25px;
  border-radius: var(--new-border-radius2);
  border: 1px solid var(--new-border-color);
  font-family: var(--new-bg-font);
  color: var(--new-pera-color);
  font-size: 14px;
  background: var(--bg-background);
  text-align: center;
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  transition: var(--new-transition);
}
.gapping-box2 h3 {
  margin-bottom: 7px;
  font-size: 11px;
  color: var(--new-pera-color);
  font-family: var(--new-bg-font);
  text-transform: uppercase;
  font-weight: 700;
}
.gapping-box2 h4 {
  font-size: 24px;
  font-weight: 700;
  color: var(--light-text-green);
  margin-bottom: 4px;
}
.gapping-box2 p {
  margin-bottom: 0px;
  font-size: 11px;
  font-weight: 500;
}
.gapping-box2:hover {
  background: rgba(124, 159, 46, 0.06);
  border-color: rgba(124, 159, 46, 0.48);
  box-shadow: 0 4px 9px rgba(124, 159, 46, 0.09);
}
.comon-main-heading span {
  color: var(--light-text-green);
  font-size: 13px;
  font-weight: 600;
  font-family: var(--new-bg-font);
  text-transform: uppercase;
  margin-bottom: 5px;
  display: block;
}
.comon-main-heading h1 {
  font-size: 24px;
  font-weight: 700;
  font-family: var(--new-bg-font);
  color: var(--new-mainHeading-color);
  margin-bottom: 5px;
}
@media (max-width: 991px) {
  .comon-main-heading h1 {
    font-size: 20px;
  }
}
.comon-main-heading p {
  margin-bottom: 0px;
  font-size: 14px;
  color: var(--new-pera-color);
  font-family: var(--new-bg-font);
}
.row-item-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 991px) {
  .row-item-container {
    flex-direction: column;
    text-align: center;
    align-items: center;
    gap: 10px;
  }
}
.btn-custom.btn-custom-backbtn {
  outline: none;
  padding: 2px 11px !important;
  border-radius: var(--new-border-radius) !important;
  font-size: 12px !important;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 5px;
  transition: 0.25s ease !important;
  background: var(--buttog-bg-color) !important;
  border: 1px solid var(--new-border-color) !important;
  color: var(--new-mainHeading-color) !important;
  font-family: var(--new-bg-font);
  text-decoration: none !important;
  cursor: pointer !important;
}
.btn-custom.btn-custom-backbtn svg {
  width: 14px;
}
.btn-custom.btn-custom-backbtn:hover {
  opacity: 0.9 !important;
  background: rgba(107, 134, 45, 0.05) !important;
}
.btn-primary-action.healthy-green-button {
  outline: none;
  padding: 0px 11px;
  border-radius: var(--new-border-radius2);
  font-size: 12px !important;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 5px;
  transition: 0.25s ease;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  color: rgb(5, 150, 105);
  font-family: var(--new-bg-font);
  text-decoration: none !important;
  height: 30px;
  cursor: inherit !important;
}
.btn-primary-action.healthy-green-button svg {
  width: 14px;
}
.btn-custom.btn-custom-greenbox,
.btn-green.btn-custom.btn-custom-greenbox,
.btn-green {
  outline: none;
  padding: 3px 12px;
  border-radius: var(--new-border-radius) !important;
  font-size: 12px !important;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 7px;
  transition: all 0.25s ease;
  background: var(--light-text-green);
  border: 1px solid rgba(138, 172, 57, 0.3);
  color: var(--new-theme-hover-text-color);
  font-family: var(--new-bg-font);
  text-decoration: none !important;
  cursor: pointer !important;
  height: 30px;
}
.btn-custom.btn-custom-greenbox:hover,
.btn-green.btn-custom.btn-custom-greenbox:hover,
.btn-green:hover {
  opacity: 0.95;
  background: var(--light-text-green);
  border: 1px solid rgba(138, 172, 57, 0.5);
  color: var(--new-theme-hover-text-color);
  box-shadow: 0 4px 14px rgba(111, 179, 26, 0.4);
  transform: translateY(-1px);
}
.btn-custom.btn-custom-greenbox:active,
.btn-green.btn-custom.btn-custom-greenbox:active,
.btn-green:active {
  transform: translateY(0px);
  box-shadow: 0 2px 6px rgba(111, 179, 26, 0.2);
}
.btn-custom.btn-custom-greenbox svg,
.btn-green.btn-custom.btn-custom-greenbox svg,
.btn-green svg {
  width: 14px;
}
.btn-custom.btn-custom-greenbox i,
.btn-green.btn-custom.btn-custom-greenbox i,
.btn-green i {
  color: var(--new-theme-hover-text-color) !important;
}
.btn-custom.btn-custom-whitebox {
  outline: none;
  padding: 3px 16px;
  border-radius: var(--new-border-radius);
  font-size: 12px !important;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: 0.25s ease;
  background: var(--bg-background);
  border: 1px solid rgba(107, 134, 45, 0.3);
  color: var(--light-text-green);
  font-family: var(--new-bg-font);
  text-decoration: none !important;
  cursor: pointer !important;
  height: 34px;
}
.btn-custom.btn-custom-whitebox:hover {
  opacity: 0.9;
  background: rgba(107, 134, 45, 0.05);
}
.btn-custom.btn-custom-blackbox {
  outline: none;
  padding: 3px 16px;
  border-radius: var(--new-border-radius);
  font-size: 12px !important;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: all 0.25s ease;
  background: var(--buttog-bg-color);
  border: 1px solid var(--new-border-color);
  color: var(--new-mainHeading-color);
  font-family: var(--new-bg-font);
  text-decoration: none !important;
  cursor: pointer !important;
  height: 34px;
}
@media (max-width: 480px) {
  .btn-custom.btn-custom-blackbox {
    justify-content: center !important;
  }
}
.btn-custom.btn-custom-blackbox svg {
  width: 14px;
}
.btn-custom.btn-custom-blackbox:hover {
  background: rgba(124, 159, 46, 0.13);
  border-color: rgba(124, 159, 46, 0.7);
  box-shadow: 0 4px 14px rgba(124, 159, 46, 0.25);
  color: var(--light-text-green);
  transform: translateY(-1px);
}
.btn-custom.btn-custom-blackbox:active {
  transform: translateY(0px);
  box-shadow: 0 2px 6px rgba(124, 159, 46, 0.1);
}
.top-bar-filterUI {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  margin-bottom: 0px !important;
}
@media screen and (max-width: 768px) {
  .top-bar-filterUI {
    flex-direction: column;
    align-items: start;
    gap: 14px !important;
  }
}
.top-bar-filterUI .page-header-left {
  display: flex;
  gap: 12px;
  align-items: center;
  width: 100%;
  flex: 8.5;
}
.top-bar-filterUI .page-header-left .page-header-icon-wrap {
  width: 35px;
  display: block;
  height: 35px;
  text-align: center;
  border-radius: var(--new-border-radius);
  background: rgba(138, 172, 57, 0.1);
  border: 1px solid rgba(138, 172, 57, 0.2);
  line-height: 33px;
}
.top-bar-filterUI .page-header-left .page-header-icon-wrap svg {
  color: var(--light-text-green) !important;
  width: 17px !important;
  height: 17px !important;
}
@media (max-width: 768px) {
  .top-bar-filterUI .page-header-left .page-header-icon-wrap svg {
    width: 18px !important;
    height: 18px !important;
  }
}
@media (max-width: 768px) {
  .top-bar-filterUI .page-header-left .page-header-icon-wrap {
    width: 40px;
    height: 40px;
    line-height: 38px;
  }
}
.top-bar-filterUI .page-header-left .page-header-text {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: start;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}
.top-bar-filterUI .page-header-left .page-header-title-row {
  display: flex;
  align-items: center;
  gap: 12px;
  white-space: nowrap;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .top-bar-filterUI .page-header-left .page-header-title-row {
    gap: 8px;
    flex-wrap: wrap;
    white-space: normal;
  }
}
.top-bar-filterUI .page-header-left .page-header-title-row h1.page-header-title {
  color: var(--new-mainHeading-color);
  font-size: 18px;
  font-family: var(--new-bg-font) !important;
  margin-bottom: 0 !important;
  font-weight: 700;
  white-space: nowrap;
  word-break: keep-all;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .top-bar-filterUI .page-header-left .page-header-title-row h1.page-header-title {
    font-size: 16px;
    white-space: normal;
    word-break: break-word;
  }
}
.top-bar-filterUI .page-header-left .page-header-title-row .page-header-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px 10px;
  font-size: 10px;
  font-weight: 600;
  font-family: var(--new-bg-font) !important;
  color: var(--light-text-green) !important;
  background: rgba(138, 172, 57, 0.12) !important;
  border: 1px solid rgba(138, 172, 57, 0.35) !important;
  border-radius: 20px !important;
  line-height: normal;
  white-space: nowrap;
}
.top-bar-filterUI .page-header-left .page-header-title-row span.page-header-dot {
  position: relative;
  content: "";
  right: 0;
  top: 0;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background: var(--light-text-green);
  margin-right: 0;
  display: block;
  flex-shrink: 0;
  box-shadow: 0 0 0 0 rgba(111, 179, 26, 0.7);
  animation: dotPulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
.top-bar-filterUI .page-header-left .page-header-title-row span.page-header-dot::after {
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  border-radius: 50%;
  animation: dotPulseRing 1.8s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
.top-bar-filterUI .page-header-left .line-wrapper {
  position: relative;
  width: 100%;
  height: 2px;
  overflow: hidden;
  margin-left: 12px;
  flex: 1;
  min-width: 50px;
}
@media (max-width: 768px) {
  .top-bar-filterUI .page-header-left .line-wrapper {
    display: none !important;
  }
}
.top-bar-filterUI .page-header-left .animated-line {
  width: 100%;
  height: 100%;
  background:
    linear-gradient(
      90deg,
      #769436,
      #6e8636,
      #769436);
  position: relative;
  border-radius: 10px;
  align-self: center;
}
.top-bar-filterUI .page-header-left .animated-line:before {
  content: "";
  position: absolute;
  top: 0;
  left: -20%;
  width: 20%;
  height: 100%;
  background:
    linear-gradient(
      90deg,
      rgba(0, 0, 0, 0),
      rgba(255, 255, 255, 0.9019607843),
      rgba(0, 0, 0, 0));
  animation: lineShine 1s linear infinite;
}
@keyframes lineShine {
  0% {
    left: -20%;
  }
  100% {
    left: 120%;
  }
}
@keyframes dotPulse {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(111, 179, 26, 0.7);
  }
  70% {
    transform: scale(1.05);
    box-shadow: 0 0 0 7px rgba(111, 179, 26, 0);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(111, 179, 26, 0);
  }
}
@keyframes dotPulseRing {
  0% {
    transform: scale(0.8);
    opacity: 0.9;
  }
  100% {
    transform: scale(2.4);
    opacity: 0;
  }
}
@keyframes pulse {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(111, 179, 26, 0.7);
  }
  70% {
    transform: scale(1.05);
    box-shadow: 0 0 0 7px rgba(111, 179, 26, 0);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(111, 179, 26, 0);
  }
}
.top-bar-filterUI .page-header-left .page-header-text {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: start;
}
.top-bar-filterUI .page-header-right {
  display: flex;
  gap: 9px;
  justify-content: end;
}
.page-header-subtitle {
  color: var(--new-pera-color);
  font-size: 15px;
  font-family: var(--new-bg-font);
  font-weight: 400;
  margin-top: 0px;
  display: block;
  margin-bottom: 20px;
}
.mobile-device {
  display: none !important;
}
@media (max-width: 767px) {
  .mobile-device {
    display: flex !important;
  }
}
.tab-filter-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1px 0 2px;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.tab-filter-bar .tab-filter-tabs {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-wrap: wrap;
  border: none;
  background: var(--bg-background);
  color: var(--new-mainHeading-color);
  border-radius: var(--new-border-radius);
  padding: 4px 5px;
  border: 1px solid var(--new-border-color);
}
.tab-filter-bar .tab-filter-tab {
  display: inline-flex;
  align-items: center;
  padding: 5px 13px;
  border-radius: var(--new-border-radius);
  font-family: var(--new-bg-font);
  font-size: 12px;
  font-weight: 500;
  color: var(--new-pera-color);
  background: transparent;
  border: 1px solid transparent;
  cursor: pointer;
  transition: var(--new-transition);
  white-space: nowrap;
}
@media (max-width: 768px) {
  .tab-filter-bar .tab-filter-tab {
    font-size: 12px;
    padding: 2px 7px;
  }
}
.tab-filter-bar .tab-filter-tab i {
  font-size: 15px;
}
.tab-filter-bar .tab-filter-tab:hover {
  color: var(--new-mainHeading-color);
  background: var(--new-hover-color);
}
.tab-filter-bar .tab-filter-tab.active {
  background: var(--light-text-green);
  color: var(--new-theme-hover-text-color);
  border-color: var(--light-text-green);
  font-weight: 600;
}
.tab-filter-bar .tab-filter-controls {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.tab-filter-bar .tab-filter-controls .tab-filter-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 14px;
  border: 1px solid var(--new-border-color);
  background: var(--bg-background);
  color: var(--new-mainHeading-color);
  font-family: var(--new-bg-font);
  font-size: 13px;
  font-weight: 500;
  border-radius: var(--new-border-radius);
  cursor: pointer;
  transition: var(--new-transition);
}
.tab-filter-bar .tab-filter-controls .tab-filter-btn i {
  font-size: 14px;
  color: var(--new-pera-color);
}
.tab-filter-bar .tab-filter-controls .tab-filter-btn:hover {
  border-color: var(--new-main-color);
  color: var(--new-main-color);
  background: var(--new-hover-color);
}
.tab-filter-bar .tab-filter-controls .tab-search-wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.tab-filter-bar .tab-filter-controls .tab-search-wrap i {
  position: absolute;
  left: 10px;
  font-size: 14px;
  color: var(--new-pera-color);
  pointer-events: none;
  z-index: 1;
}
.tab-filter-bar .tab-filter-controls .tab-search-wrap input {
  padding: 7px 12px 7px 32px;
  border: 1px solid var(--new-border-color);
  border-radius: var(--new-border-radius);
  font-family: var(--new-bg-font);
  font-size: 13px;
  color: var(--new-mainHeading-color);
  background: var(--bg-background);
  width: 250px;
  outline: none;
  transition: var(--new-transition);
}
.tab-filter-bar .tab-filter-controls .tab-search-wrap input::placeholder {
  color: var(--new-pera-color);
}
.tab-filter-bar .tab-filter-controls .tab-search-wrap input:focus {
  border-color: var(--new-main-color);
  background: var(--new-hover-color);
}
.hiddenForm {
  background: var(--bg-background) !important;
  border: 1px solid var(--new-border-color) !important;
  border-radius: var(--new-border-radius2) !important;
  color: var(--new-mainHeading-color) !important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
input:-internal-autofill-selected,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active,
textarea:-internal-autofill-selected,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active,
select:-internal-autofill-selected,
.form-control:-webkit-autofill,
.form-control:-webkit-autofill:hover,
.form-control:-webkit-autofill:focus,
.form-control:-webkit-autofill:active,
.form-control:-internal-autofill-selected,
.p-password input:-webkit-autofill,
.p-password input:-webkit-autofill:hover,
.p-password input:-webkit-autofill:focus,
.p-password input:-webkit-autofill:active,
.p-password input:-internal-autofill-selected,
.p-inputtext:-webkit-autofill,
.p-inputtext:-webkit-autofill:hover,
.p-inputtext:-webkit-autofill:focus,
.p-inputtext:-webkit-autofill:active,
.p-inputtext:-internal-autofill-selected {
  -webkit-text-fill-color: var(--new-mainHeading-color) !important;
  -webkit-box-shadow: 0 0 0px 1000px var(--bg-background) inset !important;
  box-shadow: 0 0 0px 1000px var(--bg-background) inset !important;
  background-color: var(--bg-background) !important;
  transition: background-color 5000s ease-in-out 0s !important;
  caret-color: var(--new-mainHeading-color) !important;
  color: var(--new-mainHeading-color) !important;
}
.dark-theme input:-webkit-autofill,
.dark-theme input:-webkit-autofill:hover,
.dark-theme input:-webkit-autofill:focus,
.dark-theme input:-webkit-autofill:active,
.dark-theme input:-internal-autofill-selected,
.dark-theme textarea:-webkit-autofill,
.dark-theme textarea:-webkit-autofill:hover,
.dark-theme textarea:-webkit-autofill:focus,
.dark-theme textarea:-webkit-autofill:active,
.dark-theme textarea:-internal-autofill-selected,
.dark-theme select:-webkit-autofill,
.dark-theme select:-webkit-autofill:hover,
.dark-theme select:-webkit-autofill:focus,
.dark-theme select:-webkit-autofill:active,
.dark-theme select:-internal-autofill-selected,
.dark-theme .form-control:-webkit-autofill,
.dark-theme .form-control:-webkit-autofill:hover,
.dark-theme .form-control:-webkit-autofill:focus,
.dark-theme .form-control:-webkit-autofill:active,
.dark-theme .form-control:-internal-autofill-selected,
.dark-theme .p-password input:-webkit-autofill,
.dark-theme .p-password input:-webkit-autofill:hover,
.dark-theme .p-password input:-webkit-autofill:focus,
.dark-theme .p-password input:-webkit-autofill:active,
.dark-theme .p-password input:-internal-autofill-selected,
.dark-theme .p-inputtext:-webkit-autofill,
.dark-theme .p-inputtext:-webkit-autofill:hover,
.dark-theme .p-inputtext:-webkit-autofill:focus,
.dark-theme .p-inputtext:-webkit-autofill:active,
.dark-theme .p-inputtext:-internal-autofill-selected,
body.dark-theme input:-webkit-autofill,
body.dark-theme input:-webkit-autofill:hover,
body.dark-theme input:-webkit-autofill:focus,
body.dark-theme input:-webkit-autofill:active,
body.dark-theme input:-internal-autofill-selected,
body.dark-theme textarea:-webkit-autofill,
body.dark-theme textarea:-webkit-autofill:hover,
body.dark-theme textarea:-webkit-autofill:focus,
body.dark-theme textarea:-webkit-autofill:active,
body.dark-theme textarea:-internal-autofill-selected,
body.dark-theme select:-webkit-autofill,
body.dark-theme select:-webkit-autofill:hover,
body.dark-theme select:-webkit-autofill:focus,
body.dark-theme select:-webkit-autofill:active,
body.dark-theme select:-internal-autofill-selected,
body.dark-theme .form-control:-webkit-autofill,
body.dark-theme .form-control:-webkit-autofill:hover,
body.dark-theme .form-control:-webkit-autofill:focus,
body.dark-theme .form-control:-webkit-autofill:active,
body.dark-theme .form-control:-internal-autofill-selected,
body.dark-theme .p-password input:-webkit-autofill,
body.dark-theme .p-password input:-webkit-autofill:hover,
body.dark-theme .p-password input:-webkit-autofill:focus,
body.dark-theme .p-password input:-webkit-autofill:active,
body.dark-theme .p-password input:-internal-autofill-selected,
body.dark-theme .p-inputtext:-webkit-autofill,
body.dark-theme .p-inputtext:-webkit-autofill:hover,
body.dark-theme .p-inputtext:-webkit-autofill:focus,
body.dark-theme .p-inputtext:-webkit-autofill:active,
body.dark-theme .p-inputtext:-internal-autofill-selected {
  -webkit-text-fill-color: var(--new-mainHeading-color, #ffffff) !important;
  -webkit-box-shadow: 0 0 0px 1000px var(--bg-background, #161d1a) inset !important;
  box-shadow: 0 0 0px 1000px var(--bg-background, #161d1a) inset !important;
  background-color: var(--bg-background, #161d1a) !important;
  transition: background-color 5000s ease-in-out 0s !important;
  caret-color: var(--new-mainHeading-color, #ffffff) !important;
  color: var(--new-mainHeading-color, #ffffff) !important;
  color-scheme: dark !important;
}
.p-icon {
  width: 13px !important;
}
.country-list,
.iti__country-list,
ul.country-list {
  background: var(--bg-background) !important;
  border: 1px solid var(--new-border-color) !important;
  color: var(--new-mainHeading-color) !important;
  overflow-x: hidden !important;
}
.country-list::-webkit-scrollbar,
.iti__country-list::-webkit-scrollbar,
ul.country-list::-webkit-scrollbar {
  width: 5px !important;
  height: 5px !important;
}
.country-list::-webkit-scrollbar-track,
.iti__country-list::-webkit-scrollbar-track,
ul.country-list::-webkit-scrollbar-track {
  background: var(--bg-background) !important;
}
.country-list::-webkit-scrollbar-thumb,
.iti__country-list::-webkit-scrollbar-thumb,
ul.country-list::-webkit-scrollbar-thumb {
  background: var(--new-border-color) !important;
  border-radius: 4px !important;
}
.country-list::-webkit-scrollbar-thumb:hover,
.iti__country-list::-webkit-scrollbar-thumb:hover,
ul.country-list::-webkit-scrollbar-thumb:hover {
  background: var(--new-pera-color) !important;
}
.country-list .country,
.country-list .iti__country,
.country-list li,
.iti__country-list .country,
.iti__country-list .iti__country,
.iti__country-list li,
ul.country-list .country,
ul.country-list .iti__country,
ul.country-list li {
  background: var(--bg-background) !important;
  color: var(--new-mainHeading-color) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}
.country-list .country .country-name,
.country-list .country .iti__country-name,
.country-list .country .dial-code,
.country-list .country .iti__dial-code,
.country-list .country span,
.country-list .iti__country .country-name,
.country-list .iti__country .iti__country-name,
.country-list .iti__country .dial-code,
.country-list .iti__country .iti__dial-code,
.country-list .iti__country span,
.country-list li .country-name,
.country-list li .iti__country-name,
.country-list li .dial-code,
.country-list li .iti__dial-code,
.country-list li span,
.iti__country-list .country .country-name,
.iti__country-list .country .iti__country-name,
.iti__country-list .country .dial-code,
.iti__country-list .country .iti__dial-code,
.iti__country-list .country span,
.iti__country-list .iti__country .country-name,
.iti__country-list .iti__country .iti__country-name,
.iti__country-list .iti__country .dial-code,
.iti__country-list .iti__country .iti__dial-code,
.iti__country-list .iti__country span,
.iti__country-list li .country-name,
.iti__country-list li .iti__country-name,
.iti__country-list li .dial-code,
.iti__country-list li .iti__dial-code,
.iti__country-list li span,
ul.country-list .country .country-name,
ul.country-list .country .iti__country-name,
ul.country-list .country .dial-code,
ul.country-list .country .iti__dial-code,
ul.country-list .country span,
ul.country-list .iti__country .country-name,
ul.country-list .iti__country .iti__country-name,
ul.country-list .iti__country .dial-code,
ul.country-list .iti__country .iti__dial-code,
ul.country-list .iti__country span,
ul.country-list li .country-name,
ul.country-list li .iti__country-name,
ul.country-list li .dial-code,
ul.country-list li .iti__dial-code,
ul.country-list li span {
  color: var(--new-mainHeading-color) !important;
}
.country-list .country.highlight,
.country-list .country.iti__highlight,
.country-list .country:hover,
.country-list .iti__country.highlight,
.country-list .iti__country.iti__highlight,
.country-list .iti__country:hover,
.country-list li.highlight,
.country-list li.iti__highlight,
.country-list li:hover,
.iti__country-list .country.highlight,
.iti__country-list .country.iti__highlight,
.iti__country-list .country:hover,
.iti__country-list .iti__country.highlight,
.iti__country-list .iti__country.iti__highlight,
.iti__country-list .iti__country:hover,
.iti__country-list li.highlight,
.iti__country-list li.iti__highlight,
.iti__country-list li:hover,
ul.country-list .country.highlight,
ul.country-list .country.iti__highlight,
ul.country-list .country:hover,
ul.country-list .iti__country.highlight,
ul.country-list .iti__country.iti__highlight,
ul.country-list .iti__country:hover,
ul.country-list li.highlight,
ul.country-list li.iti__highlight,
ul.country-list li:hover {
  background: rgba(124, 159, 46, 0.18) !important;
}
.country-list .country.highlight .country-name,
.country-list .country.highlight .iti__country-name,
.country-list .country.highlight .dial-code,
.country-list .country.highlight .iti__dial-code,
.country-list .country.highlight span,
.country-list .country.iti__highlight .country-name,
.country-list .country.iti__highlight .iti__country-name,
.country-list .country.iti__highlight .dial-code,
.country-list .country.iti__highlight .iti__dial-code,
.country-list .country.iti__highlight span,
.country-list .country:hover .country-name,
.country-list .country:hover .iti__country-name,
.country-list .country:hover .dial-code,
.country-list .country:hover .iti__dial-code,
.country-list .country:hover span,
.country-list .iti__country.highlight .country-name,
.country-list .iti__country.highlight .iti__country-name,
.country-list .iti__country.highlight .dial-code,
.country-list .iti__country.highlight .iti__dial-code,
.country-list .iti__country.highlight span,
.country-list .iti__country.iti__highlight .country-name,
.country-list .iti__country.iti__highlight .iti__country-name,
.country-list .iti__country.iti__highlight .dial-code,
.country-list .iti__country.iti__highlight .iti__dial-code,
.country-list .iti__country.iti__highlight span,
.country-list .iti__country:hover .country-name,
.country-list .iti__country:hover .iti__country-name,
.country-list .iti__country:hover .dial-code,
.country-list .iti__country:hover .iti__dial-code,
.country-list .iti__country:hover span,
.country-list li.highlight .country-name,
.country-list li.highlight .iti__country-name,
.country-list li.highlight .dial-code,
.country-list li.highlight .iti__dial-code,
.country-list li.highlight span,
.country-list li.iti__highlight .country-name,
.country-list li.iti__highlight .iti__country-name,
.country-list li.iti__highlight .dial-code,
.country-list li.iti__highlight .iti__dial-code,
.country-list li.iti__highlight span,
.country-list li:hover .country-name,
.country-list li:hover .iti__country-name,
.country-list li:hover .dial-code,
.country-list li:hover .iti__dial-code,
.country-list li:hover span,
.iti__country-list .country.highlight .country-name,
.iti__country-list .country.highlight .iti__country-name,
.iti__country-list .country.highlight .dial-code,
.iti__country-list .country.highlight .iti__dial-code,
.iti__country-list .country.highlight span,
.iti__country-list .country.iti__highlight .country-name,
.iti__country-list .country.iti__highlight .iti__country-name,
.iti__country-list .country.iti__highlight .dial-code,
.iti__country-list .country.iti__highlight .iti__dial-code,
.iti__country-list .country.iti__highlight span,
.iti__country-list .country:hover .country-name,
.iti__country-list .country:hover .iti__country-name,
.iti__country-list .country:hover .dial-code,
.iti__country-list .country:hover .iti__dial-code,
.iti__country-list .country:hover span,
.iti__country-list .iti__country.highlight .country-name,
.iti__country-list .iti__country.highlight .iti__country-name,
.iti__country-list .iti__country.highlight .dial-code,
.iti__country-list .iti__country.highlight .iti__dial-code,
.iti__country-list .iti__country.highlight span,
.iti__country-list .iti__country.iti__highlight .country-name,
.iti__country-list .iti__country.iti__highlight .iti__country-name,
.iti__country-list .iti__country.iti__highlight .dial-code,
.iti__country-list .iti__country.iti__highlight .iti__dial-code,
.iti__country-list .iti__country.iti__highlight span,
.iti__country-list .iti__country:hover .country-name,
.iti__country-list .iti__country:hover .iti__country-name,
.iti__country-list .iti__country:hover .dial-code,
.iti__country-list .iti__country:hover .iti__dial-code,
.iti__country-list .iti__country:hover span,
.iti__country-list li.highlight .country-name,
.iti__country-list li.highlight .iti__country-name,
.iti__country-list li.highlight .dial-code,
.iti__country-list li.highlight .iti__dial-code,
.iti__country-list li.highlight span,
.iti__country-list li.iti__highlight .country-name,
.iti__country-list li.iti__highlight .iti__country-name,
.iti__country-list li.iti__highlight .dial-code,
.iti__country-list li.iti__highlight .iti__dial-code,
.iti__country-list li.iti__highlight span,
.iti__country-list li:hover .country-name,
.iti__country-list li:hover .iti__country-name,
.iti__country-list li:hover .dial-code,
.iti__country-list li:hover .iti__dial-code,
.iti__country-list li:hover span,
ul.country-list .country.highlight .country-name,
ul.country-list .country.highlight .iti__country-name,
ul.country-list .country.highlight .dial-code,
ul.country-list .country.highlight .iti__dial-code,
ul.country-list .country.highlight span,
ul.country-list .country.iti__highlight .country-name,
ul.country-list .country.iti__highlight .iti__country-name,
ul.country-list .country.iti__highlight .dial-code,
ul.country-list .country.iti__highlight .iti__dial-code,
ul.country-list .country.iti__highlight span,
ul.country-list .country:hover .country-name,
ul.country-list .country:hover .iti__country-name,
ul.country-list .country:hover .dial-code,
ul.country-list .country:hover .iti__dial-code,
ul.country-list .country:hover span,
ul.country-list .iti__country.highlight .country-name,
ul.country-list .iti__country.highlight .iti__country-name,
ul.country-list .iti__country.highlight .dial-code,
ul.country-list .iti__country.highlight .iti__dial-code,
ul.country-list .iti__country.highlight span,
ul.country-list .iti__country.iti__highlight .country-name,
ul.country-list .iti__country.iti__highlight .iti__country-name,
ul.country-list .iti__country.iti__highlight .dial-code,
ul.country-list .iti__country.iti__highlight .iti__dial-code,
ul.country-list .iti__country.iti__highlight span,
ul.country-list .iti__country:hover .country-name,
ul.country-list .iti__country:hover .iti__country-name,
ul.country-list .iti__country:hover .dial-code,
ul.country-list .iti__country:hover .iti__dial-code,
ul.country-list .iti__country:hover span,
ul.country-list li.highlight .country-name,
ul.country-list li.highlight .iti__country-name,
ul.country-list li.highlight .dial-code,
ul.country-list li.highlight .iti__dial-code,
ul.country-list li.highlight span,
ul.country-list li.iti__highlight .country-name,
ul.country-list li.iti__highlight .iti__country-name,
ul.country-list li.iti__highlight .dial-code,
ul.country-list li.iti__highlight .iti__dial-code,
ul.country-list li.iti__highlight span,
ul.country-list li:hover .country-name,
ul.country-list li:hover .iti__country-name,
ul.country-list li:hover .dial-code,
ul.country-list li:hover .iti__dial-code,
ul.country-list li:hover span {
  color: var(--light-text-green) !important;
}
.country-list .search-container,
.country-list .country-search,
.iti__country-list .search-container,
.iti__country-list .country-search,
ul.country-list .search-container,
ul.country-list .country-search {
  background: var(--bg-background) !important;
  border-bottom: 1px solid var(--new-border-color) !important;
}
.country-list .search-container input,
.country-list .search-container .country-search input,
.country-list .country-search input,
.country-list .country-search .country-search input,
.iti__country-list .search-container input,
.iti__country-list .search-container .country-search input,
.iti__country-list .country-search input,
.iti__country-list .country-search .country-search input,
ul.country-list .search-container input,
ul.country-list .search-container .country-search input,
ul.country-list .country-search input,
ul.country-list .country-search .country-search input {
  background: var(--bg-background) !important;
  border: 1px solid var(--new-border-color) !important;
  color: var(--new-mainHeading-color) !important;
  outline: none !important;
}
.country-list .search-container input::placeholder,
.country-list .search-container .country-search input::placeholder,
.country-list .country-search input::placeholder,
.country-list .country-search .country-search input::placeholder,
.iti__country-list .search-container input::placeholder,
.iti__country-list .search-container .country-search input::placeholder,
.iti__country-list .country-search input::placeholder,
.iti__country-list .country-search .country-search input::placeholder,
ul.country-list .search-container input::placeholder,
ul.country-list .search-container .country-search input::placeholder,
ul.country-list .country-search input::placeholder,
ul.country-list .country-search .country-search input::placeholder {
  color: var(--new-pera-color) !important;
  opacity: 0.6;
}
ngx-intl-tel-input,
app-ccs-phone {
  width: 100% !important;
  display: block !important;
}
ngx-intl-tel-input .iti,
app-ccs-phone .iti {
  width: 100% !important;
  position: relative !important;
}
ngx-intl-tel-input .iti__selected-flag,
app-ccs-phone .iti__selected-flag {
  height: 34px !important;
  background: transparent !important;
  border-right: 1px solid var(--new-border-color) !important;
  border-top-left-radius: var(--new-border-radius) !important;
  border-bottom-left-radius: var(--new-border-radius) !important;
  display: flex !important;
  align-items: center !important;
}
ngx-intl-tel-input .iti__selected-flag:hover,
app-ccs-phone .iti__selected-flag:hover {
  background: rgba(255, 255, 255, 0.05) !important;
}
ngx-intl-tel-input .iti__selected-dial-code,
app-ccs-phone .iti__selected-dial-code {
  color: var(--new-mainHeading-color) !important;
  font-size: 13px !important;
  font-family: var(--new-bg-font) !important;
}
ngx-intl-tel-input .iti__arrow,
app-ccs-phone .iti__arrow {
  border-top-color: var(--new-pera-color) !important;
}
ngx-intl-tel-input input[type=tel],
ngx-intl-tel-input input.form-control,
ngx-intl-tel-input input,
app-ccs-phone input[type=tel],
app-ccs-phone input.form-control,
app-ccs-phone input {
  background: var(--bg-background) !important;
  border: 1px solid var(--new-border-color) !important;
  color: var(--new-mainHeading-color) !important;
  border-radius: var(--new-border-radius) !important;
  font-family: var(--new-bg-font) !important;
  font-size: 13px !important;
  height: 34px !important;
  line-height: 32px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  width: 100% !important;
  box-shadow: none !important;
}
ngx-intl-tel-input input[type=tel]:focus,
ngx-intl-tel-input input.form-control:focus,
ngx-intl-tel-input input:focus,
app-ccs-phone input[type=tel]:focus,
app-ccs-phone input.form-control:focus,
app-ccs-phone input:focus {
  border-color: var(--light-text-green) !important;
  box-shadow: none !important;
  outline: none !important;
}
.action-activite {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
.action-activite .box-activites {
  position: relative;
  padding: 16px 16px;
  border: 1px solid var(--new-border-color);
  border-radius: var(--new-border-radius2);
  background: var(--bg-background);
  font-family: var(--new-bg-font);
  overflow: hidden;
  transition: var(--new-transition);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.action-activite .box-activites::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3.5px;
  border-top-left-radius: var(--new-border-radius);
  border-top-right-radius: var(--new-border-radius);
  background:
    linear-gradient(
      90deg,
      #6c872d,
      #7c9f2e,
      #a7c739);
}
.action-activite .box-activites:hover {
  transform: translateY(-2px);
  box-shadow: var(--box-hover-shadow, 0 6px 18px rgba(0, 0, 0, 0.1));
  border-color: var(--border-hover-color, var(--new-border-color));
}
.action-activite .box-activites .new-icon-heading {
  display: flex;
  align-items: center;
  gap: 10px;
}
.action-activite .box-activites .new-icon-heading .icon-activite {
  width: 37px;
  height: 37px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
}
.action-activite .box-activites .new-icon-heading .icon-activite svg {
  width: 16px;
  height: 16px;
}
.action-activite .box-activites .new-icon-heading p {
  margin: 0;
  font-size: 12px;
  font-weight: 500;
  color: var(--new-pera-color);
  font-family: var(--new-bg-font);
}
.action-activite .box-activites > span {
  display: block;
  margin-top: 0px;
  font-size: 20px;
  line-height: 1;
  font-weight: 700;
  color: var(--new-mainHeading-color);
  font-family: var(--new-bg-font);
}
.action-activite .box-activites.green-linear::before {
  background: var(--green-linear-gredient) !important;
}
.action-activite .box-activites.green-linear .icon-activite {
  background: rgba(124, 159, 46, 0.12) !important;
}
.action-activite .box-activites.green-linear .icon-activite svg {
  color: #7c9f2e !important;
}
.action-activite .box-activites.green-linear > span {
  color: #7c9f2e !important;
}
.action-activite .box-activites.sky-blue-linear::before {
  background: var(--neon-blue-linear-gredient) !important;
}
.action-activite .box-activites.sky-blue-linear .icon-activite {
  background: rgba(20, 184, 166, 0.12) !important;
}
.action-activite .box-activites.sky-blue-linear .icon-activite svg {
  color: #14b8a6 !important;
}
.action-activite .box-activites.sky-blue-linear > span {
  color: #14b8a6 !important;
}
.action-activite .box-activites.deep-blue-linear::before {
  background: var(--sky-linear-gredient) !important;
}
.action-activite .box-activites.deep-blue-linear .icon-activite {
  background: rgba(37, 99, 235, 0.12) !important;
}
.action-activite .box-activites.deep-blue-linear .icon-activite svg {
  color: #3b82f6 !important;
}
.action-activite .box-activites.deep-blue-linear > span {
  color: #3b82f6 !important;
}
.action-activite .box-activites.orange-linear::before {
  background: var(--orange-linear-gredient) !important;
}
.action-activite .box-activites.orange-linear .icon-activite {
  background: rgba(255, 139, 26, 0.12) !important;
}
.action-activite .box-activites.orange-linear .icon-activite svg {
  color: #ff8b1a !important;
}
.action-activite .box-activites.orange-linear > span {
  color: #ff8b1a !important;
}
.action-activite .green-linear::before {
  background: var(--green-linear-gredient) !important;
}
.action-activite .green-linear .icon-activite {
  background: rgba(124, 159, 46, 0.12) !important;
}
.action-activite .green-linear .icon-activite svg {
  color: #7c9f2e !important;
}
.action-activite .green-linear > span {
  color: #7c9f2e !important;
}
.action-activite .sky-blue-linear::before {
  background: var(--neon-blue-linear-gredient) !important;
}
.action-activite .sky-blue-linear .icon-activite {
  background: rgba(20, 184, 166, 0.12) !important;
}
.action-activite .sky-blue-linear .icon-activite svg {
  color: #14b8a6 !important;
}
.action-activite .sky-blue-linear > span {
  color: #14b8a6 !important;
}
.action-activite .deep-blue-linear::before {
  background: var(--sky-linear-gredient) !important;
}
.action-activite .deep-blue-linear .icon-activite {
  background: rgba(37, 99, 235, 0.12) !important;
}
.action-activite .deep-blue-linear .icon-activite svg {
  color: #3b82f6 !important;
}
.action-activite .deep-blue-linear > span {
  color: #3b82f6 !important;
}
.action-activite .orange-linear::before {
  background: var(--orange-linear-gredient) !important;
}
.action-activite .orange-linear .icon-activite {
  background: rgba(255, 139, 26, 0.12) !important;
}
.action-activite .orange-linear .icon-activite svg {
  color: #ff8b1a !important;
}
.action-activite .orange-linear > span {
  color: #ff8b1a !important;
}
@media (max-width: 991px) {
  .action-activite {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575px) {
  .action-activite {
    grid-template-columns: 1fr;
  }
}
.tab-search-wrap.search-bar-filter-background input {
  background: var(--new-bg-background2) !important;
}
span.member-status-badge.status-badge-active {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 3px 10px;
  font-size: 10px;
  font-weight: 600;
  font-family: var(--new-bg-font) !important;
  color: var(--light-text-green) !important;
  background: rgba(138, 172, 57, 0.12) !important;
  border: 1px solid rgba(138, 172, 57, 0.35) !important;
  border-radius: 20px !important;
  line-height: normal;
  white-space: nowrap;
}
.tox-tinymce {
  border-color: var(--new-border-color) !important;
  border-radius: var(--new-border-radius, 8px) !important;
  background: var(--bg-background) !important;
}
.tox-tinymce .tox-editor-header,
.tox-tinymce .tox-menubar,
.tox-tinymce .tox-toolbar,
.tox-tinymce .tox-toolbar__primary,
.tox-tinymce .tox-toolbar__overflow {
  background: var(--bg-background) !important;
  border-bottom: 1px solid var(--new-border-color) !important;
}
.tox-tinymce .tox-mbtn {
  color: var(--new-mainHeading-color) !important;
}
.tox-tinymce .tox-mbtn .tox-mbtn__select-label {
  color: var(--new-mainHeading-color) !important;
}
.tox-tinymce .tox-mbtn:hover {
  background: var(--new-hover-color) !important;
}
.tox-tinymce .tox-tbtn {
  color: var(--new-mainHeading-color) !important;
}
.tox-tinymce .tox-tbtn svg {
  fill: var(--new-mainHeading-color) !important;
}
.tox-tinymce .tox-tbtn:hover {
  background: var(--new-hover-color) !important;
}
.tox-tinymce .tox-tbtn:hover svg {
  fill: var(--new-mainHeading-color) !important;
}
.tox-tinymce .tox-tbtn.tox-tbtn--enabled,
.tox-tinymce .tox-tbtn.tox-tbtn--active {
  background: var(--new-hover-color) !important;
  color: var(--light-text-green) !important;
}
.tox-tinymce .tox-tbtn.tox-tbtn--enabled svg,
.tox-tinymce .tox-tbtn.tox-tbtn--active svg {
  fill: var(--light-text-green) !important;
}
.tox-tinymce .tox-statusbar {
  background: var(--bg-background) !important;
  border-top: 1px solid var(--new-border-color) !important;
  color: var(--new-pera-color) !important;
}
.tox-tinymce .tox-edit-area__iframe {
  background: var(--bg-background) !important;
}
.tox .tox-tbtn svg {
  fill: var(--new-mainHeading-color) !important;
}
.language-popup-overlay {
  z-index: 22222 !important;
  backdrop-filter: blur(11px);
}
.comon-heading-linear span.section-icon {
  width: 33px;
  display: block;
  height: 33px;
  text-align: center;
  border-radius: var(--new-border-radius);
  background: rgba(138, 172, 57, 0.1);
  line-height: 29px;
}
.comon-heading-linear span.section-icon svg {
  width: 19px;
  color: var(--light-text-green) !important;
}
.comon-heading-linear h3.section-main-title {
  font-size: 18px;
  font-weight: 600;
}
.comon-heading-linear .count-pill-badge {
  background: var(--new-bg-background);
  border: 1px solid rgba(138, 172, 57, 0.3);
  color: var(--light-text-green);
  font-size: 11px;
  font-weight: 600;
  padding: 2px 13px;
  border-radius: 20px;
  font-family: var(--new-bg-font);
}
.before-line {
  position: relative;
  overflow: hidden;
}
.before-line:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3.5px;
  border-top-left-radius: var(--new-border-radius);
  border-top-right-radius: var(--new-border-radius);
}
.green-linear:before {
  background: var(--green-linear-gredient);
}
.orange-linear:before {
  background: var(--orange-linear-gredient);
}
.sky-blue-linear:before {
  background: var(--sky-linear-gredient);
}
.grid-view-layout {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}
@media (max-width: 768px) {
  .grid-view-layout {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 480px) {
  .grid-view-layout {
    grid-template-columns: 1fr;
  }
}
.gredient-linear-bg {
  position: relative;
  overflow: hidden;
}
.gredient-linear-bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  border-top-left-radius: var(--new-border-radius);
  border-top-right-radius: var(--new-border-radius);
  background:
    linear-gradient(
      to right,
      var(--light-text-green),
      #f49d25);
}
.p-dialog-theme {
}
.p-dialog-theme .p-dialog-mask,
.p-dialog-theme .p-overlay-mask,
.p-dialog-theme .p-component-overlay {
  background: rgba(0, 0, 0, 0.55) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
  transition: var(--new-transition, all 300ms ease-in-out) !important;
}
.p-dialog-theme .p-dialog,
.p-dialog-theme .p-confirmdialog {
  background: var(--bg-background) !important;
  color: var(--new-mainHeading-color) !important;
  border: 1px solid var(--new-border-color) !important;
  border-radius: var(--new-border-radius2, 16px) !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35) !important;
  font-family: var(--new-bg-font, "DM Sans", sans-serif) !important;
  position: relative !important;
  overflow: hidden !important;
  transition: var(--new-transition, all 300ms ease-in-out) !important;
  position: relative;
  overflow: hidden;
}
.p-dialog-theme .p-dialog:before,
.p-dialog-theme .p-confirmdialog:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  border-top-left-radius: var(--new-border-radius);
  border-top-right-radius: var(--new-border-radius);
  background:
    linear-gradient(
      to right,
      var(--light-text-green),
      #f49d25);
}
.p-dialog-theme .p-dialog .p-dialog-header,
.p-dialog-theme .p-confirmdialog .p-dialog-header {
  background: var(--bg-background) !important;
  border-bottom: 1px solid var(--new-border-color) !important;
  color: var(--new-mainHeading-color) !important;
  padding: 16px 20px !important;
  font-family: var(--new-bg-font, "DM Sans", sans-serif) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}
.p-dialog-theme .p-dialog .p-dialog-header .p-dialog-title,
.p-dialog-theme .p-confirmdialog .p-dialog-header .p-dialog-title {
  color: var(--new-mainHeading-color) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  font-family: var(--new-bg-font, "DM Sans", sans-serif) !important;
  line-height: 1.4 !important;
  margin: 0 !important;
}
.p-dialog-theme .p-dialog .p-dialog-header .p-dialog-header-icons,
.p-dialog-theme .p-dialog .p-dialog-header .p-dialog-header-icon,
.p-dialog-theme .p-confirmdialog .p-dialog-header .p-dialog-header-icons,
.p-dialog-theme .p-confirmdialog .p-dialog-header .p-dialog-header-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.p-dialog-theme .p-dialog .p-dialog-header .p-dialog-header-icon,
.p-dialog-theme .p-dialog .p-dialog-header .p-dialog-close-button,
.p-dialog-theme .p-dialog .p-dialog-header .p-dialog-header-close,
.p-dialog-theme .p-confirmdialog .p-dialog-header .p-dialog-header-icon,
.p-dialog-theme .p-confirmdialog .p-dialog-header .p-dialog-close-button,
.p-dialog-theme .p-confirmdialog .p-dialog-header .p-dialog-header-close {
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  background: var(--new-pdropdown-bg) !important;
  border: 1px solid var(--new-border-color) !important;
  color: var(--new-pera-color) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: var(--new-transition, all 200ms ease-in-out) !important;
  cursor: pointer !important;
  outline: none !important;
  box-shadow: none !important;
}
.p-dialog-theme .p-dialog .p-dialog-header .p-dialog-header-icon:hover,
.p-dialog-theme .p-dialog .p-dialog-header .p-dialog-close-button:hover,
.p-dialog-theme .p-dialog .p-dialog-header .p-dialog-header-close:hover,
.p-dialog-theme .p-confirmdialog .p-dialog-header .p-dialog-header-icon:hover,
.p-dialog-theme .p-confirmdialog .p-dialog-header .p-dialog-close-button:hover,
.p-dialog-theme .p-confirmdialog .p-dialog-header .p-dialog-header-close:hover {
  background: var(--new-hover-color) !important;
  color: var(--light-text-green) !important;
  border-color: var(--light-text-green) !important;
  transform: scale(1.06) !important;
}
.p-dialog-theme .p-dialog .p-dialog-header .p-dialog-header-icon .p-dialog-header-close-icon,
.p-dialog-theme .p-dialog .p-dialog-header .p-dialog-header-icon .p-icon,
.p-dialog-theme .p-dialog .p-dialog-header .p-dialog-header-icon i,
.p-dialog-theme .p-dialog .p-dialog-header .p-dialog-header-icon svg,
.p-dialog-theme .p-dialog .p-dialog-header .p-dialog-close-button .p-dialog-header-close-icon,
.p-dialog-theme .p-dialog .p-dialog-header .p-dialog-close-button .p-icon,
.p-dialog-theme .p-dialog .p-dialog-header .p-dialog-close-button i,
.p-dialog-theme .p-dialog .p-dialog-header .p-dialog-close-button svg,
.p-dialog-theme .p-dialog .p-dialog-header .p-dialog-header-close .p-dialog-header-close-icon,
.p-dialog-theme .p-dialog .p-dialog-header .p-dialog-header-close .p-icon,
.p-dialog-theme .p-dialog .p-dialog-header .p-dialog-header-close i,
.p-dialog-theme .p-dialog .p-dialog-header .p-dialog-header-close svg,
.p-dialog-theme .p-confirmdialog .p-dialog-header .p-dialog-header-icon .p-dialog-header-close-icon,
.p-dialog-theme .p-confirmdialog .p-dialog-header .p-dialog-header-icon .p-icon,
.p-dialog-theme .p-confirmdialog .p-dialog-header .p-dialog-header-icon i,
.p-dialog-theme .p-confirmdialog .p-dialog-header .p-dialog-header-icon svg,
.p-dialog-theme .p-confirmdialog .p-dialog-header .p-dialog-close-button .p-dialog-header-close-icon,
.p-dialog-theme .p-confirmdialog .p-dialog-header .p-dialog-close-button .p-icon,
.p-dialog-theme .p-confirmdialog .p-dialog-header .p-dialog-close-button i,
.p-dialog-theme .p-confirmdialog .p-dialog-header .p-dialog-close-button svg,
.p-dialog-theme .p-confirmdialog .p-dialog-header .p-dialog-header-close .p-dialog-header-close-icon,
.p-dialog-theme .p-confirmdialog .p-dialog-header .p-dialog-header-close .p-icon,
.p-dialog-theme .p-confirmdialog .p-dialog-header .p-dialog-header-close i,
.p-dialog-theme .p-confirmdialog .p-dialog-header .p-dialog-header-close svg {
  font-size: 14px !important;
  width: 14px !important;
  height: 14px !important;
  color: inherit !important;
}
.p-dialog-theme .p-dialog .p-dialog-content,
.p-dialog-theme .p-confirmdialog .p-dialog-content {
  background: var(--bg-background) !important;
  color: var(--new-mainHeading-color) !important;
  padding: 22px 24px !important;
  font-family: var(--new-bg-font, "DM Sans", sans-serif) !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}
.p-dialog-theme .p-dialog .p-dialog-content .p-confirmdialog-icon,
.p-dialog-theme .p-dialog .p-dialog-content .p-confirm-dialog-icon,
.p-dialog-theme .p-confirmdialog .p-dialog-content .p-confirmdialog-icon,
.p-dialog-theme .p-confirmdialog .p-dialog-content .p-confirm-dialog-icon {
  color: var(--light-text-green) !important;
  font-size: 24px !important;
  width: 24px !important;
  height: 24px !important;
  margin-right: 12px !important;
}
.p-dialog-theme .p-dialog .p-dialog-content .p-confirmdialog-message,
.p-dialog-theme .p-dialog .p-dialog-content .p-confirm-dialog-message,
.p-dialog-theme .p-confirmdialog .p-dialog-content .p-confirmdialog-message,
.p-dialog-theme .p-confirmdialog .p-dialog-content .p-confirm-dialog-message {
  color: var(--new-mainHeading-color) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  font-family: var(--new-bg-font, "DM Sans", sans-serif) !important;
}
.p-dialog-theme .p-dialog .p-dialog-footer,
.p-dialog-theme .p-confirmdialog .p-dialog-footer {
  background: var(--bg-background) !important;
  border-top: 1px solid var(--new-border-color) !important;
  padding: 14px 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
}
.p-dialog-theme .p-dialog .p-dialog-footer button,
.p-dialog-theme .p-dialog .p-dialog-footer .p-button,
.p-dialog-theme .p-confirmdialog .p-dialog-footer button,
.p-dialog-theme .p-confirmdialog .p-dialog-footer .p-button {
  height: 34px !important;
  padding: 4px 16px !important;
  border-radius: var(--new-border-radius, 8px) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: var(--new-bg-font, "DM Sans", sans-serif) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  transition: all 0.25s ease !important;
  cursor: pointer !important;
  outline: none !important;
}
.p-dialog-theme .p-dialog .p-dialog-footer button .p-button-icon,
.p-dialog-theme .p-dialog .p-dialog-footer .p-button .p-button-icon,
.p-dialog-theme .p-confirmdialog .p-dialog-footer button .p-button-icon,
.p-dialog-theme .p-confirmdialog .p-dialog-footer .p-button .p-button-icon {
  font-size: 14px !important;
}
.p-dialog-theme .p-dialog .p-dialog-footer button .p-button-label,
.p-dialog-theme .p-dialog .p-dialog-footer .p-button .p-button-label,
.p-dialog-theme .p-confirmdialog .p-dialog-footer button .p-button-label,
.p-dialog-theme .p-confirmdialog .p-dialog-footer .p-button .p-button-label {
  font-weight: 600 !important;
  margin: 0 !important;
  font-size: 13px !important;
}
.p-dialog-theme .p-dialog .p-dialog-footer button.p-confirm-dialog-accept,
.p-dialog-theme .p-dialog .p-dialog-footer button.p-confirmdialog-accept-button,
.p-dialog-theme .p-dialog .p-dialog-footer button.btn-primary,
.p-dialog-theme .p-dialog .p-dialog-footer button.btn-success,
.p-dialog-theme .p-dialog .p-dialog-footer button.btn-custom-greenbox,
.p-dialog-theme .p-dialog .p-dialog-footer button:not(.p-button-secondary):not(.p-confirm-dialog-reject):not(.p-confirmdialog-reject-button):not(.p-button-outlined):not(.p-button-text):not(.btn-cancel):not(.btn-secondary):not(.btn-light),
.p-dialog-theme .p-dialog .p-dialog-footer .p-button.p-confirm-dialog-accept,
.p-dialog-theme .p-dialog .p-dialog-footer .p-button.p-confirmdialog-accept-button,
.p-dialog-theme .p-dialog .p-dialog-footer .p-button.btn-primary,
.p-dialog-theme .p-dialog .p-dialog-footer .p-button.btn-success,
.p-dialog-theme .p-dialog .p-dialog-footer .p-button.btn-custom-greenbox,
.p-dialog-theme .p-dialog .p-dialog-footer .p-button:not(.p-button-secondary):not(.p-confirm-dialog-reject):not(.p-confirmdialog-reject-button):not(.p-button-outlined):not(.p-button-text):not(.btn-cancel):not(.btn-secondary):not(.btn-light),
.p-dialog-theme .p-confirmdialog .p-dialog-footer button.p-confirm-dialog-accept,
.p-dialog-theme .p-confirmdialog .p-dialog-footer button.p-confirmdialog-accept-button,
.p-dialog-theme .p-confirmdialog .p-dialog-footer button.btn-primary,
.p-dialog-theme .p-confirmdialog .p-dialog-footer button.btn-success,
.p-dialog-theme .p-confirmdialog .p-dialog-footer button.btn-custom-greenbox,
.p-dialog-theme .p-confirmdialog .p-dialog-footer button:not(.p-button-secondary):not(.p-confirm-dialog-reject):not(.p-confirmdialog-reject-button):not(.p-button-outlined):not(.p-button-text):not(.btn-cancel):not(.btn-secondary):not(.btn-light),
.p-dialog-theme .p-confirmdialog .p-dialog-footer .p-button.p-confirm-dialog-accept,
.p-dialog-theme .p-confirmdialog .p-dialog-footer .p-button.p-confirmdialog-accept-button,
.p-dialog-theme .p-confirmdialog .p-dialog-footer .p-button.btn-primary,
.p-dialog-theme .p-confirmdialog .p-dialog-footer .p-button.btn-success,
.p-dialog-theme .p-confirmdialog .p-dialog-footer .p-button.btn-custom-greenbox,
.p-dialog-theme .p-confirmdialog .p-dialog-footer .p-button:not(.p-button-secondary):not(.p-confirm-dialog-reject):not(.p-confirmdialog-reject-button):not(.p-button-outlined):not(.p-button-text):not(.btn-cancel):not(.btn-secondary):not(.btn-light) {
  background: var(--light-text-green) !important;
  border: 1px solid rgba(138, 172, 57, 0.3) !important;
  color: var(--new-theme-hover-text-color) !important;
  box-shadow: 0 4px 12px rgba(107, 134, 45, 0.2) !important;
}
.p-dialog-theme .p-dialog .p-dialog-footer button.p-confirm-dialog-accept:hover:not(:disabled),
.p-dialog-theme .p-dialog .p-dialog-footer button.p-confirmdialog-accept-button:hover:not(:disabled),
.p-dialog-theme .p-dialog .p-dialog-footer button.btn-primary:hover:not(:disabled),
.p-dialog-theme .p-dialog .p-dialog-footer button.btn-success:hover:not(:disabled),
.p-dialog-theme .p-dialog .p-dialog-footer button.btn-custom-greenbox:hover:not(:disabled),
.p-dialog-theme .p-dialog .p-dialog-footer button:not(.p-button-secondary):not(.p-confirm-dialog-reject):not(.p-confirmdialog-reject-button):not(.p-button-outlined):not(.p-button-text):not(.btn-cancel):not(.btn-secondary):not(.btn-light):hover:not(:disabled),
.p-dialog-theme .p-dialog .p-dialog-footer .p-button.p-confirm-dialog-accept:hover:not(:disabled),
.p-dialog-theme .p-dialog .p-dialog-footer .p-button.p-confirmdialog-accept-button:hover:not(:disabled),
.p-dialog-theme .p-dialog .p-dialog-footer .p-button.btn-primary:hover:not(:disabled),
.p-dialog-theme .p-dialog .p-dialog-footer .p-button.btn-success:hover:not(:disabled),
.p-dialog-theme .p-dialog .p-dialog-footer .p-button.btn-custom-greenbox:hover:not(:disabled),
.p-dialog-theme .p-dialog .p-dialog-footer .p-button:not(.p-button-secondary):not(.p-confirm-dialog-reject):not(.p-confirmdialog-reject-button):not(.p-button-outlined):not(.p-button-text):not(.btn-cancel):not(.btn-secondary):not(.btn-light):hover:not(:disabled),
.p-dialog-theme .p-confirmdialog .p-dialog-footer button.p-confirm-dialog-accept:hover:not(:disabled),
.p-dialog-theme .p-confirmdialog .p-dialog-footer button.p-confirmdialog-accept-button:hover:not(:disabled),
.p-dialog-theme .p-confirmdialog .p-dialog-footer button.btn-primary:hover:not(:disabled),
.p-dialog-theme .p-confirmdialog .p-dialog-footer button.btn-success:hover:not(:disabled),
.p-dialog-theme .p-confirmdialog .p-dialog-footer button.btn-custom-greenbox:hover:not(:disabled),
.p-dialog-theme .p-confirmdialog .p-dialog-footer button:not(.p-button-secondary):not(.p-confirm-dialog-reject):not(.p-confirmdialog-reject-button):not(.p-button-outlined):not(.p-button-text):not(.btn-cancel):not(.btn-secondary):not(.btn-light):hover:not(:disabled),
.p-dialog-theme .p-confirmdialog .p-dialog-footer .p-button.p-confirm-dialog-accept:hover:not(:disabled),
.p-dialog-theme .p-confirmdialog .p-dialog-footer .p-button.p-confirmdialog-accept-button:hover:not(:disabled),
.p-dialog-theme .p-confirmdialog .p-dialog-footer .p-button.btn-primary:hover:not(:disabled),
.p-dialog-theme .p-confirmdialog .p-dialog-footer .p-button.btn-success:hover:not(:disabled),
.p-dialog-theme .p-confirmdialog .p-dialog-footer .p-button.btn-custom-greenbox:hover:not(:disabled),
.p-dialog-theme .p-confirmdialog .p-dialog-footer .p-button:not(.p-button-secondary):not(.p-confirm-dialog-reject):not(.p-confirmdialog-reject-button):not(.p-button-outlined):not(.p-button-text):not(.btn-cancel):not(.btn-secondary):not(.btn-light):hover:not(:disabled) {
  background: var(--light-text-green) !important;
  opacity: 0.95 !important;
  border-color: rgba(138, 172, 57, 0.5) !important;
  color: var(--new-theme-hover-text-color) !important;
  box-shadow: 0 6px 16px rgba(107, 134, 45, 0.35) !important;
  transform: translateY(-1px) !important;
}
.p-dialog-theme .p-dialog .p-dialog-footer button.p-confirm-dialog-accept:active:not(:disabled),
.p-dialog-theme .p-dialog .p-dialog-footer button.p-confirmdialog-accept-button:active:not(:disabled),
.p-dialog-theme .p-dialog .p-dialog-footer button.btn-primary:active:not(:disabled),
.p-dialog-theme .p-dialog .p-dialog-footer button.btn-success:active:not(:disabled),
.p-dialog-theme .p-dialog .p-dialog-footer button.btn-custom-greenbox:active:not(:disabled),
.p-dialog-theme .p-dialog .p-dialog-footer button:not(.p-button-secondary):not(.p-confirm-dialog-reject):not(.p-confirmdialog-reject-button):not(.p-button-outlined):not(.p-button-text):not(.btn-cancel):not(.btn-secondary):not(.btn-light):active:not(:disabled),
.p-dialog-theme .p-dialog .p-dialog-footer .p-button.p-confirm-dialog-accept:active:not(:disabled),
.p-dialog-theme .p-dialog .p-dialog-footer .p-button.p-confirmdialog-accept-button:active:not(:disabled),
.p-dialog-theme .p-dialog .p-dialog-footer .p-button.btn-primary:active:not(:disabled),
.p-dialog-theme .p-dialog .p-dialog-footer .p-button.btn-success:active:not(:disabled),
.p-dialog-theme .p-dialog .p-dialog-footer .p-button.btn-custom-greenbox:active:not(:disabled),
.p-dialog-theme .p-dialog .p-dialog-footer .p-button:not(.p-button-secondary):not(.p-confirm-dialog-reject):not(.p-confirmdialog-reject-button):not(.p-button-outlined):not(.p-button-text):not(.btn-cancel):not(.btn-secondary):not(.btn-light):active:not(:disabled),
.p-dialog-theme .p-confirmdialog .p-dialog-footer button.p-confirm-dialog-accept:active:not(:disabled),
.p-dialog-theme .p-confirmdialog .p-dialog-footer button.p-confirmdialog-accept-button:active:not(:disabled),
.p-dialog-theme .p-confirmdialog .p-dialog-footer button.btn-primary:active:not(:disabled),
.p-dialog-theme .p-confirmdialog .p-dialog-footer button.btn-success:active:not(:disabled),
.p-dialog-theme .p-confirmdialog .p-dialog-footer button.btn-custom-greenbox:active:not(:disabled),
.p-dialog-theme .p-confirmdialog .p-dialog-footer button:not(.p-button-secondary):not(.p-confirm-dialog-reject):not(.p-confirmdialog-reject-button):not(.p-button-outlined):not(.p-button-text):not(.btn-cancel):not(.btn-secondary):not(.btn-light):active:not(:disabled),
.p-dialog-theme .p-confirmdialog .p-dialog-footer .p-button.p-confirm-dialog-accept:active:not(:disabled),
.p-dialog-theme .p-confirmdialog .p-dialog-footer .p-button.p-confirmdialog-accept-button:active:not(:disabled),
.p-dialog-theme .p-confirmdialog .p-dialog-footer .p-button.btn-primary:active:not(:disabled),
.p-dialog-theme .p-confirmdialog .p-dialog-footer .p-button.btn-success:active:not(:disabled),
.p-dialog-theme .p-confirmdialog .p-dialog-footer .p-button.btn-custom-greenbox:active:not(:disabled),
.p-dialog-theme .p-confirmdialog .p-dialog-footer .p-button:not(.p-button-secondary):not(.p-confirm-dialog-reject):not(.p-confirmdialog-reject-button):not(.p-button-outlined):not(.p-button-text):not(.btn-cancel):not(.btn-secondary):not(.btn-light):active:not(:disabled) {
  transform: translateY(0) !important;
}
.p-dialog-theme .p-dialog .p-dialog-footer button.p-confirm-dialog-reject,
.p-dialog-theme .p-dialog .p-dialog-footer button.p-confirmdialog-reject-button,
.p-dialog-theme .p-dialog .p-dialog-footer button.p-button-secondary,
.p-dialog-theme .p-dialog .p-dialog-footer button.p-button-outlined,
.p-dialog-theme .p-dialog .p-dialog-footer button.p-button-text,
.p-dialog-theme .p-dialog .p-dialog-footer button.btn-secondary,
.p-dialog-theme .p-dialog .p-dialog-footer button.btn-cancel,
.p-dialog-theme .p-dialog .p-dialog-footer button.btn-light,
.p-dialog-theme .p-dialog .p-dialog-footer button.btn-custom-blackbox,
.p-dialog-theme .p-dialog .p-dialog-footer .p-button.p-confirm-dialog-reject,
.p-dialog-theme .p-dialog .p-dialog-footer .p-button.p-confirmdialog-reject-button,
.p-dialog-theme .p-dialog .p-dialog-footer .p-button.p-button-secondary,
.p-dialog-theme .p-dialog .p-dialog-footer .p-button.p-button-outlined,
.p-dialog-theme .p-dialog .p-dialog-footer .p-button.p-button-text,
.p-dialog-theme .p-dialog .p-dialog-footer .p-button.btn-secondary,
.p-dialog-theme .p-dialog .p-dialog-footer .p-button.btn-cancel,
.p-dialog-theme .p-dialog .p-dialog-footer .p-button.btn-light,
.p-dialog-theme .p-dialog .p-dialog-footer .p-button.btn-custom-blackbox,
.p-dialog-theme .p-confirmdialog .p-dialog-footer button.p-confirm-dialog-reject,
.p-dialog-theme .p-confirmdialog .p-dialog-footer button.p-confirmdialog-reject-button,
.p-dialog-theme .p-confirmdialog .p-dialog-footer button.p-button-secondary,
.p-dialog-theme .p-confirmdialog .p-dialog-footer button.p-button-outlined,
.p-dialog-theme .p-confirmdialog .p-dialog-footer button.p-button-text,
.p-dialog-theme .p-confirmdialog .p-dialog-footer button.btn-secondary,
.p-dialog-theme .p-confirmdialog .p-dialog-footer button.btn-cancel,
.p-dialog-theme .p-confirmdialog .p-dialog-footer button.btn-light,
.p-dialog-theme .p-confirmdialog .p-dialog-footer button.btn-custom-blackbox,
.p-dialog-theme .p-confirmdialog .p-dialog-footer .p-button.p-confirm-dialog-reject,
.p-dialog-theme .p-confirmdialog .p-dialog-footer .p-button.p-confirmdialog-reject-button,
.p-dialog-theme .p-confirmdialog .p-dialog-footer .p-button.p-button-secondary,
.p-dialog-theme .p-confirmdialog .p-dialog-footer .p-button.p-button-outlined,
.p-dialog-theme .p-confirmdialog .p-dialog-footer .p-button.p-button-text,
.p-dialog-theme .p-confirmdialog .p-dialog-footer .p-button.btn-secondary,
.p-dialog-theme .p-confirmdialog .p-dialog-footer .p-button.btn-cancel,
.p-dialog-theme .p-confirmdialog .p-dialog-footer .p-button.btn-light,
.p-dialog-theme .p-confirmdialog .p-dialog-footer .p-button.btn-custom-blackbox {
  background: var(--buttog-bg-color) !important;
  border: 1px solid var(--new-border-color) !important;
  color: var(--new-mainHeading-color) !important;
  box-shadow: none !important;
}
.p-dialog-theme .p-dialog .p-dialog-footer button.p-confirm-dialog-reject:hover:not(:disabled),
.p-dialog-theme .p-dialog .p-dialog-footer button.p-confirmdialog-reject-button:hover:not(:disabled),
.p-dialog-theme .p-dialog .p-dialog-footer button.p-button-secondary:hover:not(:disabled),
.p-dialog-theme .p-dialog .p-dialog-footer button.p-button-outlined:hover:not(:disabled),
.p-dialog-theme .p-dialog .p-dialog-footer button.p-button-text:hover:not(:disabled),
.p-dialog-theme .p-dialog .p-dialog-footer button.btn-secondary:hover:not(:disabled),
.p-dialog-theme .p-dialog .p-dialog-footer button.btn-cancel:hover:not(:disabled),
.p-dialog-theme .p-dialog .p-dialog-footer button.btn-light:hover:not(:disabled),
.p-dialog-theme .p-dialog .p-dialog-footer button.btn-custom-blackbox:hover:not(:disabled),
.p-dialog-theme .p-dialog .p-dialog-footer .p-button.p-confirm-dialog-reject:hover:not(:disabled),
.p-dialog-theme .p-dialog .p-dialog-footer .p-button.p-confirmdialog-reject-button:hover:not(:disabled),
.p-dialog-theme .p-dialog .p-dialog-footer .p-button.p-button-secondary:hover:not(:disabled),
.p-dialog-theme .p-dialog .p-dialog-footer .p-button.p-button-outlined:hover:not(:disabled),
.p-dialog-theme .p-dialog .p-dialog-footer .p-button.p-button-text:hover:not(:disabled),
.p-dialog-theme .p-dialog .p-dialog-footer .p-button.btn-secondary:hover:not(:disabled),
.p-dialog-theme .p-dialog .p-dialog-footer .p-button.btn-cancel:hover:not(:disabled),
.p-dialog-theme .p-dialog .p-dialog-footer .p-button.btn-light:hover:not(:disabled),
.p-dialog-theme .p-dialog .p-dialog-footer .p-button.btn-custom-blackbox:hover:not(:disabled),
.p-dialog-theme .p-confirmdialog .p-dialog-footer button.p-confirm-dialog-reject:hover:not(:disabled),
.p-dialog-theme .p-confirmdialog .p-dialog-footer button.p-confirmdialog-reject-button:hover:not(:disabled),
.p-dialog-theme .p-confirmdialog .p-dialog-footer button.p-button-secondary:hover:not(:disabled),
.p-dialog-theme .p-confirmdialog .p-dialog-footer button.p-button-outlined:hover:not(:disabled),
.p-dialog-theme .p-confirmdialog .p-dialog-footer button.p-button-text:hover:not(:disabled),
.p-dialog-theme .p-confirmdialog .p-dialog-footer button.btn-secondary:hover:not(:disabled),
.p-dialog-theme .p-confirmdialog .p-dialog-footer button.btn-cancel:hover:not(:disabled),
.p-dialog-theme .p-confirmdialog .p-dialog-footer button.btn-light:hover:not(:disabled),
.p-dialog-theme .p-confirmdialog .p-dialog-footer button.btn-custom-blackbox:hover:not(:disabled),
.p-dialog-theme .p-confirmdialog .p-dialog-footer .p-button.p-confirm-dialog-reject:hover:not(:disabled),
.p-dialog-theme .p-confirmdialog .p-dialog-footer .p-button.p-confirmdialog-reject-button:hover:not(:disabled),
.p-dialog-theme .p-confirmdialog .p-dialog-footer .p-button.p-button-secondary:hover:not(:disabled),
.p-dialog-theme .p-confirmdialog .p-dialog-footer .p-button.p-button-outlined:hover:not(:disabled),
.p-dialog-theme .p-confirmdialog .p-dialog-footer .p-button.p-button-text:hover:not(:disabled),
.p-dialog-theme .p-confirmdialog .p-dialog-footer .p-button.btn-secondary:hover:not(:disabled),
.p-dialog-theme .p-confirmdialog .p-dialog-footer .p-button.btn-cancel:hover:not(:disabled),
.p-dialog-theme .p-confirmdialog .p-dialog-footer .p-button.btn-light:hover:not(:disabled),
.p-dialog-theme .p-confirmdialog .p-dialog-footer .p-button.btn-custom-blackbox:hover:not(:disabled) {
  background: rgba(124, 159, 46, 0.1) !important;
  border-color: var(--light-text-green) !important;
  color: var(--light-text-green) !important;
  transform: translateY(-1px) !important;
}
.p-dialog-theme .p-dialog .p-dialog-footer button.p-confirm-dialog-reject:active:not(:disabled),
.p-dialog-theme .p-dialog .p-dialog-footer button.p-confirmdialog-reject-button:active:not(:disabled),
.p-dialog-theme .p-dialog .p-dialog-footer button.p-button-secondary:active:not(:disabled),
.p-dialog-theme .p-dialog .p-dialog-footer button.p-button-outlined:active:not(:disabled),
.p-dialog-theme .p-dialog .p-dialog-footer button.p-button-text:active:not(:disabled),
.p-dialog-theme .p-dialog .p-dialog-footer button.btn-secondary:active:not(:disabled),
.p-dialog-theme .p-dialog .p-dialog-footer button.btn-cancel:active:not(:disabled),
.p-dialog-theme .p-dialog .p-dialog-footer button.btn-light:active:not(:disabled),
.p-dialog-theme .p-dialog .p-dialog-footer button.btn-custom-blackbox:active:not(:disabled),
.p-dialog-theme .p-dialog .p-dialog-footer .p-button.p-confirm-dialog-reject:active:not(:disabled),
.p-dialog-theme .p-dialog .p-dialog-footer .p-button.p-confirmdialog-reject-button:active:not(:disabled),
.p-dialog-theme .p-dialog .p-dialog-footer .p-button.p-button-secondary:active:not(:disabled),
.p-dialog-theme .p-dialog .p-dialog-footer .p-button.p-button-outlined:active:not(:disabled),
.p-dialog-theme .p-dialog .p-dialog-footer .p-button.p-button-text:active:not(:disabled),
.p-dialog-theme .p-dialog .p-dialog-footer .p-button.btn-secondary:active:not(:disabled),
.p-dialog-theme .p-dialog .p-dialog-footer .p-button.btn-cancel:active:not(:disabled),
.p-dialog-theme .p-dialog .p-dialog-footer .p-button.btn-light:active:not(:disabled),
.p-dialog-theme .p-dialog .p-dialog-footer .p-button.btn-custom-blackbox:active:not(:disabled),
.p-dialog-theme .p-confirmdialog .p-dialog-footer button.p-confirm-dialog-reject:active:not(:disabled),
.p-dialog-theme .p-confirmdialog .p-dialog-footer button.p-confirmdialog-reject-button:active:not(:disabled),
.p-dialog-theme .p-confirmdialog .p-dialog-footer button.p-button-secondary:active:not(:disabled),
.p-dialog-theme .p-confirmdialog .p-dialog-footer button.p-button-outlined:active:not(:disabled),
.p-dialog-theme .p-confirmdialog .p-dialog-footer button.p-button-text:active:not(:disabled),
.p-dialog-theme .p-confirmdialog .p-dialog-footer button.btn-secondary:active:not(:disabled),
.p-dialog-theme .p-confirmdialog .p-dialog-footer button.btn-cancel:active:not(:disabled),
.p-dialog-theme .p-confirmdialog .p-dialog-footer button.btn-light:active:not(:disabled),
.p-dialog-theme .p-confirmdialog .p-dialog-footer button.btn-custom-blackbox:active:not(:disabled),
.p-dialog-theme .p-confirmdialog .p-dialog-footer .p-button.p-confirm-dialog-reject:active:not(:disabled),
.p-dialog-theme .p-confirmdialog .p-dialog-footer .p-button.p-confirmdialog-reject-button:active:not(:disabled),
.p-dialog-theme .p-confirmdialog .p-dialog-footer .p-button.p-button-secondary:active:not(:disabled),
.p-dialog-theme .p-confirmdialog .p-dialog-footer .p-button.p-button-outlined:active:not(:disabled),
.p-dialog-theme .p-confirmdialog .p-dialog-footer .p-button.p-button-text:active:not(:disabled),
.p-dialog-theme .p-confirmdialog .p-dialog-footer .p-button.btn-secondary:active:not(:disabled),
.p-dialog-theme .p-confirmdialog .p-dialog-footer .p-button.btn-cancel:active:not(:disabled),
.p-dialog-theme .p-confirmdialog .p-dialog-footer .p-button.btn-light:active:not(:disabled),
.p-dialog-theme .p-confirmdialog .p-dialog-footer .p-button.btn-custom-blackbox:active:not(:disabled) {
  transform: translateY(0) !important;
}
.p-dialog-mask,
.p-overlay-mask,
.p-component-overlay {
  background: rgba(0, 0, 0, 0.55) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
  transition: var(--new-transition, all 300ms ease-in-out) !important;
}
.p-dialog,
.p-confirmdialog {
  background: var(--bg-background) !important;
  color: var(--new-mainHeading-color) !important;
  border: 1px solid var(--new-border-color) !important;
  border-radius: var(--new-border-radius2, 16px) !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35) !important;
  font-family: var(--new-bg-font, "DM Sans", sans-serif) !important;
  position: relative !important;
  overflow: hidden !important;
  transition: var(--new-transition, all 300ms ease-in-out) !important;
  position: relative;
  overflow: hidden;
}
.p-dialog:before,
.p-confirmdialog:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  border-top-left-radius: var(--new-border-radius);
  border-top-right-radius: var(--new-border-radius);
  background:
    linear-gradient(
      to right,
      var(--light-text-green),
      #f49d25);
}
.p-dialog .p-dialog-header,
.p-confirmdialog .p-dialog-header {
  background: var(--bg-background) !important;
  border-bottom: 1px solid var(--new-border-color) !important;
  color: var(--new-mainHeading-color) !important;
  padding: 16px 20px !important;
  font-family: var(--new-bg-font, "DM Sans", sans-serif) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}
.p-dialog .p-dialog-header .p-dialog-title,
.p-confirmdialog .p-dialog-header .p-dialog-title {
  color: var(--new-mainHeading-color) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  font-family: var(--new-bg-font, "DM Sans", sans-serif) !important;
  line-height: 1.4 !important;
  margin: 0 !important;
}
.p-dialog .p-dialog-header .p-dialog-header-icons,
.p-dialog .p-dialog-header .p-dialog-header-icon,
.p-confirmdialog .p-dialog-header .p-dialog-header-icons,
.p-confirmdialog .p-dialog-header .p-dialog-header-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.p-dialog .p-dialog-header .p-dialog-header-icon,
.p-dialog .p-dialog-header .p-dialog-close-button,
.p-dialog .p-dialog-header .p-dialog-header-close,
.p-confirmdialog .p-dialog-header .p-dialog-header-icon,
.p-confirmdialog .p-dialog-header .p-dialog-close-button,
.p-confirmdialog .p-dialog-header .p-dialog-header-close {
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  background: var(--new-pdropdown-bg) !important;
  border: 1px solid var(--new-border-color) !important;
  color: var(--new-pera-color) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: var(--new-transition, all 200ms ease-in-out) !important;
  cursor: pointer !important;
  outline: none !important;
  box-shadow: none !important;
}
.p-dialog .p-dialog-header .p-dialog-header-icon:hover,
.p-dialog .p-dialog-header .p-dialog-close-button:hover,
.p-dialog .p-dialog-header .p-dialog-header-close:hover,
.p-confirmdialog .p-dialog-header .p-dialog-header-icon:hover,
.p-confirmdialog .p-dialog-header .p-dialog-close-button:hover,
.p-confirmdialog .p-dialog-header .p-dialog-header-close:hover {
  background: var(--new-hover-color) !important;
  color: var(--light-text-green) !important;
  border-color: var(--light-text-green) !important;
  transform: scale(1.06) !important;
}
.p-dialog .p-dialog-header .p-dialog-header-icon .p-dialog-header-close-icon,
.p-dialog .p-dialog-header .p-dialog-header-icon .p-icon,
.p-dialog .p-dialog-header .p-dialog-header-icon i,
.p-dialog .p-dialog-header .p-dialog-header-icon svg,
.p-dialog .p-dialog-header .p-dialog-close-button .p-dialog-header-close-icon,
.p-dialog .p-dialog-header .p-dialog-close-button .p-icon,
.p-dialog .p-dialog-header .p-dialog-close-button i,
.p-dialog .p-dialog-header .p-dialog-close-button svg,
.p-dialog .p-dialog-header .p-dialog-header-close .p-dialog-header-close-icon,
.p-dialog .p-dialog-header .p-dialog-header-close .p-icon,
.p-dialog .p-dialog-header .p-dialog-header-close i,
.p-dialog .p-dialog-header .p-dialog-header-close svg,
.p-confirmdialog .p-dialog-header .p-dialog-header-icon .p-dialog-header-close-icon,
.p-confirmdialog .p-dialog-header .p-dialog-header-icon .p-icon,
.p-confirmdialog .p-dialog-header .p-dialog-header-icon i,
.p-confirmdialog .p-dialog-header .p-dialog-header-icon svg,
.p-confirmdialog .p-dialog-header .p-dialog-close-button .p-dialog-header-close-icon,
.p-confirmdialog .p-dialog-header .p-dialog-close-button .p-icon,
.p-confirmdialog .p-dialog-header .p-dialog-close-button i,
.p-confirmdialog .p-dialog-header .p-dialog-close-button svg,
.p-confirmdialog .p-dialog-header .p-dialog-header-close .p-dialog-header-close-icon,
.p-confirmdialog .p-dialog-header .p-dialog-header-close .p-icon,
.p-confirmdialog .p-dialog-header .p-dialog-header-close i,
.p-confirmdialog .p-dialog-header .p-dialog-header-close svg {
  font-size: 14px !important;
  width: 14px !important;
  height: 14px !important;
  color: inherit !important;
}
.p-dialog .p-dialog-content,
.p-confirmdialog .p-dialog-content {
  background: var(--bg-background) !important;
  color: var(--new-mainHeading-color) !important;
  padding: 22px 24px !important;
  font-family: var(--new-bg-font, "DM Sans", sans-serif) !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}
.p-dialog .p-dialog-content .p-confirmdialog-icon,
.p-dialog .p-dialog-content .p-confirm-dialog-icon,
.p-confirmdialog .p-dialog-content .p-confirmdialog-icon,
.p-confirmdialog .p-dialog-content .p-confirm-dialog-icon {
  color: var(--light-text-green) !important;
  font-size: 24px !important;
  width: 24px !important;
  height: 24px !important;
  margin-right: 12px !important;
}
.p-dialog .p-dialog-content .p-confirmdialog-message,
.p-dialog .p-dialog-content .p-confirm-dialog-message,
.p-confirmdialog .p-dialog-content .p-confirmdialog-message,
.p-confirmdialog .p-dialog-content .p-confirm-dialog-message {
  color: var(--new-mainHeading-color) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  font-family: var(--new-bg-font, "DM Sans", sans-serif) !important;
}
.p-dialog .p-dialog-footer,
.p-confirmdialog .p-dialog-footer {
  background: var(--bg-background) !important;
  border-top: 1px solid var(--new-border-color) !important;
  padding: 14px 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
}
.p-dialog .p-dialog-footer button,
.p-dialog .p-dialog-footer .p-button,
.p-confirmdialog .p-dialog-footer button,
.p-confirmdialog .p-dialog-footer .p-button {
  height: 34px !important;
  padding: 4px 16px !important;
  border-radius: var(--new-border-radius, 8px) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: var(--new-bg-font, "DM Sans", sans-serif) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  transition: all 0.25s ease !important;
  cursor: pointer !important;
  outline: none !important;
}
.p-dialog .p-dialog-footer button .p-button-icon,
.p-dialog .p-dialog-footer .p-button .p-button-icon,
.p-confirmdialog .p-dialog-footer button .p-button-icon,
.p-confirmdialog .p-dialog-footer .p-button .p-button-icon {
  font-size: 14px !important;
}
.p-dialog .p-dialog-footer button .p-button-label,
.p-dialog .p-dialog-footer .p-button .p-button-label,
.p-confirmdialog .p-dialog-footer button .p-button-label,
.p-confirmdialog .p-dialog-footer .p-button .p-button-label {
  font-weight: 600 !important;
  margin: 0 !important;
  font-size: 13px !important;
}
.p-dialog .p-dialog-footer button.p-confirm-dialog-accept,
.p-dialog .p-dialog-footer button.p-confirmdialog-accept-button,
.p-dialog .p-dialog-footer button.btn-primary,
.p-dialog .p-dialog-footer button.btn-success,
.p-dialog .p-dialog-footer button.btn-custom-greenbox,
.p-dialog .p-dialog-footer button:not(.p-button-secondary):not(.p-confirm-dialog-reject):not(.p-confirmdialog-reject-button):not(.p-button-outlined):not(.p-button-text):not(.btn-cancel):not(.btn-secondary):not(.btn-light),
.p-dialog .p-dialog-footer .p-button.p-confirm-dialog-accept,
.p-dialog .p-dialog-footer .p-button.p-confirmdialog-accept-button,
.p-dialog .p-dialog-footer .p-button.btn-primary,
.p-dialog .p-dialog-footer .p-button.btn-success,
.p-dialog .p-dialog-footer .p-button.btn-custom-greenbox,
.p-dialog .p-dialog-footer .p-button:not(.p-button-secondary):not(.p-confirm-dialog-reject):not(.p-confirmdialog-reject-button):not(.p-button-outlined):not(.p-button-text):not(.btn-cancel):not(.btn-secondary):not(.btn-light),
.p-confirmdialog .p-dialog-footer button.p-confirm-dialog-accept,
.p-confirmdialog .p-dialog-footer button.p-confirmdialog-accept-button,
.p-confirmdialog .p-dialog-footer button.btn-primary,
.p-confirmdialog .p-dialog-footer button.btn-success,
.p-confirmdialog .p-dialog-footer button.btn-custom-greenbox,
.p-confirmdialog .p-dialog-footer button:not(.p-button-secondary):not(.p-confirm-dialog-reject):not(.p-confirmdialog-reject-button):not(.p-button-outlined):not(.p-button-text):not(.btn-cancel):not(.btn-secondary):not(.btn-light),
.p-confirmdialog .p-dialog-footer .p-button.p-confirm-dialog-accept,
.p-confirmdialog .p-dialog-footer .p-button.p-confirmdialog-accept-button,
.p-confirmdialog .p-dialog-footer .p-button.btn-primary,
.p-confirmdialog .p-dialog-footer .p-button.btn-success,
.p-confirmdialog .p-dialog-footer .p-button.btn-custom-greenbox,
.p-confirmdialog .p-dialog-footer .p-button:not(.p-button-secondary):not(.p-confirm-dialog-reject):not(.p-confirmdialog-reject-button):not(.p-button-outlined):not(.p-button-text):not(.btn-cancel):not(.btn-secondary):not(.btn-light) {
  background: var(--light-text-green) !important;
  border: 1px solid rgba(138, 172, 57, 0.3) !important;
  color: var(--new-theme-hover-text-color) !important;
  box-shadow: 0 4px 12px rgba(107, 134, 45, 0.2) !important;
}
.p-dialog .p-dialog-footer button.p-confirm-dialog-accept:hover:not(:disabled),
.p-dialog .p-dialog-footer button.p-confirmdialog-accept-button:hover:not(:disabled),
.p-dialog .p-dialog-footer button.btn-primary:hover:not(:disabled),
.p-dialog .p-dialog-footer button.btn-success:hover:not(:disabled),
.p-dialog .p-dialog-footer button.btn-custom-greenbox:hover:not(:disabled),
.p-dialog .p-dialog-footer button:not(.p-button-secondary):not(.p-confirm-dialog-reject):not(.p-confirmdialog-reject-button):not(.p-button-outlined):not(.p-button-text):not(.btn-cancel):not(.btn-secondary):not(.btn-light):hover:not(:disabled),
.p-dialog .p-dialog-footer .p-button.p-confirm-dialog-accept:hover:not(:disabled),
.p-dialog .p-dialog-footer .p-button.p-confirmdialog-accept-button:hover:not(:disabled),
.p-dialog .p-dialog-footer .p-button.btn-primary:hover:not(:disabled),
.p-dialog .p-dialog-footer .p-button.btn-success:hover:not(:disabled),
.p-dialog .p-dialog-footer .p-button.btn-custom-greenbox:hover:not(:disabled),
.p-dialog .p-dialog-footer .p-button:not(.p-button-secondary):not(.p-confirm-dialog-reject):not(.p-confirmdialog-reject-button):not(.p-button-outlined):not(.p-button-text):not(.btn-cancel):not(.btn-secondary):not(.btn-light):hover:not(:disabled),
.p-confirmdialog .p-dialog-footer button.p-confirm-dialog-accept:hover:not(:disabled),
.p-confirmdialog .p-dialog-footer button.p-confirmdialog-accept-button:hover:not(:disabled),
.p-confirmdialog .p-dialog-footer button.btn-primary:hover:not(:disabled),
.p-confirmdialog .p-dialog-footer button.btn-success:hover:not(:disabled),
.p-confirmdialog .p-dialog-footer button.btn-custom-greenbox:hover:not(:disabled),
.p-confirmdialog .p-dialog-footer button:not(.p-button-secondary):not(.p-confirm-dialog-reject):not(.p-confirmdialog-reject-button):not(.p-button-outlined):not(.p-button-text):not(.btn-cancel):not(.btn-secondary):not(.btn-light):hover:not(:disabled),
.p-confirmdialog .p-dialog-footer .p-button.p-confirm-dialog-accept:hover:not(:disabled),
.p-confirmdialog .p-dialog-footer .p-button.p-confirmdialog-accept-button:hover:not(:disabled),
.p-confirmdialog .p-dialog-footer .p-button.btn-primary:hover:not(:disabled),
.p-confirmdialog .p-dialog-footer .p-button.btn-success:hover:not(:disabled),
.p-confirmdialog .p-dialog-footer .p-button.btn-custom-greenbox:hover:not(:disabled),
.p-confirmdialog .p-dialog-footer .p-button:not(.p-button-secondary):not(.p-confirm-dialog-reject):not(.p-confirmdialog-reject-button):not(.p-button-outlined):not(.p-button-text):not(.btn-cancel):not(.btn-secondary):not(.btn-light):hover:not(:disabled) {
  background: var(--light-text-green) !important;
  opacity: 0.95 !important;
  border-color: rgba(138, 172, 57, 0.5) !important;
  color: var(--new-theme-hover-text-color) !important;
  box-shadow: 0 6px 16px rgba(107, 134, 45, 0.35) !important;
  transform: translateY(-1px) !important;
}
.p-dialog .p-dialog-footer button.p-confirm-dialog-accept:active:not(:disabled),
.p-dialog .p-dialog-footer button.p-confirmdialog-accept-button:active:not(:disabled),
.p-dialog .p-dialog-footer button.btn-primary:active:not(:disabled),
.p-dialog .p-dialog-footer button.btn-success:active:not(:disabled),
.p-dialog .p-dialog-footer button.btn-custom-greenbox:active:not(:disabled),
.p-dialog .p-dialog-footer button:not(.p-button-secondary):not(.p-confirm-dialog-reject):not(.p-confirmdialog-reject-button):not(.p-button-outlined):not(.p-button-text):not(.btn-cancel):not(.btn-secondary):not(.btn-light):active:not(:disabled),
.p-dialog .p-dialog-footer .p-button.p-confirm-dialog-accept:active:not(:disabled),
.p-dialog .p-dialog-footer .p-button.p-confirmdialog-accept-button:active:not(:disabled),
.p-dialog .p-dialog-footer .p-button.btn-primary:active:not(:disabled),
.p-dialog .p-dialog-footer .p-button.btn-success:active:not(:disabled),
.p-dialog .p-dialog-footer .p-button.btn-custom-greenbox:active:not(:disabled),
.p-dialog .p-dialog-footer .p-button:not(.p-button-secondary):not(.p-confirm-dialog-reject):not(.p-confirmdialog-reject-button):not(.p-button-outlined):not(.p-button-text):not(.btn-cancel):not(.btn-secondary):not(.btn-light):active:not(:disabled),
.p-confirmdialog .p-dialog-footer button.p-confirm-dialog-accept:active:not(:disabled),
.p-confirmdialog .p-dialog-footer button.p-confirmdialog-accept-button:active:not(:disabled),
.p-confirmdialog .p-dialog-footer button.btn-primary:active:not(:disabled),
.p-confirmdialog .p-dialog-footer button.btn-success:active:not(:disabled),
.p-confirmdialog .p-dialog-footer button.btn-custom-greenbox:active:not(:disabled),
.p-confirmdialog .p-dialog-footer button:not(.p-button-secondary):not(.p-confirm-dialog-reject):not(.p-confirmdialog-reject-button):not(.p-button-outlined):not(.p-button-text):not(.btn-cancel):not(.btn-secondary):not(.btn-light):active:not(:disabled),
.p-confirmdialog .p-dialog-footer .p-button.p-confirm-dialog-accept:active:not(:disabled),
.p-confirmdialog .p-dialog-footer .p-button.p-confirmdialog-accept-button:active:not(:disabled),
.p-confirmdialog .p-dialog-footer .p-button.btn-primary:active:not(:disabled),
.p-confirmdialog .p-dialog-footer .p-button.btn-success:active:not(:disabled),
.p-confirmdialog .p-dialog-footer .p-button.btn-custom-greenbox:active:not(:disabled),
.p-confirmdialog .p-dialog-footer .p-button:not(.p-button-secondary):not(.p-confirm-dialog-reject):not(.p-confirmdialog-reject-button):not(.p-button-outlined):not(.p-button-text):not(.btn-cancel):not(.btn-secondary):not(.btn-light):active:not(:disabled) {
  transform: translateY(0) !important;
}
.p-dialog .p-dialog-footer button.p-confirm-dialog-reject,
.p-dialog .p-dialog-footer button.p-confirmdialog-reject-button,
.p-dialog .p-dialog-footer button.p-button-secondary,
.p-dialog .p-dialog-footer button.p-button-outlined,
.p-dialog .p-dialog-footer button.p-button-text,
.p-dialog .p-dialog-footer button.btn-secondary,
.p-dialog .p-dialog-footer button.btn-cancel,
.p-dialog .p-dialog-footer button.btn-light,
.p-dialog .p-dialog-footer button.btn-custom-blackbox,
.p-dialog .p-dialog-footer .p-button.p-confirm-dialog-reject,
.p-dialog .p-dialog-footer .p-button.p-confirmdialog-reject-button,
.p-dialog .p-dialog-footer .p-button.p-button-secondary,
.p-dialog .p-dialog-footer .p-button.p-button-outlined,
.p-dialog .p-dialog-footer .p-button.p-button-text,
.p-dialog .p-dialog-footer .p-button.btn-secondary,
.p-dialog .p-dialog-footer .p-button.btn-cancel,
.p-dialog .p-dialog-footer .p-button.btn-light,
.p-dialog .p-dialog-footer .p-button.btn-custom-blackbox,
.p-confirmdialog .p-dialog-footer button.p-confirm-dialog-reject,
.p-confirmdialog .p-dialog-footer button.p-confirmdialog-reject-button,
.p-confirmdialog .p-dialog-footer button.p-button-secondary,
.p-confirmdialog .p-dialog-footer button.p-button-outlined,
.p-confirmdialog .p-dialog-footer button.p-button-text,
.p-confirmdialog .p-dialog-footer button.btn-secondary,
.p-confirmdialog .p-dialog-footer button.btn-cancel,
.p-confirmdialog .p-dialog-footer button.btn-light,
.p-confirmdialog .p-dialog-footer button.btn-custom-blackbox,
.p-confirmdialog .p-dialog-footer .p-button.p-confirm-dialog-reject,
.p-confirmdialog .p-dialog-footer .p-button.p-confirmdialog-reject-button,
.p-confirmdialog .p-dialog-footer .p-button.p-button-secondary,
.p-confirmdialog .p-dialog-footer .p-button.p-button-outlined,
.p-confirmdialog .p-dialog-footer .p-button.p-button-text,
.p-confirmdialog .p-dialog-footer .p-button.btn-secondary,
.p-confirmdialog .p-dialog-footer .p-button.btn-cancel,
.p-confirmdialog .p-dialog-footer .p-button.btn-light,
.p-confirmdialog .p-dialog-footer .p-button.btn-custom-blackbox {
  background: var(--buttog-bg-color) !important;
  border: 1px solid var(--new-border-color) !important;
  color: var(--new-mainHeading-color) !important;
  box-shadow: none !important;
}
.p-dialog .p-dialog-footer button.p-confirm-dialog-reject:hover:not(:disabled),
.p-dialog .p-dialog-footer button.p-confirmdialog-reject-button:hover:not(:disabled),
.p-dialog .p-dialog-footer button.p-button-secondary:hover:not(:disabled),
.p-dialog .p-dialog-footer button.p-button-outlined:hover:not(:disabled),
.p-dialog .p-dialog-footer button.p-button-text:hover:not(:disabled),
.p-dialog .p-dialog-footer button.btn-secondary:hover:not(:disabled),
.p-dialog .p-dialog-footer button.btn-cancel:hover:not(:disabled),
.p-dialog .p-dialog-footer button.btn-light:hover:not(:disabled),
.p-dialog .p-dialog-footer button.btn-custom-blackbox:hover:not(:disabled),
.p-dialog .p-dialog-footer .p-button.p-confirm-dialog-reject:hover:not(:disabled),
.p-dialog .p-dialog-footer .p-button.p-confirmdialog-reject-button:hover:not(:disabled),
.p-dialog .p-dialog-footer .p-button.p-button-secondary:hover:not(:disabled),
.p-dialog .p-dialog-footer .p-button.p-button-outlined:hover:not(:disabled),
.p-dialog .p-dialog-footer .p-button.p-button-text:hover:not(:disabled),
.p-dialog .p-dialog-footer .p-button.btn-secondary:hover:not(:disabled),
.p-dialog .p-dialog-footer .p-button.btn-cancel:hover:not(:disabled),
.p-dialog .p-dialog-footer .p-button.btn-light:hover:not(:disabled),
.p-dialog .p-dialog-footer .p-button.btn-custom-blackbox:hover:not(:disabled),
.p-confirmdialog .p-dialog-footer button.p-confirm-dialog-reject:hover:not(:disabled),
.p-confirmdialog .p-dialog-footer button.p-confirmdialog-reject-button:hover:not(:disabled),
.p-confirmdialog .p-dialog-footer button.p-button-secondary:hover:not(:disabled),
.p-confirmdialog .p-dialog-footer button.p-button-outlined:hover:not(:disabled),
.p-confirmdialog .p-dialog-footer button.p-button-text:hover:not(:disabled),
.p-confirmdialog .p-dialog-footer button.btn-secondary:hover:not(:disabled),
.p-confirmdialog .p-dialog-footer button.btn-cancel:hover:not(:disabled),
.p-confirmdialog .p-dialog-footer button.btn-light:hover:not(:disabled),
.p-confirmdialog .p-dialog-footer button.btn-custom-blackbox:hover:not(:disabled),
.p-confirmdialog .p-dialog-footer .p-button.p-confirm-dialog-reject:hover:not(:disabled),
.p-confirmdialog .p-dialog-footer .p-button.p-confirmdialog-reject-button:hover:not(:disabled),
.p-confirmdialog .p-dialog-footer .p-button.p-button-secondary:hover:not(:disabled),
.p-confirmdialog .p-dialog-footer .p-button.p-button-outlined:hover:not(:disabled),
.p-confirmdialog .p-dialog-footer .p-button.p-button-text:hover:not(:disabled),
.p-confirmdialog .p-dialog-footer .p-button.btn-secondary:hover:not(:disabled),
.p-confirmdialog .p-dialog-footer .p-button.btn-cancel:hover:not(:disabled),
.p-confirmdialog .p-dialog-footer .p-button.btn-light:hover:not(:disabled),
.p-confirmdialog .p-dialog-footer .p-button.btn-custom-blackbox:hover:not(:disabled) {
  background: rgba(124, 159, 46, 0.1) !important;
  border-color: var(--light-text-green) !important;
  color: var(--light-text-green) !important;
  transform: translateY(-1px) !important;
}
.p-dialog .p-dialog-footer button.p-confirm-dialog-reject:active:not(:disabled),
.p-dialog .p-dialog-footer button.p-confirmdialog-reject-button:active:not(:disabled),
.p-dialog .p-dialog-footer button.p-button-secondary:active:not(:disabled),
.p-dialog .p-dialog-footer button.p-button-outlined:active:not(:disabled),
.p-dialog .p-dialog-footer button.p-button-text:active:not(:disabled),
.p-dialog .p-dialog-footer button.btn-secondary:active:not(:disabled),
.p-dialog .p-dialog-footer button.btn-cancel:active:not(:disabled),
.p-dialog .p-dialog-footer button.btn-light:active:not(:disabled),
.p-dialog .p-dialog-footer button.btn-custom-blackbox:active:not(:disabled),
.p-dialog .p-dialog-footer .p-button.p-confirm-dialog-reject:active:not(:disabled),
.p-dialog .p-dialog-footer .p-button.p-confirmdialog-reject-button:active:not(:disabled),
.p-dialog .p-dialog-footer .p-button.p-button-secondary:active:not(:disabled),
.p-dialog .p-dialog-footer .p-button.p-button-outlined:active:not(:disabled),
.p-dialog .p-dialog-footer .p-button.p-button-text:active:not(:disabled),
.p-dialog .p-dialog-footer .p-button.btn-secondary:active:not(:disabled),
.p-dialog .p-dialog-footer .p-button.btn-cancel:active:not(:disabled),
.p-dialog .p-dialog-footer .p-button.btn-light:active:not(:disabled),
.p-dialog .p-dialog-footer .p-button.btn-custom-blackbox:active:not(:disabled),
.p-confirmdialog .p-dialog-footer button.p-confirm-dialog-reject:active:not(:disabled),
.p-confirmdialog .p-dialog-footer button.p-confirmdialog-reject-button:active:not(:disabled),
.p-confirmdialog .p-dialog-footer button.p-button-secondary:active:not(:disabled),
.p-confirmdialog .p-dialog-footer button.p-button-outlined:active:not(:disabled),
.p-confirmdialog .p-dialog-footer button.p-button-text:active:not(:disabled),
.p-confirmdialog .p-dialog-footer button.btn-secondary:active:not(:disabled),
.p-confirmdialog .p-dialog-footer button.btn-cancel:active:not(:disabled),
.p-confirmdialog .p-dialog-footer button.btn-light:active:not(:disabled),
.p-confirmdialog .p-dialog-footer button.btn-custom-blackbox:active:not(:disabled),
.p-confirmdialog .p-dialog-footer .p-button.p-confirm-dialog-reject:active:not(:disabled),
.p-confirmdialog .p-dialog-footer .p-button.p-confirmdialog-reject-button:active:not(:disabled),
.p-confirmdialog .p-dialog-footer .p-button.p-button-secondary:active:not(:disabled),
.p-confirmdialog .p-dialog-footer .p-button.p-button-outlined:active:not(:disabled),
.p-confirmdialog .p-dialog-footer .p-button.p-button-text:active:not(:disabled),
.p-confirmdialog .p-dialog-footer .p-button.btn-secondary:active:not(:disabled),
.p-confirmdialog .p-dialog-footer .p-button.btn-cancel:active:not(:disabled),
.p-confirmdialog .p-dialog-footer .p-button.btn-light:active:not(:disabled),
.p-confirmdialog .p-dialog-footer .p-button.btn-custom-blackbox:active:not(:disabled) {
  transform: translateY(0) !important;
}
.p-inputtext {
  background: var(--bg-background) !important;
  border-color: var(--new-border-color) !important;
  border-radius: var(--new-border-radius) !important;
  color: var(--new-pera-color) !important;
}
.p-button-text.p-button-info {
  color: var(--new-theme-hover-text-color) !important;
  background: var(--light-text-green) !important;
  transition: var(--new-transition);
}
.p-button-text.p-button-info:hover {
  opacity: 0.8;
}
.p-checkbox .p-checkbox-box {
  background: var(--bg-background) !important;
  border: 1px solid var(--new-border-color) !important;
  border-radius: 4px !important;
  transition: var(--new-transition) !important;
}
.p-checkbox .p-checkbox-box.p-highlight,
.p-checkbox .p-checkbox-box[data-p-highlight=true] {
  background: var(--light-text-green) !important;
  border-color: var(--light-text-green) !important;
}
.p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon,
.p-checkbox .p-checkbox-box.p-highlight svg,
.p-checkbox .p-checkbox-box.p-highlight i,
.p-checkbox .p-checkbox-box[data-p-highlight=true] .p-checkbox-icon,
.p-checkbox .p-checkbox-box[data-p-highlight=true] svg,
.p-checkbox .p-checkbox-box[data-p-highlight=true] i {
  color: #ffffff !important;
  fill: #ffffff !important;
}
.p-checkbox .p-checkbox-box:not(.p-highlight):hover {
  border-color: var(--light-text-green) !important;
}
.p-multiselect-item {
  background: transparent !important;
  color: var(--new-mainHeading-color) !important;
  border-radius: var(--new-border-radius, 8px) !important;
  padding: 7px 12px !important;
  margin: 2px 0 !important;
  font-family: var(--new-bg-font) !important;
  font-size: 13px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  cursor: pointer !important;
  transition: var(--new-transition) !important;
}
.p-multiselect-item .p-multiselect-item-label,
.p-multiselect-item span {
  color: var(--new-mainHeading-color) !important;
  font-family: var(--new-bg-font) !important;
  font-size: 13px !important;
}
.p-multiselect-item .p-checkbox .p-checkbox-box {
  background: var(--bg-background) !important;
  border: 1px solid var(--new-border-color) !important;
  border-radius: 4px !important;
  transition: var(--new-transition) !important;
}
.p-multiselect-item .p-checkbox .p-checkbox-box.p-highlight,
.p-multiselect-item .p-checkbox .p-checkbox-box[data-p-highlight=true] {
  background: var(--light-text-green) !important;
  border-color: var(--light-text-green) !important;
}
.p-multiselect-item .p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon,
.p-multiselect-item .p-checkbox .p-checkbox-box.p-highlight svg,
.p-multiselect-item .p-checkbox .p-checkbox-box.p-highlight i,
.p-multiselect-item .p-checkbox .p-checkbox-box[data-p-highlight=true] .p-checkbox-icon,
.p-multiselect-item .p-checkbox .p-checkbox-box[data-p-highlight=true] svg,
.p-multiselect-item .p-checkbox .p-checkbox-box[data-p-highlight=true] i {
  color: #ffffff !important;
  fill: #ffffff !important;
}
.p-multiselect-item .p-checkbox .p-checkbox-box:not(.p-highlight):hover {
  border-color: var(--light-text-green) !important;
}
.p-multiselect-item:hover,
.p-multiselect-item.p-focus,
.p-multiselect-item:not(.p-highlight):hover {
  background: var(--new-hover-color) !important;
  color: var(--light-text-green) !important;
}
.p-multiselect-item:hover .p-multiselect-item-label,
.p-multiselect-item:hover span,
.p-multiselect-item.p-focus .p-multiselect-item-label,
.p-multiselect-item.p-focus span,
.p-multiselect-item:not(.p-highlight):hover .p-multiselect-item-label,
.p-multiselect-item:not(.p-highlight):hover span {
  color: var(--light-text-green) !important;
}
.p-multiselect-item:hover .p-checkbox .p-checkbox-box:not(.p-highlight),
.p-multiselect-item.p-focus .p-checkbox .p-checkbox-box:not(.p-highlight),
.p-multiselect-item:not(.p-highlight):hover .p-checkbox .p-checkbox-box:not(.p-highlight) {
  border-color: var(--light-text-green) !important;
}
.p-multiselect-item.p-highlight,
.p-multiselect-item[data-p-highlight=true] {
  background: rgba(107, 134, 45, 0.15) !important;
  color: var(--light-text-green) !important;
  font-weight: 600 !important;
}
.p-multiselect-item.p-highlight .p-multiselect-item-label,
.p-multiselect-item.p-highlight span,
.p-multiselect-item[data-p-highlight=true] .p-multiselect-item-label,
.p-multiselect-item[data-p-highlight=true] span {
  color: var(--light-text-green) !important;
  font-weight: 600 !important;
}
.p-multiselect-item.p-highlight .p-checkbox .p-checkbox-box,
.p-multiselect-item[data-p-highlight=true] .p-checkbox .p-checkbox-box {
  background: var(--light-text-green) !important;
  border-color: var(--light-text-green) !important;
}
.p-multiselect-item.p-highlight .p-checkbox .p-checkbox-box .p-checkbox-icon,
.p-multiselect-item.p-highlight .p-checkbox .p-checkbox-box svg,
.p-multiselect-item.p-highlight .p-checkbox .p-checkbox-box i,
.p-multiselect-item[data-p-highlight=true] .p-checkbox .p-checkbox-box .p-checkbox-icon,
.p-multiselect-item[data-p-highlight=true] .p-checkbox .p-checkbox-box svg,
.p-multiselect-item[data-p-highlight=true] .p-checkbox .p-checkbox-box i {
  color: #ffffff !important;
  fill: #ffffff !important;
}
.p-multiselect-overlay,
.p-multiselect-panel {
  background: var(--bg-background) !important;
  background-color: var(--bg-background) !important;
  border: 1px solid var(--new-border-color) !important;
  border-radius: var(--new-border-radius, 12px) !important;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.25), 0 8px 10px -6px rgba(0, 0, 0, 0.2) !important;
  color: var(--new-mainHeading-color) !important;
  font-family: var(--new-bg-font) !important;
  overflow: hidden !important;
}
.p-multiselect-overlay .p-multiselect-header,
.p-multiselect-panel .p-multiselect-header {
  background: var(--bg-background) !important;
  background-color: var(--bg-background) !important;
  border-bottom: 1px solid var(--new-border-color) !important;
  color: var(--new-mainHeading-color) !important;
  padding: 8px 12px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}
.p-multiselect-overlay .p-multiselect-header .p-checkbox,
.p-multiselect-panel .p-multiselect-header .p-checkbox {
  display: inline-flex !important;
  align-items: center !important;
  flex-shrink: 0 !important;
}
.p-multiselect-overlay .p-multiselect-header .p-checkbox .p-checkbox-box,
.p-multiselect-panel .p-multiselect-header .p-checkbox .p-checkbox-box {
  background: var(--bg-background) !important;
  border: 1px solid var(--new-border-color) !important;
  border-radius: 4px !important;
  transition: var(--new-transition) !important;
}
.p-multiselect-overlay .p-multiselect-header .p-checkbox .p-checkbox-box.p-highlight,
.p-multiselect-overlay .p-multiselect-header .p-checkbox .p-checkbox-box[data-p-highlight=true],
.p-multiselect-panel .p-multiselect-header .p-checkbox .p-checkbox-box.p-highlight,
.p-multiselect-panel .p-multiselect-header .p-checkbox .p-checkbox-box[data-p-highlight=true] {
  background: var(--light-text-green) !important;
  border-color: var(--light-text-green) !important;
}
.p-multiselect-overlay .p-multiselect-header .p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon,
.p-multiselect-overlay .p-multiselect-header .p-checkbox .p-checkbox-box.p-highlight svg,
.p-multiselect-overlay .p-multiselect-header .p-checkbox .p-checkbox-box.p-highlight i,
.p-multiselect-overlay .p-multiselect-header .p-checkbox .p-checkbox-box[data-p-highlight=true] .p-checkbox-icon,
.p-multiselect-overlay .p-multiselect-header .p-checkbox .p-checkbox-box[data-p-highlight=true] svg,
.p-multiselect-overlay .p-multiselect-header .p-checkbox .p-checkbox-box[data-p-highlight=true] i,
.p-multiselect-panel .p-multiselect-header .p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon,
.p-multiselect-panel .p-multiselect-header .p-checkbox .p-checkbox-box.p-highlight svg,
.p-multiselect-panel .p-multiselect-header .p-checkbox .p-checkbox-box.p-highlight i,
.p-multiselect-panel .p-multiselect-header .p-checkbox .p-checkbox-box[data-p-highlight=true] .p-checkbox-icon,
.p-multiselect-panel .p-multiselect-header .p-checkbox .p-checkbox-box[data-p-highlight=true] svg,
.p-multiselect-panel .p-multiselect-header .p-checkbox .p-checkbox-box[data-p-highlight=true] i {
  color: #ffffff !important;
  fill: #ffffff !important;
}
.p-multiselect-overlay .p-multiselect-header .p-checkbox .p-checkbox-box:not(.p-highlight):hover,
.p-multiselect-panel .p-multiselect-header .p-checkbox .p-checkbox-box:not(.p-highlight):hover {
  border-color: var(--light-text-green) !important;
}
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container,
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container {
  width: 100% !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container p-iconfield,
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container .p-iconfield,
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container p-iconfield,
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-iconfield {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
}
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter,
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container .p-inputtext,
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter,
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
  width: 100% !important;
  background: var(--new-pdropdown-bg, var(--bg-background)) !important;
  border: 1px solid var(--new-border-color) !important;
  border-radius: var(--new-border-radius, 8px) !important;
  color: var(--new-mainHeading-color) !important;
  font-size: 13px !important;
  font-family: var(--new-bg-font) !important;
  padding: 6px 32px 6px 12px !important;
  height: 32px !important;
  box-sizing: border-box !important;
  transition: var(--new-transition) !important;
}
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter::placeholder,
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container .p-inputtext::placeholder,
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter::placeholder,
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext::placeholder {
  color: var(--new-pera-color) !important;
  opacity: 0.8 !important;
}
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter:hover,
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter:focus,
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container .p-inputtext:hover,
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container .p-inputtext:focus,
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter:hover,
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter:focus,
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext:hover,
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext:focus {
  border-color: var(--light-text-green) !important;
  outline: none !important;
  box-shadow: 0 0 0 1px var(--light-text-green) !important;
}
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container p-inputicon,
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container .p-inputicon,
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon,
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container .pi-search,
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container p-inputicon,
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputicon,
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon,
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .pi-search {
  position: absolute !important;
  right: 10px !important;
  left: auto !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: var(--new-pera-color) !important;
  font-size: 13px !important;
  pointer-events: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  width: 14px !important;
  height: 14px !important;
  z-index: 2 !important;
}
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container p-inputicon svg,
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container p-inputicon i,
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container .p-inputicon svg,
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container .p-inputicon i,
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon svg,
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon i,
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container .pi-search svg,
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container .pi-search i,
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container p-inputicon svg,
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container p-inputicon i,
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputicon svg,
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputicon i,
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon svg,
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon i,
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .pi-search svg,
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .pi-search i {
  color: var(--new-pera-color) !important;
  fill: var(--new-pera-color) !important;
  font-size: 13px !important;
  width: 13px !important;
  height: 13px !important;
  display: block !important;
}
.p-multiselect-overlay .p-multiselect-header .p-multiselect-close,
.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
  color: var(--new-pera-color) !important;
  background: transparent !important;
  border: none !important;
  border-radius: 50% !important;
  width: 28px !important;
  height: 28px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: var(--new-transition) !important;
}
.p-multiselect-overlay .p-multiselect-header .p-multiselect-close:hover,
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
  color: var(--light-text-green) !important;
  background: var(--new-hover-color) !important;
}
.p-multiselect-overlay .p-multiselect-items-wrapper,
.p-multiselect-panel .p-multiselect-items-wrapper {
  background: var(--bg-background) !important;
  background-color: var(--bg-background) !important;
  scrollbar-width: thin !important;
  scrollbar-color: var(--new-border-color) var(--bg-background) !important;
}
.p-multiselect-overlay .p-multiselect-items-wrapper::-webkit-scrollbar,
.p-multiselect-panel .p-multiselect-items-wrapper::-webkit-scrollbar {
  width: 5px !important;
  height: 5px !important;
}
.p-multiselect-overlay .p-multiselect-items-wrapper::-webkit-scrollbar-button,
.p-multiselect-panel .p-multiselect-items-wrapper::-webkit-scrollbar-button {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}
.p-multiselect-overlay .p-multiselect-items-wrapper::-webkit-scrollbar-track,
.p-multiselect-panel .p-multiselect-items-wrapper::-webkit-scrollbar-track {
  box-shadow: inherit !important;
  background: var(--bg-background) !important;
  border-radius: 0px !important;
}
.p-multiselect-overlay .p-multiselect-items-wrapper::-webkit-scrollbar-thumb,
.p-multiselect-panel .p-multiselect-items-wrapper::-webkit-scrollbar-thumb {
  background: var(--new-border-color) !important;
  border-radius: 3px !important;
}
.p-multiselect-overlay .p-multiselect-items-wrapper::-webkit-scrollbar-thumb:hover,
.p-multiselect-panel .p-multiselect-items-wrapper::-webkit-scrollbar-thumb:hover {
  background: var(--new-pera-color) !important;
}
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items,
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items {
  background: var(--bg-background) !important;
  background-color: var(--bg-background) !important;
  padding: 4px !important;
  margin: 0 !important;
  list-style: none !important;
}
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item,
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item {
  background: transparent !important;
  color: var(--new-mainHeading-color) !important;
  border-radius: var(--new-border-radius, 8px) !important;
  padding: 7px 12px !important;
  margin: 2px 0 !important;
  font-family: var(--new-bg-font) !important;
  font-size: 13px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  cursor: pointer !important;
  transition: var(--new-transition) !important;
}
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item .p-multiselect-item-label,
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item span,
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item .p-multiselect-item-label,
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item span {
  color: var(--new-mainHeading-color) !important;
  font-family: var(--new-bg-font) !important;
  font-size: 13px !important;
}
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item .p-checkbox .p-checkbox-box,
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item .p-checkbox .p-checkbox-box {
  background: var(--bg-background) !important;
  border: 1px solid var(--new-border-color) !important;
  border-radius: 4px !important;
  transition: var(--new-transition) !important;
}
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item .p-checkbox .p-checkbox-box.p-highlight,
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item .p-checkbox .p-checkbox-box[data-p-highlight=true],
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item .p-checkbox .p-checkbox-box.p-highlight,
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item .p-checkbox .p-checkbox-box[data-p-highlight=true] {
  background: var(--light-text-green) !important;
  border-color: var(--light-text-green) !important;
}
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item .p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon,
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item .p-checkbox .p-checkbox-box.p-highlight svg,
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item .p-checkbox .p-checkbox-box.p-highlight i,
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item .p-checkbox .p-checkbox-box[data-p-highlight=true] .p-checkbox-icon,
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item .p-checkbox .p-checkbox-box[data-p-highlight=true] svg,
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item .p-checkbox .p-checkbox-box[data-p-highlight=true] i,
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item .p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon,
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item .p-checkbox .p-checkbox-box.p-highlight svg,
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item .p-checkbox .p-checkbox-box.p-highlight i,
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item .p-checkbox .p-checkbox-box[data-p-highlight=true] .p-checkbox-icon,
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item .p-checkbox .p-checkbox-box[data-p-highlight=true] svg,
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item .p-checkbox .p-checkbox-box[data-p-highlight=true] i {
  color: #ffffff !important;
  fill: #ffffff !important;
}
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item .p-checkbox .p-checkbox-box:not(.p-highlight):hover,
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item .p-checkbox .p-checkbox-box:not(.p-highlight):hover {
  border-color: var(--light-text-green) !important;
}
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item:hover,
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item.p-focus,
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item:not(.p-highlight):hover,
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item:hover,
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item.p-focus,
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item:not(.p-highlight):hover {
  background: var(--new-hover-color) !important;
  color: var(--light-text-green) !important;
}
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item:hover .p-multiselect-item-label,
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item:hover span,
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item.p-focus .p-multiselect-item-label,
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item.p-focus span,
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item:not(.p-highlight):hover .p-multiselect-item-label,
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item:not(.p-highlight):hover span,
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item:hover .p-multiselect-item-label,
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item:hover span,
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item.p-focus .p-multiselect-item-label,
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item.p-focus span,
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item:not(.p-highlight):hover .p-multiselect-item-label,
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item:not(.p-highlight):hover span {
  color: var(--light-text-green) !important;
}
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item:hover .p-checkbox .p-checkbox-box:not(.p-highlight),
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item.p-focus .p-checkbox .p-checkbox-box:not(.p-highlight),
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item:not(.p-highlight):hover .p-checkbox .p-checkbox-box:not(.p-highlight),
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item:hover .p-checkbox .p-checkbox-box:not(.p-highlight),
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item.p-focus .p-checkbox .p-checkbox-box:not(.p-highlight),
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item:not(.p-highlight):hover .p-checkbox .p-checkbox-box:not(.p-highlight) {
  border-color: var(--light-text-green) !important;
}
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item.p-highlight,
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item[data-p-highlight=true],
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item.p-highlight,
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item[data-p-highlight=true] {
  background: rgba(107, 134, 45, 0.15) !important;
  color: var(--light-text-green) !important;
  font-weight: 600 !important;
}
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item.p-highlight .p-multiselect-item-label,
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item.p-highlight span,
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item[data-p-highlight=true] .p-multiselect-item-label,
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item[data-p-highlight=true] span,
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item.p-highlight .p-multiselect-item-label,
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item.p-highlight span,
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item[data-p-highlight=true] .p-multiselect-item-label,
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item[data-p-highlight=true] span {
  color: var(--light-text-green) !important;
  font-weight: 600 !important;
}
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item.p-highlight .p-checkbox .p-checkbox-box,
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item[data-p-highlight=true] .p-checkbox .p-checkbox-box,
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item.p-highlight .p-checkbox .p-checkbox-box,
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item[data-p-highlight=true] .p-checkbox .p-checkbox-box {
  background: var(--light-text-green) !important;
  border-color: var(--light-text-green) !important;
}
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item.p-highlight .p-checkbox .p-checkbox-box .p-checkbox-icon,
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item.p-highlight .p-checkbox .p-checkbox-box svg,
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item.p-highlight .p-checkbox .p-checkbox-box i,
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item[data-p-highlight=true] .p-checkbox .p-checkbox-box .p-checkbox-icon,
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item[data-p-highlight=true] .p-checkbox .p-checkbox-box svg,
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item[data-p-highlight=true] .p-checkbox .p-checkbox-box i,
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item.p-highlight .p-checkbox .p-checkbox-box .p-checkbox-icon,
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item.p-highlight .p-checkbox .p-checkbox-box svg,
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item.p-highlight .p-checkbox .p-checkbox-box i,
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item[data-p-highlight=true] .p-checkbox .p-checkbox-box .p-checkbox-icon,
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item[data-p-highlight=true] .p-checkbox .p-checkbox-box svg,
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item[data-p-highlight=true] .p-checkbox .p-checkbox-box i {
  color: #ffffff !important;
  fill: #ffffff !important;
}
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-empty-message,
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-empty-message {
  color: var(--new-pera-color) !important;
  background: var(--bg-background) !important;
  padding: 12px !important;
  font-size: 13px !important;
  text-align: center !important;
}
.p-multiselect-option:not(.p-multiselect-option-selected):not(.p-disabled).p-focus {
  background: rgba(124, 159, 46, 0.12) !important;
}
.p-multiselect-option {
  color: var(--new-pera-color) !important;
}
.p-multiselect-option.p-multiselect-option-selected.p-focus,
.p-multiselect-option.p-multiselect-option-selected {
  background: var(--light-text-green) !important;
  color: var(--new-theme-hover-text-color) !important;
}
.p-popover {
  background: var(--new-bg-background) !important;
  border-color: var(--new-border-color) !important;
}
.p-popover:before {
  border-bottom-color: var(--new-bg-background) !important;
}
.p-button-outlined.p-button-sm {
  background: transparent !important;
  border-color: var(--new-border-color) !important;
  color: var(--new-mainHeading-color) !important;
}
.p-button-outlined.p-button-sm:hover {
  background: rgba(124, 159, 46, 0.1) !important;
  border-color: var(--light-text-green) !important;
  color: var(--light-text-green) !important;
}
.p-datatable-filter-buttonbar .p-button-outlined.p-button-sm {
  height: 34px !important;
  padding: 4px 16px !important;
  border-radius: var(--new-border-radius, 8px) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: var(--new-bg-font, "DM Sans", sans-serif) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  transition: all 0.25s ease !important;
  cursor: pointer !important;
  outline: none !important;
  color: var(--new-mainHeading-color) !important;
}
.p-datatable-filter-buttonbar .p-button-outlined.p-button-sm:hover {
  background: rgba(124, 159, 46, 0.1) !important;
  border-color: var(--light-text-green) !important;
  color: var(--light-text-green) !important;
  transform: translateY(-1px) !important;
}
.p-datatable-filter-buttonbar .p-button-sm {
  height: 34px !important;
  padding: 4px 16px !important;
  border-radius: var(--new-border-radius, 8px) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: var(--new-bg-font, "DM Sans", sans-serif) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  transition: all 0.25s ease !important;
  cursor: pointer !important;
  outline: none !important;
  border-radius: var(--new-border-radius) !important;
  color: var(--new-theme-hover-text-color) !important;
  background: var(--light-text-green);
  border-color: var(--light-text-green);
}
.p-datatable-filter-buttonbar .p-button-sm:hover {
  opacity: 0.8;
}
.effect-color-box {
  position: relative;
  z-index: 1;
}
.effect-color-box:after {
  position: absolute !important;
  content: "" !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  height: 100% !important;
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  transition: var(--new-transition);
}
.effect-color-box.green-blur-effect:after {
  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(124, 159, 46, 0.063),
      transparent 70%) !important;
  height: 100% !important;
  opacity: 0;
  transition: var(--new-transition);
}
.effect-color-box.skyblue-blur-effect:after {
  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(20, 184, 166, 0.063),
      transparent 70%) !important;
  height: 100% !important;
  opacity: 0;
  transition: var(--new-transition);
}
.effect-color-box.orange-blur-effect:after {
  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(255, 139, 26, 0.063),
      transparent 70%) !important;
  height: 100% !important;
  opacity: 0;
  transition: var(--new-transition);
}
.effect-color-box.deepblue-blur-effect:after,
.effect-color-box.blue-blur-effect:after {
  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(59, 130, 246, 0.063),
      transparent 70%) !important;
  height: 100% !important;
  opacity: 0;
  transition: var(--new-transition);
}
.hover-card-box:hover .stat-icon-circle {
  transform: scale(1.1);
}
.hover-card-box:hover:after {
  opacity: 1 !important;
}
.hover-card-box:hover.green-blur-effect:after,
.hover-card-box:hover.skyblue-blur-effect:after,
.hover-card-box:hover.orange-blur-effect:after,
.hover-card-box:hover.deepblue-blur-effect:after,
.hover-card-box:hover.blue-blur-effect:after {
  opacity: 1 !important;
}
.form-control {
  border-radius: var(--new-border-radius) !important;
  color: var(--new-pera-color) !important;
  font-family: var(--new-bg-font) !important;
  background: var(--new-bg-background) !important;
  font-size: 14px !important;
  border-color: var(--new-border-color) !important;
}
.form-control::placeholder {
  color: var(--new-pera-color) !important;
}
.p-skeleton {
  background: var(--new-bg-background) !important;
}
.border-background {
  padding: 21px 20px !important;
  font-family: var(--new-bg-font);
  border-radius: var(--new-border-radius2) !important;
  border: 1px solid var(--new-border-color) !important;
  box-shadow: inherit !important;
  position: relative;
  overflow: hidden;
  transition: var(--new-transition);
  color: var(--new-pera-color);
  background: var(--bg-background);
}
.border-background::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background:
    linear-gradient(
      to right,
      var(--new-main-color),
      #f49d25);
  border-radius: var(--new-border-radius) var(--new-border-radius) 0 0;
  transition: transform 0.4s ease;
  transform-origin: left;
}
.p-datepicker-panel {
  background: var(--bg-background) !important;
  border-color: var(--new-border-color) !important;
  color: var(--new-pera-color) !important;
}
.p-datepicker-panel .p-datepicker-header {
  background: var(--bg-background) !important;
  border-color: var(--new-border-color) !important;
}
.p-datepicker-panel .p-datepicker-header .p-datepicker-select-month,
.p-datepicker-panel .p-datepicker-header .p-datepicker-select-year {
  color: var(--new-mainHeading-color) !important;
}
.p-datepicker-panel .p-datepicker-header .p-datepicker-select-month:hover,
.p-datepicker-panel .p-datepicker-header .p-datepicker-select-year:hover {
  background: var(--new-bg-background) !important;
}
.p-datepicker-panel .p-datepicker-header .p-datepicker-decade {
  color: var(--new-mainHeading-color) !important;
}
.p-datepicker-panel .p-datepicker-header .p-button {
  background: rgba(138, 172, 57, 0.1) !important;
  color: var(--light-text-green) !important;
}
.p-datepicker-panel .p-datepicker-header .p-button:hover {
  background: rgba(138, 172, 57, 0.1) !important;
  color: var(--light-text-green) !important;
}
.p-datepicker-panel .p-datepicker-day-view .p-datepicker-weekday {
  color: var(--new-mainHeading-color) !important;
}
.p-datepicker-panel .p-datepicker-day-view .p-datepicker-day {
  color: var(--new-pera-color) !important;
}
.p-datepicker-panel .p-datepicker-day-view .p-datepicker-day-cell.p-datepicker-today span.p-datepicker-day {
  background: var(--light-text-green);
  color: var(--new-theme-hover-text-color) !important;
}
.p-datepicker-panel .p-datepicker-day-view .p-datepicker-day-cell .p-datepicker-day-selected {
  background: var(--light-text-green) !important;
  color: var(--new-theme-hover-text-color) !important;
}
.p-datepicker-panel .p-datepicker-day-view .p-datepicker-day-cell:hover .p-datepicker-day {
  background: rgba(138, 172, 57, 0.1);
  color: var(--light-text-green) !important;
}
.p-datepicker-panel .p-datepicker-month-view .p-datepicker-month,
.p-datepicker-panel .p-datepicker-month-view .p-datepicker-year,
.p-datepicker-panel .p-datepicker-year-view .p-datepicker-month,
.p-datepicker-panel .p-datepicker-year-view .p-datepicker-year {
  color: var(--new-mainHeading-color) !important;
}
.p-datepicker-panel .p-datepicker-month-view .p-datepicker-month:hover,
.p-datepicker-panel .p-datepicker-month-view .p-datepicker-year:hover,
.p-datepicker-panel .p-datepicker-year-view .p-datepicker-month:hover,
.p-datepicker-panel .p-datepicker-year-view .p-datepicker-year:hover {
  background: var(--new-bg-background) !important;
  color: var(--new-mainHeading-color) !important;
}
.p-datepicker-panel .p-datepicker-month-view .p-datepicker-month-selected,
.p-datepicker-panel .p-datepicker-month-view .p-datepicker-year-selected,
.p-datepicker-panel .p-datepicker-year-view .p-datepicker-month-selected,
.p-datepicker-panel .p-datepicker-year-view .p-datepicker-year-selected {
  background: var(--new-bg-background) !important;
  color: var(--new-mainHeading-color) !important;
}
.containerImg {
  height: 100vh;
  width: 100vw;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("./media/login-page-bg-TDHYX2UY.jpg");
}
.welcomeSection {
  background: url("./media/login-lftbg-AH44LRS3.jpg") 0 0 no-repeat;
  padding: 50px 15px;
  border-radius: 15px 0 0 15px;
  height: 100%;
}
.containerImg {
  height: 100vh;
  width: 100vw;
  background-repeat: no-repeat;
  background-size: cover;
}
.middleBody {
  max-height: 480px;
}
.middleBody .middleContent {
  border-radius: 15px;
}
.middleBody .logoDiv img {
  border-radius: 15px;
  border: 2px solid #6c6366;
}
.middleBody .loginForm-rght {
  background: #ffffff;
  border-radius: 0 15px 15px 0;
  padding: 40px;
}
.middleBody .loginForm-rght h1 {
  font-size: 32px;
}
.middleBody .loginForm-rght .form-control {
  border-radius: 8px;
  height: 46px;
}
.middleBody .loginForm-rght .loginbtn {
  height: 100%;
}
.middleBody .loginForm-rght .loginbtn .btn_login {
  background: #6fb31a;
  display: inline-block;
  font-weight: 400;
  color: #ffffff;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  user-select: none;
  padding: 8px 15px 10px;
  margin-bottom: 15px;
  width: 100%;
  border: 0;
  font-size: 1rem;
  line-height: 27px;
  border-radius: 8px;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
.middleBody .loginForm-rght .loginbtn .btn_login:hover {
  background: #6c6366;
}
.middleBody .loginForm-rght .forgotpass {
  border: 0;
  background: none;
  padding: 0;
  border: 0;
  margin-bottom: 25px;
}
.middleBody .loginForm-rght .ms-login .ms-btn_login {
  display: inline-block;
  font-weight: 400;
  color: #ffffff;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  user-select: none;
  padding: 8px 15px 10px;
  font-size: 1rem;
  margin-bottom: 15px;
  width: 100%;
  border: 0;
  line-height: 27px;
  border-radius: 8px;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  background: rgb(50, 152, 240);
  background:
    linear-gradient(
      90deg,
      rgb(50, 152, 240) 0%,
      rgb(48, 93, 236) 52%,
      rgb(51, 158, 241) 100%);
}
.middleBody .loginForm-rght .ms-login .ms-btn_login:hover {
  background: rgb(50, 152, 240);
  background:
    linear-gradient(
      90deg,
      rgb(50, 152, 240) 0%,
      rgb(48, 93, 236) 100%);
}
.middleBody .loginForm-rght .ms-login .ms-btn_login img {
  float: left;
}
.middleBody {
  margin-top: 6rem;
}
.samText {
  color: #6fb31a;
}
.containerImg .row.justify-content-center {
  margin: 0;
}
.middleContent {
  border: 1px solid #6fb31a;
  border-radius: 0.5rem;
}
.welcomeSection {
  background-color: #6fb31a;
  color: #fff;
}
.logoDiv {
  margin-top: 2rem;
}
.linkDiv {
  margin-top: 4rem;
}
.pass_div {
  position: relative;
}
.clenliLink {
  color: #fff;
  text-decoration: none;
}
.clenliLink:hover {
  color: #cccccc;
  text-decoration: none;
}
.pass_icon {
  color: #666;
  opacity: 0.7;
}
.pass_div .input-group-prepend {
  position: absolute;
  right: 15px;
  top: 12px;
}
.loginbtn button.btn:hover {
  color: #000;
}
.adminLogin-body form .form-group,
.adminLogin-body form .cours-subtitle {
  position: relative;
}
.adminLogin-body form .form-group .ErrorMessageSection,
.adminLogin-body form .cours-subtitle .ErrorMessageSection {
  position: absolute;
  left: 0;
}
.loader {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 99999;
}
.loader .p-progress-spinner {
  border: 20px solid #fff;
  background: #ffffff;
  border-radius: 10px;
  position: absolute;
  top: 75%;
  left: 0;
  right: 0;
}
@media screen and (min-width: 1200px) and (max-width: 1440px) {
  .middleBody {
    margin-top: 3rem;
  }
  .linkDiv {
    margin-top: 3rem;
  }
}
.p-component {
  font-family: var(--title-font) !important;
}
.btn,
.btn-group.open .dropdown-toggle,
.btn:active,
.btn:focus,
.btn:hover,
.btn:visited,
a,
a:active,
a:checked,
a:focus,
a:hover,
a:visited,
body,
button,
button:active,
button:hover,
button:visited,
div,
input,
input:active,
input:focus,
input:hover,
input:visited,
select,
select:active,
select:focus,
select:visited,
textarea,
textarea:active,
textarea:focus,
textarea:hover,
textarea:visited {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.scroller {
  overflow-y: scroll;
  scrollbar-width: thin;
}
body {
  background-color: var(--new-bgLight) !important;
  font-family: "Helvetica";
}
label {
  font-size: 14px;
}
.p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th {
  font-size: 14px;
  padding: 12px 10px;
}
.p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th.p-frozen-column1 {
  text-align: center;
}
.p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td {
  font-size: 14px;
  padding: 8px 10px;
}
.p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td.p-frozen-column1 {
  text-align: center;
}
.page-body-wrapper .layout-main {
  padding-top: 60px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100vh;
  margin-left: var(--sidebar-width, 260px);
  -moz-transition: margin-left 0.3s;
  -o-transition: margin-left 0.3s;
  -webkit-transition: margin-left 0.3s;
  transition: margin-left 0.3s;
  padding: 25px;
  background: var(--new-bgLight);
  margin-top: 55px;
  -webkit-border-top-left-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -o-border-top-left-radius: 20px;
  border-top-left-radius: 20px;
  border-left: 1px solid var(--border-line);
  border-top: 1px solid var(--border-line);
}
.page-body-wrapper .layout-main::before {
  content: "";
  position: absolute;
  left: var(--sidebar-width, 260px);
  width: 45px;
  height: 45px;
  top: 55px;
  background-color: var(--white);
  transition: all ease-in-out 0.3s;
  z-index: -1;
}
.page-body-wrapper .layout-main .layout-content {
  flex: 1 1 0;
}
.page-body-wrapper .layout-main .layout-content .layout-dashboard {
  padding-top: 15px;
}
.page-body-wrapper .layout-main .layout-content .layout-dashboard .card {
  margin-top: 25px;
  border-radius: 15px;
}
.page-body-wrapper .layout-main .layout-content .layout-dashboard .card .p-tabview-panels {
  padding: 12px 0;
}
.page-body-wrapper .layout-main .layout-content .layout-dashboard .card .p-tabview-nav-container .p-tabview-nav-content {
  border-radius: 15px;
}
.page-body-wrapper .layout-main .layout-content .layout-dashboard .card .p-tabview-nav-container .p-tabview-nav-content .p-tabview-nav li .p-tabview-nav-link {
  color: var(--light-grey);
  font-weight: 500;
  text-decoration: none;
  position: relative;
}
.page-body-wrapper .layout-main .layout-content .layout-dashboard .card .p-tabview-nav-container .p-tabview-nav-content .p-tabview-nav li .p-tabview-nav-link:hover {
  color: var(--theme-green);
}
.page-body-wrapper .layout-main .layout-content .layout-dashboard .card .p-tabview-nav-container .p-tabview-nav-content .p-tabview-nav li.p-highlight .p-tabview-nav-link {
  color: var(--theme-green);
  border-color: var(--theme-green);
}
.page-body-wrapper .layout-main .layout-content .layout-dashboard .card .header-btn-group {
  position: absolute;
  top: 18px;
  z-index: 9;
  right: 0;
  text-align: right;
}
.page-body-wrapper .layout-main .layout-content .layout-dashboard .card .header-btn-group .btn-success0 {
  margin-left: 0px;
}
.page-body-wrapper .layout-main .layout-content .layout-dashboard .card .header-btn-group-2 {
  text-align: right;
  margin-bottom: 20px;
}
.page-body-wrapper .layout-main .layout-content .layout-body {
  padding-top: 8px;
}
.page-body-wrapper .layout-main .layout-content .layout-body .card {
  border-radius: 0px;
}
.page-body-wrapper .layout-main.learner-box-category {
  padding-left: 25px !important;
  padding-right: 25px !important;
}
.page-body-wrapper.sidebar-collapsed .layout-main {
  margin-left: var(--sidebar-collapsed-width, 70px);
}
.container-scroller .container-fluid.page-body-wrapper {
  padding: 0;
}
.cardheader-panel h4 {
  color: var(--head-color);
  font-size: 22px;
}
.grid {
  display: flex;
  flex-wrap: wrap;
  margin-right: -0.5rem;
  margin-left: -0.5rem;
  margin-top: -0.5rem;
}
.Dhs_box {
  height: 155px;
  border-radius: 15px;
  background: var(--white);
  border: 1px solid #e3eaef;
  padding: 20px;
  transition: all ease-in-out 0.3s;
  cursor: pointer;
  box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.05);
  position: relative;
}
.Dhs_box .circle-ico-sets {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  position: absolute;
  right: 20px;
  top: 20px;
  padding-top: 8px;
  text-align: center;
}
.Dhs_box.actSites .circle-ico-sets {
  background: var(--white);
}
.Dhs_box.opnJobs .circle-ico-sets {
  background: var(--white);
}
.Dhs_box.compJobs .circle-ico-sets {
  background: var(--white);
}
.Dhs_box.mchn .circle-ico-sets {
  background: var(--white);
}
.Dhs_box .box-title {
  font-size: 14px;
  display: block;
  color: var(--deep-dark);
  margin-bottom: 10px;
  margin-top: 0px;
  font-weight: 600;
}
.Dhs_box strong {
  font-weight: 700;
  font-size: 20px;
  display: block;
  color: #6c6366;
}
.Dhs_box p {
  font-size: 14px;
  color: var(--deep-dark);
  margin-bottom: 0;
}
.Dhs_box p .prog-percnt {
  color: var(--theme-green);
}
.Dhs_box:hover {
  transform: scale(1.1);
}
.Dhs_box .btn-thumb {
  background: var(--white);
  padding: 4px 12px;
  margin-bottom: 25px;
  font-size: 13px;
  border: 1px solid var(--head-color);
  border-radius: 8px;
  color: var(--head-color);
}
.Dhs_box .btn-thumb:hover {
  border-color: var(--theme-green);
  color: var(--theme-green);
}
.layout-body .role-previlege .role-prev-checklist {
  padding-left: 0;
}
.layout-body .role-previlege .role-prev-checklist li span.headersty {
  font-weight: 700;
}
.layout-body .role-previlege .role-prev-checklist li span.subheader {
  font-weight: 600;
}
.layout-body .role-previlege .role-prev-checklist li .p-button-success {
  border: 2px solid var(--theme-green);
  width: 60px;
  height: 34px;
  color: var(--theme-green);
  border-radius: 8px;
  transition: all ease-in-out 0.3s;
}
.layout-body .role-previlege .role-prev-checklist li .p-button-success:hover {
  background: var(--theme-green);
  color: var(--white);
}
.layout-body .usprev-form .btn-save {
  background: var(--theme-green);
  color: var(--white);
  width: 130px;
  height: 34px;
  border-radius: 8px;
}
.layout-body .usprev-form .btn-save:hover {
  background: var(--light-grey);
}
.layout-body .usprev-form select.form-control {
  height: 34px;
  border-radius: 8px;
}
.layout-body .role-lists .cardheader-panel {
  margin-bottom: 20px;
}
.layout-body .role-lists .cardheader-panel .addrol-btn {
  text-align: right;
}
.layout-body .role-lists .cardheader-panel .addrol-btn p-dropdown .p-dropdown {
  border-radius: 8px;
  margin-right: 15px;
}
.layout-body .role-lists .cardheader-panel .addrol-btn p-dropdown .p-dropdown span.p-element {
  padding: 8px 15px;
}
.layout-body .role-lists .table tr td .btn-edit {
  color: var(--theme-green);
  background: #f5f5f5;
  border: 2px solid var(--theme-green);
  border-radius: 8px;
  width: 60px;
  height: 34px;
  display: inline-block;
  text-align: center;
  padding-top: 7px;
  transition: all ease-in-out 0.3s;
  cursor: pointer;
}
.layout-body .role-lists .table tr td .btn-edit:hover {
  background: var(--deep-dark);
}
.p-component .p-dropdown-panel {
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.16);
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
  text-align: left;
}
.create-form .form-group .p-autocomplete.p-component,
.create-form .cours-subtitle .p-autocomplete.p-component {
  height: 34px;
}
.create-form .form-group .p-autocomplete.p-component input.p-element,
.create-form .cours-subtitle .p-autocomplete.p-component input.p-element {
  font-size: 14px;
}
.create-form .form-group .p-autocomplete.p-component button.p-element,
.create-form .cours-subtitle .p-autocomplete.p-component button.p-element {
  background: var(--theme-green);
  border-radius: 0 8px 8px 0;
  border: 1px solid var(--theme-green);
}
.card .btn-success0 {
  background: var(--white);
  border: 1px solid var(--d-grey);
  color: var(--light-grey);
  font-size: 14px;
  line-height: 16px;
  height: 34px;
  min-width: 100px;
  padding: 8px 16px;
  border-radius: 8px;
  transition: all ease-in-out 0.3s;
}
.card .btn-success0:hover {
  background: var(--d-grey);
  color: var(--light-grey);
}
.card .btn-success0 .fa {
  margin-left: 5px;
}
.card .darkBox-head {
  background: var(--light-green);
  -moz-border-radius: 8px 8px 0 0;
  -webkit-border-radius: 8px 8px 0 0;
  -o-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
  padding: 12px 20px;
}
.card .darkBox-head h5 {
  display: inline-block;
  color: var(--head-color);
  font-family: var(--title-font);
  font-size: 22px;
}
.card .darkBox-head a {
  color: var(--theme-green);
  font-size: 16px;
  float: right;
  margin-top: 4px;
}
.card .calenderr {
  text-align: center;
  padding: 25px;
}
.card .engineer-location-map {
  padding: 25px;
}
.p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-thead {
  background: var(--light-green);
}
.p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th {
  font-weight: 500;
  font-family: var(--title-font);
  color: #6c6366;
  font-size: 14px;
}
.padd-l-r-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.padd-t-b-0 {
  padding-top: 0;
  padding-bottom: 0;
}
.marg-l-r-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.main-footer {
  position: relative !important;
  text-align: center;
  background: #cccccc;
  color: var(--white);
  z-index: 99 !important;
}
.main-footer::before {
  position: absolute;
  bottom: 0;
  content: "";
  width: 70px;
  height: 43px;
  background: #fff;
  left: 0;
  z-index: -11;
}
.main-footer p {
  margin-bottom: 0;
}
.card-button-panel {
  margin-bottom: 15px;
  margin-top: 12px;
}
.card-button-panel .btn.btn-top-back {
  background: var(--white);
  border: 1px solid var(--d-grey);
  color: var(--light-grey);
  border-radius: 8px;
  height: 33px;
  min-width: 60px;
  padding: 0px 6px;
  line-height: 16px;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.card-button-panel .btn.btn-top-back:hover {
  background: var(--light-grey) !important;
  color: var(--white) !important;
}
.card-button-panel .btn-success1 {
  background: var(--theme-green);
  color: var(--white);
  font-size: 14px;
  height: 34px;
  min-width: 100px;
  margin-right: 10px;
  padding: 8px 16px;
  border: 0;
  border-radius: 8px;
  transition: all ease-in-out 0.3s;
}
.card-button-panel .btn-success1:hover {
  background: var(--light-grey);
}
.card-button-panel .btn-success2 {
  background: var(--theme-green);
  color: var(--white);
  font-size: 14px;
  height: 34px;
  min-width: 130px;
  padding: 8px 16px;
  border: 0;
  border-radius: 8px;
  transition: all ease-in-out 0.3s;
}
.card-button-panel .btn-success2 .fa-plus-circle {
  margin-right: 5px;
}
.card-button-panel .btn-success2:hover {
  background: var(--light-grey);
  color: var(--white);
}
.card .card-header.card-header-custom {
  border-radius: 0px;
  background: none;
  padding: 0px 0px 0px;
}
@media (max-width: 767px) {
  .card .card-header.card-header-custom {
    display: block !important;
  }
}
.card .card-header.card-header-custom b {
  color: var(--black);
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
}
@media (max-width: 767px) {
  .card .card-header.card-header-custom b {
    margin-bottom: 8px !important;
    display: block;
  }
}
.card .card-header.card-header-custom h4 {
  color: var(--head-color);
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  margin-bottom: 0;
}
.card .p-datatable .p-datatable-header .col button.p-button {
  height: 34px;
  border-radius: 8px;
  color: var(--theme-green);
  border: 1px solid var(--theme-green);
  margin-right: 10px;
  font-size: 14px;
}
.card .p-datatable .p-datatable-header .col button.p-button .p-button-icon {
  font-size: 14px;
}
.card .p-datatable .p-datatable-header .col button.p-button .p-button-label {
  font-weight: 400;
}
.card .p-datatable .p-datatable-header .col button.p-button:hover {
  color: var(--theme-green);
  border-color: var(--theme-green);
}
.card .p-datatable .p-datatable-header .col .form-control {
  height: 34px;
  padding-right: 40px;
  border-radius: 8px;
  font-size: 14px;
}
.roleField .required-field {
  display: block;
}
form .form-control {
  height: 34px;
  font-size: 14px;
  border-radius: 8px;
}
form .form-group label,
form .cours-subtitle label {
  margin-bottom: 0px;
}
.p-select-label {
  font-size: 14px;
}
.createTeam .roleField p-dropdown .p-dropdown {
  height: 34px;
  line-height: 15px;
  width: 100%;
}
.createTeam .roleField p-dropdown .p-dropdown span.p-element {
  height: 34px;
  font-size: 14px;
}
.createTeam .form-group .iti,
.createTeam .cours-subtitle .iti {
  width: 100%;
}
.createTeam .mfaSetting p-inputswitch.p-element {
  float: right;
}
.createTeam .col-title b {
  font-size: 18px;
  color: var(--deep-dark);
  font-weight: 600;
}
.ErrorMessageSection p {
  color: #ff0000;
  font-size: 13px;
  line-height: 14px;
}
.required-field:after {
  content: "*";
  color: red;
  margin-left: 2px;
}
.p-datatable-header .col h4 {
  font-size: 18px;
  color: var(--head-color);
}
.p-datatable-wrapper .p-datatable-table .p-datatable-thead th .p-column-filter .p-column-filter-menu-button {
  background: #ccc;
  border-radius: 50%;
  width: 20px;
  height: 20px;
}
.p-datatable-wrapper .p-datatable-table .p-datatable-thead th .p-column-filter .p-column-filter-menu-button:hover {
  background: var(--theme-green);
}
.p-datatable-wrapper .p-datatable-table .p-datatable-thead th .p-column-filter .p-column-filter-menu-button:hover .p-element svg {
  color: var(--white);
}
.p-datatable-wrapper .p-datatable-table .p-datatable-thead th .p-column-filter .p-column-filter-menu-button .p-element svg {
  width: 10px;
  color: var(--deep-dark);
}
.p-datatable-wrapper .p-datatable-table .p-datatable-thead th .p-column-filter .p-column-filter-menu-button-active {
  background: var(--theme-green);
}
.p-datatable-wrapper .p-datatable-table .p-datatable-thead th .p-column-filter .p-column-filter-menu-button-active .p-element svg {
  color: var(--white);
}
.p-datatable-wrapper .p-datatable-table .p-datatable-tbody td:last-child a {
  margin: 5px;
  cursor: pointer;
}
.card .p-datatable p-paginator .p-element .p-paginator.p-component {
  border-radius: 0 0 15px 15px;
}
.hiddenForm .col-titles {
  text-align: center;
}
.hiddenForm .col-titles h4 {
  display: inline-block;
  margin-bottom: 40px;
}
.card .card-header.white-header {
  background: none !important;
  border-radius: 0px;
  padding: 0px;
}
.card .card-header.white-header p-dropdown .p-dropdown {
  height: 34px;
  line-height: 15px;
  margin-right: 15px;
}
.card .card-header.white-header p-dropdown .p-dropdown .p-dropdown-header .p-dropdown-filter-container input.p-inputtext {
  height: 34px;
}
.card .card-body.menu-list .table-responsive {
  border: 1px solid var(--light-grey);
  border-radius: 15px;
}
.card .card-body.menu-list .table-responsive .table {
  margin-bottom: 0;
}
.card .card-body.menu-list .table-responsive .table thead {
  background: var(--light-grey);
}
.card .card-body.menu-list .table-responsive .table thead th {
  color: var(--white);
  border-top: 0;
}
.card .card-body.menu-list .table-responsive .table thead th:last-child {
  text-align: center;
}
.card .card-body.menu-list .table-responsive .table tbody td a.btn.btn-primary {
  background-color: var(--theme-green);
  border-color: var(--theme-green);
}
.card .card-body.menu-list .table-responsive .table tbody td a.btn.btn-primary:hover {
  background-color: var(--light-grey);
  border-color: var(--light-grey);
}
.card .card-body.menu-list .table-responsive .table tbody td span.btn-not-clickable {
  background: var(--deep-dark);
  color: var(--white);
  font-size: 14px;
  border-radius: 8px;
  cursor: default;
  padding: 4px 8px 6px;
  margin: 0 5px;
}
.card .card-body.menu-list .table-responsive .table tbody td .d-flex {
  align-items: center;
}
.card p-paginator .p-paginator {
  border-radius: 0px;
  margin-top: 30px;
  background: none;
}
.layout-main .layout-content p-dialog .p-dialog-mask {
  background: rgba(0, 0, 0, 0.25);
}
.layout-main .layout-content p-dialog .p-dialog-mask .p-dialog-header {
  -moz-border-radius: 8px 8px 0 0;
  -webkit-border-radius: 8px 8px 0 0;
  -o-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.layout-main .layout-content p-dialog .p-dialog-mask .p-dialog-content {
  overflow-y: scroll;
  border-radius: 0 0 15px 15px;
}
.layout-main .layout-content p-dialog .p-dialog-mask .p-dialog-content .modal-content .modal-header h3.modal-title {
  font-size: 20px;
  font-weight: 700;
}
.layout-main .layout-content p-dialog .p-dialog-mask .p-dialog-content .modal-content .menu-form .modal-footer .btn-primary {
  background: var(--theme-green);
  border-color: var(--theme-green);
  border-radius: 8px;
  text-transform: capitalize;
}
.layout-main .layout-content p-dialog .p-dialog-mask .p-dialog-content .modal-content .menu-form .modal-footer .btn-primary:hover {
  background: var(--light-grey);
  border-color: var(--light-grey);
}
.layout-main .layout-content p-dialog .p-dialog-mask .p-dialog-content .modal-content .subMenu-form .modal-footer .btn-primary {
  background: var(--theme-green);
  border-color: var(--theme-green);
  text-transform: capitalize;
  border-radius: 8px;
}
.layout-main .layout-content p-dialog .p-dialog-mask .p-dialog-content .modal-content .subMenu-form .modal-footer .btn-primary:hover {
  background: var(--light-grey);
  border-color: var(--light-grey);
}
.layout-main .layout-content p-dialog .p-dialog-mask .p-dialog-content .modal-content .action-form .modal-footer .btn-primary {
  background: var(--theme-green);
  border-color: var(--theme-green);
  text-transform: capitalize;
  border-radius: 8px;
}
.layout-main .layout-content p-dialog .p-dialog-mask .p-dialog-content .modal-content .action-form .modal-footer .btn-primary:hover {
  background: var(--light-grey);
  border-color: var(--light-grey);
}
.layout-main .layout-content p-dialog .p-dialog-mask .p-dialog-content .modal-content .assignAction-form .modal-footer .btn-primary {
  background: var(--theme-green);
  border-color: var(--theme-green);
  text-transform: capitalize;
  border-radius: 8px;
}
.layout-main .layout-content p-dialog .p-dialog-mask .p-dialog-content .modal-content .assignAction-form .modal-footer .btn-primary:hover {
  background: var(--light-grey);
  border-color: var(--light-grey);
}
.layout-main .layout-content p-dialog .p-dialog-mask.float-dialog-mask {
  background: transparent !important;
}
.hiddenForm {
  background: #f5f5f5;
  padding: 20px 30px 15px;
  border-radius: 15px;
  border: 1px solid #dddddd;
  margin-top: 20px;
}
.role-lists .table tbody tr td .btn-primary {
  background: var(--theme-green);
  border-color: var(--theme-green);
}
.role-lists .table tbody tr td .btn-primary:hover {
  background: var(--light-grey);
  border-color: var(--light-grey);
}
.p-element .p-dialog-mask .p-component .p-dialog-footer button.p-confirm-dialog-reject {
  color: var(--theme-green);
  height: 34px;
  font-size: 14px;
}
.p-element .p-dialog-mask .p-component .p-dialog-footer button.p-confirm-dialog-reject:hover {
  color: var(--light-grey);
}
.p-element .p-dialog-mask .p-component .p-dialog-footer button.p-confirm-dialog-accept {
  background: var(--theme-green);
  border-color: var(--theme-green);
  border-radius: 8px;
  height: 34px;
  font-size: 14px;
}
.p-element .p-dialog-mask .p-component .p-dialog-footer button.p-confirm-dialog-accept:hover {
  background: var(--light-grey);
  border-color: var(--light-grey);
}
.role-prev-checklist ul li .actionrow .form-group span.slider,
.role-prev-checklist ul li .actionrow .cours-subtitle span.slider {
  vertical-align: top;
  line-height: 20px;
}
.form-group.rates label,
.rates.cours-subtitle label {
  display: block;
  width: 100%;
  padding: 0 15px;
}
.form-group.rates .info-fr,
.rates.cours-subtitle .info-fr {
  position: relative;
}
.form-group.rates .info-fr span,
.rates.cours-subtitle .info-fr span {
  position: absolute;
  height: 34px;
  width: 40px;
  padding: 6px;
  text-align: center;
  background: #ced4da;
  border-radius: 8px 0 0 8px;
}
.form-group.rates .info-fr .form-control,
.rates.cours-subtitle .info-fr .form-control {
  padding-left: 50px;
}
.create-form.addClient .form-group p-dropdown .p-dropdown,
.create-form.addClient .cours-subtitle p-dropdown .p-dropdown {
  width: 100%;
}
.create-form.addClient .form-group.flup .form-control,
.create-form.addClient .flup.cours-subtitle .form-control {
  display: inline-block;
  width: 75%;
}
.create-form.addClient .form-group.flup label,
.create-form.addClient .flup.cours-subtitle label {
  width: 100%;
}
.create-form.addClient .form-group.flup .img-thumb,
.create-form.addClient .flup.cours-subtitle .img-thumb {
  float: right;
  margin-top: -5px;
  width: 20%;
  text-align: center;
  margin-right: 10px;
  position: relative;
}
.create-form.addClient .frm-group-title h3 {
  text-align: center;
  font-size: 24px;
  margin-bottom: 30px;
  color: var(--theme-green);
}
.create-form .btn-group {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 20px;
}
.create-form .btn-group .btn-cancel {
  margin-right: 15px;
}
.create-form.addMachine .form-group .p-dropdown,
.create-form.addMachine .cours-subtitle .p-dropdown {
  width: 100%;
  height: 34px;
  line-height: 15px;
  border-radius: 8px;
}
.create-form.addMachine .form-group .p-dropdown .p-element,
.create-form.addMachine .cours-subtitle .p-dropdown .p-element {
  font-size: 14px;
}
.btn-group .btn-cancel {
  background: var(--light-grey);
  color: var(--white);
  font-size: 16px;
  height: 34px;
  padding: 8px 20px;
  border: 0;
  border-radius: 8px;
  transition: all ease-in-out 0.3s;
}
.btn-group .btn-cancel:hover {
  color: var(--white);
  background: var(--theme-green);
}
.p-checkbox .p-checkbox-box.p-highlight {
  background: var(--theme-green);
  border-color: var(--theme-green);
}
.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus,
.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
  border-color: var(--theme-green);
}
.create-form.addClient .adduser-hidden {
  background: #f5f5f5;
  border-radius: 15px;
  border: 1px solid #dddddd;
  padding: 15px;
  margin-bottom: 25px;
}
.create-form.addClient .adduser-hidden .info-body.mfaSetting label {
  display: block;
}
.create-form.addClient .adduser-hidden .info-body.form-group .iti--allow-dropdown,
.create-form.addClient .adduser-hidden .info-body.cours-subtitle .iti--allow-dropdown {
  width: 100%;
}
.create-form.addClient .adduser-hidden .info-body.removeform {
  margin-top: 25px;
  float: right;
}
.create-form .form-group .p-dropdown,
.create-form .cours-subtitle .p-dropdown {
  width: 100%;
  height: 34px;
  line-height: 15px;
}
.create-form .form-group .p-dropdown .p-element,
.create-form .cours-subtitle .p-dropdown .p-element {
  font-size: 14px;
}
.create-form .form-group .iti,
.create-form .cours-subtitle .iti {
  width: 100%;
}
.create-form .form-group .fileupload,
.create-form .cours-subtitle .fileupload {
  width: 100%;
}
.p-menu-list .p-element .p-menuitem-content a.p-menuitem-link {
  text-decoration: none;
}
.card .card-body.my-profile-body p-tabview .p-tabview {
  padding: 20px;
  background: var(--new-card-bgColor);
  border-radius: 12px;
}
.card .card-body.my-profile-body p-tabview .p-tabview .p-tabview-nav-container .p-tabview-nav {
  margin-bottom: 0;
}
.card .card-body.my-profile-body p-tabview .p-tabview .p-tabview-panels {
  border-radius: 0 0 15px 15px;
}
.card .card-body.my-profile-body p-tabview .p-tabview .p-tabview-panels .profile-img-ch .resetPass .img-thumb {
  width: 100px;
  height: 100px;
  position: relative;
}
.card .card-body.my-profile-body p-tabview .p-tabview .p-tabview-panels .profile-img-ch .resetPass .img-thumb img {
  border: 1px solid #dddddd;
  border-radius: 15px;
}
.card .card-body.my-profile-body p-tabview .p-tabview .p-tabview-panels .profile-img-ch .resetPass .img-thumb button.close {
  position: absolute;
  right: -20px;
  font-weight: #ff0000;
  font-weight: 700;
}
.card .card-body.my-profile-body p-tabview .p-tabview .p-tabview-panels .profile-img-ch .resetPass .btn-danger {
  margin-top: 20px;
}
.card .card-body.my-profile-body p-tabview .p-tabview .p-tabview-nav {
  border-radius: 12px 12px 0 0;
}
.card .card-body.my-profile-body p-tabview .p-tabview .p-tabview-nav li a.p-tabview-nav-link {
  text-decoration: none;
  color: var(--theme-green);
}
.card .card-body.my-profile-body p-tabview .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
  border-color: var(--theme-green);
}
.card .card-body.my-profile-body p-tabview .p-tabview .p-tabview-nav li:hover a.p-tabview-nav-link {
  border-color: var(--theme-green);
}
.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
  border-color: var(--theme-green);
}
.form-group .p-password .p-password-input,
.cours-subtitle .p-password .p-password-input {
  height: 45px;
}
.p-column-filter-overlay .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
  height: 34px;
  line-height: 16px;
}
.p-column-filter-overlay .p-column-filter-constraint .p-column-filter-matchmode-dropdown .p-element.p-dropdown-label {
  font-size: 14px;
}
.p-column-filter-overlay .p-column-filter-operator p-dropdown.p-element .p-column-filter-operator-dropdown {
  height: 34px;
  line-height: 16px;
}
.p-column-filter-overlay .p-column-filter-operator p-dropdown.p-element .p-column-filter-operator-dropdown .p-element.p-dropdown-label {
  font-size: 14px;
  padding: 10px;
  line-height: 16px;
}
.p-column-filter-constraint .p-element .p-inputtext {
  height: 34px;
  padding: 8px 10px;
  font-size: 14px;
}
.p-column-filter-add-rule button.p-button {
  color: var(--theme-green);
}
.p-column-filter-add-rule button.p-button:hover {
  background: #f5f5f5;
}
.p-column-filter-buttonbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding: 10px 0 0 0 !important;
  margin-top: 10px !important;
  border-top: 1px solid var(--new-border-color) !important;
  width: 100% !important;
}
.p-column-filter-buttonbar .p-column-filter-clear-button,
.p-column-filter-buttonbar button.p-column-filter-clear-button,
.p-column-filter-buttonbar button:first-child:not(:only-child),
.p-column-filter-buttonbar .p-button-outlined,
.p-column-filter-buttonbar .p-button-secondary,
.p-column-filter-buttonbar .p-button-text {
  flex: 1 !important;
  background: var(--bg-background) !important;
  background-color: var(--bg-background) !important;
  border: 1px solid var(--light-text-green) !important;
  border-color: var(--light-text-green) !important;
  color: var(--light-text-green) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  font-family: var(--new-bg-font) !important;
  padding: 6px 14px !important;
  border-radius: var(--new-border-radius, 8px) !important;
  min-width: 65px !important;
  height: 34px !important;
  text-align: center !important;
  justify-content: center !important;
  align-items: center !important;
  display: inline-flex !important;
  cursor: pointer !important;
  transition: var(--new-transition, all 0.25s ease) !important;
  box-shadow: none !important;
}
.p-column-filter-buttonbar .p-column-filter-clear-button .p-button-label,
.p-column-filter-buttonbar .p-column-filter-clear-button span,
.p-column-filter-buttonbar button.p-column-filter-clear-button .p-button-label,
.p-column-filter-buttonbar button.p-column-filter-clear-button span,
.p-column-filter-buttonbar button:first-child:not(:only-child) .p-button-label,
.p-column-filter-buttonbar button:first-child:not(:only-child) span,
.p-column-filter-buttonbar .p-button-outlined .p-button-label,
.p-column-filter-buttonbar .p-button-outlined span,
.p-column-filter-buttonbar .p-button-secondary .p-button-label,
.p-column-filter-buttonbar .p-button-secondary span,
.p-column-filter-buttonbar .p-button-text .p-button-label,
.p-column-filter-buttonbar .p-button-text span {
  color: var(--light-text-green) !important;
  font-weight: 500 !important;
  font-family: var(--new-bg-font) !important;
}
.p-column-filter-buttonbar .p-column-filter-clear-button:hover,
.p-column-filter-buttonbar .p-column-filter-clear-button:focus,
.p-column-filter-buttonbar button.p-column-filter-clear-button:hover,
.p-column-filter-buttonbar button.p-column-filter-clear-button:focus,
.p-column-filter-buttonbar button:first-child:not(:only-child):hover,
.p-column-filter-buttonbar button:first-child:not(:only-child):focus,
.p-column-filter-buttonbar .p-button-outlined:hover,
.p-column-filter-buttonbar .p-button-outlined:focus,
.p-column-filter-buttonbar .p-button-secondary:hover,
.p-column-filter-buttonbar .p-button-secondary:focus,
.p-column-filter-buttonbar .p-button-text:hover,
.p-column-filter-buttonbar .p-button-text:focus {
  background: var(--new-hover-color) !important;
  background-color: var(--new-hover-color) !important;
  border-color: var(--light-text-green) !important;
  color: var(--light-text-green) !important;
}
.p-column-filter-buttonbar .p-column-filter-clear-button:hover .p-button-label,
.p-column-filter-buttonbar .p-column-filter-clear-button:hover span,
.p-column-filter-buttonbar .p-column-filter-clear-button:focus .p-button-label,
.p-column-filter-buttonbar .p-column-filter-clear-button:focus span,
.p-column-filter-buttonbar button.p-column-filter-clear-button:hover .p-button-label,
.p-column-filter-buttonbar button.p-column-filter-clear-button:hover span,
.p-column-filter-buttonbar button.p-column-filter-clear-button:focus .p-button-label,
.p-column-filter-buttonbar button.p-column-filter-clear-button:focus span,
.p-column-filter-buttonbar button:first-child:not(:only-child):hover .p-button-label,
.p-column-filter-buttonbar button:first-child:not(:only-child):hover span,
.p-column-filter-buttonbar button:first-child:not(:only-child):focus .p-button-label,
.p-column-filter-buttonbar button:first-child:not(:only-child):focus span,
.p-column-filter-buttonbar .p-button-outlined:hover .p-button-label,
.p-column-filter-buttonbar .p-button-outlined:hover span,
.p-column-filter-buttonbar .p-button-outlined:focus .p-button-label,
.p-column-filter-buttonbar .p-button-outlined:focus span,
.p-column-filter-buttonbar .p-button-secondary:hover .p-button-label,
.p-column-filter-buttonbar .p-button-secondary:hover span,
.p-column-filter-buttonbar .p-button-secondary:focus .p-button-label,
.p-column-filter-buttonbar .p-button-secondary:focus span,
.p-column-filter-buttonbar .p-button-text:hover .p-button-label,
.p-column-filter-buttonbar .p-button-text:hover span,
.p-column-filter-buttonbar .p-button-text:focus .p-button-label,
.p-column-filter-buttonbar .p-button-text:focus span {
  color: var(--light-text-green) !important;
}
.p-column-filter-buttonbar .p-column-filter-apply-button,
.p-column-filter-buttonbar button.p-column-filter-apply-button,
.p-column-filter-buttonbar button:last-child,
.p-column-filter-buttonbar button[type=submit],
.p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text) {
  flex: 1 !important;
  background: var(--light-text-green) !important;
  background-color: var(--light-text-green) !important;
  border: 1px solid var(--light-text-green) !important;
  border-color: var(--light-text-green) !important;
  color: var(--new-theme-hover-text-color, #ffffff) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: var(--new-bg-font) !important;
  padding: 6px 14px !important;
  border-radius: var(--new-border-radius, 8px) !important;
  min-width: 65px !important;
  height: 34px !important;
  text-align: center !important;
  justify-content: center !important;
  align-items: center !important;
  display: inline-flex !important;
  cursor: pointer !important;
  transition: var(--new-transition, all 0.25s ease) !important;
  box-shadow: none !important;
}
.p-column-filter-buttonbar .p-column-filter-apply-button .p-button-label,
.p-column-filter-buttonbar .p-column-filter-apply-button span,
.p-column-filter-buttonbar button.p-column-filter-apply-button .p-button-label,
.p-column-filter-buttonbar button.p-column-filter-apply-button span,
.p-column-filter-buttonbar button:last-child .p-button-label,
.p-column-filter-buttonbar button:last-child span,
.p-column-filter-buttonbar button[type=submit] .p-button-label,
.p-column-filter-buttonbar button[type=submit] span,
.p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text) .p-button-label,
.p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text) span {
  color: var(--new-theme-hover-text-color, #ffffff) !important;
  font-weight: 600 !important;
  font-family: var(--new-bg-font) !important;
}
.p-column-filter-buttonbar .p-column-filter-apply-button:hover,
.p-column-filter-buttonbar .p-column-filter-apply-button:focus,
.p-column-filter-buttonbar button.p-column-filter-apply-button:hover,
.p-column-filter-buttonbar button.p-column-filter-apply-button:focus,
.p-column-filter-buttonbar button:last-child:hover,
.p-column-filter-buttonbar button:last-child:focus,
.p-column-filter-buttonbar button[type=submit]:hover,
.p-column-filter-buttonbar button[type=submit]:focus,
.p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):hover,
.p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):focus {
  background: var(--new-main-color, #7c9f2e) !important;
  background-color: var(--new-main-color, #7c9f2e) !important;
  border-color: var(--new-main-color, #7c9f2e) !important;
  color: var(--new-theme-hover-text-color, #ffffff) !important;
  box-shadow: 0 4px 12px rgba(124, 159, 46, 0.3) !important;
}
.p-column-filter-buttonbar .p-column-filter-apply-button:hover .p-button-label,
.p-column-filter-buttonbar .p-column-filter-apply-button:hover span,
.p-column-filter-buttonbar .p-column-filter-apply-button:focus .p-button-label,
.p-column-filter-buttonbar .p-column-filter-apply-button:focus span,
.p-column-filter-buttonbar button.p-column-filter-apply-button:hover .p-button-label,
.p-column-filter-buttonbar button.p-column-filter-apply-button:hover span,
.p-column-filter-buttonbar button.p-column-filter-apply-button:focus .p-button-label,
.p-column-filter-buttonbar button.p-column-filter-apply-button:focus span,
.p-column-filter-buttonbar button:last-child:hover .p-button-label,
.p-column-filter-buttonbar button:last-child:hover span,
.p-column-filter-buttonbar button:last-child:focus .p-button-label,
.p-column-filter-buttonbar button:last-child:focus span,
.p-column-filter-buttonbar button[type=submit]:hover .p-button-label,
.p-column-filter-buttonbar button[type=submit]:hover span,
.p-column-filter-buttonbar button[type=submit]:focus .p-button-label,
.p-column-filter-buttonbar button[type=submit]:focus span,
.p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):hover .p-button-label,
.p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):hover span,
.p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):focus .p-button-label,
.p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):focus span {
  color: var(--new-theme-hover-text-color, #ffffff) !important;
}
.p-column-filter-overlay .p-column-filter-constraint {
  padding: 15px 15px 0 20px;
}
.p-column-filter-overlay .p-column-filter-constraint .p-element .p-multiselect {
  height: 34px;
  line-height: 15px;
}
.multiselect-filter-content-wrapper.custom-multislct .p-3 {
  padding: 6px !important;
}
.multiselect-filter-content-wrapper.custom-multislct .customAutoComplete .p-inputtext .p-autocomplete-input-token {
  padding: 0;
}
.multiselect-filter-content-wrapper.custom-multislct .p-column-filter-buttonbar {
  padding: 6px;
}
.p-calendar .p-datepicker {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1019607843), 0 8px 10px -6px rgba(0, 0, 0, 0.1019607843);
  left: -132.4501px !important;
}
.p-multiselect-panel .p-multiselect-header {
  padding: 8px;
}
.create-form.createSite .form-group .p-inputtextarea,
.create-form.createSite .cours-subtitle .p-inputtextarea {
  width: 100%;
}
.create-form.createSite .form-group.chkx label,
.create-form.createSite .chkx.cours-subtitle label {
  margin-bottom: 0;
  margin-right: 15px;
}
.custom-file-upload #photo-upload {
  display: none;
}
.custom-file-upload .img-wrap {
  width: 80px;
  height: 80px;
  position: relative;
  cursor: pointer;
  top: -10px;
  transition: all 0.4s ease-in-out;
}
.custom-file-upload .img-wrap img {
  width: 100%;
  height: 100%;
  border: 3px solid #ccc;
  border-radius: 50% !important;
}
.custom-file-upload .img-wrap:hover:after {
  display: block;
}
.custom-file-upload .img-wrap:after {
  content: "\f030";
  position: absolute;
  right: -3px;
  top: 60%;
  font-family: FontAwesome;
  display: none;
  font-size: 14px;
  color: #fff;
  background: #ccc;
  width: 25px;
  height: 25px;
  font-weight: 400;
  text-align: center;
  padding-top: 5px;
  border-radius: 50%;
  transition: all 0.4s ease-in-out;
}
.cardSticky .badge.badge-success {
  margin-left: 15px;
}
.cardSticky .badge.badge-success.no-margin,
.cardSticky .badge.no-margin {
  margin-left: unset !important;
}
.cardSticky a {
  color: var(--theme-green);
  text-decoration: none;
}
.cardSticky a:hover {
  color: var(--light-grey);
  text-decoration: none;
}
.layout-content .containerresize .card-edit .row2 {
  margin: 15px;
}
@media (max-width: 767px) {
  .layout-content .containerresize .card-edit .row2 {
    margin: 12px;
  }
}
.layout-content .containerresize .card-edit .row2 .card {
  border-radius: var(--new-border-radius, 8px);
  background: var(--new-card-bgColor);
  background-color: var(--new-card-bgColor);
  border: 1px solid var(--new-border-color);
}
.layout-content .containerresize .card-edit .row2 .card .card-header {
  background: var(--new-bgPrimary);
  background-image: var(--green-linear-gredient);
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  border-radius: 8px 8px 0 0;
  border-bottom: 1px solid var(--new-border-color);
}
.layout-content .containerresize .card-edit .row2 .card .card-header .card-title {
  font-size: 18px;
  font-weight: 600;
  color: #ffffff;
}
.layout-content .containerresize .card-edit .row2 .card .card-body {
  background: var(--new-card-bgColor);
  background-color: var(--new-card-bgColor);
  color: var(--new-mainHeading-color);
}
.layout-content .containerresize .card-edit .row2 .card .card-body .changePassword-form .form-group label,
.layout-content .containerresize .card-edit .row2 .card .card-body .changePassword-form .cours-subtitle label {
  color: var(--new-pera-color);
}
.layout-content .containerresize .card-edit .row2 .card .card-body .changePassword-form .form-group label.blck-reason,
.layout-content .containerresize .card-edit .row2 .card .card-body .changePassword-form .cours-subtitle label.blck-reason {
  width: 100%;
}
.layout-content .containerresize .card-edit .row2 .card .card-body .changePassword-form .form-group input.form-control,
.layout-content .containerresize .card-edit .row2 .card .card-body .changePassword-form .cours-subtitle input.form-control {
  width: 68%;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  background: var(--bg-background);
  border: 1px solid var(--new-border-color);
  color: var(--new-mainHeading-color);
  border-radius: 8px;
}
.layout-content .containerresize .card-edit .row2 .card .card-body .changePassword-form .form-group .copy2clipboard,
.layout-content .containerresize .card-edit .row2 .card .card-body .changePassword-form .cours-subtitle .copy2clipboard {
  background: var(--new-main-color);
  color: #ffffff;
  border-radius: 8px;
  font-size: 14px;
  height: 34px;
  border: 0;
  padding: 5px 15px;
  transition: all ease-in-out 0.3s;
}
.layout-content .containerresize .card-edit .row2 .card .card-body .changePassword-form .form-group .copy2clipboard:hover,
.layout-content .containerresize .card-edit .row2 .card .card-body .changePassword-form .cours-subtitle .copy2clipboard:hover {
  background: var(--light-text-green);
}
.layout-content .containerresize .card-edit .row2 .card .card-body .changePassword-form .form-group .p-element .p-button,
.layout-content .containerresize .card-edit .row2 .card .card-body .changePassword-form .cours-subtitle .p-element .p-button {
  background: var(--new-main-color);
  border-color: var(--new-main-color);
  color: #ffffff;
  border-radius: 8px;
  padding: 8.7px 15px;
  font-size: 14px;
}
.layout-content .containerresize .card-edit .row2 .card .card-body .changePassword-form .form-group .p-element .p-button:hover,
.layout-content .containerresize .card-edit .row2 .card .card-body .changePassword-form .cours-subtitle .p-element .p-button:hover {
  background: var(--light-text-green);
  border-color: var(--light-text-green);
  color: #ffffff;
}
.layout-content .containerresize .card-edit .row2.machine-attach .card .layout-body .card {
  border: 0;
}
.cardSticky {
  background: var(--bg-background);
  background-color: var(--bg-background);
}
.cardSticky .nav.nav-tabs {
  border-bottom: 1px solid var(--new-border-color);
}
.cardSticky .nav.nav-tabs .nav-item .nav-link {
  font-weight: 500;
  color: var(--new-pera-color);
  background: transparent;
  border: none;
  border-bottom: 2px solid transparent;
}
.cardSticky .nav.nav-tabs .nav-item .nav-link:hover {
  color: var(--new-main-color);
}
.cardSticky .nav.nav-tabs .nav-item .nav-link.active {
  background-color: transparent;
  border-bottom: 2px solid var(--new-main-color);
  color: var(--new-main-color);
  font-weight: 600;
}
.create-form.createSite .form-group .img-thumb,
.create-form.createSite .cours-subtitle .img-thumb {
  margin-top: 10px;
  width: 50px;
  height: 50px;
  position: relative;
}
.create-form.addClient .form-group label,
.create-form.addClient .cours-subtitle label {
  display: block;
  margin-bottom: 25px;
}
.create-form.addClient .form-group label.checkbox-inline,
.create-form.addClient .cours-subtitle label.checkbox-inline {
  display: inline-block;
}
.create-form.addClient .patsetting label {
  display: block;
}
.create-form.addContract .form-group .img-thumb,
.create-form.addContract .cours-subtitle .img-thumb {
  margin-top: 10px;
  width: 50px;
  height: 50px;
  position: relative;
}
.create-form.addMachine .form-group .img-thumb,
.create-form.addMachine .cours-subtitle .img-thumb {
  margin-top: 10px;
  width: 50px;
  height: 50px;
  position: relative;
}
.img-thumb .close {
  position: absolute;
  right: -20px;
  top: -5px;
  color: #ff0000 !important;
}
.create-form.createTeam .hiddenForm .img-thumb {
  width: 100px;
  height: 100px;
  position: relative;
}
.layout-content .containerresize .card-edit .row2 .card .card-body .changePassword-form .form-group p-password.p-inputwrapper,
.layout-content .containerresize .card-edit .row2 .card .card-body .changePassword-form .cours-subtitle p-password.p-inputwrapper {
  width: 40%;
  display: inline-block;
}
.layout-content .containerresize .card-edit .row2 .card .card-body .changePassword-form .form-group p-password.p-inputwrapper input.p-password-input,
.layout-content .containerresize .card-edit .row2 .card .card-body .changePassword-form .cours-subtitle p-password.p-inputwrapper input.p-password-input {
  width: 100%;
}
.layout-content .containerresize .card-edit .row2 .card .card-body .changePassword-form .form-group p-password.p-inputwrapper .p-input-icon-right .p-icon-wrapper,
.layout-content .containerresize .card-edit .row2 .card .card-body .changePassword-form .cours-subtitle p-password.p-inputwrapper .p-input-icon-right .p-icon-wrapper {
  right: 30px;
}
@media (max-width: 767px) {
  .containerresize .row2 .card-body .changePassword-form p-dropdown .p-dropdown {
    height: 34px;
    line-height: 12px;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .containerresize .row2 .card-body .changePassword-form p-dropdown .p-dropdown .p-dropdown-label {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .containerresize .row2 .card-body .changePassword-form .form-group p-password,
  .containerresize .row2 .card-body .changePassword-form .cours-subtitle p-password {
    width: 100% !important;
  }
}
@media (max-width: 767px) {
  .containerresize .row2 .card-body .changePassword-form .form-group p-password .p-password.p-component input.p-password-input,
  .containerresize .row2 .card-body .changePassword-form .cours-subtitle p-password .p-password.p-component input.p-password-input {
    width: 100% !important;
    margin-bottom: 12px;
  }
}
.containerresize .row2 .card-body .changePassword-form .form-group p-password .p-password.p-component .p-icon-wrapper,
.containerresize .row2 .card-body .changePassword-form .cours-subtitle p-password .p-password.p-component .p-icon-wrapper {
  top: 20px;
}
.containerresize .row2.clientView-user .layout-body {
  padding: 15px;
}
@media (max-width: 767px) {
  .containerresize .row2.clientView-user .layout-body {
    padding: 12px;
  }
}
@media (max-width: 767px) {
  .containerresize .row2.clientView-user .layout-body .card .card-body {
    padding: 12px;
  }
}
.containerresize .row2.clientView-user .layout-body .card .card-body .btn-groups {
  text-align: center;
  margin-top: 15px;
}
.containerresize .row2.clientView-user .layout-body .card .card-body .btn-groups .btn-cancel {
  background: var(--light-grey);
  color: var(--white);
  font-size: 16px;
  height: 34px;
  padding: 8px 20px;
  border: 0;
  border-radius: 8px;
  margin-right: 10px;
  transition: all ease-in-out 0.3s;
}
.containerresize .row2.clientView-user .layout-body .card .card-body .btn-groups .btn-cancel:hover {
  background: var(--theme-green);
  color: var(--white);
}
.containerresize .row2.clientView-user .layout-body .card .card-body .btn-groups .btn-success0 {
  margin-left: 10px;
}
.containerresize .row2.clientView-user .layout-body .card.clientUserList-table {
  margin-top: 15px;
  padding-top: 15px;
}
.containerresize .row2.clientView-user .layout-body .clientUserList-table .card-button-panel .btn-success1 {
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .containerresize .row2.clientView-user .layout-body .clientUserList-table p-table.p-element .p-datatable .p-datatable-header .col.text-right {
    flex-basis: auto;
    text-align: left !important;
  }
}
.containerresize .row2.clientView-user .layout-body .clientUserList-table p-table.p-element .p-datatable .p-datatable-header .col.text-right .p-button {
  margin-bottom: 12px;
}
.custom-file-upload .img-thumb .dp-img {
  border: 3px solid #ccc;
  border-radius: 50% !important;
}
.forgotPassword {
  background: #f3f3f9 url("./media/forgot-password-bg-UHJUPUPJ.jpg");
  background-repeat: no-repeat;
  background-position: 50% 0;
}
.forgotPassword .container-fluid {
  padding-left: 15px;
  padding-right: 15px;
}
.forgotPassword .DivOuter {
  background: #f3f3f9;
  width: 100%;
  margin-top: 362px;
  padding-bottom: 98px;
}
.forgotPassword .forgotpass-panel {
  width: 520px;
  background: #fff;
  margin: -200px auto 0;
  padding: 30px;
  border-radius: 12px;
  position: relative;
  z-index: 99;
}
.forgotPassword .forgotpass-panel .logo-panel {
  text-align: center;
}
.forgotPassword .forgotpass-panel .logo-panel img {
  height: 60px;
}
.forgotPassword .forgotpass-panel h1 {
  font-size: 24px;
  text-align: center;
  margin: 25px 0 15px;
}
.forgotPassword .forgotpass-panel h3 {
  font-size: 20px;
  text-align: center;
}
.forgotPassword .forgotpass-panel h3 span {
  color: #3d9e91;
  font-weight: 700;
}
.forgotPassword .forgotpass-panel h5 {
  font-size: 16px;
  color: #999;
  text-align: center;
  margin-top: 15px;
}
.forgotPassword .forgotpass-panel form {
  margin-top: 25px;
}
.forgotPassword .forgotpass-panel form .btn-groups {
  text-align: center;
}
.ng-trigger-overlayAnimation.p-column-filter-overlay {
  z-index: 99999 !important;
}
p-columnfilterformelement > .p-column-filter-buttonbar {
  padding: 1em 0.5em !important;
}
.has-droplist {
  font-size: 0;
  background: #ffffff url("./media/has-drop-O7RTCWQK.png") 50% 43% no-repeat;
  border-radius: 50%;
  width: 38px;
  height: 34px;
  float: right;
  margin-left: 12px;
  transition: all ease-in-out 0.3s;
}
.has-droplist:hover {
  background-color: var(--d-grey);
}
.create-form .btn-success0 {
  background: var(--light-grey);
  color: var(--white);
}
.create-form .btn-success0:hover {
  background: var(--theme-green);
  color: var(--white);
}
.create-form .form-group .p-element .p-calendar,
.create-form .cours-subtitle .p-element .p-calendar {
  height: 34px;
}
.create-form .form-group .p-element .p-calendar button.p-button,
.create-form .cours-subtitle .p-element .p-calendar button.p-button {
  background: var(--theme-green);
  border: 1px solid var(--theme-green);
  border-radius: 0 8px 8px 0;
  color: var(--white);
}
.create-form .form-group .p-element .p-calendar .p-datepicker,
.create-form .cours-subtitle .p-element .p-calendar .p-datepicker {
  z-index: 9999 !important;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.0509803922);
  -webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.05);
}
.create-form .form-group .p-element .p-calendar .p-datepicker .p-datepicker-buttonbar button.p-button,
.create-form .cours-subtitle .p-element .p-calendar .p-datepicker .p-datepicker-buttonbar button.p-button {
  border-radius: 8px;
  height: 34px;
}
.p-datatable .p-sortable-column .p-sortable-column-icon {
  color: var(--theme-green) !important;
  height: 11px;
  margin-left: 0;
}
.p-dropdown-filter-container .p-inputtext {
  height: 34px;
}
.layout-main .layout-content .card {
  border-radius: 0px;
  background: none;
  border: 0px;
}
.layout-main .layout-content .card.cardSticky {
  border-radius: 0;
}
.layout-main .layout-content .card .card-body .p-tabview .p-tabview-nav-container .p-tabview-nav li a.p-tabview-nav-link {
  color: var(--theme-green);
  text-decoration: none;
}
.layout-main .layout-content .card .card-body .p-tabview .p-tabview-nav-container .p-tabview-nav li.p-highlight a.p-tabview-nav-link {
  border-color: var(--theme-green);
}
.p-dropdown:not(.p-disabled):hover {
  border-color: var(--theme-green);
}
.p-inputtext:enabled:hover {
  border-color: var(--theme-green);
}
.engineer-cards .form-group,
.engineer-cards .cours-subtitle {
  position: relative;
  border: 1px solid var(--theme-green);
  border-radius: 8px;
  padding: 12px;
  text-align: center;
}
.engineer-cards .form-group .slct-engineer,
.engineer-cards .cours-subtitle .slct-engineer {
  position: absolute;
  right: -5px;
  width: 20px;
  height: 20px;
  top: -5px;
  background: var(--theme-green);
}
.engineer-cards .form-group strong,
.engineer-cards .cours-subtitle strong {
  font-size: 14px;
  display: block;
}
.engineer-cards .form-group span,
.engineer-cards .cours-subtitle span {
  display: block;
  font-size: 14px;
}
.engineer-cards .form-group img,
.engineer-cards .cours-subtitle img {
  width: 100px;
  height: 100px;
  max-width: 100%;
  margin: 0 auto;
  display: block;
  border-radius: 50%;
  border: 2px solid var(--light-grey);
}
.shadow-xl {
  box-shadow:
    0 0 0 0 transparent,
    0 0 0 0 transparent,
    0 20px 25px -5px rgba(0, 0, 0, 0.1),
    0 8px 10px -6px rgba(0, 0, 0, 0.1);
}
.hide {
  display: none;
}
.card.Lists-table {
  background: var(--bg-background) !important;
  border: 1px solid var(--new-border-color) !important;
  border-radius: var(--new-border-radius, 12px) !important;
  overflow: hidden !important;
  font-family: var(--new-bg-font) !important;
}
.card.Lists-table .p-datatable-header,
.card.Lists-table .p-datatable-caption {
  background: var(--bg-background) !important;
  border-bottom: 1px solid var(--new-border-color) !important;
  color: var(--new-mainHeading-color) !important;
  padding: 12px 16px !important;
}
.card.Lists-table .p-datatable-header:empty,
.card.Lists-table .p-datatable-caption:empty {
  display: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
}
.card.Lists-table .p-datatable-wrapper {
  background: var(--bg-background) !important;
}
.card.Lists-table .p-datatable-wrapper .p-datatable-table {
  background: var(--bg-background) !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  width: 100% !important;
}
.card.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead,
.card.Lists-table .p-datatable-wrapper .p-datatable-table thead {
  background: var(--light-text-green) !important;
}
.card.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr,
.card.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr.headerName,
.card.Lists-table .p-datatable-wrapper .p-datatable-table thead tr,
.card.Lists-table .p-datatable-wrapper .p-datatable-table thead tr.headerName {
  background: var(--light-text-green) !important;
  color: #ffffff !important;
}
.card.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th,
.card.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr.headerName th,
.card.Lists-table .p-datatable-wrapper .p-datatable-table thead tr th,
.card.Lists-table .p-datatable-wrapper .p-datatable-table thead tr.headerName th {
  background: var(--light-text-green) !important;
  color: #ffffff !important;
  font-family: var(--new-bg-font) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 12px 14px !important;
  border: none !important;
  border-bottom: 1px solid var(--new-border-color) !important;
  white-space: nowrap !important;
}
.card.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th .flex-container,
.card.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th .p-d-flex,
.card.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th div,
.card.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th span,
.card.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr.headerName th .flex-container,
.card.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr.headerName th .p-d-flex,
.card.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr.headerName th div,
.card.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr.headerName th span,
.card.Lists-table .p-datatable-wrapper .p-datatable-table thead tr th .flex-container,
.card.Lists-table .p-datatable-wrapper .p-datatable-table thead tr th .p-d-flex,
.card.Lists-table .p-datatable-wrapper .p-datatable-table thead tr th div,
.card.Lists-table .p-datatable-wrapper .p-datatable-table thead tr th span,
.card.Lists-table .p-datatable-wrapper .p-datatable-table thead tr.headerName th .flex-container,
.card.Lists-table .p-datatable-wrapper .p-datatable-table thead tr.headerName th .p-d-flex,
.card.Lists-table .p-datatable-wrapper .p-datatable-table thead tr.headerName th div,
.card.Lists-table .p-datatable-wrapper .p-datatable-table thead tr.headerName th span {
  color: #ffffff !important;
}
.card.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th .p-sortable-column-icon,
.card.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th p-sortIcon i,
.card.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th .p-column-filter-menu-button,
.card.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th p-columnFilter i,
.card.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th .pi,
.card.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr.headerName th .p-sortable-column-icon,
.card.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr.headerName th p-sortIcon i,
.card.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr.headerName th .p-column-filter-menu-button,
.card.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr.headerName th p-columnFilter i,
.card.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr.headerName th .pi,
.card.Lists-table .p-datatable-wrapper .p-datatable-table thead tr th .p-sortable-column-icon,
.card.Lists-table .p-datatable-wrapper .p-datatable-table thead tr th p-sortIcon i,
.card.Lists-table .p-datatable-wrapper .p-datatable-table thead tr th .p-column-filter-menu-button,
.card.Lists-table .p-datatable-wrapper .p-datatable-table thead tr th p-columnFilter i,
.card.Lists-table .p-datatable-wrapper .p-datatable-table thead tr th .pi,
.card.Lists-table .p-datatable-wrapper .p-datatable-table thead tr.headerName th .p-sortable-column-icon,
.card.Lists-table .p-datatable-wrapper .p-datatable-table thead tr.headerName th p-sortIcon i,
.card.Lists-table .p-datatable-wrapper .p-datatable-table thead tr.headerName th .p-column-filter-menu-button,
.card.Lists-table .p-datatable-wrapper .p-datatable-table thead tr.headerName th p-columnFilter i,
.card.Lists-table .p-datatable-wrapper .p-datatable-table thead tr.headerName th .pi {
  color: #ffffff !important;
  opacity: 0.95;
}
.card.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th:hover,
.card.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr.headerName th:hover,
.card.Lists-table .p-datatable-wrapper .p-datatable-table thead tr th:hover,
.card.Lists-table .p-datatable-wrapper .p-datatable-table thead tr.headerName th:hover {
  background: rgba(0, 0, 0, 0.08) !important;
}
.card.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th.p-highlight,
.card.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr.headerName th.p-highlight,
.card.Lists-table .p-datatable-wrapper .p-datatable-table thead tr th.p-highlight,
.card.Lists-table .p-datatable-wrapper .p-datatable-table thead tr.headerName th.p-highlight {
  background: rgba(0, 0, 0, 0.12) !important;
  color: #ffffff !important;
}
.card.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody,
.card.Lists-table .p-datatable-wrapper .p-datatable-table tbody {
  background: var(--bg-background) !important;
}
.card.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr,
.card.Lists-table .p-datatable-wrapper .p-datatable-table tbody tr {
  background: var(--bg-background) !important;
  color: var(--new-mainHeading-color) !important;
  transition: background-color 0.2s ease, border-color 0.2s ease !important;
}
.card.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td,
.card.Lists-table .p-datatable-wrapper .p-datatable-table tbody tr td {
  background: transparent !important;
  color: var(--new-mainHeading-color) !important;
  font-family: var(--new-bg-font) !important;
  font-size: 13px !important;
  padding: 12px 14px !important;
  border-top: none !important;
  border-bottom: 1px solid var(--new-border-color) !important;
  vertical-align: middle !important;
}
.card.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td a,
.card.Lists-table .p-datatable-wrapper .p-datatable-table tbody tr td a {
  color: var(--light-text-green) !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}
.card.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td a:hover,
.card.Lists-table .p-datatable-wrapper .p-datatable-table tbody tr td a:hover {
  color: var(--theme-green) !important;
}
.card.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .image-text,
.card.Lists-table .p-datatable-wrapper .p-datatable-table tbody tr td .image-text {
  color: var(--light-text-green) !important;
  font-weight: 600 !important;
}
.card.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .profile-img,
.card.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .image-size,
.card.Lists-table .p-datatable-wrapper .p-datatable-table tbody tr td .profile-img,
.card.Lists-table .p-datatable-wrapper .p-datatable-table tbody tr td .image-size {
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  border: 1px solid var(--new-border-color) !important;
}
.card.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .mfa-status .true-icon,
.card.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .mfa-status .pi-check-circle,
.card.Lists-table .p-datatable-wrapper .p-datatable-table tbody tr td .mfa-status .true-icon,
.card.Lists-table .p-datatable-wrapper .p-datatable-table tbody tr td .mfa-status .pi-check-circle {
  color: #22c55e !important;
  font-size: 17px !important;
}
.card.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .mfa-status .false-icon,
.card.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .mfa-status .pi-times-circle,
.card.Lists-table .p-datatable-wrapper .p-datatable-table tbody tr td .mfa-status .false-icon,
.card.Lists-table .p-datatable-wrapper .p-datatable-table tbody tr td .mfa-status .pi-times-circle {
  color: #ef4444 !important;
  font-size: 17px !important;
}
.card.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .member-status-badge,
.card.Lists-table .p-datatable-wrapper .p-datatable-table tbody tr td .member-status-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 3px 12px !important;
  border-radius: 20px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: normal !important;
  text-transform: capitalize !important;
}
.card.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .member-status-badge.status-badge-active,
.card.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .member-status-badge.status-active,
.card.Lists-table .p-datatable-wrapper .p-datatable-table tbody tr td .member-status-badge.status-badge-active,
.card.Lists-table .p-datatable-wrapper .p-datatable-table tbody tr td .member-status-badge.status-active {
  background: rgba(138, 172, 57, 0.15) !important;
  color: var(--light-text-green) !important;
  border: 1px solid rgba(138, 172, 57, 0.3) !important;
}
.card.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .member-status-badge.status-badge-inactive,
.card.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .member-status-badge.status-inactive,
.card.Lists-table .p-datatable-wrapper .p-datatable-table tbody tr td .member-status-badge.status-badge-inactive,
.card.Lists-table .p-datatable-wrapper .p-datatable-table tbody tr td .member-status-badge.status-inactive {
  background: rgba(239, 68, 68, 0.12) !important;
  color: #ef4444 !important;
  border: 1px solid rgba(239, 68, 68, 0.3) !important;
}
.card.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .memberlist-action,
.card.Lists-table .p-datatable-wrapper .p-datatable-table tbody tr td .memberlist-action {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}
.card.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .memberlist-action a,
.card.Lists-table .p-datatable-wrapper .p-datatable-table tbody tr td .memberlist-action a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 6px !important;
  transition: all 0.2s ease !important;
}
.card.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .memberlist-action a.text-primary,
.card.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .memberlist-action a i.fa-pencil,
.card.Lists-table .p-datatable-wrapper .p-datatable-table tbody tr td .memberlist-action a.text-primary,
.card.Lists-table .p-datatable-wrapper .p-datatable-table tbody tr td .memberlist-action a i.fa-pencil {
  color: #3b82f6 !important;
}
.card.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .memberlist-action a.text-danger,
.card.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .memberlist-action a i.fa-unlock,
.card.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .memberlist-action a i.fa-lock,
.card.Lists-table .p-datatable-wrapper .p-datatable-table tbody tr td .memberlist-action a.text-danger,
.card.Lists-table .p-datatable-wrapper .p-datatable-table tbody tr td .memberlist-action a i.fa-unlock,
.card.Lists-table .p-datatable-wrapper .p-datatable-table tbody tr td .memberlist-action a i.fa-lock {
  color: #f59e0b !important;
}
.card.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .memberlist-action a i.fa-box-archive,
.card.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .memberlist-action a i.fa-trash,
.card.Lists-table .p-datatable-wrapper .p-datatable-table tbody tr td .memberlist-action a i.fa-box-archive,
.card.Lists-table .p-datatable-wrapper .p-datatable-table tbody tr td .memberlist-action a i.fa-trash {
  color: #ef4444 !important;
}
.card.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .memberlist-action a:hover,
.card.Lists-table .p-datatable-wrapper .p-datatable-table tbody tr td .memberlist-action a:hover {
  background: var(--new-hover-color) !important;
  transform: scale(1.1);
}
.card.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr:hover,
.card.Lists-table .p-datatable-wrapper .p-datatable-table tbody tr:hover {
  background: var(--new-hover-color, rgba(124, 159, 46, 0.05)) !important;
}
.card.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr:last-child td,
.card.Lists-table .p-datatable-wrapper .p-datatable-table tbody tr:last-child td {
  border-bottom: none !important;
}
.card.Lists-table .p-paginator {
  background: var(--bg-background) !important;
  border-top: 1px solid var(--new-border-color) !important;
  color: var(--new-pera-color) !important;
  padding: 10px 14px !important;
  font-family: var(--new-bg-font) !important;
}
.card.Lists-table .p-paginator .p-paginator-current {
  color: var(--new-pera-color) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}
.card.Lists-table .p-paginator .p-paginator-page,
.card.Lists-table .p-paginator .p-paginator-first,
.card.Lists-table .p-paginator .p-paginator-prev,
.card.Lists-table .p-paginator .p-paginator-next,
.card.Lists-table .p-paginator .p-paginator-last,
.card.Lists-table .p-paginator .p-paginator-element,
.card.Lists-table .p-paginator .p-ripple {
  background: transparent !important;
  color: var(--new-mainHeading-color) !important;
  border: 1px solid var(--new-border-color) !important;
  border-radius: var(--new-border-radius, 8px) !important;
  min-width: 32px !important;
  height: 32px !important;
  font-size: 13px !important;
  margin: 0 3px !important;
  transition: all 0.2s ease !important;
  box-shadow: none !important;
}
.card.Lists-table .p-paginator .p-paginator-page:hover:not(.p-highlight):not(.p-disabled),
.card.Lists-table .p-paginator .p-paginator-first:hover:not(.p-highlight):not(.p-disabled),
.card.Lists-table .p-paginator .p-paginator-prev:hover:not(.p-highlight):not(.p-disabled),
.card.Lists-table .p-paginator .p-paginator-next:hover:not(.p-highlight):not(.p-disabled),
.card.Lists-table .p-paginator .p-paginator-last:hover:not(.p-highlight):not(.p-disabled),
.card.Lists-table .p-paginator .p-paginator-element:hover:not(.p-highlight):not(.p-disabled),
.card.Lists-table .p-paginator .p-ripple:hover:not(.p-highlight):not(.p-disabled) {
  background: var(--new-hover-color) !important;
  border-color: var(--light-text-green) !important;
  color: var(--light-text-green) !important;
}
.card.Lists-table .p-paginator .p-paginator-page.p-highlight,
.card.Lists-table .p-paginator .p-paginator-first.p-highlight,
.card.Lists-table .p-paginator .p-paginator-prev.p-highlight,
.card.Lists-table .p-paginator .p-paginator-next.p-highlight,
.card.Lists-table .p-paginator .p-paginator-last.p-highlight,
.card.Lists-table .p-paginator .p-paginator-element.p-highlight,
.card.Lists-table .p-paginator .p-ripple.p-highlight {
  background: var(--light-text-green) !important;
  color: #ffffff !important;
  border-color: var(--light-text-green) !important;
  font-weight: 600 !important;
}
.card.Lists-table .p-paginator .p-paginator-page.p-disabled,
.card.Lists-table .p-paginator .p-paginator-page:disabled,
.card.Lists-table .p-paginator .p-paginator-first.p-disabled,
.card.Lists-table .p-paginator .p-paginator-first:disabled,
.card.Lists-table .p-paginator .p-paginator-prev.p-disabled,
.card.Lists-table .p-paginator .p-paginator-prev:disabled,
.card.Lists-table .p-paginator .p-paginator-next.p-disabled,
.card.Lists-table .p-paginator .p-paginator-next:disabled,
.card.Lists-table .p-paginator .p-paginator-last.p-disabled,
.card.Lists-table .p-paginator .p-paginator-last:disabled,
.card.Lists-table .p-paginator .p-paginator-element.p-disabled,
.card.Lists-table .p-paginator .p-paginator-element:disabled,
.card.Lists-table .p-paginator .p-ripple.p-disabled,
.card.Lists-table .p-paginator .p-ripple:disabled {
  opacity: 0.4 !important;
  background: transparent !important;
  border-color: var(--new-border-color) !important;
  color: var(--new-pera-color) !important;
  cursor: default !important;
}
.card.Lists-table .p-paginator .p-dropdown {
  background: var(--bg-background) !important;
  border: 1px solid var(--new-border-color) !important;
  border-radius: var(--new-border-radius, 8px) !important;
  height: 32px !important;
}
.card.Lists-table .p-paginator .p-dropdown .p-dropdown-label {
  color: var(--new-mainHeading-color) !important;
  font-size: 13px !important;
  padding: 4px 8px 4px 12px !important;
}
.card.Lists-table .p-paginator .p-dropdown .p-dropdown-trigger {
  color: var(--new-pera-color) !important;
}
.Lists-table,
.adminList-table,
.learnerList-table,
.clientUserList-table {
  background: var(--bg-background) !important;
  border: 1px solid var(--new-border-color) !important;
  border-radius: var(--new-border-radius, 12px) !important;
  overflow: hidden !important;
  font-family: var(--new-bg-font) !important;
}
.Lists-table .p-datatable-header,
.Lists-table .p-datatable-caption,
.adminList-table .p-datatable-header,
.adminList-table .p-datatable-caption,
.learnerList-table .p-datatable-header,
.learnerList-table .p-datatable-caption,
.clientUserList-table .p-datatable-header,
.clientUserList-table .p-datatable-caption {
  background: var(--bg-background) !important;
  border-bottom: 1px solid var(--new-border-color) !important;
  color: var(--new-mainHeading-color) !important;
  padding: 12px 16px !important;
}
.Lists-table .p-datatable-header:empty,
.Lists-table .p-datatable-caption:empty,
.adminList-table .p-datatable-header:empty,
.adminList-table .p-datatable-caption:empty,
.learnerList-table .p-datatable-header:empty,
.learnerList-table .p-datatable-caption:empty,
.clientUserList-table .p-datatable-header:empty,
.clientUserList-table .p-datatable-caption:empty {
  display: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
}
.Lists-table .p-datatable-wrapper,
.adminList-table .p-datatable-wrapper,
.learnerList-table .p-datatable-wrapper,
.clientUserList-table .p-datatable-wrapper {
  background: var(--bg-background) !important;
}
.Lists-table .p-datatable-wrapper .p-datatable-table,
.adminList-table .p-datatable-wrapper .p-datatable-table,
.learnerList-table .p-datatable-wrapper .p-datatable-table,
.clientUserList-table .p-datatable-wrapper .p-datatable-table {
  background: var(--bg-background) !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  width: 100% !important;
}
.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead,
.Lists-table .p-datatable-wrapper .p-datatable-table thead,
.adminList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead,
.adminList-table .p-datatable-wrapper .p-datatable-table thead,
.learnerList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead,
.learnerList-table .p-datatable-wrapper .p-datatable-table thead,
.clientUserList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead,
.clientUserList-table .p-datatable-wrapper .p-datatable-table thead {
  background: var(--light-text-green) !important;
}
.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr,
.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr.headerName,
.Lists-table .p-datatable-wrapper .p-datatable-table thead tr,
.Lists-table .p-datatable-wrapper .p-datatable-table thead tr.headerName,
.adminList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr,
.adminList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr.headerName,
.adminList-table .p-datatable-wrapper .p-datatable-table thead tr,
.adminList-table .p-datatable-wrapper .p-datatable-table thead tr.headerName,
.learnerList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr,
.learnerList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr.headerName,
.learnerList-table .p-datatable-wrapper .p-datatable-table thead tr,
.learnerList-table .p-datatable-wrapper .p-datatable-table thead tr.headerName,
.clientUserList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr,
.clientUserList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr.headerName,
.clientUserList-table .p-datatable-wrapper .p-datatable-table thead tr,
.clientUserList-table .p-datatable-wrapper .p-datatable-table thead tr.headerName {
  background: var(--light-text-green) !important;
  color: #ffffff !important;
}
.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th,
.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr.headerName th,
.Lists-table .p-datatable-wrapper .p-datatable-table thead tr th,
.Lists-table .p-datatable-wrapper .p-datatable-table thead tr.headerName th,
.adminList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th,
.adminList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr.headerName th,
.adminList-table .p-datatable-wrapper .p-datatable-table thead tr th,
.adminList-table .p-datatable-wrapper .p-datatable-table thead tr.headerName th,
.learnerList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th,
.learnerList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr.headerName th,
.learnerList-table .p-datatable-wrapper .p-datatable-table thead tr th,
.learnerList-table .p-datatable-wrapper .p-datatable-table thead tr.headerName th,
.clientUserList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th,
.clientUserList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr.headerName th,
.clientUserList-table .p-datatable-wrapper .p-datatable-table thead tr th,
.clientUserList-table .p-datatable-wrapper .p-datatable-table thead tr.headerName th {
  background: var(--light-text-green) !important;
  color: #ffffff !important;
  font-family: var(--new-bg-font) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 12px 14px !important;
  border: none !important;
  border-bottom: 1px solid var(--new-border-color) !important;
  white-space: nowrap !important;
}
.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th .flex-container,
.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th .p-d-flex,
.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th div,
.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th span,
.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr.headerName th .flex-container,
.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr.headerName th .p-d-flex,
.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr.headerName th div,
.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr.headerName th span,
.Lists-table .p-datatable-wrapper .p-datatable-table thead tr th .flex-container,
.Lists-table .p-datatable-wrapper .p-datatable-table thead tr th .p-d-flex,
.Lists-table .p-datatable-wrapper .p-datatable-table thead tr th div,
.Lists-table .p-datatable-wrapper .p-datatable-table thead tr th span,
.Lists-table .p-datatable-wrapper .p-datatable-table thead tr.headerName th .flex-container,
.Lists-table .p-datatable-wrapper .p-datatable-table thead tr.headerName th .p-d-flex,
.Lists-table .p-datatable-wrapper .p-datatable-table thead tr.headerName th div,
.Lists-table .p-datatable-wrapper .p-datatable-table thead tr.headerName th span,
.adminList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th .flex-container,
.adminList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th .p-d-flex,
.adminList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th div,
.adminList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th span,
.adminList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr.headerName th .flex-container,
.adminList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr.headerName th .p-d-flex,
.adminList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr.headerName th div,
.adminList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr.headerName th span,
.adminList-table .p-datatable-wrapper .p-datatable-table thead tr th .flex-container,
.adminList-table .p-datatable-wrapper .p-datatable-table thead tr th .p-d-flex,
.adminList-table .p-datatable-wrapper .p-datatable-table thead tr th div,
.adminList-table .p-datatable-wrapper .p-datatable-table thead tr th span,
.adminList-table .p-datatable-wrapper .p-datatable-table thead tr.headerName th .flex-container,
.adminList-table .p-datatable-wrapper .p-datatable-table thead tr.headerName th .p-d-flex,
.adminList-table .p-datatable-wrapper .p-datatable-table thead tr.headerName th div,
.adminList-table .p-datatable-wrapper .p-datatable-table thead tr.headerName th span,
.learnerList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th .flex-container,
.learnerList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th .p-d-flex,
.learnerList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th div,
.learnerList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th span,
.learnerList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr.headerName th .flex-container,
.learnerList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr.headerName th .p-d-flex,
.learnerList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr.headerName th div,
.learnerList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr.headerName th span,
.learnerList-table .p-datatable-wrapper .p-datatable-table thead tr th .flex-container,
.learnerList-table .p-datatable-wrapper .p-datatable-table thead tr th .p-d-flex,
.learnerList-table .p-datatable-wrapper .p-datatable-table thead tr th div,
.learnerList-table .p-datatable-wrapper .p-datatable-table thead tr th span,
.learnerList-table .p-datatable-wrapper .p-datatable-table thead tr.headerName th .flex-container,
.learnerList-table .p-datatable-wrapper .p-datatable-table thead tr.headerName th .p-d-flex,
.learnerList-table .p-datatable-wrapper .p-datatable-table thead tr.headerName th div,
.learnerList-table .p-datatable-wrapper .p-datatable-table thead tr.headerName th span,
.clientUserList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th .flex-container,
.clientUserList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th .p-d-flex,
.clientUserList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th div,
.clientUserList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th span,
.clientUserList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr.headerName th .flex-container,
.clientUserList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr.headerName th .p-d-flex,
.clientUserList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr.headerName th div,
.clientUserList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr.headerName th span,
.clientUserList-table .p-datatable-wrapper .p-datatable-table thead tr th .flex-container,
.clientUserList-table .p-datatable-wrapper .p-datatable-table thead tr th .p-d-flex,
.clientUserList-table .p-datatable-wrapper .p-datatable-table thead tr th div,
.clientUserList-table .p-datatable-wrapper .p-datatable-table thead tr th span,
.clientUserList-table .p-datatable-wrapper .p-datatable-table thead tr.headerName th .flex-container,
.clientUserList-table .p-datatable-wrapper .p-datatable-table thead tr.headerName th .p-d-flex,
.clientUserList-table .p-datatable-wrapper .p-datatable-table thead tr.headerName th div,
.clientUserList-table .p-datatable-wrapper .p-datatable-table thead tr.headerName th span {
  color: #ffffff !important;
}
.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th .p-sortable-column-icon,
.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th p-sortIcon i,
.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th .p-column-filter-menu-button,
.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th p-columnFilter i,
.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th .pi,
.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr.headerName th .p-sortable-column-icon,
.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr.headerName th p-sortIcon i,
.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr.headerName th .p-column-filter-menu-button,
.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr.headerName th p-columnFilter i,
.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr.headerName th .pi,
.Lists-table .p-datatable-wrapper .p-datatable-table thead tr th .p-sortable-column-icon,
.Lists-table .p-datatable-wrapper .p-datatable-table thead tr th p-sortIcon i,
.Lists-table .p-datatable-wrapper .p-datatable-table thead tr th .p-column-filter-menu-button,
.Lists-table .p-datatable-wrapper .p-datatable-table thead tr th p-columnFilter i,
.Lists-table .p-datatable-wrapper .p-datatable-table thead tr th .pi,
.Lists-table .p-datatable-wrapper .p-datatable-table thead tr.headerName th .p-sortable-column-icon,
.Lists-table .p-datatable-wrapper .p-datatable-table thead tr.headerName th p-sortIcon i,
.Lists-table .p-datatable-wrapper .p-datatable-table thead tr.headerName th .p-column-filter-menu-button,
.Lists-table .p-datatable-wrapper .p-datatable-table thead tr.headerName th p-columnFilter i,
.Lists-table .p-datatable-wrapper .p-datatable-table thead tr.headerName th .pi,
.adminList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th .p-sortable-column-icon,
.adminList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th p-sortIcon i,
.adminList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th .p-column-filter-menu-button,
.adminList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th p-columnFilter i,
.adminList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th .pi,
.adminList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr.headerName th .p-sortable-column-icon,
.adminList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr.headerName th p-sortIcon i,
.adminList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr.headerName th .p-column-filter-menu-button,
.adminList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr.headerName th p-columnFilter i,
.adminList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr.headerName th .pi,
.adminList-table .p-datatable-wrapper .p-datatable-table thead tr th .p-sortable-column-icon,
.adminList-table .p-datatable-wrapper .p-datatable-table thead tr th p-sortIcon i,
.adminList-table .p-datatable-wrapper .p-datatable-table thead tr th .p-column-filter-menu-button,
.adminList-table .p-datatable-wrapper .p-datatable-table thead tr th p-columnFilter i,
.adminList-table .p-datatable-wrapper .p-datatable-table thead tr th .pi,
.adminList-table .p-datatable-wrapper .p-datatable-table thead tr.headerName th .p-sortable-column-icon,
.adminList-table .p-datatable-wrapper .p-datatable-table thead tr.headerName th p-sortIcon i,
.adminList-table .p-datatable-wrapper .p-datatable-table thead tr.headerName th .p-column-filter-menu-button,
.adminList-table .p-datatable-wrapper .p-datatable-table thead tr.headerName th p-columnFilter i,
.adminList-table .p-datatable-wrapper .p-datatable-table thead tr.headerName th .pi,
.learnerList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th .p-sortable-column-icon,
.learnerList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th p-sortIcon i,
.learnerList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th .p-column-filter-menu-button,
.learnerList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th p-columnFilter i,
.learnerList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th .pi,
.learnerList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr.headerName th .p-sortable-column-icon,
.learnerList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr.headerName th p-sortIcon i,
.learnerList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr.headerName th .p-column-filter-menu-button,
.learnerList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr.headerName th p-columnFilter i,
.learnerList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr.headerName th .pi,
.learnerList-table .p-datatable-wrapper .p-datatable-table thead tr th .p-sortable-column-icon,
.learnerList-table .p-datatable-wrapper .p-datatable-table thead tr th p-sortIcon i,
.learnerList-table .p-datatable-wrapper .p-datatable-table thead tr th .p-column-filter-menu-button,
.learnerList-table .p-datatable-wrapper .p-datatable-table thead tr th p-columnFilter i,
.learnerList-table .p-datatable-wrapper .p-datatable-table thead tr th .pi,
.learnerList-table .p-datatable-wrapper .p-datatable-table thead tr.headerName th .p-sortable-column-icon,
.learnerList-table .p-datatable-wrapper .p-datatable-table thead tr.headerName th p-sortIcon i,
.learnerList-table .p-datatable-wrapper .p-datatable-table thead tr.headerName th .p-column-filter-menu-button,
.learnerList-table .p-datatable-wrapper .p-datatable-table thead tr.headerName th p-columnFilter i,
.learnerList-table .p-datatable-wrapper .p-datatable-table thead tr.headerName th .pi,
.clientUserList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th .p-sortable-column-icon,
.clientUserList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th p-sortIcon i,
.clientUserList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th .p-column-filter-menu-button,
.clientUserList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th p-columnFilter i,
.clientUserList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th .pi,
.clientUserList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr.headerName th .p-sortable-column-icon,
.clientUserList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr.headerName th p-sortIcon i,
.clientUserList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr.headerName th .p-column-filter-menu-button,
.clientUserList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr.headerName th p-columnFilter i,
.clientUserList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr.headerName th .pi,
.clientUserList-table .p-datatable-wrapper .p-datatable-table thead tr th .p-sortable-column-icon,
.clientUserList-table .p-datatable-wrapper .p-datatable-table thead tr th p-sortIcon i,
.clientUserList-table .p-datatable-wrapper .p-datatable-table thead tr th .p-column-filter-menu-button,
.clientUserList-table .p-datatable-wrapper .p-datatable-table thead tr th p-columnFilter i,
.clientUserList-table .p-datatable-wrapper .p-datatable-table thead tr th .pi,
.clientUserList-table .p-datatable-wrapper .p-datatable-table thead tr.headerName th .p-sortable-column-icon,
.clientUserList-table .p-datatable-wrapper .p-datatable-table thead tr.headerName th p-sortIcon i,
.clientUserList-table .p-datatable-wrapper .p-datatable-table thead tr.headerName th .p-column-filter-menu-button,
.clientUserList-table .p-datatable-wrapper .p-datatable-table thead tr.headerName th p-columnFilter i,
.clientUserList-table .p-datatable-wrapper .p-datatable-table thead tr.headerName th .pi {
  color: #ffffff !important;
  opacity: 0.95;
}
.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th:hover,
.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr.headerName th:hover,
.Lists-table .p-datatable-wrapper .p-datatable-table thead tr th:hover,
.Lists-table .p-datatable-wrapper .p-datatable-table thead tr.headerName th:hover,
.adminList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th:hover,
.adminList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr.headerName th:hover,
.adminList-table .p-datatable-wrapper .p-datatable-table thead tr th:hover,
.adminList-table .p-datatable-wrapper .p-datatable-table thead tr.headerName th:hover,
.learnerList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th:hover,
.learnerList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr.headerName th:hover,
.learnerList-table .p-datatable-wrapper .p-datatable-table thead tr th:hover,
.learnerList-table .p-datatable-wrapper .p-datatable-table thead tr.headerName th:hover,
.clientUserList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th:hover,
.clientUserList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr.headerName th:hover,
.clientUserList-table .p-datatable-wrapper .p-datatable-table thead tr th:hover,
.clientUserList-table .p-datatable-wrapper .p-datatable-table thead tr.headerName th:hover {
  background: rgba(0, 0, 0, 0.08) !important;
}
.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th.p-highlight,
.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr.headerName th.p-highlight,
.Lists-table .p-datatable-wrapper .p-datatable-table thead tr th.p-highlight,
.Lists-table .p-datatable-wrapper .p-datatable-table thead tr.headerName th.p-highlight,
.adminList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th.p-highlight,
.adminList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr.headerName th.p-highlight,
.adminList-table .p-datatable-wrapper .p-datatable-table thead tr th.p-highlight,
.adminList-table .p-datatable-wrapper .p-datatable-table thead tr.headerName th.p-highlight,
.learnerList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th.p-highlight,
.learnerList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr.headerName th.p-highlight,
.learnerList-table .p-datatable-wrapper .p-datatable-table thead tr th.p-highlight,
.learnerList-table .p-datatable-wrapper .p-datatable-table thead tr.headerName th.p-highlight,
.clientUserList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th.p-highlight,
.clientUserList-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr.headerName th.p-highlight,
.clientUserList-table .p-datatable-wrapper .p-datatable-table thead tr th.p-highlight,
.clientUserList-table .p-datatable-wrapper .p-datatable-table thead tr.headerName th.p-highlight {
  background: rgba(0, 0, 0, 0.12) !important;
  color: #ffffff !important;
}
.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody,
.Lists-table .p-datatable-wrapper .p-datatable-table tbody,
.adminList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody,
.adminList-table .p-datatable-wrapper .p-datatable-table tbody,
.learnerList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody,
.learnerList-table .p-datatable-wrapper .p-datatable-table tbody,
.clientUserList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody,
.clientUserList-table .p-datatable-wrapper .p-datatable-table tbody {
  background: var(--bg-background) !important;
}
.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr,
.Lists-table .p-datatable-wrapper .p-datatable-table tbody tr,
.adminList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr,
.adminList-table .p-datatable-wrapper .p-datatable-table tbody tr,
.learnerList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr,
.learnerList-table .p-datatable-wrapper .p-datatable-table tbody tr,
.clientUserList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr,
.clientUserList-table .p-datatable-wrapper .p-datatable-table tbody tr {
  background: var(--bg-background) !important;
  color: var(--new-mainHeading-color) !important;
  transition: background-color 0.2s ease, border-color 0.2s ease !important;
}
.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td,
.Lists-table .p-datatable-wrapper .p-datatable-table tbody tr td,
.adminList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td,
.adminList-table .p-datatable-wrapper .p-datatable-table tbody tr td,
.learnerList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td,
.learnerList-table .p-datatable-wrapper .p-datatable-table tbody tr td,
.clientUserList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td,
.clientUserList-table .p-datatable-wrapper .p-datatable-table tbody tr td {
  background: transparent !important;
  color: var(--new-mainHeading-color) !important;
  font-family: var(--new-bg-font) !important;
  font-size: 13px !important;
  padding: 12px 14px !important;
  border-top: none !important;
  border-bottom: 1px solid var(--new-border-color) !important;
  vertical-align: middle !important;
}
.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td a,
.Lists-table .p-datatable-wrapper .p-datatable-table tbody tr td a,
.adminList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td a,
.adminList-table .p-datatable-wrapper .p-datatable-table tbody tr td a,
.learnerList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td a,
.learnerList-table .p-datatable-wrapper .p-datatable-table tbody tr td a,
.clientUserList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td a,
.clientUserList-table .p-datatable-wrapper .p-datatable-table tbody tr td a {
  color: var(--light-text-green) !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}
.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td a:hover,
.Lists-table .p-datatable-wrapper .p-datatable-table tbody tr td a:hover,
.adminList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td a:hover,
.adminList-table .p-datatable-wrapper .p-datatable-table tbody tr td a:hover,
.learnerList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td a:hover,
.learnerList-table .p-datatable-wrapper .p-datatable-table tbody tr td a:hover,
.clientUserList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td a:hover,
.clientUserList-table .p-datatable-wrapper .p-datatable-table tbody tr td a:hover {
  color: var(--theme-green) !important;
}
.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .image-text,
.Lists-table .p-datatable-wrapper .p-datatable-table tbody tr td .image-text,
.adminList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .image-text,
.adminList-table .p-datatable-wrapper .p-datatable-table tbody tr td .image-text,
.learnerList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .image-text,
.learnerList-table .p-datatable-wrapper .p-datatable-table tbody tr td .image-text,
.clientUserList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .image-text,
.clientUserList-table .p-datatable-wrapper .p-datatable-table tbody tr td .image-text {
  color: var(--light-text-green) !important;
  font-weight: 600 !important;
}
.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .profile-img,
.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .image-size,
.Lists-table .p-datatable-wrapper .p-datatable-table tbody tr td .profile-img,
.Lists-table .p-datatable-wrapper .p-datatable-table tbody tr td .image-size,
.adminList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .profile-img,
.adminList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .image-size,
.adminList-table .p-datatable-wrapper .p-datatable-table tbody tr td .profile-img,
.adminList-table .p-datatable-wrapper .p-datatable-table tbody tr td .image-size,
.learnerList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .profile-img,
.learnerList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .image-size,
.learnerList-table .p-datatable-wrapper .p-datatable-table tbody tr td .profile-img,
.learnerList-table .p-datatable-wrapper .p-datatable-table tbody tr td .image-size,
.clientUserList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .profile-img,
.clientUserList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .image-size,
.clientUserList-table .p-datatable-wrapper .p-datatable-table tbody tr td .profile-img,
.clientUserList-table .p-datatable-wrapper .p-datatable-table tbody tr td .image-size {
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  border: 1px solid var(--new-border-color) !important;
}
.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .mfa-status .true-icon,
.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .mfa-status .pi-check-circle,
.Lists-table .p-datatable-wrapper .p-datatable-table tbody tr td .mfa-status .true-icon,
.Lists-table .p-datatable-wrapper .p-datatable-table tbody tr td .mfa-status .pi-check-circle,
.adminList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .mfa-status .true-icon,
.adminList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .mfa-status .pi-check-circle,
.adminList-table .p-datatable-wrapper .p-datatable-table tbody tr td .mfa-status .true-icon,
.adminList-table .p-datatable-wrapper .p-datatable-table tbody tr td .mfa-status .pi-check-circle,
.learnerList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .mfa-status .true-icon,
.learnerList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .mfa-status .pi-check-circle,
.learnerList-table .p-datatable-wrapper .p-datatable-table tbody tr td .mfa-status .true-icon,
.learnerList-table .p-datatable-wrapper .p-datatable-table tbody tr td .mfa-status .pi-check-circle,
.clientUserList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .mfa-status .true-icon,
.clientUserList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .mfa-status .pi-check-circle,
.clientUserList-table .p-datatable-wrapper .p-datatable-table tbody tr td .mfa-status .true-icon,
.clientUserList-table .p-datatable-wrapper .p-datatable-table tbody tr td .mfa-status .pi-check-circle {
  color: #22c55e !important;
  font-size: 17px !important;
}
.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .mfa-status .false-icon,
.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .mfa-status .pi-times-circle,
.Lists-table .p-datatable-wrapper .p-datatable-table tbody tr td .mfa-status .false-icon,
.Lists-table .p-datatable-wrapper .p-datatable-table tbody tr td .mfa-status .pi-times-circle,
.adminList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .mfa-status .false-icon,
.adminList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .mfa-status .pi-times-circle,
.adminList-table .p-datatable-wrapper .p-datatable-table tbody tr td .mfa-status .false-icon,
.adminList-table .p-datatable-wrapper .p-datatable-table tbody tr td .mfa-status .pi-times-circle,
.learnerList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .mfa-status .false-icon,
.learnerList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .mfa-status .pi-times-circle,
.learnerList-table .p-datatable-wrapper .p-datatable-table tbody tr td .mfa-status .false-icon,
.learnerList-table .p-datatable-wrapper .p-datatable-table tbody tr td .mfa-status .pi-times-circle,
.clientUserList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .mfa-status .false-icon,
.clientUserList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .mfa-status .pi-times-circle,
.clientUserList-table .p-datatable-wrapper .p-datatable-table tbody tr td .mfa-status .false-icon,
.clientUserList-table .p-datatable-wrapper .p-datatable-table tbody tr td .mfa-status .pi-times-circle {
  color: #ef4444 !important;
  font-size: 17px !important;
}
.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .member-status-badge,
.Lists-table .p-datatable-wrapper .p-datatable-table tbody tr td .member-status-badge,
.adminList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .member-status-badge,
.adminList-table .p-datatable-wrapper .p-datatable-table tbody tr td .member-status-badge,
.learnerList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .member-status-badge,
.learnerList-table .p-datatable-wrapper .p-datatable-table tbody tr td .member-status-badge,
.clientUserList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .member-status-badge,
.clientUserList-table .p-datatable-wrapper .p-datatable-table tbody tr td .member-status-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 3px 12px !important;
  border-radius: 20px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: normal !important;
  text-transform: capitalize !important;
}
.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .member-status-badge.status-badge-active,
.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .member-status-badge.status-active,
.Lists-table .p-datatable-wrapper .p-datatable-table tbody tr td .member-status-badge.status-badge-active,
.Lists-table .p-datatable-wrapper .p-datatable-table tbody tr td .member-status-badge.status-active,
.adminList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .member-status-badge.status-badge-active,
.adminList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .member-status-badge.status-active,
.adminList-table .p-datatable-wrapper .p-datatable-table tbody tr td .member-status-badge.status-badge-active,
.adminList-table .p-datatable-wrapper .p-datatable-table tbody tr td .member-status-badge.status-active,
.learnerList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .member-status-badge.status-badge-active,
.learnerList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .member-status-badge.status-active,
.learnerList-table .p-datatable-wrapper .p-datatable-table tbody tr td .member-status-badge.status-badge-active,
.learnerList-table .p-datatable-wrapper .p-datatable-table tbody tr td .member-status-badge.status-active,
.clientUserList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .member-status-badge.status-badge-active,
.clientUserList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .member-status-badge.status-active,
.clientUserList-table .p-datatable-wrapper .p-datatable-table tbody tr td .member-status-badge.status-badge-active,
.clientUserList-table .p-datatable-wrapper .p-datatable-table tbody tr td .member-status-badge.status-active {
  background: rgba(138, 172, 57, 0.15) !important;
  color: var(--light-text-green) !important;
  border: 1px solid rgba(138, 172, 57, 0.3) !important;
}
.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .member-status-badge.status-badge-inactive,
.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .member-status-badge.status-inactive,
.Lists-table .p-datatable-wrapper .p-datatable-table tbody tr td .member-status-badge.status-badge-inactive,
.Lists-table .p-datatable-wrapper .p-datatable-table tbody tr td .member-status-badge.status-inactive,
.adminList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .member-status-badge.status-badge-inactive,
.adminList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .member-status-badge.status-inactive,
.adminList-table .p-datatable-wrapper .p-datatable-table tbody tr td .member-status-badge.status-badge-inactive,
.adminList-table .p-datatable-wrapper .p-datatable-table tbody tr td .member-status-badge.status-inactive,
.learnerList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .member-status-badge.status-badge-inactive,
.learnerList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .member-status-badge.status-inactive,
.learnerList-table .p-datatable-wrapper .p-datatable-table tbody tr td .member-status-badge.status-badge-inactive,
.learnerList-table .p-datatable-wrapper .p-datatable-table tbody tr td .member-status-badge.status-inactive,
.clientUserList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .member-status-badge.status-badge-inactive,
.clientUserList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .member-status-badge.status-inactive,
.clientUserList-table .p-datatable-wrapper .p-datatable-table tbody tr td .member-status-badge.status-badge-inactive,
.clientUserList-table .p-datatable-wrapper .p-datatable-table tbody tr td .member-status-badge.status-inactive {
  background: rgba(239, 68, 68, 0.12) !important;
  color: #ef4444 !important;
  border: 1px solid rgba(239, 68, 68, 0.3) !important;
}
.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .memberlist-action,
.Lists-table .p-datatable-wrapper .p-datatable-table tbody tr td .memberlist-action,
.adminList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .memberlist-action,
.adminList-table .p-datatable-wrapper .p-datatable-table tbody tr td .memberlist-action,
.learnerList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .memberlist-action,
.learnerList-table .p-datatable-wrapper .p-datatable-table tbody tr td .memberlist-action,
.clientUserList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .memberlist-action,
.clientUserList-table .p-datatable-wrapper .p-datatable-table tbody tr td .memberlist-action {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}
.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .memberlist-action a,
.Lists-table .p-datatable-wrapper .p-datatable-table tbody tr td .memberlist-action a,
.adminList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .memberlist-action a,
.adminList-table .p-datatable-wrapper .p-datatable-table tbody tr td .memberlist-action a,
.learnerList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .memberlist-action a,
.learnerList-table .p-datatable-wrapper .p-datatable-table tbody tr td .memberlist-action a,
.clientUserList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .memberlist-action a,
.clientUserList-table .p-datatable-wrapper .p-datatable-table tbody tr td .memberlist-action a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 6px !important;
  transition: all 0.2s ease !important;
}
.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .memberlist-action a.text-primary,
.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .memberlist-action a i.fa-pencil,
.Lists-table .p-datatable-wrapper .p-datatable-table tbody tr td .memberlist-action a.text-primary,
.Lists-table .p-datatable-wrapper .p-datatable-table tbody tr td .memberlist-action a i.fa-pencil,
.adminList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .memberlist-action a.text-primary,
.adminList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .memberlist-action a i.fa-pencil,
.adminList-table .p-datatable-wrapper .p-datatable-table tbody tr td .memberlist-action a.text-primary,
.adminList-table .p-datatable-wrapper .p-datatable-table tbody tr td .memberlist-action a i.fa-pencil,
.learnerList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .memberlist-action a.text-primary,
.learnerList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .memberlist-action a i.fa-pencil,
.learnerList-table .p-datatable-wrapper .p-datatable-table tbody tr td .memberlist-action a.text-primary,
.learnerList-table .p-datatable-wrapper .p-datatable-table tbody tr td .memberlist-action a i.fa-pencil,
.clientUserList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .memberlist-action a.text-primary,
.clientUserList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .memberlist-action a i.fa-pencil,
.clientUserList-table .p-datatable-wrapper .p-datatable-table tbody tr td .memberlist-action a.text-primary,
.clientUserList-table .p-datatable-wrapper .p-datatable-table tbody tr td .memberlist-action a i.fa-pencil {
  color: #3b82f6 !important;
}
.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .memberlist-action a.text-danger,
.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .memberlist-action a i.fa-unlock,
.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .memberlist-action a i.fa-lock,
.Lists-table .p-datatable-wrapper .p-datatable-table tbody tr td .memberlist-action a.text-danger,
.Lists-table .p-datatable-wrapper .p-datatable-table tbody tr td .memberlist-action a i.fa-unlock,
.Lists-table .p-datatable-wrapper .p-datatable-table tbody tr td .memberlist-action a i.fa-lock,
.adminList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .memberlist-action a.text-danger,
.adminList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .memberlist-action a i.fa-unlock,
.adminList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .memberlist-action a i.fa-lock,
.adminList-table .p-datatable-wrapper .p-datatable-table tbody tr td .memberlist-action a.text-danger,
.adminList-table .p-datatable-wrapper .p-datatable-table tbody tr td .memberlist-action a i.fa-unlock,
.adminList-table .p-datatable-wrapper .p-datatable-table tbody tr td .memberlist-action a i.fa-lock,
.learnerList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .memberlist-action a.text-danger,
.learnerList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .memberlist-action a i.fa-unlock,
.learnerList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .memberlist-action a i.fa-lock,
.learnerList-table .p-datatable-wrapper .p-datatable-table tbody tr td .memberlist-action a.text-danger,
.learnerList-table .p-datatable-wrapper .p-datatable-table tbody tr td .memberlist-action a i.fa-unlock,
.learnerList-table .p-datatable-wrapper .p-datatable-table tbody tr td .memberlist-action a i.fa-lock,
.clientUserList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .memberlist-action a.text-danger,
.clientUserList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .memberlist-action a i.fa-unlock,
.clientUserList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .memberlist-action a i.fa-lock,
.clientUserList-table .p-datatable-wrapper .p-datatable-table tbody tr td .memberlist-action a.text-danger,
.clientUserList-table .p-datatable-wrapper .p-datatable-table tbody tr td .memberlist-action a i.fa-unlock,
.clientUserList-table .p-datatable-wrapper .p-datatable-table tbody tr td .memberlist-action a i.fa-lock {
  color: #f59e0b !important;
}
.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .memberlist-action a i.fa-box-archive,
.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .memberlist-action a i.fa-trash,
.Lists-table .p-datatable-wrapper .p-datatable-table tbody tr td .memberlist-action a i.fa-box-archive,
.Lists-table .p-datatable-wrapper .p-datatable-table tbody tr td .memberlist-action a i.fa-trash,
.adminList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .memberlist-action a i.fa-box-archive,
.adminList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .memberlist-action a i.fa-trash,
.adminList-table .p-datatable-wrapper .p-datatable-table tbody tr td .memberlist-action a i.fa-box-archive,
.adminList-table .p-datatable-wrapper .p-datatable-table tbody tr td .memberlist-action a i.fa-trash,
.learnerList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .memberlist-action a i.fa-box-archive,
.learnerList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .memberlist-action a i.fa-trash,
.learnerList-table .p-datatable-wrapper .p-datatable-table tbody tr td .memberlist-action a i.fa-box-archive,
.learnerList-table .p-datatable-wrapper .p-datatable-table tbody tr td .memberlist-action a i.fa-trash,
.clientUserList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .memberlist-action a i.fa-box-archive,
.clientUserList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .memberlist-action a i.fa-trash,
.clientUserList-table .p-datatable-wrapper .p-datatable-table tbody tr td .memberlist-action a i.fa-box-archive,
.clientUserList-table .p-datatable-wrapper .p-datatable-table tbody tr td .memberlist-action a i.fa-trash {
  color: #ef4444 !important;
}
.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .memberlist-action a:hover,
.Lists-table .p-datatable-wrapper .p-datatable-table tbody tr td .memberlist-action a:hover,
.adminList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .memberlist-action a:hover,
.adminList-table .p-datatable-wrapper .p-datatable-table tbody tr td .memberlist-action a:hover,
.learnerList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .memberlist-action a:hover,
.learnerList-table .p-datatable-wrapper .p-datatable-table tbody tr td .memberlist-action a:hover,
.clientUserList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td .memberlist-action a:hover,
.clientUserList-table .p-datatable-wrapper .p-datatable-table tbody tr td .memberlist-action a:hover {
  background: var(--new-hover-color) !important;
  transform: scale(1.1);
}
.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr:hover,
.Lists-table .p-datatable-wrapper .p-datatable-table tbody tr:hover,
.adminList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr:hover,
.adminList-table .p-datatable-wrapper .p-datatable-table tbody tr:hover,
.learnerList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr:hover,
.learnerList-table .p-datatable-wrapper .p-datatable-table tbody tr:hover,
.clientUserList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr:hover,
.clientUserList-table .p-datatable-wrapper .p-datatable-table tbody tr:hover {
  background: var(--new-hover-color, rgba(124, 159, 46, 0.05)) !important;
}
.Lists-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr:last-child td,
.Lists-table .p-datatable-wrapper .p-datatable-table tbody tr:last-child td,
.adminList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr:last-child td,
.adminList-table .p-datatable-wrapper .p-datatable-table tbody tr:last-child td,
.learnerList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr:last-child td,
.learnerList-table .p-datatable-wrapper .p-datatable-table tbody tr:last-child td,
.clientUserList-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr:last-child td,
.clientUserList-table .p-datatable-wrapper .p-datatable-table tbody tr:last-child td {
  border-bottom: none !important;
}
.Lists-table .p-paginator,
.adminList-table .p-paginator,
.learnerList-table .p-paginator,
.clientUserList-table .p-paginator {
  background: var(--bg-background) !important;
  border-top: 1px solid var(--new-border-color) !important;
  color: var(--new-pera-color) !important;
  padding: 10px 14px !important;
  font-family: var(--new-bg-font) !important;
}
.Lists-table .p-paginator .p-paginator-current,
.adminList-table .p-paginator .p-paginator-current,
.learnerList-table .p-paginator .p-paginator-current,
.clientUserList-table .p-paginator .p-paginator-current {
  color: var(--new-pera-color) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}
.Lists-table .p-paginator .p-paginator-page,
.Lists-table .p-paginator .p-paginator-first,
.Lists-table .p-paginator .p-paginator-prev,
.Lists-table .p-paginator .p-paginator-next,
.Lists-table .p-paginator .p-paginator-last,
.Lists-table .p-paginator .p-paginator-element,
.Lists-table .p-paginator .p-ripple,
.adminList-table .p-paginator .p-paginator-page,
.adminList-table .p-paginator .p-paginator-first,
.adminList-table .p-paginator .p-paginator-prev,
.adminList-table .p-paginator .p-paginator-next,
.adminList-table .p-paginator .p-paginator-last,
.adminList-table .p-paginator .p-paginator-element,
.adminList-table .p-paginator .p-ripple,
.learnerList-table .p-paginator .p-paginator-page,
.learnerList-table .p-paginator .p-paginator-first,
.learnerList-table .p-paginator .p-paginator-prev,
.learnerList-table .p-paginator .p-paginator-next,
.learnerList-table .p-paginator .p-paginator-last,
.learnerList-table .p-paginator .p-paginator-element,
.learnerList-table .p-paginator .p-ripple,
.clientUserList-table .p-paginator .p-paginator-page,
.clientUserList-table .p-paginator .p-paginator-first,
.clientUserList-table .p-paginator .p-paginator-prev,
.clientUserList-table .p-paginator .p-paginator-next,
.clientUserList-table .p-paginator .p-paginator-last,
.clientUserList-table .p-paginator .p-paginator-element,
.clientUserList-table .p-paginator .p-ripple {
  background: transparent !important;
  color: var(--new-mainHeading-color) !important;
  border: 1px solid var(--new-border-color) !important;
  border-radius: var(--new-border-radius, 8px) !important;
  min-width: 32px !important;
  height: 32px !important;
  font-size: 13px !important;
  margin: 0 3px !important;
  transition: all 0.2s ease !important;
  box-shadow: none !important;
}
.Lists-table .p-paginator .p-paginator-page:hover:not(.p-highlight):not(.p-disabled),
.Lists-table .p-paginator .p-paginator-first:hover:not(.p-highlight):not(.p-disabled),
.Lists-table .p-paginator .p-paginator-prev:hover:not(.p-highlight):not(.p-disabled),
.Lists-table .p-paginator .p-paginator-next:hover:not(.p-highlight):not(.p-disabled),
.Lists-table .p-paginator .p-paginator-last:hover:not(.p-highlight):not(.p-disabled),
.Lists-table .p-paginator .p-paginator-element:hover:not(.p-highlight):not(.p-disabled),
.Lists-table .p-paginator .p-ripple:hover:not(.p-highlight):not(.p-disabled),
.adminList-table .p-paginator .p-paginator-page:hover:not(.p-highlight):not(.p-disabled),
.adminList-table .p-paginator .p-paginator-first:hover:not(.p-highlight):not(.p-disabled),
.adminList-table .p-paginator .p-paginator-prev:hover:not(.p-highlight):not(.p-disabled),
.adminList-table .p-paginator .p-paginator-next:hover:not(.p-highlight):not(.p-disabled),
.adminList-table .p-paginator .p-paginator-last:hover:not(.p-highlight):not(.p-disabled),
.adminList-table .p-paginator .p-paginator-element:hover:not(.p-highlight):not(.p-disabled),
.adminList-table .p-paginator .p-ripple:hover:not(.p-highlight):not(.p-disabled),
.learnerList-table .p-paginator .p-paginator-page:hover:not(.p-highlight):not(.p-disabled),
.learnerList-table .p-paginator .p-paginator-first:hover:not(.p-highlight):not(.p-disabled),
.learnerList-table .p-paginator .p-paginator-prev:hover:not(.p-highlight):not(.p-disabled),
.learnerList-table .p-paginator .p-paginator-next:hover:not(.p-highlight):not(.p-disabled),
.learnerList-table .p-paginator .p-paginator-last:hover:not(.p-highlight):not(.p-disabled),
.learnerList-table .p-paginator .p-paginator-element:hover:not(.p-highlight):not(.p-disabled),
.learnerList-table .p-paginator .p-ripple:hover:not(.p-highlight):not(.p-disabled),
.clientUserList-table .p-paginator .p-paginator-page:hover:not(.p-highlight):not(.p-disabled),
.clientUserList-table .p-paginator .p-paginator-first:hover:not(.p-highlight):not(.p-disabled),
.clientUserList-table .p-paginator .p-paginator-prev:hover:not(.p-highlight):not(.p-disabled),
.clientUserList-table .p-paginator .p-paginator-next:hover:not(.p-highlight):not(.p-disabled),
.clientUserList-table .p-paginator .p-paginator-last:hover:not(.p-highlight):not(.p-disabled),
.clientUserList-table .p-paginator .p-paginator-element:hover:not(.p-highlight):not(.p-disabled),
.clientUserList-table .p-paginator .p-ripple:hover:not(.p-highlight):not(.p-disabled) {
  background: var(--new-hover-color) !important;
  border-color: var(--light-text-green) !important;
  color: var(--light-text-green) !important;
}
.Lists-table .p-paginator .p-paginator-page.p-highlight,
.Lists-table .p-paginator .p-paginator-first.p-highlight,
.Lists-table .p-paginator .p-paginator-prev.p-highlight,
.Lists-table .p-paginator .p-paginator-next.p-highlight,
.Lists-table .p-paginator .p-paginator-last.p-highlight,
.Lists-table .p-paginator .p-paginator-element.p-highlight,
.Lists-table .p-paginator .p-ripple.p-highlight,
.adminList-table .p-paginator .p-paginator-page.p-highlight,
.adminList-table .p-paginator .p-paginator-first.p-highlight,
.adminList-table .p-paginator .p-paginator-prev.p-highlight,
.adminList-table .p-paginator .p-paginator-next.p-highlight,
.adminList-table .p-paginator .p-paginator-last.p-highlight,
.adminList-table .p-paginator .p-paginator-element.p-highlight,
.adminList-table .p-paginator .p-ripple.p-highlight,
.learnerList-table .p-paginator .p-paginator-page.p-highlight,
.learnerList-table .p-paginator .p-paginator-first.p-highlight,
.learnerList-table .p-paginator .p-paginator-prev.p-highlight,
.learnerList-table .p-paginator .p-paginator-next.p-highlight,
.learnerList-table .p-paginator .p-paginator-last.p-highlight,
.learnerList-table .p-paginator .p-paginator-element.p-highlight,
.learnerList-table .p-paginator .p-ripple.p-highlight,
.clientUserList-table .p-paginator .p-paginator-page.p-highlight,
.clientUserList-table .p-paginator .p-paginator-first.p-highlight,
.clientUserList-table .p-paginator .p-paginator-prev.p-highlight,
.clientUserList-table .p-paginator .p-paginator-next.p-highlight,
.clientUserList-table .p-paginator .p-paginator-last.p-highlight,
.clientUserList-table .p-paginator .p-paginator-element.p-highlight,
.clientUserList-table .p-paginator .p-ripple.p-highlight {
  background: var(--light-text-green) !important;
  color: #ffffff !important;
  border-color: var(--light-text-green) !important;
  font-weight: 600 !important;
}
.Lists-table .p-paginator .p-paginator-page.p-disabled,
.Lists-table .p-paginator .p-paginator-page:disabled,
.Lists-table .p-paginator .p-paginator-first.p-disabled,
.Lists-table .p-paginator .p-paginator-first:disabled,
.Lists-table .p-paginator .p-paginator-prev.p-disabled,
.Lists-table .p-paginator .p-paginator-prev:disabled,
.Lists-table .p-paginator .p-paginator-next.p-disabled,
.Lists-table .p-paginator .p-paginator-next:disabled,
.Lists-table .p-paginator .p-paginator-last.p-disabled,
.Lists-table .p-paginator .p-paginator-last:disabled,
.Lists-table .p-paginator .p-paginator-element.p-disabled,
.Lists-table .p-paginator .p-paginator-element:disabled,
.Lists-table .p-paginator .p-ripple.p-disabled,
.Lists-table .p-paginator .p-ripple:disabled,
.adminList-table .p-paginator .p-paginator-page.p-disabled,
.adminList-table .p-paginator .p-paginator-page:disabled,
.adminList-table .p-paginator .p-paginator-first.p-disabled,
.adminList-table .p-paginator .p-paginator-first:disabled,
.adminList-table .p-paginator .p-paginator-prev.p-disabled,
.adminList-table .p-paginator .p-paginator-prev:disabled,
.adminList-table .p-paginator .p-paginator-next.p-disabled,
.adminList-table .p-paginator .p-paginator-next:disabled,
.adminList-table .p-paginator .p-paginator-last.p-disabled,
.adminList-table .p-paginator .p-paginator-last:disabled,
.adminList-table .p-paginator .p-paginator-element.p-disabled,
.adminList-table .p-paginator .p-paginator-element:disabled,
.adminList-table .p-paginator .p-ripple.p-disabled,
.adminList-table .p-paginator .p-ripple:disabled,
.learnerList-table .p-paginator .p-paginator-page.p-disabled,
.learnerList-table .p-paginator .p-paginator-page:disabled,
.learnerList-table .p-paginator .p-paginator-first.p-disabled,
.learnerList-table .p-paginator .p-paginator-first:disabled,
.learnerList-table .p-paginator .p-paginator-prev.p-disabled,
.learnerList-table .p-paginator .p-paginator-prev:disabled,
.learnerList-table .p-paginator .p-paginator-next.p-disabled,
.learnerList-table .p-paginator .p-paginator-next:disabled,
.learnerList-table .p-paginator .p-paginator-last.p-disabled,
.learnerList-table .p-paginator .p-paginator-last:disabled,
.learnerList-table .p-paginator .p-paginator-element.p-disabled,
.learnerList-table .p-paginator .p-paginator-element:disabled,
.learnerList-table .p-paginator .p-ripple.p-disabled,
.learnerList-table .p-paginator .p-ripple:disabled,
.clientUserList-table .p-paginator .p-paginator-page.p-disabled,
.clientUserList-table .p-paginator .p-paginator-page:disabled,
.clientUserList-table .p-paginator .p-paginator-first.p-disabled,
.clientUserList-table .p-paginator .p-paginator-first:disabled,
.clientUserList-table .p-paginator .p-paginator-prev.p-disabled,
.clientUserList-table .p-paginator .p-paginator-prev:disabled,
.clientUserList-table .p-paginator .p-paginator-next.p-disabled,
.clientUserList-table .p-paginator .p-paginator-next:disabled,
.clientUserList-table .p-paginator .p-paginator-last.p-disabled,
.clientUserList-table .p-paginator .p-paginator-last:disabled,
.clientUserList-table .p-paginator .p-paginator-element.p-disabled,
.clientUserList-table .p-paginator .p-paginator-element:disabled,
.clientUserList-table .p-paginator .p-ripple.p-disabled,
.clientUserList-table .p-paginator .p-ripple:disabled {
  opacity: 0.4 !important;
  background: transparent !important;
  border-color: var(--new-border-color) !important;
  color: var(--new-pera-color) !important;
  cursor: default !important;
}
.Lists-table .p-paginator .p-dropdown,
.adminList-table .p-paginator .p-dropdown,
.learnerList-table .p-paginator .p-dropdown,
.clientUserList-table .p-paginator .p-dropdown {
  background: var(--bg-background) !important;
  border: 1px solid var(--new-border-color) !important;
  border-radius: var(--new-border-radius, 8px) !important;
  height: 32px !important;
}
.Lists-table .p-paginator .p-dropdown .p-dropdown-label,
.adminList-table .p-paginator .p-dropdown .p-dropdown-label,
.learnerList-table .p-paginator .p-dropdown .p-dropdown-label,
.clientUserList-table .p-paginator .p-dropdown .p-dropdown-label {
  color: var(--new-mainHeading-color) !important;
  font-size: 13px !important;
  padding: 4px 8px 4px 12px !important;
}
.Lists-table .p-paginator .p-dropdown .p-dropdown-trigger,
.adminList-table .p-paginator .p-dropdown .p-dropdown-trigger,
.learnerList-table .p-paginator .p-dropdown .p-dropdown-trigger,
.clientUserList-table .p-paginator .p-dropdown .p-dropdown-trigger {
  color: var(--new-pera-color) !important;
}
.p-password-overlay {
  background: var(--bg-background) !important;
  border-color: var(--new-border-color) !important;
  color: var(--new-pera-color) !important;
}
.p-confirmpopup {
  background: var(--bg-background) !important;
  border-color: var(--new-border-color) !important;
  font-family: var(--new-bg-font) !important;
}
.p-confirmpopup::before,
.p-confirmpopup::after {
  border-bottom-color: var(--bg-background) !important;
}
.p-confirmpopup .p-confirmpopup-content span {
  font-family: var(--new-bg-font) !important;
}
.p-inputswitch,
.p-toggleswitch {
  width: 44px;
  height: 24px;
  display: inline-block;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
  vertical-align: middle;
}
.p-inputswitch .p-inputswitch-slider,
.p-inputswitch .p-toggleswitch-slider,
.p-toggleswitch .p-inputswitch-slider,
.p-toggleswitch .p-toggleswitch-slider {
  background: #cbd5e1 !important;
  border: 1px solid transparent !important;
  border-radius: 30px !important;
  transition: var(--new-transition, all 0.2s ease-in-out) !important;
  cursor: pointer !important;
  position: absolute !important;
  inset: 0 !important;
}
.p-inputswitch .p-inputswitch-slider::before,
.p-inputswitch .p-toggleswitch-slider::before,
.p-toggleswitch .p-inputswitch-slider::before,
.p-toggleswitch .p-toggleswitch-slider::before {
  background: #ffffff !important;
  width: 18px !important;
  height: 18px !important;
  left: 2px !important;
  top: 50% !important;
  margin-top: -9px !important;
  border-radius: 50% !important;
  transition: var(--new-transition, all 0.2s ease-in-out) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
  position: absolute !important;
  content: "" !important;
}
.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider,
.p-inputswitch:not(.p-disabled):hover .p-toggleswitch-slider,
.p-toggleswitch:not(.p-disabled):hover .p-inputswitch-slider,
.p-toggleswitch:not(.p-disabled):hover .p-toggleswitch-slider {
  background: #94a3b8 !important;
}
.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider,
.p-inputswitch.p-inputswitch-checked .p-toggleswitch-slider,
.p-inputswitch.p-toggleswitch-checked .p-inputswitch-slider,
.p-inputswitch.p-toggleswitch-checked .p-toggleswitch-slider,
.p-toggleswitch.p-inputswitch-checked .p-inputswitch-slider,
.p-toggleswitch.p-inputswitch-checked .p-toggleswitch-slider,
.p-toggleswitch.p-toggleswitch-checked .p-inputswitch-slider,
.p-toggleswitch.p-toggleswitch-checked .p-toggleswitch-slider {
  background: var(--light-text-green, #8aac39) !important;
  border-color: var(--light-text-green, #8aac39) !important;
}
.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider::before,
.p-inputswitch.p-inputswitch-checked .p-toggleswitch-slider::before,
.p-inputswitch.p-toggleswitch-checked .p-inputswitch-slider::before,
.p-inputswitch.p-toggleswitch-checked .p-toggleswitch-slider::before,
.p-toggleswitch.p-inputswitch-checked .p-inputswitch-slider::before,
.p-toggleswitch.p-inputswitch-checked .p-toggleswitch-slider::before,
.p-toggleswitch.p-toggleswitch-checked .p-inputswitch-slider::before,
.p-toggleswitch.p-toggleswitch-checked .p-toggleswitch-slider::before {
  background: #ffffff !important;
  transform: translateX(20px) !important;
}
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider,
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-toggleswitch-slider,
.p-inputswitch.p-toggleswitch-checked:not(.p-disabled):hover .p-inputswitch-slider,
.p-inputswitch.p-toggleswitch-checked:not(.p-disabled):hover .p-toggleswitch-slider,
.p-toggleswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider,
.p-toggleswitch.p-inputswitch-checked:not(.p-disabled):hover .p-toggleswitch-slider,
.p-toggleswitch.p-toggleswitch-checked:not(.p-disabled):hover .p-inputswitch-slider,
.p-toggleswitch.p-toggleswitch-checked:not(.p-disabled):hover .p-toggleswitch-slider {
  background: var(--new-main-color, #7c9f2e) !important;
  border-color: var(--new-main-color, #7c9f2e) !important;
}
.p-inputswitch.p-focus .p-inputswitch-slider,
.p-inputswitch.p-focus .p-toggleswitch-slider,
.p-toggleswitch.p-focus .p-inputswitch-slider,
.p-toggleswitch.p-focus .p-toggleswitch-slider {
  box-shadow: 0 0 0 2px rgba(124, 159, 46, 0.25) !important;
}
.dark-theme .p-inputswitch .p-inputswitch-slider,
.dark-theme .p-inputswitch .p-toggleswitch-slider,
.dark-theme .p-toggleswitch .p-inputswitch-slider,
.dark-theme .p-toggleswitch .p-toggleswitch-slider,
body.dark-mode .p-inputswitch .p-inputswitch-slider,
body.dark-mode .p-inputswitch .p-toggleswitch-slider,
body.dark-mode .p-toggleswitch .p-inputswitch-slider,
body.dark-mode .p-toggleswitch .p-toggleswitch-slider {
  background: #25332b !important;
  border: 1px solid var(--new-border-color, #212c26) !important;
}
.dark-theme .p-inputswitch .p-inputswitch-slider::before,
.dark-theme .p-inputswitch .p-toggleswitch-slider::before,
.dark-theme .p-toggleswitch .p-inputswitch-slider::before,
.dark-theme .p-toggleswitch .p-toggleswitch-slider::before,
body.dark-mode .p-inputswitch .p-inputswitch-slider::before,
body.dark-mode .p-inputswitch .p-toggleswitch-slider::before,
body.dark-mode .p-toggleswitch .p-inputswitch-slider::before,
body.dark-mode .p-toggleswitch .p-toggleswitch-slider::before {
  background: #ddddd5 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) !important;
}
.dark-theme .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider,
.dark-theme .p-inputswitch:not(.p-disabled):hover .p-toggleswitch-slider,
.dark-theme .p-toggleswitch:not(.p-disabled):hover .p-inputswitch-slider,
.dark-theme .p-toggleswitch:not(.p-disabled):hover .p-toggleswitch-slider,
body.dark-mode .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider,
body.dark-mode .p-inputswitch:not(.p-disabled):hover .p-toggleswitch-slider,
body.dark-mode .p-toggleswitch:not(.p-disabled):hover .p-inputswitch-slider,
body.dark-mode .p-toggleswitch:not(.p-disabled):hover .p-toggleswitch-slider {
  background: #2e3e35 !important;
  border-color: var(--new-main-color, #7c9f2e) !important;
}
.dark-theme .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider::before,
.dark-theme .p-inputswitch:not(.p-disabled):hover .p-toggleswitch-slider::before,
.dark-theme .p-toggleswitch:not(.p-disabled):hover .p-inputswitch-slider::before,
.dark-theme .p-toggleswitch:not(.p-disabled):hover .p-toggleswitch-slider::before,
body.dark-mode .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider::before,
body.dark-mode .p-inputswitch:not(.p-disabled):hover .p-toggleswitch-slider::before,
body.dark-mode .p-toggleswitch:not(.p-disabled):hover .p-inputswitch-slider::before,
body.dark-mode .p-toggleswitch:not(.p-disabled):hover .p-toggleswitch-slider::before {
  background: #ffffff !important;
}
.dark-theme .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider,
.dark-theme .p-inputswitch.p-inputswitch-checked .p-toggleswitch-slider,
.dark-theme .p-inputswitch.p-toggleswitch-checked .p-inputswitch-slider,
.dark-theme .p-inputswitch.p-toggleswitch-checked .p-toggleswitch-slider,
.dark-theme .p-toggleswitch.p-inputswitch-checked .p-inputswitch-slider,
.dark-theme .p-toggleswitch.p-inputswitch-checked .p-toggleswitch-slider,
.dark-theme .p-toggleswitch.p-toggleswitch-checked .p-inputswitch-slider,
.dark-theme .p-toggleswitch.p-toggleswitch-checked .p-toggleswitch-slider,
body.dark-mode .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider,
body.dark-mode .p-inputswitch.p-inputswitch-checked .p-toggleswitch-slider,
body.dark-mode .p-inputswitch.p-toggleswitch-checked .p-inputswitch-slider,
body.dark-mode .p-inputswitch.p-toggleswitch-checked .p-toggleswitch-slider,
body.dark-mode .p-toggleswitch.p-inputswitch-checked .p-inputswitch-slider,
body.dark-mode .p-toggleswitch.p-inputswitch-checked .p-toggleswitch-slider,
body.dark-mode .p-toggleswitch.p-toggleswitch-checked .p-inputswitch-slider,
body.dark-mode .p-toggleswitch.p-toggleswitch-checked .p-toggleswitch-slider {
  background: var(--light-text-green, #8aac39) !important;
  border-color: var(--light-text-green, #8aac39) !important;
}
.dark-theme .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider::before,
.dark-theme .p-inputswitch.p-inputswitch-checked .p-toggleswitch-slider::before,
.dark-theme .p-inputswitch.p-toggleswitch-checked .p-inputswitch-slider::before,
.dark-theme .p-inputswitch.p-toggleswitch-checked .p-toggleswitch-slider::before,
.dark-theme .p-toggleswitch.p-inputswitch-checked .p-inputswitch-slider::before,
.dark-theme .p-toggleswitch.p-inputswitch-checked .p-toggleswitch-slider::before,
.dark-theme .p-toggleswitch.p-toggleswitch-checked .p-inputswitch-slider::before,
.dark-theme .p-toggleswitch.p-toggleswitch-checked .p-toggleswitch-slider::before,
body.dark-mode .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider::before,
body.dark-mode .p-inputswitch.p-inputswitch-checked .p-toggleswitch-slider::before,
body.dark-mode .p-inputswitch.p-toggleswitch-checked .p-inputswitch-slider::before,
body.dark-mode .p-inputswitch.p-toggleswitch-checked .p-toggleswitch-slider::before,
body.dark-mode .p-toggleswitch.p-inputswitch-checked .p-inputswitch-slider::before,
body.dark-mode .p-toggleswitch.p-inputswitch-checked .p-toggleswitch-slider::before,
body.dark-mode .p-toggleswitch.p-toggleswitch-checked .p-inputswitch-slider::before,
body.dark-mode .p-toggleswitch.p-toggleswitch-checked .p-toggleswitch-slider::before {
  background: #ffffff !important;
}
.dark-theme .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider,
.dark-theme .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-toggleswitch-slider,
.dark-theme .p-inputswitch.p-toggleswitch-checked:not(.p-disabled):hover .p-inputswitch-slider,
.dark-theme .p-inputswitch.p-toggleswitch-checked:not(.p-disabled):hover .p-toggleswitch-slider,
.dark-theme .p-toggleswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider,
.dark-theme .p-toggleswitch.p-inputswitch-checked:not(.p-disabled):hover .p-toggleswitch-slider,
.dark-theme .p-toggleswitch.p-toggleswitch-checked:not(.p-disabled):hover .p-inputswitch-slider,
.dark-theme .p-toggleswitch.p-toggleswitch-checked:not(.p-disabled):hover .p-toggleswitch-slider,
body.dark-mode .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider,
body.dark-mode .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-toggleswitch-slider,
body.dark-mode .p-inputswitch.p-toggleswitch-checked:not(.p-disabled):hover .p-inputswitch-slider,
body.dark-mode .p-inputswitch.p-toggleswitch-checked:not(.p-disabled):hover .p-toggleswitch-slider,
body.dark-mode .p-toggleswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider,
body.dark-mode .p-toggleswitch.p-inputswitch-checked:not(.p-disabled):hover .p-toggleswitch-slider,
body.dark-mode .p-toggleswitch.p-toggleswitch-checked:not(.p-disabled):hover .p-inputswitch-slider,
body.dark-mode .p-toggleswitch.p-toggleswitch-checked:not(.p-disabled):hover .p-toggleswitch-slider {
  background: var(--new-main-color, #7c9f2e) !important;
  border-color: var(--new-main-color, #7c9f2e) !important;
}
.dark-theme .form-check-input,
body.dark-mode .form-check-input {
  background-color: #1e2327;
  border-color: #2d353b;
}
.dark-theme .form-check-input:focus,
body.dark-mode .form-check-input:focus {
  border-color: var(--theme-green, #8cb82b);
  box-shadow: 0 0 0 0.25rem rgba(140, 184, 43, 0.25);
}
.dark-theme .form-check-input:checked,
body.dark-mode .form-check-input:checked {
  background-color: var(--theme-green, #8cb82b);
  border-color: var(--theme-green, #8cb82b);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.dark-theme .form-check-label,
body.dark-mode .form-check-label {
  color: #94a3b8;
}
.create-form .form-group .btn-info,
.create-form .cours-subtitle .btn-info {
  background: var(--light-grey);
  font-size: 14px;
  border-radius: 8px;
  padding: 0px 16px;
  line-height: 15px;
  height: 34px;
  line-height: 34px;
  border: 0px;
}
.create-form .form-group .btn-info:hover,
.create-form .cours-subtitle .btn-info:hover {
  background: var(--theme-green);
  border-color: var(--theme-green);
}
.p-paginator .p-paginator-current {
  font-size: 13px;
  color: var(--new-pera-color);
}
.p-paginator .p-dropdown .p-dropdown-label {
  font-size: 13px;
  color: var(--new-mainHeading-color);
}
.p-paginator .p-dropdown {
  height: 32px;
}
.p-paginator .p-paginator-pages .p-paginator-page {
  height: 32px;
}
.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
  color: #ffffff;
  background: var(--light-text-green);
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
  color: var(--light-text-green);
  background: var(--new-hover-color);
}
.p-dialog-mask .p-dialog .p-dialog-footer .p-button .p-button-label {
  font-weight: 400;
  margin-left: 5px;
}
.role-list .p-datatable-wrapper .p-datatable-table .p-datatable-tbody td .btn-primary.btn-xs {
  background-color: var(--theme-green);
  border-color: var(--theme-green);
}
.role-list .p-datatable-wrapper .p-datatable-table .p-datatable-tbody td .btn-primary.btn-xs:hover {
  background: var(--light-grey);
  border-color: var(--light-grey);
}
.role-list .p-datatable-wrapper .p-datatable-table .p-datatable-tbody td .trash-role {
  display: inline-block;
  margin-top: 12px;
  color: var(--theme-green);
}
.no-scroll {
  overflow: hidden;
}
.hide-scrollbar {
  overflow-y: scroll;
}
.hide-scrollbar::-webkit-scrollbar {
  display: none;
}
.hide-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.cardSticky .heading-name {
  color: #999;
  font-size: 16px;
  margin-bottom: 5px;
}
.p-checkbox + label,
.p-radiobutton + label {
  margin-bottom: 0pt !important;
}
.p-dropdown.as-label {
  outline: 0;
  border: 0;
  cursor: auto;
}
.p-dropdown.as-label .p-dropdown-trigger {
  visibility: hidden;
  cursor: auto;
}
.p-dropdown.as-label .p-dropdown-label {
  padding-left: 0pt;
  cursor: auto;
}
.p-column-filter-overlay {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
}
.p-multiselect .p-overlay {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
}
.multiselect-filter-content-wrapper .p-multiselect {
  width: 250px !important;
}
.p-column-filter-constraint .p-autocomplete.p-component {
  height: 34px;
}
.p-column-filter-constraint .p-autocomplete.p-component input.p-element {
  font-size: 13px;
}
.p-column-filter-constraint .p-autocomplete.p-component button.p-element {
  background: var(--theme-green);
  border-radius: 0 8px 8px 0;
  border: 1px solid var(--theme-green);
}
.p-column-filter-constraint .p-autocomplete.p-component :hover {
  border-color: var(--theme-green);
}
.p-popover {
  border-radius: 12px;
}
.p-popover .p-popover-content {
  padding: 0;
}
.p-popover .p-popover-content .p-popover-wrapper .p-virtualscroller-header {
  background: #658e04;
  color: var(--white);
  border-radius: 8px 8px 0 0;
  padding: 8px 15px;
}
.p-popover .p-popover-content .p-popover-wrapper .p-virtualscroller-content .p-virtualscroller-item .flex-1 p {
  font-size: 12px;
  text-transform: capitalize;
  margin-bottom: 0;
}
.p-popover .p-popover-content .p-popover-wrapper .p-virtualscroller-content .p-virtualscroller-item .flex-1 hr {
  margin-bottom: 0;
  margin-top: 8px;
}
.p-popover .p-popover-content .p-popover-wrapper .p-virtualscroller-content .flex.p-3 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.p-popover .p-popover-content .p-popover-wrapper .custom-clear-button {
  font-size: 12px;
  background: #86bd04;
  border: 0px;
  margin-top: 0px;
}
.p-popover .p-popover-content .p-popover-wrapper .custom-clear-button:hover {
  background-color: #86bd04;
}
.p-virtualscroller .p-virtualscroller-header p-button .p-button.p-button-danger {
  background-color: #86bd04;
  border: 1px solid #86bd04;
  padding: 0 10px;
  height: 24px;
  font-size: 12px;
  float: right;
  border-radius: 8px 8px 8px 8px;
}
.p-virtualscroller .p-virtualscroller-header p-button .p-button.p-button-danger .p-button-icon-left {
  margin-right: 5px;
  font-size: 12px;
}
.p-virtualscroller .p-virtualscroller-item .flex.p-3 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.p-virtualscroller .p-virtualscroller-item .flex.p-3:hover {
  background: #f5f5f5;
}
.p-virtualscroller .p-virtualscroller-item .flex.p-3:hover .flex-1 .pi-link {
  color: var(--theme-green);
}
.p-virtualscroller .p-virtualscroller-item .flex.p-3 .flex-1 {
  cursor: pointer;
  position: relative;
}
.p-virtualscroller .p-virtualscroller-item .flex.p-3 .flex-1 .pi-link {
  color: #dddddd;
  position: absolute;
  top: 40%;
  right: 0px;
}
.p-virtualscroller .p-virtualscroller-header p-button .p-button.p-button-danger:hover {
  background-color: #a3c779;
}
.p-datatable .p-datatable-tbody > tr {
  border-bottom: 1px solid #dee2e6;
}
.containerresize .row2 .card-body img[alt="QR Code"] {
  width: 150px;
}
.containerresize .row2 .card-body .form-group .p-button,
.containerresize .row2 .card-body .cours-subtitle .p-button {
  background: var(--theme-green);
  border-color: var(--theme-green);
  color: var(--white);
  border-radius: 8px;
  padding: 8.7px 15px;
  font-size: 14px;
}
.containerresize .row2 .card-body .form-group .p-button:hover,
.containerresize .row2 .card-body .cours-subtitle .p-button:hover {
  background: var(--light-grey);
  border-color: var(--light-grey);
  color: var(--white);
}
.card-container-view {
  margin-bottom: 12px;
  font-family: var(--new-bg-font, "DM Sans", sans-serif);
}
.card-container-view .label-l {
  display: inline-block;
  width: 37%;
  vertical-align: top;
  font-size: 13px;
  font-weight: 500;
  color: var(--new-pera-color);
  padding: 8px 0;
}
@media (max-width: 767px) {
  .card-container-view .label-l {
    width: 100%;
    padding-bottom: 4px;
  }
}
.card-container-view .value-r {
  display: inline-block;
  width: 63%;
  font-size: 13px;
  vertical-align: middle;
  padding: 8px 14px;
  background: var(--new-inner-background);
  background-color: var(--new-inner-background);
  color: var(--new-mainHeading-color);
  border: 1px solid var(--new-border-color);
  border-radius: 8px;
  margin-bottom: 0;
  min-height: 38px;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .card-container-view .value-r {
    width: 100%;
  }
}
.create-form .form-group,
.create-form .cours-subtitle {
  margin-bottom: 25px;
}
.hiddenForm.xs .img-thumb .close {
  right: -12px;
}
.hiddenForm.xs .form-group .fileupload,
.hiddenForm.xs .cours-subtitle .fileupload {
  border: 1px solid #dddddd;
  border-radius: 8px;
}
.create-form .form-control:hover {
  border: 1px solid var(--theme-green);
}
.create-form.addClient .form-group .p-element .p-multiselect,
.create-form.addClient .cours-subtitle .p-element .p-multiselect {
  height: 34px;
}
.create-form.addClient .form-group .p-element .p-multiselect:hover,
.create-form.addClient .cours-subtitle .p-element .p-multiselect:hover {
  border: 1px solid var(--theme-green);
}
.create-form.addClient .form-group .p-element .p-multiselect .p-multiselect-label-container .p-multiselect-label,
.create-form.addClient .cours-subtitle .p-element .p-multiselect .p-multiselect-label-container .p-multiselect-label {
  height: 34px;
  line-height: 11px;
  font-size: 14px;
}
.create-form.addClient .form-group .p-element .p-dropdown,
.create-form.addClient .cours-subtitle .p-element .p-dropdown {
  border-radius: 8px;
}
.create-form.addClient .h-rate {
  background: #f5f5f5;
  border-radius: 20px;
  padding-top: 10px;
  margin: 20px 0;
  border-right: 2px solid #fff;
  border-left: 5px solid #fff;
}
.create-form.addClient .h-rate .input-group .input-group-text {
  background: var(--light-green);
  line-height: 32px;
  padding: 0 5px;
  height: 34px;
  width: 40px;
  display: block;
  text-align: center;
  border-radius: 8px 0 0 8px;
  border-right: 0;
}
.create-form.addClient .h-rate .input-group .form-control {
  border-radius: 0 8px 8px 0;
}
.create-form.addClient .ot-h-rate {
  background: #f5f5f5;
  border-radius: 20px;
  padding-top: 10px;
  margin: 20px 0;
  border-right: 5px solid #fff;
  border-left: 2px solid #fff;
}
.create-form.addClient .ot-h-rate .input-group .input-group-text {
  background: var(--light-green);
  line-height: 32px;
  padding: 0 5px;
  height: 34px;
  width: 40px;
  display: block;
  text-align: center;
  border-radius: 8px 0 0 8px;
  border-right: 0;
}
.create-form.addClient .ot-h-rate .input-group .form-control {
  border-radius: 0 8px 8px 0;
}
.form-control:focus {
  box-shadow: 0px 0 5px 1px rgba(109, 126, 26, 0.2) !important;
  border-color: var(--theme-green) !important;
}
.clientView-user .create-form .form-group,
.clientView-user .create-form .cours-subtitle {
  margin-bottom: 15px;
}
.adminList-table .p-datatable-wrapper .p-datatable-table tbody td img {
  height: 50px;
  width: auto;
  max-width: 100px;
}
.ng-trigger-overlayAnimation.p-column-filter-overlay .px-3 .font-bold {
  font-size: 14px;
}
.ng-trigger-overlayAnimation.p-column-filter-overlay .p-column-filter-constraints .p-multiselect .p-multiselect-label-container .p-multiselect-label {
  font-size: 14px;
  line-height: 15px;
  padding: 9px 12px;
}
.ng-trigger-overlayAnimation.p-column-filter-overlay .p-column-filter-constraints .p-multiselect .p-element .p-overlay.p-component {
  right: 0;
}
.ng-trigger-overlayAnimation.p-column-filter-overlay .p-column-filter-constraints .p-multiselect .p-element .p-overlay.p-component .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item {
  font-size: 14px;
}
.p-multiselect:not(.p-disabled):hover,
.p-multiselect:not(.p-disabled).p-focus,
.p-dropdown:not(.p-disabled).p-focus {
  border-color: var(--theme-green);
}
.cardSticky .nav-tabs {
  margin-top: 0px;
  border-bottom: 0;
  margin-left: -5px;
}
.slc-site {
  padding: 15px;
  border-radius: 15px;
  margin-top: 30px;
  border: 1px solid #eee;
}
.slc-site h4 {
  font-size: 14px;
  margin-bottom: 20px;
}
.slc-site .role-previlege {
  margin: 0 -15px;
}
.slc-site .role-previlege .role-prev-checklist li {
  display: inline-block;
  width: 20%;
  padding: 6px;
}
.slc-site .role-previlege .role-prev-checklist li .form-group input[type=checkbox],
.slc-site .role-previlege .role-prev-checklist li .cours-subtitle input[type=checkbox] {
  width: 18px;
  height: 18px;
  margin: 3px 6px 0 0;
  float: left;
}
.slc-site .role-previlege .role-prev-checklist li .form-group span.slider,
.slc-site .role-previlege .role-prev-checklist li .cours-subtitle span.slider {
  font-size: 14px;
  text-transform: capitalize;
}
.btn-savex {
  background: var(--white);
  border: 1px solid var(--d-grey);
  color: var(--light-grey);
  font-size: 14px;
  line-height: 16px;
  height: 34px;
  min-width: 100px;
  padding: 8px 16px;
  border-radius: 8px;
  transition: all ease-in-out 0.3s;
}
.btn-savex:hover {
  background: var(--theme-green);
  color: var(--white);
}
.p-column-filter-overlay .p-column-filter-constraint .custom-multislct p {
  margin-bottom: 0;
}
.p-column-filter-overlay .p-column-filter-constraint .custom-multislct .p-element .p-autocomplete.p-component {
  min-height: 34px;
  height: auto;
}
.p-column-filter-overlay .p-column-filter-constraint .custom-multislct .p-element .p-autocomplete.p-component .p-inputtext {
  min-height: 34px;
  height: auto;
  max-width: 390px;
}
.p-column-filter-overlay .p-column-filter-constraint .custom-multislct .p-element .p-autocomplete.p-component .p-overlay .p-autocomplete-panel .p-autocomplete-items {
  display: inline-grid;
}
.layout-dashboard .card.accorcard {
  background-color: transparent;
  border: 0;
}
.layout-dashboard .card.accorcard .jobs-grid .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
  background: var(--white);
  color: var(--head-color);
  display: block;
  transition: all ease-in-out 0.3s;
}
.layout-dashboard .card.accorcard .jobs-grid .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
  float: right;
  margin-top: 5px;
}
.layout-dashboard .card.accorcard .jobs-grid .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link:hover {
  background: var(--light-green);
  color: var(--theme-green);
  text-decoration: none;
}
.layout-dashboard .card.accorcard .jobs-grid .p-accordion .p-accordion-tab .p-accordion-header.p-highlight .p-accordion-header-link {
  background: var(--light-green);
  color: var(--theme-green);
}
.layout-dashboard .card.accorcard .jobs-grid .p-accordion .p-accordion-tab .p-toggleable-content .p-accordion-content {
  height: 200px;
  overflow-y: auto;
  padding: 20px;
}
.layout-dashboard .card.accorcard .jobs-grid .p-accordion .p-accordion-tab .p-toggleable-content .p-accordion-content .dsh-crjob {
  padding-left: 0;
  margin-bottom: 0;
}
.layout-dashboard .card.accorcard .jobs-grid .p-accordion .p-accordion-tab .p-toggleable-content .p-accordion-content .dsh-crjob li {
  list-style: none;
  border-bottom: 1px solid #ccc;
  margin-bottom: 8px;
  padding-bottom: 8px;
}
.layout-dashboard .card.accorcard .jobs-grid .p-accordion .p-accordion-tab .p-toggleable-content .p-accordion-content .dsh-crjob li .job-item-r label {
  margin-right: 20px;
  font-weight: 700;
  color: var(--head-color);
}
.layout-dashboard .card.accorcard .jobs-grid .p-accordion .p-accordion-tab .p-toggleable-content .p-accordion-content .dsh-crjob li .job-item-r span {
  float: right;
}
.layout-dashboard.others-dash .grid .Dhs_box {
  padding-top: 40px;
}
.layout-dashboard.others-dash .grid .Dhs_box strong {
  font-size: 30px;
}
.layout-dashboard.others-dash .grid .Dhs_box .circle-ico-sets {
  padding-top: 40px;
}
p-chart > div {
  display: grid;
  place-content: center;
}
.float-dialog .float-dialog-header {
  padding: 0.4rem 0 !important;
  padding-bottom: 0 !important;
}
.layout-dashboard .card.accorcard .jobs-grid .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
  background: #eeeeee;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  text-align: center;
  display: block;
  margin-top: -2px;
}
.layout-dashboard .card.accorcard .jobs-grid .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link:hover .p-accordion-toggle-icon {
  background: var(--theme-green);
  color: #fff;
}
.jobs-grid .p-accordion .p-accordion-tab.p-accordion-tab-active .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
  background: var(--theme-green) !important;
  color: #ffffff;
}
.Dhs_box .progress-arrow {
  position: absolute;
  right: 20px;
  bottom: 20px;
  font-size: 14px;
  color: var(--theme-green);
}
.cardSticky .pro-pic {
  text-align: right;
}
@media screen and (max-width: 576px) {
  .cardSticky .pro-pic {
    align-items: start !important;
    margin-top: 11px;
    justify-content: start !important;
  }
}
@media (max-width: 767px) {
  .containerresize .row2 .card-body {
    padding: 12px;
  }
}
.containerresize .row2 .card-body .p-datatable-header .cj-filter {
  padding-right: 0;
  text-align: right;
}
@media (max-width: 767px) {
  .containerresize .card-body.client-vew-sitelist .col-12 {
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  .containerresize .card-body.client-vew-sitelist {
    padding: 12px;
  }
}
@media (max-width: 767px) {
  .containerresize .card-body.client-vew-sitelist .p-datatable .p-datatable-header {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .containerresize .card-body.client-vew-sitelist .p-datatable .p-datatable-header .col.list-src {
    flex-basis: auto;
  }
}
@media (max-width: 767px) {
  .containerresize .card-body.client-vew-sitelist .p-datatable .p-datatable-header .col.list-src .p-button.p-element {
    margin-bottom: 12px;
  }
}
@media (max-width: 767px) {
  .containerresize .card-body.client-vew-sitelist .p-datatable .p-datatable-header .col.list-src .p-input-icon-right {
    margin-bottom: 12px;
  }
}
.card .mt-4s .list-src {
  text-align: right;
}
@media (max-width: 767px) {
  .card .mt-4s .list-src {
    flex-basis: auto;
    text-align: left;
  }
}
@media (max-width: 767px) {
  .card .mt-4s .list-src button.p-button {
    margin-bottom: 12px;
  }
}
@media (max-width: 767px) {
  .card .mt-4s .list-src .p-input-icon-right {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .card.adminList-table .p-datatable .p-datatable-header .mt-4s .col.text-right {
    text-align: left !important;
    flex-basis: auto;
  }
}
@media (max-width: 767px) {
  .containerresize .card-edit .row2.machine-attach .clientUserList-table .p-datatable .p-datatable-header .col.text-right {
    text-align: left !important;
    flex-basis: auto;
  }
}
@media (max-width: 767px) {
  .containerresize .card-edit .row2.machine-attach .clientUserList-table .p-datatable .p-datatable-header .col.text-right .p-button {
    margin-bottom: 12px;
  }
}
@media (max-width: 767px) {
  .containerresize .card-edit .row2 .card-body .p-datatable .p-datatable-header .col.text-right {
    text-align: left !important;
    flex-basis: auto;
    padding: 0;
  }
}
@media (max-width: 767px) {
  .containerresize .card-edit .row2 .card-body .p-datatable .p-datatable-header .col.text-right .p-button {
    margin-bottom: 12px;
  }
}
@media (max-width: 767px) {
  .containerresize .card-edit .row2 .clientUserList-table .p-datatable .p-datatable-header .col.text-right {
    text-align: left !important;
    flex-basis: auto;
  }
}
@media (max-width: 767px) {
  .containerresize .card-edit .row2 .clientUserList-table .p-datatable .p-datatable-header .col.text-right .p-button {
    margin-bottom: 12px;
  }
}
@media (max-width: 767px) {
  .containerresize .card-edit .row2 .clientUserList-table .card-button-panel {
    margin-top: 10px;
  }
}
@media (max-width: 767px) {
  .badge-danger {
    margin-left: 6px;
  }
}
@media (max-width: 767px) {
  .card.adminList-table .p-datatable .p-datatable-header {
    padding: 12px;
  }
}
@media (max-width: 767px) {
  .card.adminList-table .p-datatable .p-datatable-header .col {
    flex-basis: auto;
  }
}
@media (max-width: 767px) {
  .card.adminList-table .p-datatable .p-datatable-header .col.text-right {
    text-align: left !important;
  }
}
@media (max-width: 767px) {
  .card.adminList-table .p-datatable .p-datatable-header .col.text-right .p-button {
    margin-bottom: 12px;
  }
}
.btn-primary.disabled,
.btn-primary:disabled {
  background-color: var(--theme-green) !important;
  border-color: var(--theme-green) !important;
}
.btn-primary.focus,
.btn-primary:focus {
  background-color: var(--theme-green) !important;
  border-color: var(--theme-green) !important;
}
.row2 .btn-primary {
  background-color: var(--theme-green) !important;
  border-color: var(--theme-green) !important;
}
.changePassword-form .p-dropdown.p-component {
  width: 100%;
  height: 34px;
  line-height: 12px;
}
.changePassword-form .p-dropdown.p-component .p-dropdown-label {
  font-size: 14px;
}
.p-column-filter-overlay .p-column-filter-constraint .p-element.filetr-limit .p-multiselect {
  max-width: 230px;
}
.card.dash-tabs .card-body p-autocomplete.p-element .p-autocomplete button.p-element {
  border-radius: 0 6px 6px 0;
  background: var(--light-grey);
  color: var(--white);
  border-color: var(--theme-green);
}
.card.dash-tabs .card-body p-autocomplete.p-element .p-autocomplete button.p-element:hover {
  background: var(--theme-green);
  color: var(--white);
  border-color: var(--theme-green);
}
.card.dash-tabs .card-body .align-items-customs p-button.p-element button.p-button {
  color: var(--light-grey);
  line-height: 22px;
}
.card.dash-tabs .card-body .align-items-customs p-button.p-element button.p-button:hover {
  color: var(--theme-green);
  background-color: transparent;
}
.card.dsh-pi-crt .cardheader-panel .col-md-6 {
  padding-left: 0;
}
.usprev-form .role-previlege .role-prev-checklist li.role-items {
  padding: 15px;
  border-radius: 15px;
  transition: all ease-in-out 0.3s;
}
.usprev-form .role-previlege .role-prev-checklist li.role-items span.headersty {
  float: left;
  margin-top: 5px;
}
.usprev-form .role-previlege .role-prev-checklist li.role-items .slcd-all {
  float: left;
  margin-top: 5px;
}
.usprev-form .role-previlege .role-prev-checklist li.role-items .slcd-all input {
  float: left;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  margin-top: 3px;
}
.usprev-form .role-previlege .role-prev-checklist li.role-items .role-options {
  margin-top: 15px;
}
.usprev-form .role-previlege .role-prev-checklist li.role-items .role-options .actionrow .form-group input,
.usprev-form .role-previlege .role-prev-checklist li.role-items .role-options .actionrow .cours-subtitle input {
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
.usprev-form .role-previlege .role-prev-checklist li.role-items .role-options .subheader {
  margin-bottom: 10px;
  float: left;
}
.usprev-form .role-previlege .role-prev-checklist li.role-items:nth-child(odd) {
  background: #f5f5f5;
  transition: all ease-in-out 0.3s;
}
.usprev-form .role-previlege .role-prev-checklist li.role-items:hover {
  background: #eeeeee;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item[aria-label="Create New"] {
  cursor: default;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item[aria-label="Create New"]:hover {
  background: var(--white);
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus[aria-label="Create New"] {
  background: var(--white);
}
.loginForm-rght .rembr-me label {
  font-size: 16px;
  color: var(--deep-dark);
}
.loginForm-rght .rembr-me label input {
  float: left;
  margin-top: 7px;
  margin-right: 4px;
}
.loginForm-rght .frg-pass .forgotpass {
  font-size: 16px;
  color: var(--deep-dark);
}
.padd-l-7 {
  padding-left: 7px !important;
}
.p-messages .p-message-wrapper {
  display: block;
}
.p-messages .p-message-wrapper .p-message-icon .p-icon {
  width: 20px;
  height: 20px;
}
.p-messages .p-message-wrapper button.p-element {
  float: right;
}
.p-messages .p-icon {
  width: 20px;
  height: 20px;
}
.machineView-pop .card .card-header h4 {
  font-size: 18px;
}
.machineView-pop .card .card-header h4 span {
  color: var(--theme-green);
}
.machineView-pop .card .card-header h5 .add-to-site {
  font-size: 14px;
  color: var(--theme-green);
  float: right;
  border: 1px solid var(--theme-green);
  border-radius: 8px;
  padding: 6px 12px;
  text-decoration: none;
  transition: all ease-in-out 0.3s;
}
.machineView-pop .card .card-header h5 .add-to-site:hover {
  background: var(--theme-green);
  color: var(--white);
}
.machineView-pop .card .semititle {
  background: #eeffd8;
  padding: 6px 12px 8px;
  border-radius: 8px;
  margin-bottom: 10px;
}
.machineView-pop .card .semititle strong {
  color: var(--theme-green);
  font-weight: 600;
}
.card-title-row {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 25px;
  border-bottom: 0px;
  padding: 0px 0px 0px;
}
.create-lead-lt {
  position: relative;
}
.create-lead-row {
  margin: 0px -20px;
}
.create-lead-row .create-lead-col {
  padding: 0px 20px;
}
.create-lead-lt {
  position: relative;
}
.create-lead-lt::before {
  right: -9px;
  bottom: 25px;
  position: absolute;
  content: "";
  background: var(--border-line);
  width: 1px;
  height: calc(100% - 80px);
}
.createTeam .create-lead-sub-title {
  position: relative;
  text-align: center;
}
.createTeam .create-lead-sub-title b {
  background: #f9fafc;
  padding: 15px;
  position: relative;
  color: var(--text-color);
  font-size: 12px;
  font-weight: normal;
}
.createTeam .create-lead-sub-title::before {
  width: 100%;
  height: 1px;
  left: 0px;
  top: 60%;
  transform: translateY(-50%);
  position: absolute;
  content: "";
  background: var(--border-line);
}
.lead-button {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
.lead-button button {
  margin: 0px 15px 0px 0px;
}
.lead-button .lead-button-btn {
  background: var(--green-btn);
}
.btn-green {
  background: var(--green-btn);
  color: var(--white);
  font-size: 14px;
  font-weight: 400;
  padding: 8px 25px;
  border: none;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  outline: none;
  box-shadow: none;
  display: inline-block;
  transition: 0.5s;
  height: 34px;
  line-height: 18px;
}
.btn-green:hover,
.btn-green:focus {
  background: var(--green-btn);
  color: var(--white);
  outline: 1px solid var(--green-btn);
}
.btn-green-border {
  background: var(--white);
  color: var(--text-color);
  font-size: 14px;
  font-weight: 400;
  padding: 8px 25px;
  border: 1px solid var(--green-btn);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  outline: none;
  box-shadow: none;
  display: inline-block;
  transition: 0.5s;
  height: 34px;
  line-height: 18px;
}
.btn-green-border:hover,
.btn-green-border:focus {
  background: var(--green-btn);
  color: var(--white);
  outline: 0px;
}
.page-select-box .p-select,
.p-select.light-weight,
.p-dropdown.light-weight {
  background: url("./media/drop-down-icon-TDG7SGYI.png") right center;
  background-repeat: no-repeat;
  background-size: 10px;
  background-color: none;
  border: none;
  outline: none;
  box-shadow: none;
  appearance: none;
  font-size: 16px;
  font-weight: 500;
  color: var(--text-color);
}
.page-select-box .p-select .p-select-dropdown,
.p-select.light-weight .p-select-dropdown,
.p-dropdown.light-weight .p-select-dropdown {
  width: 15px;
}
.page-select-box .p-select chevrondownicon,
.p-select.light-weight chevrondownicon,
.p-dropdown.light-weight chevrondownicon {
  display: none;
}
.page-select-box .p-select .p-select-label,
.p-select.light-weight .p-select-label,
.p-dropdown.light-weight .p-select-label {
  color: var(--theme-green);
  padding: 5px 10px;
  font-size: 14px;
}
.page-select-box .p-select .p-select-label:hover,
.p-select.light-weight .p-select-label:hover,
.p-dropdown.light-weight .p-select-label:hover {
  color: var(--theme-green) !important;
}
.page-select-box .p-multiselect {
  background: url("./media/drop-down-icon-TDG7SGYI.png") right center;
  background-repeat: no-repeat;
  background-size: 10px;
  background-color: transparent;
  border: none;
  outline: none;
  box-shadow: none;
  appearance: none;
  font-size: 16px;
  font-weight: 500;
  color: var(--text-color);
}
.page-select-box .p-multiselect chevrondownicon {
  display: none;
}
.page-select-box .p-multiselect .p-multiselect-label {
  color: var(--theme-green);
  padding: 5px 10px;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.page-select-box .p-multiselect .p-multiselect-label:hover {
  color: var(--theme-green) !important;
}
.page-select-box .p-multiselect .p-multiselect-trigger {
  display: none;
}
.top-lead-list-btn button:not(.p-splitbutton-dropdown) {
  background: none;
  border: none;
  outline: none;
  box-shadow: none;
  color: var(--black);
  font-size: 13px !important;
  line-height: 18px;
  font-weight: 500;
  margin-left: 20px;
}
.top-lead-list-btn button:not(.p-splitbutton-dropdown):first-child {
  margin-left: 0px;
}
.top-lead-list-btn button:not(.p-splitbutton-dropdown):hover {
  color: var(--green-btn);
}
.top-lead-list-btn button:not(.p-splitbutton-dropdown) i {
  margin-left: 3px;
}
.card-title-row h4 {
  color: var(--black);
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  margin-bottom: 0px;
}
.p-datatable .p-datatable-thead {
  background: var(--theme-green);
}
.p-datatable .p-datatable-thead tr th {
  color: var(--white) !important;
  font-size: 14px !important;
  white-space: nowrap;
}
.p-datatable .p-datatable-thead tr th .flex-container {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: var(--new-bg-font);
}
.p-datatable .p-datatable-thead tr th .p-icon {
  width: 12px;
  height: 12px;
}
.p-datatable .p-datatable-thead tr th .p-datatable-filter .p-button-secondary {
  width: 25px;
  height: 25px;
  background: var(--light-green);
  border-color: transparent;
  color: var(--white);
  font-size: 12px;
}
.p-datatable .p-datatable-thead tr th:hover {
  background: none;
}
.p-datatable .p-datatable-tbody tr td {
  white-space: nowrap;
  font-size: 14px;
  color: var(--text-color);
}
@media screen and (max-width: 576px) {
  .p-datatable .p-datatable-tbody tr td {
    font-size: 12px;
    padding: 8px 11px;
  }
}
.p-datatable .p-datatable-tbody tr td:nth-child(2) a {
  color: var(--light-text-green);
}
.lead-list-top-area .card-title-row-rt-view-top {
  display: inline-flex;
  align-items: center;
}
.lead-list-top-area .card-title-row-rt-view-top .p-select {
  margin-right: 30px;
}
.p-paginator {
  background: var(--bg-background) !important;
  border-top: 1px solid var(--new-border-color) !important;
  color: var(--new-pera-color) !important;
  padding: 10px 14px !important;
}
.p-paginator .p-paginator-current {
  color: var(--new-pera-color) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  border: 0 !important;
  background: none !important;
}
.p-paginator .p-paginator-element,
.p-paginator .p-paginator-page,
.p-paginator .p-paginator-first,
.p-paginator .p-paginator-prev,
.p-paginator .p-paginator-next,
.p-paginator .p-paginator-last,
.p-paginator .p-ripple {
  background: transparent !important;
  color: var(--new-mainHeading-color) !important;
  border: 1px solid var(--new-border-color) !important;
  border-radius: var(--new-border-radius, 8px) !important;
  min-width: 32px !important;
  height: 32px !important;
  font-size: 13px !important;
  margin: 0 3px !important;
  transition: all 0.2s ease !important;
  box-shadow: none !important;
}
.p-paginator .p-paginator-element:hover:not(.p-highlight):not(.p-disabled),
.p-paginator .p-paginator-page:hover:not(.p-highlight):not(.p-disabled),
.p-paginator .p-paginator-first:hover:not(.p-highlight):not(.p-disabled),
.p-paginator .p-paginator-prev:hover:not(.p-highlight):not(.p-disabled),
.p-paginator .p-paginator-next:hover:not(.p-highlight):not(.p-disabled),
.p-paginator .p-paginator-last:hover:not(.p-highlight):not(.p-disabled),
.p-paginator .p-ripple:hover:not(.p-highlight):not(.p-disabled) {
  background: var(--new-hover-color) !important;
  border-color: var(--light-text-green) !important;
  color: var(--light-text-green) !important;
}
.p-paginator .p-paginator-element.p-highlight,
.p-paginator .p-paginator-page.p-highlight,
.p-paginator .p-paginator-first.p-highlight,
.p-paginator .p-paginator-prev.p-highlight,
.p-paginator .p-paginator-next.p-highlight,
.p-paginator .p-paginator-last.p-highlight,
.p-paginator .p-ripple.p-highlight {
  background: var(--light-text-green) !important;
  color: #ffffff !important;
  border-color: var(--light-text-green) !important;
  font-weight: 600 !important;
}
.p-paginator .p-paginator-element.p-disabled,
.p-paginator .p-paginator-element:disabled,
.p-paginator .p-paginator-page.p-disabled,
.p-paginator .p-paginator-page:disabled,
.p-paginator .p-paginator-first.p-disabled,
.p-paginator .p-paginator-first:disabled,
.p-paginator .p-paginator-prev.p-disabled,
.p-paginator .p-paginator-prev:disabled,
.p-paginator .p-paginator-next.p-disabled,
.p-paginator .p-paginator-next:disabled,
.p-paginator .p-paginator-last.p-disabled,
.p-paginator .p-paginator-last:disabled,
.p-paginator .p-ripple.p-disabled,
.p-paginator .p-ripple:disabled {
  opacity: 0.4 !important;
  background: transparent !important;
  border-color: var(--new-border-color) !important;
  color: var(--new-pera-color) !important;
  cursor: default !important;
}
.p-paginator .p-dropdown {
  background: var(--bg-background) !important;
  border: 1px solid var(--new-border-color) !important;
  border-radius: var(--new-border-radius, 8px) !important;
  height: 32px !important;
}
.p-paginator .p-dropdown .p-dropdown-label {
  color: var(--new-mainHeading-color) !important;
  font-size: 13px !important;
  padding: 4px 8px 4px 12px !important;
}
.p-paginator .p-dropdown .p-dropdown-trigger {
  color: var(--new-pera-color) !important;
}
.p-datatable-table-container {
  background: var(--bg-background) !important;
  border-radius: 20px;
  padding-bottom: 20px;
}
.p-datatable-table-container .p-datatable-table .p-datatable-tbody tr:nth-child(even) {
  background-color: var(--bg-color);
}
.p-datatable-table-container .p-datatable-table .p-datatable-tbody tr:nth-child(even) td {
  background-color: var(--bg-color);
  background-color: transparent;
}
.p-datatable-table-container .p-datatable-table .p-datatable-tbody tr td {
  border-bottom: 0px;
  color: var(--new-pera-color) !important;
  font-family: var(--new-bg-font);
}
.p-datatable-table-container .p-datatable-table .p-datatable-tbody tr td:nth-child(4) {
  max-width: 300px;
  white-space: wrap;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 28px;
  vertical-align: middle !important;
  display: table-cell !important;
}
.cours-list-table-rdius .p-datatable-table-container {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.creat-deals-row {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}
.creat-deals-row .creat-deals-lt {
  flex-basis: 45%;
}
.creat-deals-row .creat-deals-rt {
  flex-basis: 45%;
}
.creat-deals-row .creat-deals-rt h4 {
  font-size: 14px;
  color: var(--text-color);
  text-transform: capitalize;
}
.creat-deals-row .creat-deals-rt .creat-deals-rt-main {
  background: var(--white);
  padding: 15px 20px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  min-height: 300px;
  border: 1px solid var(--border-line);
}
.creat-deals-row .creat-deals-rt .creat-deals-rt-main .card .card-body {
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  background: var(--white);
  padding: 15px;
  min-height: 90px;
}
.creat-deals-row .creat-deals-rt .creat-deals-rt-main .card .card-body h5 {
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  color: var(--theme-green);
  margin-bottom: 2px;
}
.creat-deals-row .creat-deals-rt .creat-deals-rt-main .card .card-body h5 a {
  color: var(--theme-green);
  text-decoration: none;
}
.creat-deals-row .creat-deals-rt .creat-deals-rt-main .card .card-body p {
  font-size: 14px;
  font-weight: 400;
  text-transform: capitalize;
  color: var(--text-color);
  margin-bottom: 2px;
}
.creat-deals-row .creat-deals-rt .creat-deals-rt-main .card .card-body p span {
  color: #b9b9b9;
}
.creat-deals-row .creat-deals-rt .creat-deals-rt-main .card .card-body p i {
  color: var(--theme-green);
  font-size: 14px;
  margin-left: 8px;
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
}
.creat-deals-row .creat-deals-rt .creat-deals-rt-main .card .card-body:hover {
  background: var(--bg-color);
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}
.creat-deals-row .creat-deals-rt .creat-deals-rt-main .card .card-body:hover p i {
  visibility: visible;
  opacity: 1;
}
form select.form-control {
  background: #ffffff url("./media/drop-down-icon-TDG7SGYI.png") right center;
  background-repeat: no-repeat;
  background-size: 10px;
  appearance: none;
  background-position: right 15px center;
}
form textarea.form-control {
  height: 70px;
  resize: none;
}
.create-deal-form .lead-button {
  justify-content: start;
}
.create-deal-form .form-group,
.create-deal-form .cours-subtitle {
  margin-bottom: 20px;
}
.create-deal-form .form-group .form-control::placeholder,
.create-deal-form .cours-subtitle .form-control::placeholder {
  opacity: 1;
  color: #d8d8d8;
}
.action-icon a {
  margin: 0px 5px;
}
.view-lead-bottom {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 30px;
  justify-content: space-between;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  overflow: hidden;
}
.view-lead-bottom .view-lead-bottom-lt {
  width: 25%;
  border-right: 1px solid var(--border-line);
}
.view-lead-bottom .view-lead-bottom-lt .view-lead-lt-top {
  padding: 15px;
}
.view-lead-bottom .view-lead-bottom-lt-in,
.view-lead-bottom .view-lead-bottom-rt-in {
  background: var(--white);
  padding: 0px;
  height: 100%;
  -moz-border-radius: 0px 0px 0px 0px;
  -webkit-border-radius: 0px 0px 0px 0px;
  -o-border-radius: 0px 0px 0px 0px;
  border-radius: 0px 0px 0px 0px;
  -moz-box-shadow: 0px 1px 8px -5px rgba(0, 0, 0, 0.65);
  -webkit-box-shadow: 0px 1px 8px -5px rgba(0, 0, 0, 0.65);
  -o-box-shadow: 0px 1px 8px -5px rgba(0, 0, 0, 0.65);
  box-shadow: 0 1px 8px -5px rgba(0, 0, 0, 0.6509803922);
}
.view-lead-bottom .view-lead-bottom-rt {
  width: 75%;
}
.view-lead-bottom .view-lead-bottom-rt .view-lead-tabs-accordion {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 0px;
}
.view-lead-bottom .view-lead-bottom-rt .view-lead-tabs-accordion .view-lead-tabs {
  width: 66%;
  padding: 20px 15px 100px 15px;
  height: 100%;
  border-right: 1px solid var(--border-line);
}
.view-lead-bottom .view-lead-bottom-rt .view-lead-tabs-accordion .view-lead-tabs .p-tab {
  height: inherit;
  line-height: inherit;
  padding: 8px 15px;
  color: var(--text-list-grey-light);
  font-size: 14px;
  text-transform: capitalize;
  border: 0px;
  font-weight: 400;
}
.view-lead-bottom .view-lead-bottom-rt .view-lead-tabs-accordion .view-lead-tabs .p-tablist-active-bar {
  display: none;
}
.view-lead-bottom .view-lead-bottom-rt .view-lead-tabs-accordion .view-lead-tabs .p-tablist-tab-list {
  border: 0px !important;
}
.view-lead-bottom .view-lead-bottom-rt .view-lead-tabs-accordion .view-lead-tabs .view-lead-tabs-inner {
  background: var(--bg-color);
  padding: 0.75em 0.5em;
  min-height: 250px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  margin-top: 15px;
  border: 1px solid var(--border-line);
}
.view-lead-bottom .view-lead-bottom-rt .view-lead-tabs-accordion .view-lead-tabs .view-lead-tabs-inner .button-group {
  justify-content: center;
}
.view-lead-bottom .view-lead-bottom-rt .view-lead-tabs-accordion .view-lead-tabs .view-lead-tabs-inner button:not(:last-child) {
  margin: 0 12px 0 0;
}
.view-lead-bottom .view-lead-bottom-rt .view-lead-tabs-accordion .view-lead-tabs .view-lead-tabs-inner p {
  font-size: 13px;
  text-transform: capitalize;
}
.view-lead-bottom .view-lead-bottom-rt .view-lead-tabs-accordion .view-lead-tabs .view-lead-tabs-inner .view-lead-tabs-inner-button {
  margin-bottom: 50px;
}
.view-lead-bottom .view-lead-bottom-rt .view-lead-tabs-accordion .view-lead-tabs .p-tabpanels {
  padding: 0px;
}
.view-lead-bottom .view-lead-bottom-rt .view-lead-tabs-accordion .view-lead-tabs p-tab {
  background: var(--white);
  color: var(--text-list-grey-light);
  font-size: 14px;
  text-transform: capitalize;
  text-decoration: none;
  padding: 7px 10px;
  border-radius: 8px;
}
.view-lead-bottom .view-lead-bottom-rt .view-lead-tabs-accordion .view-lead-tabs p-tab:hover {
  background: var(--contact-bg);
  color: var(--theme-green);
}
.view-lead-bottom .view-lead-bottom-rt .view-lead-tabs-accordion .view-lead-tabs p-tab:hover .view-lead-tabs-inner-button {
  display: flex;
  justify-content: center;
  margin-top: 30px;
  background: var(--bg-color);
  border-radius: 8px;
}
.view-lead-bottom .view-lead-bottom-rt .view-lead-tabs-accordion .view-lead-tabs p-tab:hover .view-lead-tabs-inner-button .btn-green {
  margin: 0px 15px;
}
.view-lead-bottom .view-lead-bottom-rt .view-lead-tabs-accordion .view-lead-accordion {
  width: 34%;
  padding: 26px 15px 20px;
}
.view-lead-bottom .view-lead-bottom-rt .view-lead-tabs-accordion .view-lead-accordion .view-lead-accordion-inner {
  max-height: 700px;
  overflow: auto;
}
.view-lead-bottom .view-lead-bottom-rt .view-lead-tabs-accordion .view-lead-accordion .view-lead-accordion-inner .p-accordionpanel {
  border: 0px;
}
.view-lead-bottom .view-lead-bottom-rt .view-lead-tabs-accordion .view-lead-accordion .view-lead-accordion-inner .p-accordionpanel span {
  color: var(--text-color);
  font-size: 14px;
  font-weight: 400;
}
.view-lead-bottom .view-lead-bottom-rt .view-lead-tabs-accordion .view-lead-accordion .view-lead-accordion-inner .p-accordionpanel .add-button {
  background: none;
  border: none;
  outline: none;
  box-shadow: none;
  color: var(--theme-green);
  font-size: 13px;
  line-height: 24px;
  font-weight: 500;
  text-decoration: none;
}
.view-lead-bottom .view-lead-bottom-rt .view-lead-tabs-accordion .view-lead-accordion .view-lead-accordion-inner .p-accordioncontent-content {
  padding: 0px;
}
.view-lead-bottom .view-lead-bottom-rt .view-lead-tabs-accordion .view-lead-accordion .view-lead-accordion-inner .p-accordioncontent-content .accordion-content-body {
  background: var(--bg-color);
  padding: 18px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  border: 1px solid var(--border-line);
  margin-bottom: 15px;
}
.view-lead-bottom .view-lead-bottom-rt .view-lead-tabs-accordion .view-lead-accordion .view-lead-accordion-inner .p-accordioncontent-content .accordion-content-body ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.view-lead-bottom .view-lead-bottom-rt .view-lead-tabs-accordion .view-lead-accordion .view-lead-accordion-inner .p-accordioncontent-content .accordion-content-body ul li {
  color: var(--black);
  font-size: 13px;
}
.view-lead-bottom .view-lead-bottom-rt .view-lead-tabs-accordion .view-lead-accordion .view-lead-accordion-inner .p-accordioncontent-content .accordion-content-body ul li:not(:last-child) {
  margin-bottom: 7px;
}
.view-lead-bottom .view-lead-bottom-rt .view-lead-tabs-accordion .view-lead-accordion .view-lead-accordion-inner .p-accordioncontent-content .accordion-content-body ul li a {
  color: var(--text-list-grey-light);
  text-decoration: none;
}
.view-lead-bottom .view-lead-bottom-rt .view-lead-tabs-accordion .view-lead-accordion .view-lead-accordion-inner .p-accordioncontent-content .accordion-content-body ul li a:hover {
  color: var(--theme-green);
}
.view-lead-bottom .view-lead-bottom-rt .view-lead-tabs-accordion .view-lead-accordion .view-lead-accordion-inner .p-accordioncontent-content .accordion-content-body ul li span {
  color: var(--text-list-grey-light);
  text-decoration: none;
}
.view-lead-bottom .view-lead-bottom-rt .view-lead-tabs-accordion .view-lead-accordion .view-lead-accordion-inner .p-accordioncontent-content .accordion-content-body.proposals-box ul li {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 13px;
  color: var(--text-list-grey-light);
}
.view-lead-bottom .view-lead-bottom-rt .view-lead-tabs-accordion .view-lead-accordion .view-lead-accordion-inner .p-accordioncontent-content .accordion-content-body.proposals-box ul li i {
  color: var(--text-list-grey-light);
  font-size: 13px;
}
.view-lead-bottom .view-lead-bottom-rt .view-lead-tabs-accordion .view-lead-accordion .p-accordionheader {
  padding: 0px;
  position: relative;
  padding-left: 20px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}
.view-lead-bottom .view-lead-bottom-rt .view-lead-tabs-accordion .view-lead-accordion .p-accordionheader .p-accordionheader-toggle-icon {
  left: 0px;
  top: 4px;
  position: absolute;
}
.view-lead-bottom .view-lead-bottom-rt .view-lead-tabs-accordion .view-lead-accordion .p-accordionheader .p-accordionheader-toggle-icon .p-icon {
  width: 14px;
}
.view-lead-bottom .view-lead-bottom-rt .view-lead-tabs-accordion .view-lead-accordion .header-container-in {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.view-lead-lt-top .view-lead-lt-top1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.view-lead-lt-top .view-lead-lt-top1 .view-lead-lt-top1-lt h4 {
  font-size: 16px;
  font-weight: bold;
  text-transform: capitalize;
  color: var(--text-color);
  margin: 0px;
  padding: 0px;
}
.view-lead-lt-top .view-lead-lt-top2 .view-lead-lt-top2-box {
  width: 100%;
  display: flex;
  align-items: center;
}
.view-lead-lt-top .view-lead-lt-top2 .view-lead-lt-top2-box .view-lead-lt-top2-box-icon {
  width: 60px;
}
.view-lead-lt-top .view-lead-lt-top2 .view-lead-lt-top2-box .view-lead-lt-top2-box-icon .view-lead-lt-top2-box-circle {
  position: relative;
}
.view-lead-lt-top .view-lead-lt-top2 .view-lead-lt-top2-box .view-lead-lt-top2-box-icon .view-lead-lt-top2-box-circle img {
  width: 60px;
  height: 60px;
  -o-border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}
.view-lead-lt-top .view-lead-lt-top2 .view-lead-lt-top2-box .view-lead-lt-top2-box-icon .view-lead-lt-top2-box-circle .view-lead-camara {
  width: 20px;
  height: 20px;
  line-height: 14px;
  border: 1px solid #ffffff;
  text-align: center;
  display: inline-block;
  background: var(--theme-green);
  border-radius: 100%;
  right: 1px;
  bottom: -1px;
  position: absolute;
}
.view-lead-lt-top .view-lead-lt-top2 .view-lead-lt-top2-box .view-lead-lt-top2-box-icon .view-lead-lt-top2-box-circle .view-lead-camara i {
  font-size: 9px;
  color: var(--white);
}
.view-lead-lt-top .view-lead-lt-top2 .view-lead-lt-top2-box .view-lead-lt-top2-box-text {
  padding-left: 15px;
}
.view-lead-lt-top .view-lead-lt-top2 .view-lead-lt-top2-box .view-lead-lt-top2-box-text h3 {
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  color: var(--text-color);
  margin: 0;
  padding: 0;
  margin-bottom: 5px;
}
.view-lead-lt-top .view-lead-lt-top2 .view-lead-lt-top2-box .view-lead-lt-top2-box-text p {
  font-size: 12px;
  font-weight: 400;
  text-transform: capitalize;
  color: var(--link-color);
  margin: 0;
  padding: 0;
}
.view-lead-lt-top .view-lead-lt-top2 .view-lead-lt-top2-box .view-lead-lt-top2-box-text p a {
  color: var(--link-color);
}
.view-lead-lt-top .view-lead-lt-top3 {
  margin-top: 30px;
  margin-bottom: 30px;
}
.view-lead-lt-top .view-lead-lt-top3 ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  display: inline-flex;
}
.view-lead-lt-top .view-lead-lt-top3 ul li:not(:last-child) {
  margin-right: 5px;
}
.view-lead-lt-top .view-lead-lt-top3 ul li a {
  background: var(--white);
  color: var(--text-list-grey-light);
  font-size: 14px;
  text-transform: capitalize;
  text-decoration: none;
  padding: 7px 5px;
  border-radius: 8px;
}
.view-lead-lt-top .view-lead-lt-top3 ul li a i {
  margin-left: 2px;
}
.view-lead-lt-top .view-lead-lt-top3 ul li a:hover {
  background: var(--contact-bg);
  color: var(--theme-green);
}
.view-lead-lt-bottom {
  border-top: 1px solid var(--border-line);
  padding: 15px;
}
.view-lead-lt-bottom .view-lead-lt-bottom1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.view-lead-lt-bottom .view-lead-lt-bottom1 .view-lead-lt-bottom1-lt h4 {
  font-size: 14px;
  font-weight: bold;
  text-transform: capitalize;
  color: var(--theme-green);
  margin: 0px;
  padding: 0px;
}
.view-lead-lt-bottom .view-lead-lt-bottom1 .view-lead-lt-bottom1-rt button {
  font-size: 14px;
  font-weight: bold;
  text-transform: capitalize;
  color: var(--theme-green);
  margin: 0px;
  padding: 0px;
  border: none;
  background: none;
  box-shadow: none;
}
.view-lead-lt-bottom .view-lead-lt-bottom1 .view-lead-lt-bottom1-rt button i {
  margin-left: 5px;
}
.view-lead-lt-bottom ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.view-lead-lt-bottom ul li {
  font-size: 13px;
  text-transform: capitalize;
  color: var(--text-list-grey-light);
}
.view-lead-lt-bottom ul li:nth-child(even) {
  color: var(--text-list-color-deep);
  font-weight: 500;
}
.view-lead-lt-bottom ul li:not(:last-child) {
  margin-bottom: 10px;
}
.view-lead-lt-bottom .view-lead-lt-bottom-inner {
  max-height: 400px;
  overflow: auto;
}
.page-body-wrapper .layout-main .layout-content .layout-dashboard {
  padding-top: 0px;
  padding-bottom: 80px;
}
.page-body-wrapper .layout-main .layout-content .layout-dashboard .card-header {
  padding: 0px 0px;
  background: none;
}
.page-body-wrapper .layout-main .layout-content .layout-dashboard .card-title-row h2 {
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  margin-bottom: 10px;
}
.page-body-wrapper .layout-main .layout-content .layout-dashboard .card-title-row .card-title-row-rt .card-title-row-rt-box {
  display: flex;
  align-items: center;
}
.page-body-wrapper .layout-main .layout-content .layout-dashboard .card-title-row .card-title-row-rt .card-title-row-rt-box .dashboard-top-select-in {
  margin-left: 15px;
}
.page-body-wrapper .layout-main .layout-content .layout-dashboard .card-title-row .card-title-row-rt .card-title-row-rt-box h5 {
  color: var(--text-list-color-deep);
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  margin-bottom: 0px;
}
.page-body-wrapper .layout-main .layout-content .layout-dashboard .card-title-row .card-title-row-rt .card-title-row-rt-box .dashboard-top-select {
  display: flex;
}
.page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl1 .dashboard-pnl1-box {
  background: var(--white);
  padding: 16px 22px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  transition: all 0.5s ease-in;
  border: 2px dotted #dbe5c1;
  box-shadow: none;
}
.page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl1 .dashboard-pnl1-box:hover {
  cursor: pointer;
  box-shadow: 0px 3px 7px 1px rgba(204, 204, 204, 0.2392156863);
}
.page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl1 .dashboard-pnl1-box .card {
  margin: 0px;
  padding: 0px;
}
.page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl1 .dashboard-pnl1-box .card .card-body {
  margin: 0px;
  padding: 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl1 .dashboard-pnl1-box .card .card-body .card-body-lt h3 {
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  text-transform: capitalize;
  margin: 0px;
  padding: 0px;
  margin-bottom: 5px;
}
.page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl1 .dashboard-pnl1-box .card .card-body .card-body-lt p {
  color: var(--text-list-grey-light);
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  color: #909090;
  margin: 0px;
  padding: 0px;
}
.page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl1 .dashboard-pnl1-box .card .card-body .card-body-rt {
  background: #f1f3e9;
}
.page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl1 .dashboard-pnl1-box .card .card-body .card-body-rt i {
  color: var(--theme-green);
  font-size: 16px;
  font-weight: bold;
}
.page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl2 {
  background: var(--white);
  padding: 40px 25px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
  -moz-box-shadow: 0px 1px 8px -5px rgba(0, 0, 0, 0.65);
  -webkit-box-shadow: 0px 1px 8px -5px rgba(0, 0, 0, 0.65);
  -o-box-shadow: 0px 1px 8px -5px rgba(0, 0, 0, 0.65);
  box-shadow: 0px 1px 8px -5px rgba(0, 0, 0, 0.65);
}
.page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl2 .dashboard-pnl2-col:not(:last-child) {
  border-right: 1px solid var(--border-line);
}
.page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl2 .dashboard-pnl2-box {
  text-align: center;
}
.page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl2 .dashboard-pnl2-box:hover {
  cursor: pointer;
}
.page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl2 .dashboard-pnl2-box h3 {
  color: var(--black);
  font-size: 16px;
  line-height: 26px;
  font-weight: 700;
  text-transform: capitalize;
  margin: 0px;
  margin-bottom: 5px;
  padding: 0px;
}
.page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl2 .dashboard-pnl2-box h4 {
  color: var(--theme-green);
  font-size: 24px;
  line-height: 34px;
  font-weight: 700;
  margin: 0px;
  margin-bottom: 5px;
  padding: 0px;
}
.page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl2 .dashboard-pnl2-box p {
  color: var(--text-list-color-deep);
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  margin: 0px;
  padding: 0px;
}
.page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl3 {
  background: var(--white);
  padding: 0px;
  margin-top: 30px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
  -moz-box-shadow: 0px 1px 8px -5px rgba(0, 0, 0, 0.65);
  -webkit-box-shadow: 0px 1px 8px -5px rgba(0, 0, 0, 0.65);
  -o-box-shadow: 0px 1px 8px -5px rgba(0, 0, 0, 0.65);
  box-shadow: 0px 1px 8px -5px rgba(0, 0, 0, 0.65);
}
.page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl3 .dashboard-pnl3-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 20px;
}
.page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl3 .dashboard-pnl3-top h3 {
  color: var(--black);
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  margin-bottom: 0px;
}
.page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl3 .dashboard-pnl3-top .dashboard-pnl3-top-link .three-dotted-table {
  margin-left: 15px;
}
.page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl3 .dashboard-pnl3-top .dashboard-pnl3-top-link .three-dotted-table i {
  font-weight: 600;
  padding-top: 0;
  width: 42px;
  height: 42px;
  line-height: 42px;
  background: var(--contact-bg);
  color: var(--text-list-color-deep);
  text-align: center;
  border-radius: 50px;
  font-size: 20px;
  margin-top: 0;
  transition: all 0.3s ease-in-out;
}
.page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl3 .dashboard-pnl3-top .dashboard-pnl3-top-link .top-lead-list-btn {
  display: inline;
}
.page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl3 .dashboard-pnl3-top .dashboard-pnl3-top-link .top-lead-list-btn button {
  font-size: 14px;
  color: var(--theme-green);
}
.page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl3 .dashboard-pnl3-top .dashboard-pnl3-top-link .top-lead-list-btn button i {
  font-weight: 600;
  padding-top: 0;
  width: auto;
  height: auto;
  line-height: inherit;
  background: none;
  color: var(--text-list-color-deep);
  text-align: center;
  border-radius: inherit;
  font-size: 16px;
  color: var(--theme-green);
  margin-top: 0;
  transition: all 0.3s ease-in-out;
  margin-left: 15px;
}
.page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl3 .dashboard-pnl3-bottom {
  padding-bottom: 10px;
}
.page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl3 .dashboard-pnl3-bottom .p-datatable-table-container {
  border-radius: 0px;
}
.page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl3 .dashboard-pnl3-bottom .dashboard-pnl3-bottom-heading {
  background: var(--theme-green);
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 0px;
  align-items: center;
  padding: 10px 20px;
}
.page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl3 .dashboard-pnl3-bottom .dashboard-pnl3-bottom-heading .dashboard-pnl3-bt-heading-col {
  flex-basis: 20%;
}
.page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl3 .dashboard-pnl3-bottom .dashboard-pnl3-bottom-heading .dashboard-pnl3-bt-heading-col:nth-child(1),
.page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl3 .dashboard-pnl3-bottom .dashboard-pnl3-bottom-heading .dashboard-pnl3-bt-heading-col:nth-child(2),
.page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl3 .dashboard-pnl3-bottom .dashboard-pnl3-bottom-heading .dashboard-pnl3-bt-heading-col:nth-child(3) {
  flex-basis: 18%;
}
.page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl3 .dashboard-pnl3-bottom .dashboard-pnl3-bottom-heading .dashboard-pnl3-bt-heading-col:nth-child(4),
.page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl3 .dashboard-pnl3-bottom .dashboard-pnl3-bottom-heading .dashboard-pnl3-bt-heading-col:nth-child(5) {
  flex-basis: 23%;
}
.page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl3 .dashboard-pnl3-bottom .dashboard-pnl3-bottom-heading .dashboard-pnl3-bt-heading-col h5 {
  color: var(--white);
  font-size: 13px;
  line-height: 18px;
  font-weight: 400;
  text-transform: uppercase;
  margin: 0 0 5px;
  padding: 0;
}
.page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl3 .dashboard-pnl3-bottom-content {
  background: var(--white);
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 0;
  padding: 0px;
}
.page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl3 .dashboard-pnl3-bottom-content .dashboard-pnl3-bt-col {
  flex-basis: 20%;
  padding: 5px;
}
.page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl3 .dashboard-pnl3-bottom-content .dashboard-pnl3-bt-col:nth-child(1),
.page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl3 .dashboard-pnl3-bottom-content .dashboard-pnl3-bt-col:nth-child(2),
.page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl3 .dashboard-pnl3-bottom-content .dashboard-pnl3-bt-col:nth-child(3) {
  flex-basis: 18%;
}
.page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl3 .dashboard-pnl3-bottom-content .dashboard-pnl3-bt-col:nth-child(4),
.page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl3 .dashboard-pnl3-bottom-content .dashboard-pnl3-bt-col:nth-child(5) {
  flex-basis: 23%;
}
.page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl3 .dashboard-pnl3-bottom-content .dashboard-pnl3-bt-col .dashboard-pnl3-bt-col-inner {
  max-height: 300px;
  overflow: auto;
}
.page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl3 .dashboard-pnl3-bottom-content .dashboard-pnl3-bt-col .dashboard-pnl3-bt-col-inner .dashboard-pnl3-bt-col-inner-col {
  background: var(--bg-color);
  padding: 8px;
  margin-bottom: 5px;
}
.page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl3 .dashboard-pnl3-bottom-content .dashboard-pnl3-bt-col .dashboard-pnl3-bt-col-inner .dashboard-pnl3-bt-col-inner-col h3 {
  color: var(--theme-green);
  font-size: 13px;
  line-height: 18px;
  font-weight: 400;
  margin: 0;
  margin-bottom: 5px;
  padding: 0;
}
.page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl3 .dashboard-pnl3-bottom-content .dashboard-pnl3-bt-col .dashboard-pnl3-bt-col-inner .dashboard-pnl3-bt-col-inner-col h4 {
  color: var(--text-list-grey-light);
  font-size: 13px;
  line-height: 18px;
  font-weight: 400;
  margin: 0;
  margin-bottom: 5px;
  padding: 0;
}
.page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl3 .dashboard-pnl3-bottom-content .dashboard-pnl3-bt-col .dashboard-pnl3-bt-col-inner .dashboard-pnl3-bt-col-inner-col h5 {
  color: var(--text-list-grey-light);
  font-size: 13px;
  line-height: 18px;
  font-weight: 400;
  margin: 0;
  padding: 0;
  padding-left: 15px;
  position: relative;
}
.page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl3 .dashboard-pnl3-bottom-content .dashboard-pnl3-bt-col .dashboard-pnl3-bt-col-inner .dashboard-pnl3-bt-col-inner-col h5::before {
  width: 8px;
  height: 8px;
  -mox-border-radius: 100%;
  -webkit-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  display: inline-block;
  left: 0px;
  top: 5px;
  position: absolute;
  content: "";
  background: var(--text-list-grey-light);
}
.page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl4 {
  margin-top: 30px;
}
.page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl4 .dashboard-pnl4-lt .dashboard-pnl4-lt-table {
  height: 100%;
  background: var(--white);
  padding: 0px;
  margin-top: 0px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
}
.page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl4 .dashboard-pnl4-lt .dashboard-pnl4-lt-table .dashboard-pnl4-lt-table-heading {
  background: var(--theme-green);
  padding: 10px 10px;
  -webkit-border-top-left-radius: 15px;
  -webkit-border-top-right-radius: 15px;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-topright: 15px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
.page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl4 .dashboard-pnl4-lt .dashboard-pnl4-lt-table .dashboard-pnl4-lt-table-heading h3 {
  color: var(--white);
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
}
.page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl4 .dashboard-pnl4-lt .dashboard-pnl4-lt-table .dashboard-pnl4-lt-table-body {
  padding: 20px;
}
.page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl4 .dashboard-pnl4-rt {
  background: var(--white);
  margin-top: 0px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
  -moz-box-shadow: 0px 1px 8px -5px rgba(0, 0, 0, 0.65);
  -webkit-box-shadow: 0px 1px 8px -5px rgba(0, 0, 0, 0.65);
  -o-box-shadow: 0px 1px 8px -5px rgba(0, 0, 0, 0.65);
  box-shadow: 0 1px 8px -5px rgba(0, 0, 0, 0.6509803922);
}
.card-title-row-rt-ist {
  display: inline-flex;
  align-items: center;
}
.header-search {
  display: inline-flex;
  align-items: center;
  justify-content: right;
  padding: 0px;
  padding-right: 10px;
}
.header-search .p-button-outlined {
  background: none !important;
  border-color: 0px;
  border: 1px solid transparent !important;
  color: var(--theme-green);
  margin-right: 10px;
  color: var(--black);
  font-size: 13px;
  line-height: 18px;
  font-weight: 500;
}
.header-search .p-button-outlined:hover {
  background: none;
  background-color: none;
  border: 1px solid transparent;
  color: var(--theme-green) !important;
}
.header-search .p-input-icon-right {
  position: relative;
  display: inline-block;
}
.header-search .p-input-icon-right .p-inputtext {
  border: 1px solid #ced4da;
  border-radius: 8px;
  font-size: 13px;
  font-size: 13px;
  padding: 10px 40px 10px 10px;
  height: 34px;
}
.header-search .p-input-icon-right i {
  position: absolute;
  top: 50%;
  margin-top: -0.5rem;
  right: 0.75rem;
  color: #6c757d;
  font-family: "primeicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
}
.brand-logo-mb {
  display: none;
}
.edit-contact-popover {
  width: 550px;
  transform-origin: inherit !important;
  --p-popover-arrow-left: inherit !important;
  padding: 15px 5px;
  -moz-border-radius: 15px !important;
  -webkit-border-radius: 15px !important;
  -o-border-radius: 15px !important;
  border-radius: 15px !important;
  box-shadow: 0 1px 15px -5px rgba(0, 0, 0, 0.65) !important;
}
.edit-contact-popover::before {
  display: none;
}
.edit-contact-popover .create-form .form-group,
.edit-contact-popover .create-form .cours-subtitle {
  margin-bottom: 10px;
}
.edit-contact-popover-accordion .btn-green {
  margin-top: 0px;
  font-weight: 400;
}
.popover-close {
  right: 0px;
  top: 0px;
  position: absolute;
  width: 30px;
  height: 30px;
  line-height: 28px;
  text-align: center;
  background: var(--black);
  border-radius: 100%;
  z-index: 99999;
  display: inline-block;
  cursor: pointer;
  border: 0px;
  color: var(--white);
}
.popover-delete {
  align-items: center;
}
.popover-delete .button-group {
  display: inherit !important;
  text-align: center;
  margin: 0px;
  margin-top: 30px;
}
.popover-delete .button-group button {
  margin: 0px 10px;
}
.popover-contact-box {
  width: 280px;
  max-height: 420px;
  overflow-y: scroll;
  scrollbar-width: thin;
  top: 180px !important;
  left: inherit !important;
  right: 30px !important;
  position: absolute !important;
}
.base-popover-box {
  max-width: 400px;
  overflow-y: scroll;
  scrollbar-width: thin;
  transform: inherit !important;
  transform-origin: inherit !important;
  --p-popover-arrow-left: inherit !important;
  padding: 15px 5px;
  -moz-border-radius: 15px !important;
  -webkit-border-radius: 15px !important;
  -o-border-radius: 15px !important;
  border-radius: 15px !important;
  box-shadow: 0 1px 15px -5px rgba(0, 0, 0, 0.65) !important;
  overflow: visible !important;
}
.base-popover-box::before {
  display: none;
}
.base-popover-box .create-form .form-group,
.base-popover-box .create-form .cours-subtitle {
  margin-bottom: 10px;
}
.btn-green b {
  font-weight: 400;
}
.accordion-content-body .delete-icon i {
  color: #dc3545;
  margin: 0px 4px;
}
.accordion-content-body .edit-icon i {
  color: var(--theme-green);
  margin: 0px 4px;
  font-size: 14px;
}
.accordion-content-body .delete-icon i {
  margin: 0px 4px;
  font-size: 14px;
  position: relative;
  top: 2px;
}
.p-popover:after {
  display: none;
}
.cursor-pointer {
  cursor: pointer !important;
}
body.dark-mode {
  background-color: #121212;
  color: #ffffff;
}
body.dark-mode .navbar {
  background-color: #1e1e1e;
  border-bottom: 1px solid #333;
}
body.dark-mode .card,
body.dark-mode .dropdown-menu,
body.dark-mode .p-menu,
body.dark-mode .navbar-menu-wrapper {
  background-color: #222;
  color: #f0f0f0;
}
body.dark-mode a,
body.dark-mode .text {
  color: #ccc;
}
body.dark-mode .btn-outline-secondary {
  border-color: #ccc;
  color: #ccc;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.text-center {
  text-align: center;
}
.p-autocomplete.p-inputwrapper {
  width: 100%;
  flex: 1;
}
.p-autocomplete.p-inputwrapper .p-autocomplete-input {
  width: 100%;
}
.contact-icon {
  float: right;
}
.profile-img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
  display: inline-block;
  position: relative;
}
.profile-img img {
  width: 100%;
  height: auto;
  display: block;
}
.custom-menu-item {
  color: var(--heading-text);
  font-size: 13px;
  padding: 5px 10px !important;
}
.p-select-list li {
  font-size: 13px;
  color: var(--new-pera-color) !important;
}
.p-datepicker-input {
  height: 34px;
  font-size: 14px !important;
}
.p-inputtext {
  font-size: 14px !important;
}
.btn-primary {
  color: #fff;
  background-color: var(--theme-green) !important;
  border-color: var(--theme-green) !important;
}
.btn {
  font-size: 14px !important;
  line-height: 20px !important;
}
.btn:focus {
  box-shadow: none !important;
  outline: none !important;
}
.btn:hover {
  box-shadow: none !important;
  outline: none !important;
}
.p-dialog .p-button {
  color: #fff;
  background-color: var(--theme-green) !important;
  border-color: var(--theme-green) !important;
  font-size: 14px !important;
  line-height: 20px !important;
  padding: 0.375rem 0.75rem;
}
.p-dialog .p-button:hover {
  background: var(--light-grey) !important;
}
.p-dialog .p-button-text.p-button-secondary {
  background: none !important;
}
.p-dialog .p-button.p-confirmdialog-reject-button {
  color: var(--theme-green) !important;
  background: none !important;
  border: none !important;
  font-size: 14px !important;
  line-height: 20px !important;
  padding: 0.375rem 0.75rem;
}
.p-select {
  height: 34px;
  font-size: 14px;
  line-height: 20px;
  border-radius: 8px !important;
}
.card-header.white-header .p-select:not(:last-child) {
  margin-right: 15px;
}
.status-label {
  color: #000 !important;
}
.p-button.p-ripple {
  height: 34px;
  font-size: 14px !important;
  line-height: 20px !important;
}
.p-virtualscroller-header .row {
  align-items: center;
}
.p-virtualscroller-content p {
  font-size: 11px;
  text-transform: capitalize;
  margin-bottom: 0rem;
}
.p-virtualscroller-content .pi-link {
  color: #dddddd;
  position: absolute;
  top: 40%;
  right: 0px;
}
.p-virtualscroller-content .flex-1 {
  position: relative;
}
.p-badge.accent-color {
  background-color: var(--theme-green) !important;
  color: var(--white) !important;
}
.p-datatable-table-container .p-datatable-table .p-datatable-tbody tr td .justify-content-around {
  justify-content: start !important;
  align-items: center !important;
}
.p-datatable-table-container .p-datatable-table .p-datatable-tbody tr td .justify-content-around i {
  margin-right: 10px;
}
.role-list .p-datatable-header {
  padding: 0px;
}
.role-list .p-datatable-header h4 {
  margin-bottom: 0px;
}
.role-list .p-datatable-header .row {
  align-items: center;
}
.p-tabs .p-tablist .p-tablist-content .p-tablist-tab-list .p-tab-active {
  background: var(--theme-green);
  color: var(--white);
}
.p-tabs .p-tablist .p-tablist-content .p-tablist-tab-list .p-tab {
  font-size: 14px;
  font-weight: 500;
  padding: 10px 15px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background: none;
  color: var(--theme-green);
}
.p-tabs .p-tablist .p-tablist-content .p-tablist-tab-list .p-tab.p-tab-active {
  background: var(--theme-green);
  color: var(--white);
  border-bottom: 0px;
}
.p-tabs .p-tablist .p-tablist-content .p-tablist-tab-list .p-tablist-active-bar {
  bottom: inherit;
  height: inherit;
  background: none;
}
.layout-learner-content .custom-tab-view .p-tablist .p-tablist-content .p-tablist-tab-list {
  padding: 6px;
  border-radius: 8px;
}
.layout-learner-content .custom-tab-view .p-tablist .p-tablist-content .p-tab {
  border: none;
  text-align: center;
  padding: 10px 25px;
}
.layout-learner-content .custom-tab-view .p-tablist .p-tablist-content .p-tab.p-tab-active {
  background-color: var(--theme-green);
  border-radius: 8px;
}
.card-title-row .btn-green i {
  margin-right: 5px;
}
.globalSettings .card-body {
  padding: 0px;
}
.my-profile-body.card-body {
  padding: 0px;
}
.page-select-box.card-body {
  padding: 0px;
  padding-top: 20px;
}
.my-profile-body .img-thumb {
  position: relative;
}
.my-profile-body .img-thumb .close {
  right: 0px;
  top: 0px;
  position: absolute;
}
.text-capitalize,
.capitalize {
  text-transform: capitalize;
}
.text-uppercase,
.uppercase {
  text-transform: uppercase;
}
.text-lowercase,
.lowercase {
  text-transform: lowercase;
}
.btn-green.p-button {
  background: var(--green-btn);
  color: var(--white);
  font-size: 14px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  border: none;
  display: inline-block;
}
.btn-green.p-button span {
  margin-right: 5px;
}
.btn-green.p-button:hover {
  background: var(--green-btn) !important;
  color: var(--white) !important;
  outline: 0px;
  border: none !important;
  display: inline-block;
  transition: 0.5s;
}
.page-select-box {
  background: var(--white);
  padding: 20px !important;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}
.p-datatable-table-container,
.p-tabpanels {
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}
.globalSettings .p-datatable-header {
  padding: 0px;
}
.card-title-row-lt .card-button-panel {
  display: flex;
  align-items: center;
}
.card-title-row-lt .card-button-panel .btn.btn-top-back {
  margin-right: 10px;
  background: none;
  border: 1px solid var(--dark);
  height: 30px;
  min-width: 60px;
  padding: 0px 6px;
  line-height: 16px;
  font-size: 14px;
  border-radius: 10px;
}
.card-button-panel-main {
  display: flex;
  align-items: center;
}
.card-button-panel-main .card-button-panel {
  margin: 0px;
}
.my-profile-page .p-tablist-tab-list,
.globalSettings .p-tablist-tab-list {
  background: none;
  border: 0px;
}
.my-profile-page .p-tablist-tab-list .p-tab,
.globalSettings .p-tablist-tab-list .p-tab {
  border: 0px;
}
.p-tabpanels .card-title-row {
  margin-bottom: 25px;
}
.p-datatable .p-datatable-tbody .p-button-primary {
  background-color: var(--light-text-green) !important;
  border-color: var(--light-text-green) !important;
  color: var(--new-theme-hover-text-color);
  border-radius: 0.25rem;
}
.card .card-body.menu-list .table-responsive .table thead th {
  color: var(--white);
  font-size: 14px !important;
  border-top: 0;
  background: var(--theme-green);
  border-bottom: 0px;
}
.card .card-body.menu-list .table-responsive {
  border: 0px;
  border-radius: 8px;
  box-shadow: 0 2px 10px -7px rgba(0, 0, 0, 0.7490196078);
  -o-box-shadow: 0px 2px 10px -7px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 0px 2px 10px -7px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 2px 10px -7px rgba(0, 0, 0, 0.75);
}
.card .card-body.menu-list .table-responsive .table-striped tbody tr:nth-of-type(odd) {
  background-color: var(--white);
}
.card .card-body.menu-list .table-responsive .table tbody td {
  border-top: 0px;
  font-size: 14px;
}
.card-body.menu-list {
  padding: 0px;
}
.card-header {
  border-bottom: 0px !important;
}
.layout-dashboard .card-title-row {
  margin-bottom: 0px;
}
.dashboard-top-select .page-select-box {
  background: none;
  padding: 0px !important;
  border-radius: 0px;
}
.page-white-bg {
  background: var(--white);
  padding: 20px !important;
  -moz-border-radius: 8px !important;
  -webkit-border-radius: 8px !important;
  -o-border-radius: 8px !important;
  border-radius: 8px !important;
  border: 1px solid #eaebed;
}
.page-white-bg .creat-deals-row {
  padding-bottom: 0px;
  margin-top: 0px;
}
.p-datatable-header {
  padding: 0px !important;
}
.creat-lead-bg.card-body {
  padding: 0px;
  border-radius: 0px;
}
.card-title-row-lt h2 {
  color: var(--black);
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  margin-bottom: 0px;
}
.p-inputtext {
  height: 34px;
}
.card-title-row .page-select-box {
  background: none;
  padding: 0px !important;
  border-radius: 0px;
}
.view-company-tab {
  margin-top: 0px;
  background: var(--bg-background);
  padding: 0 15px !important;
}
.nav-tabs.view-company-tab .nav-item a {
  font-size: 14px;
  font-weight: 600;
  text-transform: capitalize;
  color: var(--text-list-grey-light);
  background: var(--white);
  padding: 8px 15px;
  border-bottom: 0px;
}
.nav-tabs.view-company-tab .nav-item .nav-link {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.nav-tabs.view-company-tab .nav-item a.active {
  background: #f5f5f5 !important;
  color: var(--theme-green) !important;
  border-bottom: 0px;
}
.card.cardSticky {
  background: var(--white) !important;
}
.text-accent {
  color: var(--theme-green) !important;
}
.bg-accent {
  background-color: var(--theme-green) !important;
}
.view-lead-lt-top1-rt .page-select-box {
  padding: 0px !important;
}
.view-lead-section .lead-list-top-area .card-title-row-rt-view-top .p-select {
  margin-right: 0px;
}
.view-lead-section .p-tabs .p-tablist .p-tablist-content .p-tablist-tab-list .p-tab {
  border-radius: 8px;
}
.create-lead-rt .row .row {
  margin-left: 0px;
  margin-right: 0px;
}
.create-lead-rt .row .p-button {
  background: var(--light-green);
  border: none;
}
.create-lead-rt .row .p-button:hover {
  background: var(--light-grey);
  color: var(--white);
  border: none;
  outline: none;
}
.create-lead-rt .create-lead-sub-title {
  margin-left: 15px;
  margin-right: 15px;
}
.p-datepicker-input {
  -moz-border-radius: 8px !important;
  -webkit-border-radius: 8px !important;
  -o-border-radius: 8px !important;
  border-radius: 8px !important;
}
.create-form .form-group .p-autocomplete,
.create-form .cours-subtitle .p-autocomplete {
  -moz-border-radius: 8px !important;
  -webkit-border-radius: 8px !important;
  -o-border-radius: 8px !important;
  border-radius: 8px !important;
}
.task-table table {
  background: #ffffff;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  box-shadow: 0px 2px 10px -7px rgba(0, 0, 0, 0.75);
  -o-box-shadow: 0px 2px 10px -7px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 0px 2px 10px -7px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 2px 10px -7px rgba(0, 0, 0, 0.75);
  overflow: hidden;
}
.task-table table thead {
  background: var(--theme-green);
}
.task-table table thead tr th {
  color: var(--white) !important;
  font-size: 14px !important;
  white-space: nowrap;
  border-bottom: 0px;
}
.task-table table tbody tr td {
  white-space: nowrap;
  font-size: 14px;
  color: var(--text-color);
  border-bottom: 0px;
}
.view-lead-lt-bottom2 ul {
  display: flex;
  flex-wrap: wrap;
}
.view-lead-lt-bottom2 ul li {
  width: 50%;
}
.view-lead-lt-bottom2 ul li strong {
  font-weight: 600;
}
.lead-details-list {
  list-style: none;
  display: flex;
  align-items: center;
  margin: 0px;
  padding: 0px;
}
.lead-details-list li {
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  color: var(--text-list-grey-light);
  padding-right: 12px;
  margin-left: 12px;
  position: relative;
  display: flex;
  align-items: center;
}
.lead-details-list li strong {
  margin-right: 10px;
  font-weight: normal;
}
.lead-details-list li::before {
  width: 1px;
  height: 22px;
  background: var(--text-list-grey-light);
  right: 0px;
  top: 50%;
  position: absolute;
  content: "";
  transform: translateY(-50%);
}
.lead-details-list li:first-child {
  margin-left: 0px;
}
.edit-contact-popover-in.p-popover .p-popover-content {
  padding: 10px;
}
.follow-up-icon {
  font-size: 14px;
  color: var(--text-color);
}
.follow-up-icon:hover {
  color: var(--theme-green);
}
.p-toggleswitch.p-toggleswitch-checked .p-toggleswitch-slider {
  background: var(--theme-green) !important;
  border-color: var(--theme-green) !important;
}
.viewlead-dropdown .p-menu-list li {
  font-size: 13px !important;
  color: var(--text-color) !important;
}
.viewlead-dropdown .p-menu-list li .p-menu-item-content a {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  text-decoration: none;
}
.viewlead-dropdown .p-menu-list li .p-menu-item-content a:hover {
  background: var(--theme-green) !important;
  color: var(--white) !important;
}
.viewlead-dropdown .p-menu-list li .p-menu-item-content a:hover .p-menu-item-icon {
  color: var(--white) !important;
}
.viewlead-dropdown .p-menu-list li .p-menu-item-content a .p-menu-item-icon {
  font-size: 13px !important;
  color: var(--text-color) !important;
}
.viewlead-dropdown.p-menu {
  min-width: 100px !important;
}
.right-dropdown .p-menu-list li {
  font-size: 13px !important;
  color: var(--new-pera-color);
  font-family: var(--new-bg-font);
}
.right-dropdown .p-menu-list li .p-menu-item-content a {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  text-decoration: none;
}
.right-dropdown .p-menu-list li .p-menu-item-content a:hover {
  background: var(--theme-green) !important;
  color: var(--white) !important;
}
.right-dropdown .p-menu-list li .p-menu-item-content a:hover .p-menu-item-icon {
  color: var(--white) !important;
}
.right-dropdown .p-menu-list li .p-menu-item-content a .p-menu-item-icon {
  font-size: 13px !important;
  color: var(--text-color) !important;
}
.right-dropdown.p-menu {
  min-width: 155px !important;
}
.p-tieredmenu-root-list li {
  font-size: 13px !important;
  color: var(--text-color) !important;
}
.p-tieredmenu-root-list li .p-tieredmenu-item-content a {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  text-decoration: none;
}
.p-tieredmenu-root-list li .p-tieredmenu-item-content a:hover {
  background: var(--theme-green) !important;
  color: var(--white) !important;
}
.p-tieredmenu-root-list li .p-tieredmenu-item-content a:hover .p-tieredmenu-item-icon {
  color: var(--white) !important;
}
.p-tieredmenu-root-list li .p-tieredmenu-item-content a .p-tieredmenu-item-icon {
  font-size: 13px !important;
  color: var(--text-color) !important;
}
.export-btn {
  margin-left: 5px;
  border-radius: 8px;
}
.export-btn:hover {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: var(--light-grey) !important;
  color: var(--white) !important;
}
.export-btn button {
  background: var(--theme-green) !important;
  color: var(--white) !important;
  border: none;
  outline: none;
}
.export-btn button:hover {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: none;
  color: var(--white) !important;
}
.card-title-row-rt .top-lead-list-btn .export-btn-dot {
  background: var(--theme-green);
  color: var(--white);
  border: 2px solid var(--theme-green);
  margin-left: 5px;
}
.card-title-row-rt .top-lead-list-btn .export-btn-dot:hover {
  background: var(--light-grey);
  color: var(--white);
  border: 2px solid var(--light-grey);
  outline: none;
}
.info-body.form-group .disabled,
.info-body.cours-subtitle .disabled {
  opacity: 0.9;
  background: var(--d-grey);
  color: #a7a7a7;
}
.dashboard-pnl3 .p-datatable-table-container .p-datatable-table .p-datatable-tbody tr td a {
  color: var(--theme-green);
}
.p-accordioncontent-content ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.p-accordioncontent-content ul li {
  color: var(--text-list-grey-light);
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  padding-left: 15px;
  margin-bottom: 10px;
  position: relative;
}
.p-accordioncontent-content ul li::before {
  width: 15px;
  height: 15px;
  left: 0px;
  top: 4px;
  position: absolute;
  content: "\e932";
  font-size: 14px;
  color: var(--text-list-grey-light);
  font-family: primeicons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.p-accordioncontent-content ul li i {
  font-size: 14px;
  color: var(--text-list-grey-light);
  margin-right: 4px;
}
.p-badge.accent-color {
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  display: inline-block;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  padding: 0px;
}
.p-datepicker-panel .p-button {
  background: inherit !important;
  border: inherit !important;
}
.p-datepicker-panel .p-button:hover {
  background: var(--light-grey) !important;
  color: var(--white) !important;
  border: inherit !important;
}
.p-multiselect-option {
  color: var(--new-pera-color) !important;
  font-size: 13px;
}
.p-datatable-thead > tr > th.p-datatable-column-sorted {
  background: var(--theme-green) !important;
}
.p-datatable-filter-overlay {
  background: var(--bg-background) !important;
  color: var(--new-mainHeading-color) !important;
  border: 1px solid var(--new-border-color) !important;
  border-radius: var(--new-border-radius, 12px) !important;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.25), 0 8px 10px -6px rgba(0, 0, 0, 0.2) !important;
  font-family: var(--new-bg-font) !important;
  min-width: 220px !important;
  padding: 12px !important;
}
.p-datatable-filter-overlay::before {
  border-bottom-color: var(--new-border-color) !important;
}
.p-datatable-filter-overlay::after {
  border-bottom-color: var(--bg-background) !important;
}
.p-datatable-filter-overlay.p-column-filter-overlay-flipped::before {
  border-top-color: var(--new-border-color) !important;
}
.p-datatable-filter-overlay.p-column-filter-overlay-flipped::after {
  border-top-color: var(--bg-background) !important;
}
.p-datatable-filter-overlay .p-column-filter-row-items {
  padding: 4px 0 !important;
  margin: 0 !important;
  list-style: none !important;
}
.p-datatable-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
  padding: 7px 12px !important;
  margin: 2px 0 !important;
  border-radius: var(--new-border-radius, 8px) !important;
  color: var(--new-mainHeading-color) !important;
  font-size: 13px !important;
  font-family: var(--new-bg-font) !important;
  cursor: pointer !important;
  transition: var(--new-transition) !important;
}
.p-datatable-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:hover {
  background: var(--new-hover-color) !important;
  color: var(--light-text-green) !important;
}
.p-datatable-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
  background: rgba(107, 134, 45, 0.15) !important;
  color: var(--light-text-green) !important;
  font-weight: 600 !important;
}
.p-datatable-filter-overlay .p-column-filter-operator {
  padding: 0 0 10px 0 !important;
  margin-bottom: 10px !important;
  border-bottom: 1px solid var(--new-border-color) !important;
}
.p-datatable-filter-overlay .p-column-filter-operator .p-dropdown {
  width: 100% !important;
  background: var(--bg-background) !important;
  border: 1px solid var(--new-border-color) !important;
  border-radius: var(--new-border-radius, 8px) !important;
  height: 34px !important;
}
.p-datatable-filter-overlay .p-column-filter-operator .p-dropdown .p-dropdown-label {
  color: var(--new-mainHeading-color) !important;
  font-size: 13px !important;
  padding: 6px 10px !important;
  line-height: 20px !important;
}
.p-datatable-filter-overlay .p-column-filter-operator .p-dropdown .p-dropdown-trigger {
  color: var(--new-pera-color) !important;
}
.p-datatable-filter-overlay .p-column-filter-constraints {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  padding: 0 !important;
}
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint {
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
  width: 100% !important;
  margin-bottom: 4px !important;
  background: var(--bg-background) !important;
  border: 1px solid var(--new-border-color) !important;
  border-radius: var(--new-border-radius, 8px) !important;
  height: 34px !important;
}
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-column-filter-matchmode-dropdown .p-dropdown-label {
  color: var(--new-mainHeading-color) !important;
  font-size: 13px !important;
  padding: 6px 10px !important;
  line-height: 20px !important;
}
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-column-filter-matchmode-dropdown .p-dropdown-trigger {
  color: var(--new-pera-color) !important;
}
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-inputtext {
  width: 100% !important;
  height: 34px !important;
  padding: 6px 10px !important;
  font-size: 13px !important;
  font-family: var(--new-bg-font) !important;
  background: var(--bg-background) !important;
  border: 1px solid var(--new-border-color) !important;
  border-radius: var(--new-border-radius, 8px) !important;
  color: var(--new-mainHeading-color) !important;
  transition: var(--new-transition) !important;
}
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-inputtext::placeholder {
  color: var(--new-pera-color) !important;
  opacity: 0.8 !important;
}
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-inputtext:hover,
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-inputtext:focus {
  border-color: var(--light-text-green) !important;
  outline: none !important;
  box-shadow: 0 0 0 1px var(--light-text-green) !important;
}
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-dropdown,
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-multiselect {
  width: 100% !important;
  background: var(--bg-background) !important;
  border: 1px solid var(--new-border-color) !important;
  border-radius: var(--new-border-radius, 8px) !important;
  min-height: 34px !important;
}
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-dropdown-label,
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-multiselect-label,
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-dropdown-label,
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-multiselect-label {
  color: var(--new-mainHeading-color) !important;
  font-size: 13px !important;
  padding: 6px 10px !important;
  line-height: 20px !important;
}
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-dropdown-label.p-placeholder,
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-multiselect-label.p-placeholder,
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-dropdown-label.p-placeholder,
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-multiselect-label.p-placeholder {
  color: var(--new-pera-color) !important;
}
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-dropdown-trigger,
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-multiselect-trigger,
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-dropdown-trigger,
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-multiselect-trigger {
  color: var(--new-pera-color) !important;
}
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-dropdown:hover,
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-dropdown:focus,
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-dropdown.p-focus,
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-multiselect:hover,
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-multiselect:focus,
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-multiselect.p-focus {
  border-color: var(--light-text-green) !important;
  box-shadow: 0 0 0 1px var(--light-text-green) !important;
}
.p-datatable-filter-overlay .p-column-filter-add-rule,
.p-datatable-filter-overlay .p-column-filter-remove-rule {
  padding: 6px 0 0 0 !important;
}
.p-datatable-filter-overlay .p-column-filter-add-rule button.p-button,
.p-datatable-filter-overlay .p-column-filter-add-rule .p-column-filter-add-button,
.p-datatable-filter-overlay .p-column-filter-add-rule .p-column-filter-remove-button,
.p-datatable-filter-overlay .p-column-filter-remove-rule button.p-button,
.p-datatable-filter-overlay .p-column-filter-remove-rule .p-column-filter-add-button,
.p-datatable-filter-overlay .p-column-filter-remove-rule .p-column-filter-remove-button {
  background: transparent !important;
  border: none !important;
  color: var(--light-text-green) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  font-family: var(--new-bg-font) !important;
  padding: 4px 8px !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  transition: var(--new-transition) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}
.p-datatable-filter-overlay .p-column-filter-add-rule button.p-button:hover,
.p-datatable-filter-overlay .p-column-filter-add-rule .p-column-filter-add-button:hover,
.p-datatable-filter-overlay .p-column-filter-add-rule .p-column-filter-remove-button:hover,
.p-datatable-filter-overlay .p-column-filter-remove-rule button.p-button:hover,
.p-datatable-filter-overlay .p-column-filter-remove-rule .p-column-filter-add-button:hover,
.p-datatable-filter-overlay .p-column-filter-remove-rule .p-column-filter-remove-button:hover {
  background: var(--new-hover-color) !important;
  color: var(--new-main-color) !important;
}
.p-datatable-filter-overlay .p-column-filter-buttonbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding: 10px 0 0 0 !important;
  margin-top: 10px !important;
  border-top: 1px solid var(--new-border-color) !important;
  width: 100% !important;
}
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-column-filter-clear-button,
.p-datatable-filter-overlay .p-column-filter-buttonbar button.p-column-filter-clear-button,
.p-datatable-filter-overlay .p-column-filter-buttonbar button:first-child:not(:only-child),
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-outlined,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-secondary,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-text {
  flex: 1 !important;
  background: var(--bg-background) !important;
  background-color: var(--bg-background) !important;
  border: 1px solid var(--light-text-green) !important;
  border-color: var(--light-text-green) !important;
  color: var(--light-text-green) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  font-family: var(--new-bg-font) !important;
  padding: 6px 14px !important;
  border-radius: var(--new-border-radius, 8px) !important;
  min-width: 65px !important;
  height: 34px !important;
  text-align: center !important;
  justify-content: center !important;
  align-items: center !important;
  display: inline-flex !important;
  cursor: pointer !important;
  transition: var(--new-transition, all 0.25s ease) !important;
  box-shadow: none !important;
}
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-column-filter-clear-button .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-column-filter-clear-button span,
.p-datatable-filter-overlay .p-column-filter-buttonbar button.p-column-filter-clear-button .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar button.p-column-filter-clear-button span,
.p-datatable-filter-overlay .p-column-filter-buttonbar button:first-child:not(:only-child) .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar button:first-child:not(:only-child) span,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-outlined .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-outlined span,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-secondary .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-secondary span,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-text .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-text span {
  color: var(--light-text-green) !important;
  font-weight: 500 !important;
  font-family: var(--new-bg-font) !important;
}
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-column-filter-clear-button:hover,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-column-filter-clear-button:focus,
.p-datatable-filter-overlay .p-column-filter-buttonbar button.p-column-filter-clear-button:hover,
.p-datatable-filter-overlay .p-column-filter-buttonbar button.p-column-filter-clear-button:focus,
.p-datatable-filter-overlay .p-column-filter-buttonbar button:first-child:not(:only-child):hover,
.p-datatable-filter-overlay .p-column-filter-buttonbar button:first-child:not(:only-child):focus,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-outlined:hover,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-outlined:focus,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-secondary:hover,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-secondary:focus,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-text:hover,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-text:focus {
  background: var(--new-hover-color) !important;
  background-color: var(--new-hover-color) !important;
  border-color: var(--light-text-green) !important;
  color: var(--light-text-green) !important;
}
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-column-filter-clear-button:hover .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-column-filter-clear-button:hover span,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-column-filter-clear-button:focus .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-column-filter-clear-button:focus span,
.p-datatable-filter-overlay .p-column-filter-buttonbar button.p-column-filter-clear-button:hover .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar button.p-column-filter-clear-button:hover span,
.p-datatable-filter-overlay .p-column-filter-buttonbar button.p-column-filter-clear-button:focus .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar button.p-column-filter-clear-button:focus span,
.p-datatable-filter-overlay .p-column-filter-buttonbar button:first-child:not(:only-child):hover .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar button:first-child:not(:only-child):hover span,
.p-datatable-filter-overlay .p-column-filter-buttonbar button:first-child:not(:only-child):focus .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar button:first-child:not(:only-child):focus span,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-outlined:hover .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-outlined:hover span,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-outlined:focus .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-outlined:focus span,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-secondary:hover .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-secondary:hover span,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-secondary:focus .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-secondary:focus span,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-text:hover .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-text:hover span,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-text:focus .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-text:focus span {
  color: var(--light-text-green) !important;
}
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-column-filter-apply-button,
.p-datatable-filter-overlay .p-column-filter-buttonbar button.p-column-filter-apply-button,
.p-datatable-filter-overlay .p-column-filter-buttonbar button:last-child,
.p-datatable-filter-overlay .p-column-filter-buttonbar button[type=submit],
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text) {
  flex: 1 !important;
  background: var(--light-text-green) !important;
  background-color: var(--light-text-green) !important;
  border: 1px solid var(--light-text-green) !important;
  border-color: var(--light-text-green) !important;
  color: var(--new-theme-hover-text-color, #ffffff) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: var(--new-bg-font) !important;
  padding: 6px 14px !important;
  border-radius: var(--new-border-radius, 8px) !important;
  min-width: 65px !important;
  height: 34px !important;
  text-align: center !important;
  justify-content: center !important;
  align-items: center !important;
  display: inline-flex !important;
  cursor: pointer !important;
  transition: var(--new-transition, all 0.25s ease) !important;
  box-shadow: none !important;
}
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-column-filter-apply-button .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-column-filter-apply-button span,
.p-datatable-filter-overlay .p-column-filter-buttonbar button.p-column-filter-apply-button .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar button.p-column-filter-apply-button span,
.p-datatable-filter-overlay .p-column-filter-buttonbar button:last-child .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar button:last-child span,
.p-datatable-filter-overlay .p-column-filter-buttonbar button[type=submit] .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar button[type=submit] span,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text) .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text) span {
  color: var(--new-theme-hover-text-color, #ffffff) !important;
  font-weight: 600 !important;
  font-family: var(--new-bg-font) !important;
}
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-column-filter-apply-button:hover,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-column-filter-apply-button:focus,
.p-datatable-filter-overlay .p-column-filter-buttonbar button.p-column-filter-apply-button:hover,
.p-datatable-filter-overlay .p-column-filter-buttonbar button.p-column-filter-apply-button:focus,
.p-datatable-filter-overlay .p-column-filter-buttonbar button:last-child:hover,
.p-datatable-filter-overlay .p-column-filter-buttonbar button:last-child:focus,
.p-datatable-filter-overlay .p-column-filter-buttonbar button[type=submit]:hover,
.p-datatable-filter-overlay .p-column-filter-buttonbar button[type=submit]:focus,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):hover,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):focus {
  background: var(--new-main-color, #7c9f2e) !important;
  background-color: var(--new-main-color, #7c9f2e) !important;
  border-color: var(--new-main-color, #7c9f2e) !important;
  color: var(--new-theme-hover-text-color, #ffffff) !important;
  box-shadow: 0 4px 12px rgba(124, 159, 46, 0.3) !important;
}
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-column-filter-apply-button:hover .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-column-filter-apply-button:hover span,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-column-filter-apply-button:focus .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-column-filter-apply-button:focus span,
.p-datatable-filter-overlay .p-column-filter-buttonbar button.p-column-filter-apply-button:hover .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar button.p-column-filter-apply-button:hover span,
.p-datatable-filter-overlay .p-column-filter-buttonbar button.p-column-filter-apply-button:focus .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar button.p-column-filter-apply-button:focus span,
.p-datatable-filter-overlay .p-column-filter-buttonbar button:last-child:hover .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar button:last-child:hover span,
.p-datatable-filter-overlay .p-column-filter-buttonbar button:last-child:focus .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar button:last-child:focus span,
.p-datatable-filter-overlay .p-column-filter-buttonbar button[type=submit]:hover .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar button[type=submit]:hover span,
.p-datatable-filter-overlay .p-column-filter-buttonbar button[type=submit]:focus .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar button[type=submit]:focus span,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):hover .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):hover span,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):focus .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):focus span {
  color: var(--new-theme-hover-text-color, #ffffff) !important;
}
.dashboard-pnl4-rt-heading h3 {
  color: var(--black);
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  margin-bottom: 15px;
}
.dashboard-accordion .p-accordionheader {
  border-color: none !important;
}
.dashboard-accordion .p-accordionheader h4 {
  color: var(--heading-text);
  font-size: 14px;
  line-height: 24px;
  font-weight: normal;
  text-transform: uppercase;
  margin: 0px;
  padding: 0px;
}
.dashboard-accordion .p-accordionpanel:not(:last-child) {
  margin-bottom: 15px;
}
.dashboard-accordion .p-accordionpanel {
  -moz-border-radius: 12px !important;
  -webkit-border-radius: 12px !important;
  -o-border-radius: 12px !important;
  border-radius: 12px !important;
  border-bottom: 0px;
  background: var(--white);
  border: 1px solid var(--border-line) !important;
}
.dashboard-accordion .p-accordionpanel .p-accordionheader {
  padding: 10px 15px;
  background: none;
}
.dashboard-accordion .p-accordionpanel .p-accordioncontent-content {
  padding: 5px;
  -moz-border-radius: 0px 0px 12px 12px !important;
  -webkit-border-radius: 0px 0px 12px 12px !important;
  -o-border-radius: 0px 0px 12px 12px !important;
  border-radius: 0px 0px 12px 12px !important;
}
.dashboard-accordion .p-accordionpanel .p-accordioncontent-content p {
  color: var(--heading-text);
  font-size: 13px;
}
.dashboard-accordion .p-accordionpanel:not(.p-disabled).p-accordionpanel-active {
  -moz-box-shadow: 0px 1px 8px -5px rgba(0, 0, 0, 0.65);
  -webkit-box-shadow: 0px 1px 8px -5px rgba(0, 0, 0, 0.65);
  -o-box-shadow: 0px 1px 8px -5px rgba(0, 0, 0, 0.65);
  box-shadow: 0px 1px 8px -5px rgba(0, 0, 0, 0.65);
}
.dashboard-accordion .p-accordionpanel:not(.p-disabled).p-accordionpanel-active > .p-accordionheader {
  background: var(--theme-green);
  color: var(--white);
  -moz-border-radius: 12px 12px 0px 0px;
  -webkit-border-radius: 12px 12px 0px 0px;
  -o-border-radius: 12px 12px 0px 0px;
  border-radius: 12px 12px 0px 0px;
}
.dashboard-accordion .p-accordionpanel:not(.p-disabled).p-accordionpanel-active > .p-accordionheader:hover {
  background: var(--theme-green);
  color: var(--white);
}
.dashboard-accordion .p-accordionpanel .p-iconwrapper {
  width: 30px;
  height: 30px;
  line-height: 36px;
  display: inline-block;
  text-align: center;
  background: #e6e6e6;
  color: var(--black);
  text-align: center;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}
.dashboard-accordion .p-accordionpanel:not(.p-accordionpanel-active):not(.p-disabled) > .p-accordionheader:hover {
  -moz-border-radius: 12px !important;
  -webkit-border-radius: 12px !important;
  -o-border-radius: 12px !important;
  border-radius: 12px !important;
}
.dashboard-accordion-title h3 {
  color: var(--black);
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  margin-bottom: 0px;
  margin-top: 25px;
}
.dashboard-accordion,
.dashboard-accordion-title {
  display: none;
}
.page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-accordion .card {
  margin-top: 15px;
}
.card-title-row-rt-lead-details {
  display: flex;
  align-items: center;
}
.activities-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.activities-row h3 {
  margin-bottom: 0px;
}
.activities-row .activities-col-rt .p-select {
  background: url("./media/drop-down-white-icon-IAQK3XG4.png") right center;
  background-repeat: no-repeat;
  background-size: 10px;
  background-color: none;
  border: none;
  outline: none;
  box-shadow: none;
  appearance: none;
  font-size: 16px;
  font-weight: 500;
  color: var(--white);
}
.activities-row .activities-col-rt .p-select .p-select-label.p-placeholder {
  color: var(--white);
}
.activities-row .activities-col-rt .p-select .p-iconwrapper {
  display: none;
}
.activities-row .activities-col-rt .p-select .p-select-dropdown {
  width: 15px;
}
.dashboard-pnl4 .dashboard-pnl4-lt .dashboard-pnl4-lt-table-body .flex.gap-2.items-end.justify-end {
  display: none;
}
.dashboard-pnl4 .dashboard-pnl4-lt .dashboard-pnl4-lt-table-body .card {
  margin-top: 0px !important;
  border-radius: 0px !important;
}
.navbar-brand-wrapper.collapsed-logo .brand-logo img {
  width: 58px !important;
  height: inherit !important;
}
.page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl4 .dashboard-pnl4-lt .dashboard-pnl4-lt-table .dashboard-pnl4-lt-table-body {
  padding: 15px;
}
.page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl4 .dashboard-pnl4-lt .dashboard-pnl4-lt-table .dashboard-pnl4-lt-table-body .p-accordion .p-accordioncontent-content {
  padding: 0px;
}
.page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl4 .dashboard-pnl4-lt .dashboard-pnl4-lt-table .dashboard-pnl4-lt-table-body .p-accordion .p-accordioncontent-content ul li i {
  font-size: 14px;
  color: var(--theme-green);
  margin-right: 4px;
}
.page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl4 .dashboard-pnl4-lt .dashboard-pnl4-lt-table .dashboard-pnl4-lt-table-body .p-accordion .p-accordionpanel:last-child {
  border: 0px !important;
}
.page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl4 .dashboard-pnl4-lt .dashboard-pnl4-lt-table .dashboard-pnl4-lt-table-body .p-accordion .p-accordionpanel .p-accordionheader {
  padding-left: 0px;
  padding-right: 0px;
}
.page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl4 .dashboard-pnl4-lt .dashboard-pnl4-lt-table .dashboard-pnl4-lt-table-body .p-accordion .p-accordionpanel .p-accordionheader .p-badge.accent-color {
  width: 25px;
  height: 25px !important;
  line-height: 25px;
  text-align: center;
  display: inline-block;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  padding: 0px;
}
.view-lead-section .view-lead-tabs .p-accordion .p-accordionpanel:last-child {
  border: 0px !important;
}
.view-lead-section .view-lead-tabs .p-accordion .p-accordionpanel .p-accordionheader {
  padding-left: 15px;
  padding-right: 15px;
}
.view-lead-section .view-lead-tabs .p-accordion .p-accordionpanel .p-accordionheader .p-badge.accent-color {
  width: 25px;
  height: 25px !important;
  line-height: 25px;
  text-align: center;
  display: inline-block;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  padding: 0px;
}
.view-lead-section .view-lead-tabs .p-accordioncontent-content {
  padding: 0px 15px;
}
.view-lead-section .view-lead-tabs .p-accordioncontent-content ul li i {
  font-size: 14px;
  color: var(--theme-green);
  margin-right: 4px;
}
.upcoming-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
}
.activity-lead-name-link a {
  color: var(--theme-green);
}
.activity-lead-name-link a:hover {
  color: var(--theme-green);
}
.activity-lead-name-link span {
  margin-left: 21px !important;
}
.p-confirmpopup .p-confirmpopup-content {
  gap: inherit;
}
.p-confirmpopup .p-confirmpopup-content .p-confirmpopup-icon {
  color: var(--text-color);
  font-size: 13px;
  width: inherit;
  height: inherit;
  margin-right: 5px;
}
.p-confirmpopup .p-confirmpopup-content span {
  color: var(--text-color);
  font-size: 13px;
  font-weight: 400;
}
.p-confirmpopup .p-confirmpopup-footer .p-button.p-ripple {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  font-size: 14px;
}
.create-form .country-dropdown {
  width: 347px !important;
  color: var(--text-color);
  font-size: 13px !important;
  font-weight: 400;
}
.creat-member-bg .country-dropdown {
  width: 272px !important;
  color: var(--text-color);
  font-size: 13px !important;
  font-weight: 400;
  background: var(--bg-background) !important;
  border-color: var(--new-border-color) !important;
}
.p-multiselect {
  height: 34px;
  line-height: 18px;
  font-size: 14px;
}
.layout-Lead .p-multiselect-list-container {
  width: 200px !important;
  overflow-x: scroll !important;
  margin-left: -15px !important;
  background: var(--white) !important;
}
.upcoming-row-rt {
  padding-left: 10px;
}
.creat-lead-bg {
  padding-bottom: 30px !important;
}
.creat-lead-bg .lead-button button:last-child {
  margin-right: 0px;
}
.creat-deals-row {
  padding-bottom: 30px;
}
.creat-deals-row .lead-button button:last-child {
  margin-right: 0px;
}
.list-group .list-group-item {
  padding: 7px 10px !important;
  font-size: 13px !important;
}
.choose-file-pnl .p-fileupload-basic {
  justify-content: start;
}
.create-lead-rt .choose-file-pnl input[type=file]::-webkit-file-upload-button {
  visibility: hidden;
}
.create-lead-rt .choose-file-pnl .filelabel {
  color: var(--text-color);
  font-size: 14px;
  font-weight: 400;
}
.create-lead-rt .choose-file-pnl .p-button {
  background: none;
  color: var(--text-color);
  font-size: 14px;
  font-weight: 400;
  padding: 5px 10px;
}
.create-lead-rt .choose-file-pnl .p-button .p-button-icon {
  color: var(--theme-green);
}
.create-lead-rt .choose-file-pnl .p-button:hover {
  background: none;
  color: var(--text-color);
}
.activities-row .activities-col-rt .p-select .p-select-label {
  color: var(--white);
}
.dashboard-top-select-date {
  display: flex;
}
.dashboard-top-select-date .dashboard-top-select-date-in {
  margin-left: 0px;
}
.dashboard-top-select-date .dashboard-top-select-date-in .p-datepicker {
  width: 210px;
}
.dashboard-top-select-date .dashboard-top-select-date-in .p-datepicker .p-datepicker-dropdown {
  background: none;
  border: none;
  right: 0px;
  top: 8px;
  position: absolute;
}
.layout-generate .card-title-row-rt-box .dashboard-top-select-in {
  margin-left: 2px !important;
}
.layout-generate .card-title-row .top-lead-list-btn button:p-splitbutton-dropdown {
  margin-left: 15px;
}
.layout-generate .card-title-row .export-btn {
  margin-left: 5px;
}
.dashboard-accordion .dashboard-pnl3-bt-col {
  padding: 5px;
}
.dashboard-accordion .dashboard-pnl3-bt-col .dashboard-pnl3-bt-col-inner {
  max-height: 250px;
  overflow: auto;
}
.dashboard-accordion .dashboard-pnl3-bt-col .dashboard-pnl3-bt-col-inner .dashboard-pnl3-bt-col-inner-col {
  background: var(--bg-color);
  padding: 8px;
  margin-bottom: 5px;
}
.dashboard-accordion .dashboard-pnl3-bt-col .dashboard-pnl3-bt-col-inner .dashboard-pnl3-bt-col-inner-col h3 {
  color: var(--theme-green);
  font-size: 13px;
  line-height: 18px;
  font-weight: 400;
  margin: 0;
  margin-bottom: 5px;
  padding: 0;
}
.dashboard-accordion .dashboard-pnl3-bt-col .dashboard-pnl3-bt-col-inner .dashboard-pnl3-bt-col-inner-col h4 {
  color: var(--text-list-grey-light);
  font-size: 13px;
  line-height: 18px;
  font-weight: 400;
  margin: 0;
  margin-bottom: 5px;
  padding: 0;
}
.dashboard-accordion .dashboard-pnl3-bt-col .dashboard-pnl3-bt-col-inner .dashboard-pnl3-bt-col-inner-col h5 {
  color: var(--text-list-grey-light);
  font-size: 13px;
  line-height: 18px;
  font-weight: 400;
  margin: 0;
  padding: 0;
  padding-left: 15px;
  position: relative;
}
.dashboard-accordion .dashboard-pnl3-bt-col .dashboard-pnl3-bt-col-inner .dashboard-pnl3-bt-col-inner-col h5::before {
  width: 8px;
  height: 8px;
  -mox-border-radius: 100%;
  -webkit-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  display: inline-block;
  left: 0px;
  top: 5px;
  position: absolute;
  content: "";
  background: var(--text-list-grey-light);
}
.dashboard-accordion.dashboard-accordion-view-lead-mobile {
  display: none;
}
.dashboard-accordion-view-lead-mobile.dashboard-accordion .p-accordionpanel .p-iconwrapper {
  background: var(--theme-green);
  color: var(--white);
}
.dashboard-accordion.dashboard-accordion-view-lead-mobile .p-accordionpanel:not(.p-disabled).p-accordionpanel-active > .p-accordionheader {
  background: var(--white);
  color: var(--heading-text);
}
.hiddenForm {
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}
.hiddenForm {
  padding: 20px 5px 0px !important;
}
.hiddenForm .col-titles {
  text-align: center;
}
.hiddenForm .col-titles h4 {
  font-size: 18px;
  color: #000000;
  font-weight: 600;
  margin-bottom: 20px;
  margin-left: 0;
  text-align: start;
  display: block;
}
.creat-member-bg .info-body label {
  margin-bottom: 0px;
}
.creat-member-bg .hiddenForm.xs .img-thumb .close {
  right: 0px;
}
.p-datepicker .p-datepicker-panel {
  z-index: 9;
}
.p-datepicker-day-selected {
  background: var(--theme-green) !important;
}
.layout-generate .p-multiselect .p-multiselect-dropdown {
  width: 15px;
}
.layout-generate .page-select-box .p-multiselect .p-multiselect-label {
  padding: 5px 6px;
  font-size: 14px;
}
.layout-generate .card-title-row h4 {
  font-size: 16px;
}
.quotation-form .create-lead-form {
  padding-bottom: 15px;
}
.quotation-form .p-dropdown {
  width: 100%;
}
.quotation-form .quotation-button {
  padding: 0px;
  margin: 0px;
  list-style: none;
  display: flex;
  align-items: center;
}
.quotation-form .quotation-button .btn-success {
  background: none;
  color: var(--theme-green);
  font-size: 13px;
  line-height: 24px;
  font-weight: 500;
  padding: 0px;
  border: 0px;
  margin-right: 15px;
}
.quotation-form .quotation-button .btn-success:not(:disabled):not(.disabled):active {
  color: var(--theme-green);
  background: none;
  border: 0px;
}
.quotation-form .total-amount-pnl {
  padding: 0px;
  margin: 0px;
  list-style: none;
  display: flex;
  align-items: center;
}
.quotation-form .total-amount-pnl label {
  margin-right: 10px;
}
.quotation-form .total-amount-pnl .form-control {
  width: 87px;
}
.quotation-form .delete-icon {
  color: #dc3545;
  position: relative;
  top: -5px;
}
.layout-dashboard .card-title-row .dashboard-top-select-date-in {
  margin-left: 15px;
}
app-menu .p-select {
  position: relative;
  top: 2px;
}
app-sub-menu .p-select {
  position: relative;
  top: 2px;
}
app-action .p-select {
  position: relative;
  top: 2px;
}
app-assign-action .p-select {
  position: relative;
  top: 2px;
}
.item-list-scroll {
  max-height: 240px;
  overflow: auto;
}
.send-mobilisation-box-row {
  margin-top: 20px;
}
.send-mobilisation-box-row .send-mobilisation-box-list {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.send-mobilisation-box-row .send-mobilisation-box-list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.send-mobilisation-box-row .send-mobilisation-box-list li .p-text-bold {
  width: 37%;
}
.send-mobilisation-box-row .send-mobilisation-box-list li .custom-box {
  width: 63%;
}
.send-mobilisation-buttons {
  margin-top: 20px;
}
.send-mobilisation-accordion.dashboard-accordion {
  display: block;
  margin-top: 15px;
}
.send-mobilisation-accordion.dashboard-accordion .p-accordionpanel .p-accordioncontent-content {
  padding: 10px 15px;
}
.send-mobilisation-accordion.dashboard-accordion .p-accordionheader {
  position: relative;
}
.send-mobilisation-accordion.dashboard-accordion .p-accordionheader .p-iconwrapper {
  right: 15px;
  top: 5px;
  position: absolute;
}
.send-mobilisation-buttons .btn-green {
  background: var(--green-btn) !important;
  color: var(--white);
  font-size: 14px;
  font-weight: 400;
  padding: 8px 25px;
  border: none;
  -webkit-border-radius: 8px !important;
  -moz-border-radius: 8px !important;
  border-radius: 8px !important;
  outline: none;
  box-shadow: none;
  display: inline-block;
  transition: 0.5s;
  height: 34px;
  line-height: 18px;
}
.send-mobilisation-buttons .btn-gray {
  background: var(--light-grey) !important;
  -webkit-border-radius: 8px !important;
  -moz-border-radius: 8px !important;
  border-radius: 8px !important;
  height: 34px;
  font-size: 14px;
}
.send-mobilisation-box-row .send-mobilisation-box-list li .custom-box {
  font-size: 13px;
}
.send-mobilisation-box-form {
  display: flex;
  align-items: center;
}
.send-mobilisation-box-form .p-text-input {
  width: 30.5%;
}
.send-mobilisation-box-form .p-text-input .p-inputtext {
  border: 1px solid #ced4da;
  border-radius: 8px;
  font-size: 13px;
  font-size: 13px;
  padding: 10px 10px 10px 10px;
  height: 34px;
  width: 100%;
}
.send-mobilisation-box-form .p-text-bold {
  width: 18%;
}
.base-popover-box.p-popover-flipped,
.quotation-form.p-popover-flipped {
  margin-top: 15px !important;
}
.quotation-form.p-popover-flipped {
  -moz-border-radius: 15px !important;
  -webkit-border-radius: 15px !important;
  -o-border-radius: 15px !important;
  border-radius: 15px !important;
  padding: 15px 5px;
  box-shadow: 0 1px 15px -5px rgba(0, 0, 0, 0.65) !important;
}
.base-popover-box-update {
  max-width: 500px !important;
}
.creat-client-bg .create-lead-rt .choose-file-pnl .p-button {
  border: 1px solid var(--theme-green);
  color: var(--white);
}
.creat-client-bg .lead-button {
  justify-content: right;
  margin-top: 0px;
}
.creat-client-bg .next-button {
  text-align: right;
}
.creat-client-bg .next-button .p-button.p-ripple {
  background: var(--light-grey);
  border: 0px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.creat-client-bg .next-button .p-button.p-ripple:hover {
  background: var(--theme-green);
}
.creat-client-bg .next-button .p-button.p-ripple .p-button-icon-right {
  font-size: 14px;
}
.creat-client-bg .back-button .p-button.p-ripple {
  background: var(--light-grey);
  color: var(--white);
  border: 0px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.creat-client-bg .back-button .p-button.p-ripple:hover {
  background: var(--theme-green);
}
.creat-client-bg .back-button .p-button.p-ripple .p-button-icon-right {
  font-size: 14px;
}
.creat-client-bg .p-step-header {
  color: var(--text-list-color-deep);
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.creat-client-bg .p-step-header .p-step-number {
  background: var(--light-grey);
  color: var(--white);
  font-size: 14px;
}
.creat-client-bg .p-step-active {
  color: var(--theme-green);
}
.creat-client-bg .p-step-active .p-step-header .p-step-number {
  background: var(--theme-green) !important;
  color: var(--white) !important;
}
.creat-client-bg .p-step-active .p-step-header .p-step-title {
  color: var(--theme-green);
}
.creat-client-bg h3 {
  color: var(--black);
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}
.creat-client-bg .client-radio {
  display: flex;
  flex-wrap: wrap;
}
.creat-client-bg .client-radio .client-radio-item {
  width: 50%;
  margin-bottom: 15px;
}
.creat-client-bg .client-radio .client-radio-item .p-radiobutton {
  position: relative;
  top: -2px;
}
.creat-client-bg .client-radio .p-radiobutton-checked .p-radiobutton-box {
  border-color: var(--theme-green);
  background: var(--theme-green);
}
.creat-client-bg .client-dropdown {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 63%;
}
.creat-client-bg .p-steplist .p-step {
  padding: 0px;
}
.creat-client-bg .p-step:has(~ .p-step-active) .p-stepper-separator {
  background: var(--theme-green);
}
.creat-client-bg .next-back-item {
  display: flex;
  justify-content: space-between;
}
.creat-client-bg .building_box_row {
  background: #f9fafc;
  padding: 20px !important;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  margin-bottom: 30px;
}
.creat-client-bg .building_box_row .client-dropdown {
  width: 100%;
}
.creat-client-bg .building-title-row {
  margin-top: 0px;
  margin-bottom: 10px;
}
.building-title-row {
  margin-top: 0px;
  margin-bottom: 10px;
}
.notification-pop {
  position: fixed !important;
  display: block !important;
  top: 60px !important;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.05);
  border: 0px !important;
}
.send-mobilisation-box .p-dialog-title {
  color: var(--black);
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  margin-bottom: 0px;
}
.send-mobilisation-box ul li::before {
  display: none !important;
}
.view-lead-bottom .view-lead-bottom-rt .view-lead-tabs-accordion .view-lead-accordion .send-mobilisation-box .p-accordionheader {
  padding: 10px 15px;
  margin-bottom: 0px;
}
.view-lead-bottom .view-lead-bottom-rt .view-lead-tabs-accordion .view-lead-accordion .send-mobilisation-box .p-accordionheader .p-accordionheader-toggle-icon {
  left: inherit;
  right: 15px;
  top: 5px;
  position: absolute;
}
.creat-client-bg.creat-lead-bg .building-title-row {
  border-radius: 0px;
  padding: 0px 0px 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  margin-bottom: 20px;
}
.lead-button {
  margin-top: 10px;
}
.p-overlay-mask {
  z-index: 99999 !important;
}
.layout-generate .p-multiselect .p-overlay {
  width: 200px;
}
.p-overlay-mask .p-confirmdialog .p-dialog-content {
  gap: 10px;
}
.p-overlay-mask .p-confirmdialog .p-dialog-content .p-confirmdialog-icon {
  font-size: 26px;
  width: 24px;
  height: 24px;
}
.p-overlay-mask .p-confirmdialog .p-dialog-content .p-confirmdialog-message {
  font-size: 14px;
}
.p-overlay-mask .p-confirmdialog .p-button:focus-visible {
  box-shadow: none;
  outline: none;
  border: none;
}
.p-autocomplete-option {
  padding: 5px 10px !important;
}
.p-autocomplete-option span {
  font-size: 13px;
  color: var(--text-list-grey-light) !important;
}
.p-select-list li {
  padding: 5px 10px !important;
  height: 31px;
}
.layout-dashboard .clear-button {
  background: none;
  border: none;
  outline: none;
  box-shadow: none;
  color: var(--theme-red);
  font-size: 13px;
  line-height: 24px;
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
  margin-left: 15px;
}
.activities-col-rt .clear-button {
  background: none;
  border: 1px solid var(--white);
  height: 34px;
  min-width: 70px;
  padding: 6px 10px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  color: #ddd !important;
}
.view-lead-tabs-inner h4 {
  color: var(--black) !important;
  font-size: 15px;
  line-height: 24px;
  font-weight: 500;
  margin-bottom: 5px !important;
}
.creat-client-bg .p-steplist {
  margin-bottom: 20px;
}
.creat-client-bg .p-steppanels {
  padding: 0px 0px 0px !important;
}
.creat-client-bg form .create-lead-rt label {
  margin-bottom: 15px;
}
.creat-client-bg .create-lead-rt .choose-file-pnl .p-button {
  -moz-transition: 0.2s;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.creat-client-bg .create-lead-rt .choose-file-pnl .p-button:hover {
  background: var(--theme-green);
}
.creat-client-bg .create-lead-rt .choose-file-pnl .p-button:hover .p-button-icon {
  color: var(--white);
}
.creat-client-bg .create-lead-rt .choose-file-pnl .p-button:hover .p-button-label {
  color: var(--white);
}
.creat-client-bg .create-lead-rt .p-button-label {
  color: var(--text-color);
}
.choose-file-pnl a {
  color: var(--theme-green) !important;
  text-decoration: none;
}
.creat-client-bg .client-radio .client-radio-item {
  width: auto;
  margin-bottom: 15px;
  margin-right: 70px;
}
.creat-client-bg h3 {
  margin-bottom: 15px;
}
.activity-scroller ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.activity-scroller ul li {
  padding-left: 20px;
  position: relative;
}
.activity-scroller ul li::before {
  width: 15px;
  height: 15px;
  left: 0px;
  top: 5px;
  position: absolute;
  content: "\e932";
  font-size: 14px;
  color: var(--text-list-grey-light);
  font-family: primeicons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.activity-scroller .upcoming-row span {
  color: var(--text-list-grey-light);
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  margin: 0px;
  padding: 0px;
}
.activity-scroller .upcoming-row span i {
  color: var(--theme-green);
  font-size: 13px;
  margin-right: 5px;
}
.activity-scroller .activity-lead-name-link span {
  margin-left: 0px !important;
  margin-bottom: 5px;
}
.activity-scroller .activity-lead-name-link a {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  margin: 0px;
  padding: 0px;
}
.p-select-list-container,
.p-autocomplete-list-container {
  overflow: auto;
  overflow-y: scroll;
  scrollbar-width: thin;
}
.activity-scroller ul {
  padding-top: 20px;
}
.main-footer p {
  font-size: 14px;
  padding: 8px 0;
}
.main-footer {
  width: 100%;
  position: fixed;
  left: 0px;
  bottom: 0px;
  z-index: 9999;
}
.page-body-wrapper .layout-main::before {
  display: none;
}
.navbar .navbar-brand-wrapper .navbar-brand {
  border: none;
  outline: none;
}
.layout-content {
  padding-bottom: 40px;
}
.view-lead-tabs-inner .activity-scroller ul {
  padding-top: 0px;
}
.layout-dashboard .page-select-box .p-select {
  line-height: 25px;
}
.layout-dashboard .activity-scroller ul {
  padding-top: 0px;
}
.layout-dashboard .activity-scroller {
  padding-top: 0px;
}
.layout-generate .page-select-box .p-multiselect {
  line-height: 25px;
}
.layout-generate .clear-button {
  margin-left: 10px !important;
}
.layout-generate .export-btn button {
  width: 30px;
}
.layout-generate .p-multiselect .p-multiselect-dropdown {
  width: 10px;
}
.page-select-box .p-select .p-select-dropdown,
.p-select.light-weight .p-select-dropdown,
.p-dropdown.light-weight .p-select-dropdown {
  width: 10px;
}
.viewlead-report.p-tieredmenu {
  min-width: 120px;
}
.layout-dashboard .activity-scroller {
  max-height: 330px;
  overflow: auto;
  overflow-y: scroll;
  scrollbar-width: thin;
  padding-top: 0px;
}
.view-lead-section .activity-scroller {
  max-height: 350px;
  overflow: auto;
  overflow-y: scroll;
  scrollbar-width: thin;
  padding-top: 0px;
}
.layout-Lead .p-datatable .p-datatable-tbody tr td {
  white-space: inherit;
}
.upcoming-row .upcoming-row-lt {
  width: 50%;
  word-break: break-all;
}
.upcoming-row .upcoming-row-rt {
  width: 50%;
  word-break: break-all;
  text-align: right;
}
.activity-scroller .activity-lead-name-link {
  word-break: break-all;
}
.base-popover-box .p-select-option {
  white-space: inherit;
  word-break: break-all;
}
.custom-tooltip {
  font-size: 12px !important;
  padding: 5px !important;
}
.view-lead-tabs-inner .task-table table tbody tr td {
  white-space: inherit;
  word-break: break-word;
}
.view-lead-tabs-inner .p-datatable .p-datatable-tbody tr td {
  white-space: inherit;
  word-break: break-word;
}
.dashboard-pnl3-bt-col-inner-col a {
  color: var(--theme-green);
  font-size: 14px;
}
.dashboard-pnl3-bt-col-inner-col a:hover {
  color: var(--theme-green);
}
.btn-green.p-button:hover {
  background: var(--light-grey) !important;
}
.btn-success:disabled {
  background-color: var(--theme-green) !important;
  border-color: var(--theme-green) !important;
  -webkit-border-radius: 8px !important;
  -moz-border-radius: 8px !important;
  -o-border-radius: 8px !important;
  border-radius: 8px !important;
}
.btn-success:disabled:hover {
  background: var(--light-grey) !important;
}
.btn-green:hover {
  background: var(--light-grey) !important;
}
.btn-primary {
  -webkit-border-radius: 8px !important;
  -moz-border-radius: 8px !important;
  -o-border-radius: 8px !important;
  border-radius: 8px !important;
}
.btn-primary:hover {
  background: var(--light-grey) !important;
}
.choose-file-pnl .pi-times {
  position: relative;
  top: 2px;
  font-size: 13px;
}
.p-tooltip-text {
  font-size: 12px !important;
  padding: 5px 10px !important;
}
.p-datatable-table-container .p-datatable-table .p-datatable-tbody tr td .justify-content-around.memberlist-action {
  justify-content: space-around !important;
  align-items: center !important;
}
.p-checkbox-checked:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
  background: var(--theme-green) !important;
  border-color: var(--theme-green) !important;
}
.p-checkbox-checked .p-checkbox-box {
  background: var(--theme-green) !important;
  border-color: var(--theme-green) !important;
}
.p-datatable .p-datatable-tbody .p-button-primary:hover {
  background: var(--light-grey) !important;
  color: var(--white);
}
.view-lead-section .p-datatable .p-datatable-thead {
  background: #92b700;
}
.view-lead-section .p-datatable .p-datatable-thead > tr > th {
  padding: 10px 15px;
}
.view-lead-section .p-paginator .p-ripple {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
}
.view-lead-section .p-paginator .p-ripple:not(:last-child) {
  margin: 0 5px 0 0 !important;
}
.layout-dashboard .p-paginator .p-ripple {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
}
.layout-dashboard .p-paginator .p-ripple:not(:last-child) {
  margin: 0 5px 0 0 !important;
}
.p-paginator-pages {
  font-size: 14px;
}
.double-col-rw .doublecol-content-left {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  padding: 42px 60px;
}
.double-col-rw .doublecol-content-left::after {
  position: absolute;
  content: "";
  inset: 0;
  opacity: 0.4;
}
.double-col-rw .doublecol-content-left .doublecol-content-inner {
  position: relative;
  z-index: 99;
  height: 600px;
  overflow-y: auto;
}
.double-col-rw .doublecol-content-left .doublecol-content-inner::-webkit-scrollbar {
  width: 6px;
}
.double-col-rw .doublecol-content-left .doublecol-content-inner::-webkit-scrollbar-track {
  background: transparent;
}
.double-col-rw .doublecol-content-left .doublecol-content-inner h4 {
  font-size: 27px;
  font-weight: 600;
  color: #fff;
  margin: 42px 0px;
  text-transform: capitalize;
}
.double-col-rw .doublecol-content-left .doublecol-content-inner h6 {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0;
}
.double-col-rw .doublecol-content-left .doublecol-content-inner p {
  font-size: 15px;
  line-height: 22px;
  color: #fff;
  font-weight: 300;
  margin-top: 22px;
  text-align: justify;
}
.double-col-rw .doublecol-content-left .doublecol-content-inner ul > li {
  font-size: 16px;
  color: #fff;
  line-height: 30px;
}
.double-col-rw .doublecol-content-left .doublecol-content-inner .ccslogo {
  width: 100px;
  max-width: 100%;
  object-fit: cover;
  cursor: pointer;
}
.double-col-rw .doublecol-content-left .doublecol-content-inner .complt-bar-info progress {
  display: block;
  width: 100%;
  height: 3px;
  opacity: 0.3;
  border-radius: 7px;
  margin-bottom: 8px;
}
.double-col-rw .doublecol-content-left .doublecol-content-inner .complt-bar-info span {
  font-size: 15px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 300;
  margin-bottom: 36px;
  display: inline-block;
}
.double-col-rw .doublecol-content-left .doublecol-content-inner .complt-bar {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  animation: none;
}
.double-col-rw .doublecol-content-left .doublecol-content-inner progress::-webkit-progress-bar {
  animation: none;
}
.double-col-rw .doublecol-content-left .doublecol-content-inner progress::-moz-progress-bar {
  animation: none;
}
.double-col-rw .doublecol-content-right {
  padding: 62px 48px;
  height: 90vh;
  overflow-y: scroll;
}
.double-col-rw .doublecol-content-right::-webkit-scrollbar {
  visibility: hidden;
}
.double-col-rw .doublecol-content-right ul {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
  grid-gap: 15px;
  padding-left: 0px;
  padding-right: 15px;
}
.double-col-rw .doublecol-content-right ul li {
  border: 1px solid var(--new-border-color);
  border-radius: 12px;
  background-color: #Fff;
  list-style: none;
}
.double-col-rw .doublecol-content-right .section-box-info .sec-box-top {
  padding: 16px 15px 15px 16px;
  display: flex;
  gap: 16px;
  position: relative;
}
.double-col-rw .doublecol-content-right .section-box-info .sec-box-top .section-box-content .sec-count {
  font-size: 14px;
  color: var(--new-pera-color);
  font-weight: 500;
  margin: 0px;
  padding-top: 40px;
}
.double-col-rw .doublecol-content-right .section-box-info .sec-box-top .section-box-content .section-heding h4 {
  font-size: 16px;
  text-transform: capitalize;
  color: var(--new-mainHeading-color);
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 0;
}
.double-col-rw .doublecol-content-right .section-box-info .sec-box-top .section-box-content .sec-start-btn {
  position: absolute;
  content: "";
  right: 15px;
  bottom: 15px;
  font-size: 14px;
  color: var(--new-mainHeading-color);
  font-weight: 500;
  text-transform: capitalize;
  transition: 0.3s;
}
.double-col-rw .doublecol-content-right .section-box-info .sec-box-top .section-box-content .sec-start-btn:hover {
  text-decoration: none;
  color: var(--light-text-green);
  transform: translateX(-10px);
}
.double-col-rw .doublecol-content-right .section-box-info .sec-box-top .section-box-img {
  display: flex;
  align-items: center;
  justify-content: center;
}
.double-col-rw .doublecol-content-right .section-box-info .sec-box-top .section-box-img img {
  max-width: 80px;
  object-fit: cover;
  height: auto;
}
.double-col-rw .doublecol-content-right .section-box-info .details-btnn {
  background-color: #EAEAEA;
  font-size: 10px;
  text-transform: uppercase;
  color: #545454;
  padding: 7px 16px;
  font-weight: 600;
  display: block;
  transition: 0.3s;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.double-col-rw .doublecol-content-right .section-box-info .details-btnn:hover {
  text-decoration: none;
  background: var(--theme-green);
  color: var(--white);
}
.complt-bar {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  animation: none;
}
progress::-webkit-progress-bar {
  animation: none;
}
progress::-moz-progress-bar {
  animation: none;
}
.course-sidebar-left .sidebar-header .complt-bar {
  width: 100%;
  height: 2px;
  opacity: 0.3;
}
.course-sidebar-left .sidebar-header .completed-value {
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 600;
  color: rgba(84, 84, 84, 0.6352941176);
}
.course-sidebar-left h5 {
  font-size: 18px;
}
.course-sidebar-left .fleet-arrow {
  border-radius: 50%;
  border: 1px solid gray;
  width: 30px;
  display: inline-block;
  height: 30px;
  text-align: center;
  align-content: center;
  margin-right: 10px;
  cursor: pointer;
}
.course-sidebar-left .sidebar-list-panel {
  background: var(--bg-background);
  border: 1px solid var(--new-border-color);
  border-radius: 12px;
  margin-top: 0px;
  padding: 14px;
}
.course-sidebar-left .sidebar-list-panel .page-navigation {
  margin: 0;
  padding-left: 0;
}
.course-sidebar-left .sidebar-list-panel .page-navigation li {
  list-style: none;
}
.course-sidebar-left .sidebar-list-panel .page-navigation li.active-li {
  background-color: #779500;
  position: relative;
  color: #fff;
  margin: 6px;
}
.course-sidebar-left .sidebar-list-panel .page-navigation li.active-li a {
  color: #fff;
}
.course-sidebar-left .sidebar-list-panel .page-navigation li a {
  padding: 11px 16px;
  display: inline-block;
  font-size: 15px;
  color: #212529;
}
.course-sidebar-left .sidebar-list-panel .page-navigation li a:hover {
  text-decoration: none;
}
.course-sidebar-left .sidebar-list-panel .page-navigation li a.list-heading {
  font-size: 18px;
  font-weight: 600;
}
.course-sidebar-left .sidebar-list-panel .accordionn-sec {
  padding: 11px 16px;
  display: flex;
  justify-content: space-between;
  font-size: 15px;
  text-transform: capitalize;
}
.course-sidebar-left .sidebar-list-panel .accordionn-sec:hover {
  color: var(--theme-green);
}
.course-sidebar-left .sidebar-list-panel .accordionn-sec:hover span {
  rotate: 180deg;
}
.colapse-info {
  display: flex;
}
.colapse-info .colapse-menu {
  width: 15%;
}
.colapse-info .colapse-menu .colapse-icon {
  font-size: 20px;
  cursor: pointer;
}
.colapse-info .course-main-content {
  justify-content: space-between;
  width: 100%;
  gap: 50px;
}
.colapse-info .course-main-content .main-content-lt {
  height: 90vh;
  overflow-y: auto;
  max-width: 100% !important;
}
.colapse-info .course-main-content .main-content-lt::-webkit-scrollbar {
  visibility: hidden;
}
.colapse-info .course-main-content .main-content-lt .section-content h1 {
  word-wrap: break-word;
}
.colapse-info .course-main-content .main-content-lt .section-content h4 em {
  word-wrap: break-word;
}
.colapse-info .course-main-content .main-content-lt .section-content h5 {
  word-wrap: break-word;
}
.colapse-info .course-main-content .main-content-lt .section-content p {
  word-wrap: break-word;
}
.colapse-info .course-main-content .main-content-lt .section-content p img {
  max-width: 100%;
}
.colapse-info .course-main-content .main-content-lt .navigation-buttons {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
.colapse-info .course-main-content .main-content-lt .question-navigation {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
.course-content-layout .colapse-info .course-main-content .main-content-lt {
  max-width: 100%;
}
.course-content-layout.learner-course-content-double-l .colapse-info .course-main-content .main-content-lt {
  max-width: 80%;
}
.main-content-rt {
  display: grid;
  grid-template-columns: auto auto;
  position: absolute;
  content: "";
  top: 0px;
  right: 0px;
  max-width: 180px;
  padding: 18px 15px;
  border: 1px solid #E7E7E7;
  border-radius: 3px;
  height: 240px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #fff;
}
.main-content-rt .thubnail-img img {
  width: 100%;
  object-fit: cover;
}
.main-content-rt .count-page {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.main-content-rt .count-page .count-pg-num {
  font-size: 14px;
  color: #545454;
}
.main-content-rt .count-page .count-pg-num span {
  font-size: 16px;
  font-weight: 700;
  color: #000;
}
.double-cl-previewAdmin-header {
  margin-top: 20px;
}
.double-cl-previewAdmin-header .main-content-rt {
  height: auto;
  max-width: 100%;
  padding: 0 0;
  background: #ffffff;
  border-radius: 5px;
  overflow: hidden;
  border: 1px solid #E7E7E7;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  animation: slideInUp 0.6s ease-out;
  position: initial;
}
@keyframes slideInUp {
  from {
    opacity: 0;
    transform: translateY(15px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.double-cl-previewAdmin-header .main-content-rt:hover {
  box-shadow: 0 12px 25px rgba(0, 0, 0, 0.1);
  border-color: var(--theme-green);
}
.double-cl-previewAdmin-header .thubnail-img {
  width: 100%;
  height: 110px;
  overflow: hidden;
  position: relative;
  padding: 12px 12px 0px 12px;
}
.double-cl-previewAdmin-header .thubnail-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 5px;
  transition: transform 0.7s ease;
}
.double-cl-previewAdmin-header .count-page {
  display: flex;
  padding: 12px;
  align-items: center;
  justify-content: space-around;
  background:
    linear-gradient(
      to bottom,
      #ffffff,
      #f9fafb);
}
.double-cl-previewAdmin-header .count-pg-num {
  text-align: center;
  flex: 1;
}
.double-cl-previewAdmin-header .count-pg-num span {
  font-size: 20px;
  font-weight: 800;
  color: #111827;
  display: block;
  line-height: 1;
  margin-bottom: 2px;
}
.double-cl-previewAdmin-header .count-pg-num {
  font-size: 12px !important;
  text-transform: uppercase;
  font-weight: 500;
  color: #6b7280;
  letter-spacing: 0.5px;
}
.double-cl-previewAdmin-header .pg-number {
  border-right: 1px solid #f0f0f0;
}
.main-content-lt .navigation-buttons {
  margin-top: 52px;
}
.main-content-lt .navigation-buttons button {
  padding: 8px 18px;
  background-color: var(--theme-green);
  color: #fff;
  font-size: 17px;
  font-weight: 600;
  border-radius: 8px !important;
}
.main-content-lt .navigation-buttons button:hover {
  background-color: var(--theme-green) !important;
  opacity: 0.9;
}
.main-content-lt .sub-tittle {
  padding: 0px 0px 15px 0px;
  text-transform: capitalize;
}
.main-content-lt h3 {
  font-weight: 600;
  margin-bottom: 32px;
}
.main-content-lt .object-info {
  background: rgba(204, 204, 204, 0.4196078431);
  padding: 20px 20px 40px 20px;
  border-radius: 3;
}
.main-content-lt .object-info span {
  font-weight: 600;
  margin-left: 7px;
}
.main-content-lt .object-info span i {
  color: var(--theme-green);
}
.main-content-lt .object-info p {
  margin-top: 22px;
  font-size: 16px;
}
.course-content-layout {
  padding-top: 0px;
}
.content-header-stp2 {
  margin-top: 100px;
}
.content-header-stp2 .scoler-imge {
  height: 500px;
  overflow: scroll;
  max-width: 100%;
  margin-top: 40px;
}
.content-header-stp2 .scoler-imge img {
  width: 100%;
}
.content-header-stp2 .object-para p {
  font-size: 15px;
  line-height: 25px;
  color: #333;
  text-align: justify;
}
.accordion-item-single-layout {
  margin: 0;
}
.page-title-single-layout:hover {
  background-color: #F2F2F2;
}
details[open] > .page-title-single-layout {
  background-color: #f2f2f2;
}
.sub-section-single-layout {
  padding: 8px 15px;
  padding-left: 25px;
  position: relative;
  cursor: pointer;
}
.sub-section-single-layout p {
  padding: 6px 0px;
}
.left-nav-panel-single-layout {
  width: 90%;
  height: auto;
  min-height: 450px;
  background: var(--new-bgLight);
  border: none;
  border-radius: 5px;
  overflow-y: auto;
  overflow-x: hidden;
}
.left-nav-panel-single-layout::-webkit-scrollbar {
  width: 6px;
}
.left-nav-panel-single-layout::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.left-nav-panel-single-layoutl::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 3px;
}
.accordion-item-single-layout {
  margin: 0;
}
.accordion-item-single-layout details[open] > .page-title {
  background-color: #f2f2f2;
}
.page-title-single-layout {
  padding: 15px;
  font-size: 17px;
  font-weight: 600;
  color: #212529;
  line-height: 1.4;
  cursor: pointer;
  background-color: #fff;
  list-style: none;
}
.page-title-single-layout:hover {
  background-color: #F2F2F2;
}
details > .page-title-single-layout::marker,
details > .page-title-single-layout::-webkit-details-marker {
  display: none;
}
details > .page-title-single-layout {
  position: relative;
  padding-right: 30px;
}
details > .page-title-single-layout::after {
  content: "\2335";
  position: absolute;
  right: 15px;
  font-size: 16px;
  transition: transform 0.2s;
}
details[open] > .page-title-single-layout::after {
  transform: rotate(180deg);
}
.page-content-single-layout + .page-title-single-layout {
  font-weight: bold;
}
.page-content-single-layout {
  padding: 0 0 10px 0;
  margin-left: 10px;
}
.sub-section-single-layout {
  padding: 8px 15px;
  padding-left: 25px;
  position: relative;
  cursor: pointer;
}
.sub-section-single-layout p {
  padding: 6px 0px;
}
.section-title-single-layout {
  margin: 0;
  font-size: 14px;
  color: #333;
}
.section-title-single-layout:hover {
  color: var(--theme-green);
}
.sub-section.active .active-indicator {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 5px;
  background: var(--theme-green);
  border-radius: 0 2px 2px 0;
}
.single-layout-content .inner-content {
  margin-top: 80px;
}
.single-layout-content .inner-content h5 {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 20px;
}
.single-layout-content .inner-content ul li {
  line-height: 36px;
}
.single-layout-content .inner-content p {
  margin-top: 10px;
  margin-bottom: 10px;
  word-wrap: break-word;
}
.single-layout-content .inner-content h3 {
  word-wrap: break-word;
}
.single-layout-content .inner-content .layout-dashboard-img {
  width: 100%;
  margin-top: 50px;
  margin-bottom: 100px;
}
.single-layout-content .inner-content .layout-dashboard-img img {
  max-width: 100%;
  object-fit: cover;
}
.single-layout-content .inner-content .chcckbox-info {
  margin-top: 30px;
  display: flex;
  gap: 10px;
  align-items: center;
}
.single-layout-content .inner-content .chcckbox-info input {
  border-radius: 5px;
  border: 2px solid var(--theme-green);
  width: 26px;
  height: 26px;
}
.single-layout-content .inner-content .chcckbox-info p {
  font-size: 20px;
  font-weight: 600;
}
.single-layout-content .inner-content progress {
  width: 90%;
  height: 2px;
  margin-right: 15px;
  border-radius: 5px;
  opacity: 0.3;
}
.single-layout-content .inner-content button {
  margin-top: 60px;
  padding: 12px 28px;
  background-color: var(--theme-green);
  color: #fff;
  font-size: 17px;
  font-weight: 600;
  border-radius: 8px !important;
  border: none;
}
.single-layout-content .inner-content button:hover {
  opacity: 0.9;
}
.single-layout-content h2 {
  font-size: 36px;
  line-height: 46px;
  font-weight: 600;
  position: relative;
  margin-bottom: 70px;
  word-wrap: break-word;
}
.single-layout-content h2::after {
  position: absolute;
  content: "";
  bottom: -30px;
  width: 100px;
  height: 2px;
  background-color: var(--theme-green);
  left: 0;
}
.single-layout-content .logo {
  width: 95px;
  margin-bottom: 70px;
}
.single-layout-content .logo img {
  max-width: 100%;
  object-fit: cover;
}
.single-layout-componnt {
  padding-top: 30px;
}
.single-layout-componnt .accordion-prent-box {
  padding-bottom: 20px;
  background: #fff;
  border: 1px solid #E7E7E7;
  border-radius: 5px;
  margin-right: 42px;
}
.upload-info {
  position: relative;
  margin-top: 20px;
}
.upload-info .file-btnn {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  position: absolute;
  top: -16px;
  right: 50px;
  content: "";
}
@media (max-width: 570px) {
  .upload-info .file-btnn {
    top: 33px !important;
    right: 27px;
  }
}
.upload-info .file-btnn a {
  border-radius: 8px;
  width: 35px;
  height: 35px;
  display: flex;
  padding: 0;
  font-size: 24px;
  align-items: center;
  justify-content: center;
  cursor: auto;
  box-shadow: none;
  background: rgba(138, 172, 57, 0.1);
  border: 1px solid rgba(138, 172, 57, 0.2);
  transition: 0.3s;
  color: var(--light-text-green);
}
.upload-info .file-btnn a i {
  font-size: 1.1rem;
}
.course-content .cours-toggle-bttn .ri-arrow-left-s-line {
  background: var(--white);
  border-radius: 50%;
  width: 44px;
  height: 44px;
  display: flex;
  padding: 0;
  font-size: 24px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: none;
  color: #5a5a5a;
  border: 1px solid #ddd;
}
.form-group .page-title,
.cours-subtitle .page-title {
  position: relative;
}
.form-group .file-btnn,
.cours-subtitle .file-btnn {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  position: absolute;
  top: -11px;
  right: 54px;
  content: "";
}
.form-group .file-btnn a,
.cours-subtitle .file-btnn a {
  border-radius: 8px;
  width: 35px;
  height: 35px;
  display: flex;
  padding: 0;
  font-size: 24px;
  align-items: center;
  justify-content: center;
  cursor: auto;
  box-shadow: none;
  background: rgba(138, 172, 57, 0.1);
  border: 1px solid rgba(138, 172, 57, 0.2);
  transition: 0.3s;
  color: var(--light-text-green);
}
.form-group .file-btnn a i,
.cours-subtitle .file-btnn a i {
  font-size: 0.9rem;
}
.upload-btnn {
  position: absolute;
  top: -16px;
  right: 0;
  content: "";
}
.upload-btnn a {
  border-radius: 8px;
  width: 40px;
  height: 36px;
  display: flex;
  padding: 0;
  font-size: 24px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: none;
  border: 1px solid var(--new-border-color);
  background: var(--new-bg-background);
  transition: 0.3s;
  color: var(--new-mainHeading-color);
}
.upload-btnn a:hover {
  text-decoration: none;
  background-color: var(--light-text-green);
}
.upload-btnn a:hover i {
  color: var(--new-theme-hover-text-color);
}
.upload-btnn i {
  color: var(--new-mainHeading-color);
  font-size: 1.1rem;
  font-weight: 500;
  text-transform: capitalize;
}
.upload-btnn.pgtitle-upload-btn {
  top: 0px !important;
  position: relative;
}
.label-child-coursTittle {
  margin-bottom: 17px;
}
.file-btnn.pgtitle-file-btn {
  top: 45px;
}
.course-content .form-group textarea:focus,
.course-content .cours-subtitle textarea:focus {
  border-color: var(--theme-green);
  box-shadow: 0 0 0 3px rgba(76, 175, 80, 0.1);
}
.dashboard-left-chart {
  width: 100%;
}
.dashboard-left-chart .pie-chart {
  display: block;
  width: 100%;
}
.dashboard-left-chart .pie-chart canvas {
  width: 100% !important;
}
.label-prent-coursTittle {
  display: flex;
  align-items: last baseline;
  justify-content: space-between;
}
.label-prent-coursTittle .upload-btnn.upload-coursImage {
  position: static;
  margin-bottom: 7px;
}
.label-prent-coursTittle .upload-btnn a {
  width: 36px;
  height: 34px;
}
.learner-courses-container {
  padding: 30px;
  background-color: var(--new-bgLight);
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
}
.learner-courses-container h3 {
  color: var(--theme-green);
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 30px;
}
.learner-courses-container .learner-courses-grid .learner-course-card {
  border-radius: 0px;
  display: flex;
  align-items: start;
}
.learner-courses-container .learner-courses-grid .learner-course-card .learner-details-section {
  margin-right: 0px !important;
}
.learner-courses-container .learner-courses-grid .learner-course-card .learner-icon-section .learner-book-icon {
  width: 104px !important;
}
.learner-courses-container .learner-courses-grid .learner-course-card .learner-icon-section img {
  width: 100%;
  height: 121px;
  border-radius: 0px;
}
.learner-courses-container .learner-courses-grid .learner-course-card .learner-icon-section .learner-book-icon {
  width: 77.58px;
  height: 77.58px;
}
.learner-courses-container .learner-courses-grid .learner-course-card .learner-icon-section .learner-book-icon .learner-book-icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.learner-courses-container .learner-courses-grid .learner-course-card .learner-details-section {
  flex-grow: 1;
  margin-right: 20px;
}
.learner-courses-container .learner-courses-grid .learner-course-card .learner-details-section h2 {
  font-size: 16px;
  line-height: 26px;
  color: #0e3440;
  margin: 0 0;
  font-weight: 600;
  width: 93%;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.learner-courses-container .learner-courses-grid .learner-course-card .learner-details-section p {
  font-size: 12px;
  color: #0e3440;
  margin: 0;
  line-height: 20px;
}
.learner-courses-container .learner-courses-grid .learner-course-card .learner-start-button,
.learner-courses-container .learner-courses-grid .learner-course-card .learner-remove-btnn {
  flex-shrink: 0;
  background: var(--theme-green);
  color: #fff;
  text-decoration: none;
  padding: 5px 20px;
  border-radius: 50px;
  font-weight: 500;
  font-size: 14px;
  line-height: 25px;
  text-align: center;
  min-width: 100px;
  transition: background-color 0.2s;
  display: inline-block;
  cursor: pointer !important;
  margin-right: 10px;
}
.learner-courses-container .learner-courses-grid .learner-course-card .learner-start-button:hover,
.learner-courses-container .learner-courses-grid .learner-course-card .learner-remove-btnn:hover {
  background-color: #5d8134;
  text-decoration: none;
  color: #fff;
}
.learner-courses-container .learner-courses-grid .learner-course-card .learner-remove-btnn {
  border: none;
  background: #dc3545;
  color: var(--white);
}
.learner-courses-container .learner-courses-grid .learner-course-card .learner-remove-btnn:hover {
  background: #dc3545;
  color: var(--white);
  opacity: 0.9;
}
.learner-courses-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}
.learner-comn-h3 {
  color: var(--theme-green);
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 28px;
}
.learner-courses-container-buttom {
  margin-top: 30px;
}
.completed-courses-box {
  padding: 30px;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
  border: 1px solid #eee;
}
.courses-grid-completed {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  overflow-x: hidden;
  height: auto;
  max-height: 600px;
  overflow-y: auto;
}
.courses-grid-completed::-webkit-scrollbar {
  width: 4px;
}
.courses-grid-completed::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}
.courses-grid-completed::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 4px;
}
.courses-grid-completed::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}
.learner-course-card-completed {
  background-color: transparent;
  padding: 20px;
  border-radius: 8px;
  border: 1px solid #c5d599;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  transition: 0.3s ease-in;
}
.learner-course-card-completed:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.027), 0 15px 30px rgba(0, 0, 0, 0.1);
  border: 1px solid var(--theme-green);
}
.learner-course-card-completed .learner-book-icon-completed {
  width: 77px;
  height: 77px;
  border-radius: 100%;
  margin-bottom: 18px;
}
.learner-course-card-completed .learner-book-icon-completed img {
  border-radius: 100%;
}
.learner-course-card-completed .course-name {
  font-size: 16px;
  color: #0e3440;
  font-weight: 600;
  line-height: 25px;
  margin: 0 0 20px 0;
}
.learner-course-card-completed .learner-view-details-button {
  flex-shrink: 0;
  background: var(--theme-green);
  color: #fff;
  text-decoration: none;
  padding: 10px 22px;
  border-radius: 50px;
  display: inline-block;
  font-size: 13px;
  line-height: normal;
  text-align: center;
  max-width: 130px;
  transition: background-color 0.2s;
  cursor: pointer !important;
}
.learner-course-card-completed .learner-view-details-button:hover {
  background-color: #5d8134;
  text-decoration: none;
  color: #fff;
}
.learner-certificates-box {
  padding: 30px;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
}
.learner-certificates-box .learner-comn-h3 {
  margin-bottom: 16px;
}
.learner-certificate-list {
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  height: auto;
  max-height: 600px;
  overflow-y: auto;
}
.learner-certificate-list::-webkit-scrollbar {
  width: 4px;
}
.learner-certificate-list::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}
.learner-certificate-list::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 4px;
}
.learner-certificate-list::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}
.learner-certificate-item {
  display: flex;
  align-items: center;
  padding: 18px 0;
  border-bottom: 1px solid #eee;
}
.certificate-item:last-child {
  border-bottom: none;
}
.learner-pdf-icon {
  width: 38px;
  height: 48px;
  margin-right: 15px;
}
.learner-pdf-icon i {
  font-size: 2.6em;
  color: var(--theme-green);
}
.learner-certificate-details {
  flex-grow: 1;
  margin-right: 15px;
}
.certificate-details .title {
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  color: #163944;
  margin: 0 0 4px 0;
}
.certificate-details .date {
  font-size: 10px;
  line-height: 25px;
  color: #163944;
  margin: 0;
}
.learner-download-button {
  flex-shrink: 0;
  background: var(--theme-green);
  color: #fff;
  text-decoration: none;
  padding: 10px 22px;
  border-radius: 50px;
  font-size: 13px;
  line-height: normal;
  text-align: center;
  min-width: 100px;
  transition: background-color 0.2s;
  cursor: pointer !important;
  display: inline-block;
}
.learner-download-button:hover {
  background-color: #5d8134;
  text-decoration: none;
  color: #fff;
}
.learner-download-button:hover {
  background-color: #5d8134;
  text-decoration: none;
  color: #fff;
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.027), 0 15px 30px rgba(0, 0, 0, 0.1);
}
.download-icon {
  font-size: 1.1em;
  margin-left: 8px;
}
.list-cours-search-container:focus-within {
  border-color: #6e9700;
  background-color: #fff;
  box-shadow: 0 0 0 3px rgba(110, 151, 0, 0.3);
}
.list-cours-search-icon:hover {
  background-color: #5d8134;
}
.search-box-col {
  margin-top: 10px;
  transform: translateY(15px);
  display: flex;
  justify-content: flex-end;
  width: 100%;
  margin-right: 25px;
}
.list-cours-search-container {
  display: flex;
  align-items: center;
  border: 1px solid #ccc;
  border-radius: 35px;
  overflow: hidden;
  padding: 0px;
  min-width: 260px;
  background-color: #fff;
}
.list-cours-search-container .list-cours-search-box {
  border: none;
  outline: none;
  padding: 8px 15px;
  flex-grow: 1;
  font-size: 12px;
}
.list-cours-search-container .list-cours-search-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  cursor: pointer;
  padding: 8px 12px;
  font-size: 14px;
  color: #fff;
  background-color: #6e9700;
  border-radius: 100%;
  width: 24px;
  height: 24px;
  margin-right: 4px;
}
.list-cours-search-container .list-cours-search-icon i:hover {
  color: #fff;
}
.dynamic-image-parnt .image-display-area {
  width: auto;
  padding: 0;
  border: transparent;
  border-radius: 4px;
  text-align: center;
  background-color: transparent;
  margin-bottom: 20px;
}
.dynamic-image-parnt .image-display-area #uploaded-image {
  max-width: 100%;
  max-height: 300px;
  height: auto;
  border-radius: 4px;
  display: block;
  margin: 0 auto;
}
.dynamic-image-parnt .image-display-area #image-placeholder-text {
  color: #888;
  margin: 0;
  padding: 5px;
  font-style: italic;
}
.dynamic-image-parnt .image-display-area div {
  margin-right: 15px;
}
.dynamic-image-parnt .image-display-area div:last-child {
  margin-right: 0px;
}
.dynamic-image-parnt .upload-doc-parnt {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dynamic-image-parnt .upload-doc-parnt .upload-doc-btn {
  background: var(--light-text-green);
  color: var(--new-theme-hover-text-color) !important;
  padding: 8px 15px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500 !important;
  transition: background-color 0.2s;
  border-radius: 10px;
  font-family: var(--new-bg-font);
}
.dynamic-image-parnt .upload-doc-parnt .upload-doc-btn:hover {
  background: var(--theme-green);
  opacity: 0.9;
}
.dynamic-image-parnt .upload-doc-parnt .upload-doc-btn img {
  width: 14px;
  margin-left: 6px;
}
.option-image-upload .btn-upload-option-image .upload-btn-icn {
  width: 14px;
}
.image-display-area .tooltip {
  position: absolute;
  bottom: -40px;
  right: 50%;
  transform: translateX(50%);
  background-color: #37474f;
  color: white;
  padding: 5px 10px;
  border-radius: 5px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s, visibility 0.2s;
  margin-bottom: 20px;
  z-index: 10;
}
.image-display-area .tooltip::after {
  content: "";
  position: absolute;
  top: -7px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #37474f;
}
.image-display-area div:hover .tooltip {
  opacity: 1;
  visibility: visible;
}
.globalSettings .gs-description-cell .p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-tbody tr td:nth-child(1) {
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.globalSettings .gs-description-cell .p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-tbody tr td:nth-child(2) {
  max-width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.globalSettings .gs-name-cell .p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-tbody tr td:nth-child(1) {
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.globalSettings .gs-ctaName-cell .p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-tbody tr td:nth-child(1) {
  max-width: 500px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.globalSettings .gs-ctaName-cell .p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-tbody tr td:nth-child(2) {
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.globalSettings .gs-ctaName-cell .p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-tbody tr td:nth-child(3) {
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.course-list-item .cours-list-table .p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-tbody tr td:nth-child(2) {
  max-width: 600px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.layout-main .reportList-table .clientList-table .p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-tbody tr td:nth-child(2) {
  max-width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 15%;
}
.layout-main .reportList-table .clientList-table .p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-tbody tr td:nth-child(7) {
  max-width: 380px;
  white-space: wrap;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  overflow: hidden;
  line-height: 40px;
}
.layout-main .layout-content .archive-cours-list-table .p-datatable .p-paginator {
  background: none !important;
  margin-top: 20px;
}
.layout-main .cours-list-table .p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-tbody tr td a {
  max-width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.achievements-cards .achievements-cards-info .achievements-box-item .achievements-icon {
  overflow: hidden;
}
.achievements-cards .achievements-cards-info .achievements-box-item .achievements-icon img {
  width: 50px;
  height: 50px;
  object-fit: cover;
}
.layout-main .layout-content.globalSettings-layout-content-sec .p-datatable .p-datatable-tbody tr td:nth-child(4) {
  white-space: pre-wrap !important;
}
.single-layout-content .inner-content .section-content.content-img img {
  width: auto;
  max-width: 100%;
}
.btn {
  border-radius: 8px;
}
.layout-main.main-dashboard .layout-dashboard .dashboard-pnl4 .dashboard-pnl4-lt .dashboard-pnl4-lt-table .dashboard-pnl4-lt-table-heading .activities-row {
  display: block;
}
.layout-main.main-dashboard .layout-dashboard .dashboard-pnl4 .dashboard-pnl4-lt .dashboard-pnl4-lt-table .dashboard-pnl4-lt-table-heading .activities-row .activities-col-lt .course-search-box {
  padding-right: 24px;
}
.layout-main.main-dashboard .layout-dashboard .dashboard-pnl4 .dashboard-pnl4-rt.under-training .dashboard-pnl4-rt-heading {
  background: var(--theme-green);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 25px;
}
.learner-filter.admin-filter-search .p-multiselect-option {
  height: auto !important;
}
.p-component .p-overlay-content .p-select-overlay.p-component {
  width: 100%;
}
.language-popup-overlay .language-popup {
  height: 90%;
  overflow: hidden;
  padding: 30px !important;
  font-family: var(--new-bg-font);
  background: var(--bg-background) !important;
  color: var(--new-mainHeading-color);
}
.language-popup-overlay .language-popup .popup-header h2 {
  color: var(--new-mainHeading-color) !important;
}
.language-popup-overlay .language-popup .popup-header p {
  color: var(--new-pera-color) !important;
}
.language-popup-overlay .language-popup .language-options {
  overflow-y: auto;
  max-height: 90%;
  padding-bottom: 30px;
}
.language-popup-overlay .language-popup .language-options button {
  padding: 5px 15px !important;
  background: var(--new-bg-background) !important;
  border: 1px solid var(--new-border-color) !important;
  margin-right: 12px !important;
  color: var(--new-mainHeading-color) !important;
  font-size: 15px !important;
  transform: var(--new-transition);
}
.language-popup-overlay .language-popup .language-options button:hover {
  background: rgba(138, 172, 57, 0.1) !important;
  border: 1px solid rgba(138, 172, 57, 0.2) !important;
  transform: translateX(2px);
  color: var(--light-text-green) !important;
}
.language-popup-overlay .language-popup .language-options button span {
  margin-bottom: 5px;
}
.language-popup-overlay .language-popup .language-options::-webkit-scrollbar {
  width: 8px;
}
.language-popup-overlay .language-popup .language-options::-webkit-scrollbar-track {
  background: #f7faef;
  border-radius: 10px;
}
.language-popup-overlay .language-popup .language-options::-webkit-scrollbar-thumb {
  background: #6e9700;
  border-radius: 10px;
  border: 2px solid #f7faef;
  background-clip: padding-box;
}
.language-popup-overlay .language-popup .language-options::-webkit-scrollbar-thumb:hover {
  background: #6e9700;
  transition: 0.3s ease-in-out;
}
.create-cours-main .course-content .page-edit-content .page-header-form .upload-btnn.pgtitle-upload-btn {
  top: 20px;
}
.create-cours-main .course-content .page-edit-content .page-header-form .upload-btnn.pgtitle-upload-btn {
  top: 20px;
}
.create-cours-main .course-content .page-edit-content .form-group .file-btnn,
.create-cours-main .course-content .page-edit-content .cours-subtitle .file-btnn {
  top: 20px !important;
}
.course-list-item .p-datatable-table-container .p-datatable-table .p-datatable-tbody tr td:nth-child(4) {
  display: revert;
}
.course-list-item .p-datatable-table-container .p-datatable-table .p-datatable-tbody tr td:nth-child(6) .align-items-center,
.course-list-item .p-datatable-table-container .p-datatable-table .p-datatable-tbody tr td:nth-child(7) .d-flex {
  flex-direction: column;
  align-items: flex-start !important;
}
.label-prent-coursTittle .label-child-coursTittle {
  display: flex;
  align-items: center;
  gap: 12px;
}
.label-prent-coursTittle .label-child-coursTittle p {
  margin-bottom: 0;
}
.form-group .label-prent-coursTittle .label-child-coursTittle,
.cours-subtitle .label-prent-coursTittle .label-child-coursTittle {
  margin-bottom: 10px;
}
.form-group .label-prent-coursTittle .label-child-coursTittle .upload-btnn,
.cours-subtitle .label-prent-coursTittle .label-child-coursTittle .upload-btnn {
  margin-bottom: 0px;
}
.admin-global-settings-lv-modal .add-level-global-settings .p-multiselect p-overlay .p-overlay.p-component {
  width: 100% !important;
}
.admin-double-col-prev-backBtn .custom-col {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 15px;
  flex-wrap: wrap;
}
.admin-double-col-prev-backBtn .stats-count-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 15px;
}
.admin-double-col-prev-backBtn .upsale-button {
  position: relative;
  z-index: 0;
  height: 70px;
  overflow: hidden;
  border: none !important;
  padding: 0 !important;
  background-color: rgba(119, 149, 0, 0.3215686275) !important;
  color: #656565;
  background: white;
  border-radius: 8px;
  width: 150px;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  box-shadow: 0 4px 50px 0 rgba(0, 0, 0, 0.07);
  transition: 0.2s all linear;
  text-decoration: initial;
}
.admin-double-col-prev-backBtn .upsale-button .stat-value {
  font-size: 22px;
  font-weight: 800;
  color: var(--theme-green);
}
.admin-double-col-prev-backBtn .upsale-button .stat-label {
  font-size: 12px;
  text-transform: uppercase;
  color: #606060;
  font-weight: 500;
  margin: 0;
}
.admin-double-col-prev-backBtn .upsale-button > span {
  padding: 5px;
  position: relative;
  z-index: 1;
  height: calc(100% - 4px);
  width: calc(100% - 4px);
  top: 2px;
  left: 2px;
  align-items: center;
  display: flex;
  justify-content: center;
  border-radius: 8px;
  color: white;
  background: #f9f9f9;
  flex-direction: column;
  gap: 5px;
}
.admin-double-col-prev-backBtn .sidebar-header h5 {
  display: grid;
  gap: 5px;
  line-height: 23px;
  font-size: 16px;
  font-weight: 600;
  grid-template-columns: auto 1fr;
  align-items: center;
  text-transform: capitalize;
}
.admin-double-col-prev-backBtn .sidebar-header h5 span {
  border-radius: 50%;
  border: 1px solid gray;
  width: 30px;
  display: inline-block;
  height: 30px;
  text-align: center;
  align-content: center;
  margin-right: 10px;
  cursor: pointer;
}
.learner-box-category .learner-courses-container .learner-courses-grid .learner-course-card {
  overflow: hidden;
  border-radius: 10px;
}
.main-dashboard .dashboard-pnl4-lt .recnt-cours-info .new-course-box,
.learner-box-category .learner-courses-container .learner-courses-grid .learner-course-card,
.learning-paths-box-info .course-card {
  transition: 0.3s ease-in;
}
.learning-paths-box-info .course-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.027), 0 15px 30px rgba(0, 0, 0, 0.1);
}
.learning-paths-box-info .core-university-box-item .course-card:hover {
  transform: translateY(0px);
}
.main-dashboard .dashboard-pnl4-lt .recnt-cours-info .new-course-box:hover,
.learner-box-category .learner-courses-container .learner-courses-grid .learner-course-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.027), 0 15px 30px rgba(0, 0, 0, 0.1);
  border: 1px solid var(--theme-green);
}
.layout-content.globalSettings-layout-content-sec .globalSettings .card-body .card-title-row .card-title-row-rt .p-input-icon-left input {
  border-radius: 8px;
}
.layout-content.globalSettings-layout-content-sec .globalSettings .card-body .card-title-row .card-title-row-rt .p-input-icon-left input:focus {
  box-shadow: 0px 3px 10px rgba(119, 149, 0, 0.2705882353) !important;
}
.crete-cours-l .create-cours-btnn {
  background: var(--light-green) !important;
  color: #fff !important;
  padding: 9px 12px;
  margin-bottom: 11px;
  width: 100%;
  display: block;
  border-radius: 12px;
  transition: 0.3s ease-in;
}
.crete-cours-l .create-cours-btnn:hover {
  text-decoration: none;
  opacity: 0.9;
  transform: translateY(-1px);
}
.main-dashboard .under-training .staff-lists .staff-item .staff-details p.name {
  padding-top: 8px;
}
.login-panl-wrappr {
  overflow: hidden;
}
.login-panl-wrappr.academy-main-login .login-container {
  background:
    radial-gradient(
      circle at 20% 15%,
      rgba(189, 218, 143, 0.18) 0%,
      transparent 35%),
    radial-gradient(
      circle at 70% 75%,
      rgba(255, 194, 89, 0.18) 0%,
      transparent 35%),
    #fff;
}
.login-panl-wrappr.academy-main-login .login-bt-grp {
  display: flex;
  align-items: center;
  gap: 14px;
}
.login-panl-wrappr.academy-main-login .login-bt-grp button {
  transition: all 300ms ease-in-out;
}
.login-panl-wrappr.academy-main-login .login-bt-grp button svg {
  transform: translateY(-1px);
}
.login-panl-wrappr.academy-main-login .login-bt-grp button:focus {
  outline: none;
}
.login-panl-wrappr .container-fluid {
  height: 100%;
  padding: 0;
}
.login-panl-wrappr .login-container {
  padding: 0 6%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100vh;
  overflow: auto;
}
.login-panl-wrappr .login-container .login-container-info {
  width: 100%;
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.login-panl-wrappr .login-container .login-container-info .logo img {
  max-width: 110px;
  margin-bottom: 40px;
}
.login-panl-wrappr .login-container .login-container-info .logo .logo-box {
  max-width: 100%;
  margin-bottom: 14px;
}
.login-panl-wrappr .login-container .login-container-info .logo .logo-box .caps {
  color: var(--theme-green);
  font-size: 26px;
  line-height: auto;
  font-weight: 700;
  letter-spacing: -1.5px;
  line-height: 1;
  text-transform: uppercase;
}
.login-panl-wrappr .login-container .login-container-info .logo .logo-box .smal {
  color: var(--theme-green);
  font-size: 10px;
  font-weight: 700;
  align-self: flex-end;
  margin-bottom: 4px;
  margin-left: 4px;
  opacity: 0.8;
}
.login-panl-wrappr .login-container .login-container-info .subTittle {
  color: #677e73;
  font-size: 16px;
  margin-bottom: 16px;
}
.login-panl-wrappr .login-container .login-container-info h1 {
  font-size: 30px;
  font-weight: 600;
  color: #222a26;
}
.login-panl-wrappr .login-container .login-container-info .havingTrouble-info {
  margin-top: 25px;
  padding-top: 18px;
  border-top: 1px solid #eee;
}
.login-panl-wrappr .login-container .login-container-info .havingTrouble-info p {
  font-size: 14px;
  text-align: center;
  color: #677e73;
}
.login-panl-wrappr .login-container .login-container-info .havingTrouble-info p.ccs-copyright {
  color: rgba(103, 126, 115, 0.7019607843);
  font-size: 12px;
  margin: 0;
  font-weight: 500;
}
.login-panl-wrappr .login-container .login-container-info .havingTrouble-info p a {
  text-decoration: none;
  color: var(--theme-green);
}
.login-panl-wrappr .login-container .login-container-info .copyRight {
  color: rgba(103, 126, 115, 0.7019607843);
  font-size: 12px;
  position: absolute;
  bottom: 20px;
  left: 0;
  margin: 0;
}
.login-panl-wrappr .btn-sso {
  background-color: var(--theme-green);
  color: white;
  border: none;
  padding: 10px;
  border-radius: 8px;
  font-weight: 500;
  transition: all 0.3s ease;
  width: 100%;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  box-shadow: 0 10px 15px -3px rgba(107, 134, 45, 0.2509803922), 0 4px 6px -4px rgba(107, 134, 45, 0.2509803922) !important;
  border: 1px solid transparent;
}
.login-panl-wrappr .btn-sso i {
  transition: 0.3s ease-in-out;
}
.login-panl-wrappr .btn-sso svg {
  transition: 0.3s ease-in-out;
}
.login-panl-wrappr .btn-sso.signIn-btn {
  font-size: 14px;
}
.login-panl-wrappr .btn-sso:hover {
  box-shadow: 4px 12px 20px rgba(124, 159, 46, 0.5019607843) !important;
  color: white;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.login-panl-wrappr .email-toggle-btn {
  padding: 10px;
  border-radius: 8px;
  font-weight: 500;
  width: 100%;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border: 1px solid #eee;
  color: #222a26;
  background: #fff;
}
.login-panl-wrappr .email-toggle-btn:hover {
  background:
    linear-gradient(
      to right,
      rgb(240, 241, 235) 0%,
      rgb(241, 238, 227) 50%,
      rgb(242, 237, 221) 100%);
  border: 1px solid var(--theme-green);
  transition: all 300ms ease-in-out;
}
.login-panl-wrappr .form-control:focus {
  border-color: var(--primary-green);
  box-shadow: 0 0 0 0.25rem rgba(116, 139, 57, 0.25);
}
.login-panl-wrappr .eco-card {
  border: 1px solid #eee;
  border-radius: 12px;
  padding: 15px;
  text-align: center;
  transition: all 0.3s ease;
  cursor: pointer;
  background: white;
  height: 100%;
  text-align: center;
}
.login-panl-wrappr .eco-card p {
  margin: 0;
  font-size: 12px;
  color: #222a26;
  text-transform: initial;
  font-weight: 500;
}
.login-panl-wrappr .eco-card .eco-icon {
  min-height: 30px;
  margin-bottom: 3px;
}
.login-panl-wrappr .eco-card .eco-icon img {
  width: 30px;
}
.login-panl-wrappr .eco-card .eco-icon.dollar img {
  width: 18px;
  opacity: 0.7;
}
.login-panl-wrappr .eco-card:hover {
  border: 1px solid #cad3b6;
  backdrop-filter: blur(13px);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1019607843), 0 2px 4px -2px rgba(0, 0, 0, 0.1019607843);
}
.login-panl-wrappr .eco-icon {
  margin-bottom: 10px;
}
.login-panl-wrappr .hero-section {
  background-size: cover;
  background-position: center;
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 4rem;
  height: 100vh;
  overflow: hidden;
  top: 0;
}
.login-panl-wrappr .hero-section .image-card-info-wrapper {
  z-index: 4;
  max-width: 550px;
}
.login-panl-wrappr .hero-section .image-card-info-wrapper .main-tittle {
  font-size: 46px;
  line-height: 54px;
  font-weight: 600;
  margin-bottom: 16px;
}
.login-panl-wrappr .hero-section .image-card-info-wrapper .main-tittle span {
  color: var(--theme-green);
}
.login-panl-wrappr .hero-section .image-card-info-wrapper .subTittle {
  max-width: 500px;
  font-size: 18px;
  margin-bottom: 30px;
  color: rgba(255, 255, 255, 0.7490196078);
}
.login-panl-wrappr .hero-section .image-card-info-wrapper h3 {
  font-size: 30px;
}
.login-panl-wrappr .hero-section .image-card-info-wrapper .count-info {
  padding-bottom: 15px;
  border-bottom: 1px solid gray;
}
.login-panl-wrappr .hero-section .image-card-info-wrapper .build-for-us {
  letter-spacing: 1px;
}
.login-panl-wrappr .badge-outline {
  border-radius: 20px;
  padding: 7px 15px;
  font-size: 12px;
  margin-right: 10px;
  backdrop-filter: blur(10px);
  border: 1px solid rgba(250, 250, 250, 0.2392156863);
  background: rgba(255, 255, 255, 0.0588235294);
  backdrop-filter: blur(4px);
}
.login-panl-wrappr .status-pill {
  position: absolute;
  top: 30px;
  right: 50px;
  background: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border-radius: 20px;
  padding: 8px 18px;
  font-size: 14px;
  border: 1px solid rgba(255, 255, 255, 0.2509803922);
  backdrop-filter: blur(10px);
}
.login-panl-wrappr .dot {
  height: 8px;
  width: 8px;
  background-color: #28a745;
  border-radius: 50%;
  display: inline-block;
  margin-right: 5px;
}
.login-panl-wrappr .workEmail-label {
  text-align: center;
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 20px;
  color: #677e73;
  position: relative;
}
.login-panl-wrappr .workEmail-label span {
  padding: 0 15px;
  display: inline-block;
  background: #fff;
}
.login-panl-wrappr .workEmail-label::before {
  position: absolute;
  content: "";
  left: 0;
  background-color: #e7e9e2;
  height: 1px;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  z-index: -1;
}
.login-panl-wrappr .form-wrppr-box input.form-control {
  font-size: 14px;
  padding: 8px 16px;
  height: auto;
  border-radius: 8px !important;
}
.login-panl-wrappr .form-wrppr-box .psw-inputGroup {
  position: relative;
  margin-bottom: 16px;
}
.login-panl-wrappr .form-wrppr-box .psw-inputGroup .eyeIcon {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  font-size: 14px;
  z-index: 7;
}
.login-panl-wrappr .form-wrppr-box input:-internal-autofill-selected,
.login-panl-wrappr .form-wrppr-box input:-webkit-autofill,
.login-panl-wrappr .form-wrppr-box input:-webkit-autofill:hover,
.login-panl-wrappr .form-wrppr-box input:-webkit-autofill:focus,
.login-panl-wrappr .form-wrppr-box input:-webkit-autofill:active {
  -webkit-text-fill-color: var(--new-mainHeading-color) !important;
  -webkit-box-shadow: 0 0 0px 1000px var(--bg-background) inset !important;
  box-shadow: 0 0 0px 1000px var(--bg-background) inset !important;
  background-color: var(--bg-background) !important;
  caret-color: var(--new-mainHeading-color) !important;
  color: var(--new-mainHeading-color) !important;
}
.login-panl-wrappr .form-wrppr-box .inputLabel {
  font-size: 14px;
  color: #222a26;
  text-transform: capitalize;
}
.login-panl-wrappr .form-wrppr-box .inputLabel span {
  color: red;
  opacity: 0.8;
}
.login-panl-wrappr .form-wrppr-box .form-control::placeholder {
  color: #677e73;
}
.login-panl-wrappr .form-wrppr-box .forgetPsw {
  color: var(--theme-green);
  text-decoration: none;
  font-size: 14px;
}
.login-panl-wrappr .form-wrppr-box .form-check-label.remember {
  font-size: 14px;
  color: #677e73;
}
.login-panl-wrappr .form-check-input[type=checkbox],
.login-panl-wrappr .form-check-input {
  border-radius: 4px;
  border-color: #cad3b6;
  cursor: pointer;
}
.login-panl-wrappr .form-check-input[type=checkbox]:checked,
.login-panl-wrappr .form-check-input:checked {
  background-color: var(--theme-green);
  border-color: var(--theme-green);
}
.login-panl-wrappr .form-check-input[type=checkbox]:focus,
.login-panl-wrappr .form-check-input:focus {
  border-color: var(--theme-green);
  box-shadow: 0 0 0 0.25rem rgba(119, 149, 0, 0.25);
}
.login-panl-wrappr .image-card-info::after {
  position: absolute;
  content: "";
  inset: 0;
  background:
    linear-gradient(
      to right,
      rgba(0, 0, 0, 0.16),
      rgba(0, 0, 0, 0)),
    linear-gradient(
      to top,
      rgba(0, 0, 0, 0.62),
      rgba(0, 0, 0, 0));
}
.login-panl-wrappr .email-toggle-btn i {
  transition: 0.3s ease-in-out;
  transform: rotate(0deg);
}
.login-panl-wrappr .email-toggle-btn.collapsed i {
  transform: rotate(180deg);
  transition: 0.3s ease-in-out;
}
.ourEcosystm-card .tittle {
  font-size: 12px;
  text-align: center;
  color: #677e73;
  margin-top: 16px;
  margin-bottom: 16px;
  letter-spacing: 0.4px;
}
.ourEcosystm-card .grid {
  display: grid;
  grid-gap: 14px;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 0px 10px;
}
.login-panl-wrappr .btn-sso.signIn-btn:hover i {
  transform: translateX(5px);
  transition: 0.3s ease-in-out;
}
.login-panl-wrappr .dot {
  position: relative;
  animation: pulse-green-dot 2s infinite ease-in-out;
}
@keyframes pulse-green-dot {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.7);
  }
  70% {
    transform: scale(1.1);
    box-shadow: 0 0 0 8px rgba(40, 167, 69, 0);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(40, 167, 69, 0);
  }
}
.forgotPassword.forget-psw-wrappr {
  background-position: center;
  background-size: cover;
  height: 100vh;
}
.forgotPassword.forget-psw-wrappr .shape {
  display: none;
}
.forgotPassword.forget-psw-wrappr .DivOuter {
  background: transparent;
  padding: 0;
  margin: 0;
}
.forgotPassword.forget-psw-wrappr .DivOuter .forgotpass-panel {
  margin: 0 auto 0;
  width: 620px;
  background: rgb(255, 255, 255);
  padding: 40px;
  border-radius: 12px;
  z-index: 99;
  backdrop-filter: blur(41px);
  border: 6px solid rgba(64, 143, 198, 0.3607843137);
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.forgotPassword.forget-psw-wrappr .DivOuter .forgotpass-panel h3 {
  font-size: 18px;
}
.forgotPassword.forget-psw-wrappr .DivOuter .forgotpass-panel h3 span {
  color: var(--theme-green);
}
.forgotPassword.forget-psw-wrappr .DivOuter .forgotpass-panel .btn-groups {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.forgotPassword.forget-psw-wrappr .DivOuter .forgotpass-panel .btn-groups button {
  padding: 6px 30px;
  border-radius: 8px;
  cursor: pointer;
}
.layout-generate.cours-report-admin .card-title-row .filter-actions-container .filter-controls .action-buttons .format-toggle {
  background: var(--new-bglight2, #fafaf9);
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}
.layout-generate.cours-report-admin .card-title-row .filter-actions-container .filter-controls .action-buttons .format-toggle .format-option {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 8px 14px;
  font-size: 13px;
  font-weight: 500;
  color: var(--new-pera-color);
  background: transparent;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
}
.layout-generate.cours-report-admin .card-title-row .filter-actions-container .filter-controls .action-buttons .format-toggle .format-option.active {
  background: var(--light-text-green, #6b862d);
  color: var(--new-theme-hover-text-color) !important;
  font-weight: 600;
  box-shadow: 0 2px 6px rgba(107, 134, 45, 0.3);
}
.layout-generate.cours-report-admin .card-title-row .filter-actions-container .filter-controls .action-buttons .btn.download-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 18px;
  font-size: 13px !important;
  font-weight: 600;
  color: var(--new-theme-hover-text-color);
  background: var(--light-text-green);
  border: 1px solid var(--new-border-color) !important;
  border-radius: 8px !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
}
.sideBar-toggle-bottom ul {
  margin: 0;
  padding: 0;
}
.sideBar-toggle-bottom ul li {
  padding: 5px 12px;
  list-style: none;
}
.sideBar-toggle-bottom ul li a {
  bottom: 20px;
  left: 12px;
  transform: rotate(0deg);
  transition: all 0.3s ease-in-out;
  border-radius: 8px;
  width: 45px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: none;
  padding: 0px;
  background-color: var(--bg-color);
  border: 1px solid var(--border-line);
  position: absolute;
  margin: 0;
}
.sideBar-toggle-bottom ul li a i {
  font-size: 22px;
  line-height: 1;
  color: #5e5156;
  float: left;
  text-align: center;
}
.sideBar-toggle-bottom.for-mobile ul li a {
  right: 24px;
  width: 40px;
  height: 36px;
  left: unset;
}
.sidebar.admin-parent-sideBar.sidebar-closed .sideBar-toggle-bottom ul li a {
  bottom: 20px;
  left: 12px;
  transform: rotate(0deg);
  transition: all 0.3s ease-in-out;
  border-radius: 8px;
  width: 45px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: none;
  padding: 0px;
  background-color: var(--bg-color);
  border: 1px solid var(--border-line);
  position: absolute;
  margin: 0;
}
.sidebar.admin-parent-sideBar .sideBar-toggle-bottom ul li a {
  right: 18px !important;
  transform: rotate(180deg);
  transition: all 0.3s ease-in-out;
  left: unset;
}
.learner-courses-container-buttom .completed-courses-box .courses-grid-completed .learner-course-card-completed {
  height: max-content;
}
.learner-courses-container-buttom .completed-courses-box .courses-grid-completed .learner-course-card-completed .learner-book-icon-completed {
  width: 77px;
  height: 77px;
  border: 1px solid #efefef;
  overflow: hidden;
}
.learner-courses-container-buttom .completed-courses-box .courses-grid-completed .learner-course-card-completed .learner-book-icon-completed img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.learner-courses-container-buttom .completed-courses-box .courses-grid-completed .learner-course-card-completed p.course-name {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (min-width: 1299px) and (max-width: 1599px) {
  .certificate-container.main-certificate .certificates-display .certificates-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1199px) and (max-width: 1399px) {
  .layout-dashboard .dashboard-pnl4 .dashboard-pnl4-lt-table .admindsbord-recntcours-container .recnt-cours-info .cours-box.col-xl-3 {
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }
}
@-webkit-keyframes rotate-stat-cardCount {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotate-stat-cardCount {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes slideIn-stat-cardCount {
  from {
    opacity: 0;
    transform: translateX(20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.page-body-wrapper .sidebar ul.main-nav .nav-item .sub-menu li a {
  border-bottom: transparent;
}
.learnrListPath-traning-history.learner-list-pathInfo.traning-history-leanr-lists {
  margin-top: 24px;
}
.learnrListPath-traning-history.learner-list-pathInfo.traning-history-leanr-lists .training-list li .item-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  justify-content: flex-end;
  width: 50%;
  flex-shrink: 0;
}
.learnrListPath-traning-history.learner-list-pathInfo.traning-history-leanr-lists .training-list li .item-actions span {
  margin-left: 0px;
  flex-shrink: 0;
}
.learnrListPath-traning-history.learner-list-pathInfo.traning-history-leanr-lists .training-list li .training-title-row {
  align-items: flex-start;
  gap: 16px;
}
.learnrListPath-traning-history.learner-list-pathInfo.traning-history-leanr-lists .training-list li .status-icon {
  width: 25px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}
.card-header.memberList-sidebar-learnr .cm-learners-header-left span {
  color: #fff;
}
.card-header.memberList-sidebar-learnr .cm-learners-header-left span.cm-learners-count {
  padding: 2px 6px;
  border-radius: 10px;
  background: #9bb146;
  display: inline-block;
  font-weight: 600;
}
.card-body.memberList-sidebar-learnr-list {
  height: 70vh;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
  scroll-behavior: smooth;
}
.card-body.memberList-sidebar-learnr-list .nme-info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
}
.card-body.memberList-sidebar-learnr-list .cm-learner-item .siteName {
  background-color: rgba(119, 149, 0, 0.07);
  color: var(--theme-green);
  border: 1px solid;
  font-size: 12px;
  font-weight: 500;
  padding: 2px 6px;
  border-radius: 20px;
  text-transform: capitalize;
  display: inline-block;
}
.card-body.memberList-sidebar-learnr-list .cm-learner-item .siteName i {
  font-size: 12px;
}
.card-body.memberList-sidebar-learnr-list .cm-learner-item .siteName span {
  display: inline-block;
  font-size: 11px;
  font-weight: 500;
  margin-left: 3px;
}
.card-body.memberList-sidebar-learnr-list::-webkit-scrollbar {
  width: 6px;
}
.card-body.memberList-sidebar-learnr-list::-webkit-scrollbar-track {
  background: transparent;
}
.card-body.memberList-sidebar-learnr-list::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 50px;
  transition: all 0.3s ease;
}
.card-body.memberList-sidebar-learnr-list:hover {
  scrollbar-color: #9ca3af transparent;
}
.card-body.memberList-sidebar-learnr-list:hover::-webkit-scrollbar-thumb {
  background: #9ca3af;
}
.card-body.memberList-sidebar-learnr-list::-webkit-scrollbar-thumb:hover {
  background: #6b7280;
}
.view-company-tab.memberList-sidebar-tabs {
  padding: 0 0px !important;
  gap: 4px;
}
.view-company-tab.memberList-sidebar-tabs li.nav-item a {
  padding: 7px 12px;
}
.learner-dashboard .dashboard-wrapper .learner-courses-container-buttom .completed-courses-box {
  padding-bottom: 16px !important;
  height: 100%;
}
.learner-dashboard .dashboard-wrapper .learner-courses-container-buttom .learner-certificates-box {
  padding-bottom: 16px !important;
  height: 100%;
}
.layout-main.admin-filter-search .reportList-table.cours-report-admin .card-title-row {
  flex-wrap: wrap;
  gap: 10px;
}
.card-title-row {
  flex-wrap: wrap;
}
.layout-main.learnerList-sidebar-imprved app-resizable .card-container-view .form-group-info {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.layout-main.learnerList-sidebar-imprved app-resizable .card-container-view .form-group-info .label-l {
  max-width: 100%;
  width: auto;
  padding: 0 0px;
  margin-bottom: 7px;
  line-height: initial;
}
.layout-main.learnerList-sidebar-imprved app-resizable .card-container-view .form-group-info .value-r {
  max-width: 100%;
  width: auto;
  margin-bottom: 0px;
  min-height: 38px;
}
.layout-main.learnerList-sidebar-imprved app-resizable .card-container-view.form-group-wrpper {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 16px;
  margin: 0 0px;
  margin-bottom: 16px;
}
.layout-main.learnerList-sidebar-imprved app-resizable .card-container-view.form-group-wrpper .input-group {
  padding: 0 0px;
}
@media (min-width: 1199px) {
  .login-panl-wrappr.academy-main-login .eco-card {
    text-align: center;
    padding: 30px 15px;
    transition: all 0.2s ease-in-out;
    width: 100%;
    height: 100%;
    z-index: 999;
    position: relative;
  }
}
@media (min-width: 991px) and (max-width: 1366px) {
  .sidebar.admin-parent-sideBar.sidebar-closed .sideBar-toggle-bottom ul li a,
  .sideBar-toggle-bottom.for-mobile ul li a,
  .sidebar.admin-parent-sideBar .sideBar-toggle-bottom ul li a {
    display: none;
  }
}
@media (min-width: 651px) and (max-width: 768px) {
  .layout-dashboard.dashboard-home .recnt-course-stafTraing .rc-courses-scroll-container .recnt-cours-info .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 1299px) {
  .layout-body.cours-report-admin .card-title-row .filter-actions-container .filter-section.filter-member-list .filter-controls {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }
}
@media (max-width: 1100px) {
  .navbar-nav li:first-child h2 {
    font-size: 16px !important;
  }
}
@media (max-width: 1366px) {
  .login-panl-wrappr .login-container .login-container-info .sticky-top {
    position: static !important;
    top: 0;
    z-index: 1020;
  }
  .create-cours-main .layout-widget .page-title-single-layout,
  .create-cours-main .single-layout-componnt.learnr-single-layout-componnt .row .col-sm-12 .left-nav-panel-single-layout .sidebar-list-panel .accordion-item-single-layout .page-title-single-layout {
    font-size: 14px;
    padding-right: 30px !important;
  }
}
@media (max-width: 991px) {
  .page-body-wrapper .main-dashboard .layout-dashboard.dashboard-home .dashboard-top-panel .dashboard-quick-actions {
    flex-direction: column;
    align-items: self-start !important;
  }
  .page-body-wrapper .main-dashboard .layout-dashboard.dashboard-home .dashboard-top-panel .dashboard-quick-actions ul {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
  }
  .page-body-wrapper .main-dashboard .layout-dashboard.dashboard-home .dashboard-top-panel .dashboard-quick-actions ul li > a {
    justify-content: space-between;
  }
  .page-body-wrapper .main-dashboard .layout-dashboard.dashboard-home .recnt-course-stafTraing {
    margin-top: 20px;
  }
  .page-body-wrapper .main-dashboard .layout-dashboard.dashboard-home .recnt-course-stafTraing .dashboard-pnl4-lt {
    margin-bottom: 20px;
  }
  .page-body-wrapper .main-dashboard .layout-dashboard.dashboard-home .dashboard-charts .graph-circle-headng {
    margin-top: 20px;
  }
  .result-popup-imprvment .result-popup.success {
    padding: 16px;
  }
  .result-popup-imprvment .result-popup.success .popup-header {
    margin-bottom: 14px !important;
  }
  .result-popup-imprvment .result-popup.success .popup-header .animation-container {
    margin-bottom: 6px !important;
  }
  .result-popup-imprvment .result-popup.success .popup-header .animation-container .success-animation {
    font-size: 46px !important;
  }
  .result-popup-imprvment .result-popup.success .popup-header h3 {
    font-size: 24px;
  }
  .result-popup-imprvment .result-popup.success .popup-content {
    margin-bottom: 16px !important;
  }
  .result-popup-imprvment .result-popup.success .popup-content .result-message {
    margin-bottom: 0px;
  }
  .result-popup-imprvment .result-popup.success .popup-content .points-earned-section {
    position: relative;
    min-height: 132px;
    margin: 14px 0;
  }
  .result-popup-imprvment .result-popup.success .popup-content .points-earned-section .celebration-message .points-display {
    font-size: 24px;
  }
  .result-popup-imprvment .result-popup.success .popup-content .score-details {
    padding: 14px 20px !important;
  }
  .login-panl-wrappr .hero-section {
    height: auto;
  }
  .admin-double-col-prev-backBtn .custom-col {
    margin-bottom: 20px;
  }
}
@media (max-width: 768px) {
  .course-content-layout .video-preview-wrapper .course-main-content .main-content-lt .main-video-box p {
    padding: 0px 0px !important;
  }
  .language-popup-overlay .language-popup {
    padding: 30px 20px 30px 20px !important;
    height: 82%;
  }
  .language-popup-overlay .language-popup .language-options {
    gap: 10px !important;
  }
  .language-popup-overlay .language-popup .language-options button {
    padding: 6px 10px !important;
  }
  .language-popup-overlay .language-popup .popup-header h2 {
    font-size: 24px !important;
  }
  .page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl1 .dashboard-pnl1-box .card .card-body .card-body-rt {
    padding: 15px;
  }
  .page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl1 .dashboard-pnl1-box .card .card-body .card-body-rt img {
    width: 30px;
  }
  .main-content-lt h3 {
    font-size: 24px;
    line-height: 32px;
  }
  .forgotPassword.forget-psw-wrappr .DivOuter .forgotpass-panel {
    width: 420px;
    padding: 20px 10px;
  }
  .navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link.myAccount i:hover {
    background: transparent !important;
  }
  .navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link.myAccount span {
    display: none;
    visibility: hidden;
  }
  .navbar-nav .nav-item .my-profile {
    min-width: auto !important;
  }
  .double-col-rw .doublecol-content-left .doublecol-content-inner h4 {
    font-size: 24px;
    line-height: 34px;
  }
  .label-prent-coursTittle {
    margin-top: 16px;
  }
  .learner-courses-grid {
    grid-template-columns: 1fr;
  }
  .learner-courses-container {
    padding: 20px;
  }
  .learner-course-card {
    flex-direction: row;
    align-items: center;
  }
  .reportList-table .filter-actions-container .filter-member-list .filter-item.date-form-report.formDate-report .p-datepicker-panel {
    right: 0 !important;
    left: inherit !important;
  }
}
@media (max-width: 767px) {
  ::ng-deep .video-preview-wrapper .course-main-content .main-video-box .reviewable-container .cropped-image h2 {
    font-size: 18px !important;
    line-height: 24px !important;
  }
  .layout-main.learnerList-sidebar-imprved app-resizable .card-container-view.form-group-wrpper {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .learning-paths-box-info.my-journey-wrappr .learning-paths-box-item.mb-4 {
    margin-bottom: 1rem !important;
  }
  .learning-paths-box-info.my-journey-wrappr .learning-paths-box-item.mb-4 .course-card {
    height: 100%;
  }
  .learning-paths-box-info.core-university-box-info .core-university-box-item.mb-4 {
    margin-bottom: 1rem !important;
  }
  .layout-learner-content .custom-tab-view .p-tabpanels {
    padding: 16px 0px;
  }
}
@media (max-width: 650px) {
  .layout-dashboard.dashboard-home .recnt-course-stafTraing .rc-courses-scroll-container .recnt-cours-info .col-lg-6 .cours-box-inner .cours-tittle {
    min-height: auto;
  }
  .card-body.memberList-sidebar-learnr-list {
    height: 60vh;
    overflow-y: auto;
  }
  .learnrListPath-traning-history.learner-list-pathInfo.traning-history-leanr-lists .training-list li .training-title-row {
    flex-direction: column;
    gap: 16px !important;
  }
  .learnrListPath-traning-history.learner-list-pathInfo.traning-history-leanr-lists .training-list li .training-title-row .item-actions {
    justify-content: flex-start;
    width: 100%;
  }
  .learnrListPath-traning-history.learner-list-pathInfo.traning-history-leanr-lists .training-list li .item-details-row {
    font-size: 14px;
    margin-top: 8px;
  }
  .learnrListPath-traning-history.learner-list-pathInfo.traning-history-leanr-lists .training-list li.training-item {
    padding: 15px 12px;
  }
  .learnrListPath-traning-history.learner-list-pathInfo.traning-history-leanr-lists .training-list li .item-actions {
    justify-content: flex-start !important;
    width: 100% !important;
  }
}
p-table .p-datatable-table-container {
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--new-border-color) transparent;
}
p-table .p-datatable-table-container::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
p-table .p-datatable-table-container::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 999px;
}
p-table .p-datatable-table-container::-webkit-scrollbar-thumb {
  background-color: var(--new-border-color);
  border-radius: 4px;
  border: 1px solid transparent;
  background-clip: padding-box;
  transition: background-color 0.25s ease;
}
p-table .p-datatable-table-container::-webkit-scrollbar-thumb:hover {
  background-color: var(--new-pera-color);
}
p-table .p-datatable-table-container::-webkit-scrollbar-corner {
  background: transparent;
}
html,
body {
  scrollbar-width: thin;
  scrollbar-color: var(--new-border-color) transparent;
}
html::-webkit-scrollbar,
body::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
  background: transparent;
}
html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
  background: var(--new-border-color);
  border-radius: 6px;
  transition: background-color 0.25s ease;
}
html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover {
  background: var(--new-pera-color);
}
html::-webkit-scrollbar-corner,
body::-webkit-scrollbar-corner {
  background: transparent;
}
@media (max-width: 991px) {
  .page-body-wrapper .layout-main.learner-box-category {
    padding: 38px 15px !important;
  }
  .page-body-wrapper .layout-main.learner-box-category .layout-learner-content .learn-dashboard-courses .learner-courses-container-buttom {
    margin-top: 20px;
  }
  .page-body-wrapper .layout-main.learner-box-category .layout-learner-content .learn-dashboard-courses .learner-courses-container-buttom .learner-certificates-box {
    margin-top: 20px;
  }
  .login-panl-wrappr .image-card-info::after {
    display: none;
  }
  .login-panl-wrappr .btn-sso {
    font-size: 14px;
    box-shadow: 0px 5px 17px rgba(119, 149, 0, 0.24) !important;
  }
  .login-panl-wrappr .col-lg-6.login-container {
    height: auto;
    padding-top: 4% !important;
    padding-bottom: 4% !important;
  }
  .login-panl-wrappr .col-lg-6.login-container .logo .logo-box {
    margin-bottom: 26px;
  }
  .login-panl-wrappr .col-lg-6.login-container .havingTrouble-info {
    margin-top: 30px;
  }
  .login-panl-wrappr .col-lg-6.login-container .ourEcosystm-card .tittle {
    margin-top: 20px;
  }
  .login-panl-wrappr .col-lg-6.login-container .login-container-info {
    max-width: 100%;
  }
  .login-panl-wrappr .hero-section {
    background-color: #fff;
    background-image: none !important;
    padding: 0 2rem 2rem 2rem !important;
  }
  .login-panl-wrappr .hero-section .image-card-info-wrapper {
    background-image: url("./media/login-hero-staff-banner-RJS7IZIB.jpg");
    background-size: cover;
    background-position: center;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    max-width: 100%;
    padding: 2rem;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
  }
  .login-panl-wrappr .hero-section .image-card-info-wrapper .login-panl-wrappr .status-pill {
    position: static;
  }
  .login-panl-wrappr .hero-section .image-card-info-wrapper::after {
    position: absolute;
    content: "";
    inset: 0;
    background:
      linear-gradient(
        to right,
        rgba(0, 0, 0, 0.16),
        rgba(0, 0, 0, 0)),
      linear-gradient(
        to top,
        rgba(0, 0, 0, 0.62),
        rgba(0, 0, 0, 0));
  }
  .login-panl-wrappr .hero-section .image-card-info-wrapper .count-info {
    z-index: 3;
  }
  .login-panl-wrappr .hero-section .image-card-info-wrapper p {
    z-index: 3;
  }
  .login-panl-wrappr .hero-section .image-card-info-wrapper p.subTittle {
    font-size: 16px;
    margin-bottom: 30px;
    color: rgba(255, 255, 255, 0.86);
  }
  .login-panl-wrappr .hero-section .image-card-info-wrapper .status-pill {
    z-index: 3;
    position: static;
    margin-bottom: 20px;
    display: inline-block;
    width: fit-content;
    padding: 6px 12px;
    font-size: 12px;
  }
  .login-panl-wrappr .hero-section .image-card-info-wrapper .mb-4 {
    z-index: 3;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 16px !important;
  }
  .login-panl-wrappr .hero-section .image-card-info-wrapper h2.main-tittle {
    font-size: 34px;
    line-height: 44px;
    z-index: 3;
  }
  .login-panl-wrappr .hero-section .image-card-info-wrapper h3 {
    font-size: 24px;
  }
  .login-panl-wrappr .hero-section .image-card-info-wrapper .build-for-us {
    font-size: 12px;
  }
  .login-panl-wrappr .hero-section .image-card-info-wrapper .badge-outline {
    margin-right: 0;
    padding: 6px 7px;
    font-size: 10px;
  }
}
@media (max-width: 580px) {
  .page-body-wrapper .main-dashboard .layout-dashboard.dashboard-home .dashboard-top-panel .dashboard-quick-actions ul li {
    height: 100%;
  }
  .page-body-wrapper .main-dashboard .layout-dashboard.dashboard-home .dashboard-top-panel .dashboard-quick-actions ul li a {
    flex-direction: column;
    align-items: flex-start !important;
    display: flex;
    flex-direction: column;
    height: 100%;
    gap: 0px !important;
  }
  .page-body-wrapper .main-dashboard .layout-dashboard.dashboard-home .dashboard-top-panel .dashboard-quick-actions ul li a .tittleImage {
    flex-direction: column;
    align-items: flex-start !important;
  }
  .view-details-button {
    width: 100%;
    max-width: none;
  }
}
@media (max-width: 576px) {
  .login-panl-wrappr .hero-section .image-card-info-wrapper {
    padding: 20px;
  }
  .login-panl-wrappr .eco-card {
    padding: 10px;
  }
  .login-panl-wrappr .hero-section .image-card-info-wrapper .gap-5.count-info {
    gap: 1rem !important;
  }
}
@media (max-width: 500px) {
  .page-body-wrapper .course-list-item.courseList-main-pnl .layout-dashboard .dashboard-top-panel {
    margin-top: 0;
    padding: 16px 16px !important;
  }
  .page-body-wrapper .course-list-item.courseList-main-pnl .layout-dashboard .dashboard-top-panel .dashboard-pnl1 .dashboard-pnl1-box {
    padding: 12px;
  }
  .page-body-wrapper .course-list-item.courseList-main-pnl .layout-dashboard .dashboard-top-panel .dashboard-pnl1 .dashboard-pnl1-box .card-body {
    flex-direction: column;
    gap: 17px !important;
    align-items: flex-start !important;
  }
  .page-body-wrapper .course-list-item.courseList-main-pnl .layout-dashboard .dashboard-top-panel .dashboard-pnl1 .dashboard-pnl1-box .card-body .card-body-lt {
    width: 100%;
  }
  .page-body-wrapper .course-list-item.courseList-main-pnl .layout-dashboard .dashboard-top-panel .dashboard-pnl1 .dashboard-pnl1-box .card-body .card-body-lt h3 {
    width: 100% !important;
    font-size: 16px;
  }
  .page-body-wrapper .course-list-item.courseList-main-pnl .layout-dashboard .dashboard-top-panel .dashboard-pnl1 .dashboard-pnl1-box .card-body .card-body-rt img {
    width: 24px;
  }
  .page-body-wrapper .course-list-item.courseList-main-pnl .layout-dashboard .dashboard-top-panel .dashboard-pnl1 .row {
    margin: 0 -8px;
  }
  .page-body-wrapper .course-list-item.courseList-main-pnl .layout-dashboard .dashboard-top-panel .dashboard-pnl1 .col-lg-3 {
    width: 50%;
  }
  .page-body-wrapper .course-list-item.courseList-main-pnl .layout-dashboard .dashboard-top-panel .card-title-row {
    margin-top: 0;
  }
  .admin-double-col-prev-backBtn .custom-col {
    padding: 0 15px;
  }
  .admin-double-col-prev-backBtn .sidebar-header h5 {
    padding-left: 0 !important;
  }
  .forgotPassword.forget-psw-wrappr .DivOuter .forgotpass-panel {
    width: 330px;
  }
  .forgotPassword.forget-psw-wrappr .forgotpass-panel h5 {
    font-size: 14px;
    line-height: 24px;
    margin-top: 10px;
  }
  .forgotPassword.forget-psw-wrappr .DivOuter .forgotpass-panel h3 {
    font-size: 16px;
  }
  .forgotPassword.forget-psw-wrappr .DivOuter .forgotpass-panel .col.bottom-feild-group {
    padding: 0;
  }
  .certificates-box {
    padding: 20px;
  }
  .certificate-item {
    flex-wrap: wrap;
    padding: 15px 0;
  }
  .pdf-icon {
    height: 50px;
    width: 40px;
  }
  .certificate-details {
    margin-bottom: 10px;
    width: calc(100% - 70px);
  }
  .download-button {
    order: 3;
    width: 100%;
    justify-content: center;
    margin-top: 5px;
  }
}
@media (max-width: 500px) {
  .layout-generate .p-multiselect .p-overlay {
    width: 100%;
  }
  .layout-learner-content .custom-tab-view .p-tablist .p-tablist-content .p-tab {
    padding: 7px 7px;
    font-size: 12px;
  }
  .learner-course-card {
    flex-direction: column;
    align-items: flex-start;
  }
  .learner-icon-section {
    margin-bottom: 15px;
    margin-right: 0;
  }
  .learner-details-section {
    margin-bottom: 15px;
    margin-right: 0;
  }
  .learner-start-button {
    align-self: stretch;
  }
  .double-col-rw .doublecol-content-right {
    margin-top: 20px !important;
  }
  .double-col-rw .doublecol-content-right .section-box-info .sec-box-top {
    padding: 13px 20px !important;
    transition: all 0.4s;
  }
  .double-col-rw .doublecol-content-right .section-box-info .sec-box-top .section-box-content .sec-start-btn {
    position: static;
    margin-top: 10px;
    display: inline-block;
  }
  .double-col-rw .new-content-info-box .doublecol-content-inner {
    padding: 20px 20px !important;
  }
  .learner-box-category .learner-courses-container .learner-course-card .learner-icon-section {
    margin-bottom: 0px;
  }
}
.CRM-new-header .newSidebar-top .newSidebar-lovable-bg.lovable-navbar-bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  border-radius: inherit;
}
.CRM-new-header .newSidebar-top .newSidebar-lovable-bg.lovable-navbar-bg .lovable-wave {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 200%;
  height: 100%;
  transform-origin: center bottom;
}
.CRM-new-header .newSidebar-top .newSidebar-lovable-bg.lovable-navbar-bg .lovable-bottom-line {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  overflow: hidden;
}
.CRM-new-header .newSidebar-top .newSidebar-lovable-bg.lovable-navbar-bg .lovable-bottom-line .gradient-bar {
  height: 100%;
  width: 100%;
  background:
    linear-gradient(
      to right,
      #7c9f2e,
      #a9c93a 60%,
      #ff8b1a);
}
.CRM-new-header .newSidebar-top .newSidebar-lovable-bg.lovable-navbar-bg .lovable-bottom-line .shimmer-effect {
  position: absolute;
  inset: 0;
  height: 100%;
  width: 25%;
  background:
    linear-gradient(
      to right,
      transparent,
      rgba(255, 255, 255, 0.8),
      transparent);
  animation: lovable-shimmer 3s infinite linear;
}
.CRM-new-header .newSidebar-top .newSidebar-lovable-bg.lovable-navbar-bg .lovable-glow {
  position: absolute;
  bottom: -1rem;
  border-radius: 9999px;
  filter: blur(40px);
}
.CRM-new-header .newSidebar-top .newSidebar-lovable-bg.lovable-navbar-bg .lovable-glow.glow-green {
  left: 25%;
  width: 24rem;
  height: 4rem;
  background: rgba(124, 159, 46, 0.06);
}
.CRM-new-header .newSidebar-top .newSidebar-lovable-bg.lovable-navbar-bg .lovable-glow.glow-orange {
  right: 25%;
  width: 16rem;
  height: 3rem;
  background: rgba(255, 139, 26, 0.05);
}
.CRM-new-header .newSidebar-lovable-bg.lovable-navbar-bg .lovable-wave {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 200%;
  height: 100%;
  transform-origin: center bottom;
}
.CRM-new-header .newSidebar-lovable-bg.lovable-navbar-bg .lovable-wave.wave-1 {
  opacity: 0.07;
  animation: lovable-wave-anim 18s ease-in-out infinite;
}
.CRM-new-header .newSidebar-lovable-bg.lovable-navbar-bg .lovable-wave.wave-2 {
  opacity: 0.05;
  animation: lovable-wave-anim 22s ease-in-out infinite reverse;
}
.CRM-new-header .newSidebar-lovable-bg.lovable-navbar-bg .lovable-wave.wave-3 {
  opacity: 0.04;
  animation: lovable-wave-anim 26s ease-in-out infinite;
}
@keyframes lovable-wave-anim {
  0% {
    transform: translateX(0%);
  }
  50% {
    transform: translateX(-25%);
  }
  100% {
    transform: translateX(0%);
  }
}
@keyframes lovable-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(400%);
  }
}
.CRM-new-header .logo-header-ui a {
  display: flex;
  align-items: center;
  padding: 6px 12px;
  gap: 8px;
  justify-content: center !important;
}
.CRM-new-header .logo-header-ui a img {
  height: 32px;
  width: auto;
  transition: var(--new-transition);
}
.CRM-new-header .logo-header-ui a .logo-name {
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0;
  display: flex;
  align-items: start;
  justify-content: center;
  font-family: var(--new-bg-font);
  flex-direction: column;
  gap: 0;
  color: var(--new-pera-color);
  height: auto;
  line-height: 44px;
  margin-top: -13px;
}
.CRM-new-header .logo-header-ui a .logo-name sup {
  font-size: 13px;
  font-weight: 700;
  color: var(--new-bgPrimary);
  text-transform: capitalize;
  letter-spacing: 0px;
}
.tox .tox-tbtn--bespoke {
  background: var(--new-bg-background) !important;
}
.global-leaderboard .leaderboard-item {
  display: flex;
  align-items: center;
  padding: 12px 16px;
  margin-bottom: 8px;
  border-radius: 8px;
  transition: background-color 0.2s;
}
.global-leaderboard .leaderboard-item:not(.first-place):not(.second-place):not(.third-place) {
  background-color: #ffffff;
}
.global-leaderboard .leaderboard-item:not(.first-place):not(.second-place):not(.third-place):hover {
  background-color: #f5f5f5;
}
.global-leaderboard .first-place,
.global-leaderboard .second-place,
.global-leaderboard .third-place {
  background-color: #f7f9fc;
  border: 1px solid #e1e8f0;
}
.global-leaderboard .first-place .rank-icon,
.global-leaderboard .second-place .rank-icon,
.global-leaderboard .third-place .rank-icon {
  font-size: 20px;
  padding: 8px;
  border-radius: 50%;
  margin-right: 12px;
  background-color: #e1ecff;
}
.global-leaderboard .rank-number {
  font-size: 20px;
  font-weight: 500;
  color: #6a7c93;
  width: 32px;
  text-align: center;
  margin-right: 16px;
}
.global-leaderboard .profile {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
}
.global-leaderboard .profile .name {
  font-weight: 600;
  color: #4a5568;
  line-height: 24px;
}
.global-leaderboard .profile .location-detail {
  font-size: 13px;
  color: #6a7c93;
  line-height: 1.2;
}
.global-leaderboard .points {
  text-align: right;
}
.global-leaderboard .points .score {
  font-size: 18px;
  font-weight: 600;
  color: var(--theme-green);
  display: block;
}
.global-leaderboard .points .label {
  font-size: 12px;
  color: #999;
  display: block;
  line-height: 1;
}
.learning-paths-head {
  color: var(--theme-green);
  padding: 2rem;
  border-radius: 12px;
  border: 1px solid #e2e8f0;
  background-color: #fff;
}
.learning-paths-head .learning-paths-tittle {
  font-size: 1.8rem;
  font-weight: 700;
  color: #2d3748;
  text-transform: capitalize;
  margin-bottom: 10px;
}
.learning-paths-head p {
  margin: 0;
  opacity: 0.9;
  color: #2d3748;
  line-height: 22px;
}
.learning-paths-box-info {
  margin-top: 25px;
}
.learning-paths-box-info .course-card {
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  padding: 20px;
  box-sizing: border-box;
  height: calc(100% - 0.5rem);
}
.learning-paths-box-info .header-section {
  display: flex;
  align-items: flex-start;
  margin-bottom: 26px;
}
.learning-paths-box-info .header-icon {
  font-size: 22px;
  padding: 12px;
  border-radius: 8px;
  background-color: rgba(119, 149, 0, 0.07);
  color: var(--theme-green);
  margin-right: 15px;
  line-height: 1;
  width: 48px;
  height: 48px;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1.7px solid #e9efff;
}
.learning-paths-box-info .header-icon img {
  width: auto !important;
  max-width: 100%;
  height: auto !important;
  object-fit: cover;
}
.learning-paths-box-info .header-text {
  flex-grow: 1;
}
.learning-paths-box-info .course-title {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 26px;
}
.learning-paths-box-info .course-description {
  font-size: 14px;
  color: #718096;
  margin: 4px 0 0 0;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.learning-paths-box-info .progress-section {
  margin-bottom: 10px;
}
.learning-paths-box-info .progress-title-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
.learning-paths-box-info .progress-label {
  font-size: 14px;
  font-weight: 600;
  color: #666;
}
.learning-paths-box-info .course-count {
  font-size: 14px;
  background: #e8ebee;
  color: #2d3748;
  padding: 0.2rem 0.7rem;
  border-radius: 20px;
}
.learning-paths-box-info .progress-bar-container {
  height: 8px;
  background-color: #e9efff;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 5px;
}
.learning-paths-box-info .progress-bar-fill {
  height: 100%;
  background-color: var(--theme-green);
  border-radius: 4px;
  transition: width 0.3s;
}
.learning-paths-box-info .complete-status {
  display: block;
  text-align: right;
  font-size: 12px;
  font-weight: 500;
  color: var(--theme-green);
}
.learning-paths-box-info .roadmap-section {
  margin-bottom: 14px;
  height: 160px;
}
.learning-paths-box-info .roadmap-section ul.course-list {
  height: 120px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #e0e0e0 transparent;
  margin-bottom: 0;
}
.learning-paths-box-info .roadmap-section ul.course-list::-webkit-scrollbar {
  width: 6px;
}
.learning-paths-box-info .roadmap-section ul.course-list::-webkit-scrollbar-track {
  background: transparent;
}
.learning-paths-box-info .roadmap-section ul.course-list::-webkit-scrollbar-thumb {
  background-color: #e0e0e0;
  border-radius: 10px;
  border: 1px solid transparent;
}
.learning-paths-box-info .roadmap-section ul.course-list::-webkit-scrollbar-thumb:hover {
  background-color: #bdbdbd;
  cursor: pointer;
}
.learning-paths-box-info .roadmap-title {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  margin: 0 0 10px 0;
}
.learning-paths-box-info .course-list {
  list-style: none;
  padding: 0;
  margin: 0 0 8px 0;
}
.learning-paths-box-info .course-item {
  font-size: 14px;
  color: #2d3748;
  line-height: 1.8;
  display: flex;
  align-items: flex-start;
  margin-top: 3px;
  gap: 6px;
}
.learning-paths-box-info .course-item.unassigned {
  color: #ccc !important;
  opacity: 0.7;
}
.learning-paths-box-info .course-item .check-icon {
  font-size: 16px;
  margin-top: 4px;
  color: var(--theme-green);
  line-height: 1;
}
.learning-paths-box-info .more-courses {
  font-size: 14px;
  color: #6a7c93;
  margin: 0;
  padding-left: 22px;
}
.learning-paths-box-info .action-button {
  width: 100%;
  padding: 10px 20px;
  background-color: var(--theme-green);
  color: white;
  font-size: 16px;
  font-weight: 500;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.2s;
  text-decoration: none;
  display: block;
  text-align: center;
  margin-top: auto;
  width: 100%;
}
.learning-paths-box-info .action-button:hover {
  opacity: 0.8;
}
.learning-paths-box-info .core-university-box-item .course-card {
  height: 100%;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.core-university-head ul {
  display: flex;
  padding: 0;
  margin: 0;
  gap: 8px;
  margin-top: 15px;
}
.core-university-head ul li {
  font-size: 14px;
  background: #e8ebee;
  color: #000;
  padding: 0.2rem 0.8rem;
  border-radius: 20px;
  font-weight: 500;
  letter-spacing: 0.4px;
  opacity: 0.9;
  list-style: none;
}
.learning-paths-box-item.core-university-box-item .roadmap-section {
  height: auto;
}
.row.course-content-layout.course-content-double-layoutt {
  margin-top: 16px;
}
.learning-paths-box-info.my-journey-wrappr .learning-paths-box-item .course-card {
  display: flex;
  flex-direction: column;
}
.learning-paths-box-info.my-journey-wrappr .learning-paths-box-item .course-card .roadmap-section {
  display: flex;
  flex-direction: column;
  flex: 1;
}
@media screen and (max-width: 767px) {
  .progress-card .level-info .current-level-value {
    font-size: 1rem;
  }
  .core-university-box-info .core-university-box-item .core-university-box-top ul {
    height: auto;
  }
  .core-university-box-info .roadmap-section .roadmap-title {
    height: auto;
  }
  .core-university-box-info .roadmap-section p {
    height: auto;
  }
  .learner-box-category .achievements-cards {
    padding: 16px;
    margin-bottom: 16px;
  }
  .learner-box-category .card.training-history-section {
    padding: 16px;
  }
  .learner-box-category .main-content-grid.learner-main-grid {
    margin-bottom: 16px;
  }
  .learner-box-category .leaderboard-grid.learner-main-grid {
    margin: 16px 0px;
    gap: 16px;
  }
  .learner-box-category .leaderboard-grid.learner-main-grid .card.location-leaderboard {
    padding: 16px;
  }
  .learner-box-category .leaderboard-grid.learner-main-grid .card.global-leaderboard {
    padding: 16px;
  }
  .learner-box-category .learner-main-grid .card.profile-card {
    padding: 16px;
  }
  .learner-box-category .learner-main-grid .card.progress-card {
    padding: 16px;
  }
  .learner-box-category .training-history-section .training-item .training-details .training-name {
    font-size: 16px;
  }
  .training-history-section .training-item .training-meta {
    text-align: left;
  }
  .training-history-section .history-header {
    font-size: 18px;
  }
  .training-history-section .history-header i {
    margin-right: 0px;
  }
  .table-deta .location-leaderboard .learner-card-header {
    font-size: 18px;
  }
  .table-deta .global-leaderboard .learner-card-header {
    font-size: 18px;
  }
  .achievements-cards .achievements-cards-head h3 {
    font-size: 18px;
    margin-bottom: 0px;
  }
  .learner-box-category .achievements-cards .achievements-cards-info {
    grid-template-columns: 1fr 1fr !important;
  }
  .learner-box-category .achievements-cards.rewards-shop-sec .redeem-button {
    font-size: 14px;
  }
  .learner-box-category .achievements-cards.rewards-shop-sec .points-value {
    font-size: 22px;
  }
  .learning-paths-box-info {
    grid-gap: 0px;
    margin-top: 16px;
  }
  .learning-paths-box-info .course-card {
    padding: 16px;
  }
  .learning-paths-box-info .roadmap-section {
    height: auto;
    min-height: auto;
  }
  .learning-paths-box-info .action-button {
    font-size: 14px;
  }
  .learning-paths-head {
    padding: 16px;
  }
  .learning-paths-head .learning-paths-tittle {
    font-size: 22px;
  }
  .learning-paths-head p {
    font-size: 14px;
  }
}
.achievements-cards .achievements-cards-info .achievements-box-item .achievements-icon {
  overflow: hidden;
}
.achievements-cards .achievements-cards-info .achievements-box-item .achievements-icon img.badge-image {
  width: 60px;
  height: 60px;
  object-fit: cover;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.loading-indicator {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  color: #718096;
}
.loading-indicator i {
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: var(--theme-green);
}
.loading-indicator p {
  margin: 0;
  font-size: 0.9rem;
}
.no-more-courses {
  text-align: center;
  padding: 2rem;
  color: #718096;
  font-style: italic;
}
.no-more-courses p {
  margin: 0;
  font-size: 0.9rem;
}
.learning-paths-box-info .learning-paths-box-item.core-university-box-item .roadmap-section ul.course-list {
  height: auto;
  overflow-y: initial;
}
.core-university-box-info::-webkit-scrollbar {
  width: 8px;
}
.core-university-box-info::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}
.core-university-box-info::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 4px;
}
.core-university-box-info::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}
.product-image-slider {
  position: relative;
  width: 100%;
  height: 100%;
}
.image-container {
  width: 100%;
  height: 100%;
}
.image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.slider-dots {
  position: absolute;
  bottom: 5px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 4px;
}
.dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.5);
  cursor: pointer;
  transition: background-color 0.3s;
}
.dot.active {
  background-color: #fff;
}
.locked-button {
  background-color: #ccc !important;
  color: #666 !important;
  cursor: not-allowed !important;
  opacity: 0.6;
}
.locked-button:hover {
  background-color: #ccc !important;
  transform: none !important;
}
.rewards-history-container {
  background: var(--bg-background) !important;
  border: 1px solid var(--new-border-color) !important;
  border-radius: var(--new-border-radius) !important;
  font-family: var(--new-bg-font) !important;
  min-width: 100%;
  position: relative;
  overflow: hidden;
  padding: 0px;
  margin-bottom: 0px;
}
.rewards-history-container:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  border-top-left-radius: var(--new-border-radius);
  border-top-right-radius: var(--new-border-radius);
  background:
    linear-gradient(
      to right,
      var(--light-text-green),
      #f49d25);
}
.rewards-history-container .rewards-history-box .rewards-history-heading {
  border-bottom: 1px solid var(--new-border-color);
  border-bottom: 1px solid var(--new-border-color);
  padding: 17px 10px 5px;
  margin-bottom: 1rem;
}
.rewards-history-container .rewards-history-box .rewards-history-heading h3 {
  font-size: 14px !important;
  color: var(--new-mainHeading-color) !important;
}
.rewards-history-container .rewards-history-box .rewards-history-heading .count-badge {
  font-weight: 500 !important;
  background: var(--bg-background) !important;
  border: 1px solid var(--new-border-color) !important;
  color: var(--new-mainHeading-color) !important;
  margin-left: 13px !important;
}
.rewards-history-container .rewards-history-box .rewards-history-heading h3 {
  color: var(--new-mainHeading-color);
  font-size: 14px !important;
  font-weight: 600 !important;
  margin: 0 0 10px 0;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
.rewards-history-container .rewards-history-box .rewards-history-heading h3 i {
  font-size: 17px;
  color: var(--light-text-green);
}
.rewards-history-container .rewards-history-box .rewards-history-table-wrapper {
  overflow-x: auto;
}
.rewards-history-container .rewards-history-box .rewards-history-table-wrapper table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 10px;
}
.rewards-history-container .rewards-history-box .rewards-history-table-wrapper table thead th {
  color: var(--new-pera-color);
  font-weight: 500;
  padding: 10px 15px;
  text-align: left;
  font-size: 13px;
}
.rewards-history-container .rewards-history-box .rewards-history-table-wrapper thead th.text-center {
  text-align: center;
}
.rewards-history-container .rewards-history-box .rewards-history-table-wrapper tbody tr {
  background-color: var(--bg-background);
  border: 1px solid var(--new-border-color);
  border-radius: 8px;
  transition:
    transform 0.2s ease-out,
    box-shadow 0.2s ease-out,
    background-color 0.2s;
  display: table-row;
}
.rewards-history-container .rewards-history-box .rewards-history-table-wrapper tbody tr:hover {
  background-color: var(--new-hover-color, rgba(138, 172, 57, 0.08));
}
.rewards-history-container .rewards-history-box .rewards-history-table-wrapper tbody td {
  color: var(--new-mainHeading-color);
  font-size: 12px;
  font-weight: 500;
  padding: 10px 15px;
}
.rewards-history-container .rewards-history-box .rewards-history-table-wrapper tbody td:nth-child(1) {
  max-width: 380px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rewards-history-container .rewards-history-box .rewards-history-table-wrapper tbody tr td:first-child {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.rewards-history-container .rewards-history-box .rewards-history-table-wrapper tbody tr td:last-child {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  text-align: center;
}
.rewards-history-container .rewards-history-box .points-badge {
  color: #fff;
  padding: 5px 10px;
  border-radius: 20px;
  font-size: 0.85rem;
  text-align: center;
  display: inline-block;
  max-width: 150px;
  background-color: #4caf50;
}
.rewards-history-container .rewards-history-box .points-deducted {
  background-color: #4caf50;
}
.rewards-history-container .rewards-history-box .status-tag {
  padding: 5px 20px;
  border-radius: 20px;
  font-size: 0.85rem;
  font-weight: 600;
  text-align: center;
  display: inline-block;
}
.rewards-history-container .rewards-history-box .status-yellow {
  background-color: #f7d057;
  color: #244651;
  text-transform: capitalize;
}
.rewards-history-container .rewards-history-box .status-red {
  background-color: #dc3545;
  color: #fff;
  font-weight: 400;
}
.rewards-history-container .rewards-history-box .status-green {
  background-color: #28a745;
  color: #fff;
  font-weight: 400;
}
.learning-paths-box-info.my-journey-wrappr {
  max-height: 80vh;
  overflow-y: auto;
}
.learning-paths-box-info.my-journey-wrappr::-webkit-scrollbar {
  width: 6px;
}
.learning-paths-box-info.my-journey-wrappr::-webkit-scrollbar-track {
  background: transparent;
}
.learning-paths-box-info.my-journey-wrappr::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 10px;
}
.learning-paths-box-info.my-journey-wrappr:hover::-webkit-scrollbar-thumb {
  background: #b8b8b8;
}
.learning-paths-box-info.my-journey-wrappr:hover::-webkit-scrollbar-thumb:hover {
  background: #8f8f8f;
}
.learning-paths-box-info.core-university-box-info::-webkit-scrollbar {
  width: 6px;
}
.learning-paths-box-info.core-university-box-info::-webkit-scrollbar-track {
  background: transparent;
}
.learning-paths-box-info.core-university-box-info::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 10px;
}
.learning-paths-box-info.core-university-box-info:hover::-webkit-scrollbar-thumb {
  background: #b8b8b8;
}
.learning-paths-box-info.core-university-box-info:hover::-webkit-scrollbar-thumb:hover {
  background: #8f8f8f;
}
@media (max-width: 1199px) {
  .training-history-section .training-item {
    display: block;
  }
}
@media (max-width: 768px) {
  .training-history-section .training-list {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 768px) {
  .learner-main-grid .level-badge {
    font-size: 14px;
  }
  .training-history-section .training-item {
    display: block;
    padding: 16px;
  }
  .training-history-section .training-item .training-details .check-icon {
    margin-right: 10px;
  }
  .training-history-section .training-item .training-meta {
    text-align: left;
  }
  .training-history-section .training-item .training-meta .badge-tag {
    padding: 0.5rem 0.7rem;
  }
  .rewards-history-box .rewards-history-heading h3 {
    font-size: 18px;
    padding: 0px 0px 0;
  }
  .rewards-shop-sec .content-body {
    min-height: auto;
  }
  .profile-card .profile-header {
    margin-bottom: 1rem;
  }
  .profile-card .profile-header .profile-avatar-wrapper {
    margin-bottom: 8px;
  }
  .profile-card .stat-item .stat-value {
    line-height: normal;
  }
  .learner-main-grid .subtitle {
    display: inline-block;
    margin: 0 7px;
  }
  .learner-main-grid .subtitle i {
    margin-right: 4px;
  }
  .main-content-grid {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  .dashboard-wrapper {
    padding: 0.5rem;
  }
  .profile-header {
    flex-direction: column;
    text-align: center;
  }
  .profile-header .profile-avatar {
    margin-right: 0;
    margin-bottom: 1rem;
  }
  .training-item {
    flex-direction: column;
    align-items: flex-start;
  }
  .training-item .training-meta {
    text-align: left;
    margin-top: 1rem;
  }
  .progress-card .level-info .current-level-value {
    font-size: 16px;
  }
  .rewards-shop-sec .rewards-shop-cards-info .rewards-shop-box-item {
    padding: 15px;
  }
  .profile-card .stat-item {
    padding: 0.5rem;
  }
  .profile-card .profile-avatar-wrapper {
    margin-right: 0px;
  }
}
@media screen and (max-width: 650px) {
  .learner-box-category .achievements-cards .achievements-cards-info.rewards-shop-cards-info {
    grid-template-columns: 1fr !important;
  }
}
@media screen and (max-width: 576px) {
  .learner-main-grid .stats-grid.learner-main-grid-count {
    grid-template-columns: 1fr 1fr;
  }
}
.profile-header-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: #76b82a;
  border-radius: 50%;
  margin-left: 6px;
  vertical-align: middle;
}
.learner-profile-redesign {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.learner-profile-redesign .profile-main-card {
  background: var(--bg-background, #ffffff);
  border-radius: var(--new-border-radius2, 16px);
  padding: 24px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
  border: 1px solid var(--new-border-color, #eef2f6);
  transition: var(--new-transition);
  font-family: var(--new-bg-font);
  margin-top: 0px !important;
}
.learner-profile-redesign .profile-main-card .profile-card-top {
  display: flex;
  align-items: center;
  gap: 20px;
}
.learner-profile-redesign .profile-main-card .profile-card-top .avatar-wrapper {
  position: relative;
  width: 76px;
  height: 76px;
  border-radius: 16px;
  cursor: pointer;
  flex-shrink: 0;
}
.learner-profile-redesign .profile-main-card .profile-card-top .avatar-wrapper .avatar-img {
  width: 100%;
  height: 100%;
  border-radius: 16px;
  object-fit: cover;
}
.learner-profile-redesign .profile-main-card .profile-card-top .avatar-wrapper .avatar-initials-box {
  width: 100%;
  height: 100%;
  border-radius: 16px;
  background: var(--light-text-green);
  color: var(--new-theme-hover-text-color);
  font-size: 26px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  box-shadow: 0 4px 12px rgba(138, 172, 57, 0.3);
}
.learner-profile-redesign .profile-main-card .profile-card-top .avatar-wrapper .camera-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.2s ease;
  color: #ffffff;
  font-size: 16px;
}
.learner-profile-redesign .profile-main-card .profile-card-top .avatar-wrapper:hover .camera-overlay {
  opacity: 1;
}
.learner-profile-redesign .profile-main-card .profile-card-top .profile-user-info .user-fullname {
  font-size: 20px;
  font-weight: 700;
  color: var(--new-mainHeading-color, #222a26);
  margin: 0 0 3px 0;
}
.learner-profile-redesign .profile-main-card .profile-card-top .profile-user-info .user-email {
  font-size: 14px;
  color: var(--new-pera-color, #677e73);
  margin: 0 0 10px 0;
}
.learner-profile-redesign .profile-main-card .profile-card-top .profile-user-info .user-pills-row {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.learner-profile-redesign .profile-main-card .profile-card-top .profile-user-info .user-pills-row .pill-active {
  background: rgba(138, 172, 57, 0.15);
  color: var(--light-text-green, #8aac39);
  padding: 3px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  border: 1px solid rgba(138, 172, 57, 0.3);
}
.learner-profile-redesign .profile-main-card .profile-card-top .profile-user-info .user-pills-row .pill-level {
  background: rgba(245, 158, 11, 0.12);
  color: #d97706;
  padding: 3px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  border: 1px solid rgba(245, 158, 11, 0.3);
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.learner-profile-redesign .profile-main-card .profile-card-top .profile-user-info .user-pills-row .pill-streak {
  background: rgba(6, 182, 212, 0.12);
  color: #06b6d4;
  padding: 3px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  border: 1px solid rgba(6, 182, 212, 0.3);
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.learner-profile-redesign .profile-main-card .profile-card-divider {
  height: 1px;
  background: var(--new-border-color, #e7e9e2);
  margin: 20px 0;
}
.learner-profile-redesign .profile-main-card .profile-card-progress .progress-info-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
.learner-profile-redesign .profile-main-card .profile-card-progress .progress-info-row .progress-title-text {
  font-size: 13px;
  color: var(--new-pera-color, #677e73);
  font-weight: 500;
}
.learner-profile-redesign .profile-main-card .profile-card-progress .progress-info-row .progress-points-text {
  color: var(--light-text-green);
  font-size: 13px;
  font-weight: 500;
}
.learner-profile-redesign .profile-main-card .profile-card-progress .progress-info-row .progress-points-text strong {
  color: var(--light-text-green);
  font-size: 14px;
  font-weight: 700;
}
.learner-profile-redesign .profile-main-card .profile-card-progress .progress-track-bg {
  height: 10px;
  background: var(--progressbar-bg, #f6f6f4);
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 8px;
}
.learner-profile-redesign .profile-main-card .profile-card-progress .progress-track-bg .progress-track-fill {
  height: 100%;
  background: var(--green-linear-gredient);
  border-radius: 6px;
  transition: width 0.4s ease;
}
.learner-profile-redesign .profile-main-card .profile-card-progress .progress-subtext-row {
  font-size: 12px;
  color: var(--new-pera-color, #677e73);
  font-weight: 500;
}
.learner-profile-redesign .stat-cards-4row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
.learner-profile-redesign .stat-cards-4row .stat-card-item {
  background: var(--bg-background, #ffffff);
  border-radius: 16px;
  padding: 20px;
  border: 1px solid var(--new-border-color, #e7e9e2);
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.03);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  position: relative;
  overflow: hidden;
  font-family: var(--new-bg-font);
  margin-top: 0px !important;
}
.learner-profile-redesign .stat-cards-4row .stat-card-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3.5px;
  border-top-left-radius: var(--new-border-radius);
  border-top-right-radius: var(--new-border-radius);
  background:
    linear-gradient(
      90deg,
      #6c872d,
      #7c9f2e,
      #a7c739);
}
.learner-profile-redesign .stat-cards-4row .stat-card-item:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
}
.learner-profile-redesign .stat-cards-4row .stat-card-item.accent-green::before {
  background: var(--green-linear-gredient);
}
.learner-profile-redesign .stat-cards-4row .stat-card-item.accent-cyan::before {
  background: var(--neon-blue-linear-gredient);
}
.learner-profile-redesign .stat-cards-4row .stat-card-item.accent-orange::before {
  background: var(--orange-linear-gredient);
}
.learner-profile-redesign .stat-cards-4row .stat-card-item.accent-blue::before {
  background: var(--sky-linear-gredient);
}
.learner-profile-redesign .stat-cards-4row .stat-card-item.accent-green h3.stat-count {
  color: var(--light-text-green) !important;
}
.learner-profile-redesign .stat-cards-4row .stat-card-item.accent-cyan h3.stat-count {
  color: #06b6d4 !important;
}
.learner-profile-redesign .stat-cards-4row .stat-card-item.accent-orange h3.stat-count {
  color: #f97316 !important;
}
.learner-profile-redesign .stat-cards-4row .stat-card-item.accent-blue h3.stat-count {
  color: rgb(59, 130, 246) !important;
}
.learner-profile-redesign .stat-cards-4row .stat-card-item .stat-card-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 14px;
}
.learner-profile-redesign .stat-cards-4row .stat-card-item .stat-card-body .stat-icon-circle {
  width: 43px;
  height: 43px;
  border-radius: var(--new-border-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  transition: var(--new-transition);
}
.learner-profile-redesign .stat-cards-4row .stat-card-item .stat-card-body .stat-icon-circle.bg-green-light {
  background: rgba(138, 172, 57, 0.15);
}
.learner-profile-redesign .stat-cards-4row .stat-card-item .stat-card-body .stat-icon-circle.bg-cyan-light {
  background: rgba(6, 182, 212, 0.12);
}
.learner-profile-redesign .stat-cards-4row .stat-card-item .stat-card-body .stat-icon-circle.bg-orange-light {
  background: rgba(249, 115, 22, 0.12);
}
.learner-profile-redesign .stat-cards-4row .stat-card-item .stat-card-body .stat-icon-circle.bg-blue-light {
  background: rgba(59, 130, 246, 0.082);
}
.learner-profile-redesign .stat-cards-4row .stat-card-item .stat-card-body .stat-icon-circle .icon-green {
  color: #8aac39;
}
.learner-profile-redesign .stat-cards-4row .stat-card-item .stat-card-body .stat-icon-circle .icon-cyan {
  color: #06b6d4;
}
.learner-profile-redesign .stat-cards-4row .stat-card-item .stat-card-body .stat-icon-circle .icon-orange {
  color: #f97316;
}
.learner-profile-redesign .stat-cards-4row .stat-card-item .stat-card-body .stat-icon-circle .icon-blue {
  color: rgb(59, 130, 246);
}
.learner-profile-redesign .stat-cards-4row .stat-card-item .stat-card-body .stat-count {
  font-size: 21px;
  font-weight: 800;
  color: var(--new-mainHeading-color, #222a26);
  margin: 0;
  line-height: 1.1;
  margin-bottom: 5px;
}
.learner-profile-redesign .stat-cards-4row .stat-card-item .stat-card-body .stat-title {
  font-size: 13px;
  color: var(--new-pera-color, #677e73);
  margin: 0;
  font-weight: 500;
}
.learner-profile-redesign .section-card {
  background: var(--bg-background, #ffffff);
  border-radius: 16px;
  border: 1px solid var(--new-border-color, #e7e9e2);
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04);
  overflow: hidden;
}
.learner-profile-redesign .achievements-section-card {
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid var(--new-border-color, #e7e9e2);
  background: var(--bg-background, #ffffff);
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04);
}
.learner-profile-redesign .achievements-section-card .achievements-header-bar {
  background: var(--light-text-green, #8aac39);
  color: var(--new-theme-hover-text-color, #ffffff);
  padding: 12px 20px;
  font-size: 15px;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 10px;
}
.learner-profile-redesign .achievements-section-card .achievements-header-bar .header-icon-circle {
  font-size: 18px;
  display: inline-flex;
  align-items: center;
}
.learner-profile-redesign .achievements-section-card .achievements-header-bar .header-title-text {
  font-size: 15px;
  font-weight: 700;
}
.learner-profile-redesign .achievements-section-card .achievements-body-content {
  padding: 24px;
  background: var(--bg-background, #ffffff);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.learner-profile-redesign .achievements-section-card .achievements-badges-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
  gap: 16px;
  text-align: center;
  margin-bottom: 20px;
}
.learner-profile-redesign .achievements-section-card .achievements-badges-row .achievement-badge-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 14px 10px;
  border-radius: 14px;
  background: var(--new-bglight2, #f8f8f6);
  border: 1px solid var(--new-border-color, #e7e9e2);
  transition: var(--new-transition);
}
.learner-profile-redesign .achievements-section-card .achievements-badges-row .achievement-badge-item:hover {
  transform: translateY(-2px);
  border-color: var(--light-text-green, #8aac39);
}
.learner-profile-redesign .achievements-section-card .achievements-badges-row .achievement-badge-item.badge-locked {
  opacity: 0.75;
}
.learner-profile-redesign .achievements-section-card .achievements-badges-row .achievement-badge-item .badge-icon-circle {
  position: relative;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  margin-bottom: 10px;
  transition: all 0.2s ease;
}
.learner-profile-redesign .achievements-section-card .achievements-badges-row .achievement-badge-item .badge-icon-circle.earned-badge {
  background: #f0fdf4;
  border: 2px solid #568c2d;
  color: #568c2d;
  box-shadow: 0 4px 12px rgba(86, 140, 45, 0.25);
}
.learner-profile-redesign .achievements-section-card .achievements-badges-row .achievement-badge-item .badge-icon-circle.locked-badge {
  background: #f3f4f6;
  border: 2px dashed #cbd5e1;
  color: #94a3b8;
  filter: grayscale(100%);
}
.learner-profile-redesign .achievements-section-card .achievements-badges-row .achievement-badge-item .badge-icon-circle .badge-img-icon {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.learner-profile-redesign .achievements-section-card .achievements-badges-row .achievement-badge-item .badge-icon-circle .badge-fallback-emoji {
  font-size: 24px;
}
.learner-profile-redesign .achievements-section-card .achievements-badges-row .achievement-badge-item .badge-icon-circle .lock-overlay-icon {
  position: absolute;
  bottom: -2px;
  right: -2px;
  background: #475569;
  color: #ffffff;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  font-size: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #ffffff;
}
.learner-profile-redesign .achievements-section-card .achievements-badges-row .achievement-badge-item .badge-item-title {
  font-size: 14px;
  font-weight: 700;
  color: var(--new-mainHeading-color, #222a26);
  margin-bottom: 3px;
  max-width: 120px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
}
.learner-profile-redesign .achievements-section-card .achievements-badges-row .achievement-badge-item .badge-item-sub {
  font-size: 11px;
  color: var(--new-pera-color, #677e73);
  max-width: 120px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
}
.learner-profile-redesign .achievements-section-card .achievements-badges-row .achievement-badge-item .badge-status-box {
  margin-top: 6px;
}
.learner-profile-redesign .achievements-section-card .achievements-badges-row .achievement-badge-item .badge-status-box .earned-badge-pill {
  background: rgba(138, 172, 57, 0.15);
  color: var(--light-text-green, #8aac39);
  padding: 2px 10px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 600;
  border: 1px solid rgba(138, 172, 57, 0.3);
}
.learner-profile-redesign .achievements-section-card .achievements-level-progress {
  margin-top: 12px;
  text-align: center;
}
.learner-profile-redesign .achievements-section-card .achievements-level-progress .level-progress-text {
  font-size: 12px;
  color: var(--new-pera-color, #677e73);
  margin-bottom: 8px;
}
.learner-profile-redesign .achievements-section-card .achievements-level-progress .level-progress-track {
  width: 100%;
  height: 6px;
  background: var(--progressbar-bg, #e2e8f0);
  border-radius: 3px;
  overflow: hidden;
}
.learner-profile-redesign .achievements-section-card .achievements-level-progress .level-progress-track .level-progress-fill {
  height: 100%;
  background: var(--light-text-green, #8aac39);
  border-radius: 3px;
  transition: width 0.4s ease;
}
.learner-profile-redesign .rewards-shop-wrapper {
  padding: 0px !important;
  margin-top: 0px !important;
}
.learner-profile-redesign .rewards-shop-wrapper .shop-header-banner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  padding: 12px 16px;
}
.learner-profile-redesign .rewards-shop-wrapper .shop-header-banner .shop-header-title {
  font-size: 14px;
  font-weight: 600;
  color: var(--new-mainHeading-color, #222a26);
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--new-bg-font);
}
.learner-profile-redesign .rewards-shop-wrapper .shop-header-banner .shop-header-title svg {
  color: var(--light-text-green, #8aac39) !important;
  width: 22px;
}
.learner-profile-redesign .rewards-shop-wrapper .shop-header-banner .shop-points-badge {
  border: 1px solid rgba(249, 115, 22, 0.3);
  color: #ea580c;
  background: rgba(249, 115, 22, 0.12);
  padding: 4px 16px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: var(--new-bg-font);
}
.learner-profile-redesign .rewards-shop-wrapper .shop-header-banner .shop-points-badge i {
  color: #f59e0b;
}
.learner-profile-redesign .rewards-shop-wrapper .rewards-products-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 16px;
  padding: 23px;
}
.learner-profile-redesign .rewards-shop-wrapper .rewards-products-grid .reward-product-card {
  background: transparent;
  border: 1px solid var(--new-border-color, #e2e8f0);
  border-radius: 14px;
  padding: 18px 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  font-family: var(--new-bg-font);
}
.learner-profile-redesign .rewards-shop-wrapper .rewards-products-grid .reward-product-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.07);
  border-color: var(--light-text-green, #8aac39);
}
.learner-profile-redesign .rewards-shop-wrapper .rewards-products-grid .reward-product-card .product-thumb-container {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  margin-bottom: 12px;
  flex-shrink: 0;
  overflow: hidden;
}
.learner-profile-redesign .rewards-shop-wrapper .rewards-products-grid .reward-product-card .product-thumb-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.learner-profile-redesign .rewards-shop-wrapper .rewards-products-grid .reward-product-card .product-name-title {
  font-size: 13px;
  font-weight: 700;
  color: var(--new-mainHeading-color, #222a26);
  margin: 0 0 2px 0;
  line-height: 1.3;
  min-height: 34px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.learner-profile-redesign .rewards-shop-wrapper .rewards-products-grid .reward-product-card .product-code-id {
  font-size: 11px;
  color: var(--new-pera-color, #94a3b8);
  margin: 0 0 0px 0;
}
.learner-profile-redesign .rewards-shop-wrapper .rewards-products-grid .reward-product-card .product-pts-pricing {
  margin-bottom: 12px;
  font-weight: 700;
}
.learner-profile-redesign .rewards-shop-wrapper .rewards-products-grid .reward-product-card .product-pts-pricing .pts-number {
  font-size: 18px;
  color: var(--light-text-green, #8aac39);
}
.learner-profile-redesign .rewards-shop-wrapper .rewards-products-grid .reward-product-card .product-pts-pricing .pts-text {
  font-size: 12px;
  color: var(--new-pera-color, #64748b);
  font-weight: 500;
  margin-left: 2px;
}
.learner-profile-redesign .rewards-shop-wrapper .rewards-products-grid .reward-product-card .btn-redeem-action {
  width: 100%;
  padding: 8px 0;
  background: var(--light-text-green, #8aac39);
  color: var(--new-theme-hover-text-color);
  border: none;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  transition: background 0.2s ease;
}
.learner-profile-redesign .rewards-shop-wrapper .rewards-products-grid .reward-product-card .btn-redeem-action:hover {
  background: #729227;
}
@media screen and (max-width: 1280px) {
  .learner-profile-redesign .achievements-section-card .achievements-badges-row,
  .learner-profile-redesign .rewards-shop-wrapper .rewards-products-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 992px) {
  .learner-profile-redesign .stat-cards-4row {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 640px) {
  .learner-profile-redesign .profile-main-card .profile-card-top {
    flex-direction: column;
    text-align: center;
  }
  .learner-profile-redesign .profile-main-card .profile-card-top .user-pills-row {
    justify-content: center;
  }
  .learner-profile-redesign .stat-cards-4row {
    grid-template-columns: 1fr;
  }
  .learner-profile-redesign .achievements-section-card .achievements-badges-row,
  .learner-profile-redesign .rewards-shop-wrapper .rewards-products-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 530px) {
  .achievements-section-card .achievements-badges-row,
  .rewards-shop-wrapper .rewards-products-grid {
    grid-template-columns: 1fr;
  }
}
.site-leaderboard-card,
.country-leaderboard-card {
  background: var(--bg-background) !important;
  border: 1px solid var(--new-border-color) !important;
  border-radius: var(--new-border-radius) !important;
  font-family: var(--new-bg-font) !important;
  min-width: 100%;
  position: relative;
  overflow: hidden;
  padding: 0px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
}
.site-leaderboard-card:before,
.country-leaderboard-card:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  border-top-left-radius: var(--new-border-radius);
  border-top-right-radius: var(--new-border-radius);
  background:
    linear-gradient(
      to right,
      var(--light-text-green),
      #f49d25);
}
.site-leaderboard-card .leaderboard-card-header-row,
.country-leaderboard-card .leaderboard-card-header-row {
  border-bottom: 1px solid var(--new-border-color);
  padding: 13px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--new-border-color);
}
.site-leaderboard-card .leaderboard-card-header-row h3,
.country-leaderboard-card .leaderboard-card-header-row h3 {
  font-size: 14px !important;
  color: var(--new-mainHeading-color) !important;
}
.site-leaderboard-card .leaderboard-card-header-row .count-badge,
.country-leaderboard-card .leaderboard-card-header-row .count-badge {
  font-weight: 500 !important;
  background: var(--bg-background) !important;
  border: 1px solid var(--new-border-color) !important;
  color: var(--new-mainHeading-color) !important;
  margin-left: 13px !important;
}
.site-leaderboard-card .leaderboard-card-header-row .leaderboard-card-title,
.country-leaderboard-card .leaderboard-card-header-row .leaderboard-card-title {
  font-size: 14px;
  font-weight: 600;
  color: var(--new-mainHeading-color);
  display: flex;
  align-items: center;
  gap: 8px;
}
.site-leaderboard-card .leaderboard-card-header-row .leaderboard-card-title h3,
.country-leaderboard-card .leaderboard-card-header-row .leaderboard-card-title h3 {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--new-mainHeading-color) !important;
  margin: 0 !important;
  display: flex;
  align-items: center;
  gap: 6px;
}
.site-leaderboard-card .leaderboard-card-header-row .leaderboard-card-title .icon-crown,
.country-leaderboard-card .leaderboard-card-header-row .leaderboard-card-title .icon-crown {
  color: #f97316;
  font-size: 18px;
}
.site-leaderboard-card .leaderboard-card-header-row .leaderboard-card-title .icon-pin,
.country-leaderboard-card .leaderboard-card-header-row .leaderboard-card-title .icon-pin {
  color: var(--light-text-green);
  font-size: 18px;
}
.site-leaderboard-card .leaderboard-card-header-row .leaderboard-site-tag,
.site-leaderboard-card .leaderboard-card-header-row .leaderboard-country-tag,
.country-leaderboard-card .leaderboard-card-header-row .leaderboard-site-tag,
.country-leaderboard-card .leaderboard-card-header-row .leaderboard-country-tag {
  font-size: 12px;
  font-weight: 500;
  color: var(--new-mainHeading-color);
  background: var(--bg-background);
  padding: 4px 12px;
  border-radius: 12px;
  border: 1px solid var(--new-border-color);
  display: flex;
  align-items: center;
  gap: 4px;
}
.site-leaderboard-card .leaderboard-scroll-container,
.country-leaderboard-card .leaderboard-scroll-container {
  max-height: 380px;
  overflow-y: auto;
  padding-right: 4px;
}
.site-leaderboard-card .leaderboard-scroll-container::-webkit-scrollbar,
.country-leaderboard-card .leaderboard-scroll-container::-webkit-scrollbar {
  width: 5px;
}
.site-leaderboard-card .leaderboard-scroll-container::-webkit-scrollbar-track,
.country-leaderboard-card .leaderboard-scroll-container::-webkit-scrollbar-track {
  background: var(--bg-background);
  border-radius: 3px;
}
.site-leaderboard-card .leaderboard-scroll-container::-webkit-scrollbar-thumb,
.country-leaderboard-card .leaderboard-scroll-container::-webkit-scrollbar-thumb {
  background: var(--new-border-color);
  border-radius: 3px;
}
.site-leaderboard-card .rank-badge-box,
.country-leaderboard-card .rank-badge-box {
  width: 32px;
  height: 32px;
  border-radius: var(--new-border-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  flex-shrink: 0;
}
.site-leaderboard-card .rank-badge-box.rank-gold,
.country-leaderboard-card .rank-badge-box.rank-gold {
  background: rgba(249, 115, 22, 0.15);
  color: #f97316;
  border: 1px solid rgba(249, 115, 22, 0.3);
  font-size: 16px;
}
.site-leaderboard-card .rank-badge-box.rank-silver,
.country-leaderboard-card .rank-badge-box.rank-silver {
  background: rgba(100, 116, 139, 0.15);
  color: var(--new-mainHeading-color);
  border: 1px solid var(--new-border-color);
  font-size: 16px;
}
.site-leaderboard-card .rank-badge-box.rank-bronze,
.country-leaderboard-card .rank-badge-box.rank-bronze {
  background: rgba(234, 88, 12, 0.15);
  color: #ea580c;
  border: 1px solid rgba(234, 88, 12, 0.3);
  font-size: 16px;
}
.site-leaderboard-card .rank-badge-box.rank-normal,
.country-leaderboard-card .rank-badge-box.rank-normal {
  background: var(--new-hover-color, rgba(255, 255, 255, 0.05));
  color: var(--new-pera-color);
  border: 1px solid var(--new-border-color);
  font-size: 13px;
}
.site-leaderboard-card .item-pts,
.country-leaderboard-card .item-pts {
  text-align: right;
  flex-shrink: 0;
}
.site-leaderboard-card .item-pts .pts-val,
.country-leaderboard-card .item-pts .pts-val {
  font-size: 15px;
  font-weight: 700;
  color: var(--light-text-green, #76b82a);
  display: block;
  line-height: 1.1;
}
.site-leaderboard-card .item-pts .pts-lbl,
.country-leaderboard-card .item-pts .pts-lbl {
  font-size: 10px;
  color: var(--new-pera-color, #94a3b8);
}
.leaderboard-custom-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.leaderboard-custom-list .leaderboard-custom-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 12px;
  border-radius: 0;
  margin-bottom: 0;
  transition: background 0.2s ease;
  border-bottom: 1px solid var(--new-border-color);
}
.leaderboard-custom-list .leaderboard-custom-item:hover {
  background: var(--new-hover-color, rgba(138, 172, 57, 0.08));
}
.leaderboard-custom-list .leaderboard-custom-item.is-current-user {
  background: rgba(138, 172, 57, 0.15);
}
.leaderboard-custom-list .leaderboard-custom-item .item-info {
  flex: 1;
}
.leaderboard-custom-list .leaderboard-custom-item .item-info .name-line {
  display: flex;
  align-items: center;
  gap: 6px;
}
.leaderboard-custom-list .leaderboard-custom-item .item-info .name-line .user-name {
  font-weight: 600;
  color: var(--new-mainHeading-color, #1e293b);
  font-size: 14px;
}
.leaderboard-custom-list .leaderboard-custom-item .item-info .name-line .you-badge-tag {
  background: rgba(138, 172, 57, 0.2);
  color: var(--light-text-green, #8aac39);
  font-size: 10px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 10px;
  text-transform: uppercase;
  border: 1px solid rgba(138, 172, 57, 0.4);
}
.leaderboard-custom-list .leaderboard-custom-item .item-info .user-role-sub {
  font-size: 12px;
  color: var(--new-pera-color, #64748b);
  display: block;
  margin-top: 2px;
}
.country-sites-list {
  display: flex;
  flex-direction: column;
  gap: 0px;
}
.country-sites-list .site-rank-row {
  padding: 12px 12px;
  border-radius: 0px;
  background: var(--bg-background, #ffffff);
  border-bottom: 1px solid var(--new-border-color, #f1f5f9);
  transition: background 0.2s ease;
}
.country-sites-list .site-rank-row:hover {
  background: var(--new-hover-color, rgba(138, 172, 57, 0.08));
}
.country-sites-list .site-rank-row .site-row-top {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
}
.country-sites-list .site-rank-row .site-row-top .site-info-text {
  flex: 1;
}
.country-sites-list .site-rank-row .site-row-top .site-info-text .site-name-heading {
  font-weight: 500;
  color: var(--new-mainHeading-color, #1e293b);
  font-size: 14px;
  display: block;
}
.country-sites-list .site-rank-row .site-row-top .site-info-text .site-country-sub {
  font-size: 12px;
  color: var(--new-pera-color, #64748b);
  display: block;
  margin-top: 2px;
}
.country-sites-list .site-rank-row .site-progress-track {
  height: 7px;
  background: var(--new-border-color, #e2e8f0);
  border-radius: 4px;
  overflow: hidden;
}
.country-sites-list .site-rank-row .site-progress-track .site-progress-bar-fill {
  height: 100%;
  background: var(--green-linear-gredient, linear-gradient(90deg, #8aac39 0%, #6c872d 100%));
  border-radius: 4px;
  transition: width 0.4s ease;
}
.my-journey-redesign-container {
  padding-bottom: 20px;
  font-family: var(--new-bg-font, "DM Sans", sans-serif);
}
.my-journey-redesign-container .member-list-style-header-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 8px 0;
  margin-bottom: 20px;
  gap: 16px;
}
.my-journey-redesign-container .member-list-style-header-bar .header-left-group {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}
.my-journey-redesign-container .member-list-style-header-bar .header-left-group .header-icon-square {
  width: 38px;
  height: 38px;
  border-radius: 12px;
  background: rgba(138, 172, 57, 0.15);
  border: 1px solid rgba(138, 172, 57, 0.3);
  color: var(--light-text-green, #8aac39);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  flex-shrink: 0;
  box-shadow: 0 2px 8px rgba(138, 172, 57, 0.15);
}
.my-journey-redesign-container .member-list-style-header-bar .header-left-group .header-title-text {
  font-size: 20px;
  font-weight: 700;
  color: var(--new-mainHeading-color, #222a26);
  margin: 0;
  line-height: 1;
  white-space: nowrap;
}
.my-journey-redesign-container .member-list-style-header-bar .header-left-group .header-pill-badge {
  background: rgba(138, 172, 57, 0.15);
  border: 1px solid rgba(138, 172, 57, 0.35);
  color: var(--light-text-green, #8aac39);
  font-size: 11px;
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 12px;
  text-transform: capitalize;
  line-height: 1.2;
  white-space: nowrap;
}
.my-journey-redesign-container .member-list-style-header-bar .header-left-group .header-glowing-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--light-text-green, #8aac39);
  box-shadow: 0 0 10px rgba(138, 172, 57, 0.8);
  display: inline-block;
  flex-shrink: 0;
  margin-left: 2px;
}
.my-journey-redesign-container .member-list-style-header-bar .header-green-divider-line {
  flex: 1;
  height: 1px;
  background:
    linear-gradient(
      90deg,
      #8aac39 0%,
      rgba(138, 172, 57, 0.25) 70%,
      transparent 100%);
  margin: 0 12px;
  border-radius: 1px;
}
.my-journey-redesign-container .member-list-style-header-bar .header-right-group {
  flex-shrink: 0;
}
.my-journey-redesign-container .member-list-style-header-bar .header-right-group .header-back-action-btn {
  background: var(--new-bglight2, rgba(255, 255, 255, 0.06));
  border: 1px solid var(--new-border-color, rgba(255, 255, 255, 0.12));
  color: var(--new-mainHeading-color, #222a26);
  padding: 7px 16px;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: all 0.2s ease;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
}
.my-journey-redesign-container .member-list-style-header-bar .header-right-group .header-back-action-btn:hover {
  background: rgba(138, 172, 57, 0.15);
  border-color: rgba(138, 172, 57, 0.4);
  color: var(--light-text-green, #8aac39);
  transform: translateX(-2px);
}
.my-journey-redesign-container .member-list-style-header-bar .header-right-group .header-back-action-btn i {
  font-size: 15px;
}
.my-journey-redesign-container .journey-banner-card {
  background: var(--welcome-dashboard-bg);
  border: 1px solid var(--new-border-color);
  border-radius: var(--new-border-radius2, 16px);
  padding: 18px 17px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
  transition: var(--new-transition);
  flex-direction: row;
}
@media (max-width: 768px) {
  .my-journey-redesign-container .journey-banner-card {
    flex-direction: column;
    align-items: flex-start;
  }
}
.my-journey-redesign-container .journey-banner-card .banner-left-content {
  display: flex;
  align-items: center;
  gap: 14px;
}
.my-journey-redesign-container .journey-banner-card .banner-left-content .banner-icon-box {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: rgba(138, 172, 57, 0.15);
  color: var(--light-text-green, #8aac39);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  flex-shrink: 0;
}
.my-journey-redesign-container .journey-banner-card .banner-left-content .banner-icon-box svg {
  width: 19px;
  height: 19px;
}
.my-journey-redesign-container .journey-banner-card .banner-left-content .banner-text-details .banner-heading {
  font-size: 14px;
  font-weight: 600;
  color: var(--new-mainHeading-color, #222a26);
  margin: 0 0 3px 0;
}
.my-journey-redesign-container .journey-banner-card .banner-left-content .banner-text-details .banner-subtext {
  font-size: 12px;
  color: var(--new-pera-color, #677e73);
  margin: 0;
}
.my-journey-redesign-container .journey-banner-card .banner-right-content .banner-done-pill {
  background: rgba(138, 172, 57, 0.15);
  border: 1px solid rgba(138, 172, 57, 0.3);
  color: var(--light-text-green, #8aac39);
  font-size: 12px;
  font-weight: 700;
  padding: 4px 11px;
  border-radius: 20px;
  white-space: nowrap;
  display: inline-block;
}
.my-journey-redesign-container .journey-paths-grid .journey-card-item {
  background: var(--bg-background, #ffffff);
  border: 1px solid var(--new-border-color, #e7e9e2);
  border-radius: 16px;
  padding: 22px 20px;
  height: 100%;
  display: flex;
  flex-direction: column;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease;
  position: relative;
  overflow: hidden;
  margin-top: 0px;
}
.my-journey-redesign-container .journey-paths-grid .journey-card-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08);
}
.my-journey-redesign-container .journey-paths-grid .journey-card-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 5px;
  background: var(--card-accent-primary, #8aac39);
  border-radius: 16px 16px 0 0;
}
.my-journey-redesign-container .journey-paths-grid .journey-card-item.theme-accent-green {
  --card-accent-primary: #8aac39;
  --card-accent-hover: #729227;
  --card-accent-bg-soft: rgba(138, 172, 57, 0.12);
  --card-accent-border-soft: rgba(138, 172, 57, 0.25);
  --card-accent-btn-text: #ffffff;
  --card-progress-gradient: var(--green-linear-gredient);
}
.my-journey-redesign-container .journey-paths-grid .journey-card-item.theme-accent-orange {
  --card-accent-primary: #f97316;
  --card-accent-hover: #ea580c;
  --card-accent-bg-soft: rgba(249, 115, 22, 0.12);
  --card-accent-border-soft: rgba(249, 115, 22, 0.25);
  --card-accent-btn-text: #ffffff;
  --card-progress-gradient: var(--orange-linear-gredient);
}
.my-journey-redesign-container .journey-paths-grid .journey-card-item.theme-accent-cyan {
  --card-accent-primary: #06b6d4;
  --card-accent-hover: #0891b2;
  --card-accent-bg-soft: rgba(6, 182, 212, 0.12);
  --card-accent-border-soft: rgba(6, 182, 212, 0.25);
  --card-accent-btn-text: #ffffff;
  --card-progress-gradient: var(--neon-blue-linear-gredient);
}
.my-journey-redesign-container .journey-paths-grid .journey-card-item.theme-accent-purple {
  --card-accent-primary: var(--sky-linear-gredient);
  --card-accent-hover: #7c3aed;
  --card-accent-bg-soft: rgba(139, 92, 246, 0.12);
  --card-accent-border-soft: rgba(139, 92, 246, 0.25);
  --card-accent-btn-text: #ffffff;
  --card-progress-gradient: var(--sky-linear-gredient);
}
.my-journey-redesign-container .journey-paths-grid .journey-card-item .journey-card-header-row {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 13px;
}
.my-journey-redesign-container .journey-paths-grid .journey-card-item .journey-card-header-row .path-icon-square {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: var(--card-accent-bg-soft);
  border: 1px solid var(--card-accent-border-soft);
  color: var(--card-accent-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  flex-shrink: 0;
}
.my-journey-redesign-container .journey-paths-grid .journey-card-item .journey-card-header-row .path-icon-square .path-logo-img {
  width: 24px;
  height: 24px;
  object-fit: cover;
  border-radius: 4px;
}
.my-journey-redesign-container .journey-paths-grid .journey-card-item .journey-card-header-row .path-title-block {
  flex: 1;
}
.my-journey-redesign-container .journey-paths-grid .journey-card-item .journey-card-header-row .path-title-block .title-with-pill {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 4px;
}
.my-journey-redesign-container .journey-paths-grid .journey-card-item .journey-card-header-row .path-title-block .title-with-pill .path-title-text {
  font-size: 14px;
  font-weight: 600;
  color: var(--new-mainHeading-color, #222a26);
  margin: 0;
  line-height: 1.3;
}
.my-journey-redesign-container .journey-paths-grid .journey-card-item .journey-card-header-row .path-title-block .title-with-pill .path-completed-pill {
  background: var(--card-accent-bg-soft);
  border: 1px solid var(--card-accent-border-soft);
  color: var(--card-accent-primary);
  font-size: 11px;
  font-weight: 700;
  padding: 2px 10px;
  border-radius: 12px;
  white-space: nowrap;
}
.my-journey-redesign-container .journey-paths-grid .journey-card-item .journey-card-header-row .path-title-block .path-desc-text {
  font-size: 12px;
  color: var(--new-pera-color, #677e73);
  margin: 0;
  line-height: 1.45;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.my-journey-redesign-container .journey-paths-grid .journey-card-item .journey-progress-block {
  margin-bottom: 20px;
}
.my-journey-redesign-container .journey-paths-grid .journey-card-item .journey-progress-block .progress-label-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  margin-bottom: 6px;
}
.my-journey-redesign-container .journey-paths-grid .journey-card-item .journey-progress-block .progress-label-row .lbl-text {
  color: var(--new-pera-color, #677e73);
  font-weight: 500;
}
.my-journey-redesign-container .journey-paths-grid .journey-card-item .journey-progress-block .progress-label-row .val-text {
  color: var(--card-accent-primary);
  font-weight: 700;
}
.my-journey-redesign-container .journey-paths-grid .journey-card-item .journey-progress-block .progress-track-bg {
  width: 100%;
  height: 8px;
  background: var(--progressbar-bg, #f6f6f4);
  border-radius: var(--new-border-radius);
  overflow: hidden;
}
.my-journey-redesign-container .journey-paths-grid .journey-card-item .journey-progress-block .progress-track-bg .progress-fill-bar {
  height: 100%;
  background: var(--card-progress-gradient, var(--card-accent-primary));
  border-radius: 4px;
  transition: width 0.4s ease;
}
.my-journey-redesign-container .journey-paths-grid .journey-card-item .journey-roadmap-block {
  margin-bottom: 20px;
  flex: 1;
}
.my-journey-redesign-container .journey-paths-grid .journey-card-item .journey-roadmap-block .roadmap-section-title {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: var(--new-pera-color, #677e73);
  margin-bottom: 12px;
}
.my-journey-redesign-container .journey-paths-grid .journey-card-item .journey-roadmap-block .roadmap-courses-list {
  list-style: none;
  padding: 0;
  margin: 0;
  max-height: 185px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.my-journey-redesign-container .journey-paths-grid .journey-card-item .journey-roadmap-block .roadmap-courses-list::-webkit-scrollbar {
  width: 4px;
}
.my-journey-redesign-container .journey-paths-grid .journey-card-item .journey-roadmap-block .roadmap-courses-list::-webkit-scrollbar-track {
  background: transparent;
}
.my-journey-redesign-container .journey-paths-grid .journey-card-item .journey-roadmap-block .roadmap-courses-list::-webkit-scrollbar-thumb {
  background: rgba(150, 150, 150, 0.2);
  border-radius: 4px;
}
.my-journey-redesign-container .journey-paths-grid .journey-card-item .journey-roadmap-block .roadmap-courses-list .roadmap-course-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 1px 2px;
  border-radius: 8px;
  background: transparent;
  transition: background 0.2s ease;
}
.my-journey-redesign-container .journey-paths-grid .journey-card-item .journey-roadmap-block .roadmap-courses-list .roadmap-course-item:hover {
  background: var(--new-hover-color, rgba(138, 172, 57, 0.06));
}
.my-journey-redesign-container .journey-paths-grid .journey-card-item .journey-roadmap-block .roadmap-courses-list .roadmap-course-item .node-icon-box {
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.my-journey-redesign-container .journey-paths-grid .journey-card-item .journey-roadmap-block .roadmap-courses-list .roadmap-course-item .node-icon-box .icon-check {
  color: var(--card-accent-primary);
}
.my-journey-redesign-container .journey-paths-grid .journey-card-item .journey-roadmap-block .roadmap-courses-list .roadmap-course-item .node-icon-box .icon-active-next {
  color: var(--card-accent-primary);
  font-size: 18px;
  animation: pulse-ring 2s infinite ease-in-out;
}
.my-journey-redesign-container .journey-paths-grid .journey-card-item .journey-roadmap-block .roadmap-courses-list .roadmap-course-item .node-icon-box .icon-pending {
  color: var(--new-pera-color, #94a3b8);
  opacity: 0.5;
}
.my-journey-redesign-container .journey-paths-grid .journey-card-item .journey-roadmap-block .roadmap-courses-list .roadmap-course-item .course-name-label {
  font-size: 13px;
  font-weight: 500;
  color: var(--new-mainHeading-color, #222a26);
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.my-journey-redesign-container .journey-paths-grid .journey-card-item .journey-roadmap-block .roadmap-courses-list .roadmap-course-item.is-next .course-name-label {
  font-weight: 700;
}
.my-journey-redesign-container .journey-paths-grid .journey-card-item .journey-roadmap-block .roadmap-courses-list .roadmap-course-item.is-unassigned {
  opacity: 0.6;
}
.my-journey-redesign-container .journey-paths-grid .journey-card-item .journey-roadmap-block .roadmap-courses-list .roadmap-course-item.is-unassigned .course-name-label {
  color: var(--new-pera-color, #94a3b8);
}
.my-journey-redesign-container .journey-paths-grid .journey-card-item .journey-roadmap-block .roadmap-courses-list .roadmap-course-item .next-pill-tag {
  background: var(--card-accent-primary);
  color: #ffffff;
  font-size: 10px;
  font-weight: 700;
  padding: 2px 10px;
  border-radius: 10px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
.my-journey-redesign-container .journey-paths-grid .journey-card-item .journey-action-btn {
  width: 100%;
  background: var(--card-btn-bg, var(--card-accent-primary, #8aac39));
  color: #000000;
  border: none;
  padding: 10px 20px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: all 0.25s ease;
  margin-top: auto;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
  font-family: var(--new-bg-font);
}
.my-journey-redesign-container .journey-paths-grid .journey-card-item .journey-action-btn:hover:not(:disabled) {
  background: var(--card-btn-hover, var(--card-accent-hover, #729227));
  color: #000000;
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15);
}
.my-journey-redesign-container .journey-paths-grid .journey-card-item .journey-action-btn i,
.my-journey-redesign-container .journey-paths-grid .journey-card-item .journey-action-btn span {
  color: #000000;
  font-weight: 700;
}
.my-journey-redesign-container .journey-paths-grid .journey-card-item .journey-action-btn i {
  font-size: 16px;
}
.my-journey-redesign-container .journey-path-section .journey-path-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 18px;
  background: var(--bg-background, #ffffff);
  border: 1px solid var(--new-border-color, #e7e9e2);
  border-radius: var(--new-border-radius2, 12px);
}
.my-journey-redesign-container .journey-path-section .journey-path-header .journey-path-header-left {
  display: flex;
  align-items: center;
  gap: 12px;
}
.my-journey-redesign-container .journey-path-section .journey-path-header .journey-path-header-left .path-icon-badge {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  flex-shrink: 0;
}
.my-journey-redesign-container .journey-path-section .journey-path-header .journey-path-header-left .path-icon-badge.theme-accent-green {
  background: rgba(138, 172, 57, 0.15);
  color: #8aac39;
  border: 1px solid rgba(138, 172, 57, 0.3);
}
.my-journey-redesign-container .journey-path-section .journey-path-header .journey-path-header-left .path-icon-badge.theme-accent-orange {
  background: rgba(249, 115, 22, 0.15);
  color: #f97316;
  border: 1px solid rgba(249, 115, 22, 0.3);
}
.my-journey-redesign-container .journey-path-section .journey-path-header .journey-path-header-left .path-icon-badge.theme-accent-cyan {
  background: rgba(6, 182, 212, 0.15);
  color: #06b6d4;
  border: 1px solid rgba(6, 182, 212, 0.3);
}
.my-journey-redesign-container .journey-path-section .journey-path-header .journey-path-header-left .path-icon-badge.theme-accent-purple {
  background: rgba(139, 92, 246, 0.15);
  color: #8b5cf6;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.my-journey-redesign-container .journey-path-section .journey-path-header .journey-path-header-left .path-icon-badge .path-logo-img-sm {
  width: 24px;
  height: 24px;
  object-fit: contain;
}
.my-journey-redesign-container .journey-path-section .journey-path-header .journey-path-header-left .path-title-info .path-section-title {
  font-size: 16px;
  font-weight: 700;
  color: var(--new-mainHeading-color, #222a26);
  margin: 0;
  font-family: var(--new-bg-font);
}
.my-journey-redesign-container .journey-path-section .journey-path-header .journey-path-header-left .path-title-info .path-section-desc {
  font-size: 12.5px;
  color: var(--new-pera-color, #677e73);
  margin: 2px 0 0 0;
  font-family: var(--new-bg-font);
}
.my-journey-redesign-container .journey-path-section .journey-path-header .journey-path-header-right .path-progress-mini {
  display: flex;
  align-items: center;
  gap: 10px;
}
.my-journey-redesign-container .journey-path-section .journey-path-header .journey-path-header-right .path-progress-mini .path-mini-label {
  font-size: 12px;
  font-weight: 600;
  color: var(--new-pera-color, #677e73);
  white-space: nowrap;
}
.my-journey-redesign-container .journey-path-section .journey-path-header .journey-path-header-right .path-progress-mini .path-mini-bar {
  width: 100px;
  height: 7px;
  background: var(--progressbar-bg, #f6f6f4);
  border-radius: 8px;
  overflow: hidden;
}
.my-journey-redesign-container .journey-path-section .journey-path-header .journey-path-header-right .path-progress-mini .path-mini-bar .path-mini-fill {
  height: 100%;
  border-radius: 8px;
  transition: width 0.4s ease;
}
.my-journey-redesign-container .journey-path-section .journey-path-header .journey-path-header-right .path-progress-mini .path-mini-bar .path-mini-fill.theme-accent-green {
  background: var(--green-linear-gredient);
}
.my-journey-redesign-container .journey-path-section .journey-path-header .journey-path-header-right .path-progress-mini .path-mini-bar .path-mini-fill.theme-accent-orange {
  background: var(--orange-linear-gredient);
}
.my-journey-redesign-container .journey-path-section .journey-path-header .journey-path-header-right .path-progress-mini .path-mini-bar .path-mini-fill.theme-accent-cyan {
  background: var(--neon-blue-linear-gredient);
}
.my-journey-redesign-container .journey-path-section .journey-path-header .journey-path-header-right .path-progress-mini .path-mini-bar .path-mini-fill.theme-accent-purple {
  background: var(--sky-linear-gredient);
}
.my-journey-redesign-container .journey-path-section .journey-path-header .journey-path-header-right .path-progress-mini .path-mini-pct {
  font-size: 12px;
  font-weight: 700;
  color: var(--new-mainHeading-color, #222a26);
}
.my-journey-redesign-container .course-card-item .card-image-wrap {
  border-bottom: 4px solid var(--card-accent, var(--card-accent-primary, #8aac39));
}
@keyframes pulse-ring {
  0% {
    transform: scale(0.95);
    opacity: 0.8;
  }
  50% {
    transform: scale(1.15);
    opacity: 1;
  }
  100% {
    transform: scale(0.95);
    opacity: 0.8;
  }
}
.dark-theme .my-journey-redesign-container .journey-card-item {
  background: var(--new-bglight2, rgba(33, 44, 38, 0.5));
  border-color: var(--new-border-color, #212c26);
}
.dark-theme .learner-profile-redesign .profile-main-card,
.dark-theme .learner-profile-redesign .stat-card-item,
.dark-theme .learner-profile-redesign .section-card,
.dark-theme .learner-profile-redesign .rewards-shop-wrapper,
.dark-theme .learner-profile-redesign .site-leaderboard-card,
.dark-theme .learner-profile-redesign .country-leaderboard-card {
  background: var(--new-bglight2, rgba(33, 44, 38, 0.5));
  border-color: var(--new-border-color, #212c26);
}
.dark-theme .learner-profile-redesign .badge-card-item,
.dark-theme .learner-profile-redesign .reward-product-card,
.dark-theme .learner-profile-redesign .leaderboard-site-tag,
.dark-theme .learner-profile-redesign .leaderboard-country-tag {
  background: rgba(255, 255, 255, 0.04);
  border-color: var(--new-border-color, #212c26);
}
.dark-theme .learner-profile-redesign .achievements-section-card .achievements-header-bar {
  border-color: var(--new-border-color, #212c26);
}
.core-university-redesign-container {
}
.core-university-redesign-container .university-hero-banner-card {
  background: var(--welcome-dashboard-bg);
  border: 1px solid var(--new-border-color);
  border-radius: var(--new-border-radius2, 16px);
  padding: 18px 17px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  transition: var(--new-transition);
  flex-direction: row;
  font-family: var(--new-bg-font);
}
@media (max-width: 768px) {
  .core-university-redesign-container .university-hero-banner-card {
    flex-direction: column;
    align-items: flex-start;
  }
}
.core-university-redesign-container .university-hero-banner-card .banner-left-content {
  display: flex;
  align-items: center;
  gap: 16px;
}
.core-university-redesign-container .university-hero-banner-card .banner-left-content .banner-icon-box {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: rgba(138, 172, 57, 0.15);
  color: var(--light-text-green, #8aac39);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  flex-shrink: 0;
}
.core-university-redesign-container .university-hero-banner-card .banner-left-content .banner-icon-box svg {
  width: 19px;
  height: 19px;
  color: var(--light-text-green) !important;
}
.core-university-redesign-container .university-hero-banner-card .banner-left-content .banner-text-details .banner-heading {
  font-size: 14px;
  font-weight: 600;
  color: var(--new-mainHeading-color, #222a26);
  margin: 0 0 3px 0;
}
.core-university-redesign-container .university-hero-banner-card .banner-left-content .banner-text-details .banner-subtext {
  font-size: 12px;
  color: var(--new-pera-color, #677e73);
  margin: 0;
}
.core-university-redesign-container .university-hero-banner-card .banner-right-content .banner-courses-pill {
  background: var(--bg-background);
  border: 1px solid rgba(138, 172, 57, 0.3);
  color: var(--light-text-green, #8aac39);
  font-size: 12px;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 20px;
  white-space: nowrap;
  display: inline-block;
}
.core-university-redesign-container .university-courses-grid .university-card-item {
  background: var(--bg-background, #ffffff);
  border: 1px solid var(--new-border-color, #e7e9e2);
  border-radius: 16px;
  padding: 0px;
  height: 100%;
  display: flex;
  flex-direction: column;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  position: relative;
  overflow: hidden;
  font-family: var(--new-bg-font);
}
.core-university-redesign-container .university-courses-grid .university-card-item .item-university-card {
  padding: 20px 15px;
}
.core-university-redesign-container .university-courses-grid .university-card-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08);
}
.core-university-redesign-container .university-courses-grid .university-card-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 5px;
  background: var(--card-accent-primary, #8aac39);
  border-radius: 16px 16px 0 0;
}
.core-university-redesign-container .university-courses-grid .university-card-item.theme-accent-green {
  --card-accent-primary: #8aac39;
  --card-accent-bg-soft: rgba(138, 172, 57, 0.12);
  --card-accent-border-soft: rgba(138, 172, 57, 0.25);
  --card-btn-bg: #8aac39;
  --card-btn-hover: #729227;
}
.core-university-redesign-container .university-courses-grid .university-card-item.theme-accent-orange {
  --card-accent-primary: #f97316;
  --card-accent-bg-soft: rgba(249, 115, 22, 0.12);
  --card-accent-border-soft: rgba(249, 115, 22, 0.25);
  --card-btn-bg: #f97316;
  --card-btn-hover: #ea580c;
}
.core-university-redesign-container .university-courses-grid .university-card-item.theme-accent-cyan {
  --card-accent-primary: #06b6d4;
  --card-accent-bg-soft: rgba(6, 182, 212, 0.12);
  --card-accent-border-soft: rgba(6, 182, 212, 0.25);
  --card-btn-bg: #06b6d4;
  --card-btn-hover: #0891b2;
}
.core-university-redesign-container .university-courses-grid .university-card-item.theme-accent-purple {
  --card-accent-primary: #8b5cf6;
  --card-accent-bg-soft: rgba(139, 92, 246, 0.12);
  --card-accent-border-soft: rgba(139, 92, 246, 0.25);
  --card-btn-bg: #8b5cf6;
  --card-btn-hover: #7c3aed;
}
.core-university-redesign-container .university-courses-grid .university-card-item .card-header-meta-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 12px;
}
.core-university-redesign-container .university-courses-grid .university-card-item .card-header-meta-row .category-tag-pill {
  background: var(--card-accent-bg-soft);
  border: 1px solid var(--card-accent-border-soft);
  color: var(--card-accent-primary);
  font-size: 10.5px;
  font-weight: 700;
  padding: 3px 12px;
  border-radius: 12px;
  text-transform: capitalize;
  letter-spacing: 0;
  font-family: var(--new-bg-font);
}
.core-university-redesign-container .university-courses-grid .university-card-item .card-header-meta-row .points-tag-pill {
  background: rgba(245, 158, 11, 0.12);
  border: 1px solid rgba(245, 158, 11, 0.3);
  color: #d97706;
  font-size: 11px;
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.core-university-redesign-container .university-courses-grid .university-card-item .card-header-meta-row .points-tag-pill i {
  font-size: 13px;
}
.core-university-redesign-container .university-courses-grid .university-card-item .course-card-title {
  font-size: 16px;
  font-weight: 700;
  color: var(--new-mainHeading-color, #222a26);
  margin: 0 0 10px 0;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.core-university-redesign-container .university-courses-grid .university-card-item .course-card-desc {
  font-size: 13px;
  color: var(--new-pera-color, #677e73);
  margin: 0 0 18px 0;
  line-height: 1.5;
  flex: 1;
  max-height: 140px;
  overflow-y: auto;
}
.core-university-redesign-container .university-courses-grid .university-card-item .course-card-desc::-webkit-scrollbar {
  width: 4px;
}
.core-university-redesign-container .university-courses-grid .university-card-item .course-card-desc::-webkit-scrollbar-thumb {
  background: rgba(150, 150, 150, 0.2);
  border-radius: 4px;
}
.core-university-redesign-container .university-courses-grid .university-card-item .course-card-desc p,
.core-university-redesign-container .university-courses-grid .university-card-item .course-card-desc ul,
.core-university-redesign-container .university-courses-grid .university-card-item .course-card-desc ol,
.core-university-redesign-container .university-courses-grid .university-card-item .course-card-desc li {
  margin: 0 0 6px 0;
  color: inherit;
  font-size: inherit;
}
.core-university-redesign-container .university-courses-grid .university-card-item .university-action-btn {
  width: 100%;
  background: var(--card-btn-bg, var(--card-accent-primary, #8aac39));
  color: #000000;
  border: none;
  padding: 10px 18px;
  border-radius: 0px 0px 0px 0px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: all 0.25s ease;
  margin-top: auto;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  font-family: var(--new-bg-font);
}
.core-university-redesign-container .university-courses-grid .university-card-item .university-action-btn:hover:not(:disabled) {
  background: var(--card-btn-hover, var(--card-accent-hover, #729227));
  color: #000000;
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.14);
}
.core-university-redesign-container .university-courses-grid .university-card-item .university-action-btn i,
.core-university-redesign-container .university-courses-grid .university-card-item .university-action-btn span,
.core-university-redesign-container .university-courses-grid .university-card-item .university-action-btn svg {
  color: #000000;
  font-weight: 700;
}
.core-university-redesign-container .university-courses-grid .university-card-item .university-action-btn.completed-btn {
  background: rgba(138, 172, 57, 0.15);
  color: var(--light-text-green, #8aac39);
  border: 1px solid rgba(138, 172, 57, 0.3);
  box-shadow: none;
}
.core-university-redesign-container .university-courses-grid .university-card-item .university-action-btn.completed-btn i,
.core-university-redesign-container .university-courses-grid .university-card-item .university-action-btn.completed-btn span,
.core-university-redesign-container .university-courses-grid .university-card-item .university-action-btn.completed-btn svg {
  color: var(--light-text-green, #8aac39);
}
.core-university-redesign-container .university-courses-grid .university-card-item .university-action-btn.assigned-btn {
  background: rgba(6, 182, 212, 0.15);
  color: #06b6d4;
  border: 1px solid rgba(6, 182, 212, 0.3);
  box-shadow: none;
}
.core-university-redesign-container .university-courses-grid .university-card-item .university-action-btn.assigned-btn i,
.core-university-redesign-container .university-courses-grid .university-card-item .university-action-btn.assigned-btn span,
.core-university-redesign-container .university-courses-grid .university-card-item .university-action-btn.assigned-btn svg {
  color: #06b6d4;
}
.core-university-redesign-container .university-courses-grid .university-card-item .university-action-btn.locked-btn {
  background: var(--new-bglight2, #f1f3f0);
  color: var(--new-pera-color, #94a3b8);
  border: 1px solid var(--new-border-color, #e2e8f0);
  cursor: not-allowed;
  box-shadow: none;
}
.core-university-redesign-container .university-courses-grid .university-card-item .university-action-btn.locked-btn i,
.core-university-redesign-container .university-courses-grid .university-card-item .university-action-btn.locked-btn span,
.core-university-redesign-container .university-courses-grid .university-card-item .university-action-btn.locked-btn svg {
  color: var(--new-pera-color, #94a3b8);
}
.core-university-redesign-container .university-courses-grid .university-card-item .university-action-btn i {
  font-size: 16px;
}
.core-university-redesign-container .university-end-note p {
  font-size: 13.5px;
  font-weight: 500;
  color: var(--new-pera-color, #677e73);
  margin: 0;
}
.create-cours-top {
  margin-bottom: 22px;
  padding: 0px 24px;
  height: 68px;
  border-top-left-radius: var(--new-border-radius, 8px);
  border-top-right-radius: var(--new-border-radius, 8px);
  background: var(--light-text-green);
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: var(--new-bg-font);
}
.create-cours-top .create-cours-headng h3 {
  font-size: 18px;
  font-weight: 700;
  text-transform: capitalize;
  color: var(--white);
  margin-bottom: 0px;
}
.create-cours-top .preview-btnn-creatCours {
  display: flex;
  align-items: center;
  gap: 10px;
}
.create-cours-top .preview-btnn-creatCours .layout-heading {
  font-weight: 600;
  font-size: 15px;
  display: inline-block;
  text-transform: capitalize;
  color: var(--white);
  margin-bottom: 0px;
  cursor: pointer;
}
.create-cours-top .preview-btnn-creatCours .breadcrumb-menu {
  margin: 0;
  padding: 0;
}
.create-cours-top .preview-btnn-creatCours .breadcrumb-menu li {
  list-style: none;
}
.create-cours-top .preview-btnn-creatCours .breadcrumb-menu li a {
  color: var(--white);
  font-size: 18px;
  padding: 4px 8px;
  border-radius: var(--new-border-radius, 8px);
  border: 0.3px solid rgba(255, 255, 255, 0.4);
  transition: var(--new-transition, all 0.3s ease);
  backdrop-filter: blur(27px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.create-cours-top .preview-btnn-creatCours .breadcrumb-menu li a:hover {
  text-decoration: none;
  background-color: var(--white);
  color: var(--new-main-color, var(--theme-green));
}
.create-cours-top .breadcrumb-layout {
  display: flex;
  align-items: center;
  gap: 10px;
}
.create-cours-top .breadcrumb-layout .layout-heading {
  font-weight: 600;
  display: inline-block;
  font-size: 15px;
  text-transform: capitalize;
  color: var(--white);
  margin-bottom: 0px;
}
.create-cours-top .breadcrumb-layout .breadcrumb-menu {
  padding: 0;
  margin: 0;
  display: flex;
  gap: 12px;
  margin-bottom: 0px;
}
.create-cours-top .breadcrumb-layout .breadcrumb-menu li {
  list-style: none;
  text-decoration: none;
}
.create-cours-top .breadcrumb-layout .breadcrumb-menu li a {
  color: var(--white);
  font-size: 18px;
  padding: 4px 8px;
  border-radius: var(--new-border-radius, 8px);
  border: 0.3px solid rgba(255, 255, 255, 0.4);
  transition: var(--new-transition, all 0.3s ease);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.create-cours-top .breadcrumb-layout .breadcrumb-menu li a:hover {
  text-decoration: none;
  color: var(--new-main-color, var(--theme-green));
  background-color: var(--white);
  border: 0.3px solid transparent;
}
.create-cours-top .breadcrumb-layout .breadcrumb-menu li a.active {
  background-color: var(--white);
  color: var(--new-main-color, var(--theme-green));
  border: 0.3px solid var(--white);
  font-weight: 600;
}
.cours-box-rw {
  height: 94%;
}
.crete-cours-r .form-group .file-btnn,
.crete-cours-r .cours-subtitle .file-btnn {
  position: relative;
  right: 0;
  top: 0;
}
.crete-cours-l {
  background: var(--bg-background);
  border: 1px solid var(--new-border-color);
  border-radius: var(--new-border-radius2, 10px);
  padding: 24px 20px;
  height: auto;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 20px;
  color: var(--new-mainHeading-color);
  font-family: var(--new-bg-font);
}
@media screen and (max-width: 768px) {
  .crete-cours-l {
    margin-bottom: 0px;
  }
}
.crete-cours-l p {
  color: var(--new-mainHeading-color);
  font-size: 1rem;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 24px;
  word-wrap: break-word;
}
.crete-cours-l .add-page-btn {
  display: none;
}
.crete-cours-l .pages-section {
  margin-top: 20px;
  scrollbar-width: thin !important;
  scrollbar-color: var(--new-border-color) var(--bg-background) !important;
}
.crete-cours-l .pages-section::-webkit-scrollbar {
  width: 5px !important;
  height: 5px !important;
}
.crete-cours-l .pages-section::-webkit-scrollbar-button {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}
.crete-cours-l .pages-section::-webkit-scrollbar-track {
  box-shadow: inherit !important;
  background: var(--bg-background) !important;
  border-radius: 0px !important;
}
.crete-cours-l .pages-section::-webkit-scrollbar-thumb {
  background: var(--new-border-color) !important;
  border-radius: 3px !important;
}
.crete-cours-l .pages-section::-webkit-scrollbar-thumb:hover {
  background: var(--new-pera-color) !important;
}
.crete-cours-l .pages-section .pages-title {
  color: var(--new-mainHeading-color, #333);
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 16px;
  text-transform: capitalize;
  letter-spacing: 0.5px;
}
.crete-cours-l .new-page-link {
  display: block;
  color: var(--new-main-color, var(--theme-green));
  text-decoration: none;
  font-weight: 500;
  padding: 8px 12px;
  margin-top: 12px;
  border-radius: var(--new-border-radius, 6px);
  transition: var(--new-transition, all 0.3s ease);
  text-align: center;
  border: 1px dashed var(--new-main-color, var(--theme-green));
  background: transparent;
}
.crete-cours-l .new-page-link:hover {
  background: rgba(124, 159, 46, 0.1);
  color: var(--new-main-color, var(--theme-green));
  text-decoration: none;
  border-color: var(--new-main-color, var(--theme-green));
}
.crete-cours-l .new-page-link.disabled {
  color: var(--new-pera-color, #ccc);
  border-color: var(--new-border-color, #ccc);
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.6;
}
.crete-cours-l .new-page-link.disabled:hover {
  background: transparent;
  color: var(--new-pera-color, #ccc);
  border-color: var(--new-border-color, #ccc);
}
.crete-cours-l .pages-list {
  width: 100%;
}
.crete-cours-l .pages-list .page-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  margin-bottom: 8px;
  cursor: pointer;
  border-radius: var(--new-border-radius, 6px);
  transition: var(--new-transition, all 0.3s ease);
  width: 100%;
  white-space: nowrap;
  background: var(--new-pdropdown-bg, #f8f9fa);
  border: 1px solid var(--new-border-color, transparent);
}
.crete-cours-l .pages-list .page-item .page-content {
  display: flex;
  align-items: center;
  flex: 1;
  min-width: 0;
  overflow: hidden;
  transition: margin-left 0.2s ease;
}
.crete-cours-l .pages-list .page-item .page-content .page-indicator {
  margin-right: 8px;
  color: var(--new-pera-color, #ccc);
  font-size: 1.2rem;
  flex-shrink: 0;
}
.crete-cours-l .pages-list .page-item .page-content .page-number {
  background: var(--new-main-color, var(--theme-green));
  color: var(--white);
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 600;
  margin-right: 8px;
  flex-shrink: 0;
}
.crete-cours-l .pages-list .page-item .page-content .page-title {
  color: var(--new-mainHeading-color, #666);
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 15px;
}
.crete-cours-l .pages-list .page-item .page-item-actions {
  opacity: 0;
  transition: opacity 0.3s ease;
  flex-shrink: 0;
  margin-left: 8px;
}
.crete-cours-l .pages-list .page-item .page-item-actions .btn-copy-page {
  background: rgba(124, 159, 46, 0.15);
  color: var(--new-main-color, #007bff);
  border: 1px solid var(--new-border-color);
  border-radius: 50%;
  width: 22px;
  height: 22px;
  font-size: 11px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--new-transition);
}
.crete-cours-l .pages-list .page-item .page-item-actions .btn-copy-page:hover {
  background: var(--new-main-color, var(--theme-green));
  color: var(--white);
  transform: scale(1.1);
}
.crete-cours-l .pages-list .page-item .page-item-actions .btn-delete-page {
  background: #dc3545;
  color: white;
  border: none;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  font-size: 13px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--new-transition);
}
.crete-cours-l .pages-list .page-item .page-item-actions .btn-delete-page:hover {
  background: #c82333;
  transform: scale(1.1);
}
.crete-cours-l .pages-list .page-item:hover {
  background: var(--new-hover-color, #f8f9fa);
  border-color: var(--new-border-color);
}
.crete-cours-l .pages-list .page-item:hover .page-item-actions {
  opacity: 1;
}
.crete-cours-l .pages-list .page-item:hover .page-handles .drag-handle,
.crete-cours-l .pages-list .page-item:hover .page-handles .btn-copy-page {
  opacity: 1;
}
.crete-cours-l .pages-list .page-item.active {
  background: var(--new-main-color, var(--theme-green)) !important;
  color: var(--white) !important;
  border-color: var(--new-main-color) !important;
}
.crete-cours-l .pages-list .page-item.active .page-content .page-indicator,
.crete-cours-l .pages-list .page-item.active .page-content .page-title {
  color: var(--white) !important;
}
.crete-cours-l .pages-list .page-item.active .page-item-actions {
  opacity: 1;
}
.crete-cours-l .pages-list .page-item.active .page-handles .page-indicator {
  opacity: 0;
}
.crete-cours-l .pages-list .page-item.active .page-handles .drag-handle {
  opacity: 1;
  position: relative;
  left: 0;
  color: var(--white);
}
.crete-cours-l .pages-list .page-item.active .page-handles .btn-copy-page {
  opacity: 1;
  position: relative;
  left: 0;
  color: var(--white);
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.3);
}
.crete-cours-l .pages-list .page-item.active .page-content {
  margin-left: 8px;
}
.crete-cours-l .pages-list .page-item .page-handles {
  display: flex;
  align-items: center;
  gap: 2px;
  flex-shrink: 0;
}
.crete-cours-l .pages-list .page-item .page-handles .page-indicator {
  color: var(--new-pera-color, #ccc);
  font-size: 1rem;
  transition: opacity 0.2s ease;
  margin-right: 4px;
}
.crete-cours-l .pages-list .page-item .page-handles .drag-handle {
  padding: 4px 4px;
  cursor: grab;
  color: var(--new-pera-color, #999);
  opacity: 0;
  position: absolute;
  transition: opacity 0.2s ease;
  display: flex;
  align-items: center;
}
.crete-cours-l .pages-list .page-item .page-handles .drag-handle:active {
  cursor: grabbing;
}
.crete-cours-l .pages-list .page-item .page-handles .drag-handle i {
  font-size: 12px;
}
.crete-cours-l .pages-list .page-item .page-handles .btn-copy-page {
  background: rgba(124, 159, 46, 0.1);
  color: var(--new-main-color, var(--theme-green));
  border: 1px solid var(--new-border-color);
  border-radius: 4px;
  width: 22px;
  height: 22px;
  font-size: 10px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  opacity: 0;
  position: absolute;
  left: 24px;
}
.crete-cours-l .pages-list .page-item .page-handles .btn-copy-page:hover {
  background: var(--new-main-color, var(--theme-green));
  color: white;
  border-color: var(--new-main-color, var(--theme-green));
}
.crete-cours-l .pages-list .page-item:hover .page-handles .page-indicator {
  opacity: 0;
}
.crete-cours-l .pages-list .page-item:hover .page-handles .drag-handle,
.crete-cours-l .pages-list .page-item:hover .page-handles .btn-copy-page {
  opacity: 1;
  position: relative;
  left: 0;
}
.crete-cours-l .pages-list .page-item:hover .page-content {
  margin-left: 8px;
}
.crete-cours-l .pages-list .page-item.cdk-drag-preview {
  box-shadow: var(--box-hover-shadow, 0 4px 8px rgba(0, 0, 0, 0.2));
  background: var(--new-card-bgColor, white);
  border: 1px solid var(--new-border-color, #ddd);
  border-radius: 6px;
  opacity: 0.95;
  transform: rotate(2deg);
}
.crete-cours-l .pages-list .page-item.cdk-drag-placeholder {
  opacity: 0.5;
  background: var(--new-hover-color, #f0f0f0);
  border: 2px dashed var(--new-border-color, #ccc);
}
.crete-cours-l .pages-list .page-item.cdk-drag-animating {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}
.crete-cours-l .pages-list.cdk-drop-list-dragging .page-item:not(.cdk-drag-placeholder) {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}
.crete-cours-l .pages-list .page-item-preview {
  display: flex;
  align-items: center;
  padding: 8px 12px;
  background: var(--new-card-bgColor, white);
  color: var(--new-mainHeading-color);
  border-radius: 6px;
  box-shadow: var(--box-hover-shadow, 0 2px 8px rgba(0, 0, 0, 0.15));
}
.crete-cours-l .pages-list .page-item-preview .page-number {
  background: var(--new-main-color, var(--theme-green));
  color: white;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 600;
  margin-right: 8px;
  flex-shrink: 0;
}
.crete-cours-l .pages-list .page-item-preview .page-indicator {
  margin-right: 8px;
  color: var(--new-main-color, var(--theme-green));
  font-size: 1.2rem;
}
.crete-cours-l .pages-list .page-item-preview .page-title {
  color: var(--new-mainHeading-color, #333);
  font-weight: 500;
}
.course-content {
  background: var(--bg-background);
  border: 1px solid var(--new-border-color);
  border-radius: var(--new-border-radius2, 10px);
  padding: 24px 20px;
  height: auto;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 20px;
  color: var(--new-mainHeading-color);
  font-family: var(--new-bg-font);
}
.crete-cours-r {
  background: var(--new-bg-background);
  border: 1px solid var(--new-border-color);
  border-radius: var(--new-border-radius2, 10px);
  padding: 24px 20px;
  color: var(--new-mainHeading-color);
  font-family: var(--new-bg-font);
}
.breadcrumb-nav {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  border-bottom: 2px solid var(--new-border-color, #f0f0f0);
}
.breadcrumb-nav .nav-item {
  border-radius: 25px;
  cursor: pointer;
  transition: var(--new-transition);
  padding: 6px 0px;
  font-family: var(--new-bg-font);
}
.breadcrumb-nav .nav-item .nav-label {
  font-weight: 600;
  color: var(--new-pera-color, #666);
}
.breadcrumb-nav .nav-item.active .nav-label {
  color: var(--new-mainHeading-color);
}
.breadcrumb-nav .nav-arrow {
  margin: 0 15px;
  color: var(--new-pera-color, #ccc);
  font-weight: bold;
}
.breadcrumb-nav.multi-navigation {
  flex-wrap: wrap;
  gap: 4px;
}
.form-group,
.cours-subtitle {
  margin-bottom: 20px;
}
.form-group label,
.cours-subtitle label {
  display: block;
  color: var(--new-mainHeading-color, #333333);
  margin-bottom: 6px;
  font-size: 1rem;
  font-weight: 600;
  text-transform: capitalize;
}
.form-group label .required-asterisk,
.cours-subtitle label .required-asterisk {
  color: #dc3545;
  font-weight: bold;
  margin-left: 2px;
}
.form-group input[type=text],
.cours-subtitle input[type=text],
.form-group input[type=number],
.cours-subtitle input[type=number],
.form-group textarea,
.cours-subtitle textarea,
.form-group select,
.cours-subtitle select,
.form-group .create-courseTittle,
.cours-subtitle .create-courseTittle,
.form-group .create-CoursePoints,
.cours-subtitle .create-CoursePoints,
.form-group .page_subtitle,
.cours-subtitle .page_subtitle {
  width: 100%;
  padding: 12px 16px;
  min-height: 44px;
  border: 1px solid var(--new-border-color, #e9e9e9);
  border-radius: var(--new-border-radius, 8px);
  font-size: 0.95rem;
  background: var(--bg-background);
  color: var(--new-mainHeading-color, #333333) !important;
  outline: none;
  transition: var(--new-transition, border-color 0.3s ease);
}
.form-group input[type=text]:focus,
.cours-subtitle input[type=text]:focus,
.form-group input[type=number]:focus,
.cours-subtitle input[type=number]:focus,
.form-group textarea:focus,
.cours-subtitle textarea:focus,
.form-group select:focus,
.cours-subtitle select:focus,
.form-group .create-courseTittle:focus,
.cours-subtitle .create-courseTittle:focus,
.form-group .create-CoursePoints:focus,
.cours-subtitle .create-CoursePoints:focus,
.form-group .page_subtitle:focus,
.cours-subtitle .page_subtitle:focus {
  border-color: var(--new-main-color, var(--theme-green)) !important;
  box-shadow: 0 0 0 3px rgba(124, 159, 46, 0.15) !important;
}
.form-group input[type=text]::placeholder,
.cours-subtitle input[type=text]::placeholder,
.form-group input[type=number]::placeholder,
.cours-subtitle input[type=number]::placeholder,
.form-group textarea::placeholder,
.cours-subtitle textarea::placeholder,
.form-group select::placeholder,
.cours-subtitle select::placeholder,
.form-group .create-courseTittle::placeholder,
.cours-subtitle .create-courseTittle::placeholder,
.form-group .create-CoursePoints::placeholder,
.cours-subtitle .create-CoursePoints::placeholder,
.form-group .page_subtitle::placeholder,
.cours-subtitle .page_subtitle::placeholder {
  color: var(--new-pera-color, #999999);
}
.form-group .text-editor,
.cours-subtitle .text-editor {
  border-radius: var(--new-border-radius, 10px);
  overflow: hidden;
  background-color: var(--new-pdropdown-bg, white);
}
.form-group .error-message,
.cours-subtitle .error-message {
  margin-top: 8px;
  color: #dc3545;
  font-size: 0.875rem;
  font-weight: 500;
}
.form-group .error-message span,
.cours-subtitle .error-message span {
  display: block;
}
.form-group .word-count-info,
.cours-subtitle .word-count-info {
  margin-top: 4px;
  text-align: right;
}
.form-group .word-count-info small,
.cours-subtitle .word-count-info small {
  color: var(--new-pera-color, #666);
  font-size: 0.8rem;
  font-weight: 500;
}
.form-group .page_subtitle,
.cours-subtitle .page_subtitle {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid var(--new-border-color, #e9e9e9);
  border-radius: var(--new-border-radius, 10px);
  font-size: 0.95rem;
  background: var(--new-pdropdown-bg, var(--white)) !important;
  color: var(--new-mainHeading-color, #333) !important;
  outline: none;
  transition: var(--new-transition);
  min-height: 66px;
  overflow-wrap: break-word;
}
.p-editor .p-editor-content .ql-editor,
.p-editor .p-editor-toolbar.ql-snow {
  border: none;
}
.sections-container {
  margin-top: 30px;
}
.sections-container .section-item {
  border-radius: var(--new-border-radius, 8px);
  margin-bottom: 20px;
  overflow: hidden;
  transition: var(--new-transition, all 0.3s ease);
  background: var(--new-bg-background);
  border: 1px solid var(--new-border-color, #e9e9e9);
}
.sections-container .section-item.collapsed .section-header {
  border-bottom: none;
  border-radius: var(--new-border-radius, 8px);
}
.sections-container .section-item .section-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  background: var(--new-bg-background);
  border-radius: var(--new-border-radius, 10px);
  border-bottom: 1px solid var(--new-border-color, #e9e9e9);
}
.sections-container .section-item .section-header .section-title-container {
  flex: 1;
  margin-right: 16px;
  margin-left: 0;
}
.sections-container .section-item .section-header .section-title-container .section-title {
  margin: 0;
  color: var(--new-mainHeading-color, #333);
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  padding: 0px 8px;
  border-radius: 4px;
  transition: background-color 0.3s ease;
  position: relative;
}
.sections-container .section-item .section-header .section-title-container .section-title .edit-icon {
  opacity: 0;
  margin-left: 8px;
  font-size: 0.9rem;
  color: var(--new-pera-color, #666);
  transition: opacity 0.3s ease;
}
.sections-container .section-item .section-header .section-title-container .section-title:hover {
  background: var(--new-bg-background);
}
.sections-container .section-item .section-header .section-title-container .section-title:hover .edit-icon {
  opacity: 1;
}
.sections-container .section-item .section-header .section-title-container .section-title-input {
  width: 100%;
  padding: 4px 8px;
  border: 2px solid var(--new-main-color, var(--theme-green));
  border-radius: 4px;
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--new-mainHeading-color, #333);
  background: var(--new-pdropdown-bg, white);
  outline: none;
}
.sections-container .section-item .section-header .section-title-container .section-title-input:focus {
  box-shadow: 0 0 0 3px rgba(124, 159, 46, 0.2);
}
.sections-container .section-item .section-header .section-actions {
  display: flex;
  gap: 8px;
}
.sections-container .section-item .section-header .section-actions .btn-edit,
.sections-container .section-item .section-header .section-actions .btn-delete,
.sections-container .section-item .section-header .section-actions .btn-collapse {
  padding: 6px 12px;
  border: none;
  border-radius: 4px;
  font-size: 0.85rem;
  cursor: pointer;
  transition: var(--new-transition);
}
.sections-container .section-item .section-header .section-actions .btn-collapse {
  background: var(--buttog-bg-color, #6c757d);
  color: var(--new-mainHeading-color, white);
  border: 1px solid var(--new-border-color);
  padding: 6px 8px;
}
.sections-container .section-item .section-header .section-actions .btn-collapse:hover {
  background: var(--new-hover-color);
}
.sections-container .section-item .section-header .section-actions .btn-collapse i {
  font-size: 0.8rem;
}
.sections-container .section-item .section-header .section-actions .btn-edit {
  background: var(--new-main-color, #007bff);
  color: white;
}
.sections-container .section-item .section-header .section-actions .btn-edit:hover {
  opacity: 0.9;
}
.sections-container .section-item .section-header .section-actions .btn-delete {
  background: #dc3545;
  color: white;
}
.sections-container .section-item .section-header .section-actions .btn-delete:hover {
  background: #c82333;
}
.sections-container .section-item .section-content {
  padding: 16px 20px;
  transition: var(--new-transition, all 0.3s ease);
  overflow: hidden;
}
.sections-container .section-item .section-content.collapsed {
  max-height: 0;
  padding: 0;
  opacity: 0;
}
.sections-container .section-item .section-content .section-body label {
  display: block;
  color: var(--new-mainHeading-color, #333333);
  margin-bottom: 8px;
  font-size: 1rem;
  font-weight: 600;
  text-transform: capitalize;
  margin-top: 10px;
}
.sections-container .section-item .section-drag-handle {
  padding: 8px 4px;
  cursor: grab;
  color: var(--new-pera-color, #999);
  opacity: 0;
  transition: opacity 0.3s ease;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  margin-right: 8px;
}
.sections-container .section-item .section-drag-handle:active {
  cursor: grabbing;
}
.sections-container .section-item .section-drag-handle i {
  font-size: 14px;
}
.sections-container .section-item .section-copy-btn {
  background: rgba(124, 159, 46, 0.1);
  color: var(--new-main-color, var(--theme-green));
  border: 1px solid var(--new-border-color);
  border-radius: 4px;
  width: 24px;
  height: 24px;
  font-size: 12px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  opacity: 0;
  margin-right: 8px;
  flex-shrink: 0;
}
.sections-container .section-item .section-copy-btn:hover {
  background: var(--new-main-color, var(--theme-green));
  color: white;
  border-color: var(--new-main-color, var(--theme-green));
}
.sections-container .section-item .section-order {
  background: var(--new-main-color, var(--theme-green));
  color: white;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 600;
  margin-right: 12px;
  flex-shrink: 0;
}
.sections-container .section-item:hover .section-drag-handle,
.sections-container .section-item:hover .section-copy-btn {
  opacity: 1;
}
.sections-container .section-item.cdk-drag-preview {
  box-shadow: var(--box-hover-shadow, 0 4px 12px rgba(0, 0, 0, 0.15));
  background: var(--new-card-bgColor, white);
  border: 1px solid var(--new-border-color, #ddd);
  color: var(--new-mainHeading-color);
  border-radius: 8px;
  opacity: 0.95;
  transform: rotate(1deg);
}
.sections-container .section-item.cdk-drag-placeholder {
  opacity: 0.4;
  background: var(--new-hover-color, #f8f9fa);
  border: 2px dashed var(--new-border-color, #ccc);
}
.sections-container .section-item.cdk-drag-placeholder .section-content {
  display: none;
}
.sections-container .section-item.cdk-drag-animating {
  transition: transform 300ms cubic-bezier(0, 0, 0.2, 1);
}
.sections-container.cdk-drop-list-dragging .section-item:not(.cdk-drag-placeholder) {
  transition: transform 300ms cubic-bezier(0, 0, 0.2, 1);
}
.sections-container .section-item-preview {
  display: flex;
  align-items: center;
  padding: 12px 16px;
  background: var(--new-card-bgColor, white);
  color: var(--new-mainHeading-color);
  border-radius: 8px;
  box-shadow: var(--box-hover-shadow, 0 4px 12px rgba(0, 0, 0, 0.15));
  border-left: 4px solid var(--new-main-color, var(--theme-green));
}
.sections-container .section-item-preview .section-order {
  background: var(--new-main-color, var(--theme-green));
  color: white;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 600;
  margin-right: 12px;
}
.sections-container .section-item-preview .section-title-preview {
  color: var(--new-mainHeading-color, #333);
  font-weight: 600;
  font-size: 1rem;
}
.sections-container .empty-sections {
  text-align: center;
  padding: 40px 20px;
  color: var(--new-pera-color, #999);
  font-style: italic;
}
.action-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 20px;
  border: none;
  border-radius: var(--new-border-radius, 12px);
  font-family: var(--new-bg-font, "DM Sans", sans-serif);
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  outline: none;
  transition: var(--new-transition, all 0.3s ease);
  text-decoration: none;
  line-height: 1.4;
}
.action-btn:disabled,
.action-btn[disabled] {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}
.action-btn.primary {
  background: var(--light-text-green);
  color: var(--new-theme-hover-text-color);
  box-shadow: 0 2px 6px rgba(107, 134, 45, 0.2);
}
.action-btn.primary:hover:not(:disabled) {
  background: var(--new-main-color);
  opacity: 0.95;
  transform: translateY(-1px);
  box-shadow: 0 4px 14px rgba(124, 159, 46, 0.35);
  color: var(--new-theme-hover-text-color);
}
.action-btn.primary:active:not(:disabled) {
  transform: translateY(0);
}
.action-btn.secondary {
  background: var(--buttog-bg-color, #161d1a);
  border: 1px solid var(--new-border-color);
  color: var(--new-mainHeading-color, white);
}
.action-btn.secondary:hover:not(:disabled) {
  background: var(--new-hover-color);
  border-color: var(--border-hover-color, var(--light-text-green));
  color: var(--new-mainHeading-color, white);
  transform: translateY(-1px);
}
.action-btn.secondary:active:not(:disabled) {
  transform: translateY(0);
}
.nxt-btn,
.bck-btn {
  padding: 10px 28px !important;
}
.button-group-course.button-group-course,
.sdhar-courseButton-Group.button-group-course {
  margin-top: 24px;
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
.button-group-course .add-section-btnGroup,
.sdhar-courseButton-Group .add-section-btnGroup {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.button-group-course .add-section-btnGroup .action-btn,
.sdhar-courseButton-Group .add-section-btnGroup .action-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 600;
  border-radius: var(--new-border-radius, 12px);
}
.button-group-course .save-pg-btn,
.sdhar-courseButton-Group .save-pg-btn {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.button-group-course .save-pg-btn button,
.sdhar-courseButton-Group .save-pg-btn button {
  background: var(--light-text-green);
  color: var(--new-theme-hover-text-color);
  border: none;
  outline: none;
  border-radius: var(--new-border-radius, 12px);
  padding: 10px 22px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-family: var(--new-bg-font, "DM Sans", sans-serif);
  transition: var(--new-transition);
  box-shadow: 0 2px 6px rgba(107, 134, 45, 0.2);
}
.button-group-course .save-pg-btn button:hover:not(:disabled),
.sdhar-courseButton-Group .save-pg-btn button:hover:not(:disabled) {
  background: var(--new-main-color);
  opacity: 0.95;
  transform: translateY(-1px);
  box-shadow: 0 4px 14px rgba(124, 159, 46, 0.35);
}
.button-group-course .save-pg-btn button:disabled,
.sdhar-courseButton-Group .save-pg-btn button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.button-group-course .back-button-group,
.sdhar-courseButton-Group .back-button-group {
  display: flex;
  align-items: center;
}
.button-group-course .right-next-btn-group,
.sdhar-courseButton-Group .right-next-btn-group {
  display: flex;
  align-items: center;
  gap: 12px;
}
.form-actions,
.page-actions {
  margin-top: 30px;
  display: flex;
  gap: 12px;
  justify-content: flex-start;
}
.page-actions {
  justify-content: space-between;
  align-items: center;
  padding-top: 20px;
  border-top: 1px solid var(--new-border-color, #eee);
  flex-wrap: wrap;
  gap: 16px;
}
.next-button {
  outline: none;
  border: none;
  font-size: 16.89px;
  text-transform: capitalize;
  background: var(--new-main-color, #6e9700);
  color: #fff;
  border-radius: var(--new-border-radius, 10px);
  padding: 12px 54px;
}
.next-button:hover {
  opacity: 0.9;
}
.create-cours-main .layout-content {
  padding: 0px 6px;
}
.create-cours-main .layout-content .create-cours-boxs {
  height: 94%;
}
.create-cours-main .layout-content .create-cours-top {
  height: 62px;
  padding: 0px 14px;
}
.create-cours-main .layout-content .create-cours-top .breadcrumb-menu {
  gap: 10px;
}
.create-cours-main .layout-content .create-cours-top .admin-create-cours-right-tooltotip {
  display: flex;
  gap: 25px;
  align-items: center;
}
.page-link {
  display: block;
  padding: 8px 12px;
  margin-bottom: 8px;
  border-radius: var(--new-border-radius, 4px);
  transition: var(--new-transition);
}
.page-link:hover {
  background-color: var(--new-hover-color, #f5f5f5);
  color: var(--new-main-color, var(--theme-green));
}
.page-link.active-page {
  background-color: var(--new-main-color, var(--theme-green));
  color: white;
}
.page-link.edit-course-link {
  border: 1px solid var(--new-main-color, var(--theme-green));
  margin-bottom: 20px;
  text-align: center;
  font-weight: 500;
}
.page-link.add-page-link {
  margin-top: 20px;
  color: var(--new-main-color, var(--theme-green));
  border: 1px dashed var(--new-main-color, var(--theme-green));
  text-align: center;
}
.page-header {
  margin-bottom: 30px;
}
.page-header h4 {
  color: var(--new-main-color, var(--theme-green));
  font-weight: 600;
  margin: 0;
}
.marks-info-parnt {
  display: flex;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
}
.question-section {
  padding-top: 10px;
}
.question-section .section-marks {
  margin-bottom: 20px;
}
.question-section .section-marks label {
  display: block;
  color: var(--new-mainHeading-color, #333);
  margin-bottom: 8px;
  font-size: 0.95rem;
  font-weight: 600;
}
.question-section .section-marks input {
  width: 120px;
  padding: 8px 12px;
  border: 1px solid var(--new-border-color, #e9e9e9);
  border-radius: var(--new-border-radius);
  font-size: 0.95rem;
  background: var(--new-pdropdown-bg, white) !important;
  color: var(--new-mainHeading-color, #333) !important;
  outline: none;
  transition: var(--new-transition);
}
.question-section .section-marks input:focus {
  border-color: var(--new-main-color, var(--theme-green)) !important;
  box-shadow: 0 0 0 3px rgba(124, 159, 46, 0.1) !important;
}
.question-section .section-marks .test-type-dropdown {
  width: 160px;
  padding: 8px 12px;
  border: 1px solid var(--new-border-color, #e9e9e9);
  border-radius: 6px;
  font-size: 0.95rem;
  background: var(--new-pdropdown-bg, white) !important;
  color: var(--new-mainHeading-color, #333) !important;
  outline: none;
  cursor: pointer;
  transition: var(--new-transition);
}
.question-section .section-marks .test-type-dropdown:focus {
  border-color: var(--new-main-color, var(--theme-green)) !important;
  box-shadow: 0 0 0 3px rgba(124, 159, 46, 0.1) !important;
}
.question-section .section-marks .test-type-dropdown option {
  padding: 8px 12px;
  background: var(--new-pdropdown-bg, white);
  color: var(--new-mainHeading-color, #333);
}
.question-section .questions-container {
  margin-bottom: 20px;
}
.question-section .questions-container .question-item {
  border: 1px solid var(--new-border-color, #e9e9e9);
  border-radius: var(--new-border-radius, 8px);
  margin-bottom: 16px;
  background: var(--new-bg-background2);
  overflow: hidden;
  transition: var(--new-transition);
}
.question-section .questions-container .question-item.collapsed .question-header {
  border-bottom: none;
  border-radius: var(--new-border-radius, 8px);
}
.question-section .questions-container .question-item .question-header {
  display: flex;
  align-items: center;
  padding: 12px 16px;
  background: var(--table-header-bg, #f8f9fa);
  border-bottom: 1px solid var(--new-border-color, #e9e9e9);
}
.question-section .questions-container .question-item .question-header .question-drag-handle {
  padding: 4px 8px;
  cursor: grab;
  color: var(--new-pera-color, #999);
  opacity: 0.7;
  transition: opacity 0.3s ease;
  margin-right: 8px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.question-section .questions-container .question-item .question-header .question-drag-handle:active {
  cursor: grabbing;
}
.question-section .questions-container .question-item .question-header .question-drag-handle:hover {
  opacity: 1;
  color: var(--new-mainHeading-color);
}
.question-section .questions-container .question-item .question-header .question-drag-handle i {
  font-size: 14px;
}
.question-section .questions-container .question-item .question-header .question-number {
  background: var(--new-main-color, var(--theme-green));
  color: var(--white);
  border-radius: 50%;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 600;
  margin-right: 12px;
  flex-shrink: 0;
}
.question-section .questions-container .question-item .question-header .question-actions {
  margin-left: auto;
  display: flex;
  gap: 8px;
}
.question-section .questions-container .question-item .question-header .question-actions .btn-collapse-question,
.question-section .questions-container .question-item .question-header .question-actions .btn-delete-question {
  border: none;
  border-radius: 4px;
  width: 28px;
  height: 28px;
  font-size: 12px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--new-transition);
}
.question-section .questions-container .question-item .question-header .question-actions .btn-collapse-question {
  background: var(--buttog-bg-color, #6c757d);
  color: var(--new-mainHeading-color, white);
  border: 1px solid var(--new-border-color);
}
.question-section .questions-container .question-item .question-header .question-actions .btn-collapse-question:hover {
  background: var(--new-hover-color);
}
.question-section .questions-container .question-item .question-header .question-actions .btn-collapse-question i {
  font-size: 10px;
}
.question-section .questions-container .question-item .question-header .question-actions .btn-delete-question {
  background: #dc3545;
  color: white;
}
.question-section .questions-container .question-item .question-header .question-actions .btn-delete-question:hover {
  background: #c82333;
}
.question-section .questions-container .question-item .question-content {
  padding: 16px 20px;
  transition: var(--new-transition);
  overflow: hidden;
}
.question-section .questions-container .question-item .question-content.collapsed {
  max-height: 0;
  padding: 0 20px;
  opacity: 0;
}
.question-section .questions-container .question-item .question-content .question-text-group,
.question-section .questions-container .question-item .question-content .answer-type-group {
  margin-bottom: 16px;
}
.question-section .questions-container .question-item .question-content .question-text-group label,
.question-section .questions-container .question-item .question-content .answer-type-group label {
  display: block;
  color: var(--new-mainHeading-color, #333);
  margin-bottom: 8px;
  font-size: 0.9rem;
  font-weight: 600;
}
.question-section .questions-container .question-item .question-content .question-text-group textarea,
.question-section .questions-container .question-item .question-content .question-text-group select,
.question-section .questions-container .question-item .question-content .answer-type-group textarea,
.question-section .questions-container .question-item .question-content .answer-type-group select {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid var(--new-border-color, #e9e9e9);
  border-radius: var(--new-border-radius);
  font-size: 0.9rem;
  background: var(--new-pdropdown-bg, white) !important;
  color: var(--new-mainHeading-color, #333) !important;
  outline: none;
  transition: var(--new-transition);
}
.question-section .questions-container .question-item .question-content .question-text-group textarea:focus,
.question-section .questions-container .question-item .question-content .question-text-group select:focus,
.question-section .questions-container .question-item .question-content .answer-type-group textarea:focus,
.question-section .questions-container .question-item .question-content .answer-type-group select:focus {
  border-color: var(--new-main-color, var(--theme-green)) !important;
  box-shadow: 0 0 0 3px rgba(124, 159, 46, 0.1) !important;
}
.question-section .questions-container .question-item .question-content .question-text-group textarea,
.question-section .questions-container .question-item .question-content .answer-type-group textarea {
  resize: vertical;
  min-height: 80px;
}
.question-section .questions-container .question-item .question-content .question-text-group select,
.question-section .questions-container .question-item .question-content .answer-type-group select {
  cursor: pointer;
}
.question-section .questions-container .question-item .question-content .options-container label {
  display: block;
  color: var(--new-mainHeading-color, #333);
  margin-bottom: 12px;
  font-size: 0.9rem;
  font-weight: 600;
}
.question-section .questions-container .question-item .question-content .options-container .option-item {
  margin-bottom: 10px;
}
.question-section .questions-container .question-item .question-content .options-container .option-item .option-content {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  box-sizing: border-box;
}
.question-section .questions-container .question-item .question-content .options-container .option-item .option-content .correct-indicator {
  position: relative;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.question-section .questions-container .question-item .question-content .options-container .option-item .option-content .correct-indicator input[type=radio],
.question-section .questions-container .question-item .question-content .options-container .option-item .option-content .correct-indicator input[type=checkbox] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
}
.question-section .questions-container .question-item .question-content .options-container .option-item .option-content .correct-indicator::before {
  content: "";
  width: 20px;
  height: 20px;
  border: 2px solid var(--new-border-color, #ddd);
  border-radius: 50%;
  background: var(--new-pdropdown-bg, white);
  transition: var(--new-transition);
}
.question-section .questions-container .question-item .question-content .options-container .option-item .option-content .correct-indicator i {
  position: absolute;
  color: white;
  font-size: 12px;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.question-section .questions-container .question-item .question-content .options-container .option-item .option-content .correct-indicator input:checked + i,
.question-section .questions-container .question-item .question-content .options-container .option-item .option-content .correct-indicator:has(input:checked) i {
  opacity: 1;
}
.question-section .questions-container .question-item .question-content .options-container .option-item .option-content .correct-indicator:has(input:checked)::before {
  background: var(--new-main-color, var(--theme-green));
  border-color: var(--new-main-color, var(--theme-green));
}
.question-section .questions-container .question-item .question-content .options-container .option-item .option-content .option-input {
  flex: 1 1 0%;
  min-width: 0;
  width: 100%;
  padding: 8px 12px;
  border: 1px solid var(--new-border-color, #e9e9e9);
  border-radius: 8px;
  font-size: 14px;
  background: var(--new-pdropdown-bg, white) !important;
  color: var(--new-mainHeading-color, #333) !important;
  outline: none;
  transition: var(--new-transition);
  font-family: var(--new-bg-font);
  box-sizing: border-box;
}
.question-section .questions-container .question-item .question-content .options-container .option-item .option-content .option-input:focus {
  border-color: var(--new-main-color, var(--theme-green)) !important;
  box-shadow: 0 0 0 2px rgba(124, 159, 46, 0.1) !important;
}
.question-section .questions-container .question-item .question-content .options-container .option-item .option-content .option-image-upload {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}
.question-section .questions-container .question-item .question-content .options-container .option-item .option-content .option-image-upload .btn-upload-option-image {
  background: var(--light-text-green);
  color: white;
  border: none;
  height: 34px;
  min-width: 36px;
  padding: 4px 10px;
  border-radius: 6px;
  font-size: 12px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: var(--new-transition);
}
.question-section .questions-container .question-item .question-content .options-container .option-item .option-content .option-image-upload .btn-upload-option-image:hover {
  opacity: 0.9;
}
.question-section .questions-container .question-item .question-content .options-container .option-item .option-content .option-image-upload .btn-upload-option-image .upload-btn-icn {
  width: 14px;
  height: 14px;
  display: block;
}
.question-section .questions-container .question-item .question-content .options-container .option-item .option-content .option-image-upload .option-image-display {
  display: inline-flex;
  align-items: center;
  position: relative;
  margin-left: 4px;
  flex-shrink: 0;
}
.question-section .questions-container .question-item .question-content .options-container .option-item .option-content .option-image-upload .option-image-display img {
  width: 50px;
  height: 34px;
  border-radius: 4px;
  border: 1px solid var(--new-border-color, #e9e9e9);
  object-fit: cover;
  cursor: pointer;
  display: block;
}
.question-section .questions-container .question-item .question-content .options-container .option-item .option-content .option-image-upload .option-image-display .btn-remove-option-image {
  position: absolute;
  top: -5px;
  right: -5px;
  background: #dc3545;
  color: white;
  border: none;
  border-radius: 50% !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  padding: 0 !important;
  font-size: 9px !important;
  cursor: pointer;
  display: flex !important;
  align-items: center;
  justify-content: center;
  z-index: 2;
  line-height: 1;
}
.question-section .questions-container .question-item .question-content .options-container .option-item .option-content .option-image-upload .option-image-display .btn-remove-option-image:hover {
  background: #c82333;
}
.question-section .questions-container .question-item .question-content .options-container .option-item .option-content .btn-remove-option {
  background: #dc3545;
  color: white;
  border: none;
  border-radius: 6px;
  width: 30px;
  height: 34px;
  min-width: 30px;
  min-height: 34px;
  padding: 0 !important;
  font-size: 12px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: var(--new-transition);
  flex-shrink: 0;
}
.question-section .questions-container .question-item .question-content .options-container .option-item .option-content .btn-remove-option:hover {
  background: #c82333;
}
.question-section .questions-container .question-item .question-content .options-container .btn-add-option {
  background: var(--light-text-green);
  color: var(--new-theme-hover-text-color);
  border: none;
  border-radius: 10px;
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 10px;
  transition: var(--new-transition);
  font-family: var(--new-bg-font);
}
.question-section .questions-container .question-item .question-content .options-container .btn-add-option:hover {
  opacity: 0.9;
  transform: translateY(-1px);
}
.question-section .questions-container .question-item.cdk-drag-preview {
  box-shadow: var(--box-hover-shadow, 0 4px 12px rgba(0, 0, 0, 0.15));
  background: var(--new-card-bgColor, white);
  color: var(--new-mainHeading-color);
  border: 1px solid var(--new-border-color, #ddd);
  border-radius: 8px;
  opacity: 0.95;
  transform: rotate(1deg);
}
.question-section .questions-container .question-item.cdk-drag-placeholder {
  opacity: 0.4;
  background: var(--new-hover-color, #f8f9fa);
  border: 2px dashed var(--new-border-color, #ccc);
}
.question-section .questions-container .question-item.cdk-drag-placeholder .question-content {
  display: none;
}
.question-section .add-question-action {
  text-align: center;
  padding-top: 16px;
  border-top: 1px solid var(--new-border-color, #e9e9e9);
}
.question-section .add-question-action .btn-add-question {
  background: var(--light-text-green);
  color: var(--new-theme-hover-text-color);
  border: none;
  border-radius: 12px;
  padding: 9px 16px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: var(--new-transition);
}
.question-section .add-question-action .btn-add-question:hover {
  opacity: 0.9;
  transform: translateY(-1px);
}
.save-pg-btn {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.save-pg-btn.rest-save-btn {
  justify-content: space-between;
}
.save-pg-btn button {
  font-size: 14px;
  color: var(--new-theme-hover-text-color);
  padding: 10px 22px;
  text-transform: capitalize;
  outline: none;
  background: var(--light-text-green);
  border: none;
  border-radius: var(--new-border-radius, 12px);
  font-weight: 600;
  cursor: pointer;
  font-family: var(--new-bg-font, "DM Sans", sans-serif);
  transition: var(--new-transition, all 0.3s ease);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  box-shadow: 0 2px 6px rgba(107, 134, 45, 0.2);
}
.save-pg-btn button:hover:not(:disabled) {
  background: var(--new-main-color);
  opacity: 0.95;
  transform: translateY(-1px);
  box-shadow: 0 4px 14px rgba(124, 159, 46, 0.35);
}
.save-pg-btn button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.hotspot-container {
  margin-bottom: 20px;
}
.hotspot-container label {
  display: block;
  color: var(--new-mainHeading-color, #333);
  margin-bottom: 12px;
  font-size: 0.9rem;
  font-weight: 600;
}
.hotspot-container .hotspot-image-container {
  position: relative;
  display: inline-block;
  border: 2px solid var(--new-border-color, #ddd);
  border-radius: 8px;
  margin: 10px 0;
  overflow: hidden;
  -webkit-user-select: none;
  user-select: none;
}
.hotspot-container .hotspot-image-container img {
  display: block;
  max-width: 500px;
  max-height: 400px;
  cursor: crosshair;
}
.hotspot-container .hotspot-image-container .hotspot-area {
  position: absolute;
  border: 2px solid var(--new-main-color, #007bff);
  background: rgba(124, 159, 46, 0.2);
  cursor: pointer;
  transition: var(--new-transition);
}
.hotspot-container .hotspot-image-container .hotspot-area.correct-hotspot {
  border-color: #28a745;
  background: rgba(40, 167, 69, 0.2);
}
.hotspot-container .hotspot-list {
  margin-top: 15px;
}
.hotspot-container .hotspot-list .hotspot-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px;
  border: 1px solid var(--new-border-color, #ddd);
  margin: 5px 0;
  border-radius: 4px;
  background: var(--new-bg-background);
  color: var(--new-mainHeading-color);
  transition: var(--new-transition);
}
.hotspot-container .hotspot-list .hotspot-item:hover {
  background: var(--new-hover-color, #f8f9fa);
  border-color: var(--new-main-color);
}
.hotspot-container .hotspot-list .hotspot-item span {
  flex: 1;
  font-weight: 500;
  color: var(--new-mainHeading-color, #333);
}
.hotspot-container .hotspot-list .hotspot-item small {
  color: var(--new-pera-color, #666);
  font-size: 0.8rem;
}
.hotspot-container .hotspot-instructions {
  margin: 10px 0;
  padding: 10px;
  background: var(--new-hover-color, #f8f9fa);
  border-radius: 4px;
  font-size: 14px;
  color: var(--new-pera-color, #666);
  border-left: 4px solid var(--new-main-color, var(--theme-green));
}
.hotspot-container .hotspot-instructions strong {
  color: var(--new-mainHeading-color, #333);
}
.universe-checkbox .checkbox-container {
  display: inline-block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  user-select: none;
  color: var(--new-mainHeading-color);
}
.universe-checkbox .custom-checkbox {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.universe-checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: var(--new-pdropdown-bg, white);
  border-radius: 4px;
  border: 1px solid var(--new-border-color, #e9e9e9);
  transition: background-color 0.3s;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.089);
}
.universe-checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}
.universe-checkbox .custom-checkbox:checked ~ .checkmark {
  background-color: var(--new-main-color, var(--theme-green));
  box-shadow: 0 3px 7px rgba(124, 159, 46, 0.3);
}
.universe-checkbox .custom-checkbox:checked ~ .checkmark:after {
  display: block;
}
.copy-page-modal .form-group,
.copy-page-modal .cours-subtitle {
  margin-bottom: 16px;
}
.copy-page-modal .form-group > label,
.copy-page-modal .cours-subtitle > label {
  display: block;
  font-weight: 600;
  margin-bottom: 8px;
  color: var(--new-mainHeading-color, #333);
}
.copy-page-modal .source-page-info {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px;
  background: var(--new-hover-color, #f8f9fa);
  border-radius: 6px;
  border: 1px solid var(--new-border-color, #e9ecef);
}
.copy-page-modal .source-page-info i {
  color: var(--new-main-color, var(--theme-green));
  font-size: 16px;
}
.copy-page-modal .source-page-info span {
  font-weight: 500;
  color: var(--new-mainHeading-color, #333);
}
.copy-page-modal .position-options {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.copy-page-modal .position-options .position-option {
  display: flex;
  align-items: center;
  gap: 8px;
}
.copy-page-modal .position-options .position-option .option-label {
  color: var(--new-mainHeading-color, #333);
  font-size: 14px;
  cursor: pointer;
}
.copy-page-modal .help-text {
  display: block;
  margin-top: 6px;
  color: var(--new-pera-color, #6c757d);
  font-size: 12px;
}
.certificate-container {
  margin: 0 auto;
  font-family: var(--new-bg-font, "DM Sans", sans-serif);
  color: var(--new-mainHeading-color);
  transition: var(--new-transition, all 300ms ease-in-out);
}
.certificate-form {
  background: var(--bg-background);
  padding: 28px 30px;
  border-radius: var(--new-border-radius2, 16px);
  margin-bottom: 30px;
  border: 1px solid var(--new-border-color);
  transition: var(--new-transition, all 300ms ease-in-out);
}
.certificate-form h2 {
  color: var(--new-mainHeading-color);
  font-family: var(--new-bg-font, "DM Sans", sans-serif);
  margin-bottom: 24px;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.3px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--new-border-color);
  transition: var(--new-transition, all 300ms ease-in-out);
}
@media screen and (max-width: 575px) {
  .certificate-form h2 {
    font-size: 20px;
  }
}
.certificates-display {
  background: var(--bg-background);
  padding: 28px 30px;
  border-radius: var(--new-border-radius2, 16px);
  box-shadow: var(--box-hover-shadow, 0px 4px 20px rgba(0, 0, 0, 0.04));
  border: 1px solid var(--new-border-color);
  margin-bottom: 20px;
  transition: var(--new-transition, all 300ms ease-in-out);
}
.certificates-display h2 {
  color: var(--new-mainHeading-color);
  font-family: var(--new-bg-font, "DM Sans", sans-serif);
  margin-bottom: 24px;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.3px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--new-border-color);
  transition: var(--new-transition, all 300ms ease-in-out);
}
@media screen and (max-width: 575px) {
  .certificates-display h2 {
    font-size: 20px;
  }
}
.certificates-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.certificate-card {
  background: var(--bg-background);
  border: 1px solid var(--new-border-color);
  border-radius: var(--new-border-radius, 12px);
  overflow: hidden;
  transition: var(--new-transition, all 300ms ease-in-out);
  padding: 14px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.certificate-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--box-hover-shadow, 0 10px 25px rgba(124, 159, 46, 0.15));
  border-color: var(--new-main-color, #7c9f2e);
}
.certificate-preview {
  background:
    linear-gradient(
      135deg,
      var(--new-pdropdown-bg) 0%,
      var(--new-hover-color) 100%);
  padding: 24px 20px;
  text-align: start;
  color: var(--new-mainHeading-color);
  position: relative;
  min-height: 120px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: var(--new-border-radius, 10px);
  border: 1px solid var(--new-border-color);
  overflow: hidden;
  transition: var(--new-transition, all 300ms ease-in-out);
}
.certificate-preview .certificate-content {
  width: 100%;
}
.certificate-preview .certificate-content h3 {
  margin: 0 0 8px 0;
  font-size: 16px;
  font-weight: 600;
  color: var(--new-mainHeading-color);
  text-transform: capitalize;
  line-height: 1.3;
  font-family: var(--new-bg-font, "DM Sans", sans-serif);
}
.certificate-preview .certificate-content p {
  margin: 0;
  color: var(--new-pera-color);
  font-size: 13px;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 90%;
}
.certificate-preview .certificate-content .certificate-bg {
  position: absolute;
  top: -20px;
  right: -10px;
  font-size: 64px;
  opacity: 0.12;
  color: var(--new-mainHeading-color);
  pointer-events: none;
}
.certificate-actions {
  padding-top: 14px;
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
}
.certificate-actions button {
  flex: 1;
  height: 38px !important;
  font-size: 12px !important;
  font-weight: 600;
  font-family: var(--new-bg-font, "DM Sans", sans-serif);
  border: none;
  border-radius: var(--new-border-radius, 6px);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  transition: var(--new-transition, all 200ms ease-in-out);
}
.certificate-actions .view-btn {
  background: var(--new-pdropdown-bg);
  color: var(--new-mainHeading-color);
  border: 1px solid var(--new-border-color);
}
.certificate-actions .view-btn:hover {
  background: var(--new-hover-color);
  color: var(--light-text-green);
}
.certificate-actions .edit-btn {
  background: var(--new-main-color, #7c9f2e);
  color: #ffffff;
}
.certificate-actions .edit-btn:hover:not(:disabled) {
  background: var(--new-bg-light-background, #6b862d);
  transform: translateY(-1px);
}
.certificate-actions .edit-btn:disabled {
  opacity: 0.65;
}
.certificate-actions .duplicate-btn {
  background: #6f42c1;
  color: #ffffff;
}
.certificate-actions .duplicate-btn:hover:not(:disabled) {
  background: #5a32a3;
  transform: translateY(-1px);
}
.certificate-actions .duplicate-btn:disabled {
  opacity: 0.65;
  cursor: not-allowed;
}
.certificate-actions .delete-btn {
  background: #e5484d;
  color: #ffffff;
}
.certificate-actions .delete-btn:hover {
  background: #c82333;
  transform: translateY(-1px);
}
.dup-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 22px;
  border-bottom: 1px solid var(--new-border-color);
  background: var(--new-pdropdown-bg);
}
.dup-modal-header h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: var(--new-mainHeading-color);
  font-family: var(--new-bg-font, "DM Sans", sans-serif);
}
.dup-modal-header h3 i {
  color: #6f42c1;
  margin-right: 8px;
}
.dup-close-btn {
  background: none;
  border: none;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 15px;
  color: var(--new-pera-color);
  transition: var(--new-transition, all 200ms ease-in-out);
}
.dup-close-btn:hover {
  background: var(--new-hover-color);
  color: #6f42c1;
}
.dup-modal-body {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  background: var(--bg-background);
}
.dup-search-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 18px;
  border-bottom: 1px solid var(--new-border-color);
  background: var(--bg-background);
}
.dup-search-wrap i {
  color: var(--new-pera-color);
  font-size: 14px;
}
.dup-search-wrap .dup-search {
  flex: 1;
  border: 1px solid var(--new-border-color);
  border-radius: var(--new-border-radius, 8px);
  padding: 8px 12px;
  font-size: 14px;
  font-family: var(--new-bg-font, "DM Sans", sans-serif);
  background: var(--bg-background);
  color: var(--new-mainHeading-color);
  outline: none;
  height: 40px;
  transition: var(--new-transition, all 200ms ease-in-out);
}
.dup-search-wrap .dup-search:focus {
  border-color: #6f42c1;
  box-shadow: 0 0 0 3px rgba(111, 66, 193, 0.15);
}
.dup-course-list {
  overflow-y: auto;
  flex: 1;
  padding: 6px 0;
}
.dup-course-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 20px;
  cursor: pointer;
  transition: var(--new-transition, all 200ms ease-in-out);
  border-bottom: 1px solid var(--new-border-color);
}
.dup-course-item:last-child {
  border-bottom: none;
}
.dup-course-item:hover {
  background: var(--new-hover-color);
}
.dup-course-item:hover .dup-course-title {
  color: var(--light-text-green);
}
.dup-course-item:hover .dup-arrow {
  opacity: 1;
  color: #6f42c1;
}
.dup-course-item .dup-course-icon {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(111, 66, 193, 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.dup-course-item .dup-course-icon i {
  color: #6f42c1;
  font-size: 14px;
}
.dup-course-item .dup-course-title {
  flex: 1;
  font-size: 14px;
  color: var(--new-mainHeading-color);
  font-weight: 500;
  font-family: var(--new-bg-font, "DM Sans", sans-serif);
}
.dup-course-item .dup-arrow {
  font-size: 12px;
  color: var(--new-pera-color);
  opacity: 0.4;
  transition: opacity 0.2s;
}
.dup-no-result,
.dup-empty {
  text-align: center;
  padding: 36px 20px;
  color: var(--new-pera-color);
  font-size: 14px;
  font-family: var(--new-bg-font, "DM Sans", sans-serif);
}
.dup-no-result i,
.dup-empty i {
  font-size: 44px;
  color: #6f42c1;
  opacity: 0.4;
  display: block;
  margin-bottom: 12px;
}
.dup-no-result p,
.dup-empty p {
  margin: 0;
}
.pdf-modal {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(6px);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10000;
  animation: fadeIn 0.2s ease;
}
.pdf-modal-content {
  background: var(--bg-background);
  border: 1px solid var(--new-border-color);
  border-radius: var(--new-border-radius2, 16px);
  width: 90%;
  max-width: 920px;
  max-height: 90vh;
  overflow: hidden;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.4);
}
.pdf-modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 20px;
  background: var(--new-pdropdown-bg);
  border-bottom: 1px solid var(--new-border-color);
}
.pdf-modal-header h3 {
  margin: 0;
  color: var(--new-mainHeading-color);
  font-size: 18px;
  font-weight: 600;
  font-family: var(--new-bg-font, "DM Sans", sans-serif);
}
.pdf-modal-header .close-btn {
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
  color: var(--new-pera-color);
  line-height: 1;
  transition: color 0.2s;
}
.pdf-modal-header .close-btn:hover {
  color: var(--new-mainHeading-color);
}
.certificate-preview-section {
  background: var(--new-pdropdown-bg);
  border: 1px solid var(--new-border-color);
  border-radius: var(--new-border-radius2, 12px);
  padding: 24px;
  height: 100%;
  min-height: 500px;
  transition: var(--new-transition, all 300ms ease-in-out);
}
.certificate-preview-section h3 {
  font-size: 18px;
  font-weight: 600;
  font-family: var(--new-bg-font, "DM Sans", sans-serif);
  color: var(--new-mainHeading-color);
  margin-bottom: 16px;
  text-align: center;
}
.certificate-preview-section .preview-container {
  background: var(--bg-background);
  border: 2px dashed var(--new-border-color);
  border-radius: var(--new-border-radius, 8px);
  min-height: 420px;
  max-height: 600px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: auto;
  transition: var(--new-transition, all 300ms ease-in-out);
}
.certificate-preview-section .preview-container .no-preview {
  text-align: center;
  color: var(--new-pera-color);
  padding: 40px 20px;
}
.certificate-preview-section .preview-container .no-preview i {
  font-size: 56px;
  margin-bottom: 14px;
  opacity: 0.35;
  color: var(--new-main-color, #7c9f2e);
}
.certificate-preview-section .preview-container .no-preview p {
  font-size: 15px;
  font-weight: 500;
  margin: 0;
  color: var(--new-pera-color);
}
.certificate-preview-section .preview-container .preview-image-wrapper {
  position: relative;
  display: inline-block;
  margin: 12px;
}
.certificate-preview-section .preview-container .preview-image-wrapper .certificate-preview-img {
  display: block;
  width: auto;
  height: auto;
  border-radius: 4px;
}
.certificate-preview-section .preview-container .preview-image-wrapper .dynamic-values-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.certificate-preview-section .preview-container .preview-image-wrapper .dynamic-values-overlay .dynamic-value-item {
  position: absolute;
  color: #000000;
  cursor: move;
  pointer-events: all;
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  padding: 2px 6px;
  margin: 0;
  border: 2px dashed transparent;
  border-radius: 4px;
  transition: border-color 0.2s, background 0.2s;
}
.certificate-preview-section .preview-container .preview-image-wrapper .dynamic-values-overlay .dynamic-value-item:hover {
  border-color: var(--new-main-color, #7c9f2e);
  background: rgba(124, 159, 46, 0.1);
}
.certificate-preview-section .preview-container .preview-image-wrapper .dynamic-values-overlay .dynamic-value-item.selected {
  border-color: var(--new-main-color, #7c9f2e);
  background: rgba(124, 159, 46, 0.18);
  box-shadow: 0 0 0 2px rgba(124, 159, 46, 0.25);
}
.field-controls {
  margin-top: 20px;
  padding: 18px;
  background: var(--bg-background);
  border: 1px solid var(--new-border-color);
  border-radius: var(--new-border-radius, 10px);
  transition: var(--new-transition, all 300ms ease-in-out);
}
.field-controls .hint-text {
  font-size: 12px;
  color: var(--new-pera-color);
  margin-bottom: 14px;
  padding: 10px 14px;
  background: var(--new-pdropdown-bg);
  border-radius: 6px;
  border-left: 3px solid var(--new-main-color, #7c9f2e);
}
.field-controls .hint-text i {
  margin-right: 6px;
  color: var(--new-main-color, #7c9f2e);
}
.field-controls h4 {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 16px;
  color: var(--new-mainHeading-color);
  font-family: var(--new-bg-font, "DM Sans", sans-serif);
}
.field-controls .control-row {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
}
.field-controls .control-row label {
  min-width: 100px;
  font-size: 13px;
  font-weight: 600;
  color: var(--new-mainHeading-color);
}
.field-controls .control-row input,
.field-controls .control-row select {
  flex: 1;
  padding: 6px 12px;
  border: 1px solid var(--new-border-color);
  border-radius: var(--new-border-radius, 6px);
  font-size: 13px;
  height: 38px;
  background: var(--bg-background);
  color: var(--new-mainHeading-color);
}
.field-controls .control-row input:focus,
.field-controls .control-row select:focus {
  outline: none;
  border-color: var(--new-main-color, #7c9f2e);
}
.field-controls .control-row .font-size-controls {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 10px;
}
.field-controls .control-row .font-size-controls .size-btn {
  width: 36px;
  height: 36px;
  border: 1px solid var(--new-border-color);
  border-radius: 6px;
  background: var(--new-pdropdown-bg);
  color: var(--new-mainHeading-color);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--new-transition, all 200ms ease-in-out);
}
.field-controls .control-row .font-size-controls .size-btn:hover {
  background: var(--new-main-color, #7c9f2e);
  color: #ffffff;
  border-color: var(--new-main-color, #7c9f2e);
}
.field-controls .control-row .font-size-controls .size-btn i {
  font-size: 12px;
}
.field-controls .control-row .font-size-controls .size-value {
  min-width: 50px;
  text-align: center;
  font-weight: 600;
  color: var(--new-mainHeading-color);
  font-size: 14px;
}
.field-controls .control-row .style-buttons {
  flex: 1;
  display: flex;
  gap: 8px;
}
.field-controls .control-row .style-buttons .style-btn {
  width: 40px;
  height: 36px;
  border: 1px solid var(--new-border-color);
  border-radius: 6px;
  background: var(--new-pdropdown-bg);
  color: var(--new-mainHeading-color);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--new-transition, all 200ms ease-in-out);
}
.field-controls .control-row .style-buttons .style-btn:hover {
  border-color: var(--new-main-color, #7c9f2e);
  color: var(--new-main-color, #7c9f2e);
}
.field-controls .control-row .style-buttons .style-btn.active {
  background: var(--new-main-color, #7c9f2e);
  color: #ffffff;
  border-color: var(--new-main-color, #7c9f2e);
}
.field-controls .control-row .style-buttons .style-btn i {
  font-size: 14px;
}
.field-controls .control-row .position-controls {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}
.field-controls .control-row .position-controls .pos-horizontal {
  display: flex;
  gap: 6px;
}
.field-controls .control-row .position-controls .pos-btn {
  width: 38px;
  height: 36px;
  border: 1px solid var(--new-border-color);
  border-radius: 6px;
  background: var(--new-pdropdown-bg);
  color: var(--new-mainHeading-color);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--new-transition, all 200ms ease-in-out);
}
.field-controls .control-row .position-controls .pos-btn:hover {
  background: var(--new-main-color, #7c9f2e);
  color: #ffffff;
  border-color: var(--new-main-color, #7c9f2e);
}
.field-controls .control-row .position-controls .pos-btn i {
  font-size: 13px;
}
.create-cours-main {
  font-family: var(--new-bg-font, "DM Sans", sans-serif);
  color: var(--new-mainHeading-color, #222a26);
}
.double-colume-layout-preview-container {
  padding: 20px;
}
.btn-wrapper .backBtn {
  border-radius: 50%;
  border: 1px solid var(--new-border-color, #e7e9e2);
  background: var(--bg-background, #ffffff);
  color: var(--new-mainHeading-color, #222a26);
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  cursor: pointer;
  margin-bottom: 15px;
  transition: var(--new-transition, all 300ms ease-in-out);
  font-size: 18px;
}
.btn-wrapper .backBtn:hover {
  background: var(--light-text-green) !important;
  border-color: var(--light-text-green) !important;
  color: var(--new-theme-hover-text-color) !important;
  transform: translateX(-2px);
}
.double-col-contentinfo.doublecol-content-left {
  background: var(--bg-background, #ffffff);
  border: 1px solid var(--new-border-color, #e7e9e2);
  border-radius: var(--new-border-radius2, 16px);
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
  transition: var(--new-transition, all 300ms ease-in-out);
}
.double-col-contentinfo.doublecol-content-left .img-double-content-thumbnail {
  height: 360px;
  position: relative;
  overflow: hidden;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px;
}
.double-col-contentinfo.doublecol-content-left .img-double-content-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: contain !important;
  object-position: center;
  transition: transform 0.4s ease;
}
.double-col-contentinfo.doublecol-content-left .img-double-content-thumbnail:hover img {
  transform: scale(1.02);
}
.double-col-contentinfo.doublecol-content-left .img-double-content-thumbnail .company-logo {
  position: absolute;
  bottom: 16px;
  left: 16px;
  background: var(--bg-background, rgba(255, 255, 255, 0.9)) !important;
  border: 1px solid var(--new-border-color, rgba(0, 0, 0, 0.08));
  padding: 6px 14px;
  border-radius: 8px;
  backdrop-filter: blur(8px);
}
.double-col-contentinfo.doublecol-content-left .img-double-content-thumbnail .company-logo .ccslogo {
  height: 28px;
  width: auto;
  display: block;
}
.double-col-contentinfo.doublecol-content-left .doublecol-content-inner {
  padding: 24px;
  width: 100%;
  overflow: hidden;
}
.double-col-contentinfo.doublecol-content-left .doublecol-content-inner h4 {
  font-size: 22px;
  font-weight: 700;
  color: var(--new-mainHeading-color, #222a26);
  margin-bottom: 8px;
  line-height: 1.3;
}
.double-col-contentinfo.doublecol-content-left .doublecol-content-inner h6 {
  font-size: 14px;
  font-weight: 500;
  color: var(--new-pera-color, #677e73);
  margin-bottom: 18px;
}
.double-col-contentinfo.doublecol-content-left .doublecol-content-inner .description-iframe {
  width: 100%;
  border: none;
  color: var(--new-mainHeading-color, #222a26);
  margin-bottom: 20px;
  overflow-wrap: break-word;
  word-break: normal;
  white-space: normal;
  background: transparent !important;
}
.double-col-contentinfo.doublecol-content-left .doublecol-content-inner .list-item-point ul {
  display: flex;
  gap: 24px;
  margin-top: 16px !important;
  flex-direction: row;
  padding: 0;
  list-style: none;
}
.double-col-contentinfo.doublecol-content-left .doublecol-content-inner .list-item-point ul li {
  display: flex;
  align-items: center;
}
.double-col-contentinfo.doublecol-content-left .doublecol-content-inner .list-item-point ul li strong {
  display: flex;
  align-items: center;
  gap: 12px;
  font-weight: normal;
}
.double-col-contentinfo.doublecol-content-left .doublecol-content-inner .list-item-point ul li strong .icon-user {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: rgba(124, 159, 46, 0.12);
  border: 1px solid var(--new-border-color, rgba(107, 134, 45, 0.3));
  color: var(--light-text-green, #7c9f2e);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  flex-shrink: 0;
}
.double-col-contentinfo.doublecol-content-left .doublecol-content-inner .list-item-point ul li strong .content-course {
  white-space: initial !important;
  font-size: 14px;
  font-weight: 600;
  color: var(--new-mainHeading-color, #222a26);
  line-height: 20px;
}
.double-col-contentinfo.doublecol-content-left .doublecol-content-inner .list-item-point ul li strong .content-course p {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 600;
  color: var(--new-pera-color, #677e73);
  margin: 0;
}
.doublecol-content-right.course-preview-details ul {
  padding: 0;
  margin: 0;
  list-style: none;
  margin-top: 3px;
}
.doublecol-content-right.course-preview-details ul li {
  margin-bottom: 0px;
}
.doublecol-content-right.course-preview-details ul li .section-box-info {
  background: var(--bg-background, #ffffff);
  border: 1px solid var(--new-border-color, #e7e9e2);
  border-radius: var(--new-border-radius, 12px);
  transition: var(--new-transition, all 300ms ease-in-out);
  overflow: hidden;
}
.doublecol-content-right.course-preview-details ul li .section-box-info:hover {
  border-color: var(--light-text-green, #7c9f2e);
  background: rgba(124, 159, 46, 0.08);
  transform: translateY(-2px);
}
.doublecol-content-right.course-preview-details ul li .section-box-info .sec-box-top {
  padding: 15px 20px !important;
  display: flex;
  align-items: center;
  gap: 16px;
}
.doublecol-content-right.course-preview-details ul li .section-box-info .sec-box-top .section-box-img {
  width: 70px;
  height: 70px;
  border-radius: 10px;
  overflow: hidden;
  flex-shrink: 0;
  border: 1px solid var(--new-border-color, #e7e9e2);
}
.doublecol-content-right.course-preview-details ul li .section-box-info .sec-box-top .section-box-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.doublecol-content-right.course-preview-details ul li .section-box-info .sec-box-top .section-box-content {
  flex: 1;
}
.doublecol-content-right.course-preview-details ul li .section-box-info .sec-box-top .section-box-content .section-heding h4 {
  font-size: 16px;
  font-weight: 600;
  color: var(--new-mainHeading-color, #222a26);
  margin: 0 0 4px 0;
  text-transform: capitalize;
}
.doublecol-content-right.course-preview-details ul li .section-box-info .sec-box-top .section-box-content .sec-count {
  font-size: 13px;
  color: var(--new-pera-color, #677e73);
  margin: 0 0 8px 0;
}
.doublecol-content-right.course-preview-details ul li .section-box-info .sec-box-top .section-box-content .sec-start-btn {
  font-size: 13px;
  font-weight: 600;
  color: var(--light-text-green);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: var(--new-transition, all 300ms ease-in-out);
}
.doublecol-content-right.course-preview-details ul li .section-box-info .sec-box-top .section-box-content .sec-start-btn i {
  background: var(--light-text-green, #7c9f2e);
  color: #ffffff;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  transition: transform 0.2s ease;
}
.doublecol-content-right.course-preview-details ul li .section-box-info .sec-box-top .section-box-content .sec-start-btn:hover {
  color: var(--light-text-green, #7c9f2e);
}
.doublecol-content-right.course-preview-details ul li .section-box-info .sec-box-top .section-box-content .sec-start-btn:hover i {
  transform: translateX(3px);
}
.admin-double-col-prev-backBtn {
  margin-bottom: 10px;
}
.admin-double-col-prev-backBtn .custom-col {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 16px;
  flex-wrap: wrap;
}
.admin-double-col-prev-backBtn .double-col-prev-backBtn-innr .sidebar-header {
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  box-shadow: none;
}
.admin-double-col-prev-backBtn .double-col-prev-backBtn-innr .sidebar-header h5 {
  display: flex;
  align-items: center;
  gap: 7px;
  color: var(--new-pera-color);
  font-size: 14px;
  font-weight: 500;
  margin: 0;
  padding: 0;
  cursor: pointer;
  transition: var(--new-transition, all 300ms ease-in-out);
  font-family: var(--new-bg-font);
}
.admin-double-col-prev-backBtn .double-col-prev-backBtn-innr .sidebar-header h5 .fleet-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: 34px;
  border-radius: 50%;
  border: none;
  background: transparent;
  color: var(--new-mainHeading-color, #222a26);
  transition: all 0.25s ease;
  margin-right: 0;
}
.admin-double-col-prev-backBtn .double-col-prev-backBtn-innr .sidebar-header h5 .fleet-arrow i {
  font-size: 16px;
}
.admin-double-col-prev-backBtn .double-col-prev-backBtn-innr .sidebar-header h5:hover {
  color: var(--light-text-green, #6b862d);
}
.admin-double-col-prev-backBtn .double-col-prev-backBtn-innr .sidebar-header h5:hover .fleet-arrow {
  color: var(--light-text-green, #6b862d);
}
.admin-double-col-prev-backBtn .stats-count-container {
  display: flex;
  align-items: center;
  gap: 10px;
}
.admin-double-col-prev-backBtn .stats-count-container .stat-card {
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: var(--new-border-radius, 12px);
  background: transparent !important;
  box-shadow: inherit !important;
  transition: var(--new-transition, all 300ms ease-in-out);
}
.admin-double-col-prev-backBtn .stats-count-container .stat-card span {
  font-size: 14px !important;
  display: flex;
  gap: 6px;
  flex-direction: row;
  align-items: center;
  background: var(--bg-background);
  font-family: var(--new-bg-font);
  border: 1px solid var(--new-border-color);
  height: 50px;
  border-radius: var(--new-border-radius);
  font-weight: 500 !important;
  padding: 0 16px;
}
.admin-double-col-prev-backBtn .stats-count-container .stat-card .stat-value {
  font-size: 15px;
  font-weight: 700;
  color: var(--light-text-green, #6b862d);
  border: none;
  background: transparent;
}
.admin-double-col-prev-backBtn .stats-count-container .stat-card .stat-label {
  margin: 0;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--new-pera-color, #677e73);
  letter-spacing: 0.5px;
}
.admin-double-col-prev-backBtn .stats-count-container .stat-card:hover {
  border-color: var(--new-main-color, #7c9f2e);
  transform: translateY(-1px);
}
.project-category-view-list .course-sidebar {
  background: transparent;
  border: none;
  box-shadow: none;
}
.project-category-view-list .sidebar-list-panel {
  display: flex;
  flex-direction: column;
  gap: 6px;
  background: transparent;
  border: none;
  padding: 0;
}
.project-category-view-list .sidebar-list-panel .accordionn-sec {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  padding: 10px 18px;
  background: var(--light-text-green);
  color: var(--new-theme-hover-text-color);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
  border-radius: var(--new-border-radius, 12px);
  border: none;
  font-family: var(--new-bg-font);
}
.project-category-view-list .sidebar-list-panel .page-navigation {
  background: transparent;
  border: transparent;
  border-top: none;
  border-bottom-left-radius: var(--new-border-radius, 12px);
  border-bottom-right-radius: var(--new-border-radius, 12px);
  padding: 1px;
  margin: 0;
  list-style: none;
  max-height: 280px;
  overflow-y: auto;
  font-family: var(--new-bg-font);
  padding-left: 20px;
}
.project-category-view-list .sidebar-list-panel .page-navigation::-webkit-scrollbar {
  width: 4px;
}
.project-category-view-list .sidebar-list-panel .page-navigation::-webkit-scrollbar-thumb {
  background: var(--new-border-color, #cdcdcd);
  border-radius: 4px;
}
.project-category-view-list .sidebar-list-panel .page-navigation li {
  position: relative;
  margin: 4px 0;
  border-radius: var(--new-border-radius, 8px);
  transition: all 0.2s ease;
}
.project-category-view-list .sidebar-list-panel .page-navigation li a {
  display: flex;
  align-items: center;
  gap: 0;
  padding: 6px 14px;
  color: var(--new-pera-color);
  text-decoration: none;
  font-size: 12px;
  font-weight: 500;
  border-radius: var(--new-border-radius, 8px);
  transition: all 0.2s ease;
}
.project-category-view-list .sidebar-list-panel .page-navigation li a span i {
  font-size: 14px;
  color: var(--light-text-green, #6b862d);
  margin-right: 6px !important;
}
.project-category-view-list .sidebar-list-panel .page-navigation li a:hover {
  background: var(--new-hover-color, rgba(124, 159, 46, 0.12));
  color: var(--new-main-color, #7c9f2e);
}
.project-category-view-list .sidebar-list-panel .page-navigation li.active-li {
  background: rgba(138, 172, 57, 0.1);
}
.project-category-view-list .sidebar-list-panel .page-navigation li.active-li a {
  color: var(--light-text-green) !important;
}
.project-category-view-list .sidebar-list-panel .page-navigation li.active-li a span i {
  color: var(--light-text-green) !important;
  margin-right: 6px !important;
}
.colapse-info .course-main-content .main-content-lt {
  background: var(--bg-background);
  border: 1px solid var(--new-border-color, #e7e9e2);
  border-radius: var(--new-border-radius);
  padding: 24px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
  font-family: var(--new-bg-font);
  margin-right: 11px;
}
.colapse-info .course-main-content .main-content-lt .content-header,
.colapse-info .course-main-content .main-content-lt .question-header {
  margin-bottom: 24px;
  border-bottom: 1px solid var(--new-border-color, #e7e9e2);
  padding-bottom: 16px;
}
.colapse-info .course-main-content .main-content-lt .content-header .sub-tittle,
.colapse-info .course-main-content .main-content-lt .question-header .sub-tittle {
  color: var(--new-pera-color, #677e73);
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 5px !important;
  padding-bottom: 0px !important;
}
.colapse-info .course-main-content .main-content-lt .content-header h3,
.colapse-info .course-main-content .main-content-lt .question-header h3 {
  color: var(--new-mainHeading-color, #222a26);
  font-size: 20px;
  font-weight: 700;
  margin: 0;
  margin-bottom: 12px !important;
}
.colapse-info .course-main-content .main-content-lt .normal-section {
  background: transparent;
  box-shadow: none;
  padding: 0;
  border: none;
  margin-bottom: 0;
}
.colapse-info .course-main-content .main-content-lt .normal-section .section-content {
  margin-bottom: 20px;
  color: var(--new-mainHeading-color, #222a26);
}
.colapse-info .course-main-content .main-content-lt .question-section {
  background: transparent;
  box-shadow: none;
  padding: 0;
  border: none;
  margin-bottom: 0;
}
.colapse-info .course-main-content .main-content-lt .question-section .question-content {
  margin-bottom: 24px;
}
.colapse-info .course-main-content .main-content-lt .question-section .question-content .question-text {
  margin-bottom: 13px;
}
.colapse-info .course-main-content .main-content-lt .question-section .question-content .question-text h4 {
  color: var(--new-mainHeading-color, #222a26);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
}
.colapse-info .course-main-content .main-content-lt .question-section .question-content .question-images {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 16px 0;
}
.colapse-info .course-main-content .main-content-lt .question-section .question-content .question-images .q-img-item img {
  width: 60px;
  height: 60px;
  border-radius: var(--new-border-radius, 8px);
  border: 1px solid var(--new-border-color, #e7e9e2);
  object-fit: cover;
  cursor: pointer;
  transition: transform 0.2s ease;
}
.colapse-info .course-main-content .main-content-lt .question-section .question-content .question-images .q-img-item img:hover {
  transform: scale(1.05);
}
.colapse-info .course-main-content .main-content-lt .question-section .question-content .question-options {
  display: grid;
  gap: 8px;
  margin-bottom: 24px;
}
.colapse-info .course-main-content .main-content-lt .question-section .question-content .question-options .option-item {
  margin-bottom: 0;
}
.colapse-info .course-main-content .main-content-lt .question-section .question-content .question-options .option-item input[type=radio] {
  display: none;
}
.colapse-info .course-main-content .main-content-lt .question-section .question-content .question-options .option-item label {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 10px 18px;
  border: 1.5px solid var(--new-border-color, #e7e9e2);
  border-radius: var(--new-border-radius, 12px);
  background: var(--bg-background);
  color: var(--new-pera-color);
  cursor: pointer;
  transition: all 0.25s ease;
  font-size: 14px;
  margin-bottom: 0px;
  font-weight: 400;
}
.colapse-info .course-main-content .main-content-lt .question-section .question-content .question-options .option-item label:hover {
  border-color: var(--new-main-color, #7c9f2e);
  background: var(--new-hover-color, rgba(124, 159, 46, 0.12));
}
.colapse-info .course-main-content .main-content-lt .question-section .question-content .question-options .option-item label .option-circle {
  width: 20px;
  height: 20px;
  border: 2px solid var(--new-border-color, #ccc);
  border-radius: 50%;
  margin-right: 12px;
  position: relative;
  transition: all 0.25s ease;
  flex-shrink: 0;
}
.colapse-info .course-main-content .main-content-lt .question-section .question-content .question-options .option-item label .option-circle::after {
  content: "";
  width: 10px;
  height: 10px;
  background: var(--new-main-color, #7c9f2e);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0.25s ease;
}
.colapse-info .course-main-content .main-content-lt .question-section .question-content .question-options .option-item label .option-content {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
}
.colapse-info .course-main-content .main-content-lt .question-section .question-content .question-options .option-item label .option-content .option-thumb {
  width: 40px;
  height: 30px;
  border-radius: var(--new-border-radius, 6px);
  border: 1px solid var(--new-border-color, #e7e9e2);
  object-fit: cover;
  cursor: pointer;
}
.colapse-info .course-main-content .main-content-lt .question-section .question-content .question-options .option-item.correct-answer label {
  border-color: #28a745;
  background: rgba(40, 167, 69, 0.08) !important;
}
.colapse-info .course-main-content .main-content-lt .question-section .question-content .question-options .option-item.correct-answer label .option-circle {
  border-color: #28a745;
}
.colapse-info .course-main-content .main-content-lt .question-section .question-content .question-options .option-item.correct-answer label .option-circle::after {
  background: #28a745;
  transform: translate(-50%, -50%) scale(1);
}
.colapse-info .course-main-content .main-content-lt .question-section .question-content .question-options .option-item.correct-answer label .correct-indicator {
  color: #28a745;
  font-weight: 600;
  margin-left: auto;
}
.colapse-info .course-main-content .main-content-lt .question-section .question-content .hotspot-interface {
  margin-bottom: 24px;
}
.colapse-info .course-main-content .main-content-lt .question-section .question-content .hotspot-interface .hotspot-image-container {
  position: relative;
  display: inline-block;
  max-width: 100%;
  border: 2px solid var(--new-border-color, #e7e9e2);
  border-radius: var(--new-border-radius, 12px);
  overflow: hidden;
}
.colapse-info .course-main-content .main-content-lt .question-section .question-content .hotspot-interface .hotspot-image-container img {
  max-width: 100%;
  max-height: 400px;
  display: block;
}
.colapse-info .course-main-content .main-content-lt .question-section .question-content .hotspot-interface .hotspot-info {
  margin-top: 14px;
  padding: 14px;
  background: var(--bg-background, #fafafa);
  border: 1px solid var(--new-border-color, #e7e9e2);
  border-radius: var(--new-border-radius, 12px);
}
.colapse-info .course-main-content .main-content-lt .question-section .question-content .hotspot-interface .hotspot-info h6 {
  color: var(--new-mainHeading-color, #222a26);
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 6px;
}
.colapse-info .course-main-content .main-content-lt .question-section .question-content .hotspot-interface .hotspot-info p {
  font-size: 13px;
  color: var(--new-pera-color, #677e73);
  margin-bottom: 6px;
}
.colapse-info .course-main-content .main-content-lt .question-section .question-content .hotspot-interface .hotspot-info .hotspot-count-msg {
  font-size: 12px;
  color: #28a745;
  margin: 0;
}
.colapse-info .course-main-content .main-content-lt .question-section .question-content .hotspot-interface .hotspot-info .no-hotspot-msg {
  font-size: 12px;
  color: #dc3545;
  margin: 0;
}
.colapse-info .course-main-content .main-content-lt .navigation-buttons,
.colapse-info .course-main-content .main-content-lt .question-navigation {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 10px;
  margin-top: 28px !important;
  padding-top: 20px;
  border-top: 1px solid var(--new-border-color, #e7e9e2);
}
.colapse-info .course-main-content .main-content-lt .navigation-buttons .btn,
.colapse-info .course-main-content .main-content-lt .question-navigation .btn {
  padding: 10px 24px !important;
  border-radius: var(--new-border-radius) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  cursor: pointer;
  transition: var(--new-transition, all 300ms ease-in-out);
}
.colapse-info .course-main-content .main-content-lt .navigation-buttons .btn.btn-primary,
.colapse-info .course-main-content .main-content-lt .question-navigation .btn.btn-primary {
  background: var(--light-text-green) !important;
  color: var(--new-theme-hover-text-color);
  border: none !important;
}
.colapse-info .course-main-content .main-content-lt .navigation-buttons .btn.btn-primary:hover,
.colapse-info .course-main-content .main-content-lt .question-navigation .btn.btn-primary:hover {
  filter: brightness(1.08);
  transform: translateY(-1px);
}
.colapse-info .course-main-content .main-content-lt .navigation-buttons .btn.btn-secondary,
.colapse-info .course-main-content .main-content-lt .navigation-buttons .btn.btn-outline-secondary,
.colapse-info .course-main-content .main-content-lt .question-navigation .btn.btn-secondary,
.colapse-info .course-main-content .main-content-lt .question-navigation .btn.btn-outline-secondary {
  background: var(--light-text-green) !important;
  color: var(--new-theme-hover-text-color);
  border: 1.5px solid var(--new-border-color, #e7e9e2) !important;
}
.colapse-info .course-main-content .main-content-lt .navigation-buttons .btn.btn-secondary:hover,
.colapse-info .course-main-content .main-content-lt .navigation-buttons .btn.btn-outline-secondary:hover,
.colapse-info .course-main-content .main-content-lt .question-navigation .btn.btn-secondary:hover,
.colapse-info .course-main-content .main-content-lt .question-navigation .btn.btn-outline-secondary:hover {
  opacity: 0.9;
}
.image-preview-modal {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.image-preview-modal .image-preview-content {
  position: relative;
  max-width: 90%;
  max-height: 90%;
  background: var(--new-card-bgColor, #ffffff);
  border-radius: var(--new-border-radius, 12px);
  padding: 20px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
}
.image-preview-modal .image-preview-content .close-preview {
  position: absolute;
  top: -12px;
  right: -12px;
  background: #dc3545;
  color: #ffffff;
  border: none;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  cursor: pointer;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.image-preview-modal .image-preview-content img {
  max-width: 100%;
  max-height: 80vh;
  object-fit: contain;
  display: block;
  border-radius: 8px;
}
.language-loading-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.language-loading-overlay .language-loader-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.language-loading-overlay .language-loader-box p {
  color: #ffffff;
  font-size: 15px;
  margin: 0;
}
.language-loading-overlay .lang-spinner {
  width: 48px;
  height: 48px;
  border: 4px solid rgba(255, 255, 255, 0.25);
  border-top-color: var(--new-main-color, #7c9f2e);
  border-radius: 50%;
  animation: lang-spin 0.75s linear infinite;
}
@keyframes lang-spin {
  to {
    transform: rotate(360deg);
  }
}
.language-popup-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.65);
  backdrop-filter: blur(4px);
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.language-popup-overlay .language-popup {
  position: relative;
  background: var(--new-bg-background) !important;
  border: 1px solid var(--new-border-color, #e7e9e2) !important;
  border-radius: var(--new-border-radius2, 16px) !important;
  padding: 28px 24px !important;
  max-width: 480px !important;
  width: 100% !important;
  height: auto !important;
  max-height: 82vh !important;
  display: flex !important;
  flex-direction: column !important;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.25) !important;
}
.language-popup-overlay .language-popup .popup-header {
  text-align: center;
  margin-bottom: 26px !important;
}
.language-popup-overlay .language-popup .popup-header h2 {
  color: var(--new-mainHeading-color, #222a26) !important;
  margin: 0 0 8px 0 !important;
  font-size: 20px !important;
  font-weight: 700 !important;
}
.language-popup-overlay .language-popup .popup-header p {
  color: var(--new-pera-color, #677e73) !important;
  margin: 0 !important;
  font-size: 14px !important;
}
.language-popup-overlay .language-popup .language-options {
  display: grid !important;
  gap: 10px !important;
  overflow-y: auto !important;
}
.language-popup-overlay .language-popup .language-options button {
  padding: 10px 18px !important;
  border: 1.5px solid var(--new-border-color, #e0e0e0) !important;
  border-radius: var(--new-border-radius, 10px) !important;
  background: var(--new-bg-background) !important;
  color: var(--new-mainHeading-color, #222a26) !important;
  cursor: pointer;
  font-size: 14px !important;
  font-weight: 500 !important;
  transition: all 0.25s ease !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
}
.language-popup-overlay .language-popup .language-options button span {
  font-size: 17px !important;
}
.language-popup-overlay .language-popup .language-options button:hover {
  border-color: rgba(138, 172, 57, 0.4) !important;
  background: var(--bg-background) !important;
  transform: translateY(-1px) !important;
}
.layout-main.learner-box-category {
  font-family: var(--new-bg-font) !important;
  color: var(--new-pera-color);
  background-color: var(--new-bgLight);
  padding: 24px;
}
.layout-learner-content,
.learner-dashboard {
  font-family: var(--new-bg-font) !important;
}
.learner-hero-banner {
  background: var(--welcome-dashboard-bg);
  border: 1px solid var(--new-border-color);
  border-radius: 16px;
  padding: 24px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
  position: relative;
  overflow: hidden;
  font-family: var(--new-bg-font);
}
.learner-hero-banner::after {
  content: "";
  position: absolute;
  right: -20px;
  top: -20px;
  width: 140px;
  height: 140px;
  background:
    radial-gradient(
      circle,
      rgba(124, 159, 46, 0.08) 0%,
      rgba(255, 255, 255, 0) 70%);
  border-radius: 50%;
  pointer-events: none;
}
.hero-category-tag {
  font-size: 11px;
  font-weight: 700;
  color: var(--light-text-green);
  letter-spacing: 0.8px;
  text-transform: uppercase;
  display: block;
  margin-bottom: 6px;
  font-family: var(--new-bg-font);
}
.hero-greeting-title {
  font-size: 24px;
  font-weight: 700;
  color: var(--new-mainHeading-color);
  margin: 0 0 6px 0;
  line-height: 1.2;
  font-family: var(--new-bg-font);
}
.hero-subtitle {
  font-size: 14px;
  color: var(--new-pera-color);
  margin: 0;
  font-weight: 400;
  font-family: var(--new-bg-font);
}
.hero-banner-badges {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}
.hero-streak-badge,
.hero-level-badge {
  background: var(--rate-bg);
  border: 1px solid var(--new-border-color);
  border-radius: 12px;
  padding: 8px 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.hero-streak-badge:hover,
.hero-level-badge:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}
.badge-icon {
  font-size: 20px;
}
.badge-text-group {
  display: flex;
  flex-direction: column;
}
.badge-bold-title {
  font-size: 13px;
  font-weight: 700;
  color: #ea580c;
  line-height: 1.2;
  font-family: var(--new-bg-font);
}
.badge-bold-title.green-text {
  color: var(--light-text-green);
}
.badge-sub-title {
  font-size: 11px;
  color: var(--new-pera-color);
  font-weight: 500;
  font-family: var(--new-bg-font);
}
.learner-stats-grid-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
@media (max-width: 991px) {
  .learner-stats-grid-row {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  .learner-stats-grid-row {
    grid-template-columns: 1fr;
  }
}
.learner-stat-card {
  background: var(--bg-background);
  border-radius: 14px;
  padding: 18px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid var(--new-border-color);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    border-color 0.2s ease;
  font-family: var(--new-bg-font);
  position: relative;
}
.learner-stat-card:before {
  position: absolute;
  top: -1px;
  left: 0;
  content: "";
  width: 100%;
  height: 5px;
}
.learner-stat-card:hover {
  transform: translateY(-2px);
  box-shadow: var(--box-hover-shadow, 0 6px 16px rgba(0, 0, 0, 0.05));
  border-color: var(--border-hover-color, var(--new-border-color));
}
.learner-stat-card.card-orange {
  border-top: 3px solid #f97316;
}
.learner-stat-card.card-green {
  border-top: 3px solid var(--light-text-green);
}
.learner-stat-card.card-teal {
  border-top: 3px solid #06b6d4;
}
.learner-stat-card.card-blue {
  border-top: 3px solid #6366f1;
}
.stat-card-left {
  display: flex;
  align-items: center;
  gap: 12px;
}
.stat-icon-wrapper {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}
.orange-icon {
  background: var(--new-orange-bg);
  border: 1px solid var(--new-orange-border-color);
  color: #ea580c;
}
.green-icon {
  background: rgba(138, 172, 57, 0.12);
  border: 1px solid rgba(138, 172, 57, 0.3);
  color: var(--light-text-green);
}
.teal-icon {
  background: rgba(6, 182, 212, 0.12);
  border: 1px solid rgba(6, 182, 212, 0.3);
  color: #0891b2;
}
.blue-icon {
  background: rgba(99, 102, 241, 0.12);
  border: 1px solid rgba(99, 102, 241, 0.3);
  color: #6366f1;
}
.stat-label {
  font-size: 13px;
  font-weight: 600;
  color: var(--new-pera-color);
  font-family: var(--new-bg-font);
}
.stat-number-val {
  font-size: 22px;
  font-weight: 700;
  font-family: var(--new-bg-font);
}
.stat-number-val.orange-val {
  color: #ea580c;
}
.stat-number-val.green-val {
  color: var(--light-text-green);
}
.stat-number-val.teal-val {
  color: #0891b2;
}
.stat-number-val.blue-val {
  color: #6366f1;
}
.section-header-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-title-badge {
  display: flex;
  align-items: center;
  gap: 10px;
}
.section-icon {
  font-size: 20px;
}
.section-main-title {
  font-size: 18px;
  font-weight: 700;
  color: var(--new-mainHeading-color);
  margin: 0;
  font-family: var(--new-bg-font);
}
.view-all-btn {
  font-size: 13px;
  font-weight: 600;
  color: var(--light-text-green);
  text-decoration: none;
  transition: var(--new-transition);
  font-family: var(--new-bg-font);
}
.view-all-btn:hover {
  opacity: 0.8;
}
.journeys-grid-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
@media (max-width: 991px) {
  .journeys-grid-row {
    grid-template-columns: 1fr;
  }
}
.journey-card {
  background: var(--bg-background);
  border: 1px solid var(--new-border-color);
  border-radius: 14px;
  padding: 18px 20px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    border-color 0.2s ease;
  font-family: var(--new-bg-font);
  position: relative;
}
.journey-card:hover {
  transform: translateY(-2px);
  box-shadow: var(--box-hover-shadow, 0 6px 16px rgba(0, 0, 0, 0.05));
  border-color: var(--border-hover-color, var(--new-border-color));
}
.journey-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
}
.journey-icon-circle {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  overflow: hidden;
}
.journey-icon-circle.theme-color-0 {
  background: rgba(138, 172, 57, 0.12);
  color: var(--light-text-green);
}
.journey-icon-circle.theme-color-1 {
  background: var(--new-orange-bg);
  color: #ea580c;
}
.journey-icon-circle.theme-color-2 {
  background: rgba(6, 182, 212, 0.12);
  color: #0891b2;
}
.path-logo-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.courses-count-pill {
  font-size: 11px;
  font-weight: 500;
  padding: 3px 10px;
  border-radius: 12px;
}
.courses-count-pill.theme-pill-0 {
  background-color: rgba(124, 159, 46, 0.063);
  color: rgb(124, 159, 46);
  border-color: rgba(124, 159, 46, 0.19);
}
.courses-count-pill.theme-pill-1 {
  background-color: rgba(255, 139, 26, 0.063);
  color: rgb(255, 139, 26);
  border-color: rgba(255, 139, 26, 0.19);
}
.courses-count-pill.theme-pill-2 {
  background-color: rgba(20, 184, 166, 0.063);
  color: rgb(20, 184, 166);
  border-color: rgba(20, 184, 166, 0.19);
}
.journey-title {
  font-size: 14px;
  font-weight: 700;
  color: var(--new-mainHeading-color);
  margin: 0 0 4px 0;
  font-family: var(--new-bg-font);
}
.journey-description {
  font-size: 12px;
  color: var(--new-pera-color);
  margin: 0 0 16px 0;
  line-height: 1.4;
  height: 22px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-family: var(--new-bg-font);
}
.journey-progress-wrapper {
  margin-top: auto;
}
.progress-labels-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 6px;
}
.progress-text-label {
  font-size: 12px;
  color: var(--new-pera-color);
  font-weight: 500;
  font-family: var(--new-bg-font);
}
.progress-percent-val {
  font-size: 12px;
  font-weight: 700;
  font-family: var(--new-bg-font);
}
.progress-percent-val.theme-percent-0 {
  color: var(--light-text-green);
}
.progress-percent-val.theme-percent-1 {
  color: #ea580c;
}
.progress-percent-val.theme-percent-2 {
  color: #0891b2;
}
.journey-progress-track {
  width: 100%;
  height: 6px;
  background-color: var(--progressbar-bg);
  border-radius: 3px;
  overflow: hidden;
}
.journey-progress-bar {
  height: 100%;
  border-radius: 3px;
  transition: width 0.4s ease;
}
.journey-progress-bar.theme-bar-0 {
  background: var(--green-linear-gredient);
}
.journey-progress-bar.theme-bar-1 {
  background: var(--orange-linear-gredient);
}
.journey-progress-bar.theme-bar-2 {
  background: var(--sky-linear-gredient);
}
.empty-journey-box {
  background: var(--bg-background) !important;
  border: 1px solid var(--new-border-color) !important;
  border-radius: var(--new-border-radius);
}
.empty-journey-box p {
  color: var(--new-pera-color) !important;
}
.learner-courses-container {
  margin-bottom: 24px;
}
.learner-box-category .learner-courses-grid {
  overflow: inherit;
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(4, 1fr);
  padding: 0;
  align-items: stretch;
}
@media (max-width: 1199px) {
  .learner-box-category .learner-courses-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 991px) {
  .learner-box-category .learner-courses-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  .learner-box-category .learner-courses-grid {
    grid-template-columns: 1fr;
  }
}
.learner-course-card {
  background: var(--bg-background);
  border: 1px solid var(--new-border-color);
  border-radius: var(--new-border-radius);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: var(--new-transition);
}
.learner-course-card:hover {
  box-shadow: var(--box-hover-shadow, 0 6px 16px rgba(0, 0, 0, 0.05));
  border-color: var(--border-hover-color, var(--new-border-color));
}
.learner-course-card .learner-icon-section {
  width: 100%;
  background: var(--new-bglight2);
  border-bottom: 1px solid var(--new-border-color);
}
.learner-course-card .learner-icon-section .learner-book-icon {
  height: 180px;
  width: 100% !important;
  margin-bottom: 0px;
  overflow: hidden;
}
.learner-course-card .learner-icon-section .learner-book-icon img {
  width: 100%;
  height: 180px;
  object-fit: cover;
}
.learner-course-card .learn-course-heading {
  padding: 18px 16px;
  background: var(--bg-background);
  border-top: none;
  height: 100%;
  width: 100%;
  box-shadow: none;
  border-radius: 0 0 var(--new-border-radius) var(--new-border-radius);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.learner-course-card .learn-course-heading .learner-details-section {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.learner-course-card .learn-course-heading .learner-details-section h2 {
  font-size: 15px;
  font-weight: 700;
  color: var(--new-mainHeading-color);
  margin: 0 0 10px 0;
  font-family: var(--new-bg-font);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.3;
}
.learner-course-card .learn-course-heading .learner-details-section p {
  min-height: 38px;
  width: 100%;
  white-space: initial;
  margin-bottom: 14px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 13px;
  line-height: 1.4;
  color: var(--new-pera-color);
  font-family: var(--new-bg-font);
}
.learner-course-card .learn-course-heading .learner-details-section .progress-section {
  width: 100%;
  margin: 4px 0 12px;
}
.learner-course-card .learn-course-heading .learner-details-section .progress-section .progress-bar-container {
  display: flex;
  align-items: center;
  gap: 10px;
}
.learner-course-card .learn-course-heading .learner-details-section .progress-section .progress-bar-container .progress-bar {
  flex: 1;
  height: 6px;
  background-color: var(--progressbar-bg);
  border-radius: 3px;
  overflow: hidden;
}
.learner-course-card .learn-course-heading .learner-details-section .progress-section .progress-bar-container .progress-bar .progress-fill {
  height: 100%;
  background: var(--progressbar-scale);
  border-radius: 3px;
  transition: width 0.3s ease;
}
.learner-course-card .learn-course-heading .learner-details-section .progress-section .progress-bar-container .progress-text {
  font-size: 11px;
  color: var(--new-mainHeading-color);
  font-weight: 600;
  min-width: 36px;
  text-align: center;
  border: 1px solid var(--new-border-color);
  background: var(--new-bglight2);
  padding: 2px 6px;
  border-radius: 12px;
  font-family: var(--new-bg-font);
}
.learner-course-card .learn-course-heading .learner-details-section .course-actions-dashboard {
  margin-top: auto;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.learner-course-card .learn-course-heading .learner-details-section .course-actions-dashboard .learner-start-button {
  background: var(--light-text-green);
  color: var(--new-theme-hover-text-color);
  padding: 7px 16px;
  border-radius: var(--new-border-radius);
  text-decoration: none;
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  border: 1px solid rgba(138, 172, 57, 0.3);
  transition: var(--new-transition);
  font-family: var(--new-bg-font);
}
.learner-course-card .learn-course-heading .learner-details-section .course-actions-dashboard .learner-start-button:hover {
  opacity: 0.95;
  box-shadow: 0 4px 12px rgba(124, 159, 46, 0.25);
  transform: translateY(-1px);
}
.learner-course-card .learn-course-heading .learner-details-section .course-actions-dashboard .learner-remove-btnn {
  background: var(--buttog-bg-color);
  border: 1px solid var(--new-border-color);
  color: var(--new-pera-color);
  padding: 7px 14px;
  border-radius: var(--new-border-radius);
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  transition: var(--new-transition);
  font-family: var(--new-bg-font);
}
.learner-course-card .learn-course-heading .learner-details-section .course-actions-dashboard .learner-remove-btnn:hover {
  background: rgba(239, 68, 68, 0.1);
  color: #ef4444;
  border-color: rgba(239, 68, 68, 0.3);
}
.learner-courses-container-buttom {
  margin-top: 24px;
}
.completed-courses-box,
.learner-certificates-box {
  background: var(--bg-background);
  border: 1px solid var(--new-border-color);
  border-radius: var(--new-border-radius2);
  font-family: var(--new-bg-font);
  overflow: hidden;
  height: 100%;
}
.completed-courses-box .learner-comn-h3,
.learner-certificates-box .learner-comn-h3 {
  color: var(--new-mainHeading-color) !important;
  background-color: var(--new-bglight2) !important;
  border-bottom: 1px solid var(--new-border-color) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  margin-bottom: 0px !important;
  padding: 16px 20px !important;
  font-family: var(--new-bg-font) !important;
  border-radius: var(--new-border-radius2) var(--new-border-radius2) 0px 0px !important;
}
.courses-grid-completed {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.learner-course-card-completed {
  background: var(--new-bglight2);
  border: 1px solid var(--new-border-color);
  border-radius: var(--new-border-radius);
  padding: 14px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  transition: var(--new-transition);
}
.learner-course-card-completed:hover {
  border-color: var(--border-hover-color, var(--new-border-color));
}
.learner-course-card-completed .learner-book-icon-completed {
  width: 60px;
  height: 60px;
  border-radius: 10px;
  overflow: hidden;
  flex-shrink: 0;
  border: 1px solid var(--new-border-color);
  background: var(--bg-background);
}
.learner-course-card-completed .learner-book-icon-completed img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.learner-course-card-completed .course-name {
  font-size: 14px;
  font-weight: 600;
  color: var(--new-mainHeading-color);
  margin: 0;
  flex: 1;
  font-family: var(--new-bg-font);
}
.learner-course-card-completed .course-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.learner-course-card-completed .course-actions .learner-view-details-button {
  background: var(--bg-background);
  border: 1px solid var(--new-border-color);
  color: var(--light-text-green);
  padding: 6px 14px;
  border-radius: var(--new-border-radius);
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  font-family: var(--new-bg-font);
  transition: var(--new-transition);
  display: inline-flex;
  align-items: center;
}
.learner-course-card-completed .course-actions .learner-view-details-button:hover {
  background: rgba(138, 172, 57, 0.12);
  border-color: var(--light-text-green);
}
.learner-certificate-list {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.learner-certificate-list .learner-certificate-item {
  background: var(--new-bglight2);
  border: 1px solid var(--new-border-color);
  border-radius: var(--new-border-radius);
  padding: 14px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  transition: var(--new-transition);
}
.learner-certificate-list .learner-certificate-item:hover {
  border-color: var(--border-hover-color, var(--new-border-color));
}
.learner-certificate-list .learner-certificate-item .learner-pdf-icon {
  width: 42px;
  height: 42px;
  border-radius: 10px;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.2);
  color: #ef4444;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  flex-shrink: 0;
}
.learner-certificate-list .learner-certificate-item .learner-certificate-details {
  flex: 1;
}
.learner-certificate-list .learner-certificate-item .learner-certificate-details .title {
  font-size: 14px;
  font-weight: 600;
  color: var(--new-mainHeading-color) !important;
  margin: 0 0 2px 0;
  font-family: var(--new-bg-font) !important;
  width: 100% !important;
}
.learner-certificate-list .learner-certificate-item .learner-certificate-details .date {
  font-size: 12px;
  color: var(--new-pera-color) !important;
  margin: 0;
  font-family: var(--new-bg-font) !important;
}
.learner-certificate-list .learner-certificate-item .certificate-actions {
  display: flex;
  gap: 8px;
}
.learner-certificate-list .learner-certificate-item .certificate-actions .learner-download-button {
  padding: 6px 12px;
  border-radius: var(--new-border-radius);
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--new-bg-font);
  transition: var(--new-transition);
}
.learner-certificate-list .learner-certificate-item .certificate-actions .learner-download-button:first-child {
  background: var(--bg-background);
  border: 1px solid var(--new-border-color);
  color: var(--new-mainHeading-color);
}
.learner-certificate-list .learner-certificate-item .certificate-actions .learner-download-button:first-child:hover {
  background: var(--new-hover-color);
  color: var(--light-text-green);
}
.learner-certificate-list .learner-certificate-item .certificate-actions .learner-download-button:last-child {
  background: var(--light-text-green);
  border: 1px solid rgba(138, 172, 57, 0.3);
  color: var(--new-theme-hover-text-color);
}
.learner-certificate-list .learner-certificate-item .certificate-actions .learner-download-button:last-child:hover {
  opacity: 0.95;
  box-shadow: 0 4px 12px rgba(124, 159, 46, 0.25);
}
.empty-state-container {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px 20px;
  width: 100%;
  grid-column: 1/-1;
}
.empty-state-container .empty-state-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  max-width: 380px;
  padding: 30px 24px;
  background: var(--bg-background);
  border: 1px solid var(--new-border-color);
  border-radius: var(--new-border-radius2);
}
.empty-state-container .empty-state-card .empty-state-icon {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background: rgba(138, 172, 57, 0.1);
  border: 1px dashed rgba(138, 172, 57, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
}
.empty-state-container .empty-state-card .empty-state-title {
  font-size: 16px;
  font-weight: 700;
  color: var(--new-mainHeading-color);
  margin: 0 0 8px 0;
  font-family: var(--new-bg-font);
}
.empty-state-container .empty-state-card .empty-state-description {
  font-size: 13px;
  color: var(--new-pera-color);
  line-height: 1.5;
  margin: 0;
  font-family: var(--new-bg-font);
}
.certificate-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(4px);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10000;
}
.certificate-modal-content {
  background: var(--bg-background);
  border: 1px solid var(--new-border-color);
  border-radius: 16px;
  width: 90%;
  max-width: 1100px;
  max-height: 90%;
  overflow: hidden;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.3);
  font-family: var(--new-bg-font);
}
.certificate-modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  border-bottom: 1px solid var(--new-border-color);
  background: var(--new-bglight2);
}
.certificate-modal-header h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  color: var(--new-mainHeading-color);
  font-family: var(--new-bg-font);
}
.certificate-modal-header .close-btn {
  background: transparent;
  border: none;
  font-size: 24px;
  color: var(--new-mainHeading-color);
  cursor: pointer;
  line-height: 1;
  transition: var(--new-transition);
}
.certificate-modal-header .close-btn:hover {
  color: #ef4444;
}
.certificate-modal-body {
  padding: 0;
  background: var(--bg-background);
}
.section-icon-circle {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  margin-right: 10px;
}
.section-icon-circle.green-bg {
  background: #dcfce7;
  color: #16a34a;
}
.count-pill-badge.green-pill {
  background: #f0fdf4;
  color: #15803d;
  border: 1px solid #bbf7d0;
  padding: 3px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
}
.learner-courses-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
@media (max-width: 1200px) {
  .learner-courses-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 640px) {
  .learner-courses-grid {
    grid-template-columns: 1fr;
  }
}
.learner-course-card {
  background: var(--bg-background);
  border: 1px solid var(--new-border-color);
  border-radius: 14px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    border-color 0.2s ease;
}
.learner-course-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}
.learner-course-card.accent-green {
  border-top: 4px solid #4ead4b;
}
.learner-course-card.accent-amber {
  border-top: 4px solid #f97316;
}
.learner-course-card.accent-cyan {
  border-top: 4px solid #06b6d4;
}
.learner-course-card.accent-purple {
  border-top: 4px solid #8b5cf6;
}
.course-thumbnail-wrapper {
  position: relative;
  width: 100%;
  height: 165px;
  background: #ffffff;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
}
.course-thumbnail-wrapper .course-thumbnail-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  transition: transform 0.3s ease;
}
.course-thumbnail-wrapper:hover .course-thumbnail-img {
  transform: scale(1.03);
}
.course-thumbnail-wrapper .course-overlay-progress-badge {
  position: absolute;
  top: 10px;
  right: 10px;
  background: var(--light-text-green);
  color: var(--new-theme-hover-text-color);
  font-size: 11px;
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 12px;
  border: 1px solid var(--light-text-green);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}
.course-card-body {
  padding: 16px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.course-category-pill {
  display: inline-block;
  background: var(--new-bg-background);
  color: var(--new-mainHeading-color);
  font-size: 11px;
  font-weight: 600;
  padding: 3px 10px;
  border-radius: 12px;
  border: 1px solid var(--new-border-color);
  margin-bottom: 10px;
  width: fit-content;
}
.course-card-title {
  font-size: 14px;
  font-weight: 700;
  color: var(--new-mainHeading-color);
  margin-bottom: 6px;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 26px;
}
.course-card-description {
  font-size: 12px;
  color: var(--new-pera-color);
  line-height: 1.4;
  margin-bottom: 16px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 49px;
}
.course-progress-section {
  margin-top: auto;
  margin-bottom: 14px;
}
.course-progress-section .progress-label-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 11px;
  margin-bottom: 5px;
  color: var(--new-pera-color);
}
.course-progress-section .progress-label-row .progress-lbl {
  font-weight: 500;
}
.course-progress-section .progress-label-row .progress-val {
  font-weight: 600;
  color: var(--light-text-green);
}
.course-progress-section .progress-track-bg {
  width: 100%;
  height: 6px;
  background: var(--progressbar-bg);
  border-radius: 3px;
  overflow: hidden;
}
.course-progress-section .progress-track-bg .progress-fill-bar {
  height: 100%;
  background: var(--light-text-green);
  border-radius: 3px;
  transition: width 0.3s ease;
}
.course-action-row {
  display: flex;
  align-items: center;
  gap: 8px;
}
.course-action-row .btn-continue-action {
  flex: 1;
  background: var(--light-text-green);
  color: var(--new-theme-hover-text-color);
  border: none;
  padding: 7px 16px;
  border-radius: var(--new-border-radius);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  transition: background 0.2s ease, transform 0.1s ease;
}
.course-action-row .btn-continue-action:hover {
  background: #467523;
}
.course-action-row .btn-continue-action .action-btn-icn {
  font-size: 15px;
}
.course-action-row .remove-course-btn {
  background: #fef2f2;
  color: #ef4444;
  border: 1px solid #fee2e2;
  padding: 9px 12px;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.2s ease;
}
.course-action-row .remove-course-btn:hover {
  background: #fee2e2;
}
.learner-bottom-grid-row {
  margin-top: 10px;
}
.completed-section-card,
.achievements-section-card {
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid var(--new-border-color);
  background: var(--bg-background);
  height: 100%;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
}
.completed-header-bar,
.achievements-header-bar {
  background: var(--light-text-green);
  color: var(--new-theme-hover-text-color);
  padding: 9px 20px;
  font-size: 14px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 10px;
}
.completed-header-bar .header-icon-circle,
.achievements-header-bar .header-icon-circle {
  font-size: 18px;
}
.completed-body-content {
  padding: 18px;
  background: var(--bg-background) !important;
  min-height: 220px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.completed-courses-grid-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
  max-height: 260px;
  overflow-y: auto;
  padding-right: 6px;
}
.completed-courses-grid-wrapper::-webkit-scrollbar {
  width: 6px;
}
.completed-courses-grid-wrapper::-webkit-scrollbar-track {
  background: #e2e8f0;
  border-radius: 4px;
}
.completed-courses-grid-wrapper::-webkit-scrollbar-thumb {
  background: #94a3b8;
  border-radius: 4px;
}
.completed-courses-grid-wrapper::-webkit-scrollbar-thumb:hover {
  background: #64748b;
}
@media (max-width: 576px) {
  .completed-courses-grid-wrapper {
    grid-template-columns: 1fr;
  }
}
.completed-course-inner-card {
  background: rgba(138, 172, 57, 0.05);
  border: 1px solid rgba(138, 172, 57, 0.2);
  border-radius: 12px;
  padding: 16px 12px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.completed-course-inner-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.05);
}
.completed-check-badge {
  width: 60px;
  height: 60px;
  background: rgba(138, 172, 57, 0.1);
  color: var(--light-text-green);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 27px;
  flex-shrink: 0;
}
.completed-course-title {
  font-size: 13px;
  font-weight: 700;
  color: var(--new-mainHeading-color);
  margin: 0;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 35px;
}
.completed-actions {
  display: grid;
  gap: 6px;
  justify-content: center;
  width: 100%;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
}
.completed-actions .btn-view-certificate,
.completed-actions .btn-view-details {
  background: var(--light-text-green);
  color: var(--new-theme-hover-text-color);
  border: none;
  padding: 8px 12px;
  border-radius: var(--new-border-radius);
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  display: inline-block;
  align-items: center;
  justify-content: center;
  gap: 4px;
  transition: background 0.2s ease;
  flex: 1;
  width: auto;
  height: 34px;
}
.completed-actions .btn-view-certificate:hover,
.completed-actions .btn-view-details:hover {
  opacity: 0.7;
}
.completed-actions .btn-view-details {
  background: var(--bg-background);
  color: var(--light-text-green);
}
.completed-actions .btn-view-details:hover {
  background: var(--new-theme-hover-default);
  color: var(--new-theme-hover-text-color);
}
.achievements-body-content {
  padding: 24px 20px;
  background: var(--bg-background);
  min-height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.achievements-badges-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  text-align: center;
  margin-bottom: 20px;
}
.achievements-badges-row .achievement-badge-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: transform 0.2s ease;
}
.achievements-badges-row .achievement-badge-item:hover {
  transform: translateY(-2px);
}
.achievements-badges-row .achievement-badge-item.badge-locked {
  opacity: 0.7;
}
.achievements-badges-row .achievement-badge-item .badge-icon-circle {
  position: relative;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  margin-bottom: 8px;
  transition: all 0.2s ease;
}
.achievements-badges-row .achievement-badge-item .badge-icon-circle.earned-badge {
  background: #f0fdf4;
  border: 2px solid #568c2d;
  box-shadow: 0 4px 12px rgba(86, 140, 45, 0.25);
}
.achievements-badges-row .achievement-badge-item .badge-icon-circle.locked-badge {
  background: #f3f4f6;
  border: 2px dashed #cbd5e1;
  filter: grayscale(100%);
}
.achievements-badges-row .achievement-badge-item .badge-icon-circle .badge-img-icon {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.achievements-badges-row .achievement-badge-item .badge-icon-circle .badge-fallback-emoji {
  font-size: 24px;
}
.achievements-badges-row .achievement-badge-item .badge-icon-circle .lock-overlay-icon {
  position: absolute;
  bottom: -2px;
  right: -2px;
  background: #475569;
  color: #ffffff;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  font-size: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #ffffff;
}
.achievements-badges-row .achievement-badge-item .badge-item-title {
  font-size: 13px;
  font-weight: 700;
  color: var(--new-mainHeading-color);
  margin-bottom: 2px;
  max-width: 100px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
}
.achievements-badges-row .achievement-badge-item .badge-item-sub {
  font-size: 11px;
  color: var(--new-pera-color);
  max-width: 100px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
}
.achievements-level-progress {
  margin-top: 12px;
  text-align: center;
}
.achievements-level-progress .level-progress-text {
  font-size: 12px;
  color: var(--new-pera-color);
  margin-bottom: 8px;
}
.achievements-level-progress .level-progress-track {
  width: 100%;
  height: 6px;
  background: var(--progressbar-bg);
  border-radius: 3px;
  overflow: hidden;
}
.achievements-level-progress .level-progress-track .level-progress-fill {
  height: 100%;
  background: var(--light-text-green);
  border-radius: 3px;
}
.containerresize {
  font-family: var(--new-bg-font, "DM Sans", sans-serif);
  color: var(--new-mainHeading-color);
}
.containerresize .content {
  background: var(--bg-background) !important;
  background-color: var(--bg-background) !important;
  color: var(--new-mainHeading-color) !important;
  border-left: 1px solid var(--new-border-color) !important;
}
.containerresize .cardSticky {
  background: var(--bg-background) !important;
  background-color: var(--bg-background) !important;
  border-bottom: 1px solid var(--new-border-color) !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  box-shadow: none !important;
  padding: 16px 12px 0 12px;
}
.containerresize .cardSticky .heading-name {
  color: var(--new-pera-color) !important;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 4px;
  font-weight: 500;
}
.containerresize .cardSticky a {
  color: var(--new-mainHeading-color) !important;
  text-decoration: none;
  font-size: 18px;
  transition: color 0.2s ease;
}
.containerresize .cardSticky a b {
  color: var(--new-mainHeading-color) !important;
  font-weight: 700;
}
.containerresize .cardSticky a:hover {
  color: var(--new-main-color) !important;
}
.containerresize .cardSticky a:hover b {
  color: var(--new-main-color) !important;
}
.containerresize .cardSticky .close-label {
  position: absolute;
  top: 22px;
  right: 18px;
  z-index: 10;
}
.containerresize .cardSticky .close-label a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--new-inner-background) !important;
  border: 1px solid var(--new-border-color) !important;
  color: var(--new-pera-color) !important;
  font-size: 14px;
  transition: all 0.2s ease;
  position: absolute;
  right: 0;
}
.containerresize .cardSticky .close-label a:hover {
  background: var(--new-main-color) !important;
  border-color: var(--new-main-color) !important;
  color: #ffffff !important;
  transform: rotate(90deg);
}
.containerresize .cardSticky .badge {
  font-size: 11px;
  font-weight: 600;
  padding: 3px 10px;
  border-radius: 20px;
  margin-left: 8px;
  vertical-align: middle;
}
.containerresize .cardSticky .badge.badge-success {
  background: rgba(34, 197, 94, 0.15) !important;
  color: #22c55e !important;
  border: 1px solid rgba(34, 197, 94, 0.3) !important;
}
.containerresize .cardSticky .badge.badge-danger {
  background: rgba(239, 68, 68, 0.15) !important;
  color: #ef4444 !important;
  border: 1px solid rgba(239, 68, 68, 0.3) !important;
}
.containerresize .cardSticky .pro-pic {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.containerresize .cardSticky .pro-pic .custom-file-upload {
  cursor: pointer;
  margin: 0;
}
.containerresize .cardSticky .pro-pic .custom-file-upload .img-wrap {
  position: relative;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  padding: 2px;
  border: 2px solid var(--new-border-color);
  background: var(--new-inner-background);
  transition: border-color 0.2s ease;
  margin-right: 32px;
  top: -5px;
}
.containerresize .cardSticky .pro-pic .custom-file-upload .img-wrap:hover {
  border-color: var(--new-main-color);
}
.containerresize .cardSticky .pro-pic .custom-file-upload .img-wrap .dp-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.containerresize .cardSticky .pro-pic .custom-file-upload input[type=file] {
  display: none;
}
.containerresize .cardSticky .nav.nav-tabs,
.containerresize .cardSticky .memberList-sidebar-tabs,
.containerresize .cardSticky .view-company-tab {
  border-bottom: 1px solid var(--new-border-color) !important;
  margin-top: 14px;
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  gap: 4px;
  scrollbar-width: none;
}
.containerresize .cardSticky .nav.nav-tabs::-webkit-scrollbar,
.containerresize .cardSticky .memberList-sidebar-tabs::-webkit-scrollbar,
.containerresize .cardSticky .view-company-tab::-webkit-scrollbar {
  display: none;
}
.containerresize .cardSticky .nav.nav-tabs .nav-item,
.containerresize .cardSticky .memberList-sidebar-tabs .nav-item,
.containerresize .cardSticky .view-company-tab .nav-item {
  margin-bottom: -1px;
  white-space: nowrap;
}
.containerresize .cardSticky .nav.nav-tabs .nav-item .nav-link,
.containerresize .cardSticky .memberList-sidebar-tabs .nav-item .nav-link,
.containerresize .cardSticky .view-company-tab .nav-item .nav-link {
  color: var(--new-pera-color) !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  padding: 10px 14px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  font-family: var(--new-bg-font) !important;
  border-radius: 0 !important;
  transition: all 0.2s ease !important;
}
.containerresize .cardSticky .nav.nav-tabs .nav-item .nav-link:hover,
.containerresize .cardSticky .memberList-sidebar-tabs .nav-item .nav-link:hover,
.containerresize .cardSticky .view-company-tab .nav-item .nav-link:hover {
  color: var(--new-main-color) !important;
  border-bottom-color: rgba(124, 159, 46, 0.4) !important;
}
.containerresize .cardSticky .nav.nav-tabs .nav-item .nav-link.active,
.containerresize .cardSticky .memberList-sidebar-tabs .nav-item .nav-link.active,
.containerresize .cardSticky .view-company-tab .nav-item .nav-link.active {
  color: var(--new-main-color) !important;
  background: transparent !important;
  border-bottom: 2px solid var(--new-main-color) !important;
  font-weight: 600 !important;
}
.containerresize .card-edit .row2 {
  margin: 16px 12px;
}
.containerresize .card-edit .row2 .card {
  background: var(--new-card-bgColor) !important;
  background-color: var(--new-card-bgColor) !important;
  border: 1px solid var(--new-border-color) !important;
  border-radius: var(--new-border-radius, 12px) !important;
  overflow: hidden;
  box-shadow: none !important;
}
.containerresize .card-edit .row2 .card .card-header {
  background: var(--new-bgPrimary) !important;
  background-image: var(--green-linear-gredient) !important;
  color: #ffffff !important;
  font-family: var(--new-bg-font) !important;
  font-weight: 600;
  font-size: 14px;
  padding: 12px 18px;
  border: none;
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.containerresize .card-edit .row2 .card .card-body {
  background: var(--bg-background) !important;
  color: var(--new-mainHeading-color) !important;
  padding: 16px;
}
.containerresize .card-container-view {
  margin-bottom: 12px;
}
.containerresize .card-container-view .label-l {
  color: var(--new-pera-color) !important;
  font-family: var(--new-bg-font) !important;
  font-size: 13px;
  font-weight: 500;
  display: inline-block;
  width: 37%;
  vertical-align: top;
  padding: 8px 0;
}
@media (max-width: 767px) {
  .containerresize .card-container-view .label-l {
    width: 100%;
    padding-bottom: 4px;
  }
}
.containerresize .card-container-view .value-r {
  background: var(--new-inner-background) !important;
  background-color: var(--new-inner-background) !important;
  color: var(--new-mainHeading-color) !important;
  border: 1px solid var(--new-border-color) !important;
  border-radius: 8px !important;
  font-family: var(--new-bg-font) !important;
  font-size: 13px;
  display: inline-block;
  width: 63%;
  vertical-align: middle;
  padding: 8px 14px;
  margin-bottom: 0;
  line-height: 1.5;
  min-height: 38px;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .containerresize .card-container-view .value-r {
    width: 100%;
  }
}
.containerresize .sidebar-section-card,
.containerresize .sidebar-info-box {
  border: 1px solid var(--new-border-color) !important;
  border-radius: 10px !important;
  overflow: hidden;
  margin-top: 8px;
  background: var(--new-inner-background) !important;
}
.containerresize .sidebar-section-card .sidebar-section-header,
.containerresize .sidebar-section-card .sidebar-info-header,
.containerresize .sidebar-info-box .sidebar-section-header,
.containerresize .sidebar-info-box .sidebar-info-header {
  background: var(--new-bgLight) !important;
  background-color: var(--new-bgLight) !important;
  padding: 10px 14px;
  border-bottom: 1px solid var(--new-border-color) !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.containerresize .sidebar-section-card .sidebar-section-header b,
.containerresize .sidebar-section-card .sidebar-info-header b,
.containerresize .sidebar-info-box .sidebar-section-header b,
.containerresize .sidebar-info-box .sidebar-info-header b {
  font-size: 13px;
  color: var(--new-mainHeading-color) !important;
  font-family: var(--new-bg-font) !important;
}
.containerresize .sidebar-section-card .sidebar-section-header b .count-badge,
.containerresize .sidebar-section-card .sidebar-info-header b .count-badge,
.containerresize .sidebar-info-box .sidebar-section-header b .count-badge,
.containerresize .sidebar-info-box .sidebar-info-header b .count-badge {
  color: var(--new-main-color) !important;
  font-weight: 600;
}
.containerresize .sidebar-section-card .sidebar-search-input,
.containerresize .sidebar-info-box .sidebar-search-input {
  background: var(--bg-background) !important;
  border: 1px solid var(--new-border-color) !important;
  border-radius: 6px !important;
  padding: 5px 10px !important;
  font-size: 12px !important;
  font-family: var(--new-bg-font) !important;
  color: var(--new-mainHeading-color) !important;
  outline: none;
  width: 200px;
  transition: border-color 0.2s ease;
}
.containerresize .sidebar-section-card .sidebar-search-input::placeholder,
.containerresize .sidebar-info-box .sidebar-search-input::placeholder {
  color: var(--new-pera-color) !important;
  opacity: 0.8;
}
.containerresize .sidebar-section-card .sidebar-search-input:focus,
.containerresize .sidebar-info-box .sidebar-search-input:focus {
  border-color: var(--new-main-color) !important;
}
.containerresize .sidebar-section-card .sidebar-chips-wrap,
.containerresize .sidebar-info-box .sidebar-chips-wrap {
  padding: 10px;
  max-height: 220px;
  overflow-y: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  background: var(--new-inner-background) !important;
  scrollbar-width: thin !important;
  scrollbar-color: var(--new-border-color) var(--bg-background) !important;
}
.containerresize .sidebar-section-card .sidebar-chips-wrap::-webkit-scrollbar,
.containerresize .sidebar-info-box .sidebar-chips-wrap::-webkit-scrollbar {
  width: 5px !important;
  height: 5px !important;
}
.containerresize .sidebar-section-card .sidebar-chips-wrap::-webkit-scrollbar-button,
.containerresize .sidebar-info-box .sidebar-chips-wrap::-webkit-scrollbar-button {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}
.containerresize .sidebar-section-card .sidebar-chips-wrap::-webkit-scrollbar-track,
.containerresize .sidebar-info-box .sidebar-chips-wrap::-webkit-scrollbar-track {
  box-shadow: inherit !important;
  background: var(--bg-background) !important;
  border-radius: 0px !important;
}
.containerresize .sidebar-section-card .sidebar-chips-wrap::-webkit-scrollbar-thumb,
.containerresize .sidebar-info-box .sidebar-chips-wrap::-webkit-scrollbar-thumb {
  background: var(--new-border-color) !important;
  border-radius: 3px !important;
}
.containerresize .sidebar-section-card .sidebar-chips-wrap::-webkit-scrollbar-thumb:hover,
.containerresize .sidebar-info-box .sidebar-chips-wrap::-webkit-scrollbar-thumb:hover {
  background: var(--new-pera-color) !important;
}
.containerresize .sidebar-section-card .sidebar-chip,
.containerresize .sidebar-info-box .sidebar-chip {
  display: inline-flex;
  background: var(--bg-background) !important;
  background-color: var(--bg-background) !important;
  border: 1px solid var(--new-border-color) !important;
  border-radius: 6px !important;
  padding: 6px 10px !important;
  font-size: 12px !important;
  line-height: 1.5;
  color: var(--new-mainHeading-color) !important;
  font-family: var(--new-bg-font) !important;
  transition: all 0.2s ease;
}
.containerresize .sidebar-section-card .sidebar-chip:hover,
.containerresize .sidebar-info-box .sidebar-chip:hover {
  border-color: var(--new-main-color) !important;
  transform: translateY(-1px);
}
.containerresize .sidebar-section-card .sidebar-chip .chip-title,
.containerresize .sidebar-info-box .sidebar-chip .chip-title {
  font-weight: 600;
  color: var(--new-mainHeading-color) !important;
}
.containerresize .sidebar-section-card .sidebar-chip .chip-subtitle,
.containerresize .sidebar-info-box .sidebar-chip .chip-subtitle {
  color: var(--new-pera-color) !important;
  font-size: 11px;
}
.containerresize .sidebar-section-card .sidebar-chip .pi,
.containerresize .sidebar-info-box .sidebar-chip .pi {
  color: var(--new-main-color) !important;
}
.containerresize .sidebar-section-card .sidebar-empty-msg,
.containerresize .sidebar-info-box .sidebar-empty-msg {
  color: var(--new-pera-color) !important;
  font-style: italic;
  font-size: 12px;
  padding: 6px;
}
.containerresize .changePassword-form .form-group label,
.containerresize .changePassword-form .cours-subtitle label {
  color: var(--new-pera-color) !important;
  font-family: var(--new-bg-font) !important;
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 6px;
  display: block;
}
.containerresize .changePassword-form .form-group input.form-control,
.containerresize .changePassword-form .cours-subtitle input.form-control {
  background: var(--bg-background) !important;
  border: 1px solid var(--new-border-color) !important;
  border-radius: 8px !important;
  color: var(--new-mainHeading-color) !important;
  font-family: var(--new-bg-font) !important;
  padding: 8px 12px;
  font-size: 13px;
  width: 68%;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
.containerresize .changePassword-form .form-group input.form-control:focus,
.containerresize .changePassword-form .cours-subtitle input.form-control:focus {
  border-color: var(--new-main-color) !important;
  outline: none;
}
@media (max-width: 767px) {
  .containerresize .changePassword-form .form-group input.form-control,
  .containerresize .changePassword-form .cours-subtitle input.form-control {
    width: 100%;
    margin-right: 0;
  }
}
.containerresize .changePassword-form .form-group .copy2clipboard,
.containerresize .changePassword-form .cours-subtitle .copy2clipboard {
  background: var(--new-main-color) !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  height: 38px;
  border: none !important;
  padding: 6px 14px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.containerresize .changePassword-form .form-group .copy2clipboard:hover,
.containerresize .changePassword-form .cours-subtitle .copy2clipboard:hover {
  background: var(--light-text-green) !important;
  opacity: 0.9;
}
.containerresize .changePassword-form .chpass-submit .p-button {
  background: var(--new-main-color) !important;
  border-color: var(--new-main-color) !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  padding: 8px 20px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  font-family: var(--new-bg-font) !important;
}
.containerresize .changePassword-form .chpass-submit .p-button:hover {
  background: var(--light-text-green) !important;
  border-color: var(--light-text-green) !important;
}
.containerresize .assigned-learners-box,
.containerresize .assigned-learners-list {
  border: 1px solid var(--new-border-color) !important;
  border-radius: 10px !important;
  background: var(--new-inner-background) !important;
  padding: 12px;
}
.containerresize .assigned-learners-box .modal-assignedLearner-list-item,
.containerresize .assigned-learners-box .assigned-learner-item,
.containerresize .assigned-learners-list .modal-assignedLearner-list-item,
.containerresize .assigned-learners-list .assigned-learner-item {
  border-bottom: 1px solid var(--new-border-color) !important;
  padding: 10px 0;
}
.containerresize .assigned-learners-box .modal-assignedLearner-list-item:last-child,
.containerresize .assigned-learners-box .assigned-learner-item:last-child,
.containerresize .assigned-learners-list .modal-assignedLearner-list-item:last-child,
.containerresize .assigned-learners-list .assigned-learner-item:last-child {
  border-bottom: none !important;
}
.containerresize .assigned-learners-box .modal-assignedLearner-list-item .learner-name,
.containerresize .assigned-learners-box .assigned-learner-item .learner-name,
.containerresize .assigned-learners-list .modal-assignedLearner-list-item .learner-name,
.containerresize .assigned-learners-list .assigned-learner-item .learner-name {
  color: var(--new-mainHeading-color) !important;
  font-weight: 600;
  font-size: 14px;
}
.containerresize .assigned-learners-box .modal-assignedLearner-list-item .learner-detail,
.containerresize .assigned-learners-box .modal-assignedLearner-list-item li,
.containerresize .assigned-learners-box .assigned-learner-item .learner-detail,
.containerresize .assigned-learners-box .assigned-learner-item li,
.containerresize .assigned-learners-list .modal-assignedLearner-list-item .learner-detail,
.containerresize .assigned-learners-list .modal-assignedLearner-list-item li,
.containerresize .assigned-learners-list .assigned-learner-item .learner-detail,
.containerresize .assigned-learners-list .assigned-learner-item li {
  color: var(--new-pera-color) !important;
  font-size: 13px;
}
.containerresize .assigned-learners-box .modal-assignedLearner-list-item .learner-detail .pi,
.containerresize .assigned-learners-box .modal-assignedLearner-list-item li .pi,
.containerresize .assigned-learners-box .assigned-learner-item .learner-detail .pi,
.containerresize .assigned-learners-box .assigned-learner-item li .pi,
.containerresize .assigned-learners-list .modal-assignedLearner-list-item .learner-detail .pi,
.containerresize .assigned-learners-list .modal-assignedLearner-list-item li .pi,
.containerresize .assigned-learners-list .assigned-learner-item .learner-detail .pi,
.containerresize .assigned-learners-list .assigned-learner-item li .pi {
  color: var(--new-pera-color) !important;
  margin-right: 4px;
}
.containerresize .learner-list-pathInfo {
  background: var(--new-inner-background) !important;
  border: 1px solid var(--new-border-color) !important;
  border-radius: 12px !important;
  padding: 16px;
  box-shadow: none !important;
  color: var(--new-mainHeading-color) !important;
}
.containerresize .learner-list-pathInfo .profile-hder {
  display: flex;
  align-items: center;
}
.containerresize .learner-list-pathInfo .profile-hder .profile-avater {
  width: 68px;
  height: 68px;
  border-radius: 50%;
  border: 2px solid var(--new-border-color);
  margin-right: 1rem;
  overflow: hidden;
  flex-shrink: 0;
}
.containerresize .learner-list-pathInfo .profile-hder .profile-avater img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.containerresize .learner-list-pathInfo .profile-hder .profile-avaterInfo .profileName {
  color: var(--new-mainHeading-color) !important;
  margin: 0 0 0.25rem 0;
  font-size: 18px;
  font-weight: 700;
  font-family: var(--new-bg-font) !important;
}
.containerresize .learner-list-pathInfo .profile-hder .profile-avaterInfo .profileRole,
.containerresize .learner-list-pathInfo .profile-hder .profile-avaterInfo .loc {
  color: var(--new-pera-color) !important;
  margin: 3px 0;
  font-size: 13px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.containerresize .learner-list-pathInfo .profile-hder .profile-avaterInfo .level-badge {
  background: var(--bg-background) !important;
  border: 1px solid var(--new-border-color) !important;
  color: var(--new-mainHeading-color) !important;
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 20px;
  font-weight: 600;
  margin-top: 0.4rem;
  font-size: 12px;
}
.containerresize .learner-list-pathInfo .profile-hder .profile-avaterInfo .level-badge i {
  color: #f59e0b;
  margin-right: 4px;
}
.containerresize .learner-list-pathInfo .learner-list-pathStatic {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  grid-gap: 10px;
  margin-top: 16px;
}
.containerresize .learner-list-pathInfo .learner-list-pathStatic .learner-list-pathStatic-box {
  padding: 10px 8px;
  border-radius: 10px;
  background: var(--bg-background) !important;
  border: 1px solid var(--new-border-color) !important;
  text-align: center;
}
.containerresize .learner-list-pathInfo .learner-list-pathStatic .learner-list-pathStatic-box .value {
  color: var(--new-main-color) !important;
  margin-bottom: 3px;
  font-size: 1.15rem;
  font-weight: 700;
}
.containerresize .learner-list-pathInfo .learner-list-pathStatic .learner-list-pathStatic-box .label {
  font-size: 12px;
  color: var(--new-pera-color) !important;
  margin-bottom: 0;
}
.containerresize .learner-list-pathInfo h4 {
  font-size: 14px;
  font-weight: 700;
  color: var(--new-mainHeading-color) !important;
  margin-bottom: 1rem;
  font-family: var(--new-bg-font) !important;
}
.containerresize .learner-list-pathInfo h4 i {
  color: var(--new-main-color);
  margin-right: 0.35rem;
}
.containerresize .learner-list-pathInfo .level-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5rem;
}
.containerresize .learner-list-pathInfo .level-info p {
  color: var(--new-pera-color) !important;
  margin: 0;
  font-size: 13px;
}
.containerresize .learner-list-pathInfo .level-info .beginner {
  font-size: 13px;
  font-weight: 700;
  color: var(--new-mainHeading-color) !important;
}
.containerresize .learner-list-pathInfo .points-progress {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5rem;
}
.containerresize .learner-list-pathInfo .points-progress p {
  color: var(--new-mainHeading-color) !important;
  margin: 0;
  font-weight: 600;
  font-size: 13px;
}
.containerresize .learner-list-pathInfo .points-progress .percentage {
  color: var(--new-main-color) !important;
}
.containerresize .learner-list-pathInfo .progress-bar-lebel {
  background: var(--new-border-color) !important;
  height: 8px;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 1rem;
  position: relative;
}
.containerresize .learner-list-pathInfo .progress-bar-lebel::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: var(--new-main-color);
  border-radius: 4px;
}
.containerresize .learner-list-pathInfo .next-level-notice {
  background: var(--bg-background) !important;
  border: 1px solid var(--new-border-color) !important;
  color: var(--new-main-color) !important;
  padding: 10px 12px;
  border-radius: 10px;
  margin-bottom: 1rem;
}
.containerresize .learner-list-pathInfo .next-level-notice p {
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 4px;
  color: var(--new-main-color) !important;
}
.containerresize .learner-list-pathInfo .next-level-notice .desp {
  color: var(--new-pera-color) !important;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 0;
}
.containerresize .learner-list-pathInfo .item-monthly-points .item-monthly-points-wrppr {
  padding: 10px 8px;
  border-radius: 10px;
  background: var(--bg-background) !important;
  border: 1px solid var(--new-border-color) !important;
  text-align: center;
}
.containerresize .learner-list-pathInfo .item-monthly-points .item-monthly-points-wrppr .value {
  color: var(--new-main-color) !important;
  margin-bottom: 3px;
  font-size: 1.15rem;
  font-weight: 700;
}
.containerresize .learner-list-pathInfo .item-monthly-points .item-monthly-points-wrppr .item-monthly-lebel {
  font-size: 12px;
  color: var(--new-pera-color) !important;
  margin-bottom: 0;
}
.containerresize .learner-list-pathInfo .training-history-container .section-header {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  color: var(--new-mainHeading-color) !important;
}
.containerresize .learner-list-pathInfo .training-history-container .section-header h3 {
  font-size: 14px;
  font-weight: 700;
  color: var(--new-mainHeading-color) !important;
  font-family: var(--new-bg-font) !important;
  margin: 0;
}
.containerresize .learner-list-pathInfo .training-history-container .section-header i {
  color: var(--new-main-color);
  margin-right: 8px;
}
.containerresize .learner-list-pathInfo .training-history-container .training-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.containerresize .learner-list-pathInfo .training-history-container .training-list .training-item {
  background: var(--bg-background) !important;
  border: 1px solid var(--new-border-color) !important;
  border-radius: 10px;
  margin-bottom: 10px;
  padding: 12px 14px;
  box-shadow: none !important;
  color: var(--new-mainHeading-color) !important;
}
.containerresize .learner-list-pathInfo .training-history-container .training-list .training-item .training-title {
  color: var(--new-mainHeading-color) !important;
  font-size: 14px;
  font-weight: 600;
}
.containerresize .learner-list-pathInfo .training-history-container .training-list .training-item .detail-text,
.containerresize .learner-list-pathInfo .training-history-container .training-list .training-item .points-text {
  color: var(--new-pera-color) !important;
  font-size: 12px;
}
.containerresize .learner-list-pathInfo .training-history-container .training-list .training-item .points-text {
  color: var(--new-main-color) !important;
  font-weight: 600;
}
.containerresize .learner-list-pathInfo .training-history-container .achievements-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  list-style: none;
  padding: 0;
  margin: 0 0 12px 0;
}
.containerresize .learner-list-pathInfo .training-history-container .achievements-list .achievements-list-item {
  text-align: center;
}
.containerresize .learner-list-pathInfo .training-history-container .achievements-list .achievements-list-item .achievements-locked {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: var(--bg-background) !important;
  border: 2px solid var(--new-border-color) !important;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 4px auto;
  color: var(--new-pera-color) !important;
}
.containerresize .learner-list-pathInfo .training-history-container .achievements-list .achievements-list-item .achievements-locked.earned {
  border-color: var(--new-main-color) !important;
}
.containerresize .learner-list-pathInfo .training-history-container .achievements-list .achievements-list-item .achievements-tittle {
  font-size: 11px;
  color: var(--new-pera-color) !important;
  max-width: 70px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.containerresize .learner-list-pathInfo .training-history-container .history-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
  font-family: var(--new-bg-font) !important;
}
.containerresize .learner-list-pathInfo .training-history-container .history-table thead tr th {
  background: var(--bg-background) !important;
  color: var(--new-mainHeading-color) !important;
  border-bottom: 1px solid var(--new-border-color) !important;
  padding: 8px 10px;
  font-weight: 600;
  text-align: left;
}
.containerresize .learner-list-pathInfo .training-history-container .history-table tbody tr td {
  padding: 8px 10px;
  color: var(--new-pera-color) !important;
  border-bottom: 1px solid var(--new-border-color) !important;
}
.containerresize .learning-paths-head {
  margin-bottom: 16px;
}
.containerresize .learning-paths-head .learning-paths-tittle {
  font-size: 16px;
  font-weight: 700;
  color: var(--new-mainHeading-color) !important;
  font-family: var(--new-bg-font) !important;
  margin-bottom: 4px;
}
.containerresize .learning-paths-head p {
  color: var(--new-pera-color) !important;
  font-size: 13px;
  margin-bottom: 0;
}
.containerresize .course-card {
  background: var(--new-inner-background) !important;
  border: 1px solid var(--new-border-color) !important;
  border-radius: 12px;
  padding: 16px;
  color: var(--new-mainHeading-color) !important;
}
.containerresize .course-card .header-section {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 12px;
}
.containerresize .course-card .header-section .header-icon {
  color: var(--new-main-color);
  font-size: 22px;
}
.containerresize .course-card .header-section .course-title {
  font-size: 15px;
  font-weight: 600;
  color: var(--new-mainHeading-color) !important;
  margin: 0 0 4px 0;
}
.containerresize .course-card .header-section .course-description {
  font-size: 12px;
  color: var(--new-pera-color) !important;
  margin: 0;
}
.containerresize .course-card .progress-section {
  margin-bottom: 12px;
}
.containerresize .course-card .progress-section .progress-title-bar {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  color: var(--new-pera-color) !important;
  margin-bottom: 4px;
}
.containerresize .course-card .progress-section .progress-bar-container {
  height: 6px;
  background: var(--bg-background);
  border: 1px solid var(--new-border-color);
  border-radius: 3px;
  overflow: hidden;
  margin-bottom: 4px;
}
.containerresize .course-card .progress-section .progress-bar-container .progress-bar-fill {
  height: 100%;
  background: var(--new-main-color);
}
.containerresize .course-card .progress-section .complete-status {
  font-size: 11px;
  font-weight: 600;
  color: var(--new-main-color) !important;
}
.containerresize .course-card .roadmap-section {
  margin-bottom: 14px;
}
.containerresize .course-card .roadmap-section .roadmap-title {
  font-size: 13px;
  font-weight: 600;
  color: var(--new-mainHeading-color) !important;
  margin-bottom: 8px;
}
.containerresize .course-card .roadmap-section .course-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.containerresize .course-card .roadmap-section .course-list .course-item {
  font-size: 12px;
  color: var(--new-pera-color) !important;
  padding: 4px 0;
  display: flex;
  align-items: center;
  gap: 6px;
}
.containerresize .course-card .roadmap-section .course-list .course-item.completed {
  color: var(--new-mainHeading-color) !important;
}
.containerresize .course-card .roadmap-section .course-list .course-item.completed .check-icon i {
  color: var(--new-main-color);
}
.containerresize .course-card .action-button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 600;
  color: var(--new-main-color) !important;
  cursor: pointer;
  text-decoration: none;
}
.containerresize .course-card .action-button:hover {
  color: var(--light-text-green) !important;
}
.containerresize .learner-course-card {
  background: var(--new-inner-background) !important;
  border: 1px solid var(--new-border-color) !important;
  border-radius: 12px;
  overflow: hidden;
  color: var(--new-mainHeading-color) !important;
  box-shadow: none !important;
}
.containerresize .learner-course-card .course-body {
  padding: 14px;
}
.containerresize .learner-course-card .course-body .course-title {
  font-size: 15px;
  font-weight: 600;
  color: var(--new-mainHeading-color) !important;
  margin-bottom: 10px;
}
.containerresize .learner-course-card .course-body .course-progress .progress-bar-container {
  background: var(--bg-background);
  border: 1px solid var(--new-border-color);
  height: 6px;
  border-radius: 3px;
  overflow: hidden;
  margin-bottom: 4px;
}
.containerresize .learner-course-card .course-body .course-progress .progress-bar-container .progress-bar-fill {
  height: 100%;
  background: var(--new-main-color);
}
.containerresize .learner-course-card .course-body .course-progress .progress-text {
  font-size: 11px;
  font-weight: 600;
  color: var(--new-main-color) !important;
}
.containerresize .learner-course-card .course-body .course-meta .meta-item {
  font-size: 12px;
  color: var(--new-pera-color) !important;
}
.containerresize .learner-course-card .learner-course-footer {
  background: var(--new-bgLight) !important;
  border-top: 1px solid var(--new-border-color) !important;
  padding: 10px 14px;
}
.containerresize .learner-course-card .learner-course-footer .completed-info {
  color: var(--new-main-color) !important;
  font-size: 13px;
  font-weight: 600;
}
.containerresize .learner-course-card .learner-course-footer .mark-complete-btn {
  background: var(--bg-background) !important;
  border: 1.5px solid var(--new-main-color) !important;
  color: var(--new-main-color) !important;
  border-radius: 8px;
  padding: 6px 12px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  width: 100%;
  transition: all 0.2s ease;
}
.containerresize .learner-course-card .learner-course-footer .mark-complete-btn:hover {
  background: var(--new-main-color) !important;
  color: #ffffff !important;
}
.containerresize .cm-learners-header {
  background: var(--new-bgPrimary) !important;
  background-image: var(--green-linear-gredient) !important;
  color: #ffffff !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.containerresize .cm-learners-header .cm-learners-header-left {
  color: #ffffff !important;
  font-weight: 600;
  font-size: 14px;
}
.containerresize .cm-learners-header .cm-learners-count {
  background: rgba(255, 255, 255, 0.25) !important;
  color: #ffffff !important;
  font-size: 11px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 20px;
}
.containerresize .cm-learners-header .cm-learners-search {
  background: var(--bg-background) !important;
  border: 1px solid var(--new-border-color) !important;
  border-radius: 6px;
  padding: 4px 8px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.containerresize .cm-learners-header .cm-learners-search input {
  background: transparent !important;
  border: none !important;
  color: var(--new-mainHeading-color) !important;
  font-size: 12px;
  outline: none;
}
.containerresize .cm-learners-header .cm-learners-search input::placeholder {
  color: var(--new-pera-color) !important;
}
.containerresize .cm-learners-header .cm-learners-search .pi {
  color: var(--new-pera-color) !important;
  font-size: 11px;
}
.containerresize .cm-learner-item {
  padding: 12px 14px;
  border-bottom: 1px solid var(--new-border-color) !important;
  transition: background 0.15s ease;
}
.containerresize .cm-learner-item:hover {
  background: var(--new-hover-color) !important;
}
.containerresize .cm-learner-item .cm-learner-name {
  color: var(--new-mainHeading-color) !important;
  font-size: 14px;
  font-weight: 600;
}
.containerresize .cm-learner-item .siteName,
.containerresize .cm-learner-item .cm-learner-meta {
  color: var(--new-pera-color) !important;
  font-size: 12px;
}
.containerresize .cm-learner-item .cm-tag {
  background: var(--bg-background) !important;
  border: 1px solid var(--new-border-color) !important;
  color: var(--new-pera-color) !important;
  font-size: 11px;
  border-radius: 20px;
  padding: 2px 8px;
}
.containerresize .deputy-sync-container .deputy-sync-info {
  background: var(--new-inner-background) !important;
  border: 1px solid var(--new-border-color) !important;
  border-radius: 8px;
  padding: 12px 14px;
  color: var(--new-mainHeading-color) !important;
}
.containerresize .deputy-sync-container .deputy-sync-info p {
  color: var(--new-mainHeading-color) !important;
  font-size: 13px;
  margin: 0;
}
.containerresize .deputy-sync-container .deputy-sync-info .pi {
  color: var(--new-main-color) !important;
}
.containerresize .deputy-sync-container .deputy-status-badge {
  border: 1px solid var(--new-border-color) !important;
  border-radius: 8px;
  padding: 12px 14px;
  background: var(--new-inner-background) !important;
}
.containerresize .deputy-sync-container .deputy-status-badge strong {
  color: var(--new-mainHeading-color) !important;
}
.containerresize .deputy-sync-container .deputy-status-badge p {
  color: var(--new-pera-color) !important;
}
.containerresize .deputy-sync-container .deputy-paths-list h6 {
  color: var(--new-pera-color) !important;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
}
.containerresize .deputy-sync-container .deputy-paths-list .deputy-path-item {
  background: var(--bg-background) !important;
  border: 1px solid var(--new-border-color) !important;
  border-radius: 8px;
  padding: 10px 12px;
  margin-bottom: 8px;
}
.containerresize .deputy-sync-container .deputy-paths-list .deputy-path-item .deputy-path-name {
  color: var(--new-mainHeading-color) !important;
  font-weight: 600;
  font-size: 13px;
}
.containerresize .deputy-sync-container .deputy-paths-list .deputy-path-item .deputy-path-name .pi {
  color: var(--new-main-color);
}
.containerresize .deputy-sync-container .deputy-paths-list .deputy-path-item .deputy-path-progress {
  color: var(--new-pera-color) !important;
  font-size: 12px;
}
.table > :not(caption) > * > * {
  background-color: var(--new-bg-background) !important;
  color: var(--new-pera-color) !important;
}
.table thead th {
  border-color: var(--new-border-color) !important;
  color: var(--new-mainHeading-color) !important;
}
.table-bordered td,
.table-bordered th {
  border-color: var(--new-border-color) !important;
}
.pac-container {
  border-color: var(--new-border-color) !important;
}
.pac-container > div {
  background: var(--bg-background) !important;
  color: var(--new-pera-color) !important;
}
.pac-container > div span {
  color: var(--new-pera-color) !important;
}
.pac-container > div table tr td a {
  color: var(--new-mainHeading-color) !important;
}
.hotspot-label-form input {
  background: var(--new-bg-background) !important;
  border-color: var(--new-border-color) !important;
}
.p-chip {
  background: transparent !important;
  color: var(--new-pera-color) !important;
}
.p-chip .p-chip-remove-icon {
  color: var(--new-pera-color) !important;
}
iframe {
  width: 100% !important;
}
.content-wrapper h2 {
  font-size: 17px !important;
}
.p-datatable-filter-rule {
  border: none !important;
}
.p-button-text.p-button-danger:hover {
  background: rgba(239, 68, 68, 0.0784313725) !important;
  border: 1px solid rgba(239, 68, 68, 0.25) !important;
  color: #ef4444 !important;
}
.p-multiselect-option {
  height: auto !important;
  white-space: inherit !important;
}
.navbar .navbar-menu-wrapper.collapsed-header .welcometx {
  margin-left: 0px;
}
.page-body-wrapper.sidebar-collapsed .sidebar-toggle-btn {
  left: 100px;
  transform: rotate(180deg);
  transition: all 0.3s ease-in-out;
}
.navbar .navbar-nav-right {
  border-top-left-radius: 50px;
  padding-left: 18px;
}
.navbar-nav-right .nav-item .hdr-date {
  color: #1e2d3b;
  font-weight: 400;
  margin-right: 20px;
}
.page-body-wrapper .layout-main {
  border-top-left-radius: 0px;
  border: none;
}
.dashboard-top-panel {
  padding: 10px 25px !important;
  border-radius: 15px;
  background: #fff;
  margin-top: 15px;
}
.dashboard-top-panel .card-title-row-rt {
  display: none;
}
.dashboard-top-panel .card-title-row-lt h2 {
  color: #0e3440;
  background-color: #fff;
}
.dashboard-top-panel .dashboard-pnl1 .dashboard-pnl1-box {
  border: 1px solid #dddddd;
  box-shadow: none;
}
.dashboard-top-panel .dashboard-pnl1 .dashboard-pnl1-box:hover {
  border: 1px solid #6e9700;
  background-color: #F7FFE8 !important;
}
.dashboard-top-panel .dashboard-pnl1 .dashboard-pnl1-box:hover h3 {
  color: #6e9700;
}
.page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl1 .dashboard-pnl1-box:hover .card .card-body .card-body-lt h3 {
  color: #6e9700;
}
.dashboard-pnl4-rt-heading h3 {
  background: var(--theme-green);
  color: var(--white);
  padding: 14px 30px 14px 25px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  margin-bottom: 0px;
}
.dashboard-pnl1-box {
  box-shadow: none;
}
.dashboard-pnl1-box .card .card-body-rt {
  background-color: #F4F4F4;
  padding: 18px;
  border-radius: 100%;
}
.dashboard-pnl1-box .card .card-body-lt {
  width: 64%;
}
.staff-list {
  width: 100%;
  max-width: 400px;
  background-color: #ffffff;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.staff-item {
  display: flex;
  align-items: center;
  padding: 10px 64px 10px 25px;
  border-bottom: 1px solid #e0e0e0;
  transition: background-color 0.2s;
}
.staff-item:last-child {
  border-bottom: none;
}
.staff-item:hover {
  background-color: #f7f7f7;
}
.profile-pic {
  width: 57.44px;
  height: 57.44px;
  border-radius: 50%;
  object-fit: cover;
  margin-right: 20px;
}
.staff-details {
  flex-grow: 1;
}
.name {
  font-weight: 700;
  font-size: 14px;
  color: #244651;
  margin: 0;
}
.role {
  font-size: 12px;
  color: #244651;
  margin: 0.2rem 0 0;
}
.timestamp {
  font-size: 14px;
  color: #244651;
  white-space: nowrap;
}
.dashboard-pnl4-rt {
  padding-bottom: 10px;
}
.dashboard-pnl4-rt .staff-lists ul {
  padding: 0px;
}
.dashboard-pnl4-rt .staff-lists ul li {
  list-style: none;
  border-bottom: 1px solid #e5e5e5;
}
.dashboard-pnl4-rt .staff-lists ul li:last-child {
  border-bottom: none;
}
.dashboard-pnl4-lt-table-heading {
  padding: 0px 0px !important;
}
.dashboard-pnl4-lt-table-heading .activities-col-lt .activities-headng h3 {
  padding: 14px 30px 14px 25px;
}
.recnt-cours-info {
  padding: 24px 25px 0px 25px;
}
.recnt-cours-info .cours-box .cours-box-inner {
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  min-height: 318px;
  text-align: center;
  border-radius: 15px;
  padding: 28px;
  position: relative;
}
.recnt-cours-info .cours-box .cours-box-inner .edit-arw {
  flex-shrink: 0;
  position: absolute;
  content: "";
  top: 18px;
  left: 18px;
  width: 28px;
  height: 28px;
  border-radius: 11px;
  cursor: pointer;
  background-color: rgba(138, 172, 57, 0.1);
  display: grid;
  place-items: center;
  color: var(--new-main-color) !important;
}
.recnt-cours-info .cours-box .cours-box-inner .list-item-point ul li .content-course p {
  display: inline-block;
}
.main-footer {
  background-color: #6e9700;
}
.main-footer .ft-buttom p {
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  padding: 22px 0px;
}
.dashboard-pnl4-rt {
  height: 100%;
}
.dashboard-pnl4-lt-table,
.dashboard-pnl4-rt {
  border-radius: 15px !important;
  overflow: hidden;
}
.user-graph {
  margin-top: 25px;
}
.user-graph .user-login-headng {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 16px 13px 16px;
  background: #6e9700;
  color: var(--white);
  margin-top: 0px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
.user-graph .user-login-headng h3 {
  font-size: 18px;
  text-transform: capitalize;
  font-weight: 600;
  margin-bottom: 0px;
}
.user-graph .user-login-headng .user-login-left {
  font-size: 14px;
  text-transform: capitalize;
  font-weight: 600;
}
.user-graph .user-login-headng .user-login-left span {
  margin-left: 26px;
  cursor: pointer;
}
.user-graph .user-graph-inner {
  background: var(--bg-background);
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  display: grid;
  place-items: center;
  box-shadow: 0 1px 8px -5px rgba(0, 0, 0, 0.6509803922);
}
.user-graph .user-graph-inner img {
  width: 50%;
}
.graph-circle-headng {
  display: flex;
  align-items: center;
  padding: 16px 25px 13px 16px;
  background: #6e9700;
  color: var(--white);
  margin-top: 30px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
.graph-circle-headng h3 {
  font-size: 18px;
  text-transform: capitalize;
  font-weight: 600;
  margin-bottom: 0px;
}
.user-graph-circle .user-graph-inner {
  background: var(--bg-background);
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  display: grid;
  place-items: center;
  box-shadow: 0 1px 8px -5px rgba(0, 0, 0, 0.6509803922);
}
.user-graph-circle p-chart canvas {
  height: 330px !important;
}
.user-graph-inner {
  height: 354px;
}
.layout-dashboard {
  padding-bottom: 0px !important;
}
.section-content.content-img img {
  width: 100%;
}
.img-course-thumbnail img {
  width: 100%;
  border-radius: 15px;
}
.list-item-point ul {
  display: flex;
  gap: 5px;
  margin-top: 10px !important;
  flex-direction: column;
}
.list-item-point ul li {
  font-size: 14px;
  font-weight: 300;
  color: #525252;
  text-transform: capitalize;
}
.list-item-point ul li strong {
  display: flex;
  align-items: start;
  gap: 6px;
  color: #000;
}
.list-item-point ul li strong i {
  font-size: 12px;
  color: var(--new-pera-color);
}
.list-item-point ul li strong .content-course {
  color: var(--new-pera-color);
  font-size: 12px !important;
}
.under-training .staff-item {
  position: relative;
}
.under-training .staff-details,
.under-training p.role {
  white-space: initial;
  width: 82%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.under-training .staff-details:hover,
.under-training p.role:hover {
  overflow: visible;
}
.under-training .timestamp {
  font-size: 12px;
  color: #606060;
  white-space: nowrap;
  position: absolute;
  right: 9px;
  top: 4px;
}
.double-col-rw .new-content-info-box {
  padding: 0px 0px;
  margin-top: 23px;
  background: var(--bg-background) !important;
  border: 1px solid var(--new-border-color);
  border-radius: 12px;
}
.double-col-rw .new-content-info-box.new-content-info-box-doubleCol {
  margin-top: 0px;
}
.double-col-rw .new-content-info-box .img-double-content-thumbnail::before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background:
    linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0),
      rgba(0, 0, 0, 0.4));
  content: "";
}
.double-col-rw .new-content-info-box .company-logo {
  position: absolute;
  bottom: 30px;
  left: 22px;
}
.double-col-rw .new-content-info-box .doublecol-content-inner {
  overflow: initial;
  height: initial;
  padding: 20px 26px;
  font-family: var(--new-bg-font);
}
.double-col-rw .new-content-info-box .doublecol-content-inner h4 {
  margin: 10px 0 13px !important;
  color: var(--new-mainHeading-color);
}
.double-col-rw .new-content-info-box .doublecol-content-inner h6 {
  color: var(--new-mainHeading-color);
  font-weight: 700;
  padding-bottom: 3px;
}
.double-col-rw .new-content-info-box .doublecol-content-inner p {
  color: #606060;
  margin: 18px 0;
}
.double-col-rw .new-content-info-box .description-content {
  overflow: hidden !important;
  padding-right: 13px;
  transition: all 0.3s;
  height: auto;
  max-height: 400px;
  overflow-y: auto !important;
  color: #727272;
}
.double-col-rw .new-content-info-box .description-content:hover {
  transition: all 0.3s;
}
.double-col-rw .new-content-info-box .description-content::-webkit-scrollbar {
  width: 4px;
}
.double-col-rw .new-content-info-box .description-content::-webkit-scrollbar-track {
  background: #dadada;
  border-radius: 3px;
  transition: all 0.3s;
}
.double-col-rw .new-content-info-box .description-content::-webkit-scrollbar-thumb {
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #6e9700;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
  transition: all 0.3s;
}
.learner-box-category .completed-courses-box,
.learner-box-category .learner-courses-container,
.learner-box-category .learner-certificates-box {
  padding: 0px 0px;
}
.learner-box-category .learner-comn-h3 {
  color: var(--white);
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0px;
  padding: 20px 22px;
  background: var(--theme-green);
  font-family: "Helvetica" !important;
  border-radius: 12px 12px 0px 0px;
}
.learner-box-category .courses-grid-completed {
  padding: 22px 22px;
}
.learner-box-category .learner-certificate-list {
  padding: 4px 22px;
}
.main-footer p {
  font-size: 16px;
  padding: 9px 0;
}
.create-cours-main .course-preview-details {
  padding: 0px 0px;
  margin-top: 40px;
}
.create-cours-main .course-preview-details ul li {
  transition: all 0.4s;
  background: var(--bg-background, #ffffff);
}
.create-cours-main .course-preview-details .section-box-info .sec-box-top {
  padding: 22px 20px !important;
  transition: all 0.4s;
}
.create-cours-main .course-preview-details .section-box-info .sec-box-top:hover {
  border-color: #6e9700;
}
.create-cours-main .course-preview-details .section-box-info a.sec-start-btn i {
  background: #6e9700;
  color: #fff;
  width: 20px;
  display: inline-block;
  height: 20px;
  text-align: center;
  line-height: 20px;
  border-radius: 100%;
  font-size: 11px;
  margin: 0 0 0 5px;
}
.main-dashboard .dashboard-pnl4-lt .recnt-cours-info {
  height: 750px;
  overflow: auto;
}
.main-dashboard .dashboard-pnl4-lt .dashboard-pnl1-box .card .card-body-lt {
  width: 74%;
}
.main-dashboard .dashboard-pnl4-lt .dashboard-pnl1-box .card .card-body-rt {
  background-color: #eff7d0;
}
.main-dashboard .dashboard-pnl4-lt .recnt-cours-info .new-course-box {
  padding: 12px;
  justify-content: start;
  text-align: start;
  height: 100%;
  min-height: auto;
}
.main-dashboard .dashboard-pnl4-lt .recnt-cours-info .new-course-box .edit-arw {
  position: relative;
  left: 10px;
  top: 0;
}
.main-dashboard .dashboard-pnl4-lt .recnt-cours-info .new-course-box .img-course-thumbnail img {
  height: 140px;
}
.main-dashboard .dashboard-pnl4-lt .activities-headng {
  position: relative;
}
.main-dashboard .dashboard-pnl4-lt .activities-headng span {
  background: #dbeb9b;
  position: relative;
  right: 34px;
  top: 0;
  color: #333;
}
.main-dashboard .dashboard-pnl4-lt .recnt-cours-info {
  padding: 24px 14px 0px 14px;
  height: auto;
}
.right-dropdown.p-menu {
  min-width: 300px !important;
}
.learner-filter .layout-content .layout-generate .grid .card-title-row .filter-actions-container .filter-section .filter-controls .filter-item {
  min-width: 150px !important;
}
.learner-filter .layout-content .layout-generate .grid .card-title-row .filter-actions-container .filter-section .filter-controls .filter-item .p-multiselect-dropdown .p-iconwrapper {
  background: transparent;
  right: 11px;
  position: relative;
  width: 13px;
}
.learner-filter .layout-content .layout-generate .grid .card-title-row .filter-actions-container .filter-section .filter-controls .filter-item .p-multiselect-open .p-multiselect-clear-icon {
  background: #ffffff !important;
  z-index: 999;
}
.learner-filter .layout-content .layout-generate .grid .card-title-row .filter-actions-container .filter-section .filter-controls .filter-item .p-multiselect-option {
  white-space: inherit !important;
}
.p-tieredmenu {
  min-width: 8% !important;
}
.page-body-wrapper .main-dashboard {
  padding: 27px 10px;
}
.page-body-wrapper .main-dashboard .layout-dashboard .dashboard-pnl1 .dashboard-pnl1-box .card-body .card-body-lt {
  width: 70%;
}
.page-body-wrapper .main-dashboard .layout-dashboard .dashboard-pnl1 .dashboard-pnl1-box .card-body .card-body-lt h3 {
  color: #424242 !important;
}
.page-body-wrapper .main-dashboard .layout-dashboard .dashboard-pnl4 .under-training .staff-lists ul li .staff-item .staff-details p {
  font-size: 15px;
}
.list-item-point ul li p {
  text-transform: initial;
}
.main-dashboard .dashboard-pnl1-box .card-body {
  justify-content: initial !important;
  gap: 18px;
}
.p-multiselect-list-container ul li .p-multiselect-option {
  white-space: inherit !important;
}
.p-menu-overlay {
  position: absolute;
  right: 25px !important;
  left: inherit !important;
  top: 57px !important;
}
.right-dropdown.p-menu {
  min-width: 220px !important;
}
@media screen and (max-width: 991px) {
  .main-footer::before {
    display: none !important;
  }
  .card-title-row {
    margin-bottom: 10px !important;
  }
  .page-body-wrapper .layout-main {
    padding: 10px !important;
    margin-top: 35px !important;
    padding-top: 33px !important;
  }
  .layout-content {
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 800px) {
  .user-graph-circle p-chart canvas {
    height: 210px !important;
    width: 210px !important;
  }
}
.p-confirmpopup .p-confirmpopup-footer .p-button.p-ripple {
  background: #6e9700 !important;
  border-color: #6e9700 !important;
}
.separate-dial-code input {
  height: 45px !important;
}
.creat-member-bg .info-body label {
  margin-bottom: 0.5rem !important;
}
@media screen and (max-width: 767px) {
  .header-search {
    display: block;
  }
  .header-search .p-input-icon-right {
    width: 100%;
  }
  .header-search .card-button-panel-main {
    justify-content: center;
  }
  .card-button-panel-main {
    justify-content: center;
  }
  .top-lead-list-btn {
    text-align: center;
  }
  .p-dialog-title {
    font-size: 18px !important;
    text-transform: capitalize !important;
  }
}
@media screen and (max-width: 1478px) {
  .date-form-report .p-datepicker {
    width: 100% !important;
  }
}
.tox-statusbar__help-text,
.tox-promotion,
.tox-statusbar__path,
.tox-statusbar__right-container {
  display: none !important;
}
.statistical-panel ul {
  padding-left: 0;
  margin-bottom: 0;
}
.statistical-panel ul li {
  list-style: none;
  display: inline-block;
  width: 20%;
}
@media (max-width: 767px) {
  .statistical-panel ul li {
    width: 33%;
    margin-bottom: 14px;
    vertical-align: top;
  }
}
@media (max-width: 767px) {
  .statistical-panel ul li img {
    height: 28px;
  }
}
.statistical-panel ul li span {
  display: block;
  margin-top: 10px;
  font-weight: 600;
  color: #658e04;
}
@media (max-width: 767px) {
  .statistical-panel ul li span {
    margin-top: 4px;
  }
}
.statistical-panel ul li span span {
  display: inline-block;
}
@media (max-width: 767px) {
  .statistical-panel ul li span span {
    margin-top: 0;
  }
}
.statistical-panel ul li p {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .statistical-panel ul li p {
    font-size: 14px;
    font-weight: 600;
  }
}
.row.icons-row {
  display: block;
}
@media (max-width: 767px) {
  .content-wrapper .col-half .col-6 {
    width: 100%;
    max-width: 100%;
    flex: 100%;
  }
}
@media (max-width: 767px) {
  .client-header .navbar-nav li h2 {
    font-size: 12px !important;
    padding-top: 10px;
  }
}
.navbar {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}
.navbar .navbar-menu-wrapper {
  transition: width 0.25s ease;
  -webkit-transition: width 0.25s ease;
  -moz-transition: width 0.25s ease;
  -ms-transition: width 0.25s ease;
  color: #9c9fa6;
  padding-left: 0px;
  padding-right: 0px;
  width: calc(100% - var(--sidebar-width, 260px));
  height: 55px;
  position: relative;
  overflow: hidden;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .navbar .navbar-menu-wrapper {
    width: calc(100% - 240px);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .navbar .navbar-menu-wrapper {
    width: calc(100% - 50px);
    padding-left: 15px;
  }
}
@media (min-width: 481px) and (max-width: 767px) {
  .navbar .navbar-menu-wrapper {
    width: calc(100% - 120px);
  }
}
@media (max-width: 480px) {
  .navbar .navbar-menu-wrapper {
    width: calc(100% - 66px);
    height: 60px;
  }
}
.navbar .navbar-menu-wrapper .navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}
.navbar .navbar-menu-wrapper .navbar-toggler:not(.navbar-toggler-right) {
  font-size: 1.5rem;
}
.navbar .navbar-menu-wrapper .navbar-toggler {
  border: 0;
  color: inherit;
  height: 36px;
  border-radius: 0px;
  padding-left: 5px;
  padding-right: 20px;
  margin-top: 0px;
}
@media (max-width: 480px) {
  .navbar .navbar-menu-wrapper .navbar-toggler {
    padding-right: 20px;
    padding-left: 0px;
    margin-top: 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .navbar .navbar-menu-wrapper .navbar-toggler {
    padding-right: 15px;
  }
}
.navbar.default-layout-navbar {
  box-shadow: none;
  background: var(--bg-background);
}
.navbar {
  font-family: "ubuntu-light", sans-serif;
  background: #fff;
  transition: background 0.25s ease;
  -webkit-transition: background 0.25s ease;
  -moz-transition: background 0.25s ease;
  -ms-transition: background 0.25s ease;
  border-top: 0px;
}
.navbar .navbar-brand {
  width: 110px;
}
.navbar .navbar-brand-wrapper {
  transition: width 0.25s ease, background 0.25s ease;
  -webkit-transition: width 0.25s ease, background 0.25s ease;
  -moz-transition: width 0.25s ease, background 0.25s ease;
  -ms-transition: width 0.25s ease, background 0.25s ease;
  background: var(--bg-background);
  width: var(--sidebar-width, 260px);
  height: 55px;
  text-align: left !important;
  padding-left: 20px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .navbar .navbar-brand-wrapper {
    width: 239px;
    padding-left: 10px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .navbar .navbar-brand-wrapper {
    width: 50px;
    padding-left: 10px;
  }
}
@media (min-width: 481px) and (max-width: 767px) {
  .navbar .navbar-brand-wrapper {
    width: 120px;
  }
}
@media (max-width: 480px) {
  .navbar .navbar-brand-wrapper {
    width: 50px;
    padding-left: 5px;
    height: 40px;
  }
}
.navbar .navbar-brand-wrapper .navbar-brand {
  color: #27367f;
  font-size: 1.5rem;
  line-height: 48px;
  margin-right: 0;
  padding: 0.25rem 0;
  width: 100%;
  text-decoration: none;
}
@media (min-width: 768px) and (max-width: 991px) {
  .navbar .navbar-brand-wrapper .navbar-brand {
    display: none;
  }
}
@media (max-width: 480px) {
  .navbar .navbar-brand-wrapper .navbar-brand {
    display: none;
  }
}
.navbar .navbar-brand-wrapper .navbar-brand.brand-logo-mini {
  display: none;
}
@media (min-width: 768px) and (max-width: 991px) {
  .navbar .navbar-brand-wrapper .navbar-brand.brand-logo-mini {
    display: block;
  }
}
@media (max-width: 480px) {
  .navbar .navbar-brand-wrapper .navbar-brand.brand-logo-mini {
    display: block;
  }
}
.navbar .navbar-brand-wrapper .navbar-brand img {
  max-width: 100%;
  height: 40px;
  margin: auto;
  vertical-align: middle;
}
@media (min-width: 768px) and (max-width: 991px) {
  .navbar .navbar-brand-wrapper .navbar-brand img {
    width: auto;
    height: 40px;
  }
}
@media (max-width: 480px) {
  .navbar .navbar-brand-wrapper .navbar-brand img {
    height: 40px;
    width: auto;
  }
}
.navbar.sidebar-collapsed .navbar-brand-wrapper .navbar-brand img {
  height: auto;
}
@media (min-width: 992px) {
  .sidebar-icon-only .navbar .navbar-brand-wrapper .brand-logo-mini {
    display: inline-block;
  }
}
.navbar-nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
@media (min-width: 992px) {
  .navbar-nav.navbar-nav-right {
    margin-left: auto;
    width: 100%;
  }
}
.navbar-nav li:first-child h2 {
  font-size: 24px;
  color: #333333;
  margin-bottom: 0;
  font-weight: 400;
  margin-left: 20px;
  font-family: "Helvetica" !important;
}
@media (max-width: 480px) {
  .navbar-nav li:first-child h2 {
    font-size: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .navbar-nav li:first-child h2 {
    font-size: 18px;
  }
}
.navbar-nav li:first-child h2 span {
  font-weight: 600;
  color: #333333;
}
.dropdownAnimation,
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu {
  -webkit-animation-name: dropdownAnimation;
  animation-name: dropdownAnimation;
  -webkit-animation-duration: 0.25s;
  animation-duration: 0.25s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu {
  border: none;
  border-radius: 5px;
  -webkit-box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.2);
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown {
  position: absolute;
  font-size: 0.9rem;
  margin-top: 0;
  padding: 0;
}
.navbar .navbar-menu-wrapper .navbar-nav {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link {
  color: inherit;
  font-size: 0.875rem;
  margin-left: 15px;
  margin-right: 15px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link i {
  font-size: 14px;
  color: #aaa;
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link .nav-profile-img {
  position: relative;
  width: 32px;
  height: 32px;
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link .nav-profile-img img {
  width: 32px;
  height: 32px;
  border-radius: 100%;
  margin-right: 10px;
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link .nav-profile-img .availability-status {
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  border: 2px solid #ffffff;
  bottom: 5px;
  right: -5px;
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link .nav-profile-img .availability-status.online {
  background: #1bcfb4;
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link .nav-profile-text {
  margin-left: 1.25rem;
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link.myAccount {
  display: flex;
  text-transform: capitalize;
  font-weight: 600;
  color: var(--theme-green);
  padding-top: 0px;
  margin: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  margin-left: 12px;
}
@media (max-width: 480px) {
  .navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link.myAccount {
    font-size: 12px;
    margin-left: 10px;
    margin-right: 5px;
  }
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link.myAccount i {
  font-weight: 500;
  padding-top: 0;
  width: 30px;
  height: 34px;
  background: var(--theme-green);
  color: var(--new-mainHeading-color);
  text-align: center;
  border-radius: 50px;
  line-height: 34px;
  font-size: 15px;
  margin-top: 0;
  transition: 400ms ease-in-out;
  margin-left: -8px;
  flex-shrink: 0;
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link.myAccount i:hover {
  background: var(--light-green);
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link.myAccount img {
  margin-right: 0px;
  margin-left: 0;
  transition: all ease-in-out 0.3s;
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link.myAccount .fa {
  color: #000000;
  margin-right: 10px;
}
.navbar .navbar-menu-wrapper .count-indicator .count-symbol,
.navbar .navbar-menu-wrapper .count-indicator .count-number {
  position: absolute;
  border-radius: 100%;
  border: 2px solid #ffffff;
}
.navbar .navbar-menu-wrapper .count-indicator .count-symbol {
  top: 17px;
  right: 10px;
  width: 10px;
  height: 10px;
}
.bg-danger {
  background-color: #fe7c96 !important;
}
.permissionNsetting h6 {
  font-size: 14px;
  color: #495057;
  font-weight: 600;
}
.navbar .navbar-menu-wrapper .nav-profile .dropdown-menu {
  width: 250px;
  left: inherit;
  right: 0;
}
.navbar .navbar-menu-wrapper .nav-profile .dropdown-menu::before {
  content: "\f0d8";
  font-family: "FontAwesome";
  font-size: 30px;
  position: absolute;
  top: -27px;
  right: 18px;
  display: block;
  color: #ffffff;
}
.navbar .navbar-menu-wrapper .nav-profile .dropdown-menu .profname {
  padding-left: 10px;
}
.navbar .navbar-menu-wrapper .nav-profile .dropdown-menu .profname strong {
  font-size: 14px;
  display: block;
}
.navbar .navbar-menu-wrapper .nav-profile .dropdown-menu .profname span {
  font-size: 12px;
  color: #aaaaaa;
}
.extra-sub h6.p-3 {
  font-size: 14px;
}
.extra-sub h6 .fas {
  color: #aaaaaa;
  font-size: 13px;
}
.extra-sub .dropdown-item .preview-subject {
  font-size: 13px;
}
.nav-profile .dropdown-menu .dropdown-item {
  font-size: 13px;
}
.nav-profile .dropdown-menu .dropdown-item img {
  border: 3px solid #eceff3;
  border-radius: 50%;
}
.nav-profile .dropdown-menu .dropdown-item h6 {
  font-size: 13px;
}
.navbar.sidebar-collapsed .navbar-brand-wrapper {
  width: 65px;
  padding-left: 5px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .navbar.sidebar-collapsed .navbar-brand-wrapper {
    width: 100px;
  }
}
@media (max-width: 480px) {
  .navbar.sidebar-collapsed .navbar-brand-wrapper {
    width: 50px;
    padding-left: 5px;
    height: 50px;
  }
}
.navbar.sidebar-collapsed .navbar-brand-wrapper .brand-logo {
  display: none;
}
@media (min-width: 768px) and (max-width: 991px) {
  .navbar.sidebar-collapsed .navbar-brand-wrapper .brand-logo {
    display: none;
  }
}
@media (max-width: 480px) {
  .navbar.sidebar-collapsed .navbar-brand-wrapper .brand-logo {
    display: none;
  }
}
.navbar.sidebar-collapsed .navbar-brand-wrapper .brand-logo-mini {
  display: block;
}
@media (min-width: 768px) and (max-width: 991px) {
  .navbar.sidebar-collapsed .navbar-brand-wrapper .brand-logo-mini {
    display: block;
  }
}
@media (max-width: 480px) {
  .navbar.sidebar-collapsed .navbar-brand-wrapper .brand-logo-mini {
    display: block;
  }
}
.navbar.sidebar-collapsed .navbar-brand-wrapper .brand-logo-mini img {
  width: 100%;
  height: auto;
}
@media (max-width: 480px) {
  .navbar.sidebar-collapsed .navbar-brand-wrapper .brand-logo-mini img {
    width: auto;
    height: 40px;
  }
}
.navbar.sidebar-collapsed .navbar-menu-wrapper {
  width: 93%;
}
@media (min-width: 768px) and (max-width: 991px) {
  .navbar.sidebar-collapsed .navbar-menu-wrapper {
    width: 85%;
  }
}
@media (min-width: 481px) and (max-width: 767px) {
  .navbar.sidebar-collapsed .navbar-menu-wrapper {
    width: 85%;
  }
}
@media (max-width: 480px) {
  .navbar.sidebar-collapsed .navbar-menu-wrapper {
    width: calc(100% - 50px);
  }
}
.navbar-nav .global-src {
  width: 30%;
  padding-right: 20px;
  position: relative;
}
.navbar-nav .global-src input.src-field {
  width: 100%;
  border-radius: 25px;
  padding: 5px 15px 5px 40px;
  border: 1px solid #ddd;
  height: 34px;
}
.navbar-nav .global-src .src-ico {
  position: absolute;
  top: 6px;
  left: 15px;
  color: #ccc;
}
.navbar-nav .global-src .search-result ul {
  position: absolute;
  background: #fff;
  width: 94%;
  box-shadow: 0 8px 8px rgba(0, 0, 0, 0.25);
  top: 37px;
  border: 1px solid #f5f5f5;
  border-radius: 8px;
  padding: 20px;
  height: 450px;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: calc(100vh - 120px);
}
.navbar-nav .global-src .search-result ul li {
  position: relative;
  list-style: none;
  width: 100%;
  padding-left: 0px;
  line-height: 18px;
  display: inline-block;
  margin-bottom: 12px;
}
.navbar-nav .global-src .search-result ul li span {
  display: block;
  font-size: 12px;
  color: #999;
}
.navbar-nav .global-src .search-result ul li a {
  display: block;
  font-size: 14px;
  color: #333;
  text-decoration: none;
}
.navbar-nav .global-src .search-result ul li a:hover {
  text-decoration: underline;
}
.navbar-nav .global-src .search-result ul li .listicon {
  width: 18%;
  float: left;
  padding-top: 3px;
}
.navbar-nav .global-src .search-result ul li .listicon .fa {
  width: 30px;
  height: 30px;
  background: #f5f5f5;
  border-radius: 50%;
  font-size: 14px;
  padding-top: 6px;
  text-align: center;
}
.navbar-nav .global-src .search-result ul li .listvalue {
  width: 82%;
  float: left;
}
.navbar.default-layout-navbar .navbar-menu-wrapper .navbar-nav.navbar-nav-right {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 768px) and (max-width: 991px) {
  .navbar.default-layout-navbar .navbar-menu-wrapper .navbar-nav.navbar-nav-right {
    width: 100%;
    padding-top: 12px;
  }
}
@media (min-width: 481px) and (max-width: 767px) {
  .navbar.default-layout-navbar .navbar-menu-wrapper .navbar-nav.navbar-nav-right {
    display: block !important;
  }
}
@media (max-width: 480px) {
  .navbar.default-layout-navbar .navbar-menu-wrapper .navbar-nav.navbar-nav-right {
    padding-top: 10px;
  }
}
.navbar .navbar-menu-wrapper .navbar-nav li {
  display: inline-block;
}
.navbar .navbar-menu-wrapper .navbar-nav li:first-child {
  float: left;
}
.navbar .navbar-menu-wrapper .navbar-nav li.user-account {
  display: flex;
  align-items: center;
  float: right;
  margin-top: 0px !important;
}
.navbar .navbar-menu-wrapper .navbar-nav li.user-account span {
  margin-top: 0px;
  font-size: 12px;
}
.navbar .navbar-menu-wrapper .navbar-nav li.user-account span.run-time {
  font-size: 20px;
  float: none;
  display: block;
  margin-top: 0;
}
@media (max-width: 480px) {
  .navbar .navbar-menu-wrapper .navbar-nav li.user-account span {
    font-size: 12px;
  }
}
.navbar .navbar-menu-wrapper .navbar-nav li.user-account a.myAccount {
  float: right;
}
.navbar .navbar-menu-wrapper .navbar-nav li.d-lg-block {
  display: inline-block !important;
}
.navbar .navbar-menu-wrapper .navbar-nav.client-login-header li:first-child {
  float: left;
}
.navbar .navbar-menu-wrapper .navbar-nav.client-login-header li.client-logo-name {
  float: left;
  padding-left: 15px;
  border-left: 2px solid;
  margin-left: 15px;
}
@media (max-width: 767px) {
  .navbar .navbar-menu-wrapper .navbar-nav.client-login-header li.client-logo-name {
    margin-bottom: 5px;
  }
}
.navbar .navbar-menu-wrapper .navbar-nav.client-login-header {
  padding-top: 12px;
}
.navbar .navbar-menu-wrapper .navbar-nav.client-login-header .client-logo-name img {
  height: 40px;
  width: auto;
  max-width: 200px;
  margin-right: 15px;
}
@media (max-width: 767px) {
  .navbar .navbar-menu-wrapper .navbar-nav.client-login-header .client-logo-name img {
    height: 24px;
    margin-right: 10px;
  }
}
.navbar .navbar-menu-wrapper .navbar-nav.client-login-header .client-logo-name span {
  font-size: 20px;
  font-weight: 600;
  color: #000000;
}
@media (max-width: 767px) {
  .navbar .navbar-menu-wrapper .navbar-nav.client-login-header .client-logo-name span {
    font-size: 14px;
  }
}
#quote-btn {
  background: var(--theme-green);
  padding: 6px 20px;
  margin-right: 6px;
  font-size: 14px;
  color: #ffffff;
  border: 0;
  margin: 0 10px;
}
.navbar-nav .nav-item .datetime {
  width: 115px;
  display: inline-block;
  text-align: center;
  margin-right: 30px;
  vertical-align: top;
}
.navbar-nav .nav-item .datetime .run-time {
  background: var(--theme-green);
  color: var(--white);
  padding: 0px 10px;
  border-radius: 8px;
}
.navbar-nav .nav-item .datetime .currentDate {
  line-height: 17px;
  float: none;
}
.navbar-nav .nav-item .notifications {
  width: 25px;
  display: inline-block;
  text-align: center;
  margin-right: 0px !important;
  margin-top: 0px !important;
}
.navbar-nav .nav-item .notifications .bell {
  position: relative;
  color: var(--new-pera-color);
  margin-left: 10px;
  text-decoration: none;
}
.navbar-nav .nav-item .notifications .bell span.notiCount {
  background: var(--theme-green);
  color: var(--white);
  width: 18px;
  height: 18px;
  border-radius: 50%;
  position: absolute;
  top: -9px;
  right: -5px;
  line-height: 19px;
  font-size: 11px;
}
.navbar-nav .nav-item .notifications .bell .fa {
  font-size: 18px;
  color: #5d5055;
}
.navbar-nav .nav-item .my-profile {
  min-width: 176px;
  margin-right: 0px !important;
  float: right;
  display: flex !important;
  align-items: center !important;
}
.navbar-nav .nav-item .my-profile span.logedname {
  float: none;
  margin: 0 8px;
}
.container-scroller .p-element .p-menu-overlay {
  box-shadow: 1px 2px 2px 3px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 1px 2px 2px 3px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 1px 2px 2px 3px rgba(0, 0, 0, 0.05);
  z-index: 10 !important;
  top: 73px !important;
  position: fixed !important;
  display: block !important;
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content,
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
  background: var(--light-green) !important;
}
.right-navbar-details .nav-item .notifications {
  width: 33px;
  display: inline-block;
  text-align: center;
  margin-right: 0px;
  margin-top: 0px;
  background: #e1e1e1;
  color: #000;
  height: 33px;
  line-height: 35px;
  border-radius: 100%;
}
#date-info {
  color: #1e1e1e;
  font-size: 12px;
  margin-right: 17px;
}
#date-info.fa-calendar:before {
  margin-right: 8px;
  font-size: 14px;
}
.mobile-hamburger-menu {
  margin-right: 16px;
  margin-top: 3px;
}
.mobile-hamburger-menu i {
  transform: rotate(180deg);
  border-radius: 50%;
  width: 45px;
  height: 45px;
  display: flex;
  padding: 0;
  font-size: 24px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: none;
  color: #5a5a5a;
  border: 1px solid #ddd;
}
.mobile-hamburger-menu span {
  background: #000;
  width: 26px;
  height: 2px;
  margin: 5px;
  display: block;
}
.navbar.only-mb .navbar-nav .nav-item .notifications {
  width: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 0px;
  margin-top: 0px;
  background: transparent;
  color: inherit;
  height: 100%;
}
@media screen and (max-width: 991px) {
  .sidebar {
    width: 280px !important;
  }
  .sidebar .brand-logo-mb .brand-logo-mini {
    padding: 8px 6px !important;
  }
  .sidebar .sidebar-toggle-container .sidebar-toggle-btn {
    top: 0px !important;
    right: -352px !important;
    left: 20px !important;
  }
  .page-body-wrapper .layout-main .layout-content .layout-dashboard {
    padding-top: 15px !important;
  }
  .sidebar.mobile-menu-closed .sidebar-toggle-btn {
    background: var(--theme-green);
    right: 90% !important;
    left: 180px !important;
    color: #fff !important;
    transition: all 0.4s;
  }
  .navbar .navbar-menu-wrapper .navbar-nav li.user-account {
    margin-top: 0px !important;
  }
}
@media screen and (max-width: 767px) {
  .navbar .navbar-menu-wrapper .navbar-nav li.user-account {
    margin-top: 0px !important;
  }
}
@media screen and (max-width: 600px) {
  .navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link.myAccount .fa {
    color: #000000;
    margin-right: 10px;
    background: transparent;
    padding: 0;
    width: 10px;
    font-size: 16px;
    margin-left: 10px;
  }
}
@media screen and (max-width: 600px) {
  .navbar .navbar-menu-wrapper .navbar-nav li.user-account {
    margin-top: 0px !important;
  }
}
@media screen and (max-width: 575px) {
  .sidebar.mobile-menu-opened .sidebar-toggle-container {
    left: 70px;
  }
}
.nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.amml-container.my-custom-class {
  min-height: calc(100vh - 70px);
  background: #ffffff;
  font-family: "Barlow", sans-serif;
  padding: 0;
  width: 260px;
  z-index: 11;
  transition: width 0.25s ease, background 0.25s ease;
  -webkit-transition: width 0.25s ease, background 0.25s ease;
  -moz-transition: width 0.25s ease, background 0.25s ease;
  -ms-transition: width 0.25s ease, background 0.25s ease;
}
.amml-container.my-custom-class .anml-link {
  padding: 0 15px;
}
.amml-container.my-custom-class .anml-link .icon-container .amml-icon {
  font-size: 14px;
  color: rgba(187, 168, 191, 0.9607843137);
}
.amml-container.my-custom-class .anml-link .label {
  font-size: 14px;
}
.amml-container.my-custom-class .anml-link:hover {
  background: #1e2d3b;
  color: #ffffff;
}
.amml-container .amml-submenu {
  margin-left: 0 !important;
  padding-left: 15px;
  background: #1e2d3b;
}
.amml-container .amml-submenu .mat-list-item-content .anml-link {
  color: #ffffff;
}
.amml-container .amml-submenu .active-amml-item .anml-link {
  color: #edcd1f;
}
.sidebar {
  min-height: calc(100vh - 70px);
  background: var(--white);
  font-family: "Barlow", sans-serif;
  padding: 0;
  width: 240px;
  z-index: 11;
  transition:
    width 0.3s ease,
    background 0.3s ease,
    padding 0.3s ease,
    transform 0.3s ease !important;
  -webkit-transition:
    width 0.3s ease,
    background 0.3s ease,
    padding 0.3s ease,
    transform 0.3s ease !important;
  -moz-transition:
    width 0.3s ease,
    background 0.3s ease,
    padding 0.3s ease,
    transform 0.3s ease !important;
  -ms-transition:
    width 0.3s ease,
    background 0.3s ease,
    padding 0.3s ease,
    transform 0.3s ease !important;
  position: fixed;
  top: 70px;
  left: 0;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .sidebar {
    width: 240px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .sidebar {
    width: 0px;
  }
}
@media (min-width: 481px) and (max-width: 767px) {
  .sidebar {
    width: 0;
  }
}
@media (max-width: 480px) {
  .sidebar {
    width: 210px !important;
    text-align: center;
    top: 62px;
    left: -210px;
    transition: all ease-in-out 0.3s;
  }
}
.sidebar .nav {
  overflow: hidden;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 0px;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-color: var(--new-border-color) transparent;
  scrollbar-width: thin;
  margin-top: 0px;
}
.sidebar .nav::-webkit-scrollbar {
  width: 5px;
}
.sidebar .nav::-webkit-scrollbar-track {
  background: transparent;
}
.sidebar .nav::-webkit-scrollbar-thumb {
  background: var(--new-border-color);
  border-radius: 6px;
  transition: background 0.2s ease;
}
.sidebar .nav::-webkit-scrollbar-thumb:hover {
  background: var(--new-pera-color);
}
.sidebar .nav .nav-item {
  padding: 0px;
  -webkit-transition-duration: 0.25s;
  transition-duration: 0.25s;
  transition-property: background;
  -webkit-transition-property: background;
}
.sidebar .nav .nav-item:hover {
  border: none;
  outline: none;
}
.sidebar .nav .nav-item:hover a.main-cat {
  color: var(--theme-green);
}
.sidebar .nav .nav-item:hover a.main-cat .fa {
  color: var(--theme-green);
}
.sidebar .nav .nav-item:hover a.main-cat .menu-title {
  color: var(--theme-green);
}
.sidebar .nav .nav-item:hover a:hover {
  border: none;
  outline: none;
}
.sidebar .nav .nav-item.p-nav-item {
  padding: 4px 10px;
}
.sidebar .nav .nav-item:first-child .nav-link {
  transition: all ease-in-out 0.3s;
}
@media (max-width: 800px) {
  .sidebar .nav .nav-item:first-child .nav-link {
    height: 48px;
    padding: 8px 10px;
    line-height: 26px;
  }
}
.sidebar .nav .nav-item .nav-link {
  display: -webkit-block;
  display: -ms-block;
  display: block;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
  padding: 8px 20px 8px 20px;
  color: var(--text-list-grey-light);
  -webkit-transition-duration: 0.45s;
  transition-duration: 0.45s;
  transition-property: color;
  -webkit-transition-property: color;
  border-bottom: 0px solid #cacaca;
  font-weight: 600;
}
.sidebar .nav .nav-item .nav-link.main-cat {
  border: 0px;
  height: 40px;
  padding: 5px 10px 5px 15px;
  border-radius: 0px;
  line-height: 28px;
  outline: none;
}
@media (max-width: 480px) {
  .sidebar .nav .nav-item .nav-link {
    padding: 8px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .sidebar .nav .nav-item .nav-link {
    padding: 12px 8px;
  }
}
.sidebar .nav .nav-item .nav-link i.menu-icon {
  font-size: 16px;
  line-height: 1;
  margin-left: auto;
  color: var(--newSidebar-text-color) !important;
  margin-right: 10px;
  float: left;
  margin-top: 9px;
  width: 20px;
  text-align: center;
  font-weight: 100;
}
.sidebar .nav .nav-item .nav-link i.fa-angle-right {
  float: right;
  font-size: 12px;
  line-height: 30px;
  color: var(--newSidebar-text-color);
}
@media (max-width: 480px) {
  .sidebar .nav .nav-item .nav-link i.fa-angle-right {
    display: none;
  }
}
.sidebar .nav .nav-item .nav-link .menu-title {
  color: inherit;
  display: inline-block;
  font-size: 16px;
  line-height: 1;
  vertical-align: middle;
  color: #5e5156;
  font-weight: 500;
  font-family: var(--title-font);
}
@media (max-width: 480px) {
  .sidebar .nav .nav-item .nav-link .menu-title {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .sidebar .nav .nav-item .nav-link .menu-title {
    font-size: 0px;
  }
}
@media (max-width: 480px) {
  .sidebar.mobile-menu-closed .sidebar-toggle-btn {
    left: 100px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .page-body-wrapper.sidebar-collapsed .sidebar .nav-item .sub-menu .nav-item .nav-link::before {
    top: 14px;
  }
}
.page-body-wrapper.sidebar-collapsed .sidebar .nav-item .sub-menu .nav-item .nav-link.active-item::before {
  top: 12px;
}
@media (max-width: 480px) {
  .page-body-wrapper.sidebar-collapsed .sidebar .nav-item .sub-menu .nav-item .nav-link.active-item::before {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .page-body-wrapper.sidebar-collapsed .sidebar .nav-item .sub-menu .nav-item .nav-link.active-item::before {
    top: 5px;
  }
}
.sidebar .nav-item .sub-menu .nav-item .nav-link {
  padding-left: 40px;
  position: relative;
  color: #5e5156;
  font-weight: 400;
}
.sidebar .nav-item .sub-menu .nav-item .nav-link::before {
  content: "";
  position: absolute;
  left: 26px;
  top: 17px;
  display: block;
  width: 6px;
  height: 6px;
  background: var(--deep-dark);
  border-radius: 50%;
}
@media (min-width: 768px) and (max-width: 991px) {
  .sidebar .nav-item .sub-menu .nav-item .nav-link::before {
    left: 7px;
    top: 20px;
  }
}
@media (max-width: 480px) {
  .sidebar .nav-item .sub-menu .nav-item .nav-link::before {
    left: 18px;
    top: 9px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .sidebar .nav-item .sub-menu .nav-item .nav-link {
    padding-left: 18px;
    font-size: 14px;
  }
}
.sidebar .nav-item.active-parent a.main-cat {
  color: var(--theme-green);
}
.sidebar .nav-item.active-parent a.main-cat .menu-title {
  color: var(--theme-green);
}
.sidebar .nav-item.active-parent a.main-cat .menu-icon {
  color: var(--theme-green);
}
.sidebar .nav-item.active-parent .sub-menu .nav-item .nav-link {
  padding-left: 40px;
  position: relative;
}
@media (min-width: 768px) and (max-width: 991px) {
  .sidebar .nav-item.active-parent .sub-menu .nav-item .nav-link {
    padding-left: 25px;
  }
}
@media (max-width: 480px) {
  .sidebar .nav-item.active-parent .sub-menu .nav-item .nav-link {
    padding: 12px;
  }
}
.sidebar .nav-item.active-parent .sub-menu .nav-item .nav-link.active-item {
  color: var(--theme-green);
}
.sidebar .nav-item.active-parent .sub-menu .nav-item .nav-link.active-item::before {
  width: 12px;
  height: 12px;
  top: 15px;
  left: 22px;
  background: var(--theme-green);
  border: 2px solid #e9ffb5;
}
@media (max-width: 480px) {
  .sidebar .nav-item.active-parent .sub-menu .nav-item .nav-link.active-item::before {
    top: 7px;
    left: 15px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .sidebar .nav-item.active-parent .sub-menu .nav-item .nav-link.active-item::before {
    top: 18px;
    left: 5px;
  }
}
.sidebar .nav-item.active-parent .sub-menu .nav-item .nav-link:hover {
  color: var(--theme-green);
}
.sidebar .nav-item.active-parent .sub-menu .nav-item .nav-link::before:hover {
  content: "";
  position: absolute;
  left: 26px;
  top: 27px;
  display: block;
  width: 6px;
  height: 6px;
  background: #ffffff;
  border-radius: 50%;
}
.sidebar-collapsed .sidebar.sidebar-offcanvas {
  width: 0;
}
@media (min-width: 768px) and (max-width: 991px) {
  .sidebar-collapsed .sidebar.sidebar-offcanvas {
    text-align: left;
    width: 200px;
  }
}
@media (min-width: 481px) and (max-width: 767px) {
  .sidebar-collapsed .sidebar.sidebar-offcanvas {
    width: 170px;
  }
}
@media (max-width: 480px) {
  .sidebar-collapsed .sidebar.sidebar-offcanvas {
    width: 210px;
    text-align: left;
    top: 62px;
    left: 0;
  }
}
.sidebar-collapsed .sidebar.sidebar-offcanvas .nav .nav-item .menu-title {
  display: none;
}
@media (min-width: 768px) and (max-width: 991px) {
  .sidebar-collapsed .sidebar.sidebar-offcanvas .nav .nav-item .menu-title {
    display: inline-block;
    font-size: 14px;
  }
}
@media (min-width: 481px) and (max-width: 767px) {
  .sidebar-collapsed .sidebar.sidebar-offcanvas .nav .nav-item .menu-title {
    display: inline-block;
    font-size: 14px;
  }
}
@media (max-width: 480px) {
  .sidebar-collapsed .sidebar.sidebar-offcanvas .nav .nav-item .menu-title {
    display: inline-block;
    font-size: 14px;
  }
}
.sidebar-collapsed .sidebar.sidebar-offcanvas .nav .nav-item .fa-angle-right {
  display: none;
}
@media (min-width: 768px) and (max-width: 991px) {
  .sidebar-collapsed .sidebar.sidebar-offcanvas .nav .nav-item .fa-angle-right {
    display: inline-block;
  }
}
.sidebar .nav-item.active-parent .sub-menu .nav-item .nav-link:hover::before,
.sidebar .nav-item .sub-menu .nav-item .nav-link:hover::before {
  width: 12px;
  height: 12px;
  top: 15px;
  left: 22px;
  background: var(--theme-green);
  border: 2px solid #e9ffb5;
}
@media (min-width: 768px) and (max-width: 991px) {
  .sidebar .nav-item.active-parent .sub-menu .nav-item .nav-link:hover::before,
  .sidebar .nav-item .sub-menu .nav-item .nav-link:hover::before {
    top: 18px;
    left: 5px;
  }
}
@media (max-width: 480px) {
  .sidebar .nav-item.active-parent .sub-menu .nav-item .nav-link:hover::before,
  .sidebar .nav-item .sub-menu .nav-item .nav-link:hover::before {
    top: 5px;
    left: 15px;
  }
}
.sidebar .nav-item .sub-menu .nav-item .nav-link:hover {
  color: var(--theme-green);
}
.sidebar .nav .nav-item .nav-link[aria-expanded=true] .fa-angle-right {
  transform: rotate(90deg);
}
.mat-list-base .mat-list-item .mat-list-item-content,
.mat-list-base .mat-list-option .mat-list-item-content {
  padding: 0 !important;
}
.p-panelmenu {
  width: 260px;
}
.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
  display: inline-block;
  width: 100%;
}
.p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-link .p-panelmenu-icon.pi-chevron-right,
.p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-link .p-panelmenu-icon.pi-chevron-down {
  float: right;
  margin-top: 8px;
  font-size: 12px;
}
.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
  background: #1e2d3b;
  color: #ffffff;
  border: #404c58;
}
.p-panelmenu .p-panelmenu-panel .p-panelmenu-header a.p-panelmenu-header-link:hover {
  background: #1e2d3b;
  color: #ffffff;
  border-bottom: 1px solid #404c58;
}
.p-panelmenu .p-panelmenu-panel .p-panelmenu-header a.p-panelmenu-header-link:focus {
  box-shadow: none;
}
.p-panelmenu .p-panelmenu-header > a {
  border-left-width: 0;
  border-right-width: 0;
  border-color: #cacaca;
}
.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-highlight a {
  background: #1e2d3b;
  color: #ffffff;
  border-bottom-color: #404c58;
}
.p-panelmenu .p-panelmenu-panel .p-toggleable-content .p-panelmenu-content {
  background: #1e2d3b;
  color: #ffffff;
  border: 0;
  padding: 0;
}
.p-panelmenu .p-panelmenu-panel .p-toggleable-content .p-panelmenu-content .p-submenu-list .p-menuitem {
  border-bottom: 1px solid #404c58;
}
.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
  color: #ffffff;
}
.p-panelmenu .p-panelmenu-panel .p-toggleable-content .p-panelmenu-content .p-submenu-list .p-menuitem a.p-menuitem-link:hover {
  background: #404c58;
  color: #edcd1f !important;
  box-shadow: none;
}
.p-panelmenu .p-panelmenu-panel .p-toggleable-content .p-panelmenu-content .p-submenu-list .p-menuitem a.p-menuitem-link:focus {
  box-shadow: none;
}
.p-toggleable-content .p-panelmenu-content .p-submenu-list .p-menuitem a.p-menuitem-link:hover span {
  color: #edcd1f !important;
}
.p-toggleable-content .p-panelmenu-content .p-submenu-list li.p-menuitem.active a.p-menuitem-link-active {
  background: #404c58;
  color: #edcd1f !important;
}
.p-toggleable-content .p-panelmenu-content .p-submenu-list li.p-menuitem.active a.p-menuitem-link-active span {
  color: #edcd1f !important;
}
.p-panelmenu .p-menuitem-text {
  font-size: 14px;
  font-weight: 600;
}
.p-panelmenu-panel .active .p-panelmenu-header-link {
  color: #ffffff;
  background: #1e2d3b;
}
.page-body-wrapper.sidebar-collapsed .p-panelmenu {
  width: 65px;
}
.page-body-wrapper.sidebar-collapsed .p-panelmenu .p-panelmenu-panel .p-panelmenu-header-link .p-menuitem-text {
  display: none;
}
.page-body-wrapper.sidebar-collapsed .p-panelmenu .p-panelmenu-panel .p-panelmenu-header-link .pi-chevron-right {
  display: none;
}
.page-body-wrapper.sidebar-collapsed .p-panelmenu .p-panelmenu-panel .p-menuitem-link .p-menuitem-text {
  display: none;
}
@media (max-width: 480px) {
  .sidebar .nav-item .sub-menu .nav-item .nav-link .submenu-item {
    display: none;
    font-size: 14px;
  }
}
.sidebar-collapsed .sidebar .nav-item .sub-menu .nav-item .nav-link::before {
  top: 16px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .sidebar-collapsed .sidebar .nav-item .sub-menu .nav-item .nav-link::before {
    top: 20px;
  }
}
@media (max-width: 480px) {
  .sidebar-collapsed .sidebar .nav-item .sub-menu .nav-item .nav-link::before {
    display: none;
  }
}
.sidebar-collapsed .sidebar .nav-item .sub-menu .nav-item .nav-link .submenu-item {
  display: none;
}
@media (min-width: 768px) and (max-width: 991px) {
  .sidebar-collapsed .sidebar .nav-item .sub-menu .nav-item .nav-link .submenu-item {
    display: block;
    position: relative;
    top: 6px !important;
  }
}
@media (max-width: 480px) {
  .sidebar-collapsed .sidebar .nav-item .sub-menu .nav-item .nav-link .submenu-item {
    display: block;
  }
}
.sidebar {
  z-index: 9999;
}
.sidebar .sidebar-toggle-container .sidebar-toggle-btn {
  position: absolute;
  content: "";
  top: -58px;
}
.sidebar-toggle-btn.pi-angle-double-right .sidebar-toggle-btn {
  left: 100px;
}
.sub-menu .submenu-item {
  font-size: 14px;
}
.navbar-collapse.show:hover .active-item {
  color: var(--theme-green);
}
.sidebar .nav-item.active-parent a.main-cat .menu-title {
  color: var(--white) !important;
}
.sidebar.sidebar-closed .user-admin img {
  width: 46px;
  height: 46px;
}
.sidebar.sidebar-closed .nav-item:hover a.main-cat .menu-icon {
  color: var(--theme-green) !important;
}
.user-admin {
  text-align: center;
  margin-left: 12px;
}
.user-admin img {
  width: 63px;
  height: 63px;
  border-radius: 60px;
  margin-top: 10px;
}
.user-admin .user-name {
  font-size: 14px;
  color: #333333;
  text-transform: capitalize;
  margin: 12px 0px 8px 0px;
  font-weight: 500;
}
.user-admin .user-role {
  font-size: 14px;
  color: var(--theme-green);
  text-transform: capitalize;
  margin-bottom: 4px;
  font-weight: 500;
}
.sidebar .nav-item.active-parent a.main-cat {
  border-radius: 30px;
  background-color: var(--theme-green);
  color: var(--white);
}
.sidebar .nav-item.active-parent a.main-cat .menu-icon,
.sidebar .nav-item.active-parent a.main-cat .fa-angle-right {
  color: var(--white);
}
.sidebar.sidebar-closed .nav-item.active-parent a.main-cat .menu-icon {
  color: var(--theme-green);
}
.sidebar .nav .nav-item:hover a.main-cat .fa {
  color: var(--white);
}
.sidebar .nav .nav-item .nav-link.main-cat {
  border-radius: 30px;
}
.sidebar .nav .nav-item .nav-link.main-cat:hover {
  background-color: var(--theme-green);
  color: var(--white);
}
.sidebar .nav .nav-item .nav-link.main-cat:hover .menu-title {
  color: var(--white);
}
.sidebar .nav .nav-item .nav-link.main-cat:hover .menu-title .fa {
  color: var(--white);
}
.sidebar .nav .nav-item .nav-link.main-cat .menu-title {
  font-size: 14px;
  font-weight: 500;
  color: var(--newSidebar-text-color) !important;
}
.sidebar.admin-parent-sideBar .user-admin.admin-main-sideBar {
  margin-left: 0;
}
@media only screen and (max-width: 767px) {
  .page-body-wrapper .layout-main {
    margin-left: 0;
  }
}
.sidebar.sidebar-closed .user-admin h5 {
  display: none;
}
.sidebar.sidebar-closed .user-admin h6 {
  display: none;
}
@media (min-width: 768px) and (max-width: 992px) {
  .sidebar .nav-item .sub-menu .nav-item .nav-link .submenu-item {
    display: none;
  }
  .sidebar-collapsed .sidebar .nav-item .sub-menu .nav-item .nav-link::before {
    left: 7px;
  }
  .sidebar .nav-item .sub-menu .nav-item .nav-link::before {
    left: 20px;
  }
  .sidebar-collapsed .sidebar .nav-item .sub-menu .nav-item .nav-link.active-item::before {
    left: 5px !important;
  }
  .sidebar .nav-item .sub-menu .nav-item .nav-link.active-item::before {
    left: 17px !important;
  }
}
.sidebar.sidebar-lovable-design {
  width: var(--sidebar-width, 260px) !important;
  top: 0 !important;
  background: var(--new-sidebar-bg) !important;
  border-right: 1px solid var(--new-border-color) !important;
  min-height: 100vh !important;
  transition: width 0.3s ease !important;
}
.sidebar.sidebar-lovable-design .nav .nav-item .nav-link.main-cat {
  border-radius: var(--new-border-radius) !important;
  height: auto !important;
  padding: 2px 10px 4px !important;
  line-height: 28px !important;
  color: var(--newSidebar-text-color) !important;
  font-family: var(--new-bg-font) !important;
  font-weight: 600 !important;
}
.sidebar.sidebar-lovable-design .nav .nav-item .nav-link.main-cat i.menu-icon {
  margin-top: 7px !important;
}
.sidebar.sidebar-lovable-design .nav .nav-item .nav-link.main-cat .menu-title {
  font-size: 14px !important;
  font-weight: 500 !important;
}
.sidebar.sidebar-lovable-design .nav .nav-item:hover a.main-cat {
  background: var(--sidebar-menu-link-hover) !important;
  color: var(--sidebar-text-hover) !important;
  border-radius: var(--new-border-radius) !important;
}
.sidebar.sidebar-lovable-design .nav .nav-item:hover a.main-cat .fa,
.sidebar.sidebar-lovable-design .nav .nav-item:hover a.main-cat i.menu-icon {
  color: var(--sidebar-text-hover) !important;
}
.sidebar.sidebar-lovable-design .nav .nav-item:hover a.main-cat .menu-title {
  color: var(--sidebar-text-hover) !important;
}
.sidebar.sidebar-lovable-design .nav-item.active-parent a.main-cat {
  background: var(--light-text-green) !important;
  color: var(--new-theme-hover-text-color) !important;
  border-radius: var(--new-border-radius) !important;
  box-shadow: 0 2px 10px -3px rgba(107, 134, 45, 0.5) !important;
}
.sidebar.sidebar-lovable-design .nav-item.active-parent a.main-cat .menu-title {
  color: var(--new-theme-hover-text-color) !important;
}
.sidebar.sidebar-lovable-design .nav-item.active-parent a.main-cat .menu-icon,
.sidebar.sidebar-lovable-design .nav-item.active-parent a.main-cat .fa-angle-right {
  color: var(--new-theme-hover-text-color) !important;
}
.sidebar.sidebar-lovable-design .nav-item .sub-menu .nav-item .nav-link {
  padding-left: 13px !important;
  color: var(--new-pera-color) !important;
  font-family: var(--new-bg-font) !important;
  font-weight: 500 !important;
  border-radius: var(--new-border-radius) !important;
}
.sidebar.sidebar-lovable-design .nav-item .sub-menu .nav-item .nav-link::before {
  display: none !important;
}
.sidebar.sidebar-lovable-design .nav-item .sub-menu .nav-item .nav-link:hover {
  background: var(--sidebar-menu-link-hover) !important;
  color: var(--light-text-green) !important;
}
.sidebar.sidebar-lovable-design .nav-item .sub-menu .nav-item .nav-link.active-item {
  color: var(--new-theme-hover-text-color) !important;
  background: var(--light-text-green) !important;
  box-shadow: 0 2px 10px -3px rgba(107, 134, 45, 0.5) !important;
}
.sidebar.sidebar-lovable-design ul.nav.flex-column.sub-menu {
  margin-top: 6px !important;
  border-left: 2px solid rgba(107, 134, 45, 0.2) !important;
  padding-left: 11px !important;
  margin-left: 16px !important;
}
@media screen and (min-width: 1200px) and (max-width: 1440px) {
  .sidebar .nav {
    max-height: 520px;
  }
  .layout-content .containerresize .card-edit .row2 .card .card-body .changePassword-form .form-group input.form-control,
  .layout-content .containerresize .card-edit .row2 .card .card-body .changePassword-form .cours-subtitle input.form-control {
    width: 63%;
  }
  .creat-deals-row .creat-deals-lt,
  .creat-deals-row .creat-deals-rt {
    flex-basis: 48%;
  }
}
@media (max-width: 1400px) {
  .single-layout-content.right-panel .question-section .question-images img {
    width: 100px !important;
    height: 90px !important;
  }
}
@media screen and (max-width: 1199px) {
  .learner-certificates-box {
    margin-top: 30px;
  }
  .top-lead-list-btn button {
    margin-left: 10px;
  }
  .page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl1 .dashboard-pnl1-box {
    padding: 15px;
  }
  .page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl2 {
    padding: 30px 15px;
  }
  .page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl3 .dashboard-pnl3-top {
    padding: 10px 15px;
  }
  .page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl3 .dashboard-pnl3-bottom .dashboard-pnl3-bottom-heading {
    padding: 10px 15px;
  }
  .page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl3 .dashboard-pnl3-bottom .dashboard-pnl3-bottom-heading .dashboard-pnl3-bt-heading-col h5 {
    font-size: 12px;
  }
  .page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl2 .dashboard-pnl2-box h3 {
    font-size: 14px;
    line-height: 24px;
  }
  .page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl3 .dashboard-pnl3-bottom-content .dashboard-pnl3-bt-col .dashboard-pnl3-bt-col-inner {
    font-size: 14px;
  }
  .qualified-table {
    display: none;
  }
  .dashboard-accordion,
  .dashboard-accordion-title {
    display: block;
  }
  .dashboard-pnl4-rt-heading h3 {
    margin-bottom: 0px;
  }
  .activity-lead-name-link span {
    margin-left: 0px !important;
  }
  .upcoming-row,
  .activity-lead-name-link {
    font-size: 12px;
  }
  .creat-deals-row .creat-deals-lt,
  .creat-deals-row .creat-deals-rt {
    flex-basis: 48%;
  }
  .creat-deals-row .creat-deals-rt .creat-deals-rt-main {
    padding: 10px 10px;
  }
  .creat-deals-row .creat-deals-rt .creat-deals-rt-main .card .card-body {
    background: var(--white);
    padding: 10px;
    min-height: 85px;
  }
  .layout-generate .card-title-row {
    flex-direction: column;
    justify-content: inherit;
    align-items: inherit;
  }
  .layout-generate .card-title-row-rt-ist {
    display: block;
    align-items: inherit;
  }
  .layout-generate .export-btn {
    margin-left: 0px;
  }
  .layout-generate .card-title-row-rt-box {
    margin: 10px 0px;
  }
  .layout-generate .top-lead-list-btn button {
    margin-left: 0px;
  }
  .layout-generate .export-btn-dot {
    margin-left: 10px !important;
  }
  .layout-generate .card-title-row h4 {
    margin-bottom: 15px;
  }
  .view-lead-bottom {
    flex-direction: column;
  }
  .view-lead-bottom .view-lead-bottom-lt {
    width: 100%;
  }
  .view-lead-bottom .view-lead-bottom-rt {
    width: 100%;
  }
  .view-lead-bottom .view-lead-bottom-rt .view-lead-tabs-accordion {
    flex-direction: column;
  }
  .view-lead-bottom .view-lead-bottom-rt .view-lead-tabs-accordion .view-lead-tabs {
    width: 100%;
  }
  .view-lead-bottom .view-lead-bottom-rt .view-lead-tabs-accordion .view-lead-accordion {
    width: 100%;
    padding: 15px 15px;
    background: var(--white);
    border: 1px solid var(--border-line);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
  }
  .view-lead-bottom .view-lead-bottom-lt {
    border-right: 0px;
    background: var(--white);
    border: 1px solid var(--border-line) !important;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    margin-bottom: 30px;
  }
  .view-lead-bottom .view-lead-bottom-rt .view-lead-tabs-accordion .view-lead-tabs {
    border-right: 0px;
  }
  .view-lead-bottom .view-lead-bottom-rt .view-lead-tabs-accordion .view-lead-tabs {
    padding: 0px;
    margin-bottom: 30px;
  }
  .view-lead-bottom .view-lead-bottom-lt-in,
  .view-lead-bottom .view-lead-bottom-rt-in {
    background: none;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    box-shadow: none;
  }
  .view-lead-bottom .view-lead-bottom-lt .view-lead-lt-top {
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }
  .view-lead-section .view-lead-tabs .p-accordion .p-accordionpanel .p-accordionheader {
    padding-left: 15px;
    padding-right: 15px;
    background: none;
  }
  .view-lead-bottom .view-lead-bottom-rt .view-lead-tabs-accordion .view-lead-tabs .view-lead-tabs-inner {
    padding: 15px 15px;
  }
  .view-lead-bottom .view-lead-bottom-rt .view-lead-tabs-accordion .view-lead-tabs .p-tabpanels {
    background: none;
  }
  .view-lead-bottom .view-lead-bottom-rt .view-lead-tabs-accordion .view-lead-tabs .p-tablist-tab-list {
    background: none;
    box-shadow: none;
  }
  .view-lead-bottom {
    overflow: inherit;
  }
  .view-lead-lt-top .view-lead-lt-top3 {
    margin-top: 20px;
    margin-bottom: 10px;
  }
  .view-lead-tabs {
    display: none;
  }
  .dashboard-accordion.dashboard-accordion-view-lead-mobile {
    display: block;
    margin-bottom: 30px;
  }
  .dashboard-accordion-view-lead-mobile.dashboard-accordion .p-accordionpanel .p-accordioncontent-content {
    background: var(--bg-color);
    padding: 0.75em 0.5em;
  }
  .dashboard-accordion-view-lead-mobile.dashboard-accordion .p-accordionpanel .p-accordioncontent-content .button-group {
    justify-content: center;
  }
  .dashboard-accordion-view-lead-mobile.dashboard-accordion .tab-content {
    margin-top: 0;
  }
  .dashboard-accordion-view-lead-mobile.dashboard-accordion .tab-content .p-iconwrapper {
    display: none;
  }
  .dashboard-accordion-view-lead-mobile.dashboard-accordion .p-accordioncontent-content .p-accordionpanel:not(:last-child) {
    margin-bottom: 0px !important;
    border-radius: 0px !important;
    border: 0px !important;
    border-bottom: 1px solid var(--border-line) !important;
  }
  .dashboard-accordion-view-lead-mobile.dashboard-accordion .p-accordioncontent-content .p-accordionpanel {
    margin-bottom: 0px !important;
    border-radius: 0px !important;
    border: 0px !important;
    border-bottom: 1px solid var(--border-line) !important;
  }
  .content {
    width: 60vw !important;
  }
  .hiddenForm .col-titles h4 {
    margin-left: 30px;
  }
  .layout-generate .card-title-row .export-btn {
    margin-left: 0px;
  }
  .layout-generate .card-title-row-rt-box {
    align-items: inherit !important;
    flex-direction: column;
  }
  .dashboard-accordion.dashboard-accordion-view-lead-mobile {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .layout-generate .card-title-row-rt-box .dashboard-top-select-in {
    margin-left: 0px !important;
    margin-right: 10px !important;
  }
  .layout-generate .card-title-row-rt-box .dashboard-top-select-in:last-child {
    margin-left: 0px !important;
  }
  .my-profile-page .email-setting-label {
    font-size: 12px !important;
    margin-right: 5px !important;
  }
  .my-profile-page .p-tabpanels .email-setting-row {
    padding: 0px;
    gap: 0px;
  }
  .my-profile-page .p-tabpanels .email-setting-row .p-1 {
    padding: 0px !important;
  }
  .my-profile-page .p-tabpanels .email-setting-row .img-thumb img {
    height: inherit !important;
  }
  .send-mobilisation-box {
    width: 80% !important;
  }
  .brand-logo-mb .brand-logo-mini {
    padding: 10px 6px;
  }
  .brand-logo-mb img {
    width: 58px;
  }
  .brand-logo-mb .dashboard-top-panel {
    margin-top: 15px;
  }
  .navbar-brand-wrapper.collapsed-logo {
    width: 70px !important;
  }
  .navbar .navbar-brand-wrapper .navbar-brand {
    font-size: 1.5rem;
    line-height: 48px;
    margin-right: 0;
    padding: 0px 6px;
    width: 100%;
    text-decoration: none;
  }
  .creat-lead-bg label {
    font-size: 12px;
  }
  .card-title-row h4 {
    font-size: 15px;
  }
  .header-search .p-button-outlined {
    padding: 0px;
    margin-right: 5px;
  }
  .top-lead-list-btn button:not(.p-splitbutton-dropdown) {
    margin-left: 5px;
  }
  .layout-generate .page-select-box .p-select .p-select-label {
    padding: 5px 0px;
  }
  .layout-generate .date-filter-wrapper {
    display: flex !important;
    align-items: inherit !important;
    gap: 10px;
    flex-direction: column !important;
  }
  .layout-generate .clear-button {
    margin-left: 0px !important;
  }
  .layout-generate .card-title-row h4 {
    margin-bottom: 0px;
  }
  .layout-generate .card-title-row-rt-box .dashboard-top-select {
    flex-direction: column;
  }
  .layout-generate .card-title-row-rt-box .p-multiselect .p-multiselect-label {
    padding: 5px 0px;
  }
  .layout-generate .card-title-row-rt-box .dashboard-top-select-in {
    margin-right: 0px;
    padding: 0px;
  }
  .layout-generate .card-title-row-rt-box .dashboard-top-select-in {
    margin-right: 0px !important;
  }
  .layout-generate .card-title-row-rt-box .dashboard-top-select-date {
    flex-direction: column;
  }
  .dashboard-top-select-date .dashboard-top-select-date-in .p-datepicker {
    width: 100%;
  }
  .layout-dashboard .activity-scroller {
    max-height: 355px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .sidebar .nav-item .sub-menu .nav-item .nav-link .submenu-item {
    display: block;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .navbar.default-layout-navbar .navbar-menu-wrapper .navbar-nav.navbar-nav-right h2 {
    font-size: 14px;
  }
  .page-body-wrapper .layout-main {
    margin-left: 0;
    padding: 10px;
    margin-top: 55px;
  }
  .p-4s {
    padding: 20px;
  }
  .middleBody {
    margin-top: 2rem;
  }
  .welcomeSection h2 {
    font-size: 24px;
  }
  .navbar .navbar-menu-wrapper .navbar-nav li.user-account span.run-time {
    font-size: 14px;
  }
  .navbar-nav .nav-item .datetime {
    width: 80px;
    line-height: 18px;
  }
  .page-body-wrapper .layout-main .layout-content .layout-dashboard .card.accorcard {
    margin-top: 0;
    margin-bottom: 25px;
  }
  .page-body-wrapper .layout-main .layout-content .layout-dashboard .card.db-mcn-lst {
    margin-top: 0;
    margin-bottom: 25px;
  }
  .page-body-wrapper .layout-main .layout-content .layout-dashboard .card.dsh-pi-crt {
    margin-top: 0;
    margin-bottom: 25px;
  }
  .page-body-wrapper .layout-main .layout-content .layout-dashboard .card.dash-tabs {
    margin-top: 0;
  }
  .Dhs_box {
    padding: 12px;
    height: auto;
    margin-bottom: 30px;
  }
  .Dhs_box .box-title {
    font-size: 18px;
    display: block;
    font-weight: 600;
  }
  .Dhs_box strong {
    font-size: 30px;
  }
  .middleBody .loginForm-rght {
    padding: 25px;
  }
  .welcomeSection {
    padding: 15px;
  }
  .middleBody .middleContent .welcomeSection h2 {
    font-size: 26px !important;
    margin-bottom: 20px;
  }
  .linkDiv {
    margin-top: 3rem;
  }
  .navbar .navbar-brand-wrapper .navbar-brand {
    line-height: 25px;
    padding: 0 0 0.25rem;
  }
  .navbar.default-layout-navbar .navbar-menu-wrapper .navbar-nav.navbar-nav-right h2 {
    margin-top: 8px;
  }
  .navbar-nav .nav-item .my-profile {
    padding-top: 0;
  }
  .navbar-nav .nav-item .notifications {
    margin-top: 8px;
  }
}
@media screen and (max-width: 991px) {
  .main-content-lt .sub-tittle {
    padding: 20px 0px 15px 0px;
  }
  .learner-box-category .custom-tab-view .p-tabpanels .learner-main-grid {
    grid-template-columns: 1fr;
  }
  .learner-box-category .learner-main-grid .profile-card .profile-header {
    align-items: center !important;
  }
  .learner-box-category .achievements-cards .achievements-cards-info {
    grid-template-columns: 1fr 1fr !important;
  }
  .learner-box-category .learning-paths-box-info {
    grid-template-columns: 1fr !important;
  }
  .learner-certificates-box {
    margin-top: 30px;
  }
  .learner-course-card {
    flex-wrap: wrap;
    gap: 10px;
  }
  .colapse-info .course-main-content .main-content-lt {
    max-width: 100%;
  }
  .course-main-content .main-content-rt {
    position: static;
    margin-top: 40px;
  }
  .sidebar .nav .nav-item:hover a.main-cat .fa {
    color: var(--theme-green);
  }
  .dashboard-pnl4-rt .staff-lists {
    height: 600px;
    overflow-y: scroll;
  }
  .sidebar-toggle-container {
    left: 80px;
    top: 10px;
    position: absolute;
    z-index: 99999;
    display: inline-block;
    padding: 0px !important;
  }
  .navbar-brand-wrapper {
    display: none;
  }
  .navbar-nav li:first-child h2 {
    display: none;
  }
  .text-center.navbar-brand-wrapper.d-flex.align-items-center.justify-content-center {
    display: none !important;
  }
  .navbar .navbar-menu-wrapper {
    width: 100%;
    padding-left: 15px;
  }
  .navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link.myAccount {
    padding: 0px;
  }
  .navbar .navbar-menu-wrapper {
    height: 55px;
  }
  .brand-logo-mb {
    display: block;
  }
  .sidebar {
    z-index: 9999;
    top: 0px;
  }
  .sidebar .brand-logo-mb .brand-logo-mini {
    padding: 12px 6px;
  }
  .sidebar .brand-logo-mb img {
    width: 78px;
  }
  .sidebar .sidebar-toggle-container .sidebar-toggle-btn {
    border-radius: 100% !important;
    -moz-border-radius: 100% !important;
    -webkit-border-radius: 100% !important;
    -o-border-radius: 100% !important;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    position: absolute;
    content: "";
    top: 9px;
    right: -282px;
    background: #779500;
    display: flex;
    color: #fff;
    align-items: center;
    justify-content: center;
    box-shadow: 0px -5px 13px rgba(119, 149, 0, 0.3137254902);
    transform: rotate(0deg);
  }
  .sidebar.mobile-menu-opened .sidebar-toggle-container .sidebar-toggle-btn {
    transform: rotate(0deg);
    transition: all 0.3s ease-in-out;
  }
  .sidebar.mobile-menu-closed .sidebar-toggle-container .sidebar-toggle-btn {
    transform: rotate(0deg);
    transition: all 0.3s ease-in-out;
  }
  .layout-main {
    margin-left: 0px !important;
  }
  .sidebar-collapsed .sidebar.sidebar-offcanvas .nav .nav-item .menu-title {
    display: none;
  }
  .sidebar-collapsed .sidebar.sidebar-offcanvas .nav .nav-item .fa-angle-right {
    display: none;
  }
  .page-body-wrapper.sidebar-collapsed .layout-main {
    margin-left: 0px !important;
  }
  .page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl1 .dashboard-pnl1-box {
    margin-top: 20px;
  }
  .page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl1 {
    margin-top: 10px;
  }
  .dashboard-pnl2 .dashboard-pnl2-col {
    margin-bottom: 0px;
    padding: 0px 15px;
    border-bottom: 1px solid var(--border-line);
  }
  .page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl2 .dashboard-pnl2-box {
    padding: 15px 15px;
    position: relative;
  }
  .dashboard-pnl2 .row {
    margin-left: 0px;
    margin-right: 0px;
  }
  .dashboard-pnl2-col {
    position: relative;
  }
  .page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl2 .dashboard-pnl2-col::before {
    width: 1px;
    height: 100%;
    right: 0px;
    top: 0px;
    position: absolute;
    content: "";
    background: var(--border-line);
  }
  .page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl2 {
    padding: 0px;
  }
  .dashboard-pnl4 .p-accordionheader {
    padding-left: 0px;
    padding-right: 0px;
  }
  .page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl4 .dashboard-pnl4-lt .dashboard-pnl4-lt-table .dashboard-pnl4-lt-table-body .p-2 {
    padding: 0px !important;
  }
  .dashboard-pnl4-lt {
    margin-bottom: 30px;
  }
  .page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl4 .dashboard-pnl4-rt {
    padding: 30px 15px;
  }
  .navbar .navbar-menu-wrapper.collapsed-header {
    width: 100% !important;
  }
  .navbar-nav .nav-item .my-profile {
    margin-right: 0px;
    min-width: 170px;
  }
  .navbar-nav .nav-item .notifications {
    margin-right: 15px;
  }
  .page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl2 .dashboard-pnl2-col:nth-child(3) .dashboard-pnl2-box {
    border-bottom: 0px;
  }
  .page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl2 .dashboard-pnl2-col:nth-child(4) .dashboard-pnl2-box {
    border-bottom: 0px;
  }
  .navbar.default-layout-navbar .navbar-menu-wrapper .navbar-nav.navbar-nav-right {
    width: 100%;
    padding-top: 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link.myAccount span {
    position: relative;
    top: 0px;
  }
  .page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl2 .dashboard-pnl2-col:not(:last-child) {
    border-right: 0px;
  }
  .page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl2 .dashboard-pnl2-col:nth-child(2):before {
    display: none;
  }
  .page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl2 .dashboard-pnl2-col:nth-child(4):before {
    display: none;
  }
  .dashboard-pnl2 .dashboard-pnl2-col:nth-child(3),
  .dashboard-pnl2 .dashboard-pnl2-col:nth-child(4) {
    border-bottom: 0px;
  }
  .page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl2 .dashboard-pnl2-box h4 {
    line-height: inherit;
    margin-bottom: 0px;
  }
  .page-body-wrapper .layout-main .layout-content .layout-dashboard {
    padding-bottom: 50px;
  }
  .page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl3 .dashboard-pnl3-top .dashboard-pnl3-top-link .three-dotted-table i {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
  }
  .dashboard-pnl4-lt-table .p-accordioncontent-content {
    padding: 0px;
  }
  .sidebar {
    min-height: 100vh;
  }
  .card .card-body.menu-list .table-responsive .table tbody td {
    white-space: nowrap;
  }
  .card .card-body.menu-list .table-responsive .table tbody td a.btn.btn-primary {
    margin-right: 10px;
  }
  .create-form .form-group,
  .create-form .cours-subtitle {
    margin-bottom: 15px;
  }
  .upcoming-row {
    margin-bottom: 4px;
  }
  .creat-lead-bg {
    padding-bottom: 40px;
  }
  .creat-lead-bg .lead-button {
    margin-top: 20px;
  }
  .create-lead-row {
    margin: 0px -15px;
  }
  .create-lead-row .create-lead-col {
    padding: 0px 15px;
  }
  .create-lead-rt .row .row {
    margin-left: 0px;
    margin-right: 0px;
  }
  .create-lead-lt::before {
    right: -9px;
  }
  .create-lead-rt .create-lead-sub-title {
    margin-left: 0px;
    margin-right: 0px;
  }
  .layout-generate .card-title-row h4 {
    margin-bottom: 15px;
  }
  .content {
    width: 80vw !important;
  }
  .hiddenForm .col-titles h4 {
    margin-left: 50px;
  }
  .send-mobilisation-box {
    width: 90% !important;
  }
  .send-mobilisation-box-form .p-text-input {
    width: 30%;
  }
  .notification-pop {
    top: 50px !important;
  }
  .p-dialog {
    width: 80% !important;
  }
  .sidebar-closed .nav .nav-item.p-nav-item .navbar-collapse ul li a {
    padding: 5px 10px !important;
  }
  .layout-generate .card-title-row h4 {
    margin-bottom: 0px;
  }
  .right-dropdown.p-menu {
    top: 58px !important;
  }
  .sidebar.sidebar-overlap {
    z-index: 1030;
  }
  .course-list-item .cours-list-table .p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-tbody tr td:nth-child(2) {
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 15%;
  }
}
@media screen and (max-width: 767px) {
  .layout-main.main-dashboard .layout-dashboard .dashboard-pnl4 .dashboard-pnl4-lt .dashboard-pnl4-lt-table .dashboard-pnl4-lt-table-heading .activities-row {
    display: block;
  }
  .layout-main.main-dashboard .layout-dashboard .dashboard-pnl4 .dashboard-pnl4-lt .dashboard-pnl4-lt-table .dashboard-pnl4-lt-table-heading .activities-row .activities-col-lt .course-search-box {
    padding-right: 10px;
  }
  .layout-main.main-dashboard .layout-dashboard .dashboard-pnl4 .dashboard-pnl4-lt .dashboard-pnl4-lt-table .dashboard-pnl4-lt-table-heading .activities-row .activities-col-lt .course-search-box .search-input-wrapper {
    width: 100%;
  }
  .learning-paths-box-info .roadmap-section {
    height: auto;
  }
  .left-nav-panel {
    width: 100%;
  }
  .user-graph .user-graph-inner img {
    width: 70%;
  }
  .user-graph-inner {
    height: 320px;
  }
  .navbar-nav .nav-item .notifications {
    display: inline-block;
    margin-right: 15px;
  }
  .navbar .navbar-menu-wrapper .navbar-nav li.welcometx {
    display: none;
  }
  .page-body-wrapper .layout-main {
    padding: 10px;
    margin-top: 60px;
  }
  .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th {
    min-width: 175px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .p-datatable .p-datatable-wrapper .p-datatable-table .p-datatable-thead tr th {
    min-width: auto;
  }
}
@media screen and (max-width: 767px) {
  .Dhs_box {
    margin-bottom: 15px;
  }
  .card .card-body.my-profile-body {
    padding: 5%;
  }
  .card .card-body.my-profile-body p-tabview .p-tabview {
    padding: 12px;
  }
  .card .card-body.my-profile-body p-tabview .p-tabview .p-tabview-nav li.p-highlight a.p-tabview-nav-link {
    color: var(--theme-green);
    background-color: var(--theme-green);
    color: #ffffff;
  }
  .card .card-body.my-profile-body p-tabview .p-tabview .p-tabview-nav li a.p-tabview-nav-link {
    text-decoration: none;
    color: var(--light-grey);
    padding: 8px 12px;
    font-size: 14px;
  }
  .card .card-body.my-profile-body p-tabview .p-tabview .p-tabview-panels .profile-img-ch .resetPass .btn-danger {
    margin-top: 0;
    margin-bottom: 15px;
  }
  .card .card-body.my-profile-body p-tabview .p-tabview .p-tabview-panels .profile-img-ch .resetPass .img-thumb {
    margin: 0 auto;
  }
  .containerImg {
    height: 100%;
  }
  .cardSticky .pd-l-26 {
    padding-left: 15px !important;
  }
  .cardSticky .pro-pic {
    text-align: left;
  }
  .cardSticky .pro-pic .custom-file-upload {
    margin-top: 12px;
  }
  .cardSticky .pro-pic .custom-file-upload .img-wrap {
    width: 60px;
    height: 60px;
    top: 0;
  }
  .cardSticky .nav.nav-tabs .nav-item .nav-link {
    font-size: 14px;
    padding: 8px 12px;
  }
  .cardSticky .nav-tabs {
    margin-left: -10px;
  }
  .layout-content .containerresize .card-edit .row2 .card .card-body .changePassword-form .form-group input.form-control,
  .layout-content .containerresize .card-edit .row2 .card .card-body .changePassword-form .cours-subtitle input.form-control {
    width: 100%;
    margin-bottom: 15px;
  }
  .containerresize .row2 .card-body .p-datatable-header .cj-filter {
    padding: 0;
    text-align: left;
  }
  .containerresize .row2 .card-body .p-datatable-header .cj-filter .p-input-icon-right {
    width: 100%;
  }
  .containerresize .row2 .card-body .p-datatable-header .cj-filter button.p-button {
    margin-bottom: 12px;
  }
  .card.dsh-pi-crt .cardheader-panel .col-md-6 {
    padding-left: 15px;
  }
  .jobs-grid .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
    margin-right: 0;
  }
  .card.cwj-trends .darkBox-head.d-flex {
    display: block !important;
  }
  .card.cwj-trends .darkBox-head.d-flex h5 {
    display: block;
    margin-bottom: 15px;
  }
  .card.cwj-trends .darkBox-head.d-flex .flex.flex-row {
    display: block;
  }
  .card.cwj-trends .darkBox-head.d-flex .flex.flex-wrap.gap-2 {
    margin-bottom: 15px;
  }
  .layout-dashboard .card.accorcard .jobs-grid .p-accordion .p-accordion-tab .p-toggleable-content .p-accordion-content {
    border-radius: 0 0 15px 15px;
  }
  .brand-logo-mb a.brand-logo-mini img {
    height: inherit;
  }
  .navbar .brand-logo-mb .navbar-brand {
    width: auto;
  }
  .only-mb .navbar-nav .nav-item .my-profile.user-account {
    min-width: 50%;
  }
  .only-mb .navbar-nav .nav-item.timer {
    width: 35%;
  }
  .only-mb .navbar-nav .nav-item.timer .datetime {
    width: auto;
    text-align: center;
    margin: 0 auto;
    display: block;
  }
  .only-mb .navbar-nav .nav-item.timer .datetime .run-time {
    padding: 2px 10px;
    border-radius: 4px;
    font-size: 12px;
  }
  .only-mb .navbar-nav .nav-item.timer .datetime .currentDate {
    font-size: 12px;
    display: block;
  }
  .only-mb.navbar.default-layout-navbar .navbar-toggler {
    margin-left: 5px;
  }
  .only-mb.navbar.default-layout-navbar .hamburger-open .navicon-menu {
    color: var(--theme-green);
  }
  .only-mb.navbar.default-layout-navbar .navbar-menu-wrapper .navbar-nav.navbar-nav-right {
    display: block;
  }
  div[role=dialog].p-overlaypanel.p-component {
    max-width: 100%;
  }
  .navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link.myAccount img {
    margin-left: 10px;
  }
  .navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link {
    margin-left: 0px;
  }
  .navbar.default-layout-navbar .navbar-menu-wrapper .navbar-nav.navbar-nav-right {
    width: 100%;
    padding-top: 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .navbar .navbar-menu-wrapper .navbar-nav li.user-account {
    margin-top: 17px;
    display: flex;
    align-items: center;
    float: right;
  }
  .p-menu-item-link {
    color: var(--heading-text) !important;
    font-size: 13px;
    padding: 5px 10px !important;
  }
  .p-menu-item-link:hover {
    color: var(--white) !important;
    background: var(--theme-green) !important;
    text-decoration: none;
  }
  .p-menu-item-link:hover .p-menu-item-icon {
    color: var(--white) !important;
  }
  .card-title-row {
    flex-direction: column;
    align-items: start;
  }
  .card-title-row-lt {
    width: 100%;
  }
  .card-title-row-rt {
    width: 100%;
  }
  .navbar-brand {
    padding: 0px;
    margin: 2px 0px !important;
  }
  .sidebar .nav {
    margin-top: 0px;
  }
  .page-body-wrapper .layout-main .layout-content .layout-dashboard {
    padding-bottom: 30px;
  }
  .card-title-row-rt button {
    margin-top: 15px;
  }
  .card-title-row-rt .p-select {
    margin-top: 15px;
  }
  .card-title-row-lt h2 {
    margin-bottom: 15px;
  }
  .archive-cours-list-table .card-title-row-lt h2 {
    margin-bottom: 0;
  }
  .card .card-body.my-profile-body {
    padding: 0%;
  }
  .my-profile-page .p-tablist-tab-list,
  .globalSettings .p-tablist-tab-list {
    flex-direction: column;
  }
  .ng-trigger.ng-trigger-animation.p-popover.p-component {
    width: 260px !important;
  }
  .p-dialog {
    width: 90% !important;
  }
  .card-title-row-rt .p-select {
    margin-top: 0px;
  }
  .page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl4 .dashboard-pnl4-lt .dashboard-pnl4-lt-table .dashboard-pnl4-lt-table-body .p-accordion .p-accordionpanel .p-accordionheader {
    padding: 12px 0px;
  }
  .page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl4 .dashboard-pnl4-lt .dashboard-pnl4-lt-table .dashboard-pnl4-lt-table-body .p-accordion .p-accordioncontent-content ul li i {
    position: relative;
    top: 2px;
  }
  .top-lead-list-btn button {
    margin-top: 0px;
  }
  .card-title-row-rt button {
    margin-top: 0px;
  }
  .card-title-row {
    margin-bottom: 20px;
    margin-top: 20px;
  }
  .lead-list-top-area .card-title-row-rt-ist {
    display: block;
    align-items: inherit;
  }
  .header-search {
    margin: 10px 0px;
  }
  .creat-deals-row .creat-deals-lt,
  .creat-deals-row .creat-deals-rt {
    flex-basis: 100%;
  }
  .creat-deals-row {
    margin-top: 20px;
    flex-direction: column;
  }
  .create-deal-form .lead-button {
    margin-top: 10px;
  }
  .creat-deals-rt-main .col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 10px;
  }
  .creat-deals-rt-main .col-sm-12:last-child {
    margin-bottom: 0px;
  }
  .creat-deals-row .creat-deals-rt .creat-deals-rt-main .card .card-body p i {
    visibility: visible;
    opacity: 1;
  }
  .creat-deals-row .creat-deals-rt .creat-deals-rt-main .card .card-body {
    background: var(--bg-color);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
  }
  .layout-generate .card-title-row-rt-box {
    align-items: inherit !important;
    flex-direction: column !important;
  }
  .layout-generate .dashboard-top-select {
    align-items: inherit !important;
    flex-direction: column !important;
  }
  .layout-generate .card-title-row-rt-box .dashboard-top-select-in {
    margin-left: 0px !important;
  }
  .layout-generate .page-select-box .p-multiselect .p-multiselect-label {
    padding: 5px 0px;
  }
  .p-paginator .p-paginator-current {
    display: none !important;
  }
  .p-paginator-last,
  .p-paginator-first {
    display: none !important;
  }
  .view-lead-lt-top .view-lead-lt-top3 {
    margin-top: 20px;
    margin-bottom: 10px;
  }
  .view-lead-lt-bottom2 ul li {
    width: 100%;
  }
  .card-title-row-rt-lead-details {
    margin-top: 10px;
  }
  .view-lead-lt-bottom .view-lead-lt-bottom-inner {
    max-height: 250px;
  }
  .view-lead-bottom .view-lead-bottom-rt .view-lead-tabs-accordion .view-lead-tabs .p-tablist-tab-list {
    flex-direction: column;
  }
  .dashboard-accordion-view-lead-mobile .page-select-box .p-select .p-select-label,
  .dashboard-accordion-view-lead-mobile .p-select.light-weight .p-select-label,
  .dashboard-accordion-view-lead-mobile .p-dropdown.light-weight .p-select-label {
    color: var(--theme-green);
    padding: 5px 10px;
    font-size: 14px;
  }
  .dashboard-accordion-view-lead-mobile .btn-green {
    padding: 8px 10px;
  }
  .content {
    width: 97vw !important;
  }
  .hiddenForm .col-titles h4 {
    margin-left: 0px;
  }
  .layout-generate .dashboard-top-select-date {
    flex-direction: column;
  }
  .layout-generate .page-select-box .p-select .p-select-label,
  .layout-generate .p-select.light-weight .p-select-label,
  .layout-generate .p-dropdown.light-weight .p-select-label {
    padding: 5px 0px;
  }
  .page-body-wrapper .layout-main .layout-content .layout-dashboard .card-title-row .card-title-row-rt .card-title-row-rt-box {
    display: flex;
    align-items: start;
    flex-direction: column;
    text-align: left;
  }
  .page-body-wrapper .layout-main .layout-content .layout-dashboard .card-title-row .card-title-row-rt .card-title-row-rt-box .dashboard-top-select-in {
    margin-left: 0px;
  }
  .page-body-wrapper .layout-main .layout-content .layout-dashboard .card-title-row .card-title-row-rt .card-title-row-rt-box .dashboard-top-select {
    flex-direction: column;
    width: 100%;
  }
  .page-body-wrapper .layout-main .layout-content .layout-dashboard .card-title-row-rt .p-select {
    width: 100%;
  }
  .page-body-wrapper .layout-main .layout-content .layout-dashboard .page-select-box .p-select .p-select-label,
  .page-body-wrapper .layout-main .layout-content .layout-dashboard .p-select.light-weight .p-select-label,
  .page-body-wrapper .layout-main .layout-content .layout-dashboard .p-dropdown.light-weight .p-select-label {
    padding: 5px 0px;
  }
  app-menu .p-select {
    top: 2px;
  }
  app-menu .card-title-row-rt .p-select {
    margin-bottom: 10px;
  }
  app-sub-menu .card-title-row-rt .p-select {
    margin-bottom: 10px;
  }
  app-action .card-title-row-rt .p-select {
    margin-bottom: 10px;
  }
  app-assign-action .card-title-row-rt .p-select {
    margin-bottom: 10px;
  }
  .role-list .card-title-row-lt {
    margin-bottom: 10px;
  }
  .globalSettings .card-title-row h4 {
    margin-bottom: 10px;
  }
  .ng-trigger.ng-trigger-animation.p-popover.p-component.notification-pop {
    width: 100% !important;
    max-width: 100% !important;
  }
  .btn-green-border {
    padding: 8px 15px;
  }
  .page-white-bg {
    padding: 20px 10px !important;
  }
  .send-mobilisation-box-form .p-text-bold {
    width: 37%;
    font-size: 12px;
  }
  .send-mobilisation-box-form .p-text-input {
    width: 63%;
  }
  .send-mobilisation-box-row {
    margin-top: 10px;
  }
  .layout-dashboard .clear-button {
    margin-left: 0px;
  }
  .upcoming-row {
    flex-direction: column;
  }
  crm-lead-activity-panel ul li {
    margin-bottom: 20px;
    border-bottom: 1px solid var(--border-line);
    margin-bottom: 10px;
    padding-bottom: 10px;
  }
  crm-lead-activity-panel .upcoming-row-lt {
    margin-bottom: 10px;
  }
  crm-lead-activity-panel .upcoming-row-rt {
    padding-left: 0px;
  }
  crm-lead-activity-panel .card p-paginator .p-paginator {
    margin-top: 0px;
  }
  .dashboard-top-select-date .dashboard-top-select-date-in .p-datepicker {
    width: 100%;
  }
  .dashboard-top-select-date {
    display: block;
  }
  .layout-dashboard .card-title-row .dashboard-top-select-date-in {
    margin-left: 0px;
  }
  .superadmin-text {
    padding-top: 10px;
  }
  .superadmin-text i {
    margin-left: 15px !important;
  }
  .upcoming-row .upcoming-row-lt {
    width: 100%;
  }
  .upcoming-row .upcoming-row-rt {
    width: 100%;
  }
  .page-select-box .p-select .p-select-dropdown,
  .p-select.light-weight .p-select-dropdown,
  .p-dropdown.light-weight .p-select-dropdown {
    width: 15px;
  }
  .upcoming-row .upcoming-row-rt {
    text-align: left;
    margin-bottom: 5px;
  }
  .card-button-panel-main {
    margin-bottom: 10px;
  }
  .lead-status-popover-menu.ng-trigger.ng-trigger-animation.p-popover.p-component {
    width: auto !important;
  }
}
@media screen and (max-width: 575px) {
  .sidebar .sidebar-toggle-container .sidebar-toggle-btn {
    display: flex;
  }
  .single-layout-content.right-panel .question-section .question-images img {
    width: 55px !important;
    height: 50px !important;
  }
  .learner-certificate-item {
    flex-wrap: wrap;
    gap: 10px;
  }
  .dashboard-pnl4-rt .staff-lists {
    height: 380px;
    overflow-y: scroll;
  }
  .user-graph-inner {
    height: 280px;
  }
  .dashboard-pnl1 .col-sm-6 {
    width: 50%;
  }
  .dashboard-pnl2 .col-sm-6 {
    width: 50%;
  }
  .lead-list-top-area .card-title-row-rt-view-top {
    display: flex;
    align-items: inherit;
    width: 100%;
    justify-content: end;
  }
  .card-title-row-rt-lead-details {
    align-items: inherit;
    flex-direction: column;
  }
  .lead-details-list {
    justify-content: end;
    margin-bottom: 10px;
  }
  .lead-details-list li:last-child {
    padding-right: 0px;
  }
  .lead-details-list li:last-child::before {
    display: none;
  }
  .lead-details-list li {
    padding-right: 5px;
    margin-left: 5px;
  }
  .lead-details-list li strong {
    margin-right: 5px;
  }
}
@media screen and (max-width: 480px) {
  .navbar-nav .nav-item .datetime {
    width: 75px;
    margin-right: 8px;
  }
  .navbar .navbar-menu-wrapper .navbar-nav li.user-account span.run-time {
    font-size: 14px;
    padding: 0px 3px;
    border-radius: 4px;
  }
  .navbar-nav .nav-item .datetime .currentDate {
    line-height: 13px;
    display: inline-block;
    padding-top: 2px;
  }
  .navbar-nav .nav-item .my-profile {
    min-width: 180px;
    margin-right: 0px;
  }
  .navbar.default-layout-navbar .navbar-menu-wrapper .navbar-nav.navbar-nav-right {
    padding-top: 6px;
  }
  .navbar-nav .nav-item .my-profile span.logedname {
    margin: 0 8px 0 0;
  }
  .page-body-wrapper .layout-main .layout-content .layout-dashboard .card .header-btn-group {
    position: relative;
    top: 0;
    text-align: center;
  }
  .page-body-wrapper .layout-main .layout-content .layout-dashboard .card .header-btn-group .btn-success0 {
    margin: 0 12px;
  }
  .hiddenForm {
    padding: 15px 10px;
  }
  .Lists-table .p-datatable .p-datatable-header {
    padding: 15px;
  }
  .Lists-table .p-datatable .p-datatable-header .col {
    flex-basis: 100%;
    margin-bottom: 8px;
  }
  .Lists-table .p-datatable .p-datatable-header .col h4 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 0;
  }
  .Lists-table .p-datatable .p-datatable-header .col .p-input-icon-right {
    display: inline-block;
    width: 60%;
  }
  .card-button-panel .btn-success1 {
    padding: 5px 12px;
    font-size: 14px;
    height: 34px;
    min-width: 77px;
  }
  .card-button-panel .btn-success1:last-child {
    margin-right: 0;
  }
  .card-button-panel .btn-success2 {
    font-size: 14px;
    height: 34px;
    min-width: 125px;
    padding: 5px 15px;
    margin-top: 10px;
    float: left;
  }
  .create-form.addClient .adduser-hidden {
    padding: 15px 0;
  }
  .create-form.addClient .frm-group-title h3 {
    font-size: 18px;
    font-weight: 700;
  }
  .form-group.rates .info-fr span,
  .rates.cours-subtitle .info-fr span {
    width: 25px;
  }
  .form-group.rates .info-fr .form-control,
  .rates.cours-subtitle .info-fr .form-control {
    padding-left: 32px;
  }
  .middleBody {
    margin-top: 4rem;
    max-height: 100%;
    margin-bottom: 50px;
  }
  .welcomeSection {
    padding: 20px 15px;
    border-radius: 15px 15px 0 0;
  }
  .welcomeSection h2 {
    font-size: 24px;
  }
  .logoDiv {
    margin-top: 1rem;
  }
  .middleBody .logoDiv img {
    height: 70px;
  }
  .linkDiv {
    margin-top: 1rem;
  }
  .middleBody .loginForm-rght {
    border-radius: 0 0 15px 15px;
    padding: 20px;
  }
  .middleBody .loginForm-rght h1 {
    font-size: 24px;
  }
  .containerImg {
    height: 100%;
  }
  .card.accorcard {
    margin-top: 0;
  }
  .card.accorcard .p-accordion p-accordiontab .p-accordion-tab {
    margin-bottom: 15px;
  }
  .card.accorcard .p-accordion p-accordiontab .p-accordion-tab .p-accordion-header .p-accordion-header-link {
    border-radius: 15px;
  }
  .card.db-mcn-lst {
    margin-top: 0 !important;
  }
  .page-body-wrapper .layout-main .layout-content .layout-dashboard .card.accorcard {
    margin-top: 0 !important;
  }
  .mb-top-mrg-15 {
    margin-top: 15px !important;
  }
  .mb-top-pdd-0 {
    padding-top: 0 !important;
  }
  .page-body-wrapper .layout-main .layout-content .layout-dashboard .card {
    margin-top: 15px;
  }
  .page-body-wrapper .layout-main .layout-content .layout-dashboard .card .header-btn-group-2 {
    margin-top: -37px;
  }
  .card.dsh-pi-crt .card-body {
    padding: 20px 0;
  }
  .card.dsh-pi-crt p-chart.p-element canvas {
    height: 240px !important;
    width: 240px !important;
  }
  .layout-dashboard .card.accorcard .jobs-grid .p-accordion .p-accordion-tab .p-accordion-header.p-highlight .p-accordion-header-link {
    border-radius: 15px 15px 0 0;
  }
  .card.dash-tabs .card-body {
    padding-top: 0;
  }
  .card.dash-tabs .card-body p-dropdown .p-dropdown.p-component {
    margin-bottom: 15px;
  }
  .card.dash-tabs .card-body p-autocomplete .p-autocomplete.p-component {
    margin-bottom: 15px;
  }
  .card.dash-tabs .card-body p-autocomplete .p-autocomplete.p-component button.p-element {
    border-radius: 0 6px 6px 0;
  }
  .card.dash-tabs .card-body .align-items-customs p-button.p-element button.p-button {
    padding-top: 1px;
  }
  .card.globalSettings .card-body {
    padding: 15px;
  }
  .card.globalSettings .card-body .p-tabview .p-tabview-panels {
    padding: 0;
  }
  .sidebar-collapsed .sidebar.sidebar-offcanvas .nav .nav-item .fa-angle-right {
    display: block;
    font-size: 14px;
  }
  .sidebar .nav-item.active-parent .sub-menu .nav-item .nav-link,
  .sidebar .nav-item .sub-menu .nav-item .nav-link {
    padding-left: 15px;
  }
  .sidebar .nav .nav-item .nav-link {
    height: 60px;
  }
  .dashboard-pnl1 .col-sm-6 {
    width: 100%;
  }
  .dashboard-pnl2 .col-sm-6 {
    width: 100%;
  }
  .page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl2 .dashboard-pnl2-col::before {
    display: none;
  }
  .page-body-wrapper .layout-main .layout-content .layout-dashboard .card-title-row .card-title-row-rt .card-title-row-rt-box {
    display: flex;
    align-items: start;
    flex-direction: column;
  }
  .page-body-wrapper .layout-main .layout-content .layout-dashboard .card-title-row .card-title-row-rt .card-title-row-rt-box .dashboard-top-select-in {
    margin-left: 0px;
  }
  .page-body-wrapper .layout-main .layout-content .layout-dashboard .card-title-row .card-title-row-rt .card-title-row-rt-box .dashboard-top-select {
    display: flex;
    width: 100%;
    justify-content: space-between;
  }
  .page-body-wrapper .layout-main .layout-content .layout-dashboard .card-title-row h2 {
    margin-bottom: 0px;
  }
  .card-title-row {
    margin-top: 0px;
  }
  .page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-pnl1 .dashboard-pnl1-box {
    margin-top: 6px;
    margin-bottom: 13px;
  }
  .page-body-wrapper .layout-main .layout-content .layout-dashboard .dashboard-top-panel .dashboard-pnl1 .dashboard-pnl1-box {
    margin-bottom: 0px;
    padding: 12px;
  }
  .recnt-cours-info .cours-box .cours-box-inner .cours-tittle {
    min-height: auto;
  }
  .main-dashboard .dashboard-pnl4-lt .recnt-cours-info {
    margin-left: -15px;
  }
  .sidebar .nav-item.active-parent .sub-menu .nav-item .nav-link {
    height: auto !important;
  }
  .under-training .staff-details,
  .under-training p.role {
    width: 100%;
  }
  .under-training .timestamp {
    font-size: 12px;
    color: #606060;
    white-space: nowrap;
    position: absolute;
  }
  .dashboard-pnl4-rt .staff-lists {
    height: 380px;
  }
  .dashboard-top-panel {
    padding: 19px 16px 4px;
  }
  .staff-item {
    padding: 10px 10px 10px 6px;
  }
  .dashboard-pnl1-box .card .card-body-lt {
    width: 70%;
  }
  .page-body-wrapper .layout-main .layout-content .layout-dashboard .card-title-row .card-title-row-rt .card-title-row-rt-box h5 {
    margin-bottom: 10px;
  }
  .page-select-box .p-select .p-select-label,
  .p-select.light-weight .p-select-label,
  .p-dropdown.light-weight .p-select-label {
    padding: 5px 0px;
  }
  .navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link.myAccount {
    margin-left: 0px;
    margin-right: 0px;
  }
  .sidebar-collapsed .sidebar.sidebar-offcanvas .nav .nav-item .fa-angle-right {
    display: none;
  }
  .sidebar-closed .nav .nav-item.p-nav-item .navbar-collapse {
    width: 220px !important;
  }
  .navbar .navbar-menu-wrapper .navbar-nav li.user-account {
    margin-top: 3px;
  }
  .sidebar-collapsed .sidebar.sidebar-offcanvas {
    top: 0px;
  }
  .sidebar {
    width: 0px;
    left: inherit;
  }
  .card.globalSettings .card-body {
    padding: 0px;
  }
  .activities-row {
    flex-direction: column;
    justify-content: inherit;
    align-items: inherit;
  }
  .activities-col-lt {
    padding: 0px 15px;
  }
  app-assign-action .card-title-row-rt .p-select {
    margin-bottom: 15px;
  }
  app-assign-action .card-title-row-rt .p-select .card .btn-success0 {
    margin-top: 0px;
  }
  .card-title-row-rt {
    width: 100%;
    display: inline-block;
  }
  .header-search {
    margin: 10px 0px;
    padding-right: 0px;
  }
  .lead-details-list li {
    font-size: 12px;
  }
  .lead-details-list .status-label {
    font-size: 12px !important;
  }
}
@media screen and (max-width: 375px) {
  .page-body-wrapper .layout-main .layout-content .layout-dashboard .card .header-btn-group .btn-success0 {
    margin: 0 8px;
  }
  .card-button-panel .btn-success1 {
    min-width: 77px;
  }
  .navbar-nav .nav-item .my-profile {
    min-width: 180px;
    margin-right: 0px;
  }
  .navbar-nav .nav-item .datetime {
    width: 75px;
    margin-right: 8px;
  }
}
@media screen and (max-width: 360px) {
  .navbar .navbar-menu-wrapper .navbar-toggler {
    padding-right: 15px;
  }
  .navbar-nav .nav-item .my-profile {
    min-width: 175px;
  }
  .card-button-panel .btn-success1 {
    min-width: 73px;
  }
}
::ng-deep .sidebar.sidebar-lovable-design {
  overflow: visible !important;
  transition: width 0.3s ease, transform 0.3s ease !important;
}
.tablet-sidebar-toggle {
  display: none !important;
}
@media screen and (min-width: 1440px) {
  :root {
    --sidebar-width: 270px;
    --sidebar-collapsed-width: 70px;
  }
  ::ng-deep .navbar-brand-wrapper:not(.collapsed-logo) {
    width: var(--sidebar-width) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 15px !important;
    border-right: 1px solid var(--new-border-color) !important;
  }
  .navbar-brand-wrapper .sidebar-toggle-container {
    display: flex !important;
  }
  ::ng-deep .navbar-brand-wrapper:not(.collapsed-logo) .sidebar-toggle-btn {
    right: 15px !important;
    left: auto !important;
  }
  ::ng-deep .sidebar.sidebar-lovable-design .sidebar-toggle-container {
    display: none !important;
  }
  ::ng-deep .sidebar.sidebar-lovable-design:not(.sidebar-closed) {
    width: var(--sidebar-width) !important;
  }
}
@media screen and (min-width: 1281px) and (max-width: 1439px) {
  :root {
    --sidebar-width: 240px;
    --sidebar-collapsed-width: 70px;
  }
  ::ng-deep .navbar-brand-wrapper:not(.collapsed-logo) {
    width: var(--sidebar-width) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 15px !important;
    border-right: 1px solid var(--new-border-color) !important;
  }
  .navbar-brand-wrapper .sidebar-toggle-container {
    display: flex !important;
  }
  ::ng-deep .navbar-brand-wrapper:not(.collapsed-logo) .sidebar-toggle-btn {
    right: 15px !important;
    left: auto !important;
  }
  ::ng-deep .sidebar.sidebar-lovable-design .sidebar-toggle-container {
    display: none !important;
  }
  ::ng-deep .sidebar.sidebar-lovable-design:not(.sidebar-closed) {
    width: var(--sidebar-width) !important;
  }
}
@media screen and (min-width: 1081px) and (max-width: 1280px) {
  :root {
    --sidebar-width: 220px;
    --sidebar-collapsed-width: 70px;
  }
  ::ng-deep .navbar-brand-wrapper:not(.collapsed-logo) {
    width: var(--sidebar-width) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 12px !important;
    border-right: 1px solid var(--new-border-color) !important;
  }
  .navbar-brand-wrapper .sidebar-toggle-container {
    display: flex !important;
  }
  ::ng-deep .navbar-brand-wrapper:not(.collapsed-logo) .sidebar-toggle-btn {
    right: 10px !important;
    left: auto !important;
  }
  ::ng-deep .sidebar.sidebar-lovable-design .sidebar-toggle-container {
    display: none !important;
  }
  ::ng-deep .sidebar.sidebar-lovable-design:not(.sidebar-closed) {
    width: var(--sidebar-width) !important;
  }
}
@media screen and (min-width: 992px) and (max-width: 1080px) {
  :root {
    --sidebar-width: 200px;
    --sidebar-collapsed-width: 70px;
  }
  ::ng-deep .navbar-brand-wrapper:not(.collapsed-logo) {
    width: var(--sidebar-width) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 10px !important;
    border-right: 1px solid var(--new-border-color) !important;
  }
  .navbar-brand-wrapper .sidebar-toggle-container {
    display: flex !important;
  }
  ::ng-deep .navbar-brand-wrapper:not(.collapsed-logo) .sidebar-toggle-btn {
    right: 8px !important;
    left: auto !important;
  }
  ::ng-deep .sidebar.sidebar-lovable-design .sidebar-toggle-container {
    display: none !important;
  }
  ::ng-deep .sidebar.sidebar-lovable-design:not(.sidebar-closed) {
    width: var(--sidebar-width) !important;
  }
}
@media screen and (max-width: 991px) {
  .welcome-dashboard-view {
    margin-top: 20px;
  }
  .tablet-sidebar-toggle {
    display: flex !important;
    align-items: center;
    justify-content: center;
  }
  .tablet-hide-bg {
    display: none !important;
  }
  ::ng-deep .text-center.navbar-brand-wrapper.d-flex.align-items-center.justify-content-center {
    display: none !important;
  }
  ::ng-deep .navbar-brand-wrapper {
    width: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;
    height: 55px !important;
    padding: 0 !important;
    border-right: none !important;
    background: transparent !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
  }
  ::ng-deep .navbar-brand-wrapper .sidebar-logo,
  ::ng-deep .navbar-brand-wrapper .brand-logo,
  ::ng-deep .navbar-brand-wrapper .brand-logo-mini,
  ::ng-deep .navbar-brand-wrapper .newSidebar-lovable-bg,
  ::ng-deep .navbar-brand-wrapper .lovable-navbar-bg {
    display: none !important;
  }
  ::ng-deep .navbar-brand-wrapper .newSidebar-top {
    display: flex !important;
    width: 100% !important;
    height: 100% !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
  }
  ::ng-deep .navbar-brand-wrapper .sidebar-toggle-container {
    display: flex !important;
    padding: 0 !important;
    width: 100% !important;
    height: 100% !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
  }
  ::ng-deep .navbar-brand-wrapper .sidebar-toggle-btn {
    position: absolute !important;
    z-index: 1001 !important;
    width: 35px !important;
    height: 35px !important;
    top: 10px !important;
    left: 7px !important;
    right: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: var(--bg-background) !important;
    border: 1.5px solid var(--new-main-color, #7c9f2e) !important;
    border-radius: 50% !important;
    color: var(--new-main-color, #7c9f2e) !important;
    margin: 0 !important;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    cursor: pointer !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
  }
  ::ng-deep .navbar-brand-wrapper .sidebar-toggle-btn i {
    font-size: 18px !important;
    line-height: 1 !important;
  }
  ::ng-deep .navbar-brand-wrapper .sidebar-toggle-btn:hover {
    background: var(--new-hover-color, #ecf0e6) !important;
    transform: scale(1.08) !important;
  }
  ::ng-deep .navbar-brand-wrapper:not(.collapsed-logo) .sidebar-toggle-btn {
    background:
      linear-gradient(
        135deg,
        #7c9f2e,
        #a9c93a) !important;
    border-color: transparent !important;
    color: #fff !important;
    box-shadow: 0 2px 10px rgba(124, 159, 46, 0.35) !important;
  }
  .navbar .navbar-menu-wrapper {
    padding-left: 10px !important;
    padding-right: 10px !important;
    width: auto !important;
    flex: 1;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }
  ::ng-deep .sidebar.sidebar-lovable-design .sidebar-toggle-container {
    display: none !important;
  }
  .navbar-nav .nav-item.user-account {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 6px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    height: 100% !important;
  }
  .header-top-btn-group {
    gap: 4px !important;
  }
  .header-top-btn {
    height: 36px !important;
    padding: 0 8px !important;
    font-size: 11.5px !important;
    gap: 4px !important;
  }
  .header-top-btn svg {
    width: 16px !important;
    height: 16px !important;
  }
  .navbar-nav .nav-item .my-profile {
    margin-left: 4px !important;
    min-width: auto !important;
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
  }
  .profile-trigger {
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    height: 36px !important;
    display: inline-flex !important;
    align-items: center !important;
  }
  .profile-trigger .profile-name {
    max-width: 90px !important;
  }
  .navbar-nav .nav-item .my-profile a.myAccount {
    display: inline-flex !important;
    align-items: center !important;
    margin-top: 0px !important;
    gap: 6px !important;
    text-decoration: none !important;
    padding: 0 !important;
  }
  .navbar-nav .nav-item .my-profile a.myAccount .profile-image {
    margin: 0 !important;
    display: block !important;
  }
  .navbar-nav .nav-item .my-profile a.myAccount i.fa-chevron-down {
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1 !important;
    color: var(--new-pera-color, #677e73) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  ::ng-deep .sidebar.sidebar-lovable-design:not(.sidebar-closed) .nav .nav-item .nav-link i.fa-angle-right {
    display: block !important;
    float: right !important;
  }
  ::ng-deep .sidebar.sidebar-lovable-design:not(.sidebar-closed) .nav .nav-item .menu-title {
    display: inline-block !important;
  }
  ::ng-deep .sidebar.sidebar-lovable-design:not(.sidebar-closed) .nav .nav-item.p-nav-item .nav-link,
  ::ng-deep .sidebar.sidebar-lovable-design:not(.sidebar-closed) .nav .nav-item.p-nav-item .nav-link:hover {
    width: 100% !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: start !important;
    padding: 10px 20px !important;
    border-radius: 0px !important;
    border: none !important;
  }
  ::ng-deep .sidebar.sidebar-lovable-design:not(.sidebar-closed) .nav .nav-item.p-nav-item .nav-link i.menu-icon,
  ::ng-deep .sidebar.sidebar-lovable-design:not(.sidebar-closed) .nav .nav-item.p-nav-item .nav-link:hover i.menu-icon {
    margin-right: 15px !important;
  }
  .page-body-wrapper.sidebar-collapsed .layout-main {
    padding-top: 27px;
  }
}
@media screen and (max-width: 767px) {
  .page-header-subtitle {
    margin-bottom: 0px;
    font-size: 13px;
  }
  .back-end-text {
    margin-bottom: 15px;
    margin-top: 2px;
  }
  .page-body-wrapper .layout-main .layout-content .layout-body {
    padding-top: 13px;
  }
  .top-bar-filterUI {
    gap: 14px;
    margin-bottom: 11px;
  }
  .heading-info-user ul {
    display: grid !important;
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 567px) {
  .tab-filter-bar.flex-item-change {
    justify-content: start !important;
    padding-top: 15px !important;
  }
  .header-top-btn-group .header-top-btn {
    padding: 6px 8px !important;
    border-radius: 50% !important;
  }
  .header-top-btn-group .header-top-btn span {
    display: none !important;
  }
  .header-top-btn-group .header-top-btn svg {
    margin: 0 !important;
    width: 16px !important;
    height: 16px !important;
  }
  .profile-trigger {
    padding: 2px !important;
    border: none !important;
    background: transparent !important;
  }
  .profile-trigger .profile-name,
  .profile-trigger .profile-caret {
    display: none !important;
  }
}
.pd-l-1 {
  padding-left: 1;
}
.pd-l-26 {
  padding-left: 26px !important;
}
.layout-main.CRM-lovable-design.help-and-guide-section {
  background: var(--new-bgLight) !important;
}
.hg-page {
  font-family: var(--new-bg-font);
  color: var(--new-mainHeading-color);
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.hg-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border: none;
  border-radius: var(--new-border-radius);
  font-family: var(--new-bg-font);
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  transition: var(--new-transition);
  height: 34px;
  padding: 0 16px;
  white-space: nowrap;
}
.hg-btn--primary {
  background: var(--new-main-color);
  color: var(--new-theme-hover-text-color);
}
.hg-btn--primary:hover {
  transform: translateY(-1px);
}
.hg-btn--ghost {
  background: var(--new-bgLight);
  color: var(--new-mainHeading-color);
  border: 1px solid var(--new-border-color);
}
.hg-btn--ghost:hover {
  background: var(--new-hover-color);
}
.hg-btn--outline {
  background: transparent;
  color: var(--new-main-color);
  border: 1px solid var(--new-main-color);
}
.hg-btn--outline:hover {
  background: var(--new-hover-color);
}
.hg-btn--sm {
  padding: 5px 12px;
  font-size: 12px;
  border-radius: 6px;
  background: transparent;
  padding: 0;
  color: var(--light-text-green);
  font-weight: 600;
  height: auto;
}
.hg-btn--full {
  width: 100%;
  justify-content: center;
}
.hg-btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
  transform: none !important;
}
.hg-section {
  margin-bottom: 20px;
}
.hg-section__header {
  display: flex;
  gap: 10px;
  margin-bottom: 17px;
  align-items: center;
}
.hg-section__icon {
  width: 30px;
  height: 30px;
  border-radius: var(--new-border-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px !important;
  flex-shrink: 0;
  margin-top: 2px;
}
.hg-section__icon--gold {
  background: rgba(138, 172, 57, 0.1);
  color: var(--light-text-green) !important;
}
.hg-section__icon--green {
  background: rgba(138, 172, 57, 0.1);
  color: var(--light-text-green) !important;
}
.hg-section__title {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--new-mainHeading-color) !important;
  margin: 0;
  margin-bottom: 0px !important;
  line-height: 1.3;
}
.hg-section__subtitle {
  font-size: 11px;
  color: var(--new-pera-color);
  margin: 0;
  line-height: 1.4;
}
.hg-section__tap-label {
  font-weight: 400;
  font-size: 13px;
  color: var(--new-pera-color);
}
.hg-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 31px 25px !important;
  background: var(--box-linear-grediant);
  border: 1px solid var(--new-border-color);
  flex-wrap: wrap;
  border-radius: var(--new-border-radius);
  margin-bottom: 19px;
}
.hg-hero__left {
  flex: 1;
  min-width: 280px;
}
.hg-hero__right {
  flex-shrink: 0;
}
.hg-hero__right--dark {
  flex-shrink: 0;
  background: var(--new-bg-background);
  border: 1px solid var(--new-border-color);
  border-radius: var(--new-border-radius2);
  padding: 4px;
  width: 386px;
}
.hg-hero__right--dark .hg-rank-card {
  background: transparent;
  border: none;
  border-radius: calc(var(--new-border-radius2) - 4px);
}
.hg-hero__right--dark .hg-rank-card__label {
  color: var(--new-pera-color);
  margin-bottom: 4px;
  line-height: 5px;
  margin-top: 10px;
}
.hg-hero__right--dark .hg-rank-card__badge {
  color: var(--new-main-color);
}
.hg-hero__right--dark .hg-rank-card__badge svg {
  width: 19px;
}
.hg-hero__right--dark .hg-rank-card__badge span {
  font-size: 17px;
}
.hg-hero__right--dark .hg-rank-card__bar {
  background: var(--new-border-color);
}
.hg-hero__right--dark .hg-rank-card__bar-label {
  color: var(--new-mainHeading-color);
}
.hg-hero__right--dark .hg-rank-card__stats {
  border-top-color: rgba(255, 255, 255, 0.08);
}
.hg-hero__right--dark .hg-stat-item__label {
  color: var(--new-pera-color);
  gap: 5px;
}
.hg-hero__right--dark .hg-stat-item__label svg {
  width: 15px;
}
.hg-hero__right--dark .hg-stat-item__value {
  color: var(--new-mainHeading-color);
}
.hg-hero__eyebrow {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--light-text-green);
  margin-bottom: 12px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: var(--new-bg-background);
  border: 1px solid var(--new-border-color);
  padding: 1px 9px;
  border-radius: var(--new-border-radius2);
}
.hg-hero__eyebrow svg {
  color: var(--light-text-green);
  width: 14px;
}
.hg-hero__title {
  font-size: 36px;
  font-weight: 800;
  color: var(--new-mainHeading-color);
  margin-bottom: 10px;
  line-height: 1.2;
}
.hg-hero__desc {
  font-size: 14px !important;
  color: var(--new-pera-color);
  line-height: 1.6;
  margin-bottom: 17px !important;
}
.hg-hero__actions {
  display: flex;
  align-items: center !important;
  gap: 12px;
  flex-wrap: wrap;
}
#hg-start-playing-btn {
  box-shadow: 0 2px 10px -3px rgba(107, 134, 45, 0.5) !important;
}
.hg-rank-card {
  background: var(--new-bgCard-background, var(--new-bgLight));
  border: 1px solid var(--new-border-color);
  border-radius: var(--new-border-radius2);
  padding: 10px 9px;
  min-width: auto;
  max-width: 378px;
}
.hg-rank-card__label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: var(--new-pera-color);
  text-transform: uppercase;
  margin-bottom: 10px;
}
.hg-rank-card__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
}
.hg-rank-card__badge {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 14px;
  font-weight: 600;
  color: var(--new-mainHeading-color);
}
.hg-rank-card__badge i {
  color: var(--new-main-color);
  font-size: 18px;
}
.hg-rank-card__xp-circle {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: var(--new-main-color);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 800;
  color: var(--new-theme-hover-text-color);
  box-shadow: 0 2px 10px -3px rgba(107, 134, 45, 0.5);
  margin-top: -16px;
}
.hg-rank-card__xp-circle span {
  color: var(--new-theme-hover-text-color);
}
.hg-rank-card__bar-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 0;
}
.hg-rank-card__bar {
  flex: 1;
  height: 8px;
  background: var(--new-border-color);
  border-radius: var(--new-border-radius);
  overflow: hidden;
}
.hg-rank-card__bar-fill {
  height: 100%;
  background: var(--new-main-color);
  border-radius: 3px;
  transition: width 0.5s ease;
}
.hg-rank-card__bar-label {
  font-size: 11px;
  color: var(--new-pera-color);
  white-space: nowrap;
}
.hg-rank-card__stats {
  display: flex;
  gap: 10px;
  padding-top: 14px;
}
.hg-stat-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 3px;
  text-align: center;
  background: var(--bg-background);
  border: 1px solid var(--new-border-color);
  border-radius: var(--new-border-radius);
  padding: 8px 7px;
}
.hg-stat-item:last-child {
  border-right: none;
}
.hg-stat-item i {
  font-size: 14px;
  color: var(--new-main-color);
}
.hg-stat-item__label {
  font-size: 9px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--new-pera-color);
}
.hg-stat-item__value {
  font-size: 13px;
  font-weight: 700;
  color: var(--new-mainHeading-color);
}
.hg-rules-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}
@media (max-width: 1024px) {
  .hg-rules-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 580px) {
  .hg-rules-grid {
    grid-template-columns: 1fr;
  }
}
.hg-rule-card {
  background: var(--bg-background);
  border: 1px solid var(--new-border-color);
  border-radius: var(--new-border-radius);
  padding: 8px 13px;
  transition: var(--new-transition);
}
.hg-rule-card:hover {
  border-color: var(--new-linear-boreder);
  box-shadow: var(--box-hover-shadow);
  transform: translateY(-2px);
}
.hg-rule-card__num {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--new-pera-color);
  margin-bottom: 3px;
  padding: 2px 0px;
  background: transparent;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border-radius: 4px;
}
.hg-rule-card__num i {
  background: rgba(138, 172, 57, 0.1);
  color: var(--light-text-green);
  font-size: 15px;
  width: 26px;
  height: 26px;
  text-align: center;
  line-height: 26px;
  font-weight: 200;
  border-radius: 10px;
  margin-right: 5px;
}
.hg-rule-card__text {
  font-size: 12px !important;
  color: var(--new-pera-color) !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}
.hg-map-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
@media (max-width: 1024px) {
  .hg-map-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 11px;
  }
}
@media (max-width: 580px) {
  .hg-map-grid {
    grid-template-columns: 1fr;
    gap: 11px;
  }
}
.hg-chapter-card {
  background: var(--bg-background);
  border: 1px solid var(--new-border-color);
  border-radius: var(--new-border-radius2);
  padding: 18px;
  cursor: pointer;
  transition: var(--new-transition);
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
  overflow: hidden;
}
.hg-chapter-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: var(--adventure-line-gredient);
  border-radius: var(--new-border-radius) var(--new-border-radius) 0 0;
  transition: transform 0.4s ease;
  transform-origin: left;
}
.hg-chapter-card:hover {
  border-color: var(--new-linear-boreder);
  box-shadow: var(--box-hover-shadow);
  transform: translateY(-3px);
}
.hg-chapter-card--locked {
  opacity: 0.55;
  cursor: not-allowed;
}
.hg-chapter-card--locked:hover {
  transform: none;
  box-shadow: none;
}
.hg-chapter-card__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.hg-chapter-card__icon {
  width: 47px;
  height: 47px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  color: var(--new-mainHeading-color);
  flex-shrink: 0;
  border: 1px solid transparent;
}
.hg-chapter-card__xp {
  font-size: 11px;
  font-weight: 600;
  color: var(--light-text-green);
  background: var(--new-hover-color);
  border: 1px solid rgba(138, 172, 57, 0.3);
  padding: 3px 9px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.hg-chapter-card__xp i,
.hg-chapter-card__xp .hg-lightning-icon {
  color: var(--light-text-green);
  font-size: 12px;
  width: 12px;
  height: 12px;
}
.hg-chapter-card__title {
  font-size: 14px;
  font-weight: 700;
  color: var(--new-mainHeading-color);
  margin: 4px 0 0;
  line-height: 1.3;
}
.hg-chapter-card__desc {
  font-size: 12px;
  color: var(--new-pera-color);
  line-height: 1.55;
  margin: 0;
}
.hg-chapter-card__quote {
  font-size: 12px;
  font-style: italic;
  color: var(--new-pera-color);
  border-left: 2px solid var(--new-main-color);
  padding-left: 10px;
  margin: 4px 0 0;
  line-height: 1.5;
  opacity: 0.8;
}
.hg-chapter-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 6px;
  padding-top: 10px;
  border-top: 1px solid var(--new-border-color);
}
.hg-chapter-card__steps {
  font-size: 11px;
  font-weight: 600;
  color: var(--new-pera-color);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  display: flex;
  align-items: center;
  gap: 5px;
}
.hg-chapter-card__steps i {
  color: var(--new-main-color);
}
#hg-chapter-card-1 .hg-chapter-card__icon {
  background: rgba(59, 130, 246, 0.1) !important;
  border-color: rgba(59, 130, 246, 0.3);
  color: rgb(37, 99, 235);
}
#hg-chapter-card-2 .hg-chapter-card__icon {
  background: rgba(138, 172, 57, 0.1) !important;
  border-color: rgba(138, 172, 57, 0.3);
  color: rgb(138, 172, 57);
}
#hg-chapter-card-3 .hg-chapter-card__icon {
  background: rgba(138, 172, 57, 0.1) !important;
  border-color: rgba(138, 172, 57, 0.3);
  color: rgb(138, 172, 57);
}
#hg-chapter-card-4 .hg-chapter-card__icon {
  background: rgba(249, 115, 22, 0.1) !important;
  border-color: rgba(249, 115, 22, 0.3);
  color: rgb(249, 115, 22);
}
#hg-chapter-card-5 .hg-chapter-card__icon {
  background: rgba(168, 85, 247, 0.1) !important;
  border-color: rgba(168, 85, 247, 0.3);
  color: rgb(168, 85, 247);
}
.hg-cheat-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 14px;
}
@media (max-width: 1200px) {
  .hg-cheat-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 768px) {
  .hg-cheat-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 480px) {
  .hg-cheat-grid {
    grid-template-columns: 1fr;
  }
}
.hg-flip-card {
  height: 90px;
  perspective: 1000px;
  cursor: pointer;
}
.hg-flip-card--flipped .hg-flip-card__inner {
  transform: rotateY(180deg);
}
.hg-flip-card__inner {
  position: relative;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform 0.55s cubic-bezier(0.4, 0.2, 0.2, 1);
}
.hg-flip-card__front,
.hg-flip-card__back {
  position: absolute;
  inset: 0;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  border-radius: var(--new-border-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px;
}
.hg-flip-card__front {
  background: var(--cheat-sheet-bg);
  border: 1px solid var(--new-border-color);
  transition: var(--new-transition);
}
.hg-flip-card__front:hover {
  border-color: var(--new-linear-boreder);
  box-shadow: var(--box-hover-shadow);
}
.hg-flip-card__term {
  font-size: 14px;
  font-weight: 600;
  color: var(--new-mainHeading-color);
  text-align: center;
}
.hg-flip-card__back {
  background: var(--light-text-green);
  border: 1px solid var(--light-text-green);
  transform: rotateY(180deg);
  padding: 14px 16px;
}
.hg-flip-card--flipped.hg-flip-card--active .hg-flip-card__back {
  background: var(--new-theme-hover-default);
}
.hg-flip-card__def {
  font-size: 11.5px !important;
  color: var(--new-theme-hover-text-color) !important;
  text-align: center;
  line-height: 1.55;
  margin: 0;
  font-weight: 500;
}
.hg-modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  z-index: 130000;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.hg-modal-overlay--active {
  opacity: 1;
  pointer-events: all;
}
.hg-modal {
  background: var(--new-bgLight);
  border: 1px solid var(--new-border-color);
  border-radius: var(--new-border-radius2);
  width: 100%;
  max-width: 42rem;
  max-height: 90vh;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.3);
  animation: hgModalIn 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  font-family: var(--new-bg-font);
  position: relative;
}
.hg-modal::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background:
    linear-gradient(
      to right,
      var(--new-main-color),
      #f49d25);
  border-radius: var(--new-border-radius2) var(--new-border-radius2) 0 0;
  z-index: 1001;
}
@media (max-width: 600px) {
  .hg-modal {
    max-width: 95vw;
    max-height: 95vh;
    border-radius: 16px;
  }
}
.hg-modal__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 20px 17px 14px;
  border-bottom: 1px solid var(--new-border-color);
  gap: 12px;
}
.hg-modal__header-left {
  display: flex;
  align-items: center;
  gap: 14px;
}
.hg-modal__header-icon {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.hg-modal__header-icon i {
  font-size: 20px;
  color: var(--new-main-color);
}
.hg-modal__header-icon--ch1 {
  background: rgba(138, 172, 57, 0.12) !important;
  border-color: rgba(138, 172, 57, 0.3) !important;
}
.hg-modal__header-icon--ch1 i {
  color: rgb(138, 172, 57) !important;
}
.hg-modal__header-icon--ch2 {
  background: rgba(138, 172, 57, 0.1) !important;
  border-color: rgba(138, 172, 57, 0.3) !important;
}
.hg-modal__header-icon--ch2 i {
  color: rgb(138, 172, 57) !important;
}
.hg-modal__header-icon--ch3 {
  background: rgba(138, 172, 57, 0.1) !important;
  border-color: rgba(138, 172, 57, 0.3) !important;
}
.hg-modal__header-icon--ch3 i {
  color: rgb(138, 172, 57) !important;
}
.hg-modal__header-icon--ch4 {
  background: rgba(249, 115, 22, 0.12) !important;
  border-color: rgba(249, 115, 22, 0.3) !important;
}
.hg-modal__header-icon--ch4 i {
  color: rgb(249, 115, 22) !important;
}
.hg-modal__header-icon--ch5 {
  background: rgba(168, 85, 247, 0.12) !important;
  border-color: rgba(168, 85, 247, 0.3) !important;
}
.hg-modal__header-icon--ch5 i {
  color: rgb(168, 85, 247) !important;
}
.hg-modal__header-title-wrapper {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.hg-modal__header-tags {
  display: flex;
  align-items: center;
  gap: 8px;
}
.hg-modal__cleared-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  border-radius: 12px;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  background: rgba(124, 159, 46, 0.12);
  border: 1px solid rgba(124, 159, 46, 0.3);
  color: var(--light-text-green);
}
.hg-modal__cleared-badge i {
  font-size: 11px;
}
.hg-modal__chapter-tag {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--new-pera-color);
}
.hg-modal__xp-capsule {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 10px;
  font-weight: 700;
  color: var(--light-text-green);
}
.hg-modal__xp-capsule .hg-lightning-icon {
  color: var(--light-text-green);
  width: 12px;
  height: 12px;
}
.hg-modal__title {
  font-size: 16px;
  font-weight: 700;
  color: var(--new-mainHeading-color);
  margin: 0;
  line-height: 1.3;
}
.hg-modal__close {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  border: 1px solid var(--new-border-color);
  background: transparent;
  color: var(--new-pera-color);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  flex-shrink: 0;
  transition: var(--new-transition);
}
.hg-modal__close:hover {
  background: var(--new-hover-color);
  color: var(--new-mainHeading-color);
}
.hg-modal__progress-wrap {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 24px;
  border-bottom: 1px solid var(--new-border-color);
}
.hg-modal__progress-segments {
  display: flex;
  flex: 1;
  gap: 6px;
}
.hg-modal__progress-segment {
  flex: 1;
  height: 5px;
  background: var(--new-border-color);
  border-radius: 3px;
  transition: background-color 0.3s ease;
}
.hg-modal__progress-segment.active {
  background: var(--new-main-color);
}
.hg-modal__progress-label {
  font-size: 11px;
  font-weight: 600;
  color: var(--new-pera-color);
  white-space: nowrap;
}
.hg-modal__body {
  padding: 17px 17px;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.hg-modal__step-label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--new-main-color);
  display: flex;
  align-items: center;
  gap: 6px;
}
.hg-modal__step-label i {
  font-size: 14px;
}
.hg-modal__step-title {
  font-size: 18px;
  font-weight: 700;
  color: var(--new-mainHeading-color);
  margin: 0;
  line-height: 1.3;
  margin-bottom: -12px;
  margin-top: -12px;
}
.hg-modal__step-desc {
  font-size: 13px;
  color: var(--new-pera-color);
  line-height: 1.7;
  margin: 0;
}
.hg-modal__tip {
  background: rgba(255, 139, 26, 0.05);
  border: 1px solid rgba(244, 157, 37, 0.25);
  border-radius: 10px;
  padding: 10px 16px;
}
.hg-modal__tip p {
  font-size: 12px;
  color: var(--new-pera-color);
  margin: 0;
  line-height: 1.55;
}
.hg-modal__tip-header {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 0px;
}
.hg-modal__tip-header i {
  color: rgb(255, 139, 26);
  font-size: 15px;
}
.hg-modal__tip-header span {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgb(255, 139, 26);
}
.hg-modal__demo {
  background:
    linear-gradient(
      180deg,
      rgba(138, 172, 57, 0.05) 0%,
      var(--new-bg-background) 100%);
  border: 1px solid rgba(138, 172, 57, 0.25);
  border-radius: 12px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.hg-modal__demo-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.hg-modal__demo-header-left {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--light-text-green);
}
.hg-modal__demo-header-left i {
  font-size: 14px;
  color: var(--light-text-green);
}
.hg-modal__demo-close {
  font-size: 12px;
  color: var(--new-pera-color);
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  font-family: var(--new-bg-font);
  transition: color 0.2s;
}
.hg-modal__demo-close:hover {
  color: var(--new-mainHeading-color);
}
.hg-modal__demo-hint {
  font-size: 12px;
  color: var(--new-pera-color);
  margin: 0;
}
.hg-modal__profile-completeness-wrap {
  margin-top: 4px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.hg-modal__profile-completeness-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.hg-modal__profile-completeness-label {
  font-size: 12px;
  font-weight: 600;
  color: var(--new-mainHeading-color);
}
.hg-modal__profile-completeness-value {
  font-size: 12px;
  font-weight: 700;
  color: var(--light-text-green);
}
.hg-modal__profile-completeness-bar {
  height: 7px;
  background: var(--new-border-color);
  border-radius: 4px;
  overflow: hidden;
}
.hg-modal__profile-completeness-fill {
  height: 100%;
  background: var(--new-main-color);
  border-radius: 4px;
  transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.hg-modal__profile-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin-top: 6px;
}
@media (max-width: 480px) {
  .hg-modal__profile-grid {
    grid-template-columns: 1fr;
  }
}
.hg-modal__profile-pill {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 8px;
  background: var(--new-bgLight);
  border: 1px solid var(--new-border-color);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  transition: var(--new-transition);
}
.hg-modal__profile-pill:hover {
  border-color: rgba(138, 172, 57, 0.4);
}
.hg-modal__profile-pill--checked {
  border-color: rgba(138, 172, 57, 0.5);
  background: rgba(138, 172, 57, 0.08);
}
.hg-modal__profile-pill--checked .hg-modal__profile-pill-check i {
  color: var(--light-text-green);
}
.hg-modal__profile-pill-check {
  display: flex;
  align-items: center;
  justify-content: center;
}
.hg-modal__profile-pill-check i {
  font-size: 16px;
  color: var(--new-pera-color);
  transition: color 0.2s;
}
.hg-modal__profile-pill-label {
  font-size: 13px;
  font-weight: 500;
  color: var(--new-mainHeading-color);
}
.hg-modal__goals-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 4px;
}
.hg-modal__goal-card {
  padding: 14px 16px;
  border-radius: 8px;
  background: var(--new-bgLight);
  border: 1px solid var(--new-border-color);
  cursor: pointer;
  transition: var(--new-transition);
}
.hg-modal__goal-card:hover {
  border-color: rgba(138, 172, 57, 0.4);
}
.hg-modal__goal-card--selected {
  border-color: rgba(138, 172, 57, 0.55);
  background: rgba(138, 172, 57, 0.08);
}
.hg-modal__goal-title {
  font-size: 13px;
  font-weight: 600;
  color: var(--new-mainHeading-color);
  margin-bottom: 3px;
}
.hg-modal__goal-subtitle {
  font-size: 11px;
  color: var(--new-pera-color);
}
.hg-modal__course-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 4px;
}
.hg-modal__course-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px;
  border-radius: 8px;
  background: var(--new-bgLight);
  border: 1px solid var(--new-border-color);
  transition: var(--new-transition);
}
.hg-modal__course-card:hover {
  border-color: rgba(138, 172, 57, 0.35);
}
.hg-modal__course-card-left {
  display: flex;
  align-items: center;
  gap: 12px;
}
.hg-modal__course-card-icon {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(138, 172, 57, 0.08);
  border: 1px solid rgba(138, 172, 57, 0.2);
  flex-shrink: 0;
}
.hg-modal__course-card-icon i {
  font-size: 16px;
  color: var(--light-text-green);
}
.hg-modal__course-card-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.hg-modal__course-card-title {
  font-size: 13px;
  font-weight: 600;
  color: var(--new-mainHeading-color);
  line-height: 1.3;
}
.hg-modal__course-card-meta {
  font-size: 11px;
  color: var(--new-pera-color);
}
.hg-modal__course-enrol-btn {
  height: 28px;
  padding: 0 16px;
  border-radius: 14px;
  font-size: 11px;
  font-weight: 700;
  font-family: var(--new-bg-font);
  cursor: pointer;
  border: none;
  background: var(--new-main-color);
  color: var(--new-theme-hover-text-color, #0b0f0d);
  transition: var(--new-transition);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.hg-modal__course-enrol-btn:hover {
  opacity: 0.9;
  transform: translateY(-1px);
}
.hg-modal__course-enrol-btn--enrolled {
  background: rgba(138, 172, 57, 0.15);
  border: 1px solid rgba(138, 172, 57, 0.4);
  color: var(--light-text-green);
}
.hg-modal__course-enrol-btn--enrolled:hover {
  background: rgba(138, 172, 57, 0.25);
}
.hg-modal__lessons-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 4px;
}
.hg-modal__lesson-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 14px;
  border-radius: 8px;
  background: var(--new-bgLight);
  border: 1px solid var(--new-border-color);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  transition: var(--new-transition);
}
.hg-modal__lesson-row:hover {
  border-color: rgba(138, 172, 57, 0.35);
}
.hg-modal__lesson-row-left {
  display: flex;
  align-items: center;
  gap: 12px;
}
.hg-modal__lesson-row--completed .hg-modal__lesson-check i {
  color: var(--light-text-green);
}
.hg-modal__lesson-check {
  display: flex;
  align-items: center;
  justify-content: center;
}
.hg-modal__lesson-check i {
  font-size: 16px;
  color: var(--new-pera-color);
  transition: color 0.2s;
}
.hg-modal__lesson-title {
  font-size: 13px;
  font-weight: 500;
  color: var(--new-mainHeading-color);
}
.hg-modal__lesson-badge {
  font-size: 11px;
  font-weight: 500;
  color: var(--new-pera-color);
  padding: 2px 8px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid var(--new-border-color);
}
.hg-modal__path-pills {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 4px;
}
.hg-modal__path-pill {
  padding: 8px 18px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 600;
  font-family: var(--new-bg-font);
  cursor: pointer;
  border: 1px solid var(--new-border-color);
  background: var(--new-bgLight);
  color: var(--new-mainHeading-color);
  transition: var(--new-transition);
}
.hg-modal__path-pill:hover {
  border-color: rgba(138, 172, 57, 0.4);
  color: var(--light-text-green);
}
.hg-modal__path-pill--active {
  border-color: rgba(138, 172, 57, 0.6);
  background: rgba(138, 172, 57, 0.12);
  color: var(--light-text-green);
  box-shadow: 0 0 12px rgba(138, 172, 57, 0.15);
}
.hg-modal__journey-map-card {
  background: var(--new-bgLight);
  border: 1px solid var(--new-border-color);
  border-radius: 10px;
  padding: 14px 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 4px;
}
.hg-modal__journey-map-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.hg-modal__journey-map-title {
  font-size: 13px;
  font-weight: 700;
  color: var(--new-mainHeading-color);
}
.hg-modal__journey-map-counter {
  font-size: 12px;
  font-weight: 700;
  color: var(--light-text-green);
}
.hg-modal__journey-nodes-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.hg-modal__journey-node-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  border-radius: 8px;
  border: 1px solid var(--new-border-color);
  background: rgba(255, 255, 255, 0.02);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  transition: var(--new-transition);
}
.hg-modal__journey-node-row .hg-modal__journey-node-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.hg-modal__journey-node-row .hg-modal__journey-node-icon i {
  font-size: 16px;
  transition: color 0.2s;
}
.hg-modal__journey-node-row .hg-modal__journey-node-title {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.3;
}
.hg-modal__journey-node-row--completed {
  border-color: rgba(138, 172, 57, 0.4);
  background: rgba(138, 172, 57, 0.06);
}
.hg-modal__journey-node-row--completed .hg-modal__journey-node-icon i {
  color: var(--light-text-green);
}
.hg-modal__journey-node-row--completed .hg-modal__journey-node-title {
  color: var(--new-mainHeading-color);
  font-weight: 600;
}
.hg-modal__journey-node-row--current {
  border-color: rgba(138, 172, 57, 0.3);
  background: rgba(138, 172, 57, 0.03);
}
.hg-modal__journey-node-row--current .hg-modal__journey-node-icon i {
  color: var(--light-text-green);
  font-size: 16px;
}
.hg-modal__journey-node-row--current .hg-modal__journey-node-title {
  color: var(--new-mainHeading-color);
  font-weight: 600;
}
.hg-modal__journey-node-row--locked {
  border-color: var(--new-border-color);
  opacity: 0.65;
}
.hg-modal__journey-node-row--locked .hg-modal__journey-node-icon i {
  color: var(--new-pera-color);
}
.hg-modal__journey-node-row--locked .hg-modal__journey-node-title {
  color: var(--new-pera-color);
}
.hg-modal__journey-node-row--locked:hover {
  opacity: 0.9;
  border-color: rgba(138, 172, 57, 0.3);
}
.hg-modal__badge-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
  border-radius: 10px;
  background: var(--new-bgLight);
  border: 1px solid var(--new-border-color);
  margin-top: 4px;
  transition: var(--new-transition);
}
.hg-modal__badge-card--unlocked {
  border-color: rgba(138, 172, 57, 0.4);
  background: rgba(138, 172, 57, 0.04);
}
.hg-modal__badge-card-left {
  display: flex;
  align-items: center;
  gap: 14px;
}
.hg-modal__badge-card-icon {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid var(--new-border-color);
  flex-shrink: 0;
}
.hg-modal__badge-card-icon svg,
.hg-modal__badge-card-icon i {
  font-size: 20px;
  color: var(--new-pera-color);
  stroke: var(--new-pera-color);
}
.hg-modal__badge-card-icon--unlocked {
  background: rgba(138, 172, 57, 0.15);
  border-color: rgba(138, 172, 57, 0.4);
}
.hg-modal__badge-card-icon--unlocked svg,
.hg-modal__badge-card-icon--unlocked i {
  color: var(--light-text-green);
  stroke: var(--light-text-green);
}
.hg-modal__badge-card-info {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.hg-modal__badge-card-title {
  font-size: 14px;
  font-weight: 700;
  color: var(--new-mainHeading-color);
}
.hg-modal__badge-card-progress {
  font-size: 12px;
  color: var(--new-pera-color);
}
.hg-modal__badge-finish-btn {
  height: 30px;
  padding: 0 16px;
  border-radius: 15px;
  font-size: 12px;
  font-weight: 700;
  font-family: var(--new-bg-font);
  cursor: pointer;
  border: 1px solid rgba(138, 172, 57, 0.4);
  background: rgba(138, 172, 57, 0.1);
  color: var(--light-text-green);
  transition: var(--new-transition);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.hg-modal__badge-finish-btn:hover {
  background: var(--new-main-color);
  color: var(--new-theme-hover-text-color, #0b0f0d);
}
.hg-modal__badge-finish-btn--done {
  background: var(--new-main-color);
  color: var(--new-theme-hover-text-color, #0b0f0d);
  border-color: var(--new-main-color);
}
.hg-modal__badge-finish-btn--done:hover {
  opacity: 0.9;
}
.hg-modal__streak-demo-card {
  background: var(--new-bgLight);
  border: 1px solid var(--new-border-color);
  border-radius: 10px;
  padding: 14px 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 4px;
}
.hg-modal__streak-demo-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.hg-modal__streak-demo-title {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 600;
  color: #f97316;
}
.hg-modal__streak-demo-title i {
  font-size: 16px;
  color: #f97316;
}
.hg-modal__streak-demo-count {
  font-size: 12px;
  font-weight: 700;
  color: #f97316;
}
.hg-modal__streak-days-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 8px;
}
@media (max-width: 480px) {
  .hg-modal__streak-days-grid {
    gap: 4px;
  }
}
.hg-modal__streak-day-box {
  height: 52px;
  border-radius: 8px;
  border: 1px solid var(--new-border-color);
  background: rgba(255, 255, 255, 0.02);
  color: var(--new-pera-color);
  font-size: 13px;
  font-weight: 700;
  font-family: var(--new-bg-font);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: var(--new-transition);
}
.hg-modal__streak-day-box:hover {
  border-color: rgba(249, 115, 22, 0.4);
  color: var(--new-mainHeading-color);
}
.hg-modal__streak-day-box--active {
  border-color: rgba(249, 115, 22, 0.6);
  background: rgba(249, 115, 22, 0.18);
  color: #fb923c;
  box-shadow: 0 0 10px rgba(249, 115, 22, 0.12);
}
.hg-modal__multiplier-demo-card {
  background: var(--new-bgLight);
  border: 1px solid var(--new-border-color);
  border-radius: 10px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-top: 4px;
}
.hg-modal__multiplier-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.hg-modal__multiplier-streak-label {
  font-size: 12px;
  font-weight: 600;
  color: var(--new-mainHeading-color);
}
.hg-modal__multiplier-xp-label {
  font-size: 12px;
  font-weight: 700;
  color: var(--new-mainHeading-color);
}
.hg-modal__slider-track-wrap {
  width: 100%;
  display: flex;
  align-items: center;
}
.hg-modal__streak-slider {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 6px;
  border-radius: 3px;
  outline: none;
  cursor: pointer;
  transition: background 0.1s ease;
}
.hg-modal__streak-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #f97316;
  border: 2px solid #ffffff;
  cursor: pointer;
  box-shadow: 0 0 8px rgba(249, 115, 22, 0.5);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.hg-modal__streak-slider::-webkit-slider-thumb:hover {
  transform: scale(1.15);
  box-shadow: 0 0 12px rgba(249, 115, 22, 0.7);
}
.hg-modal__streak-slider::-moz-range-thumb {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #f97316;
  border: 2px solid #ffffff;
  cursor: pointer;
  box-shadow: 0 0 8px rgba(249, 115, 22, 0.5);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.hg-modal__streak-slider::-moz-range-thumb:hover {
  transform: scale(1.15);
  box-shadow: 0 0 12px rgba(249, 115, 22, 0.7);
}
.hg-modal__multiplier-presets {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
@media (max-width: 480px) {
  .hg-modal__multiplier-presets {
    grid-template-columns: 1fr;
  }
}
.hg-modal__multiplier-preset-btn {
  height: 38px;
  border-radius: 8px;
  border: 1px solid var(--new-border-color);
  background: rgba(255, 255, 255, 0.02);
  color: var(--new-pera-color);
  font-size: 12px;
  font-weight: 600;
  font-family: var(--new-bg-font);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: var(--new-transition);
}
.hg-modal__multiplier-preset-btn:hover {
  border-color: rgba(249, 115, 22, 0.4);
  color: var(--new-mainHeading-color);
}
.hg-modal__multiplier-preset-btn--active {
  border-color: rgba(249, 115, 22, 0.75);
  background: rgba(249, 115, 22, 0.14);
  color: #fb923c;
  font-weight: 700;
  box-shadow: 0 0 10px rgba(249, 115, 22, 0.15);
}
.hg-modal__freeze-demo-card {
  background: var(--new-bgLight);
  border: 1px solid var(--new-border-color);
  border-radius: 10px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-top: 4px;
}
.hg-modal__freeze-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.hg-modal__freeze-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 600;
  color: var(--light-text-green);
}
.hg-modal__freeze-title i {
  font-size: 16px;
  color: var(--light-text-green);
}
.hg-modal__freeze-counter {
  font-size: 12px;
  font-weight: 700;
  color: var(--new-mainHeading-color);
}
.hg-modal .hg-btn--freeze {
  height: 38px;
  font-size: 13px;
  font-weight: 700;
  font-family: var(--new-bg-font);
  background: var(--new-main-color);
  color: #0b0f0d;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--new-transition);
}
.hg-modal .hg-btn--freeze:hover:not(:disabled) {
  opacity: 0.92;
  transform: translateY(-1px);
}
.hg-modal .hg-btn--freeze:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.hg-modal__rewards-card {
  background: var(--new-bgLight);
  border: 1px solid var(--new-border-color);
  border-radius: 10px;
  padding: 14px 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 4px;
}
.hg-modal__rewards-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 6px;
}
.hg-modal__rewards-header-left {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 600;
  color: var(--light-text-green);
}
.hg-modal__rewards-header-left .hg-lightning-icon {
  width: 13px;
  height: 13px;
  color: var(--light-text-green);
}
.hg-modal__rewards-header-xp {
  font-size: 13px;
  font-weight: 700;
  color: var(--light-text-green);
}
.hg-modal__rewards-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.hg-modal__reward-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px;
  border-radius: 8px;
  border: 1px solid var(--new-border-color);
  background: rgba(255, 255, 255, 0.02);
  transition: var(--new-transition);
}
.hg-modal__reward-row--redeemed {
  border-color: rgba(138, 172, 57, 0.4);
  background: rgba(138, 172, 57, 0.05);
}
.hg-modal__reward-title {
  font-size: 13px;
  font-weight: 500;
  color: var(--new-mainHeading-color);
}
.hg-modal__reward-right {
  display: flex;
  align-items: center;
  gap: 14px;
}
.hg-modal__reward-xp {
  font-size: 12px;
  font-weight: 600;
  color: var(--new-pera-color);
}
.hg-modal__reward-btn {
  height: 28px;
  padding: 0 14px;
  border-radius: 14px;
  font-size: 12px;
  font-weight: 700;
  font-family: var(--new-bg-font);
  cursor: pointer;
  border: 1px solid var(--new-main-color);
  background: var(--new-main-color);
  color: #0b0f0d;
  transition: var(--new-transition);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.hg-modal__reward-btn:hover:not(:disabled) {
  opacity: 0.9;
  transform: translateY(-1px);
}
.hg-modal__reward-btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.hg-modal__reward-btn--redeemed {
  background: rgba(138, 172, 57, 0.2);
  color: var(--light-text-green);
  border-color: rgba(138, 172, 57, 0.5);
}
.hg-modal__cert-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
  border-radius: 10px;
  background: var(--new-bgLight);
  border: 1px solid var(--new-border-color);
  margin-top: 4px;
  transition: var(--new-transition);
}
.hg-modal__cert-card-left {
  display: flex;
  align-items: center;
  gap: 14px;
}
.hg-modal__cert-icon {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(138, 172, 57, 0.12);
  border: 1px solid rgba(138, 172, 57, 0.3);
  flex-shrink: 0;
}
.hg-modal__cert-icon svg,
.hg-modal__cert-icon i {
  color: var(--light-text-green);
  stroke: var(--light-text-green);
  font-size: 22px;
}
.hg-modal__cert-info {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.hg-modal__cert-title {
  font-size: 13.5px;
  font-weight: 700;
  color: var(--new-mainHeading-color);
}
.hg-modal__cert-meta {
  font-size: 11.5px;
  color: var(--new-pera-color);
}
.hg-modal__cert-download-btn {
  height: 30px;
  padding: 0 16px;
  border-radius: 15px;
  font-size: 12px;
  font-weight: 700;
  font-family: var(--new-bg-font);
  cursor: pointer;
  border: 1px solid var(--new-main-color);
  background: var(--new-main-color);
  color: #0b0f0d;
  transition: var(--new-transition);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.hg-modal__cert-download-btn:hover {
  opacity: 0.9;
  transform: translateY(-1px);
}
.hg-modal__cert-download-btn--done {
  background: rgba(138, 172, 57, 0.2);
  color: var(--light-text-green);
  border-color: rgba(138, 172, 57, 0.5);
}
.hg-modal__ranks-card {
  background: var(--new-bgLight);
  border: 1px solid var(--new-border-color);
  border-radius: 10px;
  padding: 14px 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 4px;
}
.hg-modal__rank-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px;
  border-radius: 8px;
  border: 1px solid var(--new-border-color);
  background: rgba(255, 255, 255, 0.02);
  transition: var(--new-transition);
  opacity: 0.65;
}
.hg-modal__rank-row--unlocked {
  border-color: rgba(138, 172, 57, 0.4);
  background: rgba(138, 172, 57, 0.04);
  opacity: 1;
}
.hg-modal__rank-row--unlocked .hg-modal__rank-icon {
  color: var(--light-text-green);
}
.hg-modal__rank-row--unlocked .hg-modal__rank-name {
  color: var(--new-mainHeading-color);
}
.hg-modal__rank-row--unlocked .hg-modal__rank-xp {
  color: var(--light-text-green);
}
.hg-modal__rank-row-left {
  display: flex;
  align-items: center;
  gap: 10px;
}
.hg-modal__rank-row-right {
  display: flex;
  align-items: center;
  gap: 12px;
}
.hg-modal__rank-icon {
  font-size: 16px;
  color: var(--new-pera-color);
}
.hg-modal__rank-name {
  font-size: 13px;
  font-weight: 600;
  color: var(--new-pera-color);
}
.hg-modal__rank-xp {
  font-size: 12px;
  font-weight: 600;
  color: var(--new-pera-color);
}
.hg-modal__rank-badge {
  font-size: 11px;
  font-weight: 600;
  color: var(--light-text-green);
  background: rgba(138, 172, 57, 0.1);
  border: 1px solid rgba(138, 172, 57, 0.35);
  padding: 2px 10px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
}
.hg-modal__demo-form-box {
  background: var(--new-bgLight);
  border: 1px solid var(--new-border-color);
  border-radius: 8px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 12px;
}
.hg-modal__score-wrapper {
  margin: 4px 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.hg-modal__score-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.hg-modal__score-label {
  font-size: 13px;
  font-weight: 600;
  color: var(--new-mainHeading-color);
}
.hg-modal__score-value {
  font-size: 13px;
  font-weight: 700;
  color: var(--light-text-green);
}
.hg-modal__score-bar {
  height: 8px;
  background: var(--new-border-color);
  border-radius: 4px;
  overflow: hidden;
}
.hg-modal__score-fill {
  height: 100%;
  background: var(--new-main-color);
  border-radius: 4px;
  transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.hg-modal__activity-buttons {
  display: flex;
  gap: 12px;
  margin-top: 4px;
}
.hg-modal .hg-btn--activity {
  flex: 1;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border: 1px solid var(--new-border-color);
  background: var(--new-bgLight);
  color: var(--new-mainHeading-color);
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
  transition: all 0.2s ease;
  cursor: pointer;
}
.hg-modal .hg-btn--activity i {
  font-size: 14px;
  color: var(--light-text-green);
}
.hg-modal .hg-btn--activity:hover {
  background: var(--new-hover-color);
  border-color: var(--light-text-green);
  color: var(--light-text-green);
}
.hg-modal__demo-success {
  margin-top: 12px;
  background: rgba(124, 159, 46, 0.08);
  border: 1px solid rgba(138, 172, 57, 0.3);
  border-radius: var(--new-border-radius);
  padding: 10px 14px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: var(--light-text-green);
  animation: hgFadeIn 0.25s ease-out;
}
.hg-modal__demo-success i {
  font-size: 16px;
  color: var(--light-text-green);
}
@keyframes hgFadeIn {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.hg-modal__status-buttons {
  display: flex;
  gap: 12px;
  margin-top: 4px;
}
.hg-modal .hg-btn--status {
  flex: 1;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--new-border-color);
  background: var(--new-bgLight);
  color: var(--new-mainHeading-color);
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
  transition: all 0.2s ease;
  cursor: pointer;
}
.hg-modal .hg-btn--status:hover {
  background: var(--new-hover-color);
  border-color: var(--light-text-green);
  color: var(--light-text-green);
}
.hg-modal .hg-btn--status-active {
  background: var(--light-text-green) !important;
  color: var(--new-theme-hover-text-color) !important;
  border-color: var(--light-text-green) !important;
}
.hg-modal__status-info {
  margin-top: 12px;
  font-size: 13px;
  color: var(--new-pera-color);
}
.hg-modal__status-info strong {
  color: var(--new-mainHeading-color);
  font-weight: 700;
}
.hg-modal__convert-cards {
  display: flex;
  gap: 16px;
  margin-top: 8px;
}
.hg-modal__convert-card {
  flex: 1;
  padding: 12px 14px;
  background: var(--new-bgLight);
  border: 1px solid var(--new-border-color);
  border-radius: var(--new-border-radius);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 1;
}
.hg-modal__convert-card--faded {
  opacity: 0.35;
  filter: grayscale(40%);
}
.hg-modal__convert-card-tag {
  font-size: 9px;
  font-weight: 700;
  color: var(--new-pera-color);
  letter-spacing: 0.08em;
  display: block;
  margin-bottom: 2px;
}
.hg-modal__convert-card-title {
  font-size: 13px;
  font-weight: 700;
  color: var(--new-mainHeading-color);
  margin: 0 0 2px;
}
.hg-modal__convert-card-subtitle {
  font-size: 11px;
  color: var(--new-pera-color);
  margin: 0;
}
.hg-modal .hg-btn--complete {
  background: var(--new-main-color, #8aac39);
  color: #0b0f0d;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 16px;
  height: 34px;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
}
.hg-modal .hg-btn--complete i {
  font-size: 16px;
  color: #0b0f0d;
}
.hg-modal .hg-btn--complete:hover {
  background: var(--new-theme-hover-default, #799831);
  transform: translateY(-1px);
}
.hg-modal__slider-group {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 4px;
}
.hg-modal__slider-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.hg-modal__slider-label {
  font-size: 12px;
  font-weight: 600;
  color: var(--new-mainHeading-color);
}
.hg-modal__slider-value {
  font-size: 13px;
  font-weight: 700;
  color: var(--new-mainHeading-color);
  text-align: right;
  margin-top: -2px;
}
.hg-modal__slider-input {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 6px;
  border-radius: 3px;
  background: var(--new-border-color);
  outline: none;
  transition: background 0.3s;
}
.hg-modal__slider-input::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--new-main-color);
  border: 2px solid var(--new-bgLight);
  cursor: pointer;
  transition: transform 0.1s;
}
.hg-modal__slider-input::-webkit-slider-thumb:hover {
  transform: scale(1.2);
}
.hg-modal__slider-input::-moz-range-thumb {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--new-main-color);
  border: 2px solid var(--new-bgLight);
  cursor: pointer;
  transition: transform 0.1s;
}
.hg-modal__slider-input::-moz-range-thumb:hover {
  transform: scale(1.2);
}
.hg-modal__weighted-card {
  margin-top: 12px;
  background: rgba(124, 159, 46, 0.08);
  border: 1px solid rgba(138, 172, 57, 0.3);
  border-radius: var(--new-border-radius);
  padding: 12px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.hg-modal__weighted-card .hg-modal__weighted-label {
  font-size: 11px;
  font-weight: 700;
  color: var(--light-text-green);
  letter-spacing: 0.08em;
}
.hg-modal__weighted-card .hg-modal__weighted-value {
  font-size: 18px;
  font-weight: 800;
  color: var(--light-text-green);
}
.hg-modal__composer-tabs {
  display: flex;
  border-bottom: 1px solid var(--new-border-color);
  margin-top: 4px;
  gap: 16px;
}
.hg-modal__composer-tab {
  background: none;
  border: none;
  padding: 8px 12px;
  font-size: 13px;
  font-weight: 600;
  color: var(--new-pera-color);
  cursor: pointer;
  position: relative;
  font-family: var(--new-bg-font);
  transition: all 0.2s ease;
}
.hg-modal__composer-tab:hover {
  color: var(--new-mainHeading-color);
}
.hg-modal__composer-tab--active {
  color: var(--new-main-color) !important;
}
.hg-modal__composer-tab--active::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 2px;
  background: var(--new-main-color);
}
.hg-modal__composer-form {
  background: var(--new-bgLight);
  border: 1px solid var(--new-border-color);
  border-radius: 8px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 12px;
  animation: hgFadeIn 0.25s ease-out;
}
.hg-modal__composer-title {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: var(--new-main-color);
  text-transform: uppercase;
}
.hg-modal__form-input--textarea {
  min-height: 60px;
  resize: none;
  padding: 10px 12px;
  line-height: 1.5;
}
.hg-modal .hg-btn--composer-submit {
  height: 34px;
  font-size: 13px;
  font-weight: 700;
}
.hg-modal__pipeline-stepper {
  display: flex;
  gap: 8px;
  margin-top: 8px;
  flex-wrap: wrap;
}
.hg-modal__pipeline-btn {
  flex: 1;
  min-width: 80px;
  background: var(--new-bgLight);
  border: 1px solid var(--new-border-color);
  border-radius: var(--new-border-radius);
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 600;
  color: var(--new-pera-color);
  cursor: pointer;
  transition: all 0.2s ease;
  text-align: center;
  font-family: var(--new-bg-font);
}
.hg-modal__pipeline-btn:hover {
  border-color: var(--new-main-color);
  color: var(--new-mainHeading-color);
}
.hg-modal__pipeline-btn--active {
  background: var(--new-main-color) !important;
  border-color: var(--new-main-color) !important;
  color: #0b0f0d !important;
}
.hg-modal__probability-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
  padding: 4px 0;
}
.hg-modal__probability-label {
  font-size: 12px;
  font-weight: 600;
  color: var(--new-mainHeading-color);
}
.hg-modal__probability-bar {
  flex: 1;
  height: 8px;
  background: var(--new-border-color);
  border-radius: 4px;
  overflow: hidden;
}
.hg-modal__probability-fill {
  height: 100%;
  background: var(--new-main-color);
  border-radius: 4px;
  transition: width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.hg-modal__probability-value {
  font-size: 13px;
  font-weight: 700;
  color: var(--new-main-color);
  min-width: 36px;
  text-align: right;
}
.hg-modal__form-group {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.hg-modal__form-label {
  font-size: 11px;
  font-weight: 600;
  color: var(--new-pera-color);
  text-transform: capitalize;
}
.hg-modal__form-input {
  height: 34px;
  border: 1px solid var(--new-border-color);
  border-radius: 8px;
  padding: 0 10px;
  font-size: 12.5px;
  font-family: var(--new-bg-font);
  background: var(--new-bg-background);
  color: var(--new-mainHeading-color);
  transition: border-color 0.2s;
  outline: none;
}
.hg-modal__form-input:focus {
  border-color: var(--light-text-green);
}
.hg-modal__form-input::placeholder {
  color: var(--new-pera-color);
  opacity: 0.7;
}
.hg-modal__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 24px 20px;
  border-top: 1px solid var(--new-border-color);
  gap: 12px;
  flex-wrap: wrap;
}
.hg-modal__footer-left-buttons {
  display: flex;
  align-items: center;
  gap: 10px;
}
.hg-modal__footer-right-buttons {
  display: flex;
  align-items: center;
  gap: 10px;
}
.hg-modal__close-deal-cards {
  display: flex;
  gap: 16px;
  margin-top: 8px;
}
@media (max-width: 580px) {
  .hg-modal__close-deal-cards {
    flex-direction: column;
    gap: 10px;
  }
}
.hg-modal__close-deal-card {
  flex: 1;
  padding: 16px;
  background: var(--new-bgLight);
  border: 1px solid var(--new-border-color);
  border-radius: var(--new-border-radius);
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.hg-modal__close-deal-card:hover {
  border-color: var(--new-main-color);
  transform: translateY(-2px);
  box-shadow: var(--box-hover-shadow);
}
.hg-modal__close-deal-card--active {
  border-color: var(--new-main-color) !important;
  background: rgba(138, 172, 57, 0.05);
}
.hg-modal__close-deal-icon {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  flex-shrink: 0;
}
.hg-modal__close-deal-icon--won {
  background: rgba(138, 172, 57, 0.1);
  color: var(--light-text-green);
}
.hg-modal__close-deal-icon--lost {
  background: rgba(255, 139, 26, 0.1);
  color: var(--new-theme-hover-default, #ff8b1a);
}
.hg-modal__close-deal-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.hg-modal__close-deal-title {
  font-size: 14px;
  font-weight: 700;
  color: var(--new-mainHeading-color);
  margin: 0;
}
.hg-modal__close-deal-desc {
  font-size: 11px;
  color: var(--new-pera-color);
  margin: 0;
}
.hg-modal__loss-reason-wrapper,
.hg-modal__won-wrapper {
  background: var(--new-bgLight);
  border: 1px solid var(--new-border-color);
  border-radius: 8px;
  padding: 16px;
  margin-top: 12px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  animation: hgFadeIn 0.25s ease-out;
}
.hg-modal__form-select {
  appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238aac39' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px;
  padding-right: 36px;
}
.hg-modal__checklist {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 8px;
}
.hg-modal__checklist-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  background: var(--new-bgLight);
  border: 1px solid var(--new-border-color);
  border-radius: var(--new-border-radius);
  cursor: pointer;
  transition: all 0.25s ease;
}
.hg-modal__checklist-item:hover {
  border-color: var(--new-main-color);
  transform: translateX(4px);
}
.hg-modal__checklist-item--checked {
  border-color: var(--new-border-color);
  opacity: 0.6;
}
.hg-modal__checklist-item--checked .hg-modal__checklist-label {
  text-decoration: line-through;
  color: var(--new-pera-color);
}
.hg-modal__checklist-item--checked .hg-modal__checklist-left i {
  color: var(--new-main-color);
}
.hg-modal__checklist-item--selected {
  border-color: var(--new-main-color) !important;
  background: rgba(138, 172, 57, 0.03);
}
.hg-modal__checklist-left {
  display: flex;
  align-items: center;
  gap: 12px;
}
.hg-modal__checklist-left i {
  font-size: 18px;
  color: var(--new-pera-color);
  transition: color 0.2s;
}
.hg-modal__checklist-label {
  font-size: 13.5px;
  font-weight: 600;
  color: var(--new-mainHeading-color);
  transition: all 0.2s;
}
.hg-modal__checklist-right {
  display: flex;
  align-items: center;
  gap: 10px;
}
.hg-modal__checklist-owner {
  font-size: 11px;
  font-weight: 700;
  color: var(--new-pera-color);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.hg-modal__checklist-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.hg-modal__checklist-dot--green {
  background-color: var(--light-text-green, #8aac39);
  box-shadow: 0 0 6px var(--light-text-green, #8aac39);
}
.hg-modal__checklist-dot--amber {
  background-color: #ff8b1a;
  box-shadow: 0 0 6px #ff8b1a;
}
.hg-modal__checklist-dot--red {
  background-color: #f87171;
  box-shadow: 0 0 6px #f87171;
}
.hg-modal__escalation-box {
  margin-top: 12px;
  padding: 16px;
  border-radius: var(--new-border-radius);
  border: 1px dashed;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  animation: hgFadeIn 0.25s ease-out;
}
@media (max-width: 580px) {
  .hg-modal__escalation-box {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .hg-modal__escalation-box button {
    width: 100%;
  }
}
.hg-modal__escalation-box--red {
  background: rgba(248, 113, 113, 0.05);
  border-color: #f87171;
  color: #f87171;
}
.hg-modal__escalation-box--red button {
  border-color: #f87171 !important;
  color: #f87171 !important;
}
.hg-modal__escalation-box--red button:hover {
  background: rgba(248, 113, 113, 0.1);
}
.hg-modal__escalation-box--amber {
  background: rgba(255, 139, 26, 0.05);
  border-color: #ff8b1a;
  color: #ff8b1a;
}
.hg-modal__escalation-box--amber button {
  border-color: #ff8b1a !important;
  color: #ff8b1a !important;
}
.hg-modal__escalation-box--amber button:hover {
  background: rgba(255, 139, 26, 0.1);
}
.hg-modal__escalation-text {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
}
.hg-modal__escalation-text i {
  font-size: 18px;
}
.hg-modal__handover-box {
  margin-top: 12px;
  padding: 16px;
  background: var(--new-bgLight);
  border: 1px solid var(--new-border-color);
  border-radius: var(--new-border-radius);
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.hg-modal__handover-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--new-border-color);
  padding-bottom: 8px;
}
.hg-modal__handover-header-title {
  font-size: 13.5px;
  font-weight: 700;
  color: var(--new-mainHeading-color);
}
.hg-modal__handover-counter {
  font-size: 12px;
  font-weight: 700;
  color: var(--new-main-color);
  background: rgba(138, 172, 57, 0.1);
  padding: 2px 8px;
  border-radius: 20px;
}
.hg-modal__checklist--handover {
  margin-top: 0;
}
.hg-modal__checklist--handover .hg-modal__checklist-item {
  padding: 10px 14px;
}
.hg-modal__checklist--handover .hg-modal__checklist-item:hover {
  transform: none;
}
.hg-modal .hg-btn-handover {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.hg-modal__company-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  margin-top: 12px;
  padding: 16px;
  background: var(--new-bgLight);
  border: 1px solid var(--new-border-color);
  border-radius: var(--new-border-radius);
}
@media (max-width: 480px) {
  .hg-modal__company-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}
.hg-modal__company-cell {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-height: 52px;
}
.hg-modal__company-label {
  font-size: 11px;
  font-weight: 700;
  color: var(--new-pera-color);
  letter-spacing: 0.05em;
}
.hg-modal__company-value-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}
.hg-modal__company-value {
  font-size: 13.5px;
  font-weight: 600;
  color: var(--new-mainHeading-color);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: color 0.2s;
  padding: 4px 0;
}
.hg-modal__company-value i {
  font-size: 14px;
  color: var(--new-pera-color);
  opacity: 0;
  transition: opacity 0.2s, color 0.2s;
}
.hg-modal__company-value:hover {
  color: var(--new-main-color);
}
.hg-modal__company-value:hover i {
  opacity: 1;
  color: var(--new-main-color);
}
.hg-modal__company-select,
.hg-modal__company-input {
  width: 100%;
  height: 32px;
  padding: 0 8px;
  font-size: 13.5px;
  font-weight: 600;
  color: var(--new-mainHeading-color);
  background: var(--new-bgLight);
  border: 1px solid var(--new-main-color);
  border-radius: 4px;
  outline: none;
  box-shadow: 0 0 4px rgba(138, 172, 57, 0.2);
}
.hg-modal__company-select option,
.hg-modal__company-input option {
  background: var(--new-bgLight);
  color: var(--new-mainHeading-color);
}
.hg-modal__contacts-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 12px;
}
.hg-modal__contact-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  background: var(--new-bgLight);
  border: 1px solid var(--new-border-color);
  border-radius: var(--new-border-radius);
  transition: all 0.25s ease;
}
.hg-modal__contact-row:hover {
  border-color: var(--new-main-color);
  transform: translateX(4px);
}
.hg-modal__contact-row--starred {
  border-color: var(--new-main-color);
  background: rgba(138, 172, 57, 0.03);
}
.hg-modal__contact-row--starred .hg-modal__contact-avatar {
  background: var(--new-main-color);
  color: #fff;
}
.hg-modal__contact-left {
  display: flex;
  align-items: center;
  gap: 12px;
}
.hg-modal__contact-avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--new-border-color);
  color: var(--new-pera-color);
  font-size: 13px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.25s ease;
}
.hg-modal__contact-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.hg-modal__contact-name {
  font-size: 13.5px;
  font-weight: 700;
  color: var(--new-mainHeading-color);
}
.hg-modal__contact-role {
  font-size: 12px;
  color: var(--new-pera-color);
}
.hg-modal__contact-star-btn {
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  font-size: 18px;
  color: var(--new-pera-color);
  transition: transform 0.2s, color 0.2s;
}
.hg-modal__contact-star-btn:hover {
  transform: scale(1.2);
  color: #f0b429;
}
.hg-modal__contact-star-btn .ri-star-fill {
  color: #f0b429;
}
.hg-modal__champion-status {
  margin-top: 12px;
  padding: 12px 16px;
  background: rgba(138, 172, 57, 0.08);
  border: 1px solid var(--new-main-color);
  border-radius: var(--new-border-radius);
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 600;
  color: var(--new-main-color);
  animation: hgFadeIn 0.25s ease-out;
}
.hg-modal__champion-status i {
  font-size: 16px;
}
.hg-modal__champion-status--empty {
  background: rgba(107, 114, 128, 0.08);
  border-color: var(--new-border-color);
  color: var(--new-pera-color);
}
.hg-modal__followup-card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 12px;
  padding: 16px;
  background: var(--new-bgLight);
  border: 1px solid var(--new-border-color);
  border-radius: var(--new-border-radius);
}
.hg-modal__followup-section {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.hg-modal__followup-label {
  font-size: 11px;
  font-weight: 700;
  color: var(--new-pera-color);
  letter-spacing: 0.05em;
}
.hg-modal__followup-value {
  font-size: 13.5px;
  font-weight: 600;
  color: var(--new-mainHeading-color);
}
.hg-modal .hg-btn-schedule {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 8px;
}
.hg-modal__funnel-chart {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 12px;
  padding: 16px;
  background: var(--new-bgLight);
  border: 1px solid var(--new-border-color);
  border-radius: var(--new-border-radius);
}
.hg-modal__funnel-row {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 4px;
  transition: background 0.2s ease;
}
.hg-modal__funnel-row:hover {
  background: rgba(138, 172, 57, 0.05);
}
.hg-modal__funnel-row:hover .hg-modal__funnel-bar {
  background: var(--new-main-color);
  opacity: 0.85;
}
.hg-modal__funnel-row--active .hg-modal__funnel-bar {
  background: var(--new-main-color) !important;
}
.hg-modal__funnel-row--active .hg-modal__funnel-label,
.hg-modal__funnel-row--active .hg-modal__funnel-count {
  color: var(--new-main-color);
  font-weight: 700;
}
.hg-modal__funnel-label {
  width: 80px;
  font-size: 13px;
  color: var(--new-pera-color);
  text-align: right;
  transition: color 0.2s;
}
.hg-modal__funnel-bar-wrapper {
  flex-grow: 1;
  background: rgba(107, 114, 128, 0.08);
  height: 24px;
  border-radius: 4px;
  overflow: hidden;
}
.hg-modal__funnel-bar {
  height: 100%;
  background: rgba(138, 172, 57, 0.3);
  border-radius: 4px;
  transition:
    width 0.3s ease,
    background 0.2s,
    opacity 0.2s;
}
.hg-modal__funnel-count {
  width: 32px;
  font-size: 13px;
  color: var(--new-mainHeading-color);
  font-weight: 600;
  transition: color 0.2s;
}
.hg-modal__velocity-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 12px;
  padding: 16px;
  background: var(--new-bgLight);
  border: 1px solid var(--new-border-color);
  border-radius: var(--new-border-radius);
}
.hg-modal__velocity-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  padding: 8px 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  transition: all 0.2s ease;
}
.hg-modal__velocity-row:hover {
  background: rgba(138, 172, 57, 0.05);
  border-color: rgba(138, 172, 57, 0.15);
}
.hg-modal__velocity-row--active {
  background: rgba(138, 172, 57, 0.08) !important;
  border-color: var(--new-main-color) !important;
}
.hg-modal__velocity-row--active .hg-modal__velocity-label {
  color: var(--new-mainHeading-color);
  font-weight: 700;
}
.hg-modal__velocity-label {
  font-size: 13.5px;
  color: var(--new-pera-color);
  font-weight: 600;
  transition: color 0.2s;
}
.hg-modal__velocity-duration {
  font-size: 13.5px;
  color: var(--new-main-color);
  font-weight: 700;
  transition: color 0.2s;
}
.hg-modal__velocity-duration--critical {
  color: #ef4444 !important;
}
.hg-modal__velocity-alert {
  margin-top: 12px;
  padding: 12px 16px;
  background: rgba(138, 172, 57, 0.08);
  border: 1px solid var(--new-main-color);
  border-radius: var(--new-border-radius);
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 600;
  color: var(--new-main-color);
  animation: hgFadeIn 0.25s ease-out;
}
.hg-modal__velocity-alert i {
  font-size: 16px;
}
.hg-modal__velocity-alert--warning {
  background: rgba(239, 68, 68, 0.08);
  border-color: #ef4444;
  color: #ef4444;
}
.hg-modal__loss-chart {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 12px;
  padding: 16px;
  background: var(--new-bgLight);
  border: 1px solid var(--new-border-color);
  border-radius: var(--new-border-radius);
}
.hg-modal__loss-row {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 4px;
  transition: background 0.2s ease;
}
.hg-modal__loss-row:hover {
  background: rgba(249, 115, 22, 0.05);
}
.hg-modal__loss-row:hover .hg-modal__loss-bar {
  background: #f97316;
  opacity: 0.85;
}
.hg-modal__loss-row--active .hg-modal__loss-bar {
  background: #f97316 !important;
}
.hg-modal__loss-row--active .hg-modal__loss-label,
.hg-modal__loss-row--active .hg-modal__loss-count {
  color: #f97316;
  font-weight: 700;
}
.hg-modal__loss-label {
  width: 80px;
  font-size: 13px;
  color: var(--new-pera-color);
  text-align: right;
  transition: color 0.2s;
}
.hg-modal__loss-bar-wrapper {
  flex-grow: 1;
  background: rgba(107, 114, 128, 0.08);
  height: 24px;
  border-radius: 4px;
  overflow: hidden;
}
.hg-modal__loss-bar {
  height: 100%;
  background: rgba(249, 115, 22, 0.3);
  border-radius: 4px;
  transition:
    width 0.3s ease,
    background 0.2s,
    opacity 0.2s;
}
.hg-modal__loss-count {
  width: 32px;
  font-size: 13px;
  color: var(--new-mainHeading-color);
  font-weight: 600;
  transition: color 0.2s;
}
.hg-modal__loss-alert {
  margin-top: 12px;
  padding: 12px 16px;
  background: rgba(249, 115, 22, 0.08);
  border: 1px solid #f97316;
  border-radius: var(--new-border-radius);
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 600;
  color: #f97316;
  animation: hgFadeIn 0.25s ease-out;
}
.hg-modal__loss-alert i {
  font-size: 16px;
}
@keyframes hgModalIn {
  from {
    opacity: 0;
    transform: scale(0.9) translateY(20px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
@media (max-width: 768px) {
  .hg-hero {
    padding: 24px 16px !important;
    flex-direction: column;
  }
  .hg-hero__title {
    font-size: 24px;
  }
  .hg-hero__right {
    width: 100%;
  }
  .hg-rank-card {
    max-width: 100%;
    min-width: unset;
  }
  .hg-section {
    padding: 8px 1px;
  }
  .hg-rules-grid {
    grid-template-columns: 1fr 1fr;
  }
  .hg-map-grid {
    grid-template-columns: 1fr;
  }
  .hg-cheat-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .hg-modal__footer {
    flex-wrap: wrap;
    gap: 8px;
  }
  .hg-modal__footer-center {
    order: 3;
    width: 100%;
    justify-content: center;
  }
}
@media (max-width: 480px) {
  .hg-hero__title {
    font-size: 20px;
  }
  .hg-hero__actions {
    flex-direction: column;
    width: 100%;
    align-items: start !important;
  }
  .hg-hero__actions .hg-btn {
    width: 100%;
    justify-content: center;
  }
  .hg-rules-grid {
    grid-template-columns: 1fr;
  }
  .hg-cheat-grid {
    grid-template-columns: 1fr;
  }
  .hg-flip-card {
    height: 80px;
  }
  .hg-chapter-card__quote {
    display: none;
  }
}
body {
  font-family: "Helvetica" !important;
}
@media (min-width: 1200px) {
  body .container {
    max-width: 1200px;
  }
}
.p-datatable {
  background: var(--bg-background) !important;
  color: var(--new-mainHeading-color) !important;
}
.p-datatable .p-datatable-header,
.p-datatable .p-datatable-caption {
  background: var(--bg-background) !important;
  border-color: var(--new-border-color) !important;
  color: var(--new-mainHeading-color) !important;
}
.p-datatable .p-datatable-header:empty,
.p-datatable .p-datatable-caption:empty {
  display: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
}
.p-datatable .p-datatable-wrapper,
.p-datatable .p-datatable-table-container {
  background: var(--bg-background) !important;
}
.p-datatable .p-datatable-table {
  background: var(--bg-background) !important;
}
.p-datatable .p-datatable-thead > tr > th {
  background: var(--light-text-green) !important;
  color: var(--new-theme-hover-text-color) !important;
  border-color: var(--new-border-color) !important;
  padding: 0.5rem 1rem;
  font-weight: 600;
  font-size: 12px !important;
}
.p-datatable .p-datatable-thead > tr > th:first-child {
  border-top-left-radius: 12px !important;
}
.p-datatable .p-datatable-thead > tr > th:last-child {
  border-top-right-radius: 12px !important;
}
.p-datatable .p-datatable-tbody > tr td {
  color: var(--new-pera-color) !important;
}
.p-datatable .p-datatable-tbody > tr {
  background: var(--bg-background) !important;
  color: var(--new-mainHeading-color) !important;
}
.p-datatable .p-datatable-tbody > tr:hover {
  background: var(--new-bg-background2, rgba(255, 255, 255, 0.05)) !important;
}
.p-datatable .p-datatable-tbody > tr > td {
  background: transparent !important;
  color: var(--new-mainHeading-color) !important;
  border-bottom: 1px solid var(--new-border-color) !important;
}
.p-datatable .p-datatable-tbody > tr > td a {
  font-weight: 600 !important;
  text-decoration: none !important;
}
.p-datatable .p-datatable-tbody > tr > td .image-text {
  color: var(--light-text-green);
}
.p-datatable .p-paginator-bottom,
.p-datatable .p-paginator {
  background: var(--bg-background) !important;
  border-top: 1px solid var(--new-border-color) !important;
  color: var(--new-pera-color) !important;
  padding: 10px 14px !important;
}
.p-datatable .p-paginator-bottom .p-paginator-current,
.p-datatable .p-paginator .p-paginator-current {
  color: var(--new-pera-color) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}
.p-datatable .p-paginator-bottom .p-paginator-element,
.p-datatable .p-paginator-bottom .p-paginator-page,
.p-datatable .p-paginator-bottom .p-paginator-first,
.p-datatable .p-paginator-bottom .p-paginator-prev,
.p-datatable .p-paginator-bottom .p-paginator-next,
.p-datatable .p-paginator-bottom .p-paginator-last,
.p-datatable .p-paginator-bottom .p-ripple,
.p-datatable .p-paginator .p-paginator-element,
.p-datatable .p-paginator .p-paginator-page,
.p-datatable .p-paginator .p-paginator-first,
.p-datatable .p-paginator .p-paginator-prev,
.p-datatable .p-paginator .p-paginator-next,
.p-datatable .p-paginator .p-paginator-last,
.p-datatable .p-paginator .p-ripple {
  background: transparent !important;
  color: var(--new-mainHeading-color) !important;
  border: 1px solid var(--new-border-color) !important;
  border-radius: var(--new-border-radius, 8px) !important;
  min-width: 32px !important;
  height: 32px !important;
  font-size: 13px !important;
  margin: 0 3px !important;
  transition: all 0.2s ease !important;
  box-shadow: none !important;
}
.p-datatable .p-paginator-bottom .p-paginator-element:hover:not(.p-highlight):not(.p-disabled),
.p-datatable .p-paginator-bottom .p-paginator-page:hover:not(.p-highlight):not(.p-disabled),
.p-datatable .p-paginator-bottom .p-paginator-first:hover:not(.p-highlight):not(.p-disabled),
.p-datatable .p-paginator-bottom .p-paginator-prev:hover:not(.p-highlight):not(.p-disabled),
.p-datatable .p-paginator-bottom .p-paginator-next:hover:not(.p-highlight):not(.p-disabled),
.p-datatable .p-paginator-bottom .p-paginator-last:hover:not(.p-highlight):not(.p-disabled),
.p-datatable .p-paginator-bottom .p-ripple:hover:not(.p-highlight):not(.p-disabled),
.p-datatable .p-paginator .p-paginator-element:hover:not(.p-highlight):not(.p-disabled),
.p-datatable .p-paginator .p-paginator-page:hover:not(.p-highlight):not(.p-disabled),
.p-datatable .p-paginator .p-paginator-first:hover:not(.p-highlight):not(.p-disabled),
.p-datatable .p-paginator .p-paginator-prev:hover:not(.p-highlight):not(.p-disabled),
.p-datatable .p-paginator .p-paginator-next:hover:not(.p-highlight):not(.p-disabled),
.p-datatable .p-paginator .p-paginator-last:hover:not(.p-highlight):not(.p-disabled),
.p-datatable .p-paginator .p-ripple:hover:not(.p-highlight):not(.p-disabled) {
  background: var(--new-hover-color) !important;
  border-color: var(--light-text-green) !important;
  color: var(--light-text-green) !important;
}
.p-datatable .p-paginator-bottom .p-paginator-element.p-highlight,
.p-datatable .p-paginator-bottom .p-paginator-page.p-highlight,
.p-datatable .p-paginator-bottom .p-paginator-first.p-highlight,
.p-datatable .p-paginator-bottom .p-paginator-prev.p-highlight,
.p-datatable .p-paginator-bottom .p-paginator-next.p-highlight,
.p-datatable .p-paginator-bottom .p-paginator-last.p-highlight,
.p-datatable .p-paginator-bottom .p-ripple.p-highlight,
.p-datatable .p-paginator .p-paginator-element.p-highlight,
.p-datatable .p-paginator .p-paginator-page.p-highlight,
.p-datatable .p-paginator .p-paginator-first.p-highlight,
.p-datatable .p-paginator .p-paginator-prev.p-highlight,
.p-datatable .p-paginator .p-paginator-next.p-highlight,
.p-datatable .p-paginator .p-paginator-last.p-highlight,
.p-datatable .p-paginator .p-ripple.p-highlight {
  background: var(--light-text-green) !important;
  color: #ffffff !important;
  border-color: var(--light-text-green) !important;
  font-weight: 600 !important;
}
.p-datatable .p-paginator-bottom .p-paginator-element.p-disabled,
.p-datatable .p-paginator-bottom .p-paginator-element:disabled,
.p-datatable .p-paginator-bottom .p-paginator-page.p-disabled,
.p-datatable .p-paginator-bottom .p-paginator-page:disabled,
.p-datatable .p-paginator-bottom .p-paginator-first.p-disabled,
.p-datatable .p-paginator-bottom .p-paginator-first:disabled,
.p-datatable .p-paginator-bottom .p-paginator-prev.p-disabled,
.p-datatable .p-paginator-bottom .p-paginator-prev:disabled,
.p-datatable .p-paginator-bottom .p-paginator-next.p-disabled,
.p-datatable .p-paginator-bottom .p-paginator-next:disabled,
.p-datatable .p-paginator-bottom .p-paginator-last.p-disabled,
.p-datatable .p-paginator-bottom .p-paginator-last:disabled,
.p-datatable .p-paginator-bottom .p-ripple.p-disabled,
.p-datatable .p-paginator-bottom .p-ripple:disabled,
.p-datatable .p-paginator .p-paginator-element.p-disabled,
.p-datatable .p-paginator .p-paginator-element:disabled,
.p-datatable .p-paginator .p-paginator-page.p-disabled,
.p-datatable .p-paginator .p-paginator-page:disabled,
.p-datatable .p-paginator .p-paginator-first.p-disabled,
.p-datatable .p-paginator .p-paginator-first:disabled,
.p-datatable .p-paginator .p-paginator-prev.p-disabled,
.p-datatable .p-paginator .p-paginator-prev:disabled,
.p-datatable .p-paginator .p-paginator-next.p-disabled,
.p-datatable .p-paginator .p-paginator-next:disabled,
.p-datatable .p-paginator .p-paginator-last.p-disabled,
.p-datatable .p-paginator .p-paginator-last:disabled,
.p-datatable .p-paginator .p-ripple.p-disabled,
.p-datatable .p-paginator .p-ripple:disabled {
  opacity: 0.4 !important;
  background: transparent !important;
  border-color: var(--new-border-color) !important;
  color: var(--new-pera-color) !important;
  cursor: default !important;
}
.p-datatable .p-paginator-bottom .p-dropdown,
.p-datatable .p-paginator .p-dropdown {
  background: var(--bg-background) !important;
  border: 1px solid var(--new-border-color) !important;
  border-radius: var(--new-border-radius, 8px) !important;
  height: 32px !important;
}
.p-datatable .p-paginator-bottom .p-dropdown .p-dropdown-label,
.p-datatable .p-paginator .p-dropdown .p-dropdown-label {
  color: var(--new-mainHeading-color) !important;
  font-size: 13px !important;
  padding: 4px 8px 4px 12px !important;
}
.p-datatable .p-paginator-bottom .p-dropdown .p-dropdown-trigger,
.p-datatable .p-paginator .p-dropdown .p-dropdown-trigger {
  color: var(--new-pera-color) !important;
}
.p-datatable .p-sortable-column .p-sortable-column-icon {
  color: #ffffff !important;
}
.p-datatable-filter-overlay,
.p-datatable-filter-overlay-popover,
.p-column-filter-overlay,
.p-column-filter-overlay-menu,
.p-column-filter-overlay-popover,
.p-column-filter-popover {
  background: var(--bg-background) !important;
  color: var(--new-mainHeading-color) !important;
  border: 1px solid var(--new-border-color) !important;
  border-radius: var(--new-border-radius, 12px) !important;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.25), 0 8px 10px -6px rgba(0, 0, 0, 0.2) !important;
  font-family: var(--new-bg-font) !important;
  min-width: 220px !important;
  padding: 12px !important;
}
.p-datatable-filter-overlay::before,
.p-datatable-filter-overlay-popover::before,
.p-column-filter-overlay::before,
.p-column-filter-overlay-menu::before,
.p-column-filter-overlay-popover::before,
.p-column-filter-popover::before {
  border-bottom-color: var(--new-border-color) !important;
}
.p-datatable-filter-overlay::after,
.p-datatable-filter-overlay-popover::after,
.p-column-filter-overlay::after,
.p-column-filter-overlay-menu::after,
.p-column-filter-overlay-popover::after,
.p-column-filter-popover::after {
  border-bottom-color: var(--bg-background) !important;
}
.p-datatable-filter-overlay.p-column-filter-overlay-flipped::before,
.p-datatable-filter-overlay-popover.p-column-filter-overlay-flipped::before,
.p-column-filter-overlay.p-column-filter-overlay-flipped::before,
.p-column-filter-overlay-menu.p-column-filter-overlay-flipped::before,
.p-column-filter-overlay-popover.p-column-filter-overlay-flipped::before,
.p-column-filter-popover.p-column-filter-overlay-flipped::before {
  border-top-color: var(--new-border-color) !important;
}
.p-datatable-filter-overlay.p-column-filter-overlay-flipped::after,
.p-datatable-filter-overlay-popover.p-column-filter-overlay-flipped::after,
.p-column-filter-overlay.p-column-filter-overlay-flipped::after,
.p-column-filter-overlay-menu.p-column-filter-overlay-flipped::after,
.p-column-filter-overlay-popover.p-column-filter-overlay-flipped::after,
.p-column-filter-popover.p-column-filter-overlay-flipped::after {
  border-top-color: var(--bg-background) !important;
}
.p-datatable-filter-overlay .p-column-filter-row-items,
.p-datatable-filter-overlay-popover .p-column-filter-row-items,
.p-column-filter-overlay .p-column-filter-row-items,
.p-column-filter-overlay-menu .p-column-filter-row-items,
.p-column-filter-overlay-popover .p-column-filter-row-items,
.p-column-filter-popover .p-column-filter-row-items {
  padding: 4px 0 !important;
  margin: 0 !important;
  list-style: none !important;
}
.p-datatable-filter-overlay .p-column-filter-row-items .p-column-filter-row-item,
.p-datatable-filter-overlay-popover .p-column-filter-row-items .p-column-filter-row-item,
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item,
.p-column-filter-overlay-menu .p-column-filter-row-items .p-column-filter-row-item,
.p-column-filter-overlay-popover .p-column-filter-row-items .p-column-filter-row-item,
.p-column-filter-popover .p-column-filter-row-items .p-column-filter-row-item {
  padding: 7px 12px !important;
  margin: 2px 0 !important;
  border-radius: var(--new-border-radius, 8px) !important;
  color: var(--new-mainHeading-color) !important;
  font-size: 13px !important;
  font-family: var(--new-bg-font) !important;
  cursor: pointer !important;
  transition: var(--new-transition) !important;
}
.p-datatable-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:hover,
.p-datatable-filter-overlay-popover .p-column-filter-row-items .p-column-filter-row-item:hover,
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:hover,
.p-column-filter-overlay-menu .p-column-filter-row-items .p-column-filter-row-item:hover,
.p-column-filter-overlay-popover .p-column-filter-row-items .p-column-filter-row-item:hover,
.p-column-filter-popover .p-column-filter-row-items .p-column-filter-row-item:hover {
  background: var(--new-hover-color) !important;
  color: var(--light-text-green) !important;
}
.p-datatable-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight,
.p-datatable-filter-overlay-popover .p-column-filter-row-items .p-column-filter-row-item.p-highlight,
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight,
.p-column-filter-overlay-menu .p-column-filter-row-items .p-column-filter-row-item.p-highlight,
.p-column-filter-overlay-popover .p-column-filter-row-items .p-column-filter-row-item.p-highlight,
.p-column-filter-popover .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
  background: rgba(107, 134, 45, 0.15) !important;
  color: var(--light-text-green) !important;
  font-weight: 600 !important;
}
.p-datatable-filter-overlay .p-column-filter-operator,
.p-datatable-filter-overlay-popover .p-column-filter-operator,
.p-column-filter-overlay .p-column-filter-operator,
.p-column-filter-overlay-menu .p-column-filter-operator,
.p-column-filter-overlay-popover .p-column-filter-operator,
.p-column-filter-popover .p-column-filter-operator {
  padding: 0 0 10px 0 !important;
  margin-bottom: 10px !important;
  border-bottom: 1px solid var(--new-border-color) !important;
}
.p-datatable-filter-overlay .p-column-filter-operator .p-dropdown,
.p-datatable-filter-overlay-popover .p-column-filter-operator .p-dropdown,
.p-column-filter-overlay .p-column-filter-operator .p-dropdown,
.p-column-filter-overlay-menu .p-column-filter-operator .p-dropdown,
.p-column-filter-overlay-popover .p-column-filter-operator .p-dropdown,
.p-column-filter-popover .p-column-filter-operator .p-dropdown {
  width: 100% !important;
  background: var(--bg-background) !important;
  border: 1px solid var(--new-border-color) !important;
  border-radius: var(--new-border-radius, 8px) !important;
  height: 34px !important;
}
.p-datatable-filter-overlay .p-column-filter-operator .p-dropdown .p-dropdown-label,
.p-datatable-filter-overlay-popover .p-column-filter-operator .p-dropdown .p-dropdown-label,
.p-column-filter-overlay .p-column-filter-operator .p-dropdown .p-dropdown-label,
.p-column-filter-overlay-menu .p-column-filter-operator .p-dropdown .p-dropdown-label,
.p-column-filter-overlay-popover .p-column-filter-operator .p-dropdown .p-dropdown-label,
.p-column-filter-popover .p-column-filter-operator .p-dropdown .p-dropdown-label {
  color: var(--new-mainHeading-color) !important;
  font-size: 13px !important;
  padding: 6px 10px !important;
  line-height: 20px !important;
}
.p-datatable-filter-overlay .p-column-filter-operator .p-dropdown .p-dropdown-trigger,
.p-datatable-filter-overlay-popover .p-column-filter-operator .p-dropdown .p-dropdown-trigger,
.p-column-filter-overlay .p-column-filter-operator .p-dropdown .p-dropdown-trigger,
.p-column-filter-overlay-menu .p-column-filter-operator .p-dropdown .p-dropdown-trigger,
.p-column-filter-overlay-popover .p-column-filter-operator .p-dropdown .p-dropdown-trigger,
.p-column-filter-popover .p-column-filter-operator .p-dropdown .p-dropdown-trigger {
  color: var(--new-pera-color) !important;
}
.p-datatable-filter-overlay .p-column-filter-constraints,
.p-datatable-filter-overlay-popover .p-column-filter-constraints,
.p-column-filter-overlay .p-column-filter-constraints,
.p-column-filter-overlay-menu .p-column-filter-constraints,
.p-column-filter-overlay-popover .p-column-filter-constraints,
.p-column-filter-popover .p-column-filter-constraints {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  padding: 0 !important;
}
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint,
.p-datatable-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint,
.p-column-filter-overlay .p-column-filter-constraints .p-column-filter-constraint,
.p-column-filter-overlay-menu .p-column-filter-constraints .p-column-filter-constraint,
.p-column-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint,
.p-column-filter-popover .p-column-filter-constraints .p-column-filter-constraint {
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-column-filter-matchmode-dropdown,
.p-datatable-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-column-filter-matchmode-dropdown,
.p-column-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-column-filter-matchmode-dropdown,
.p-column-filter-overlay-menu .p-column-filter-constraints .p-column-filter-constraint .p-column-filter-matchmode-dropdown,
.p-column-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-column-filter-matchmode-dropdown,
.p-column-filter-popover .p-column-filter-constraints .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
  width: 100% !important;
  margin-bottom: 4px !important;
  background: var(--bg-background) !important;
  border: 1px solid var(--new-border-color) !important;
  border-radius: var(--new-border-radius, 8px) !important;
  height: 34px !important;
}
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-column-filter-matchmode-dropdown .p-dropdown-label,
.p-datatable-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-column-filter-matchmode-dropdown .p-dropdown-label,
.p-column-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-column-filter-matchmode-dropdown .p-dropdown-label,
.p-column-filter-overlay-menu .p-column-filter-constraints .p-column-filter-constraint .p-column-filter-matchmode-dropdown .p-dropdown-label,
.p-column-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-column-filter-matchmode-dropdown .p-dropdown-label,
.p-column-filter-popover .p-column-filter-constraints .p-column-filter-constraint .p-column-filter-matchmode-dropdown .p-dropdown-label {
  color: var(--new-mainHeading-color) !important;
  font-size: 13px !important;
  padding: 6px 10px !important;
  line-height: 20px !important;
}
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-column-filter-matchmode-dropdown .p-dropdown-trigger,
.p-datatable-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-column-filter-matchmode-dropdown .p-dropdown-trigger,
.p-column-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-column-filter-matchmode-dropdown .p-dropdown-trigger,
.p-column-filter-overlay-menu .p-column-filter-constraints .p-column-filter-constraint .p-column-filter-matchmode-dropdown .p-dropdown-trigger,
.p-column-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-column-filter-matchmode-dropdown .p-dropdown-trigger,
.p-column-filter-popover .p-column-filter-constraints .p-column-filter-constraint .p-column-filter-matchmode-dropdown .p-dropdown-trigger {
  color: var(--new-pera-color) !important;
}
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-inputtext,
.p-datatable-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-inputtext,
.p-column-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-inputtext,
.p-column-filter-overlay-menu .p-column-filter-constraints .p-column-filter-constraint .p-inputtext,
.p-column-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-inputtext,
.p-column-filter-popover .p-column-filter-constraints .p-column-filter-constraint .p-inputtext {
  width: 100% !important;
  height: 34px !important;
  padding: 6px 10px !important;
  font-size: 13px !important;
  font-family: var(--new-bg-font) !important;
  background: var(--bg-background) !important;
  border: 1px solid var(--new-border-color) !important;
  border-radius: var(--new-border-radius, 8px) !important;
  color: var(--new-mainHeading-color) !important;
  transition: var(--new-transition) !important;
}
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-inputtext::placeholder,
.p-datatable-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-inputtext::placeholder,
.p-column-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-inputtext::placeholder,
.p-column-filter-overlay-menu .p-column-filter-constraints .p-column-filter-constraint .p-inputtext::placeholder,
.p-column-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-inputtext::placeholder,
.p-column-filter-popover .p-column-filter-constraints .p-column-filter-constraint .p-inputtext::placeholder {
  color: var(--new-pera-color) !important;
  opacity: 0.8 !important;
}
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-inputtext:hover,
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-inputtext:focus,
.p-datatable-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-inputtext:hover,
.p-datatable-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-inputtext:focus,
.p-column-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-inputtext:hover,
.p-column-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-inputtext:focus,
.p-column-filter-overlay-menu .p-column-filter-constraints .p-column-filter-constraint .p-inputtext:hover,
.p-column-filter-overlay-menu .p-column-filter-constraints .p-column-filter-constraint .p-inputtext:focus,
.p-column-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-inputtext:hover,
.p-column-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-inputtext:focus,
.p-column-filter-popover .p-column-filter-constraints .p-column-filter-constraint .p-inputtext:hover,
.p-column-filter-popover .p-column-filter-constraints .p-column-filter-constraint .p-inputtext:focus {
  border-color: var(--light-text-green) !important;
  outline: none !important;
  box-shadow: 0 0 0 1px var(--light-text-green) !important;
}
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-dropdown,
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-multiselect,
.p-datatable-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-dropdown,
.p-datatable-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-multiselect,
.p-column-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-dropdown,
.p-column-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-multiselect,
.p-column-filter-overlay-menu .p-column-filter-constraints .p-column-filter-constraint .p-dropdown,
.p-column-filter-overlay-menu .p-column-filter-constraints .p-column-filter-constraint .p-multiselect,
.p-column-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-dropdown,
.p-column-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-multiselect,
.p-column-filter-popover .p-column-filter-constraints .p-column-filter-constraint .p-dropdown,
.p-column-filter-popover .p-column-filter-constraints .p-column-filter-constraint .p-multiselect {
  width: 100% !important;
  background: var(--bg-background) !important;
  border: 1px solid var(--new-border-color) !important;
  border-radius: var(--new-border-radius, 8px) !important;
  min-height: 34px !important;
}
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-dropdown-label,
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-multiselect-label,
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-dropdown-label,
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-multiselect-label,
.p-datatable-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-dropdown-label,
.p-datatable-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-multiselect-label,
.p-datatable-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-dropdown-label,
.p-datatable-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-multiselect-label,
.p-column-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-dropdown-label,
.p-column-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-multiselect-label,
.p-column-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-dropdown-label,
.p-column-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-multiselect-label,
.p-column-filter-overlay-menu .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-dropdown-label,
.p-column-filter-overlay-menu .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-multiselect-label,
.p-column-filter-overlay-menu .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-dropdown-label,
.p-column-filter-overlay-menu .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-multiselect-label,
.p-column-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-dropdown-label,
.p-column-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-multiselect-label,
.p-column-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-dropdown-label,
.p-column-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-multiselect-label,
.p-column-filter-popover .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-dropdown-label,
.p-column-filter-popover .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-multiselect-label,
.p-column-filter-popover .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-dropdown-label,
.p-column-filter-popover .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-multiselect-label {
  color: var(--new-mainHeading-color) !important;
  font-size: 13px !important;
  padding: 6px 10px !important;
  line-height: 20px !important;
}
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-dropdown-label.p-placeholder,
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-multiselect-label.p-placeholder,
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-dropdown-label.p-placeholder,
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-multiselect-label.p-placeholder,
.p-datatable-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-dropdown-label.p-placeholder,
.p-datatable-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-multiselect-label.p-placeholder,
.p-datatable-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-dropdown-label.p-placeholder,
.p-datatable-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-multiselect-label.p-placeholder,
.p-column-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-dropdown-label.p-placeholder,
.p-column-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-multiselect-label.p-placeholder,
.p-column-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-dropdown-label.p-placeholder,
.p-column-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-multiselect-label.p-placeholder,
.p-column-filter-overlay-menu .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-dropdown-label.p-placeholder,
.p-column-filter-overlay-menu .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-multiselect-label.p-placeholder,
.p-column-filter-overlay-menu .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-dropdown-label.p-placeholder,
.p-column-filter-overlay-menu .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-multiselect-label.p-placeholder,
.p-column-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-dropdown-label.p-placeholder,
.p-column-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-multiselect-label.p-placeholder,
.p-column-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-dropdown-label.p-placeholder,
.p-column-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-multiselect-label.p-placeholder,
.p-column-filter-popover .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-dropdown-label.p-placeholder,
.p-column-filter-popover .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-multiselect-label.p-placeholder,
.p-column-filter-popover .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-dropdown-label.p-placeholder,
.p-column-filter-popover .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-multiselect-label.p-placeholder {
  color: var(--new-pera-color) !important;
}
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-dropdown-trigger,
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-multiselect-trigger,
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-dropdown-trigger,
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-multiselect-trigger,
.p-datatable-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-dropdown-trigger,
.p-datatable-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-multiselect-trigger,
.p-datatable-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-dropdown-trigger,
.p-datatable-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-multiselect-trigger,
.p-column-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-dropdown-trigger,
.p-column-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-multiselect-trigger,
.p-column-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-dropdown-trigger,
.p-column-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-multiselect-trigger,
.p-column-filter-overlay-menu .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-dropdown-trigger,
.p-column-filter-overlay-menu .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-multiselect-trigger,
.p-column-filter-overlay-menu .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-dropdown-trigger,
.p-column-filter-overlay-menu .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-multiselect-trigger,
.p-column-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-dropdown-trigger,
.p-column-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-multiselect-trigger,
.p-column-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-dropdown-trigger,
.p-column-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-multiselect-trigger,
.p-column-filter-popover .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-dropdown-trigger,
.p-column-filter-popover .p-column-filter-constraints .p-column-filter-constraint .p-dropdown .p-multiselect-trigger,
.p-column-filter-popover .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-dropdown-trigger,
.p-column-filter-popover .p-column-filter-constraints .p-column-filter-constraint .p-multiselect .p-multiselect-trigger {
  color: var(--new-pera-color) !important;
}
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-dropdown:hover,
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-dropdown:focus,
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-dropdown.p-focus,
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-multiselect:hover,
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-multiselect:focus,
.p-datatable-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-multiselect.p-focus,
.p-datatable-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-dropdown:hover,
.p-datatable-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-dropdown:focus,
.p-datatable-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-dropdown.p-focus,
.p-datatable-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-multiselect:hover,
.p-datatable-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-multiselect:focus,
.p-datatable-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-multiselect.p-focus,
.p-column-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-dropdown:hover,
.p-column-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-dropdown:focus,
.p-column-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-dropdown.p-focus,
.p-column-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-multiselect:hover,
.p-column-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-multiselect:focus,
.p-column-filter-overlay .p-column-filter-constraints .p-column-filter-constraint .p-multiselect.p-focus,
.p-column-filter-overlay-menu .p-column-filter-constraints .p-column-filter-constraint .p-dropdown:hover,
.p-column-filter-overlay-menu .p-column-filter-constraints .p-column-filter-constraint .p-dropdown:focus,
.p-column-filter-overlay-menu .p-column-filter-constraints .p-column-filter-constraint .p-dropdown.p-focus,
.p-column-filter-overlay-menu .p-column-filter-constraints .p-column-filter-constraint .p-multiselect:hover,
.p-column-filter-overlay-menu .p-column-filter-constraints .p-column-filter-constraint .p-multiselect:focus,
.p-column-filter-overlay-menu .p-column-filter-constraints .p-column-filter-constraint .p-multiselect.p-focus,
.p-column-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-dropdown:hover,
.p-column-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-dropdown:focus,
.p-column-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-dropdown.p-focus,
.p-column-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-multiselect:hover,
.p-column-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-multiselect:focus,
.p-column-filter-overlay-popover .p-column-filter-constraints .p-column-filter-constraint .p-multiselect.p-focus,
.p-column-filter-popover .p-column-filter-constraints .p-column-filter-constraint .p-dropdown:hover,
.p-column-filter-popover .p-column-filter-constraints .p-column-filter-constraint .p-dropdown:focus,
.p-column-filter-popover .p-column-filter-constraints .p-column-filter-constraint .p-dropdown.p-focus,
.p-column-filter-popover .p-column-filter-constraints .p-column-filter-constraint .p-multiselect:hover,
.p-column-filter-popover .p-column-filter-constraints .p-column-filter-constraint .p-multiselect:focus,
.p-column-filter-popover .p-column-filter-constraints .p-column-filter-constraint .p-multiselect.p-focus {
  border-color: var(--light-text-green) !important;
  box-shadow: 0 0 0 1px var(--light-text-green) !important;
}
.p-datatable-filter-overlay .p-column-filter-add-rule,
.p-datatable-filter-overlay .p-column-filter-remove-rule,
.p-datatable-filter-overlay-popover .p-column-filter-add-rule,
.p-datatable-filter-overlay-popover .p-column-filter-remove-rule,
.p-column-filter-overlay .p-column-filter-add-rule,
.p-column-filter-overlay .p-column-filter-remove-rule,
.p-column-filter-overlay-menu .p-column-filter-add-rule,
.p-column-filter-overlay-menu .p-column-filter-remove-rule,
.p-column-filter-overlay-popover .p-column-filter-add-rule,
.p-column-filter-overlay-popover .p-column-filter-remove-rule,
.p-column-filter-popover .p-column-filter-add-rule,
.p-column-filter-popover .p-column-filter-remove-rule {
  padding: 6px 0 0 0 !important;
}
.p-datatable-filter-overlay .p-column-filter-add-rule button.p-button,
.p-datatable-filter-overlay .p-column-filter-add-rule .p-column-filter-add-button,
.p-datatable-filter-overlay .p-column-filter-add-rule .p-column-filter-remove-button,
.p-datatable-filter-overlay .p-column-filter-remove-rule button.p-button,
.p-datatable-filter-overlay .p-column-filter-remove-rule .p-column-filter-add-button,
.p-datatable-filter-overlay .p-column-filter-remove-rule .p-column-filter-remove-button,
.p-datatable-filter-overlay-popover .p-column-filter-add-rule button.p-button,
.p-datatable-filter-overlay-popover .p-column-filter-add-rule .p-column-filter-add-button,
.p-datatable-filter-overlay-popover .p-column-filter-add-rule .p-column-filter-remove-button,
.p-datatable-filter-overlay-popover .p-column-filter-remove-rule button.p-button,
.p-datatable-filter-overlay-popover .p-column-filter-remove-rule .p-column-filter-add-button,
.p-datatable-filter-overlay-popover .p-column-filter-remove-rule .p-column-filter-remove-button,
.p-column-filter-overlay .p-column-filter-add-rule button.p-button,
.p-column-filter-overlay .p-column-filter-add-rule .p-column-filter-add-button,
.p-column-filter-overlay .p-column-filter-add-rule .p-column-filter-remove-button,
.p-column-filter-overlay .p-column-filter-remove-rule button.p-button,
.p-column-filter-overlay .p-column-filter-remove-rule .p-column-filter-add-button,
.p-column-filter-overlay .p-column-filter-remove-rule .p-column-filter-remove-button,
.p-column-filter-overlay-menu .p-column-filter-add-rule button.p-button,
.p-column-filter-overlay-menu .p-column-filter-add-rule .p-column-filter-add-button,
.p-column-filter-overlay-menu .p-column-filter-add-rule .p-column-filter-remove-button,
.p-column-filter-overlay-menu .p-column-filter-remove-rule button.p-button,
.p-column-filter-overlay-menu .p-column-filter-remove-rule .p-column-filter-add-button,
.p-column-filter-overlay-menu .p-column-filter-remove-rule .p-column-filter-remove-button,
.p-column-filter-overlay-popover .p-column-filter-add-rule button.p-button,
.p-column-filter-overlay-popover .p-column-filter-add-rule .p-column-filter-add-button,
.p-column-filter-overlay-popover .p-column-filter-add-rule .p-column-filter-remove-button,
.p-column-filter-overlay-popover .p-column-filter-remove-rule button.p-button,
.p-column-filter-overlay-popover .p-column-filter-remove-rule .p-column-filter-add-button,
.p-column-filter-overlay-popover .p-column-filter-remove-rule .p-column-filter-remove-button,
.p-column-filter-popover .p-column-filter-add-rule button.p-button,
.p-column-filter-popover .p-column-filter-add-rule .p-column-filter-add-button,
.p-column-filter-popover .p-column-filter-add-rule .p-column-filter-remove-button,
.p-column-filter-popover .p-column-filter-remove-rule button.p-button,
.p-column-filter-popover .p-column-filter-remove-rule .p-column-filter-add-button,
.p-column-filter-popover .p-column-filter-remove-rule .p-column-filter-remove-button {
  background: transparent !important;
  border: none !important;
  color: var(--light-text-green) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  font-family: var(--new-bg-font) !important;
  padding: 4px 8px !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  transition: var(--new-transition) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}
.p-datatable-filter-overlay .p-column-filter-add-rule button.p-button:hover,
.p-datatable-filter-overlay .p-column-filter-add-rule .p-column-filter-add-button:hover,
.p-datatable-filter-overlay .p-column-filter-add-rule .p-column-filter-remove-button:hover,
.p-datatable-filter-overlay .p-column-filter-remove-rule button.p-button:hover,
.p-datatable-filter-overlay .p-column-filter-remove-rule .p-column-filter-add-button:hover,
.p-datatable-filter-overlay .p-column-filter-remove-rule .p-column-filter-remove-button:hover,
.p-datatable-filter-overlay-popover .p-column-filter-add-rule button.p-button:hover,
.p-datatable-filter-overlay-popover .p-column-filter-add-rule .p-column-filter-add-button:hover,
.p-datatable-filter-overlay-popover .p-column-filter-add-rule .p-column-filter-remove-button:hover,
.p-datatable-filter-overlay-popover .p-column-filter-remove-rule button.p-button:hover,
.p-datatable-filter-overlay-popover .p-column-filter-remove-rule .p-column-filter-add-button:hover,
.p-datatable-filter-overlay-popover .p-column-filter-remove-rule .p-column-filter-remove-button:hover,
.p-column-filter-overlay .p-column-filter-add-rule button.p-button:hover,
.p-column-filter-overlay .p-column-filter-add-rule .p-column-filter-add-button:hover,
.p-column-filter-overlay .p-column-filter-add-rule .p-column-filter-remove-button:hover,
.p-column-filter-overlay .p-column-filter-remove-rule button.p-button:hover,
.p-column-filter-overlay .p-column-filter-remove-rule .p-column-filter-add-button:hover,
.p-column-filter-overlay .p-column-filter-remove-rule .p-column-filter-remove-button:hover,
.p-column-filter-overlay-menu .p-column-filter-add-rule button.p-button:hover,
.p-column-filter-overlay-menu .p-column-filter-add-rule .p-column-filter-add-button:hover,
.p-column-filter-overlay-menu .p-column-filter-add-rule .p-column-filter-remove-button:hover,
.p-column-filter-overlay-menu .p-column-filter-remove-rule button.p-button:hover,
.p-column-filter-overlay-menu .p-column-filter-remove-rule .p-column-filter-add-button:hover,
.p-column-filter-overlay-menu .p-column-filter-remove-rule .p-column-filter-remove-button:hover,
.p-column-filter-overlay-popover .p-column-filter-add-rule button.p-button:hover,
.p-column-filter-overlay-popover .p-column-filter-add-rule .p-column-filter-add-button:hover,
.p-column-filter-overlay-popover .p-column-filter-add-rule .p-column-filter-remove-button:hover,
.p-column-filter-overlay-popover .p-column-filter-remove-rule button.p-button:hover,
.p-column-filter-overlay-popover .p-column-filter-remove-rule .p-column-filter-add-button:hover,
.p-column-filter-overlay-popover .p-column-filter-remove-rule .p-column-filter-remove-button:hover,
.p-column-filter-popover .p-column-filter-add-rule button.p-button:hover,
.p-column-filter-popover .p-column-filter-add-rule .p-column-filter-add-button:hover,
.p-column-filter-popover .p-column-filter-add-rule .p-column-filter-remove-button:hover,
.p-column-filter-popover .p-column-filter-remove-rule button.p-button:hover,
.p-column-filter-popover .p-column-filter-remove-rule .p-column-filter-add-button:hover,
.p-column-filter-popover .p-column-filter-remove-rule .p-column-filter-remove-button:hover {
  background: var(--new-hover-color) !important;
  color: var(--new-main-color) !important;
}
.p-datatable-filter-overlay .p-column-filter-buttonbar,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar,
.p-column-filter-overlay .p-column-filter-buttonbar,
.p-column-filter-overlay-menu .p-column-filter-buttonbar,
.p-column-filter-overlay-popover .p-column-filter-buttonbar,
.p-column-filter-popover .p-column-filter-buttonbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding: 10px 0 0 0 !important;
  margin-top: 10px !important;
  border-top: 1px solid var(--new-border-color) !important;
  width: 100% !important;
}
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-column-filter-clear-button,
.p-datatable-filter-overlay .p-column-filter-buttonbar button.p-column-filter-clear-button,
.p-datatable-filter-overlay .p-column-filter-buttonbar button:first-child:not(:only-child),
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-outlined,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-secondary,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-text,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-column-filter-clear-button,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button.p-column-filter-clear-button,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button:first-child:not(:only-child),
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-button-outlined,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-button-secondary,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-button-text,
.p-column-filter-overlay .p-column-filter-buttonbar .p-column-filter-clear-button,
.p-column-filter-overlay .p-column-filter-buttonbar button.p-column-filter-clear-button,
.p-column-filter-overlay .p-column-filter-buttonbar button:first-child:not(:only-child),
.p-column-filter-overlay .p-column-filter-buttonbar .p-button-outlined,
.p-column-filter-overlay .p-column-filter-buttonbar .p-button-secondary,
.p-column-filter-overlay .p-column-filter-buttonbar .p-button-text,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-column-filter-clear-button,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button.p-column-filter-clear-button,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button:first-child:not(:only-child),
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-button-outlined,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-button-secondary,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-button-text,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-column-filter-clear-button,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button.p-column-filter-clear-button,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button:first-child:not(:only-child),
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-button-outlined,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-button-secondary,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-button-text,
.p-column-filter-popover .p-column-filter-buttonbar .p-column-filter-clear-button,
.p-column-filter-popover .p-column-filter-buttonbar button.p-column-filter-clear-button,
.p-column-filter-popover .p-column-filter-buttonbar button:first-child:not(:only-child),
.p-column-filter-popover .p-column-filter-buttonbar .p-button-outlined,
.p-column-filter-popover .p-column-filter-buttonbar .p-button-secondary,
.p-column-filter-popover .p-column-filter-buttonbar .p-button-text {
  flex: 1 !important;
  background: var(--bg-background) !important;
  background-color: var(--bg-background) !important;
  border: 1px solid var(--light-text-green) !important;
  border-color: var(--light-text-green) !important;
  color: var(--light-text-green) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  font-family: var(--new-bg-font) !important;
  padding: 6px 14px !important;
  border-radius: var(--new-border-radius, 8px) !important;
  min-width: 65px !important;
  height: 34px !important;
  text-align: center !important;
  justify-content: center !important;
  align-items: center !important;
  display: inline-flex !important;
  cursor: pointer !important;
  transition: var(--new-transition, all 0.25s ease) !important;
  box-shadow: none !important;
}
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-column-filter-clear-button .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-column-filter-clear-button span,
.p-datatable-filter-overlay .p-column-filter-buttonbar button.p-column-filter-clear-button .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar button.p-column-filter-clear-button span,
.p-datatable-filter-overlay .p-column-filter-buttonbar button:first-child:not(:only-child) .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar button:first-child:not(:only-child) span,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-outlined .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-outlined span,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-secondary .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-secondary span,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-text .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-text span,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-column-filter-clear-button .p-button-label,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-column-filter-clear-button span,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button.p-column-filter-clear-button .p-button-label,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button.p-column-filter-clear-button span,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button:first-child:not(:only-child) .p-button-label,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button:first-child:not(:only-child) span,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-button-outlined .p-button-label,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-button-outlined span,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-button-secondary .p-button-label,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-button-secondary span,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-button-text .p-button-label,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-button-text span,
.p-column-filter-overlay .p-column-filter-buttonbar .p-column-filter-clear-button .p-button-label,
.p-column-filter-overlay .p-column-filter-buttonbar .p-column-filter-clear-button span,
.p-column-filter-overlay .p-column-filter-buttonbar button.p-column-filter-clear-button .p-button-label,
.p-column-filter-overlay .p-column-filter-buttonbar button.p-column-filter-clear-button span,
.p-column-filter-overlay .p-column-filter-buttonbar button:first-child:not(:only-child) .p-button-label,
.p-column-filter-overlay .p-column-filter-buttonbar button:first-child:not(:only-child) span,
.p-column-filter-overlay .p-column-filter-buttonbar .p-button-outlined .p-button-label,
.p-column-filter-overlay .p-column-filter-buttonbar .p-button-outlined span,
.p-column-filter-overlay .p-column-filter-buttonbar .p-button-secondary .p-button-label,
.p-column-filter-overlay .p-column-filter-buttonbar .p-button-secondary span,
.p-column-filter-overlay .p-column-filter-buttonbar .p-button-text .p-button-label,
.p-column-filter-overlay .p-column-filter-buttonbar .p-button-text span,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-column-filter-clear-button .p-button-label,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-column-filter-clear-button span,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button.p-column-filter-clear-button .p-button-label,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button.p-column-filter-clear-button span,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button:first-child:not(:only-child) .p-button-label,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button:first-child:not(:only-child) span,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-button-outlined .p-button-label,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-button-outlined span,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-button-secondary .p-button-label,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-button-secondary span,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-button-text .p-button-label,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-button-text span,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-column-filter-clear-button .p-button-label,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-column-filter-clear-button span,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button.p-column-filter-clear-button .p-button-label,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button.p-column-filter-clear-button span,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button:first-child:not(:only-child) .p-button-label,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button:first-child:not(:only-child) span,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-button-outlined .p-button-label,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-button-outlined span,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-button-secondary .p-button-label,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-button-secondary span,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-button-text .p-button-label,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-button-text span,
.p-column-filter-popover .p-column-filter-buttonbar .p-column-filter-clear-button .p-button-label,
.p-column-filter-popover .p-column-filter-buttonbar .p-column-filter-clear-button span,
.p-column-filter-popover .p-column-filter-buttonbar button.p-column-filter-clear-button .p-button-label,
.p-column-filter-popover .p-column-filter-buttonbar button.p-column-filter-clear-button span,
.p-column-filter-popover .p-column-filter-buttonbar button:first-child:not(:only-child) .p-button-label,
.p-column-filter-popover .p-column-filter-buttonbar button:first-child:not(:only-child) span,
.p-column-filter-popover .p-column-filter-buttonbar .p-button-outlined .p-button-label,
.p-column-filter-popover .p-column-filter-buttonbar .p-button-outlined span,
.p-column-filter-popover .p-column-filter-buttonbar .p-button-secondary .p-button-label,
.p-column-filter-popover .p-column-filter-buttonbar .p-button-secondary span,
.p-column-filter-popover .p-column-filter-buttonbar .p-button-text .p-button-label,
.p-column-filter-popover .p-column-filter-buttonbar .p-button-text span {
  color: var(--light-text-green) !important;
  font-weight: 500 !important;
  font-family: var(--new-bg-font) !important;
}
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-column-filter-clear-button:hover,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-column-filter-clear-button:focus,
.p-datatable-filter-overlay .p-column-filter-buttonbar button.p-column-filter-clear-button:hover,
.p-datatable-filter-overlay .p-column-filter-buttonbar button.p-column-filter-clear-button:focus,
.p-datatable-filter-overlay .p-column-filter-buttonbar button:first-child:not(:only-child):hover,
.p-datatable-filter-overlay .p-column-filter-buttonbar button:first-child:not(:only-child):focus,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-outlined:hover,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-outlined:focus,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-secondary:hover,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-secondary:focus,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-text:hover,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-text:focus,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-column-filter-clear-button:hover,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-column-filter-clear-button:focus,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button.p-column-filter-clear-button:hover,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button.p-column-filter-clear-button:focus,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button:first-child:not(:only-child):hover,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button:first-child:not(:only-child):focus,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-button-outlined:hover,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-button-outlined:focus,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-button-secondary:hover,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-button-secondary:focus,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-button-text:hover,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-button-text:focus,
.p-column-filter-overlay .p-column-filter-buttonbar .p-column-filter-clear-button:hover,
.p-column-filter-overlay .p-column-filter-buttonbar .p-column-filter-clear-button:focus,
.p-column-filter-overlay .p-column-filter-buttonbar button.p-column-filter-clear-button:hover,
.p-column-filter-overlay .p-column-filter-buttonbar button.p-column-filter-clear-button:focus,
.p-column-filter-overlay .p-column-filter-buttonbar button:first-child:not(:only-child):hover,
.p-column-filter-overlay .p-column-filter-buttonbar button:first-child:not(:only-child):focus,
.p-column-filter-overlay .p-column-filter-buttonbar .p-button-outlined:hover,
.p-column-filter-overlay .p-column-filter-buttonbar .p-button-outlined:focus,
.p-column-filter-overlay .p-column-filter-buttonbar .p-button-secondary:hover,
.p-column-filter-overlay .p-column-filter-buttonbar .p-button-secondary:focus,
.p-column-filter-overlay .p-column-filter-buttonbar .p-button-text:hover,
.p-column-filter-overlay .p-column-filter-buttonbar .p-button-text:focus,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-column-filter-clear-button:hover,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-column-filter-clear-button:focus,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button.p-column-filter-clear-button:hover,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button.p-column-filter-clear-button:focus,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button:first-child:not(:only-child):hover,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button:first-child:not(:only-child):focus,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-button-outlined:hover,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-button-outlined:focus,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-button-secondary:hover,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-button-secondary:focus,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-button-text:hover,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-button-text:focus,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-column-filter-clear-button:hover,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-column-filter-clear-button:focus,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button.p-column-filter-clear-button:hover,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button.p-column-filter-clear-button:focus,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button:first-child:not(:only-child):hover,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button:first-child:not(:only-child):focus,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-button-outlined:hover,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-button-outlined:focus,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-button-secondary:hover,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-button-secondary:focus,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-button-text:hover,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-button-text:focus,
.p-column-filter-popover .p-column-filter-buttonbar .p-column-filter-clear-button:hover,
.p-column-filter-popover .p-column-filter-buttonbar .p-column-filter-clear-button:focus,
.p-column-filter-popover .p-column-filter-buttonbar button.p-column-filter-clear-button:hover,
.p-column-filter-popover .p-column-filter-buttonbar button.p-column-filter-clear-button:focus,
.p-column-filter-popover .p-column-filter-buttonbar button:first-child:not(:only-child):hover,
.p-column-filter-popover .p-column-filter-buttonbar button:first-child:not(:only-child):focus,
.p-column-filter-popover .p-column-filter-buttonbar .p-button-outlined:hover,
.p-column-filter-popover .p-column-filter-buttonbar .p-button-outlined:focus,
.p-column-filter-popover .p-column-filter-buttonbar .p-button-secondary:hover,
.p-column-filter-popover .p-column-filter-buttonbar .p-button-secondary:focus,
.p-column-filter-popover .p-column-filter-buttonbar .p-button-text:hover,
.p-column-filter-popover .p-column-filter-buttonbar .p-button-text:focus {
  background: var(--new-hover-color) !important;
  background-color: var(--new-hover-color) !important;
  border-color: var(--light-text-green) !important;
  color: var(--light-text-green) !important;
}
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-column-filter-clear-button:hover .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-column-filter-clear-button:hover span,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-column-filter-clear-button:focus .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-column-filter-clear-button:focus span,
.p-datatable-filter-overlay .p-column-filter-buttonbar button.p-column-filter-clear-button:hover .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar button.p-column-filter-clear-button:hover span,
.p-datatable-filter-overlay .p-column-filter-buttonbar button.p-column-filter-clear-button:focus .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar button.p-column-filter-clear-button:focus span,
.p-datatable-filter-overlay .p-column-filter-buttonbar button:first-child:not(:only-child):hover .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar button:first-child:not(:only-child):hover span,
.p-datatable-filter-overlay .p-column-filter-buttonbar button:first-child:not(:only-child):focus .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar button:first-child:not(:only-child):focus span,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-outlined:hover .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-outlined:hover span,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-outlined:focus .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-outlined:focus span,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-secondary:hover .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-secondary:hover span,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-secondary:focus .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-secondary:focus span,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-text:hover .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-text:hover span,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-text:focus .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button-text:focus span,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-column-filter-clear-button:hover .p-button-label,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-column-filter-clear-button:hover span,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-column-filter-clear-button:focus .p-button-label,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-column-filter-clear-button:focus span,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button.p-column-filter-clear-button:hover .p-button-label,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button.p-column-filter-clear-button:hover span,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button.p-column-filter-clear-button:focus .p-button-label,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button.p-column-filter-clear-button:focus span,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button:first-child:not(:only-child):hover .p-button-label,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button:first-child:not(:only-child):hover span,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button:first-child:not(:only-child):focus .p-button-label,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button:first-child:not(:only-child):focus span,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-button-outlined:hover .p-button-label,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-button-outlined:hover span,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-button-outlined:focus .p-button-label,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-button-outlined:focus span,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-button-secondary:hover .p-button-label,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-button-secondary:hover span,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-button-secondary:focus .p-button-label,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-button-secondary:focus span,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-button-text:hover .p-button-label,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-button-text:hover span,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-button-text:focus .p-button-label,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-button-text:focus span,
.p-column-filter-overlay .p-column-filter-buttonbar .p-column-filter-clear-button:hover .p-button-label,
.p-column-filter-overlay .p-column-filter-buttonbar .p-column-filter-clear-button:hover span,
.p-column-filter-overlay .p-column-filter-buttonbar .p-column-filter-clear-button:focus .p-button-label,
.p-column-filter-overlay .p-column-filter-buttonbar .p-column-filter-clear-button:focus span,
.p-column-filter-overlay .p-column-filter-buttonbar button.p-column-filter-clear-button:hover .p-button-label,
.p-column-filter-overlay .p-column-filter-buttonbar button.p-column-filter-clear-button:hover span,
.p-column-filter-overlay .p-column-filter-buttonbar button.p-column-filter-clear-button:focus .p-button-label,
.p-column-filter-overlay .p-column-filter-buttonbar button.p-column-filter-clear-button:focus span,
.p-column-filter-overlay .p-column-filter-buttonbar button:first-child:not(:only-child):hover .p-button-label,
.p-column-filter-overlay .p-column-filter-buttonbar button:first-child:not(:only-child):hover span,
.p-column-filter-overlay .p-column-filter-buttonbar button:first-child:not(:only-child):focus .p-button-label,
.p-column-filter-overlay .p-column-filter-buttonbar button:first-child:not(:only-child):focus span,
.p-column-filter-overlay .p-column-filter-buttonbar .p-button-outlined:hover .p-button-label,
.p-column-filter-overlay .p-column-filter-buttonbar .p-button-outlined:hover span,
.p-column-filter-overlay .p-column-filter-buttonbar .p-button-outlined:focus .p-button-label,
.p-column-filter-overlay .p-column-filter-buttonbar .p-button-outlined:focus span,
.p-column-filter-overlay .p-column-filter-buttonbar .p-button-secondary:hover .p-button-label,
.p-column-filter-overlay .p-column-filter-buttonbar .p-button-secondary:hover span,
.p-column-filter-overlay .p-column-filter-buttonbar .p-button-secondary:focus .p-button-label,
.p-column-filter-overlay .p-column-filter-buttonbar .p-button-secondary:focus span,
.p-column-filter-overlay .p-column-filter-buttonbar .p-button-text:hover .p-button-label,
.p-column-filter-overlay .p-column-filter-buttonbar .p-button-text:hover span,
.p-column-filter-overlay .p-column-filter-buttonbar .p-button-text:focus .p-button-label,
.p-column-filter-overlay .p-column-filter-buttonbar .p-button-text:focus span,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-column-filter-clear-button:hover .p-button-label,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-column-filter-clear-button:hover span,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-column-filter-clear-button:focus .p-button-label,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-column-filter-clear-button:focus span,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button.p-column-filter-clear-button:hover .p-button-label,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button.p-column-filter-clear-button:hover span,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button.p-column-filter-clear-button:focus .p-button-label,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button.p-column-filter-clear-button:focus span,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button:first-child:not(:only-child):hover .p-button-label,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button:first-child:not(:only-child):hover span,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button:first-child:not(:only-child):focus .p-button-label,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button:first-child:not(:only-child):focus span,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-button-outlined:hover .p-button-label,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-button-outlined:hover span,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-button-outlined:focus .p-button-label,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-button-outlined:focus span,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-button-secondary:hover .p-button-label,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-button-secondary:hover span,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-button-secondary:focus .p-button-label,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-button-secondary:focus span,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-button-text:hover .p-button-label,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-button-text:hover span,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-button-text:focus .p-button-label,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-button-text:focus span,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-column-filter-clear-button:hover .p-button-label,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-column-filter-clear-button:hover span,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-column-filter-clear-button:focus .p-button-label,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-column-filter-clear-button:focus span,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button.p-column-filter-clear-button:hover .p-button-label,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button.p-column-filter-clear-button:hover span,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button.p-column-filter-clear-button:focus .p-button-label,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button.p-column-filter-clear-button:focus span,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button:first-child:not(:only-child):hover .p-button-label,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button:first-child:not(:only-child):hover span,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button:first-child:not(:only-child):focus .p-button-label,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button:first-child:not(:only-child):focus span,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-button-outlined:hover .p-button-label,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-button-outlined:hover span,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-button-outlined:focus .p-button-label,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-button-outlined:focus span,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-button-secondary:hover .p-button-label,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-button-secondary:hover span,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-button-secondary:focus .p-button-label,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-button-secondary:focus span,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-button-text:hover .p-button-label,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-button-text:hover span,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-button-text:focus .p-button-label,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-button-text:focus span,
.p-column-filter-popover .p-column-filter-buttonbar .p-column-filter-clear-button:hover .p-button-label,
.p-column-filter-popover .p-column-filter-buttonbar .p-column-filter-clear-button:hover span,
.p-column-filter-popover .p-column-filter-buttonbar .p-column-filter-clear-button:focus .p-button-label,
.p-column-filter-popover .p-column-filter-buttonbar .p-column-filter-clear-button:focus span,
.p-column-filter-popover .p-column-filter-buttonbar button.p-column-filter-clear-button:hover .p-button-label,
.p-column-filter-popover .p-column-filter-buttonbar button.p-column-filter-clear-button:hover span,
.p-column-filter-popover .p-column-filter-buttonbar button.p-column-filter-clear-button:focus .p-button-label,
.p-column-filter-popover .p-column-filter-buttonbar button.p-column-filter-clear-button:focus span,
.p-column-filter-popover .p-column-filter-buttonbar button:first-child:not(:only-child):hover .p-button-label,
.p-column-filter-popover .p-column-filter-buttonbar button:first-child:not(:only-child):hover span,
.p-column-filter-popover .p-column-filter-buttonbar button:first-child:not(:only-child):focus .p-button-label,
.p-column-filter-popover .p-column-filter-buttonbar button:first-child:not(:only-child):focus span,
.p-column-filter-popover .p-column-filter-buttonbar .p-button-outlined:hover .p-button-label,
.p-column-filter-popover .p-column-filter-buttonbar .p-button-outlined:hover span,
.p-column-filter-popover .p-column-filter-buttonbar .p-button-outlined:focus .p-button-label,
.p-column-filter-popover .p-column-filter-buttonbar .p-button-outlined:focus span,
.p-column-filter-popover .p-column-filter-buttonbar .p-button-secondary:hover .p-button-label,
.p-column-filter-popover .p-column-filter-buttonbar .p-button-secondary:hover span,
.p-column-filter-popover .p-column-filter-buttonbar .p-button-secondary:focus .p-button-label,
.p-column-filter-popover .p-column-filter-buttonbar .p-button-secondary:focus span,
.p-column-filter-popover .p-column-filter-buttonbar .p-button-text:hover .p-button-label,
.p-column-filter-popover .p-column-filter-buttonbar .p-button-text:hover span,
.p-column-filter-popover .p-column-filter-buttonbar .p-button-text:focus .p-button-label,
.p-column-filter-popover .p-column-filter-buttonbar .p-button-text:focus span {
  color: var(--light-text-green) !important;
}
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-column-filter-apply-button,
.p-datatable-filter-overlay .p-column-filter-buttonbar button.p-column-filter-apply-button,
.p-datatable-filter-overlay .p-column-filter-buttonbar button:last-child,
.p-datatable-filter-overlay .p-column-filter-buttonbar button[type=submit],
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text),
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-column-filter-apply-button,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button.p-column-filter-apply-button,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button:last-child,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button[type=submit],
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text),
.p-column-filter-overlay .p-column-filter-buttonbar .p-column-filter-apply-button,
.p-column-filter-overlay .p-column-filter-buttonbar button.p-column-filter-apply-button,
.p-column-filter-overlay .p-column-filter-buttonbar button:last-child,
.p-column-filter-overlay .p-column-filter-buttonbar button[type=submit],
.p-column-filter-overlay .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text),
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-column-filter-apply-button,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button.p-column-filter-apply-button,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button:last-child,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button[type=submit],
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text),
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-column-filter-apply-button,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button.p-column-filter-apply-button,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button:last-child,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button[type=submit],
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text),
.p-column-filter-popover .p-column-filter-buttonbar .p-column-filter-apply-button,
.p-column-filter-popover .p-column-filter-buttonbar button.p-column-filter-apply-button,
.p-column-filter-popover .p-column-filter-buttonbar button:last-child,
.p-column-filter-popover .p-column-filter-buttonbar button[type=submit],
.p-column-filter-popover .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text) {
  flex: 1 !important;
  background: var(--light-text-green) !important;
  background-color: var(--light-text-green) !important;
  border: 1px solid var(--light-text-green) !important;
  border-color: var(--light-text-green) !important;
  color: var(--new-theme-hover-text-color, #ffffff) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: var(--new-bg-font) !important;
  padding: 6px 14px !important;
  border-radius: var(--new-border-radius, 8px) !important;
  min-width: 65px !important;
  height: 34px !important;
  text-align: center !important;
  justify-content: center !important;
  align-items: center !important;
  display: inline-flex !important;
  cursor: pointer !important;
  transition: var(--new-transition, all 0.25s ease) !important;
  box-shadow: none !important;
}
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-column-filter-apply-button .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-column-filter-apply-button span,
.p-datatable-filter-overlay .p-column-filter-buttonbar button.p-column-filter-apply-button .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar button.p-column-filter-apply-button span,
.p-datatable-filter-overlay .p-column-filter-buttonbar button:last-child .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar button:last-child span,
.p-datatable-filter-overlay .p-column-filter-buttonbar button[type=submit] .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar button[type=submit] span,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text) .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text) span,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-column-filter-apply-button .p-button-label,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-column-filter-apply-button span,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button.p-column-filter-apply-button .p-button-label,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button.p-column-filter-apply-button span,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button:last-child .p-button-label,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button:last-child span,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button[type=submit] .p-button-label,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button[type=submit] span,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text) .p-button-label,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text) span,
.p-column-filter-overlay .p-column-filter-buttonbar .p-column-filter-apply-button .p-button-label,
.p-column-filter-overlay .p-column-filter-buttonbar .p-column-filter-apply-button span,
.p-column-filter-overlay .p-column-filter-buttonbar button.p-column-filter-apply-button .p-button-label,
.p-column-filter-overlay .p-column-filter-buttonbar button.p-column-filter-apply-button span,
.p-column-filter-overlay .p-column-filter-buttonbar button:last-child .p-button-label,
.p-column-filter-overlay .p-column-filter-buttonbar button:last-child span,
.p-column-filter-overlay .p-column-filter-buttonbar button[type=submit] .p-button-label,
.p-column-filter-overlay .p-column-filter-buttonbar button[type=submit] span,
.p-column-filter-overlay .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text) .p-button-label,
.p-column-filter-overlay .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text) span,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-column-filter-apply-button .p-button-label,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-column-filter-apply-button span,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button.p-column-filter-apply-button .p-button-label,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button.p-column-filter-apply-button span,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button:last-child .p-button-label,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button:last-child span,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button[type=submit] .p-button-label,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button[type=submit] span,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text) .p-button-label,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text) span,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-column-filter-apply-button .p-button-label,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-column-filter-apply-button span,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button.p-column-filter-apply-button .p-button-label,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button.p-column-filter-apply-button span,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button:last-child .p-button-label,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button:last-child span,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button[type=submit] .p-button-label,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button[type=submit] span,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text) .p-button-label,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text) span,
.p-column-filter-popover .p-column-filter-buttonbar .p-column-filter-apply-button .p-button-label,
.p-column-filter-popover .p-column-filter-buttonbar .p-column-filter-apply-button span,
.p-column-filter-popover .p-column-filter-buttonbar button.p-column-filter-apply-button .p-button-label,
.p-column-filter-popover .p-column-filter-buttonbar button.p-column-filter-apply-button span,
.p-column-filter-popover .p-column-filter-buttonbar button:last-child .p-button-label,
.p-column-filter-popover .p-column-filter-buttonbar button:last-child span,
.p-column-filter-popover .p-column-filter-buttonbar button[type=submit] .p-button-label,
.p-column-filter-popover .p-column-filter-buttonbar button[type=submit] span,
.p-column-filter-popover .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text) .p-button-label,
.p-column-filter-popover .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text) span {
  color: var(--new-theme-hover-text-color, #ffffff) !important;
  font-weight: 600 !important;
  font-family: var(--new-bg-font) !important;
}
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-column-filter-apply-button:hover,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-column-filter-apply-button:focus,
.p-datatable-filter-overlay .p-column-filter-buttonbar button.p-column-filter-apply-button:hover,
.p-datatable-filter-overlay .p-column-filter-buttonbar button.p-column-filter-apply-button:focus,
.p-datatable-filter-overlay .p-column-filter-buttonbar button:last-child:hover,
.p-datatable-filter-overlay .p-column-filter-buttonbar button:last-child:focus,
.p-datatable-filter-overlay .p-column-filter-buttonbar button[type=submit]:hover,
.p-datatable-filter-overlay .p-column-filter-buttonbar button[type=submit]:focus,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):hover,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):focus,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-column-filter-apply-button:hover,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-column-filter-apply-button:focus,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button.p-column-filter-apply-button:hover,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button.p-column-filter-apply-button:focus,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button:last-child:hover,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button:last-child:focus,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button[type=submit]:hover,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button[type=submit]:focus,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):hover,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):focus,
.p-column-filter-overlay .p-column-filter-buttonbar .p-column-filter-apply-button:hover,
.p-column-filter-overlay .p-column-filter-buttonbar .p-column-filter-apply-button:focus,
.p-column-filter-overlay .p-column-filter-buttonbar button.p-column-filter-apply-button:hover,
.p-column-filter-overlay .p-column-filter-buttonbar button.p-column-filter-apply-button:focus,
.p-column-filter-overlay .p-column-filter-buttonbar button:last-child:hover,
.p-column-filter-overlay .p-column-filter-buttonbar button:last-child:focus,
.p-column-filter-overlay .p-column-filter-buttonbar button[type=submit]:hover,
.p-column-filter-overlay .p-column-filter-buttonbar button[type=submit]:focus,
.p-column-filter-overlay .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):hover,
.p-column-filter-overlay .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):focus,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-column-filter-apply-button:hover,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-column-filter-apply-button:focus,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button.p-column-filter-apply-button:hover,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button.p-column-filter-apply-button:focus,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button:last-child:hover,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button:last-child:focus,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button[type=submit]:hover,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button[type=submit]:focus,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):hover,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):focus,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-column-filter-apply-button:hover,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-column-filter-apply-button:focus,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button.p-column-filter-apply-button:hover,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button.p-column-filter-apply-button:focus,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button:last-child:hover,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button:last-child:focus,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button[type=submit]:hover,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button[type=submit]:focus,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):hover,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):focus,
.p-column-filter-popover .p-column-filter-buttonbar .p-column-filter-apply-button:hover,
.p-column-filter-popover .p-column-filter-buttonbar .p-column-filter-apply-button:focus,
.p-column-filter-popover .p-column-filter-buttonbar button.p-column-filter-apply-button:hover,
.p-column-filter-popover .p-column-filter-buttonbar button.p-column-filter-apply-button:focus,
.p-column-filter-popover .p-column-filter-buttonbar button:last-child:hover,
.p-column-filter-popover .p-column-filter-buttonbar button:last-child:focus,
.p-column-filter-popover .p-column-filter-buttonbar button[type=submit]:hover,
.p-column-filter-popover .p-column-filter-buttonbar button[type=submit]:focus,
.p-column-filter-popover .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):hover,
.p-column-filter-popover .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):focus {
  background: var(--new-main-color, #7c9f2e) !important;
  background-color: var(--new-main-color, #7c9f2e) !important;
  border-color: var(--new-main-color, #7c9f2e) !important;
  color: var(--new-theme-hover-text-color, #ffffff) !important;
  box-shadow: 0 4px 12px rgba(124, 159, 46, 0.3) !important;
}
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-column-filter-apply-button:hover .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-column-filter-apply-button:hover span,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-column-filter-apply-button:focus .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-column-filter-apply-button:focus span,
.p-datatable-filter-overlay .p-column-filter-buttonbar button.p-column-filter-apply-button:hover .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar button.p-column-filter-apply-button:hover span,
.p-datatable-filter-overlay .p-column-filter-buttonbar button.p-column-filter-apply-button:focus .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar button.p-column-filter-apply-button:focus span,
.p-datatable-filter-overlay .p-column-filter-buttonbar button:last-child:hover .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar button:last-child:hover span,
.p-datatable-filter-overlay .p-column-filter-buttonbar button:last-child:focus .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar button:last-child:focus span,
.p-datatable-filter-overlay .p-column-filter-buttonbar button[type=submit]:hover .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar button[type=submit]:hover span,
.p-datatable-filter-overlay .p-column-filter-buttonbar button[type=submit]:focus .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar button[type=submit]:focus span,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):hover .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):hover span,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):focus .p-button-label,
.p-datatable-filter-overlay .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):focus span,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-column-filter-apply-button:hover .p-button-label,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-column-filter-apply-button:hover span,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-column-filter-apply-button:focus .p-button-label,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-column-filter-apply-button:focus span,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button.p-column-filter-apply-button:hover .p-button-label,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button.p-column-filter-apply-button:hover span,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button.p-column-filter-apply-button:focus .p-button-label,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button.p-column-filter-apply-button:focus span,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button:last-child:hover .p-button-label,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button:last-child:hover span,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button:last-child:focus .p-button-label,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button:last-child:focus span,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button[type=submit]:hover .p-button-label,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button[type=submit]:hover span,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button[type=submit]:focus .p-button-label,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar button[type=submit]:focus span,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):hover .p-button-label,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):hover span,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):focus .p-button-label,
.p-datatable-filter-overlay-popover .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):focus span,
.p-column-filter-overlay .p-column-filter-buttonbar .p-column-filter-apply-button:hover .p-button-label,
.p-column-filter-overlay .p-column-filter-buttonbar .p-column-filter-apply-button:hover span,
.p-column-filter-overlay .p-column-filter-buttonbar .p-column-filter-apply-button:focus .p-button-label,
.p-column-filter-overlay .p-column-filter-buttonbar .p-column-filter-apply-button:focus span,
.p-column-filter-overlay .p-column-filter-buttonbar button.p-column-filter-apply-button:hover .p-button-label,
.p-column-filter-overlay .p-column-filter-buttonbar button.p-column-filter-apply-button:hover span,
.p-column-filter-overlay .p-column-filter-buttonbar button.p-column-filter-apply-button:focus .p-button-label,
.p-column-filter-overlay .p-column-filter-buttonbar button.p-column-filter-apply-button:focus span,
.p-column-filter-overlay .p-column-filter-buttonbar button:last-child:hover .p-button-label,
.p-column-filter-overlay .p-column-filter-buttonbar button:last-child:hover span,
.p-column-filter-overlay .p-column-filter-buttonbar button:last-child:focus .p-button-label,
.p-column-filter-overlay .p-column-filter-buttonbar button:last-child:focus span,
.p-column-filter-overlay .p-column-filter-buttonbar button[type=submit]:hover .p-button-label,
.p-column-filter-overlay .p-column-filter-buttonbar button[type=submit]:hover span,
.p-column-filter-overlay .p-column-filter-buttonbar button[type=submit]:focus .p-button-label,
.p-column-filter-overlay .p-column-filter-buttonbar button[type=submit]:focus span,
.p-column-filter-overlay .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):hover .p-button-label,
.p-column-filter-overlay .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):hover span,
.p-column-filter-overlay .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):focus .p-button-label,
.p-column-filter-overlay .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):focus span,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-column-filter-apply-button:hover .p-button-label,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-column-filter-apply-button:hover span,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-column-filter-apply-button:focus .p-button-label,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-column-filter-apply-button:focus span,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button.p-column-filter-apply-button:hover .p-button-label,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button.p-column-filter-apply-button:hover span,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button.p-column-filter-apply-button:focus .p-button-label,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button.p-column-filter-apply-button:focus span,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button:last-child:hover .p-button-label,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button:last-child:hover span,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button:last-child:focus .p-button-label,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button:last-child:focus span,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button[type=submit]:hover .p-button-label,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button[type=submit]:hover span,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button[type=submit]:focus .p-button-label,
.p-column-filter-overlay-menu .p-column-filter-buttonbar button[type=submit]:focus span,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):hover .p-button-label,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):hover span,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):focus .p-button-label,
.p-column-filter-overlay-menu .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):focus span,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-column-filter-apply-button:hover .p-button-label,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-column-filter-apply-button:hover span,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-column-filter-apply-button:focus .p-button-label,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-column-filter-apply-button:focus span,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button.p-column-filter-apply-button:hover .p-button-label,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button.p-column-filter-apply-button:hover span,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button.p-column-filter-apply-button:focus .p-button-label,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button.p-column-filter-apply-button:focus span,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button:last-child:hover .p-button-label,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button:last-child:hover span,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button:last-child:focus .p-button-label,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button:last-child:focus span,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button[type=submit]:hover .p-button-label,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button[type=submit]:hover span,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button[type=submit]:focus .p-button-label,
.p-column-filter-overlay-popover .p-column-filter-buttonbar button[type=submit]:focus span,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):hover .p-button-label,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):hover span,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):focus .p-button-label,
.p-column-filter-overlay-popover .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):focus span,
.p-column-filter-popover .p-column-filter-buttonbar .p-column-filter-apply-button:hover .p-button-label,
.p-column-filter-popover .p-column-filter-buttonbar .p-column-filter-apply-button:hover span,
.p-column-filter-popover .p-column-filter-buttonbar .p-column-filter-apply-button:focus .p-button-label,
.p-column-filter-popover .p-column-filter-buttonbar .p-column-filter-apply-button:focus span,
.p-column-filter-popover .p-column-filter-buttonbar button.p-column-filter-apply-button:hover .p-button-label,
.p-column-filter-popover .p-column-filter-buttonbar button.p-column-filter-apply-button:hover span,
.p-column-filter-popover .p-column-filter-buttonbar button.p-column-filter-apply-button:focus .p-button-label,
.p-column-filter-popover .p-column-filter-buttonbar button.p-column-filter-apply-button:focus span,
.p-column-filter-popover .p-column-filter-buttonbar button:last-child:hover .p-button-label,
.p-column-filter-popover .p-column-filter-buttonbar button:last-child:hover span,
.p-column-filter-popover .p-column-filter-buttonbar button:last-child:focus .p-button-label,
.p-column-filter-popover .p-column-filter-buttonbar button:last-child:focus span,
.p-column-filter-popover .p-column-filter-buttonbar button[type=submit]:hover .p-button-label,
.p-column-filter-popover .p-column-filter-buttonbar button[type=submit]:hover span,
.p-column-filter-popover .p-column-filter-buttonbar button[type=submit]:focus .p-button-label,
.p-column-filter-popover .p-column-filter-buttonbar button[type=submit]:focus span,
.p-column-filter-popover .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):hover .p-button-label,
.p-column-filter-popover .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):hover span,
.p-column-filter-popover .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):focus .p-button-label,
.p-column-filter-popover .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):focus span {
  color: var(--new-theme-hover-text-color, #ffffff) !important;
}
.p-column-filter-buttonbar,
p-columnfilterformelement > .p-column-filter-buttonbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding: 10px 0 0 0 !important;
  margin-top: 10px !important;
  border-top: 1px solid var(--new-border-color) !important;
  width: 100% !important;
}
.p-column-filter-buttonbar .p-column-filter-clear-button,
.p-column-filter-buttonbar button.p-column-filter-clear-button,
.p-column-filter-buttonbar button:first-child:not(:only-child),
.p-column-filter-buttonbar .p-button-outlined,
.p-column-filter-buttonbar .p-button-secondary,
.p-column-filter-buttonbar .p-button-text,
p-columnfilterformelement > .p-column-filter-buttonbar .p-column-filter-clear-button,
p-columnfilterformelement > .p-column-filter-buttonbar button.p-column-filter-clear-button,
p-columnfilterformelement > .p-column-filter-buttonbar button:first-child:not(:only-child),
p-columnfilterformelement > .p-column-filter-buttonbar .p-button-outlined,
p-columnfilterformelement > .p-column-filter-buttonbar .p-button-secondary,
p-columnfilterformelement > .p-column-filter-buttonbar .p-button-text {
  flex: 1 !important;
  background: var(--bg-background) !important;
  background-color: var(--bg-background) !important;
  border: 1px solid var(--light-text-green) !important;
  border-color: var(--light-text-green) !important;
  color: var(--light-text-green) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  font-family: var(--new-bg-font) !important;
  padding: 6px 14px !important;
  border-radius: var(--new-border-radius, 8px) !important;
  min-width: 65px !important;
  height: 34px !important;
  text-align: center !important;
  justify-content: center !important;
  align-items: center !important;
  display: inline-flex !important;
  cursor: pointer !important;
  transition: var(--new-transition, all 0.25s ease) !important;
  box-shadow: none !important;
}
.p-column-filter-buttonbar .p-column-filter-clear-button .p-button-label,
.p-column-filter-buttonbar .p-column-filter-clear-button span,
.p-column-filter-buttonbar button.p-column-filter-clear-button .p-button-label,
.p-column-filter-buttonbar button.p-column-filter-clear-button span,
.p-column-filter-buttonbar button:first-child:not(:only-child) .p-button-label,
.p-column-filter-buttonbar button:first-child:not(:only-child) span,
.p-column-filter-buttonbar .p-button-outlined .p-button-label,
.p-column-filter-buttonbar .p-button-outlined span,
.p-column-filter-buttonbar .p-button-secondary .p-button-label,
.p-column-filter-buttonbar .p-button-secondary span,
.p-column-filter-buttonbar .p-button-text .p-button-label,
.p-column-filter-buttonbar .p-button-text span,
p-columnfilterformelement > .p-column-filter-buttonbar .p-column-filter-clear-button .p-button-label,
p-columnfilterformelement > .p-column-filter-buttonbar .p-column-filter-clear-button span,
p-columnfilterformelement > .p-column-filter-buttonbar button.p-column-filter-clear-button .p-button-label,
p-columnfilterformelement > .p-column-filter-buttonbar button.p-column-filter-clear-button span,
p-columnfilterformelement > .p-column-filter-buttonbar button:first-child:not(:only-child) .p-button-label,
p-columnfilterformelement > .p-column-filter-buttonbar button:first-child:not(:only-child) span,
p-columnfilterformelement > .p-column-filter-buttonbar .p-button-outlined .p-button-label,
p-columnfilterformelement > .p-column-filter-buttonbar .p-button-outlined span,
p-columnfilterformelement > .p-column-filter-buttonbar .p-button-secondary .p-button-label,
p-columnfilterformelement > .p-column-filter-buttonbar .p-button-secondary span,
p-columnfilterformelement > .p-column-filter-buttonbar .p-button-text .p-button-label,
p-columnfilterformelement > .p-column-filter-buttonbar .p-button-text span {
  color: var(--light-text-green) !important;
  font-weight: 500 !important;
  font-family: var(--new-bg-font) !important;
}
.p-column-filter-buttonbar .p-column-filter-clear-button:hover,
.p-column-filter-buttonbar .p-column-filter-clear-button:focus,
.p-column-filter-buttonbar button.p-column-filter-clear-button:hover,
.p-column-filter-buttonbar button.p-column-filter-clear-button:focus,
.p-column-filter-buttonbar button:first-child:not(:only-child):hover,
.p-column-filter-buttonbar button:first-child:not(:only-child):focus,
.p-column-filter-buttonbar .p-button-outlined:hover,
.p-column-filter-buttonbar .p-button-outlined:focus,
.p-column-filter-buttonbar .p-button-secondary:hover,
.p-column-filter-buttonbar .p-button-secondary:focus,
.p-column-filter-buttonbar .p-button-text:hover,
.p-column-filter-buttonbar .p-button-text:focus,
p-columnfilterformelement > .p-column-filter-buttonbar .p-column-filter-clear-button:hover,
p-columnfilterformelement > .p-column-filter-buttonbar .p-column-filter-clear-button:focus,
p-columnfilterformelement > .p-column-filter-buttonbar button.p-column-filter-clear-button:hover,
p-columnfilterformelement > .p-column-filter-buttonbar button.p-column-filter-clear-button:focus,
p-columnfilterformelement > .p-column-filter-buttonbar button:first-child:not(:only-child):hover,
p-columnfilterformelement > .p-column-filter-buttonbar button:first-child:not(:only-child):focus,
p-columnfilterformelement > .p-column-filter-buttonbar .p-button-outlined:hover,
p-columnfilterformelement > .p-column-filter-buttonbar .p-button-outlined:focus,
p-columnfilterformelement > .p-column-filter-buttonbar .p-button-secondary:hover,
p-columnfilterformelement > .p-column-filter-buttonbar .p-button-secondary:focus,
p-columnfilterformelement > .p-column-filter-buttonbar .p-button-text:hover,
p-columnfilterformelement > .p-column-filter-buttonbar .p-button-text:focus {
  background: var(--new-hover-color) !important;
  background-color: var(--new-hover-color) !important;
  border-color: var(--light-text-green) !important;
  color: var(--light-text-green) !important;
}
.p-column-filter-buttonbar .p-column-filter-clear-button:hover .p-button-label,
.p-column-filter-buttonbar .p-column-filter-clear-button:hover span,
.p-column-filter-buttonbar .p-column-filter-clear-button:focus .p-button-label,
.p-column-filter-buttonbar .p-column-filter-clear-button:focus span,
.p-column-filter-buttonbar button.p-column-filter-clear-button:hover .p-button-label,
.p-column-filter-buttonbar button.p-column-filter-clear-button:hover span,
.p-column-filter-buttonbar button.p-column-filter-clear-button:focus .p-button-label,
.p-column-filter-buttonbar button.p-column-filter-clear-button:focus span,
.p-column-filter-buttonbar button:first-child:not(:only-child):hover .p-button-label,
.p-column-filter-buttonbar button:first-child:not(:only-child):hover span,
.p-column-filter-buttonbar button:first-child:not(:only-child):focus .p-button-label,
.p-column-filter-buttonbar button:first-child:not(:only-child):focus span,
.p-column-filter-buttonbar .p-button-outlined:hover .p-button-label,
.p-column-filter-buttonbar .p-button-outlined:hover span,
.p-column-filter-buttonbar .p-button-outlined:focus .p-button-label,
.p-column-filter-buttonbar .p-button-outlined:focus span,
.p-column-filter-buttonbar .p-button-secondary:hover .p-button-label,
.p-column-filter-buttonbar .p-button-secondary:hover span,
.p-column-filter-buttonbar .p-button-secondary:focus .p-button-label,
.p-column-filter-buttonbar .p-button-secondary:focus span,
.p-column-filter-buttonbar .p-button-text:hover .p-button-label,
.p-column-filter-buttonbar .p-button-text:hover span,
.p-column-filter-buttonbar .p-button-text:focus .p-button-label,
.p-column-filter-buttonbar .p-button-text:focus span,
p-columnfilterformelement > .p-column-filter-buttonbar .p-column-filter-clear-button:hover .p-button-label,
p-columnfilterformelement > .p-column-filter-buttonbar .p-column-filter-clear-button:hover span,
p-columnfilterformelement > .p-column-filter-buttonbar .p-column-filter-clear-button:focus .p-button-label,
p-columnfilterformelement > .p-column-filter-buttonbar .p-column-filter-clear-button:focus span,
p-columnfilterformelement > .p-column-filter-buttonbar button.p-column-filter-clear-button:hover .p-button-label,
p-columnfilterformelement > .p-column-filter-buttonbar button.p-column-filter-clear-button:hover span,
p-columnfilterformelement > .p-column-filter-buttonbar button.p-column-filter-clear-button:focus .p-button-label,
p-columnfilterformelement > .p-column-filter-buttonbar button.p-column-filter-clear-button:focus span,
p-columnfilterformelement > .p-column-filter-buttonbar button:first-child:not(:only-child):hover .p-button-label,
p-columnfilterformelement > .p-column-filter-buttonbar button:first-child:not(:only-child):hover span,
p-columnfilterformelement > .p-column-filter-buttonbar button:first-child:not(:only-child):focus .p-button-label,
p-columnfilterformelement > .p-column-filter-buttonbar button:first-child:not(:only-child):focus span,
p-columnfilterformelement > .p-column-filter-buttonbar .p-button-outlined:hover .p-button-label,
p-columnfilterformelement > .p-column-filter-buttonbar .p-button-outlined:hover span,
p-columnfilterformelement > .p-column-filter-buttonbar .p-button-outlined:focus .p-button-label,
p-columnfilterformelement > .p-column-filter-buttonbar .p-button-outlined:focus span,
p-columnfilterformelement > .p-column-filter-buttonbar .p-button-secondary:hover .p-button-label,
p-columnfilterformelement > .p-column-filter-buttonbar .p-button-secondary:hover span,
p-columnfilterformelement > .p-column-filter-buttonbar .p-button-secondary:focus .p-button-label,
p-columnfilterformelement > .p-column-filter-buttonbar .p-button-secondary:focus span,
p-columnfilterformelement > .p-column-filter-buttonbar .p-button-text:hover .p-button-label,
p-columnfilterformelement > .p-column-filter-buttonbar .p-button-text:hover span,
p-columnfilterformelement > .p-column-filter-buttonbar .p-button-text:focus .p-button-label,
p-columnfilterformelement > .p-column-filter-buttonbar .p-button-text:focus span {
  color: var(--light-text-green) !important;
}
.p-column-filter-buttonbar .p-column-filter-apply-button,
.p-column-filter-buttonbar button.p-column-filter-apply-button,
.p-column-filter-buttonbar button:last-child,
.p-column-filter-buttonbar button[type=submit],
.p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text),
p-columnfilterformelement > .p-column-filter-buttonbar .p-column-filter-apply-button,
p-columnfilterformelement > .p-column-filter-buttonbar button.p-column-filter-apply-button,
p-columnfilterformelement > .p-column-filter-buttonbar button:last-child,
p-columnfilterformelement > .p-column-filter-buttonbar button[type=submit],
p-columnfilterformelement > .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text) {
  flex: 1 !important;
  background: var(--light-text-green) !important;
  background-color: var(--light-text-green) !important;
  border: 1px solid var(--light-text-green) !important;
  border-color: var(--light-text-green) !important;
  color: var(--new-theme-hover-text-color, #ffffff) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: var(--new-bg-font) !important;
  padding: 6px 14px !important;
  border-radius: var(--new-border-radius, 8px) !important;
  min-width: 65px !important;
  height: 34px !important;
  text-align: center !important;
  justify-content: center !important;
  align-items: center !important;
  display: inline-flex !important;
  cursor: pointer !important;
  transition: var(--new-transition, all 0.25s ease) !important;
  box-shadow: none !important;
}
.p-column-filter-buttonbar .p-column-filter-apply-button .p-button-label,
.p-column-filter-buttonbar .p-column-filter-apply-button span,
.p-column-filter-buttonbar button.p-column-filter-apply-button .p-button-label,
.p-column-filter-buttonbar button.p-column-filter-apply-button span,
.p-column-filter-buttonbar button:last-child .p-button-label,
.p-column-filter-buttonbar button:last-child span,
.p-column-filter-buttonbar button[type=submit] .p-button-label,
.p-column-filter-buttonbar button[type=submit] span,
.p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text) .p-button-label,
.p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text) span,
p-columnfilterformelement > .p-column-filter-buttonbar .p-column-filter-apply-button .p-button-label,
p-columnfilterformelement > .p-column-filter-buttonbar .p-column-filter-apply-button span,
p-columnfilterformelement > .p-column-filter-buttonbar button.p-column-filter-apply-button .p-button-label,
p-columnfilterformelement > .p-column-filter-buttonbar button.p-column-filter-apply-button span,
p-columnfilterformelement > .p-column-filter-buttonbar button:last-child .p-button-label,
p-columnfilterformelement > .p-column-filter-buttonbar button:last-child span,
p-columnfilterformelement > .p-column-filter-buttonbar button[type=submit] .p-button-label,
p-columnfilterformelement > .p-column-filter-buttonbar button[type=submit] span,
p-columnfilterformelement > .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text) .p-button-label,
p-columnfilterformelement > .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text) span {
  color: var(--new-theme-hover-text-color, #ffffff) !important;
  font-weight: 600 !important;
  font-family: var(--new-bg-font) !important;
}
.p-column-filter-buttonbar .p-column-filter-apply-button:hover,
.p-column-filter-buttonbar .p-column-filter-apply-button:focus,
.p-column-filter-buttonbar button.p-column-filter-apply-button:hover,
.p-column-filter-buttonbar button.p-column-filter-apply-button:focus,
.p-column-filter-buttonbar button:last-child:hover,
.p-column-filter-buttonbar button:last-child:focus,
.p-column-filter-buttonbar button[type=submit]:hover,
.p-column-filter-buttonbar button[type=submit]:focus,
.p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):hover,
.p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):focus,
p-columnfilterformelement > .p-column-filter-buttonbar .p-column-filter-apply-button:hover,
p-columnfilterformelement > .p-column-filter-buttonbar .p-column-filter-apply-button:focus,
p-columnfilterformelement > .p-column-filter-buttonbar button.p-column-filter-apply-button:hover,
p-columnfilterformelement > .p-column-filter-buttonbar button.p-column-filter-apply-button:focus,
p-columnfilterformelement > .p-column-filter-buttonbar button:last-child:hover,
p-columnfilterformelement > .p-column-filter-buttonbar button:last-child:focus,
p-columnfilterformelement > .p-column-filter-buttonbar button[type=submit]:hover,
p-columnfilterformelement > .p-column-filter-buttonbar button[type=submit]:focus,
p-columnfilterformelement > .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):hover,
p-columnfilterformelement > .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):focus {
  background: var(--new-main-color, #7c9f2e) !important;
  background-color: var(--new-main-color, #7c9f2e) !important;
  border-color: var(--new-main-color, #7c9f2e) !important;
  color: var(--new-theme-hover-text-color, #ffffff) !important;
  box-shadow: 0 4px 12px rgba(124, 159, 46, 0.3) !important;
}
.p-column-filter-buttonbar .p-column-filter-apply-button:hover .p-button-label,
.p-column-filter-buttonbar .p-column-filter-apply-button:hover span,
.p-column-filter-buttonbar .p-column-filter-apply-button:focus .p-button-label,
.p-column-filter-buttonbar .p-column-filter-apply-button:focus span,
.p-column-filter-buttonbar button.p-column-filter-apply-button:hover .p-button-label,
.p-column-filter-buttonbar button.p-column-filter-apply-button:hover span,
.p-column-filter-buttonbar button.p-column-filter-apply-button:focus .p-button-label,
.p-column-filter-buttonbar button.p-column-filter-apply-button:focus span,
.p-column-filter-buttonbar button:last-child:hover .p-button-label,
.p-column-filter-buttonbar button:last-child:hover span,
.p-column-filter-buttonbar button:last-child:focus .p-button-label,
.p-column-filter-buttonbar button:last-child:focus span,
.p-column-filter-buttonbar button[type=submit]:hover .p-button-label,
.p-column-filter-buttonbar button[type=submit]:hover span,
.p-column-filter-buttonbar button[type=submit]:focus .p-button-label,
.p-column-filter-buttonbar button[type=submit]:focus span,
.p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):hover .p-button-label,
.p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):hover span,
.p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):focus .p-button-label,
.p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):focus span,
p-columnfilterformelement > .p-column-filter-buttonbar .p-column-filter-apply-button:hover .p-button-label,
p-columnfilterformelement > .p-column-filter-buttonbar .p-column-filter-apply-button:hover span,
p-columnfilterformelement > .p-column-filter-buttonbar .p-column-filter-apply-button:focus .p-button-label,
p-columnfilterformelement > .p-column-filter-buttonbar .p-column-filter-apply-button:focus span,
p-columnfilterformelement > .p-column-filter-buttonbar button.p-column-filter-apply-button:hover .p-button-label,
p-columnfilterformelement > .p-column-filter-buttonbar button.p-column-filter-apply-button:hover span,
p-columnfilterformelement > .p-column-filter-buttonbar button.p-column-filter-apply-button:focus .p-button-label,
p-columnfilterformelement > .p-column-filter-buttonbar button.p-column-filter-apply-button:focus span,
p-columnfilterformelement > .p-column-filter-buttonbar button:last-child:hover .p-button-label,
p-columnfilterformelement > .p-column-filter-buttonbar button:last-child:hover span,
p-columnfilterformelement > .p-column-filter-buttonbar button:last-child:focus .p-button-label,
p-columnfilterformelement > .p-column-filter-buttonbar button:last-child:focus span,
p-columnfilterformelement > .p-column-filter-buttonbar button[type=submit]:hover .p-button-label,
p-columnfilterformelement > .p-column-filter-buttonbar button[type=submit]:hover span,
p-columnfilterformelement > .p-column-filter-buttonbar button[type=submit]:focus .p-button-label,
p-columnfilterformelement > .p-column-filter-buttonbar button[type=submit]:focus span,
p-columnfilterformelement > .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):hover .p-button-label,
p-columnfilterformelement > .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):hover span,
p-columnfilterformelement > .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):focus .p-button-label,
p-columnfilterformelement > .p-column-filter-buttonbar .p-button:not(.p-button-outlined):not(.p-column-filter-clear-button):not(.p-button-secondary):not(.p-button-text):focus span {
  color: var(--new-theme-hover-text-color, #ffffff) !important;
}
.p-multiselect-overlay,
.p-multiselect-panel {
  background: var(--bg-background) !important;
  background-color: var(--bg-background) !important;
  border: 1px solid var(--new-border-color) !important;
  border-radius: var(--new-border-radius, 12px) !important;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.25), 0 8px 10px -6px rgba(0, 0, 0, 0.2) !important;
  color: var(--new-mainHeading-color) !important;
  font-family: var(--new-bg-font) !important;
  overflow: hidden !important;
}
.p-multiselect-overlay .p-multiselect-header,
.p-multiselect-panel .p-multiselect-header {
  background: var(--bg-background) !important;
  background-color: var(--bg-background) !important;
  border-bottom: 1px solid var(--new-border-color) !important;
  color: var(--new-mainHeading-color) !important;
  padding: 8px 12px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}
.p-multiselect-overlay .p-multiselect-header .p-checkbox,
.p-multiselect-panel .p-multiselect-header .p-checkbox {
  display: inline-flex !important;
  align-items: center !important;
  flex-shrink: 0 !important;
}
.p-multiselect-overlay .p-multiselect-header .p-checkbox .p-checkbox-box,
.p-multiselect-panel .p-multiselect-header .p-checkbox .p-checkbox-box {
  background: var(--bg-background) !important;
  border: 1px solid var(--new-border-color) !important;
  border-radius: 4px !important;
  transition: var(--new-transition) !important;
}
.p-multiselect-overlay .p-multiselect-header .p-checkbox .p-checkbox-box.p-highlight,
.p-multiselect-overlay .p-multiselect-header .p-checkbox .p-checkbox-box[data-p-highlight=true],
.p-multiselect-panel .p-multiselect-header .p-checkbox .p-checkbox-box.p-highlight,
.p-multiselect-panel .p-multiselect-header .p-checkbox .p-checkbox-box[data-p-highlight=true] {
  background: var(--light-text-green) !important;
  border-color: var(--light-text-green) !important;
}
.p-multiselect-overlay .p-multiselect-header .p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon,
.p-multiselect-overlay .p-multiselect-header .p-checkbox .p-checkbox-box.p-highlight svg,
.p-multiselect-overlay .p-multiselect-header .p-checkbox .p-checkbox-box.p-highlight i,
.p-multiselect-overlay .p-multiselect-header .p-checkbox .p-checkbox-box[data-p-highlight=true] .p-checkbox-icon,
.p-multiselect-overlay .p-multiselect-header .p-checkbox .p-checkbox-box[data-p-highlight=true] svg,
.p-multiselect-overlay .p-multiselect-header .p-checkbox .p-checkbox-box[data-p-highlight=true] i,
.p-multiselect-panel .p-multiselect-header .p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon,
.p-multiselect-panel .p-multiselect-header .p-checkbox .p-checkbox-box.p-highlight svg,
.p-multiselect-panel .p-multiselect-header .p-checkbox .p-checkbox-box.p-highlight i,
.p-multiselect-panel .p-multiselect-header .p-checkbox .p-checkbox-box[data-p-highlight=true] .p-checkbox-icon,
.p-multiselect-panel .p-multiselect-header .p-checkbox .p-checkbox-box[data-p-highlight=true] svg,
.p-multiselect-panel .p-multiselect-header .p-checkbox .p-checkbox-box[data-p-highlight=true] i {
  color: #ffffff !important;
  fill: #ffffff !important;
}
.p-multiselect-overlay .p-multiselect-header .p-checkbox .p-checkbox-box:not(.p-highlight):hover,
.p-multiselect-panel .p-multiselect-header .p-checkbox .p-checkbox-box:not(.p-highlight):hover {
  border-color: var(--light-text-green) !important;
}
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container,
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container {
  width: 100% !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container p-iconfield,
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container .p-iconfield,
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container p-iconfield,
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-iconfield {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
}
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter,
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container .p-inputtext,
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter,
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
  width: 100% !important;
  background: var(--new-pdropdown-bg, var(--bg-background)) !important;
  border: 1px solid var(--new-border-color) !important;
  border-radius: var(--new-border-radius, 8px) !important;
  color: var(--new-mainHeading-color) !important;
  font-size: 13px !important;
  font-family: var(--new-bg-font) !important;
  padding: 6px 32px 6px 12px !important;
  height: 32px !important;
  box-sizing: border-box !important;
  transition: var(--new-transition) !important;
}
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter::placeholder,
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container .p-inputtext::placeholder,
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter::placeholder,
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext::placeholder {
  color: var(--new-pera-color) !important;
  opacity: 0.8 !important;
}
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter:hover,
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter:focus,
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container .p-inputtext:hover,
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container .p-inputtext:focus,
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter:hover,
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter:focus,
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext:hover,
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext:focus {
  border-color: var(--light-text-green) !important;
  outline: none !important;
  box-shadow: 0 0 0 1px var(--light-text-green) !important;
}
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container p-inputicon,
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container .p-inputicon,
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon,
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container .pi-search,
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container p-inputicon,
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputicon,
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon,
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .pi-search {
  position: absolute !important;
  right: 10px !important;
  left: auto !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: var(--new-pera-color) !important;
  font-size: 13px !important;
  pointer-events: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  width: 14px !important;
  height: 14px !important;
  z-index: 2 !important;
}
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container p-inputicon svg,
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container p-inputicon i,
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container .p-inputicon svg,
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container .p-inputicon i,
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon svg,
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon i,
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container .pi-search svg,
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container .pi-search i,
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container p-inputicon svg,
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container p-inputicon i,
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputicon svg,
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputicon i,
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon svg,
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon i,
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .pi-search svg,
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .pi-search i {
  color: var(--new-pera-color) !important;
  fill: var(--new-pera-color) !important;
  font-size: 13px !important;
  width: 13px !important;
  height: 13px !important;
  display: block !important;
}
.p-multiselect-overlay .p-multiselect-header .p-multiselect-close,
.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
  color: var(--new-pera-color) !important;
  background: transparent !important;
  border: none !important;
  border-radius: 50% !important;
  width: 28px !important;
  height: 28px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: var(--new-transition) !important;
}
.p-multiselect-overlay .p-multiselect-header .p-multiselect-close:hover,
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
  color: var(--light-text-green) !important;
  background: var(--new-hover-color) !important;
}
.p-multiselect-overlay .p-multiselect-items-wrapper,
.p-multiselect-panel .p-multiselect-items-wrapper {
  background: var(--bg-background) !important;
  background-color: var(--bg-background) !important;
  scrollbar-width: thin !important;
  scrollbar-color: var(--new-border-color) var(--bg-background) !important;
}
.p-multiselect-overlay .p-multiselect-items-wrapper::-webkit-scrollbar,
.p-multiselect-panel .p-multiselect-items-wrapper::-webkit-scrollbar {
  width: 5px !important;
  height: 5px !important;
}
.p-multiselect-overlay .p-multiselect-items-wrapper::-webkit-scrollbar-button,
.p-multiselect-panel .p-multiselect-items-wrapper::-webkit-scrollbar-button {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}
.p-multiselect-overlay .p-multiselect-items-wrapper::-webkit-scrollbar-track,
.p-multiselect-panel .p-multiselect-items-wrapper::-webkit-scrollbar-track {
  box-shadow: inherit !important;
  background: var(--bg-background) !important;
  border-radius: 0px !important;
}
.p-multiselect-overlay .p-multiselect-items-wrapper::-webkit-scrollbar-thumb,
.p-multiselect-panel .p-multiselect-items-wrapper::-webkit-scrollbar-thumb {
  background: var(--new-border-color) !important;
  border-radius: 3px !important;
}
.p-multiselect-overlay .p-multiselect-items-wrapper::-webkit-scrollbar-thumb:hover,
.p-multiselect-panel .p-multiselect-items-wrapper::-webkit-scrollbar-thumb:hover {
  background: var(--new-pera-color) !important;
}
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items,
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items {
  background: var(--bg-background) !important;
  background-color: var(--bg-background) !important;
  padding: 4px !important;
  margin: 0 !important;
  list-style: none !important;
}
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item,
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item {
  background: transparent !important;
  color: var(--new-mainHeading-color) !important;
  border-radius: var(--new-border-radius, 8px) !important;
  padding: 7px 12px !important;
  margin: 2px 0 !important;
  font-family: var(--new-bg-font) !important;
  font-size: 13px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  cursor: pointer !important;
  transition: var(--new-transition) !important;
}
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item .p-multiselect-item-label,
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item span,
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item .p-multiselect-item-label,
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item span {
  color: var(--new-mainHeading-color) !important;
  font-family: var(--new-bg-font) !important;
  font-size: 13px !important;
}
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item .p-checkbox .p-checkbox-box,
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item .p-checkbox .p-checkbox-box {
  background: var(--bg-background) !important;
  border: 1px solid var(--new-border-color) !important;
  border-radius: 4px !important;
  transition: var(--new-transition) !important;
}
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item .p-checkbox .p-checkbox-box.p-highlight,
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item .p-checkbox .p-checkbox-box[data-p-highlight=true],
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item .p-checkbox .p-checkbox-box.p-highlight,
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item .p-checkbox .p-checkbox-box[data-p-highlight=true] {
  background: var(--light-text-green) !important;
  border-color: var(--light-text-green) !important;
}
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item .p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon,
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item .p-checkbox .p-checkbox-box.p-highlight svg,
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item .p-checkbox .p-checkbox-box.p-highlight i,
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item .p-checkbox .p-checkbox-box[data-p-highlight=true] .p-checkbox-icon,
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item .p-checkbox .p-checkbox-box[data-p-highlight=true] svg,
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item .p-checkbox .p-checkbox-box[data-p-highlight=true] i,
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item .p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon,
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item .p-checkbox .p-checkbox-box.p-highlight svg,
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item .p-checkbox .p-checkbox-box.p-highlight i,
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item .p-checkbox .p-checkbox-box[data-p-highlight=true] .p-checkbox-icon,
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item .p-checkbox .p-checkbox-box[data-p-highlight=true] svg,
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item .p-checkbox .p-checkbox-box[data-p-highlight=true] i {
  color: #ffffff !important;
  fill: #ffffff !important;
}
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item .p-checkbox .p-checkbox-box:not(.p-highlight):hover,
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item .p-checkbox .p-checkbox-box:not(.p-highlight):hover {
  border-color: var(--light-text-green) !important;
}
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item:hover,
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item.p-focus,
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item:not(.p-highlight):hover,
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item:hover,
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item.p-focus,
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item:not(.p-highlight):hover {
  background: var(--new-hover-color) !important;
  color: var(--light-text-green) !important;
}
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item:hover .p-multiselect-item-label,
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item:hover span,
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item.p-focus .p-multiselect-item-label,
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item.p-focus span,
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item:not(.p-highlight):hover .p-multiselect-item-label,
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item:not(.p-highlight):hover span,
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item:hover .p-multiselect-item-label,
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item:hover span,
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item.p-focus .p-multiselect-item-label,
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item.p-focus span,
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item:not(.p-highlight):hover .p-multiselect-item-label,
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item:not(.p-highlight):hover span {
  color: var(--light-text-green) !important;
}
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item:hover .p-checkbox .p-checkbox-box:not(.p-highlight),
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item.p-focus .p-checkbox .p-checkbox-box:not(.p-highlight),
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item:not(.p-highlight):hover .p-checkbox .p-checkbox-box:not(.p-highlight),
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item:hover .p-checkbox .p-checkbox-box:not(.p-highlight),
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item.p-focus .p-checkbox .p-checkbox-box:not(.p-highlight),
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item:not(.p-highlight):hover .p-checkbox .p-checkbox-box:not(.p-highlight) {
  border-color: var(--light-text-green) !important;
}
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item.p-highlight,
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item[data-p-highlight=true],
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item.p-highlight,
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item[data-p-highlight=true] {
  background: rgba(107, 134, 45, 0.15) !important;
  color: var(--light-text-green) !important;
  font-weight: 600 !important;
}
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item.p-highlight .p-multiselect-item-label,
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item.p-highlight span,
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item[data-p-highlight=true] .p-multiselect-item-label,
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item[data-p-highlight=true] span,
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item.p-highlight .p-multiselect-item-label,
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item.p-highlight span,
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item[data-p-highlight=true] .p-multiselect-item-label,
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item[data-p-highlight=true] span {
  color: var(--light-text-green) !important;
  font-weight: 600 !important;
}
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item.p-highlight .p-checkbox .p-checkbox-box,
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item[data-p-highlight=true] .p-checkbox .p-checkbox-box,
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item.p-highlight .p-checkbox .p-checkbox-box,
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item[data-p-highlight=true] .p-checkbox .p-checkbox-box {
  background: var(--light-text-green) !important;
  border-color: var(--light-text-green) !important;
}
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item.p-highlight .p-checkbox .p-checkbox-box .p-checkbox-icon,
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item.p-highlight .p-checkbox .p-checkbox-box svg,
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item.p-highlight .p-checkbox .p-checkbox-box i,
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item[data-p-highlight=true] .p-checkbox .p-checkbox-box .p-checkbox-icon,
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item[data-p-highlight=true] .p-checkbox .p-checkbox-box svg,
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item[data-p-highlight=true] .p-checkbox .p-checkbox-box i,
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item.p-highlight .p-checkbox .p-checkbox-box .p-checkbox-icon,
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item.p-highlight .p-checkbox .p-checkbox-box svg,
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item.p-highlight .p-checkbox .p-checkbox-box i,
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item[data-p-highlight=true] .p-checkbox .p-checkbox-box .p-checkbox-icon,
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item[data-p-highlight=true] .p-checkbox .p-checkbox-box svg,
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item[data-p-highlight=true] .p-checkbox .p-checkbox-box i {
  color: #ffffff !important;
  fill: #ffffff !important;
}
.p-multiselect-overlay .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-empty-message,
.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-empty-message {
  color: var(--new-pera-color) !important;
  background: var(--bg-background) !important;
  padding: 12px !important;
  font-size: 13px !important;
  text-align: center !important;
}
.p-multiselect {
  width: 100% !important;
}
.p-autocomplete {
  width: 100% !important;
}
.p-calendar {
  width: 100% !important;
}
p-inputmask.ng-dirty.ng-invalid > .p-inputtext {
  border-color: var(--theme-green);
}
.pading-y-0.p-calendar .p-inputtext {
  padding-top: 0;
  padding-bottom: 0;
}
.form-group .p-password,
.cours-subtitle .p-password {
  width: 100%;
}
.form-group .p-password .p-password-input,
.cours-subtitle .p-password .p-password-input {
  width: 100%;
}
amie-phone {
  display: block;
}
amie-phone ngx-intl-tel-input .iti {
  width: 100%;
}
.form-upload .p-fileupload-row > div {
  width: auto !important;
}
.p-dropdown-panel {
  z-index: 10001 !important;
}
* {
  scrollbar-width: thin;
  scrollbar-color: var(--new-border-color) transparent;
}
html,
body {
  scrollbar-width: thin;
  scrollbar-color: var(--new-border-color) transparent;
}
::-webkit-scrollbar {
  width: 5px !important;
  height: 5px !important;
}
::-webkit-scrollbar-button {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}
::-webkit-scrollbar-track {
  box-shadow: none !important;
  border-radius: 0px !important;
  background: transparent !important;
}
::-webkit-scrollbar-thumb {
  background: var(--new-border-color) !important;
  border-radius: 6px !important;
  transition: background 0.2s ease;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--new-pera-color) !important;
}
::-webkit-scrollbar-corner {
  background: transparent !important;
}

/* node_modules/bootstrap/dist/css/bootstrap.min.css */
/*!
 * Bootstrap v4.6.2 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
  --blue:#007bff;
  --indigo:#6610f2;
  --purple:#6f42c1;
  --pink:#e83e8c;
  --red:#dc3545;
  --orange:#fd7e14;
  --yellow:#ffc107;
  --green:#28a745;
  --teal:#20c997;
  --cyan:#17a2b8;
  --white:#fff;
  --gray:#6c757d;
  --gray-dark:#343a40;
  --primary:#007bff;
  --secondary:#6c757d;
  --success:#28a745;
  --info:#17a2b8;
  --warning:#ffc107;
  --danger:#dc3545;
  --light:#f8f9fa;
  --dark:#343a40;
  --breakpoint-xs:0;
  --breakpoint-sm:576px;
  --breakpoint-md:768px;
  --breakpoint-lg:992px;
  --breakpoint-xl:1200px;
  --font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  --font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
}
*,
::after,
::before {
  box-sizing: border-box;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}
body {
  margin: 0;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    "Noto Sans",
    "Liberation Sans",
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}
[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: .5rem;
}
p {
  margin-top: 0;
  margin-bottom: 1rem;
}
abbr[data-original-title],
abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}
address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}
dl,
ol,
ul {
  margin-top: 0;
  margin-bottom: 1rem;
}
ol ol,
ol ul,
ul ol,
ul ul {
  margin-bottom: 0;
}
dt {
  font-weight: 700;
}
dd {
  margin-bottom: .5rem;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1rem;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -.25em;
}
sup {
  top: -.5em;
}
a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
}
a:hover {
  color: #0056b3;
  text-decoration: underline;
}
a:not([href]):not([class]) {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}
code,
kbd,
pre,
samp {
  font-family:
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    "Liberation Mono",
    "Courier New",
    monospace;
  font-size: 1em;
}
pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}
figure {
  margin: 0 0 1rem;
}
img {
  vertical-align: middle;
  border-style: none;
}
svg {
  overflow: hidden;
  vertical-align: middle;
}
table {
  border-collapse: collapse;
}
caption {
  padding-top: .75rem;
  padding-bottom: .75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}
th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}
label {
  display: inline-block;
  margin-bottom: .5rem;
}
button {
  border-radius: 0;
}
button:focus:not(:focus-visible) {
  outline: 0;
}
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
[role=button] {
  cursor: pointer;
}
select {
  word-wrap: normal;
}
[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance: button;
}
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
  cursor: pointer;
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}
textarea {
  overflow: auto;
  resize: vertical;
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
[type=search] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
summary {
  display: list-item;
  cursor: pointer;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: .5rem;
  font-weight: 500;
  line-height: 1.2;
}
.h1,
h1 {
  font-size: 2.5rem;
}
.h2,
h2 {
  font-size: 2rem;
}
.h3,
h3 {
  font-size: 1.75rem;
}
.h4,
h4 {
  font-size: 1.5rem;
}
.h5,
h5 {
  font-size: 1.25rem;
}
.h6,
h6 {
  font-size: 1rem;
}
.lead {
  font-size: 1.25rem;
  font-weight: 300;
}
.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2;
}
.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2;
}
.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2;
}
.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2;
}
hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, .1);
}
.small,
small {
  font-size: .875em;
  font-weight: 400;
}
.mark,
mark {
  padding: .2em;
  background-color: #fcf8e3;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
}
.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: .5rem;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
.blockquote-footer {
  display: block;
  font-size: .875em;
  color: #6c757d;
}
.blockquote-footer::before {
  content: "\2014\a0";
}
.img-fluid {
  max-width: 100%;
  height: auto;
}
.img-thumbnail {
  padding: .25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: .25rem;
  max-width: 100%;
  height: auto;
}
.figure {
  display: inline-block;
}
.figure-img {
  margin-bottom: .5rem;
  line-height: 1;
}
.figure-caption {
  font-size: 90%;
  color: #6c757d;
}
code {
  font-size: 87.5%;
  color: #e83e8c;
  word-wrap: break-word;
}
a > code {
  color: inherit;
}
kbd {
  padding: .2rem .4rem;
  font-size: 87.5%;
  color: #fff;
  background-color: #212529;
  border-radius: .2rem;
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
}
pre {
  display: block;
  font-size: 87.5%;
  color: #212529;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container,
  .container-sm {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container,
  .container-md,
  .container-sm {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1140px;
  }
}
.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}
.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.row-cols-1 > * {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.row-cols-2 > * {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.row-cols-3 > * {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.row-cols-4 > * {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
.row-cols-5 > * {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}
.row-cols-6 > * {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}
.col-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.col-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}
.col-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}
.col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
.col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}
.col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.col-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}
.col-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}
.col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}
.col-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}
.col-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}
.col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.order-first {
  -ms-flex-order: -1;
  order: -1;
}
.order-last {
  -ms-flex-order: 13;
  order: 13;
}
.order-0 {
  -ms-flex-order: 0;
  order: 0;
}
.order-1 {
  -ms-flex-order: 1;
  order: 1;
}
.order-2 {
  -ms-flex-order: 2;
  order: 2;
}
.order-3 {
  -ms-flex-order: 3;
  order: 3;
}
.order-4 {
  -ms-flex-order: 4;
  order: 4;
}
.order-5 {
  -ms-flex-order: 5;
  order: 5;
}
.order-6 {
  -ms-flex-order: 6;
  order: 6;
}
.order-7 {
  -ms-flex-order: 7;
  order: 7;
}
.order-8 {
  -ms-flex-order: 8;
  order: 8;
}
.order-9 {
  -ms-flex-order: 9;
  order: 9;
}
.order-10 {
  -ms-flex-order: 10;
  order: 10;
}
.order-11 {
  -ms-flex-order: 11;
  order: 11;
}
.order-12 {
  -ms-flex-order: 12;
  order: 12;
}
.offset-1 {
  margin-left: 8.333333%;
}
.offset-2 {
  margin-left: 16.666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.333333%;
}
.offset-5 {
  margin-left: 41.666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.333333%;
}
.offset-8 {
  margin-left: 66.666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.333333%;
}
.offset-11 {
  margin-left: 91.666667%;
}
@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-sm-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-sm-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-sm-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-sm-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-sm-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-sm-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-sm-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-sm-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-sm-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-sm-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-sm-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-sm-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-sm-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-sm-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-sm-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-sm-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-sm-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-sm-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-sm-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-sm-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.333333%;
  }
  .offset-sm-2 {
    margin-left: 16.666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.333333%;
  }
  .offset-sm-5 {
    margin-left: 41.666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.333333%;
  }
  .offset-sm-8 {
    margin-left: 66.666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.333333%;
  }
  .offset-sm-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-md-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-md-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-md-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-md-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-md-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-md-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-md-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-md-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-md-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-md-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-md-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-md-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-md-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-md-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-md-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-md-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-md-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-md-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-md-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-md-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.333333%;
  }
  .offset-md-2 {
    margin-left: 16.666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.333333%;
  }
  .offset-md-5 {
    margin-left: 41.666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.333333%;
  }
  .offset-md-8 {
    margin-left: 66.666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.333333%;
  }
  .offset-md-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-lg-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-lg-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-lg-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-lg-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-lg-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-lg-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-lg-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-lg-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-lg-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-lg-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-lg-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-lg-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-lg-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-lg-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-lg-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-lg-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-lg-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-lg-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-lg-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-lg-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.333333%;
  }
  .offset-lg-2 {
    margin-left: 16.666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.333333%;
  }
  .offset-lg-5 {
    margin-left: 41.666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.333333%;
  }
  .offset-lg-8 {
    margin-left: 66.666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.333333%;
  }
  .offset-lg-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-xl-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-xl-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-xl-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-xl-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-xl-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-xl-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-xl-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-xl-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-xl-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-xl-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-xl-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-xl-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-xl-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-xl-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-xl-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-xl-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-xl-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-xl-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-xl-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-xl-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.333333%;
  }
  .offset-xl-2 {
    margin-left: 16.666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.333333%;
  }
  .offset-xl-5 {
    margin-left: 41.666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.333333%;
  }
  .offset-xl-8 {
    margin-left: 66.666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.333333%;
  }
  .offset-xl-11 {
    margin-left: 91.666667%;
  }
}
.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
}
.table td,
.table th {
  padding: .75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}
.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}
.table tbody + tbody {
  border-top: 2px solid #dee2e6;
}
.table-sm td,
.table-sm th {
  padding: .3rem;
}
.table-bordered {
  border: 1px solid #dee2e6;
}
.table-bordered td,
.table-bordered th {
  border: 1px solid #dee2e6;
}
.table-bordered thead td,
.table-bordered thead th {
  border-bottom-width: 2px;
}
.table-borderless tbody + tbody,
.table-borderless td,
.table-borderless th,
.table-borderless thead th {
  border: 0;
}
.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, .05);
}
.table-hover tbody tr:hover {
  color: #212529;
  background-color: rgba(0, 0, 0, .075);
}
.table-primary,
.table-primary > td,
.table-primary > th {
  background-color: #b8daff;
}
.table-primary tbody + tbody,
.table-primary td,
.table-primary th,
.table-primary thead th {
  border-color: #7abaff;
}
.table-hover .table-primary:hover {
  background-color: #9fcdff;
}
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #9fcdff;
}
.table-secondary,
.table-secondary > td,
.table-secondary > th {
  background-color: #d6d8db;
}
.table-secondary tbody + tbody,
.table-secondary td,
.table-secondary th,
.table-secondary thead th {
  border-color: #b3b7bb;
}
.table-hover .table-secondary:hover {
  background-color: #c8cbcf;
}
.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: #c8cbcf;
}
.table-success,
.table-success > td,
.table-success > th {
  background-color: #c3e6cb;
}
.table-success tbody + tbody,
.table-success td,
.table-success th,
.table-success thead th {
  border-color: #8fd19e;
}
.table-hover .table-success:hover {
  background-color: #b1dfbb;
}
.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: #b1dfbb;
}
.table-info,
.table-info > td,
.table-info > th {
  background-color: #bee5eb;
}
.table-info tbody + tbody,
.table-info td,
.table-info th,
.table-info thead th {
  border-color: #86cfda;
}
.table-hover .table-info:hover {
  background-color: #abdde5;
}
.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: #abdde5;
}
.table-warning,
.table-warning > td,
.table-warning > th {
  background-color: #ffeeba;
}
.table-warning tbody + tbody,
.table-warning td,
.table-warning th,
.table-warning thead th {
  border-color: #ffdf7e;
}
.table-hover .table-warning:hover {
  background-color: #ffe8a1;
}
.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #ffe8a1;
}
.table-danger,
.table-danger > td,
.table-danger > th {
  background-color: #f5c6cb;
}
.table-danger tbody + tbody,
.table-danger td,
.table-danger th,
.table-danger thead th {
  border-color: #ed969e;
}
.table-hover .table-danger:hover {
  background-color: #f1b0b7;
}
.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: #f1b0b7;
}
.table-light,
.table-light > td,
.table-light > th {
  background-color: #fdfdfe;
}
.table-light tbody + tbody,
.table-light td,
.table-light th,
.table-light thead th {
  border-color: #fbfcfc;
}
.table-hover .table-light:hover {
  background-color: #ececf6;
}
.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: #ececf6;
}
.table-dark,
.table-dark > td,
.table-dark > th {
  background-color: #c6c8ca;
}
.table-dark tbody + tbody,
.table-dark td,
.table-dark th,
.table-dark thead th {
  border-color: #95999c;
}
.table-hover .table-dark:hover {
  background-color: #b9bbbe;
}
.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: #b9bbbe;
}
.table-active,
.table-active > td,
.table-active > th {
  background-color: rgba(0, 0, 0, .075);
}
.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, .075);
}
.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, .075);
}
.table .thead-dark th {
  color: #fff;
  background-color: #343a40;
  border-color: #454d55;
}
.table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6;
}
.table-dark {
  color: #fff;
  background-color: #343a40;
}
.table-dark td,
.table-dark th,
.table-dark thead th {
  border-color: #454d55;
}
.table-dark.table-bordered {
  border: 0;
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, .05);
}
.table-dark.table-hover tbody tr:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, .075);
}
@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-sm > .table-bordered {
    border: 0;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-md > .table-bordered {
    border: 0;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-lg > .table-bordered {
    border: 0;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-xl > .table-bordered {
    border: 0;
  }
}
.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.table-responsive > .table-bordered {
  border: 0;
}
.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + .75rem + 2px);
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
}
.form-control::-webkit-input-placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control::-moz-placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control::-ms-input-placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control:disabled,
.form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}
input[type=date].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control,
input[type=time].form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
select.form-control:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057;
}
select.form-control:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}
.form-control-file,
.form-control-range {
  display: block;
  width: 100%;
}
.col-form-label {
  padding-top: calc(.375rem + 1px);
  padding-bottom: calc(.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}
.col-form-label-lg {
  padding-top: calc(.5rem + 1px);
  padding-bottom: calc(.5rem + 1px);
  font-size: 1.25rem;
  line-height: 1.5;
}
.col-form-label-sm {
  padding-top: calc(.25rem + 1px);
  padding-bottom: calc(.25rem + 1px);
  font-size: .875rem;
  line-height: 1.5;
}
.form-control-plaintext {
  display: block;
  width: 100%;
  padding: .375rem 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}
.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
  padding-right: 0;
  padding-left: 0;
}
.form-control-sm {
  height: calc(1.5em + .5rem + 2px);
  padding: .25rem .5rem;
  font-size: .875rem;
  line-height: 1.5;
  border-radius: .2rem;
}
.form-control-lg {
  height: calc(1.5em + 1rem + 2px);
  padding: .5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: .3rem;
}
select.form-control[multiple],
select.form-control[size] {
  height: auto;
}
textarea.form-control {
  height: auto;
}
.form-group {
  margin-bottom: 1rem;
}
.form-text {
  display: block;
  margin-top: .25rem;
}
.form-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}
.form-row > .col,
.form-row > [class*=col-] {
  padding-right: 5px;
  padding-left: 5px;
}
.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem;
}
.form-check-input {
  position: absolute;
  margin-top: .3rem;
  margin-left: -1.25rem;
}
.form-check-input:disabled ~ .form-check-label,
.form-check-input[disabled] ~ .form-check-label {
  color: #6c757d;
}
.form-check-label {
  margin-bottom: 0;
}
.form-check-inline {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 0;
  margin-right: .75rem;
}
.form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: .3125rem;
  margin-left: 0;
}
.valid-feedback {
  display: none;
  width: 100%;
  margin-top: .25rem;
  font-size: .875em;
  color: #28a745;
}
.valid-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: .25rem .5rem;
  margin-top: .1rem;
  font-size: .875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(40, 167, 69, .9);
  border-radius: .25rem;
}
.form-row > .col > .valid-tooltip,
.form-row > [class*=col-] > .valid-tooltip {
  left: 5px;
}
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip,
.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip {
  display: block;
}
.form-control.is-valid,
.was-validated .form-control:valid {
  border-color: #28a745;
  padding-right: calc(1.5em + .75rem) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(.375em + .1875rem) center;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}
.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25);
}
.was-validated select.form-control:valid,
select.form-control.is-valid {
  padding-right: 3rem !important;
  background-position: right 1.5rem center;
}
.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
  padding-right: calc(1.5em + .75rem);
  background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem);
}
.custom-select.is-valid,
.was-validated .custom-select:valid {
  border-color: #28a745;
  padding-right: calc(.75em + 2.3125rem) !important;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat;
}
.custom-select.is-valid:focus,
.was-validated .custom-select:valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25);
}
.form-check-input.is-valid ~ .form-check-label,
.was-validated .form-check-input:valid ~ .form-check-label {
  color: #28a745;
}
.form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip,
.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip {
  display: block;
}
.custom-control-input.is-valid ~ .custom-control-label,
.was-validated .custom-control-input:valid ~ .custom-control-label {
  color: #28a745;
}
.custom-control-input.is-valid ~ .custom-control-label::before,
.was-validated .custom-control-input:valid ~ .custom-control-label::before {
  border-color: #28a745;
}
.custom-control-input.is-valid:checked ~ .custom-control-label::before,
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before {
  border-color: #34ce57;
  background-color: #34ce57;
}
.custom-control-input.is-valid:focus ~ .custom-control-label::before,
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25);
}
.custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before,
.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #28a745;
}
.custom-file-input.is-valid ~ .custom-file-label,
.was-validated .custom-file-input:valid ~ .custom-file-label {
  border-color: #28a745;
}
.custom-file-input.is-valid:focus ~ .custom-file-label,
.was-validated .custom-file-input:valid:focus ~ .custom-file-label {
  border-color: #28a745;
  box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25);
}
.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: .25rem;
  font-size: .875em;
  color: #dc3545;
}
.invalid-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: .25rem .5rem;
  margin-top: .1rem;
  font-size: .875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(220, 53, 69, .9);
  border-radius: .25rem;
}
.form-row > .col > .invalid-tooltip,
.form-row > [class*=col-] > .invalid-tooltip {
  left: 5px;
}
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip,
.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip {
  display: block;
}
.form-control.is-invalid,
.was-validated .form-control:invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + .75rem) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(.375em + .1875rem) center;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}
.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25);
}
.was-validated select.form-control:invalid,
select.form-control.is-invalid {
  padding-right: 3rem !important;
  background-position: right 1.5rem center;
}
.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
  padding-right: calc(1.5em + .75rem);
  background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem);
}
.custom-select.is-invalid,
.was-validated .custom-select:invalid {
  border-color: #dc3545;
  padding-right: calc(.75em + 2.3125rem) !important;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat;
}
.custom-select.is-invalid:focus,
.was-validated .custom-select:invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25);
}
.form-check-input.is-invalid ~ .form-check-label,
.was-validated .form-check-input:invalid ~ .form-check-label {
  color: #dc3545;
}
.form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip,
.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip {
  display: block;
}
.custom-control-input.is-invalid ~ .custom-control-label,
.was-validated .custom-control-input:invalid ~ .custom-control-label {
  color: #dc3545;
}
.custom-control-input.is-invalid ~ .custom-control-label::before,
.was-validated .custom-control-input:invalid ~ .custom-control-label::before {
  border-color: #dc3545;
}
.custom-control-input.is-invalid:checked ~ .custom-control-label::before,
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before {
  border-color: #e4606d;
  background-color: #e4606d;
}
.custom-control-input.is-invalid:focus ~ .custom-control-label::before,
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25);
}
.custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before,
.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #dc3545;
}
.custom-file-input.is-invalid ~ .custom-file-label,
.was-validated .custom-file-input:invalid ~ .custom-file-label {
  border-color: #dc3545;
}
.custom-file-input.is-invalid:focus ~ .custom-file-label,
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label {
  border-color: #dc3545;
  box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25);
}
.form-inline {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-align: center;
  align-items: center;
}
.form-inline .form-check {
  width: 100%;
}
@media (min-width: 576px) {
  .form-inline label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 0;
  }
  .form-inline .form-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-plaintext {
    display: inline-block;
  }
  .form-inline .custom-select,
  .form-inline .input-group {
    width: auto;
  }
  .form-inline .form-check {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: auto;
    padding-left: 0;
  }
  .form-inline .form-check-input {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: .25rem;
    margin-left: 0;
  }
  .form-inline .custom-control {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .form-inline .custom-control-label {
    margin-bottom: 0;
  }
}
.btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: .25rem;
  transition:
    color .15s ease-in-out,
    background-color .15s ease-in-out,
    border-color .15s ease-in-out,
    box-shadow .15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: #212529;
  text-decoration: none;
}
.btn.focus,
.btn:focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
}
.btn.disabled,
.btn:disabled {
  opacity: .65;
}
.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}
a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}
.btn-primary {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.btn-primary:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}
.btn-primary.focus,
.btn-primary:focus {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
  box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5);
}
.btn-primary.disabled,
.btn-primary:disabled {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0062cc;
  border-color: #005cbf;
}
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5);
}
.btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-secondary:hover {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
}
.btn-secondary.focus,
.btn-secondary:focus {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
  box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5);
}
.btn-secondary.disabled,
.btn-secondary:disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #545b62;
  border-color: #4e555b;
}
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5);
}
.btn-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-success:hover {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
}
.btn-success.focus,
.btn-success:focus {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
  box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5);
}
.btn-success.disabled,
.btn-success:disabled {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #1e7e34;
  border-color: #1c7430;
}
.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5);
}
.btn-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-info:hover {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
}
.btn-info.focus,
.btn-info:focus {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
  box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5);
}
.btn-info.disabled,
.btn-info:disabled {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #117a8b;
  border-color: #10707f;
}
.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active:focus,
.show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5);
}
.btn-warning {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-warning:hover {
  color: #212529;
  background-color: #e0a800;
  border-color: #d39e00;
}
.btn-warning.focus,
.btn-warning:focus {
  color: #212529;
  background-color: #e0a800;
  border-color: #d39e00;
  box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5);
}
.btn-warning.disabled,
.btn-warning:disabled {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show > .btn-warning.dropdown-toggle {
  color: #212529;
  background-color: #d39e00;
  border-color: #c69500;
}
.btn-warning:not(:disabled):not(.disabled).active:focus,
.btn-warning:not(:disabled):not(.disabled):active:focus,
.show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5);
}
.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-danger:hover {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
}
.btn-danger.focus,
.btn-danger:focus {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
  box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5);
}
.btn-danger.disabled,
.btn-danger:disabled {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #bd2130;
  border-color: #b21f2d;
}
.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5);
}
.btn-light {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-light:hover {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
}
.btn-light.focus,
.btn-light:focus {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
  box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5);
}
.btn-light.disabled,
.btn-light:disabled {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show > .btn-light.dropdown-toggle {
  color: #212529;
  background-color: #dae0e5;
  border-color: #d3d9df;
}
.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus,
.show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5);
}
.btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-dark:hover {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
}
.btn-dark.focus,
.btn-dark:focus {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
  box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5);
}
.btn-dark.disabled,
.btn-dark:disabled {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #1d2124;
  border-color: #171a1d;
}
.btn-dark:not(:disabled):not(.disabled).active:focus,
.btn-dark:not(:disabled):not(.disabled):active:focus,
.show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5);
}
.btn-outline-primary {
  color: #007bff;
  border-color: #007bff;
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.btn-outline-primary.focus,
.btn-outline-primary:focus {
  box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5);
}
.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
  color: #007bff;
  background-color: transparent;
}
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5);
}
.btn-outline-secondary {
  color: #6c757d;
  border-color: #6c757d;
}
.btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-outline-secondary.focus,
.btn-outline-secondary:focus {
  box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5);
}
.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
  color: #6c757d;
  background-color: transparent;
}
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5);
}
.btn-outline-success {
  color: #28a745;
  border-color: #28a745;
}
.btn-outline-success:hover {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-outline-success.focus,
.btn-outline-success:focus {
  box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5);
}
.btn-outline-success.disabled,
.btn-outline-success:disabled {
  color: #28a745;
  background-color: transparent;
}
.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active,
.show > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5);
}
.btn-outline-info {
  color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline-info:hover {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline-info.focus,
.btn-outline-info:focus {
  box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5);
}
.btn-outline-info.disabled,
.btn-outline-info:disabled {
  color: #17a2b8;
  background-color: transparent;
}
.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active,
.show > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5);
}
.btn-outline-warning {
  color: #ffc107;
  border-color: #ffc107;
}
.btn-outline-warning:hover {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-outline-warning.focus,
.btn-outline-warning:focus {
  box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5);
}
.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
  color: #ffc107;
  background-color: transparent;
}
.btn-outline-warning:not(:disabled):not(.disabled).active,
.btn-outline-warning:not(:disabled):not(.disabled):active,
.show > .btn-outline-warning.dropdown-toggle {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5);
}
.btn-outline-danger {
  color: #dc3545;
  border-color: #dc3545;
}
.btn-outline-danger:hover {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-outline-danger.focus,
.btn-outline-danger:focus {
  box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5);
}
.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
  color: #dc3545;
  background-color: transparent;
}
.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.show > .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5);
}
.btn-outline-light {
  color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:hover {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light.focus,
.btn-outline-light:focus {
  box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5);
}
.btn-outline-light.disabled,
.btn-outline-light:disabled {
  color: #f8f9fa;
  background-color: transparent;
}
.btn-outline-light:not(:disabled):not(.disabled).active,
.btn-outline-light:not(:disabled):not(.disabled):active,
.show > .btn-outline-light.dropdown-toggle {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5);
}
.btn-outline-dark {
  color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark:hover {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark.focus,
.btn-outline-dark:focus {
  box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5);
}
.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
  color: #343a40;
  background-color: transparent;
}
.btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active,
.show > .btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5);
}
.btn-link {
  font-weight: 400;
  color: #007bff;
  text-decoration: none;
}
.btn-link:hover {
  color: #0056b3;
  text-decoration: underline;
}
.btn-link.focus,
.btn-link:focus {
  text-decoration: underline;
}
.btn-link.disabled,
.btn-link:disabled {
  color: #6c757d;
  pointer-events: none;
}
.btn-group-lg > .btn,
.btn-lg {
  padding: .5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: .3rem;
}
.btn-group-sm > .btn,
.btn-sm {
  padding: .25rem .5rem;
  font-size: .875rem;
  line-height: 1.5;
  border-radius: .2rem;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: .5rem;
}
input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
  width: 100%;
}
.fade {
  transition: opacity .15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}
.collapse:not(.show) {
  display: none;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height .35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.collapsing.width {
  width: 0;
  height: auto;
  transition: width .35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing.width {
    transition: none;
  }
}
.dropdown,
.dropleft,
.dropright,
.dropup {
  position: relative;
}
.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: .5rem 0;
  margin: .125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: .25rem;
}
.dropdown-menu-left {
  right: auto;
  left: 0;
}
.dropdown-menu-right {
  right: 0;
  left: auto;
}
@media (min-width: 576px) {
  .dropdown-menu-sm-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-right {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: .125rem;
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: 0;
  border-right: .3em solid transparent;
  border-bottom: .3em solid;
  border-left: .3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: .125rem;
}
.dropright .dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid transparent;
  border-right: 0;
  border-bottom: .3em solid transparent;
  border-left: .3em solid;
}
.dropright .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropright .dropdown-toggle::after {
  vertical-align: 0;
}
.dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: .125rem;
}
.dropleft .dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
}
.dropleft .dropdown-toggle::after {
  display: none;
}
.dropleft .dropdown-toggle::before {
  display: inline-block;
  margin-right: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid transparent;
  border-right: .3em solid;
  border-bottom: .3em solid transparent;
}
.dropleft .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropleft .dropdown-toggle::before {
  vertical-align: 0;
}
.dropdown-menu[x-placement^=bottom],
.dropdown-menu[x-placement^=left],
.dropdown-menu[x-placement^=right],
.dropdown-menu[x-placement^=top] {
  right: auto;
  bottom: auto;
}
.dropdown-divider {
  height: 0;
  margin: .5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef;
}
.dropdown-item {
  display: block;
  width: 100%;
  padding: .25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:focus,
.dropdown-item:hover {
  color: #16181b;
  text-decoration: none;
  background-color: #e9ecef;
}
.dropdown-item.active,
.dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #007bff;
}
.dropdown-item.disabled,
.dropdown-item:disabled {
  color: #adb5bd;
  pointer-events: none;
  background-color: transparent;
}
.dropdown-menu.show {
  display: block;
}
.dropdown-header {
  display: block;
  padding: .5rem 1.5rem;
  margin-bottom: 0;
  font-size: .875rem;
  color: #6c757d;
  white-space: nowrap;
}
.dropdown-item-text {
  display: block;
  padding: .25rem 1.5rem;
  color: #212529;
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group-vertical > .btn,
.btn-group > .btn {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.btn-group-vertical > .btn:hover,
.btn-group > .btn:hover {
  z-index: 1;
}
.btn-group-vertical > .btn.active,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn:focus,
.btn-group > .btn.active,
.btn-group > .btn:active,
.btn-group > .btn:focus {
  z-index: 1;
}
.btn-toolbar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}
.btn-group > .btn-group:not(:first-child),
.btn-group > .btn:not(:first-child) {
  margin-left: -1px;
}
.btn-group > .btn-group:not(:last-child) > .btn,
.btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn-group:not(:first-child) > .btn,
.btn-group > .btn:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.dropdown-toggle-split {
  padding-right: .5625rem;
  padding-left: .5625rem;
}
.dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after {
  margin-left: 0;
}
.dropleft .dropdown-toggle-split::before {
  margin-right: 0;
}
.btn-group-sm > .btn + .dropdown-toggle-split,
.btn-sm + .dropdown-toggle-split {
  padding-right: .375rem;
  padding-left: .375rem;
}
.btn-group-lg > .btn + .dropdown-toggle-split,
.btn-lg + .dropdown-toggle-split {
  padding-right: .75rem;
  padding-left: .75rem;
}
.btn-group-vertical {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: center;
  justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn-group:not(:first-child),
.btn-group-vertical > .btn:not(:first-child) {
  margin-top: -1px;
}
.btn-group-vertical > .btn-group:not(:last-child) > .btn,
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:not(:first-child) > .btn,
.btn-group-vertical > .btn:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
  margin-bottom: 0;
}
.btn-group-toggle > .btn input[type=checkbox],
.btn-group-toggle > .btn input[type=radio],
.btn-group-toggle > .btn-group > .btn input[type=checkbox],
.btn-group-toggle > .btn-group > .btn input[type=radio] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.input-group {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
}
.input-group > .custom-file,
.input-group > .custom-select,
.input-group > .form-control,
.input-group > .form-control-plaintext {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
  margin-bottom: 0;
}
.input-group > .custom-file + .custom-file,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .form-control,
.input-group > .custom-select + .custom-file,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .form-control,
.input-group > .form-control + .custom-file,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .form-control,
.input-group > .form-control-plaintext + .custom-file,
.input-group > .form-control-plaintext + .custom-select,
.input-group > .form-control-plaintext + .form-control {
  margin-left: -1px;
}
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label,
.input-group > .custom-select:focus,
.input-group > .form-control:focus {
  z-index: 3;
}
.input-group > .custom-file .custom-file-input:focus {
  z-index: 4;
}
.input-group > .custom-select:not(:first-child),
.input-group > .form-control:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .custom-file {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.input-group > .custom-file:not(:last-child) .custom-file-label,
.input-group > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .custom-file:not(:first-child) .custom-file-label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label,
.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after,
.input-group:not(.has-validation) > .custom-select:not(:last-child),
.input-group:not(.has-validation) > .form-control:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label,
.input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label::after,
.input-group.has-validation > .custom-select:nth-last-child(n+3),
.input-group.has-validation > .form-control:nth-last-child(n+3) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group-append,
.input-group-prepend {
  display: -ms-flexbox;
  display: flex;
}
.input-group-append .btn,
.input-group-prepend .btn {
  position: relative;
  z-index: 2;
}
.input-group-append .btn:focus,
.input-group-prepend .btn:focus {
  z-index: 3;
}
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .btn,
.input-group-append .input-group-text + .input-group-text,
.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-prepend .input-group-text + .input-group-text {
  margin-left: -1px;
}
.input-group-prepend {
  margin-right: -1px;
}
.input-group-append {
  margin-left: -1px;
}
.input-group-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: .375rem .75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: .25rem;
}
.input-group-text input[type=checkbox],
.input-group-text input[type=radio] {
  margin-top: 0;
}
.input-group-lg > .custom-select,
.input-group-lg > .form-control:not(textarea) {
  height: calc(1.5em + 1rem + 2px);
}
.input-group-lg > .custom-select,
.input-group-lg > .form-control,
.input-group-lg > .input-group-append > .btn,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-prepend > .input-group-text {
  padding: .5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: .3rem;
}
.input-group-sm > .custom-select,
.input-group-sm > .form-control:not(textarea) {
  height: calc(1.5em + .5rem + 2px);
}
.input-group-sm > .custom-select,
.input-group-sm > .form-control,
.input-group-sm > .input-group-append > .btn,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-prepend > .input-group-text {
  padding: .25rem .5rem;
  font-size: .875rem;
  line-height: 1.5;
  border-radius: .2rem;
}
.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
  padding-right: 1.75rem;
}
.input-group.has-validation > .input-group-append:nth-last-child(n+3) > .btn,
.input-group.has-validation > .input-group-append:nth-last-child(n+3) > .input-group-text,
.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn,
.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child),
.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child),
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.custom-control {
  position: relative;
  z-index: 1;
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5rem;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
  print-color-adjust: exact;
}
.custom-control-inline {
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 1rem;
}
.custom-control-input {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 1rem;
  height: 1.25rem;
  opacity: 0;
}
.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #007bff;
  background-color: #007bff;
}
.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #80bdff;
}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  color: #fff;
  background-color: #b3d7ff;
  border-color: #b3d7ff;
}
.custom-control-input:disabled ~ .custom-control-label,
.custom-control-input[disabled] ~ .custom-control-label {
  color: #6c757d;
}
.custom-control-input:disabled ~ .custom-control-label::before,
.custom-control-input[disabled] ~ .custom-control-label::before {
  background-color: #e9ecef;
}
.custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top;
}
.custom-control-label::before {
  position: absolute;
  top: .25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  background-color: #fff;
  border: 1px solid #adb5bd;
}
.custom-control-label::after {
  position: absolute;
  top: .25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background: 50%/50% 50% no-repeat;
}
.custom-checkbox .custom-control-label::before {
  border-radius: .25rem;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #007bff;
  background-color: #007bff;
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, .5);
}
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, .5);
}
.custom-radio .custom-control-label::before {
  border-radius: 50%;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, .5);
}
.custom-switch {
  padding-left: 2.25rem;
}
.custom-switch .custom-control-label::before {
  left: -2.25rem;
  width: 1.75rem;
  pointer-events: all;
  border-radius: .5rem;
}
.custom-switch .custom-control-label::after {
  top: calc(.25rem + 2px);
  left: calc(-2.25rem + 2px);
  width: calc(1rem - 4px);
  height: calc(1rem - 4px);
  background-color: #adb5bd;
  border-radius: .5rem;
  transition:
    background-color .15s ease-in-out,
    border-color .15s ease-in-out,
    box-shadow .15s ease-in-out,
    -webkit-transform .15s ease-in-out;
  transition:
    transform .15s ease-in-out,
    background-color .15s ease-in-out,
    border-color .15s ease-in-out,
    box-shadow .15s ease-in-out;
  transition:
    transform .15s ease-in-out,
    background-color .15s ease-in-out,
    border-color .15s ease-in-out,
    box-shadow .15s ease-in-out,
    -webkit-transform .15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .custom-switch .custom-control-label::after {
    transition: none;
  }
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #fff;
  -webkit-transform: translateX(.75rem);
  transform: translateX(.75rem);
}
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, .5);
}
.custom-select {
  display: inline-block;
  width: 100%;
  height: calc(1.5em + .75rem + 2px);
  padding: .375rem 1.75rem .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  vertical-align: middle;
  background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.custom-select:focus {
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
}
.custom-select:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}
.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
  height: auto;
  padding-right: .75rem;
  background-image: none;
}
.custom-select:disabled {
  color: #6c757d;
  background-color: #e9ecef;
}
.custom-select::-ms-expand {
  display: none;
}
.custom-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057;
}
.custom-select-sm {
  height: calc(1.5em + .5rem + 2px);
  padding-top: .25rem;
  padding-bottom: .25rem;
  padding-left: .5rem;
  font-size: .875rem;
}
.custom-select-lg {
  height: calc(1.5em + 1rem + 2px);
  padding-top: .5rem;
  padding-bottom: .5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
}
.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(1.5em + .75rem + 2px);
  margin-bottom: 0;
}
.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(1.5em + .75rem + 2px);
  margin: 0;
  overflow: hidden;
  opacity: 0;
}
.custom-file-input:focus ~ .custom-file-label {
  border-color: #80bdff;
  box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
}
.custom-file-input:disabled ~ .custom-file-label,
.custom-file-input[disabled] ~ .custom-file-label {
  background-color: #e9ecef;
}
.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "Browse";
}
.custom-file-input ~ .custom-file-label[data-browse]::after {
  content: attr(data-browse);
}
.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(1.5em + .75rem + 2px);
  padding: .375rem .75rem;
  overflow: hidden;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: .25rem;
}
.custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(1.5em + .75rem);
  padding: .375rem .75rem;
  line-height: 1.5;
  color: #495057;
  content: "Browse";
  background-color: #e9ecef;
  border-left: inherit;
  border-radius: 0 .25rem .25rem 0;
}
.custom-range {
  width: 100%;
  height: 1.4rem;
  padding: 0;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.custom-range:focus {
  outline: 0;
}
.custom-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25);
}
.custom-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25);
}
.custom-range:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25);
}
.custom-range::-moz-focus-outer {
  border: 0;
}
.custom-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -.25rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  -webkit-transition:
    background-color .15s ease-in-out,
    border-color .15s ease-in-out,
    box-shadow .15s ease-in-out;
  transition:
    background-color .15s ease-in-out,
    border-color .15s ease-in-out,
    box-shadow .15s ease-in-out;
  -webkit-appearance: none;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none;
  }
}
.custom-range::-webkit-slider-thumb:active {
  background-color: #b3d7ff;
}
.custom-range::-webkit-slider-runnable-track {
  width: 100%;
  height: .5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.custom-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  -moz-transition:
    background-color .15s ease-in-out,
    border-color .15s ease-in-out,
    box-shadow .15s ease-in-out;
  transition:
    background-color .15s ease-in-out,
    border-color .15s ease-in-out,
    box-shadow .15s ease-in-out;
  -moz-appearance: none;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-moz-range-thumb {
    -moz-transition: none;
    transition: none;
  }
}
.custom-range::-moz-range-thumb:active {
  background-color: #b3d7ff;
}
.custom-range::-moz-range-track {
  width: 100%;
  height: .5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.custom-range::-ms-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: 0;
  margin-right: .2rem;
  margin-left: .2rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  -ms-transition:
    background-color .15s ease-in-out,
    border-color .15s ease-in-out,
    box-shadow .15s ease-in-out;
  transition:
    background-color .15s ease-in-out,
    border-color .15s ease-in-out,
    box-shadow .15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-ms-thumb {
    -ms-transition: none;
    transition: none;
  }
}
.custom-range::-ms-thumb:active {
  background-color: #b3d7ff;
}
.custom-range::-ms-track {
  width: 100%;
  height: .5rem;
  color: transparent;
  cursor: pointer;
  background-color: transparent;
  border-color: transparent;
  border-width: .5rem;
}
.custom-range::-ms-fill-lower {
  background-color: #dee2e6;
  border-radius: 1rem;
}
.custom-range::-ms-fill-upper {
  margin-right: 15px;
  background-color: #dee2e6;
  border-radius: 1rem;
}
.custom-range:disabled::-webkit-slider-thumb {
  background-color: #adb5bd;
}
.custom-range:disabled::-webkit-slider-runnable-track {
  cursor: default;
}
.custom-range:disabled::-moz-range-thumb {
  background-color: #adb5bd;
}
.custom-range:disabled::-moz-range-track {
  cursor: default;
}
.custom-range:disabled::-ms-thumb {
  background-color: #adb5bd;
}
.custom-control-label::before,
.custom-file-label,
.custom-select {
  transition:
    background-color .15s ease-in-out,
    border-color .15s ease-in-out,
    box-shadow .15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .custom-control-label::before,
  .custom-file-label,
  .custom-select {
    transition: none;
  }
}
.nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav-link {
  display: block;
  padding: .5rem 1rem;
}
.nav-link:focus,
.nav-link:hover {
  text-decoration: none;
}
.nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default;
}
.nav-tabs {
  border-bottom: 1px solid #dee2e6;
}
.nav-tabs .nav-link {
  margin-bottom: -1px;
  background-color: transparent;
  border: 1px solid transparent;
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  isolation: isolate;
  border-color: #e9ecef #e9ecef #dee2e6;
}
.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.nav-pills .nav-link {
  background: 0 0;
  border: 0;
  border-radius: .25rem;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #007bff;
}
.nav-fill .nav-item,
.nav-fill > .nav-link {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: center;
}
.nav-justified .nav-item,
.nav-justified > .nav-link {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: center;
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.navbar {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: .5rem 1rem;
}
.navbar .container,
.navbar .container-fluid,
.navbar .container-lg,
.navbar .container-md,
.navbar .container-sm,
.navbar .container-xl {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.navbar-brand {
  display: inline-block;
  padding-top: .3125rem;
  padding-bottom: .3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
}
.navbar-brand:focus,
.navbar-brand:hover {
  text-decoration: none;
}
.navbar-nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}
.navbar-nav .dropdown-menu {
  position: static;
  float: none;
}
.navbar-text {
  display: inline-block;
  padding-top: .5rem;
  padding-bottom: .5rem;
}
.navbar-collapse {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-align: center;
  align-items: center;
}
.navbar-toggler {
  padding: .25rem .75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: .25rem;
}
.navbar-toggler:focus,
.navbar-toggler:hover {
  text-decoration: none;
}
.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: 50%/100% 100% no-repeat;
}
.navbar-nav-scroll {
  max-height: 75vh;
  overflow-y: auto;
}
@media (max-width: 575.98px) {
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid,
  .navbar-expand-sm > .container-lg,
  .navbar-expand-sm > .container-md,
  .navbar-expand-sm > .container-sm,
  .navbar-expand-sm > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 576px) {
  .navbar-expand-sm {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid,
  .navbar-expand-sm > .container-lg,
  .navbar-expand-sm > .container-md,
  .navbar-expand-sm > .container-sm,
  .navbar-expand-sm > .container-xl {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-sm .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid,
  .navbar-expand-md > .container-lg,
  .navbar-expand-md > .container-md,
  .navbar-expand-md > .container-sm,
  .navbar-expand-md > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid,
  .navbar-expand-md > .container-lg,
  .navbar-expand-md > .container-md,
  .navbar-expand-md > .container-sm,
  .navbar-expand-md > .container-xl {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-md .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid,
  .navbar-expand-lg > .container-lg,
  .navbar-expand-lg > .container-md,
  .navbar-expand-lg > .container-sm,
  .navbar-expand-lg > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid,
  .navbar-expand-lg > .container-lg,
  .navbar-expand-lg > .container-md,
  .navbar-expand-lg > .container-sm,
  .navbar-expand-lg > .container-xl {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
}
@media (max-width: 1199.98px) {
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid,
  .navbar-expand-xl > .container-lg,
  .navbar-expand-xl > .container-md,
  .navbar-expand-xl > .container-sm,
  .navbar-expand-xl > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid,
  .navbar-expand-xl > .container-lg,
  .navbar-expand-xl > .container-md,
  .navbar-expand-xl > .container-sm,
  .navbar-expand-xl > .container-xl {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xl .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
}
.navbar-expand {
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.navbar-expand > .container,
.navbar-expand > .container-fluid,
.navbar-expand > .container-lg,
.navbar-expand > .container-md,
.navbar-expand > .container-sm,
.navbar-expand > .container-xl {
  padding-right: 0;
  padding-left: 0;
}
.navbar-expand .navbar-nav {
  -ms-flex-direction: row;
  flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: .5rem;
  padding-left: .5rem;
}
.navbar-expand > .container,
.navbar-expand > .container-fluid,
.navbar-expand > .container-lg,
.navbar-expand > .container-md,
.navbar-expand > .container-sm,
.navbar-expand > .container-xl {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}
.navbar-expand .navbar-collapse {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}
.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, .9);
}
.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
  color: rgba(0, 0, 0, .9);
}
.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, .5);
}
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
  color: rgba(0, 0, 0, .7);
}
.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, .3);
}
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show > .nav-link {
  color: rgba(0, 0, 0, .9);
}
.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, .5);
  border-color: rgba(0, 0, 0, .1);
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-light .navbar-text {
  color: rgba(0, 0, 0, .5);
}
.navbar-light .navbar-text a {
  color: rgba(0, 0, 0, .9);
}
.navbar-light .navbar-text a:focus,
.navbar-light .navbar-text a:hover {
  color: rgba(0, 0, 0, .9);
}
.navbar-dark .navbar-brand {
  color: #fff;
}
.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
  color: #fff;
}
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, .5);
}
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
  color: rgba(255, 255, 255, .75);
}
.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, .25);
}
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show > .nav-link {
  color: #fff;
}
.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, .5);
  border-color: rgba(255, 255, 255, .1);
}
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, .5);
}
.navbar-dark .navbar-text a {
  color: #fff;
}
.navbar-dark .navbar-text a:focus,
.navbar-dark .navbar-text a:hover {
  color: #fff;
}
.card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, .125);
  border-radius: .25rem;
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}
.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: calc(.25rem - 1px);
  border-top-right-radius: calc(.25rem - 1px);
}
.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: calc(.25rem - 1px);
  border-bottom-left-radius: calc(.25rem - 1px);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}
.card-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
}
.card-title {
  margin-bottom: .75rem;
}
.card-subtitle {
  margin-top: -.375rem;
  margin-bottom: 0;
}
.card-text:last-child {
  margin-bottom: 0;
}
.card-link:hover {
  text-decoration: none;
}
.card-link + .card-link {
  margin-left: 1.25rem;
}
.card-header {
  padding: .75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, .03);
  border-bottom: 1px solid rgba(0, 0, 0, .125);
}
.card-header:first-child {
  border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}
.card-footer {
  padding: .75rem 1.25rem;
  background-color: rgba(0, 0, 0, .03);
  border-top: 1px solid rgba(0, 0, 0, .125);
}
.card-footer:last-child {
  border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px);
}
.card-header-tabs {
  margin-right: -.625rem;
  margin-bottom: -.75rem;
  margin-left: -.625rem;
  border-bottom: 0;
}
.card-header-pills {
  margin-right: -.625rem;
  margin-left: -.625rem;
}
.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
  border-radius: calc(.25rem - 1px);
}
.card-img,
.card-img-bottom,
.card-img-top {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
}
.card-img,
.card-img-top {
  border-top-left-radius: calc(.25rem - 1px);
  border-top-right-radius: calc(.25rem - 1px);
}
.card-img,
.card-img-bottom {
  border-bottom-right-radius: calc(.25rem - 1px);
  border-bottom-left-radius: calc(.25rem - 1px);
}
.card-deck .card {
  margin-bottom: 15px;
}
@media (min-width: 576px) {
  .card-deck {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  .card-deck .card {
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
  }
}
.card-group > .card {
  margin-bottom: 15px;
}
@media (min-width: 576px) {
  .card-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .card-group > .card {
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-header,
  .card-group > .card:not(:last-child) .card-img-top {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-footer,
  .card-group > .card:not(:last-child) .card-img-bottom {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-header,
  .card-group > .card:not(:first-child) .card-img-top {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-footer,
  .card-group > .card:not(:first-child) .card-img-bottom {
    border-bottom-left-radius: 0;
  }
}
.card-columns .card {
  margin-bottom: .75rem;
}
@media (min-width: 576px) {
  .card-columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}
.accordion {
  overflow-anchor: none;
}
.accordion > .card {
  overflow: hidden;
}
.accordion > .card:not(:last-of-type) {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.accordion > .card:not(:first-of-type) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.accordion > .card > .card-header {
  border-radius: 0;
  margin-bottom: -1px;
}
.breadcrumb {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: .75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #e9ecef;
  border-radius: .25rem;
}
.breadcrumb-item + .breadcrumb-item {
  padding-left: .5rem;
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: .5rem;
  color: #6c757d;
  content: "/";
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline;
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none;
}
.breadcrumb-item.active {
  color: #6c757d;
}
.pagination {
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: .25rem;
}
.page-link {
  position: relative;
  display: block;
  padding: .5rem .75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #007bff;
  background-color: #fff;
  border: 1px solid #dee2e6;
}
.page-link:hover {
  z-index: 2;
  color: #0056b3;
  text-decoration: none;
  background-color: #e9ecef;
  border-color: #dee2e6;
}
.page-link:focus {
  z-index: 3;
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
}
.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: .25rem;
  border-bottom-left-radius: .25rem;
}
.page-item:last-child .page-link {
  border-top-right-radius: .25rem;
  border-bottom-right-radius: .25rem;
}
.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dee2e6;
}
.pagination-lg .page-link {
  padding: .75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.5;
}
.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: .3rem;
  border-bottom-left-radius: .3rem;
}
.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: .3rem;
  border-bottom-right-radius: .3rem;
}
.pagination-sm .page-link {
  padding: .25rem .5rem;
  font-size: .875rem;
  line-height: 1.5;
}
.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: .2rem;
  border-bottom-left-radius: .2rem;
}
.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: .2rem;
  border-bottom-right-radius: .2rem;
}
.badge {
  display: inline-block;
  padding: .25em .4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25rem;
  transition:
    color .15s ease-in-out,
    background-color .15s ease-in-out,
    border-color .15s ease-in-out,
    box-shadow .15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .badge {
    transition: none;
  }
}
a.badge:focus,
a.badge:hover {
  text-decoration: none;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.badge-pill {
  padding-right: .6em;
  padding-left: .6em;
  border-radius: 10rem;
}
.badge-primary {
  color: #fff;
  background-color: #007bff;
}
a.badge-primary:focus,
a.badge-primary:hover {
  color: #fff;
  background-color: #0062cc;
}
a.badge-primary.focus,
a.badge-primary:focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5);
}
.badge-secondary {
  color: #fff;
  background-color: #6c757d;
}
a.badge-secondary:focus,
a.badge-secondary:hover {
  color: #fff;
  background-color: #545b62;
}
a.badge-secondary.focus,
a.badge-secondary:focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5);
}
.badge-success {
  color: #fff;
  background-color: #28a745;
}
a.badge-success:focus,
a.badge-success:hover {
  color: #fff;
  background-color: #1e7e34;
}
a.badge-success.focus,
a.badge-success:focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5);
}
.badge-info {
  color: #fff;
  background-color: #17a2b8;
}
a.badge-info:focus,
a.badge-info:hover {
  color: #fff;
  background-color: #117a8b;
}
a.badge-info.focus,
a.badge-info:focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5);
}
.badge-warning {
  color: #212529;
  background-color: #ffc107;
}
a.badge-warning:focus,
a.badge-warning:hover {
  color: #212529;
  background-color: #d39e00;
}
a.badge-warning.focus,
a.badge-warning:focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5);
}
.badge-danger {
  color: #fff;
  background-color: #dc3545;
}
a.badge-danger:focus,
a.badge-danger:hover {
  color: #fff;
  background-color: #bd2130;
}
a.badge-danger.focus,
a.badge-danger:focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5);
}
.badge-light {
  color: #212529;
  background-color: #f8f9fa;
}
a.badge-light:focus,
a.badge-light:hover {
  color: #212529;
  background-color: #dae0e5;
}
a.badge-light.focus,
a.badge-light:focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5);
}
.badge-dark {
  color: #fff;
  background-color: #343a40;
}
a.badge-dark:focus,
a.badge-dark:hover {
  color: #fff;
  background-color: #1d2124;
}
a.badge-dark.focus,
a.badge-dark:focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5);
}
.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #e9ecef;
  border-radius: .3rem;
}
@media (min-width: 576px) {
  .jumbotron {
    padding: 4rem 2rem;
  }
}
.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}
.alert {
  position: relative;
  padding: .75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: .25rem;
}
.alert-heading {
  color: inherit;
}
.alert-link {
  font-weight: 700;
}
.alert-dismissible {
  padding-right: 4rem;
}
.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: .75rem 1.25rem;
  color: inherit;
}
.alert-primary {
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff;
}
.alert-primary hr {
  border-top-color: #9fcdff;
}
.alert-primary .alert-link {
  color: #002752;
}
.alert-secondary {
  color: #383d41;
  background-color: #e2e3e5;
  border-color: #d6d8db;
}
.alert-secondary hr {
  border-top-color: #c8cbcf;
}
.alert-secondary .alert-link {
  color: #202326;
}
.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}
.alert-success hr {
  border-top-color: #b1dfbb;
}
.alert-success .alert-link {
  color: #0b2e13;
}
.alert-info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}
.alert-info hr {
  border-top-color: #abdde5;
}
.alert-info .alert-link {
  color: #062c33;
}
.alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}
.alert-warning hr {
  border-top-color: #ffe8a1;
}
.alert-warning .alert-link {
  color: #533f03;
}
.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}
.alert-danger hr {
  border-top-color: #f1b0b7;
}
.alert-danger .alert-link {
  color: #491217;
}
.alert-light {
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe;
}
.alert-light hr {
  border-top-color: #ececf6;
}
.alert-light .alert-link {
  color: #686868;
}
.alert-dark {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca;
}
.alert-dark hr {
  border-top-color: #b9bbbe;
}
.alert-dark .alert-link {
  color: #040505;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  display: -ms-flexbox;
  display: flex;
  height: 1rem;
  overflow: hidden;
  line-height: 0;
  font-size: .75rem;
  background-color: #e9ecef;
  border-radius: .25rem;
}
.progress-bar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #007bff;
  transition: width .6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}
.progress-bar-striped {
  background-image:
    linear-gradient(
      45deg,
      rgba(255, 255, 255, .15) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, .15) 50%,
      rgba(255, 255, 255, .15) 75%,
      transparent 75%,
      transparent);
  background-size: 1rem 1rem;
}
.progress-bar-animated {
  -webkit-animation: 1s linear infinite progress-bar-stripes;
  animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    -webkit-animation: none;
    animation: none;
  }
}
.media {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
}
.media-body {
  -ms-flex: 1;
  flex: 1;
}
.list-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: .25rem;
}
.list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit;
}
.list-group-item-action:focus,
.list-group-item-action:hover {
  z-index: 1;
  color: #495057;
  text-decoration: none;
  background-color: #f8f9fa;
}
.list-group-item-action:active {
  color: #212529;
  background-color: #e9ecef;
}
.list-group-item {
  position: relative;
  display: block;
  padding: .75rem 1.25rem;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .125);
}
.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
.list-group-item.disabled,
.list-group-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: #fff;
}
.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-item + .list-group-item.active {
  margin-top: -1px;
  border-top-width: 1px;
}
.list-group-horizontal {
  -ms-flex-direction: row;
  flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child {
  border-bottom-left-radius: .25rem;
  border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child {
  border-top-right-radius: .25rem;
  border-bottom-left-radius: 0;
}
.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: 1px;
  border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: -1px;
  border-left-width: 1px;
}
@media (min-width: 576px) {
  .list-group-horizontal-sm {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .list-group-horizontal-sm > .list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item:last-child {
    border-top-right-radius: .25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 768px) {
  .list-group-horizontal-md {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .list-group-horizontal-md > .list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item:last-child {
    border-top-right-radius: .25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 992px) {
  .list-group-horizontal-lg {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .list-group-horizontal-lg > .list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item:last-child {
    border-top-right-radius: .25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .list-group-horizontal-xl > .list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item:last-child {
    border-top-right-radius: .25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
.list-group-flush {
  border-radius: 0;
}
.list-group-flush > .list-group-item {
  border-width: 0 0 1px;
}
.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}
.list-group-item-primary {
  color: #004085;
  background-color: #b8daff;
}
.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover {
  color: #004085;
  background-color: #9fcdff;
}
.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: #004085;
  border-color: #004085;
}
.list-group-item-secondary {
  color: #383d41;
  background-color: #d6d8db;
}
.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action:hover {
  color: #383d41;
  background-color: #c8cbcf;
}
.list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: #383d41;
  border-color: #383d41;
}
.list-group-item-success {
  color: #155724;
  background-color: #c3e6cb;
}
.list-group-item-success.list-group-item-action:focus,
.list-group-item-success.list-group-item-action:hover {
  color: #155724;
  background-color: #b1dfbb;
}
.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: #155724;
  border-color: #155724;
}
.list-group-item-info {
  color: #0c5460;
  background-color: #bee5eb;
}
.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action:hover {
  color: #0c5460;
  background-color: #abdde5;
}
.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: #0c5460;
  border-color: #0c5460;
}
.list-group-item-warning {
  color: #856404;
  background-color: #ffeeba;
}
.list-group-item-warning.list-group-item-action:focus,
.list-group-item-warning.list-group-item-action:hover {
  color: #856404;
  background-color: #ffe8a1;
}
.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: #856404;
  border-color: #856404;
}
.list-group-item-danger {
  color: #721c24;
  background-color: #f5c6cb;
}
.list-group-item-danger.list-group-item-action:focus,
.list-group-item-danger.list-group-item-action:hover {
  color: #721c24;
  background-color: #f1b0b7;
}
.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: #721c24;
  border-color: #721c24;
}
.list-group-item-light {
  color: #818182;
  background-color: #fdfdfe;
}
.list-group-item-light.list-group-item-action:focus,
.list-group-item-light.list-group-item-action:hover {
  color: #818182;
  background-color: #ececf6;
}
.list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: #818182;
  border-color: #818182;
}
.list-group-item-dark {
  color: #1b1e21;
  background-color: #c6c8ca;
}
.list-group-item-dark.list-group-item-action:focus,
.list-group-item-dark.list-group-item-action:hover {
  color: #1b1e21;
  background-color: #b9bbbe;
}
.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: #1b1e21;
  border-color: #1b1e21;
}
.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .5;
}
.close:hover {
  color: #000;
  text-decoration: none;
}
.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
  opacity: .75;
}
button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
}
a.close.disabled {
  pointer-events: none;
}
.toast {
  -ms-flex-preferred-size: 350px;
  flex-basis: 350px;
  max-width: 350px;
  font-size: .875rem;
  background-color: rgba(255, 255, 255, .85);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, .1);
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1);
  opacity: 0;
  border-radius: .25rem;
}
.toast:not(:last-child) {
  margin-bottom: .75rem;
}
.toast.showing {
  opacity: 1;
}
.toast.show {
  display: block;
  opacity: 1;
}
.toast.hide {
  display: none;
}
.toast-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: .25rem .75rem;
  color: #6c757d;
  background-color: rgba(255, 255, 255, .85);
  background-clip: padding-box;
  border-bottom: 1px solid rgba(0, 0, 0, .05);
  border-top-left-radius: calc(.25rem - 1px);
  border-top-right-radius: calc(.25rem - 1px);
}
.toast-body {
  padding: .75rem;
}
.modal-open {
  overflow: hidden;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: .5rem;
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transition: -webkit-transform .3s ease-out;
  transition: transform .3s ease-out;
  transition: transform .3s ease-out, -webkit-transform .3s ease-out;
  -webkit-transform: translate(0, -50px);
  transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  -webkit-transform: none;
  transform: none;
}
.modal.modal-static .modal-dialog {
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
}
.modal-dialog-scrollable {
  display: -ms-flexbox;
  display: flex;
  max-height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
  overflow: hidden;
}
.modal-dialog-scrollable .modal-footer,
.modal-dialog-scrollable .modal-header {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}
.modal-dialog-centered {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - 1rem);
}
.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 1rem);
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  content: "";
}
.modal-dialog-centered.modal-dialog-scrollable {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: none;
}
.modal-dialog-centered.modal-dialog-scrollable::before {
  content: none;
}
.modal-content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: .3rem;
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: .5;
}
.modal-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(.3rem - 1px);
  border-top-right-radius: calc(.3rem - 1px);
}
.modal-header .close {
  padding: 1rem 1rem;
  margin: -1rem -1rem -1rem auto;
}
.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}
.modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1rem;
}
.modal-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: .75rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: calc(.3rem - 1px);
  border-bottom-left-radius: calc(.3rem - 1px);
}
.modal-footer > * {
  margin: .25rem;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem);
  }
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem);
  }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  .modal-dialog-centered::before {
    height: calc(100vh - 3.5rem);
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
  }
  .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    "Noto Sans",
    "Liberation Sans",
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: .875rem;
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: .9;
}
.tooltip .arrow {
  position: absolute;
  display: block;
  width: .8rem;
  height: .4rem;
}
.tooltip .arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.bs-tooltip-auto[x-placement^=top],
.bs-tooltip-top {
  padding: .4rem 0;
}
.bs-tooltip-auto[x-placement^=top] .arrow,
.bs-tooltip-top .arrow {
  bottom: 0;
}
.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
  top: 0;
  border-width: .4rem .4rem 0;
  border-top-color: #000;
}
.bs-tooltip-auto[x-placement^=right],
.bs-tooltip-right {
  padding: 0 .4rem;
}
.bs-tooltip-auto[x-placement^=right] .arrow,
.bs-tooltip-right .arrow {
  left: 0;
  width: .4rem;
  height: .8rem;
}
.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::before {
  right: 0;
  border-width: .4rem .4rem .4rem 0;
  border-right-color: #000;
}
.bs-tooltip-auto[x-placement^=bottom],
.bs-tooltip-bottom {
  padding: .4rem 0;
}
.bs-tooltip-auto[x-placement^=bottom] .arrow,
.bs-tooltip-bottom .arrow {
  top: 0;
}
.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
  bottom: 0;
  border-width: 0 .4rem .4rem;
  border-bottom-color: #000;
}
.bs-tooltip-auto[x-placement^=left],
.bs-tooltip-left {
  padding: 0 .4rem;
}
.bs-tooltip-auto[x-placement^=left] .arrow,
.bs-tooltip-left .arrow {
  right: 0;
  width: .4rem;
  height: .8rem;
}
.bs-tooltip-auto[x-placement^=left] .arrow::before,
.bs-tooltip-left .arrow::before {
  left: 0;
  border-width: .4rem 0 .4rem .4rem;
  border-left-color: #000;
}
.tooltip-inner {
  max-width: 200px;
  padding: .25rem .5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: .25rem;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    "Noto Sans",
    "Liberation Sans",
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: .875rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: .3rem;
}
.popover .arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: .5rem;
  margin: 0 .3rem;
}
.popover .arrow::after,
.popover .arrow::before {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.bs-popover-auto[x-placement^=top],
.bs-popover-top {
  margin-bottom: .5rem;
}
.bs-popover-auto[x-placement^=top] > .arrow,
.bs-popover-top > .arrow {
  bottom: calc(-.5rem - 1px);
}
.bs-popover-auto[x-placement^=top] > .arrow::before,
.bs-popover-top > .arrow::before {
  bottom: 0;
  border-width: .5rem .5rem 0;
  border-top-color: rgba(0, 0, 0, .25);
}
.bs-popover-auto[x-placement^=top] > .arrow::after,
.bs-popover-top > .arrow::after {
  bottom: 1px;
  border-width: .5rem .5rem 0;
  border-top-color: #fff;
}
.bs-popover-auto[x-placement^=right],
.bs-popover-right {
  margin-left: .5rem;
}
.bs-popover-auto[x-placement^=right] > .arrow,
.bs-popover-right > .arrow {
  left: calc(-.5rem - 1px);
  width: .5rem;
  height: 1rem;
  margin: .3rem 0;
}
.bs-popover-auto[x-placement^=right] > .arrow::before,
.bs-popover-right > .arrow::before {
  left: 0;
  border-width: .5rem .5rem .5rem 0;
  border-right-color: rgba(0, 0, 0, .25);
}
.bs-popover-auto[x-placement^=right] > .arrow::after,
.bs-popover-right > .arrow::after {
  left: 1px;
  border-width: .5rem .5rem .5rem 0;
  border-right-color: #fff;
}
.bs-popover-auto[x-placement^=bottom],
.bs-popover-bottom {
  margin-top: .5rem;
}
.bs-popover-auto[x-placement^=bottom] > .arrow,
.bs-popover-bottom > .arrow {
  top: calc(-.5rem - 1px);
}
.bs-popover-auto[x-placement^=bottom] > .arrow::before,
.bs-popover-bottom > .arrow::before {
  top: 0;
  border-width: 0 .5rem .5rem .5rem;
  border-bottom-color: rgba(0, 0, 0, .25);
}
.bs-popover-auto[x-placement^=bottom] > .arrow::after,
.bs-popover-bottom > .arrow::after {
  top: 1px;
  border-width: 0 .5rem .5rem .5rem;
  border-bottom-color: #fff;
}
.bs-popover-auto[x-placement^=bottom] .popover-header::before,
.bs-popover-bottom .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -.5rem;
  content: "";
  border-bottom: 1px solid #f7f7f7;
}
.bs-popover-auto[x-placement^=left],
.bs-popover-left {
  margin-right: .5rem;
}
.bs-popover-auto[x-placement^=left] > .arrow,
.bs-popover-left > .arrow {
  right: calc(-.5rem - 1px);
  width: .5rem;
  height: 1rem;
  margin: .3rem 0;
}
.bs-popover-auto[x-placement^=left] > .arrow::before,
.bs-popover-left > .arrow::before {
  right: 0;
  border-width: .5rem 0 .5rem .5rem;
  border-left-color: rgba(0, 0, 0, .25);
}
.bs-popover-auto[x-placement^=left] > .arrow::after,
.bs-popover-left > .arrow::after {
  right: 1px;
  border-width: .5rem 0 .5rem .5rem;
  border-left-color: #fff;
}
.popover-header {
  padding: .5rem .75rem;
  margin-bottom: 0;
  font-size: 1rem;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-top-left-radius: calc(.3rem - 1px);
  border-top-right-radius: calc(.3rem - 1px);
}
.popover-header:empty {
  display: none;
}
.popover-body {
  padding: .5rem .75rem;
  color: #212529;
}
.carousel {
  position: relative;
}
.carousel.pointer-event {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}
.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: -webkit-transform .6s ease-in-out;
  transition: transform .6s ease-in-out;
  transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}
.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
  display: block;
}
.active.carousel-item-right,
.carousel-item-next:not(.carousel-item-left) {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
.active.carousel-item-left,
.carousel-item-prev:not(.carousel-item-right) {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  -webkit-transform: none;
  transform: none;
}
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active {
  z-index: 1;
  opacity: 1;
}
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s .6s;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-left,
  .carousel-fade .active.carousel-item-right {
    transition: none;
  }
}
.carousel-control-next,
.carousel-control-prev {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: 0 0;
  border: 0;
  opacity: .5;
  transition: opacity .15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-control-next,
  .carousel-control-prev {
    transition: none;
  }
}
.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: .9;
}
.carousel-control-prev {
  left: 0;
}
.carousel-control-next {
  right: 0;
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: 50%/100% 100% no-repeat;
}
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}
.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}
.carousel-indicators li {
  box-sizing: content-box;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: .5;
  transition: opacity .6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators li {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}
@-webkit-keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: -.125em;
  border: .25em solid currentcolor;
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-animation: .75s linear infinite spinner-border;
  animation: .75s linear infinite spinner-border;
}
.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: .2em;
}
@-webkit-keyframes spinner-grow {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes spinner-grow {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.spinner-grow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: -.125em;
  background-color: currentcolor;
  border-radius: 50%;
  opacity: 0;
  -webkit-animation: .75s linear infinite spinner-grow;
  animation: .75s linear infinite spinner-grow;
}
.spinner-grow-sm {
  width: 1rem;
  height: 1rem;
}
@media (prefers-reduced-motion: reduce) {
  .spinner-border,
  .spinner-grow {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
  }
}
.align-baseline {
  vertical-align: baseline !important;
}
.align-top {
  vertical-align: top !important;
}
.align-middle {
  vertical-align: middle !important;
}
.align-bottom {
  vertical-align: bottom !important;
}
.align-text-bottom {
  vertical-align: text-bottom !important;
}
.align-text-top {
  vertical-align: text-top !important;
}
.bg-primary {
  background-color: #007bff !important;
}
a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
  background-color: #0062cc !important;
}
.bg-secondary {
  background-color: #6c757d !important;
}
a.bg-secondary:focus,
a.bg-secondary:hover,
button.bg-secondary:focus,
button.bg-secondary:hover {
  background-color: #545b62 !important;
}
.bg-success {
  background-color: #28a745 !important;
}
a.bg-success:focus,
a.bg-success:hover,
button.bg-success:focus,
button.bg-success:hover {
  background-color: #1e7e34 !important;
}
.bg-info {
  background-color: #17a2b8 !important;
}
a.bg-info:focus,
a.bg-info:hover,
button.bg-info:focus,
button.bg-info:hover {
  background-color: #117a8b !important;
}
.bg-warning {
  background-color: #ffc107 !important;
}
a.bg-warning:focus,
a.bg-warning:hover,
button.bg-warning:focus,
button.bg-warning:hover {
  background-color: #d39e00 !important;
}
.bg-danger {
  background-color: #dc3545 !important;
}
a.bg-danger:focus,
a.bg-danger:hover,
button.bg-danger:focus,
button.bg-danger:hover {
  background-color: #bd2130 !important;
}
.bg-light {
  background-color: #f8f9fa !important;
}
a.bg-light:focus,
a.bg-light:hover,
button.bg-light:focus,
button.bg-light:hover {
  background-color: #dae0e5 !important;
}
.bg-dark {
  background-color: #343a40 !important;
}
a.bg-dark:focus,
a.bg-dark:hover,
button.bg-dark:focus,
button.bg-dark:hover {
  background-color: #1d2124 !important;
}
.bg-white {
  background-color: #fff !important;
}
.bg-transparent {
  background-color: transparent !important;
}
.border {
  border: 1px solid #dee2e6 !important;
}
.border-top {
  border-top: 1px solid #dee2e6 !important;
}
.border-right {
  border-right: 1px solid #dee2e6 !important;
}
.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}
.border-left {
  border-left: 1px solid #dee2e6 !important;
}
.border-0 {
  border: 0 !important;
}
.border-top-0 {
  border-top: 0 !important;
}
.border-right-0 {
  border-right: 0 !important;
}
.border-bottom-0 {
  border-bottom: 0 !important;
}
.border-left-0 {
  border-left: 0 !important;
}
.border-primary {
  border-color: #007bff !important;
}
.border-secondary {
  border-color: #6c757d !important;
}
.border-success {
  border-color: #28a745 !important;
}
.border-info {
  border-color: #17a2b8 !important;
}
.border-warning {
  border-color: #ffc107 !important;
}
.border-danger {
  border-color: #dc3545 !important;
}
.border-light {
  border-color: #f8f9fa !important;
}
.border-dark {
  border-color: #343a40 !important;
}
.border-white {
  border-color: #fff !important;
}
.rounded-sm {
  border-radius: .2rem !important;
}
.rounded {
  border-radius: .25rem !important;
}
.rounded-top {
  border-top-left-radius: .25rem !important;
  border-top-right-radius: .25rem !important;
}
.rounded-right {
  border-top-right-radius: .25rem !important;
  border-bottom-right-radius: .25rem !important;
}
.rounded-bottom {
  border-bottom-right-radius: .25rem !important;
  border-bottom-left-radius: .25rem !important;
}
.rounded-left {
  border-top-left-radius: .25rem !important;
  border-bottom-left-radius: .25rem !important;
}
.rounded-lg {
  border-radius: .3rem !important;
}
.rounded-circle {
  border-radius: 50% !important;
}
.rounded-pill {
  border-radius: 50rem !important;
}
.rounded-0 {
  border-radius: 0 !important;
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}
.d-none {
  display: none !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-table {
  display: table !important;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}
.d-inline-flex {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}
@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-md-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-print-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.embed-responsive::before {
  display: block;
  content: "";
}
.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.embed-responsive-21by9::before {
  padding-top: 42.857143%;
}
.embed-responsive-16by9::before {
  padding-top: 56.25%;
}
.embed-responsive-4by3::before {
  padding-top: 75%;
}
.embed-responsive-1by1::before {
  padding-top: 100%;
}
.flex-row {
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}
.flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}
.flex-row-reverse {
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}
.flex-column-reverse {
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}
.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}
.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}
.flex-fill {
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
}
.flex-grow-0 {
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important;
}
.flex-grow-1 {
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
}
.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important;
}
.justify-content-start {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}
.justify-content-end {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}
.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}
.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}
.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}
.align-items-start {
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}
.align-items-end {
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}
.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}
.align-items-baseline {
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}
.align-items-stretch {
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}
.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}
.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}
.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}
.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}
.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}
.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}
.align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
}
.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}
.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}
.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}
.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}
.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
}
@media (min-width: 576px) {
  .flex-sm-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-sm-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-sm-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-sm-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-md-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-md-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-md-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-md-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-md-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-md-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-md-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-lg-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-lg-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-lg-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-xl-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-xl-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-xl-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
.float-left {
  float: left !important;
}
.float-right {
  float: right !important;
}
.float-none {
  float: none !important;
}
@media (min-width: 576px) {
  .float-sm-left {
    float: left !important;
  }
  .float-sm-right {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
}
@media (min-width: 768px) {
  .float-md-left {
    float: left !important;
  }
  .float-md-right {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
}
@media (min-width: 992px) {
  .float-lg-left {
    float: left !important;
  }
  .float-lg-right {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important;
  }
  .float-xl-right {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
}
.user-select-all {
  -webkit-user-select: all !important;
  -moz-user-select: all !important;
  user-select: all !important;
}
.user-select-auto {
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  -ms-user-select: auto !important;
  user-select: auto !important;
}
.user-select-none {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}
.overflow-auto {
  overflow: auto !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.position-static {
  position: static !important;
}
.position-relative {
  position: relative !important;
}
.position-absolute {
  position: absolute !important;
}
.position-fixed {
  position: fixed !important;
}
.position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
}
.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}
.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}
@supports ((position:-webkit-sticky) or (position:sticky)) {
  .sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}
.shadow-sm {
  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
}
.shadow {
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}
.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important;
}
.shadow-none {
  box-shadow: none !important;
}
.w-25 {
  width: 25% !important;
}
.w-50 {
  width: 50% !important;
}
.w-75 {
  width: 75% !important;
}
.w-100 {
  width: 100% !important;
}
.w-auto {
  width: auto !important;
}
.h-25 {
  height: 25% !important;
}
.h-50 {
  height: 50% !important;
}
.h-75 {
  height: 75% !important;
}
.h-100 {
  height: 100% !important;
}
.h-auto {
  height: auto !important;
}
.mw-100 {
  max-width: 100% !important;
}
.mh-100 {
  max-height: 100% !important;
}
.min-vw-100 {
  min-width: 100vw !important;
}
.min-vh-100 {
  min-height: 100vh !important;
}
.vw-100 {
  width: 100vw !important;
}
.vh-100 {
  height: 100vh !important;
}
.m-0 {
  margin: 0 !important;
}
.mt-0,
.my-0 {
  margin-top: 0 !important;
}
.mr-0,
.mx-0 {
  margin-right: 0 !important;
}
.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}
.ml-0,
.mx-0 {
  margin-left: 0 !important;
}
.m-1 {
  margin: .25rem !important;
}
.mt-1,
.my-1 {
  margin-top: .25rem !important;
}
.mr-1,
.mx-1 {
  margin-right: .25rem !important;
}
.mb-1,
.my-1 {
  margin-bottom: .25rem !important;
}
.ml-1,
.mx-1 {
  margin-left: .25rem !important;
}
.m-2 {
  margin: .5rem !important;
}
.mt-2,
.my-2 {
  margin-top: .5rem !important;
}
.mr-2,
.mx-2 {
  margin-right: .5rem !important;
}
.mb-2,
.my-2 {
  margin-bottom: .5rem !important;
}
.ml-2,
.mx-2 {
  margin-left: .5rem !important;
}
.m-3 {
  margin: 1rem !important;
}
.mt-3,
.my-3 {
  margin-top: 1rem !important;
}
.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}
.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}
.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}
.m-4 {
  margin: 1.5rem !important;
}
.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}
.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}
.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}
.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}
.m-5 {
  margin: 3rem !important;
}
.mt-5,
.my-5 {
  margin-top: 3rem !important;
}
.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}
.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}
.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}
.p-0 {
  padding: 0 !important;
}
.pt-0,
.py-0 {
  padding-top: 0 !important;
}
.pr-0,
.px-0 {
  padding-right: 0 !important;
}
.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
  padding-left: 0 !important;
}
.p-1 {
  padding: .25rem !important;
}
.pt-1,
.py-1 {
  padding-top: .25rem !important;
}
.pr-1,
.px-1 {
  padding-right: .25rem !important;
}
.pb-1,
.py-1 {
  padding-bottom: .25rem !important;
}
.pl-1,
.px-1 {
  padding-left: .25rem !important;
}
.p-2 {
  padding: .5rem !important;
}
.pt-2,
.py-2 {
  padding-top: .5rem !important;
}
.pr-2,
.px-2 {
  padding-right: .5rem !important;
}
.pb-2,
.py-2 {
  padding-bottom: .5rem !important;
}
.pl-2,
.px-2 {
  padding-left: .5rem !important;
}
.p-3 {
  padding: 1rem !important;
}
.pt-3,
.py-3 {
  padding-top: 1rem !important;
}
.pr-3,
.px-3 {
  padding-right: 1rem !important;
}
.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}
.pl-3,
.px-3 {
  padding-left: 1rem !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}
.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}
.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}
.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}
.p-5 {
  padding: 3rem !important;
}
.pt-5,
.py-5 {
  padding-top: 3rem !important;
}
.pr-5,
.px-5 {
  padding-right: 3rem !important;
}
.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}
.pl-5,
.px-5 {
  padding-left: 3rem !important;
}
.m-n1 {
  margin: -.25rem !important;
}
.mt-n1,
.my-n1 {
  margin-top: -.25rem !important;
}
.mr-n1,
.mx-n1 {
  margin-right: -.25rem !important;
}
.mb-n1,
.my-n1 {
  margin-bottom: -.25rem !important;
}
.ml-n1,
.mx-n1 {
  margin-left: -.25rem !important;
}
.m-n2 {
  margin: -.5rem !important;
}
.mt-n2,
.my-n2 {
  margin-top: -.5rem !important;
}
.mr-n2,
.mx-n2 {
  margin-right: -.5rem !important;
}
.mb-n2,
.my-n2 {
  margin-bottom: -.5rem !important;
}
.ml-n2,
.mx-n2 {
  margin-left: -.5rem !important;
}
.m-n3 {
  margin: -1rem !important;
}
.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}
.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}
.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}
.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}
.m-n4 {
  margin: -1.5rem !important;
}
.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}
.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}
.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}
.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}
.m-n5 {
  margin: -3rem !important;
}
.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}
.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}
.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}
.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}
.m-auto {
  margin: auto !important;
}
.mt-auto,
.my-auto {
  margin-top: auto !important;
}
.mr-auto,
.mx-auto {
  margin-right: auto !important;
}
.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}
.ml-auto,
.mx-auto {
  margin-left: auto !important;
}
@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: .25rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: .25rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: .25rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: .25rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: .25rem !important;
  }
  .m-sm-2 {
    margin: .5rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: .5rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: .5rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: .5rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: .5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: .25rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: .25rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: .25rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: .25rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: .25rem !important;
  }
  .p-sm-2 {
    padding: .5rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: .5rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: .5rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: .5rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: .5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }
  .m-sm-n1 {
    margin: -.25rem !important;
  }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -.25rem !important;
  }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -.25rem !important;
  }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -.25rem !important;
  }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -.25rem !important;
  }
  .m-sm-n2 {
    margin: -.5rem !important;
  }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -.5rem !important;
  }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -.5rem !important;
  }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -.5rem !important;
  }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -.5rem !important;
  }
  .m-sm-n3 {
    margin: -1rem !important;
  }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important;
  }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important;
  }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important;
  }
  .m-sm-n4 {
    margin: -1.5rem !important;
  }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }
  .m-sm-n5 {
    margin: -3rem !important;
  }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important;
  }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important;
  }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: .25rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: .25rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: .25rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: .25rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: .25rem !important;
  }
  .m-md-2 {
    margin: .5rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: .5rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: .5rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: .5rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: .5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: .25rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: .25rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: .25rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: .25rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: .25rem !important;
  }
  .p-md-2 {
    padding: .5rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: .5rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: .5rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: .5rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: .5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }
  .m-md-n1 {
    margin: -.25rem !important;
  }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -.25rem !important;
  }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -.25rem !important;
  }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -.25rem !important;
  }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -.25rem !important;
  }
  .m-md-n2 {
    margin: -.5rem !important;
  }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -.5rem !important;
  }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -.5rem !important;
  }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -.5rem !important;
  }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -.5rem !important;
  }
  .m-md-n3 {
    margin: -1rem !important;
  }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important;
  }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important;
  }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important;
  }
  .m-md-n4 {
    margin: -1.5rem !important;
  }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important;
  }
  .m-md-n5 {
    margin: -3rem !important;
  }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important;
  }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important;
  }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: .25rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: .25rem !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: .25rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: .25rem !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: .25rem !important;
  }
  .m-lg-2 {
    margin: .5rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: .5rem !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: .5rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: .5rem !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: .5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: .25rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: .25rem !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: .25rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: .25rem !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: .25rem !important;
  }
  .p-lg-2 {
    padding: .5rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: .5rem !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: .5rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: .5rem !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: .5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }
  .m-lg-n1 {
    margin: -.25rem !important;
  }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -.25rem !important;
  }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -.25rem !important;
  }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -.25rem !important;
  }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -.25rem !important;
  }
  .m-lg-n2 {
    margin: -.5rem !important;
  }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -.5rem !important;
  }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -.5rem !important;
  }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -.5rem !important;
  }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -.5rem !important;
  }
  .m-lg-n3 {
    margin: -1rem !important;
  }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important;
  }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important;
  }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important;
  }
  .m-lg-n4 {
    margin: -1.5rem !important;
  }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }
  .m-lg-n5 {
    margin: -3rem !important;
  }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important;
  }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important;
  }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: .25rem !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: .25rem !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: .25rem !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: .25rem !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: .25rem !important;
  }
  .m-xl-2 {
    margin: .5rem !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: .5rem !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: .5rem !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: .5rem !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: .5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: .25rem !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: .25rem !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: .25rem !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: .25rem !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: .25rem !important;
  }
  .p-xl-2 {
    padding: .5rem !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: .5rem !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: .5rem !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: .5rem !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: .5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }
  .m-xl-n1 {
    margin: -.25rem !important;
  }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -.25rem !important;
  }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -.25rem !important;
  }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -.25rem !important;
  }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -.25rem !important;
  }
  .m-xl-n2 {
    margin: -.5rem !important;
  }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -.5rem !important;
  }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -.5rem !important;
  }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -.5rem !important;
  }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -.5rem !important;
  }
  .m-xl-n3 {
    margin: -1rem !important;
  }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important;
  }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important;
  }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important;
  }
  .m-xl-n4 {
    margin: -1.5rem !important;
  }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important;
  }
  .m-xl-n5 {
    margin: -3rem !important;
  }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important;
  }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important;
  }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}
.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}
.text-monospace {
  font-family:
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    "Liberation Mono",
    "Courier New",
    monospace !important;
}
.text-justify {
  text-align: justify !important;
}
.text-wrap {
  white-space: normal !important;
}
.text-nowrap {
  white-space: nowrap !important;
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
.text-lowercase {
  text-transform: lowercase !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}
.font-weight-light {
  font-weight: 300 !important;
}
.font-weight-lighter {
  font-weight: lighter !important;
}
.font-weight-normal {
  font-weight: 400 !important;
}
.font-weight-bold {
  font-weight: 700 !important;
}
.font-weight-bolder {
  font-weight: bolder !important;
}
.font-italic {
  font-style: italic !important;
}
.text-white {
  color: #fff !important;
}
.text-primary {
  color: #007bff !important;
}
a.text-primary:focus,
a.text-primary:hover {
  color: #0056b3 !important;
}
.text-secondary {
  color: #6c757d !important;
}
a.text-secondary:focus,
a.text-secondary:hover {
  color: #494f54 !important;
}
.text-success {
  color: #28a745 !important;
}
a.text-success:focus,
a.text-success:hover {
  color: #19692c !important;
}
.text-info {
  color: #17a2b8 !important;
}
a.text-info:focus,
a.text-info:hover {
  color: #0f6674 !important;
}
.text-warning {
  color: #ffc107 !important;
}
a.text-warning:focus,
a.text-warning:hover {
  color: #ba8b00 !important;
}
.text-danger {
  color: #dc3545 !important;
}
a.text-danger:focus,
a.text-danger:hover {
  color: #a71d2a !important;
}
.text-light {
  color: #f8f9fa !important;
}
a.text-light:focus,
a.text-light:hover {
  color: #cbd3da !important;
}
.text-dark {
  color: #343a40 !important;
}
a.text-dark:focus,
a.text-dark:hover {
  color: #121416 !important;
}
.text-body {
  color: #212529 !important;
}
.text-muted {
  color: #6c757d !important;
}
.text-black-50 {
  color: rgba(0, 0, 0, .5) !important;
}
.text-white-50 {
  color: rgba(255, 255, 255, .5) !important;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.text-decoration-none {
  text-decoration: none !important;
}
.text-break {
  word-break: break-word !important;
  word-wrap: break-word !important;
}
.text-reset {
  color: inherit !important;
}
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}
@media print {
  *,
  ::after,
  ::before {
    text-shadow: none !important;
    box-shadow: none !important;
  }
  a:not(.btn) {
    text-decoration: underline;
  }
  abbr[title]::after {
    content: " (" attr(title) ")";
  }
  pre {
    white-space: pre-wrap !important;
  }
  blockquote,
  pre {
    border: 1px solid #adb5bd;
    page-break-inside: avoid;
  }
  img,
  tr {
    page-break-inside: avoid;
  }
  h2,
  h3,
  p {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  @page {
    size: a3;
  }
  body {
    min-width: 992px !important;
  }
  .container {
    min-width: 992px !important;
  }
  .navbar {
    display: none;
  }
  .badge {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered td,
  .table-bordered th {
    border: 1px solid #dee2e6 !important;
  }
  .table-dark {
    color: inherit;
  }
  .table-dark tbody + tbody,
  .table-dark td,
  .table-dark th,
  .table-dark thead th {
    border-color: #dee2e6;
  }
  .table .thead-dark th {
    color: inherit;
    border-color: #dee2e6;
  }
}

/* node_modules/primeicons/primeicons.css */
@font-face {
  font-family: "primeicons";
  font-display: block;
  src: url("./media/primeicons-RSSEDYLY.eot");
  src:
    url("./media/primeicons-RSSEDYLY.eot?#iefix") format("embedded-opentype"),
    url("./media/primeicons-4GST5W3O.woff2") format("woff2"),
    url("./media/primeicons-P53SE5CV.woff") format("woff"),
    url("./media/primeicons-GEFHGEHP.ttf") format("truetype"),
    url("./media/primeicons-DHQU4SEP.svg?#primeicons") format("svg");
  font-weight: normal;
  font-style: normal;
}
.pi {
  font-family: "primeicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.pi:before {
  --webkit-backface-visibility:hidden;
  backface-visibility: hidden;
}
.pi-fw {
  width: 1.28571429em;
  text-align: center;
}
.pi-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
@media (prefers-reduced-motion: reduce) {
  .pi-spin {
    -webkit-animation-delay: -1ms;
    animation-delay: -1ms;
    -webkit-animation-duration: 1ms;
    animation-duration: 1ms;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
  }
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.pi-folder-plus:before {
  content: "\ea05";
}
.pi-receipt:before {
  content: "\ea06";
}
.pi-asterisk:before {
  content: "\ea07";
}
.pi-face-smile:before {
  content: "\ea08";
}
.pi-pinterest:before {
  content: "\ea09";
}
.pi-expand:before {
  content: "\ea0a";
}
.pi-pen-to-square:before {
  content: "\ea0b";
}
.pi-wave-pulse:before {
  content: "\ea0c";
}
.pi-turkish-lira:before {
  content: "\ea0d";
}
.pi-spinner-dotted:before {
  content: "\ea0e";
}
.pi-crown:before {
  content: "\ea0f";
}
.pi-pause-circle:before {
  content: "\ea10";
}
.pi-warehouse:before {
  content: "\ea11";
}
.pi-objects-column:before {
  content: "\ea12";
}
.pi-clipboard:before {
  content: "\ea13";
}
.pi-play-circle:before {
  content: "\ea14";
}
.pi-venus:before {
  content: "\ea15";
}
.pi-cart-minus:before {
  content: "\ea16";
}
.pi-file-plus:before {
  content: "\ea17";
}
.pi-microchip:before {
  content: "\ea18";
}
.pi-twitch:before {
  content: "\ea19";
}
.pi-building-columns:before {
  content: "\ea1a";
}
.pi-file-check:before {
  content: "\ea1b";
}
.pi-microchip-ai:before {
  content: "\ea1c";
}
.pi-trophy:before {
  content: "\ea1d";
}
.pi-barcode:before {
  content: "\ea1e";
}
.pi-file-arrow-up:before {
  content: "\ea1f";
}
.pi-mars:before {
  content: "\ea20";
}
.pi-tiktok:before {
  content: "\ea21";
}
.pi-arrow-up-right-and-arrow-down-left-from-center:before {
  content: "\ea22";
}
.pi-ethereum:before {
  content: "\ea23";
}
.pi-list-check:before {
  content: "\ea24";
}
.pi-thumbtack:before {
  content: "\ea25";
}
.pi-arrow-down-left-and-arrow-up-right-to-center:before {
  content: "\ea26";
}
.pi-equals:before {
  content: "\ea27";
}
.pi-lightbulb:before {
  content: "\ea28";
}
.pi-star-half:before {
  content: "\ea29";
}
.pi-address-book:before {
  content: "\ea2a";
}
.pi-chart-scatter:before {
  content: "\ea2b";
}
.pi-indian-rupee:before {
  content: "\ea2c";
}
.pi-star-half-fill:before {
  content: "\ea2d";
}
.pi-cart-arrow-down:before {
  content: "\ea2e";
}
.pi-calendar-clock:before {
  content: "\ea2f";
}
.pi-sort-up-fill:before {
  content: "\ea30";
}
.pi-sparkles:before {
  content: "\ea31";
}
.pi-bullseye:before {
  content: "\ea32";
}
.pi-sort-down-fill:before {
  content: "\ea33";
}
.pi-graduation-cap:before {
  content: "\ea34";
}
.pi-hammer:before {
  content: "\ea35";
}
.pi-bell-slash:before {
  content: "\ea36";
}
.pi-gauge:before {
  content: "\ea37";
}
.pi-shop:before {
  content: "\ea38";
}
.pi-headphones:before {
  content: "\ea39";
}
.pi-eraser:before {
  content: "\ea04";
}
.pi-stopwatch:before {
  content: "\ea01";
}
.pi-verified:before {
  content: "\ea02";
}
.pi-delete-left:before {
  content: "\ea03";
}
.pi-hourglass:before {
  content: "\e9fe";
}
.pi-truck:before {
  content: "\ea00";
}
.pi-wrench:before {
  content: "\e9ff";
}
.pi-microphone:before {
  content: "\e9fa";
}
.pi-megaphone:before {
  content: "\e9fb";
}
.pi-arrow-right-arrow-left:before {
  content: "\e9fc";
}
.pi-bitcoin:before {
  content: "\e9fd";
}
.pi-file-edit:before {
  content: "\e9f6";
}
.pi-language:before {
  content: "\e9f7";
}
.pi-file-export:before {
  content: "\e9f8";
}
.pi-file-import:before {
  content: "\e9f9";
}
.pi-file-word:before {
  content: "\e9f1";
}
.pi-gift:before {
  content: "\e9f2";
}
.pi-cart-plus:before {
  content: "\e9f3";
}
.pi-thumbs-down-fill:before {
  content: "\e9f4";
}
.pi-thumbs-up-fill:before {
  content: "\e9f5";
}
.pi-arrows-alt:before {
  content: "\e9f0";
}
.pi-calculator:before {
  content: "\e9ef";
}
.pi-sort-alt-slash:before {
  content: "\e9ee";
}
.pi-arrows-h:before {
  content: "\e9ec";
}
.pi-arrows-v:before {
  content: "\e9ed";
}
.pi-pound:before {
  content: "\e9eb";
}
.pi-prime:before {
  content: "\e9ea";
}
.pi-chart-pie:before {
  content: "\e9e9";
}
.pi-reddit:before {
  content: "\e9e8";
}
.pi-code:before {
  content: "\e9e7";
}
.pi-sync:before {
  content: "\e9e6";
}
.pi-shopping-bag:before {
  content: "\e9e5";
}
.pi-server:before {
  content: "\e9e4";
}
.pi-database:before {
  content: "\e9e3";
}
.pi-hashtag:before {
  content: "\e9e2";
}
.pi-bookmark-fill:before {
  content: "\e9df";
}
.pi-filter-fill:before {
  content: "\e9e0";
}
.pi-heart-fill:before {
  content: "\e9e1";
}
.pi-flag-fill:before {
  content: "\e9de";
}
.pi-circle:before {
  content: "\e9dc";
}
.pi-circle-fill:before {
  content: "\e9dd";
}
.pi-bolt:before {
  content: "\e9db";
}
.pi-history:before {
  content: "\e9da";
}
.pi-box:before {
  content: "\e9d9";
}
.pi-at:before {
  content: "\e9d8";
}
.pi-arrow-up-right:before {
  content: "\e9d4";
}
.pi-arrow-up-left:before {
  content: "\e9d5";
}
.pi-arrow-down-left:before {
  content: "\e9d6";
}
.pi-arrow-down-right:before {
  content: "\e9d7";
}
.pi-telegram:before {
  content: "\e9d3";
}
.pi-stop-circle:before {
  content: "\e9d2";
}
.pi-stop:before {
  content: "\e9d1";
}
.pi-whatsapp:before {
  content: "\e9d0";
}
.pi-building:before {
  content: "\e9cf";
}
.pi-qrcode:before {
  content: "\e9ce";
}
.pi-car:before {
  content: "\e9cd";
}
.pi-instagram:before {
  content: "\e9cc";
}
.pi-linkedin:before {
  content: "\e9cb";
}
.pi-send:before {
  content: "\e9ca";
}
.pi-slack:before {
  content: "\e9c9";
}
.pi-sun:before {
  content: "\e9c8";
}
.pi-moon:before {
  content: "\e9c7";
}
.pi-vimeo:before {
  content: "\e9c6";
}
.pi-youtube:before {
  content: "\e9c5";
}
.pi-flag:before {
  content: "\e9c4";
}
.pi-wallet:before {
  content: "\e9c3";
}
.pi-map:before {
  content: "\e9c2";
}
.pi-link:before {
  content: "\e9c1";
}
.pi-credit-card:before {
  content: "\e9bf";
}
.pi-discord:before {
  content: "\e9c0";
}
.pi-percentage:before {
  content: "\e9be";
}
.pi-euro:before {
  content: "\e9bd";
}
.pi-book:before {
  content: "\e9ba";
}
.pi-shield:before {
  content: "\e9b9";
}
.pi-paypal:before {
  content: "\e9bb";
}
.pi-amazon:before {
  content: "\e9bc";
}
.pi-phone:before {
  content: "\e9b8";
}
.pi-filter-slash:before {
  content: "\e9b7";
}
.pi-facebook:before {
  content: "\e9b4";
}
.pi-github:before {
  content: "\e9b5";
}
.pi-twitter:before {
  content: "\e9b6";
}
.pi-step-backward-alt:before {
  content: "\e9ac";
}
.pi-step-forward-alt:before {
  content: "\e9ad";
}
.pi-forward:before {
  content: "\e9ae";
}
.pi-backward:before {
  content: "\e9af";
}
.pi-fast-backward:before {
  content: "\e9b0";
}
.pi-fast-forward:before {
  content: "\e9b1";
}
.pi-pause:before {
  content: "\e9b2";
}
.pi-play:before {
  content: "\e9b3";
}
.pi-compass:before {
  content: "\e9ab";
}
.pi-id-card:before {
  content: "\e9aa";
}
.pi-ticket:before {
  content: "\e9a9";
}
.pi-file-o:before {
  content: "\e9a8";
}
.pi-reply:before {
  content: "\e9a7";
}
.pi-directions-alt:before {
  content: "\e9a5";
}
.pi-directions:before {
  content: "\e9a6";
}
.pi-thumbs-up:before {
  content: "\e9a3";
}
.pi-thumbs-down:before {
  content: "\e9a4";
}
.pi-sort-numeric-down-alt:before {
  content: "\e996";
}
.pi-sort-numeric-up-alt:before {
  content: "\e997";
}
.pi-sort-alpha-down-alt:before {
  content: "\e998";
}
.pi-sort-alpha-up-alt:before {
  content: "\e999";
}
.pi-sort-numeric-down:before {
  content: "\e99a";
}
.pi-sort-numeric-up:before {
  content: "\e99b";
}
.pi-sort-alpha-down:before {
  content: "\e99c";
}
.pi-sort-alpha-up:before {
  content: "\e99d";
}
.pi-sort-alt:before {
  content: "\e99e";
}
.pi-sort-amount-up:before {
  content: "\e99f";
}
.pi-sort-amount-down:before {
  content: "\e9a0";
}
.pi-sort-amount-down-alt:before {
  content: "\e9a1";
}
.pi-sort-amount-up-alt:before {
  content: "\e9a2";
}
.pi-palette:before {
  content: "\e995";
}
.pi-undo:before {
  content: "\e994";
}
.pi-desktop:before {
  content: "\e993";
}
.pi-sliders-v:before {
  content: "\e991";
}
.pi-sliders-h:before {
  content: "\e992";
}
.pi-search-plus:before {
  content: "\e98f";
}
.pi-search-minus:before {
  content: "\e990";
}
.pi-file-excel:before {
  content: "\e98e";
}
.pi-file-pdf:before {
  content: "\e98d";
}
.pi-check-square:before {
  content: "\e98c";
}
.pi-chart-line:before {
  content: "\e98b";
}
.pi-user-edit:before {
  content: "\e98a";
}
.pi-exclamation-circle:before {
  content: "\e989";
}
.pi-android:before {
  content: "\e985";
}
.pi-google:before {
  content: "\e986";
}
.pi-apple:before {
  content: "\e987";
}
.pi-microsoft:before {
  content: "\e988";
}
.pi-heart:before {
  content: "\e984";
}
.pi-mobile:before {
  content: "\e982";
}
.pi-tablet:before {
  content: "\e983";
}
.pi-key:before {
  content: "\e981";
}
.pi-shopping-cart:before {
  content: "\e980";
}
.pi-comments:before {
  content: "\e97e";
}
.pi-comment:before {
  content: "\e97f";
}
.pi-briefcase:before {
  content: "\e97d";
}
.pi-bell:before {
  content: "\e97c";
}
.pi-paperclip:before {
  content: "\e97b";
}
.pi-share-alt:before {
  content: "\e97a";
}
.pi-envelope:before {
  content: "\e979";
}
.pi-volume-down:before {
  content: "\e976";
}
.pi-volume-up:before {
  content: "\e977";
}
.pi-volume-off:before {
  content: "\e978";
}
.pi-eject:before {
  content: "\e975";
}
.pi-money-bill:before {
  content: "\e974";
}
.pi-images:before {
  content: "\e973";
}
.pi-image:before {
  content: "\e972";
}
.pi-sign-in:before {
  content: "\e970";
}
.pi-sign-out:before {
  content: "\e971";
}
.pi-wifi:before {
  content: "\e96f";
}
.pi-sitemap:before {
  content: "\e96e";
}
.pi-chart-bar:before {
  content: "\e96d";
}
.pi-camera:before {
  content: "\e96c";
}
.pi-dollar:before {
  content: "\e96b";
}
.pi-lock-open:before {
  content: "\e96a";
}
.pi-table:before {
  content: "\e969";
}
.pi-map-marker:before {
  content: "\e968";
}
.pi-list:before {
  content: "\e967";
}
.pi-eye-slash:before {
  content: "\e965";
}
.pi-eye:before {
  content: "\e966";
}
.pi-folder-open:before {
  content: "\e964";
}
.pi-folder:before {
  content: "\e963";
}
.pi-video:before {
  content: "\e962";
}
.pi-inbox:before {
  content: "\e961";
}
.pi-lock:before {
  content: "\e95f";
}
.pi-unlock:before {
  content: "\e960";
}
.pi-tags:before {
  content: "\e95d";
}
.pi-tag:before {
  content: "\e95e";
}
.pi-power-off:before {
  content: "\e95c";
}
.pi-save:before {
  content: "\e95b";
}
.pi-question-circle:before {
  content: "\e959";
}
.pi-question:before {
  content: "\e95a";
}
.pi-copy:before {
  content: "\e957";
}
.pi-file:before {
  content: "\e958";
}
.pi-clone:before {
  content: "\e955";
}
.pi-calendar-times:before {
  content: "\e952";
}
.pi-calendar-minus:before {
  content: "\e953";
}
.pi-calendar-plus:before {
  content: "\e954";
}
.pi-ellipsis-v:before {
  content: "\e950";
}
.pi-ellipsis-h:before {
  content: "\e951";
}
.pi-bookmark:before {
  content: "\e94e";
}
.pi-globe:before {
  content: "\e94f";
}
.pi-replay:before {
  content: "\e94d";
}
.pi-filter:before {
  content: "\e94c";
}
.pi-print:before {
  content: "\e94b";
}
.pi-align-right:before {
  content: "\e946";
}
.pi-align-left:before {
  content: "\e947";
}
.pi-align-center:before {
  content: "\e948";
}
.pi-align-justify:before {
  content: "\e949";
}
.pi-cog:before {
  content: "\e94a";
}
.pi-cloud-download:before {
  content: "\e943";
}
.pi-cloud-upload:before {
  content: "\e944";
}
.pi-cloud:before {
  content: "\e945";
}
.pi-pencil:before {
  content: "\e942";
}
.pi-users:before {
  content: "\e941";
}
.pi-clock:before {
  content: "\e940";
}
.pi-user-minus:before {
  content: "\e93e";
}
.pi-user-plus:before {
  content: "\e93f";
}
.pi-trash:before {
  content: "\e93d";
}
.pi-external-link:before {
  content: "\e93c";
}
.pi-window-maximize:before {
  content: "\e93b";
}
.pi-window-minimize:before {
  content: "\e93a";
}
.pi-refresh:before {
  content: "\e938";
}
.pi-user:before {
  content: "\e939";
}
.pi-exclamation-triangle:before {
  content: "\e922";
}
.pi-calendar:before {
  content: "\e927";
}
.pi-chevron-circle-left:before {
  content: "\e928";
}
.pi-chevron-circle-down:before {
  content: "\e929";
}
.pi-chevron-circle-right:before {
  content: "\e92a";
}
.pi-chevron-circle-up:before {
  content: "\e92b";
}
.pi-angle-double-down:before {
  content: "\e92c";
}
.pi-angle-double-left:before {
  content: "\e92d";
}
.pi-angle-double-right:before {
  content: "\e92e";
}
.pi-angle-double-up:before {
  content: "\e92f";
}
.pi-angle-down:before {
  content: "\e930";
}
.pi-angle-left:before {
  content: "\e931";
}
.pi-angle-right:before {
  content: "\e932";
}
.pi-angle-up:before {
  content: "\e933";
}
.pi-upload:before {
  content: "\e934";
}
.pi-download:before {
  content: "\e956";
}
.pi-ban:before {
  content: "\e935";
}
.pi-star-fill:before {
  content: "\e936";
}
.pi-star:before {
  content: "\e937";
}
.pi-chevron-left:before {
  content: "\e900";
}
.pi-chevron-right:before {
  content: "\e901";
}
.pi-chevron-down:before {
  content: "\e902";
}
.pi-chevron-up:before {
  content: "\e903";
}
.pi-caret-left:before {
  content: "\e904";
}
.pi-caret-right:before {
  content: "\e905";
}
.pi-caret-down:before {
  content: "\e906";
}
.pi-caret-up:before {
  content: "\e907";
}
.pi-search:before {
  content: "\e908";
}
.pi-check:before {
  content: "\e909";
}
.pi-check-circle:before {
  content: "\e90a";
}
.pi-times:before {
  content: "\e90b";
}
.pi-times-circle:before {
  content: "\e90c";
}
.pi-plus:before {
  content: "\e90d";
}
.pi-plus-circle:before {
  content: "\e90e";
}
.pi-minus:before {
  content: "\e90f";
}
.pi-minus-circle:before {
  content: "\e910";
}
.pi-circle-on:before {
  content: "\e911";
}
.pi-circle-off:before {
  content: "\e912";
}
.pi-sort-down:before {
  content: "\e913";
}
.pi-sort-up:before {
  content: "\e914";
}
.pi-sort:before {
  content: "\e915";
}
.pi-step-backward:before {
  content: "\e916";
}
.pi-step-forward:before {
  content: "\e917";
}
.pi-th-large:before {
  content: "\e918";
}
.pi-arrow-down:before {
  content: "\e919";
}
.pi-arrow-left:before {
  content: "\e91a";
}
.pi-arrow-right:before {
  content: "\e91b";
}
.pi-arrow-up:before {
  content: "\e91c";
}
.pi-bars:before {
  content: "\e91d";
}
.pi-arrow-circle-down:before {
  content: "\e91e";
}
.pi-arrow-circle-left:before {
  content: "\e91f";
}
.pi-arrow-circle-right:before {
  content: "\e920";
}
.pi-arrow-circle-up:before {
  content: "\e921";
}
.pi-info:before {
  content: "\e923";
}
.pi-info-circle:before {
  content: "\e924";
}
.pi-home:before {
  content: "\e925";
}
.pi-spinner:before {
  content: "\e926";
}

/* node_modules/ngx-toastr/toastr.css */
.toast-center-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
.toast-title {
  font-weight: bold;
}
.toast-message {
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #FFFFFF;
}
.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 0 1px 0 #ffffff;
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
}
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.toast-container {
  pointer-events: none;
  position: fixed;
  z-index: 999999;
}
.toast-container * {
  box-sizing: border-box;
}
.toast-container .ngx-toastr {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  background-size: 24px;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
}
.toast-container .ngx-toastr:hover {
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  cursor: pointer;
}
.toast-info {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+);
}
.toast-error {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+);
}
.toast-success {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==);
}
.toast-warning {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==);
}
.toast-container.toast-top-center .ngx-toastr,
.toast-container.toast-bottom-center .ngx-toastr {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.toast-container.toast-top-full-width .ngx-toastr,
.toast-container.toast-bottom-full-width .ngx-toastr {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
.ngx-toastr {
  background-color: #030303;
  pointer-events: auto;
}
.toast-success {
  background-color: #51A351;
}
.toast-error {
  background-color: #BD362F;
}
.toast-info {
  background-color: #2F96B4;
}
.toast-warning {
  background-color: #F89406;
}
.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
}
@media all and (max-width: 240px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  .toast-container .ngx-toastr.div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles-MLAAQVZW.css.map */