:root {
    --font:kf-mf;
    --kf-1: #a999fc;
    --kf-2: #3c087e;
    --kf-1-hover: #a999fc;
    
    --kf-1-ob: rgba(169, 153, 252, 0.2);
    
    --card-bg:#0a0819;
    --card-bg-2:#131127;
    --card-padding: 18px;
    --card-blur:0px;
    --card-shadow:rgba(3, 0, 19, 0.5);
    --dropdown-bg:#0a0819;
    
    --border-color:#14131f;
    --border-width:1px;
    --border-radius:12px;
    --border-style:solid;
    --border-radius-sm:7px;
    --border-radius-lg:17px;
    --input-bg:#12101e;
    --logo-width:35px;
    --ambiance-opacity:0.1;
    --button-radius:8px;
    --button-primary-text-color:#05060f;
    --button-primary-background-color:#4624a2;
    --button-primary-border-color:#4624a2;
    --button-primary-text-hover-color:#4624a2;
    --button-primary-background-hover-color:#ffffff;
    --button-primary-border-hover-color:#01000d;
    
    --button-secondary-text-color:#01000d;
    --button-secondary-background-color:#01000d;
    --button-secondary-border-color:#01000d;
    --button-secondary-text-hover-color:#01000d;
    --button-secondary-background-hover-color:#01000d;
    --button-secondary-border-hover-color:#01000d;
    --modal-padding: 10px 15px;
    --kf-1-active: #a999fc;
    --kf-1-rgb:  rgba(169, 153, 252, 1);
    --kf-1-text: #fff;
    --body-bg: #030013;
    --kf-bg-2: #090116;
    --text-color: #dfe1f4;
    --text-secondary:#efedfd99;
    --topbar-height: 40px;
    --header-height: 60px;
    --footer-height: 70px;
    --sidebar-width: 280px;
    --sidebar-small-width: 80px;
    --kf-sidebar-iconic-width: 60px;
    --kf-header-active-bg-rgb: #212529;
    --kf-header-active-opacity: 0.85;
    --kf-footer-bg: #fff;
    --kf-footer-bg-rgb: 255, 255, 255;
    --bs-success:#13ac7b;
    --bs-success-rgb:rgba(19, 172, 123, 0.15);
    --bs-info: #0dcaf0;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning: #faca0a;
    --bs-warning-rgb: rgba(250, 202, 10, 0.15);
    --bs-danger: #dc3545;
    --bs-0: #e37e00;
    --bs-1: #dc3545;
    --bs-2: #895dd5;
    --bs-3: #dc3545;
    --bs-4: #dc3545;
    --bs-5: #dc3545;
    --bs-6: #dc3545;
    --bs-7: #7eaa00;
    --bs-8: #895dd5;
    --bs-9: #dc3545;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light: #f8f9fa;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark: #212529;
    --bs-dark-rgb: 33, 37, 41;
    --bs-link-color-rgb: 101, 119, 146;
    --bs-border-color-translucent: #100f1f;
    --bs-primary-text-emphasis: #0051c7;
    --bs-secondary-text-emphasis: #2b2f32;
    --bs-success-text-emphasis: #6a8a00;
    --bs-info-text-emphasis: #01579e;
    --bs-warning-text-emphasis: #e37e00;
    --bs-danger-text-emphasis: #a30011;
    --bs-light-text-emphasis: #495057;
    --bs-dark-text-emphasis: #495057;
    --bs-primary-bg-subtle: #cfe2ff;
    --bs-secondary-bg-subtle: #e2e3e5;
    --bs-success-bg-subtle: #e7f4d6;
    --bs-danger-bg-subtle: #fcdfe0;
    --bs-warning-bg-subtle: #fff3c2;
    --bs-info-bg-subtle: #d7f7ff;
    --bs-blue-subtle: #c9d8f0;
    --bs-indigo-subtle: #d1c2e9;
    --bs-purple-subtle: #c8bce4;
    --bs-pink-subtle: #f0d7ea;
    --bs-red-subtle: #e4b7bb;
    --bs-orange-subtle: #ffd8b8;
    --bs-yellow-subtle: #f7e4a4;
    --bs-green-subtle: #d0f3e2;
    --bs-teal-subtle: #c4ece1;
    --bs-cyan-subtle: #bce4eb;
    --bs-blue-emphasis: #00388d;
    --bs-indigo-emphasis: #35018a;
    --bs-purple-emphasis: #32008f;
    --bs-pink-emphasis: #8b0046;
    --bs-red-emphasis: #88000e;
    --bs-orange-emphasis: #8f4000;
    --bs-yellow-emphasis: #995c00;
    --bs-green-emphasis: #008848;
    --bs-teal-emphasis: #008059;
    --bs-cyan-emphasis: #00738a;
    --bs-chocolate: #411900;
    --bs-brown: #795548;
    --bs-grey: #607d8b;
    --bs-primary-border-subtle: #9ec5fe;
    --bs-secondary-border-subtle: #c4c8cb;
    --bs-success-border-subtle: #accc70;
    --bs-info-border-subtle: #9eeaf9;
    --bs-warning-border-subtle: #ffe69c;
    --bs-danger-border-subtle: #f1aeb5;
    --bs-light-border-subtle: #e9ecef;
    --link-color: #cfc9d7;
    --bs-border-radius-sm: var(--bs-border-radius);
    --kf-content-font-weight: 400;
    --kf-title-font-weight: 600;
    --bs-breakpoint-xs: 0;
    --bs-breakpoint-sm: 576px;
    --bs-breakpoint-md: 768px;
    --bs-breakpoint-lg: 992px;
    --bs-breakpoint-xl: 1200px;
    --bs-breakpoint-xxl: 1400px;
    --sw-border-color: #eee;
    --sw-toolbar-btn-color: #fff;
    --sw-toolbar-btn-background-color: #009ef7;
    --sw-anchor-default-primary-color: #f8f9fa;
    --sw-anchor-default-secondary-color: #b0b0b1;
    --sw-anchor-active-primary-color: #009ef7;
    --sw-anchor-active-secondary-color: #fff;
    --sw-anchor-done-primary-color: #90d4fa;
    --sw-anchor-done-secondary-color: #fefefe;
    --sw-anchor-disabled-primary-color: #f8f9fa;
    --sw-anchor-disabled-secondary-color: #dbe0e5;
    --sw-anchor-error-primary-color: #dc3545;
    --sw-anchor-error-secondary-color: #fff;
    --sw-anchor-warning-primary-color: #ffc107;
    --sw-anchor-warning-secondary-color: #fff;
    --sw-progress-color: #009ef7;
    --sw-progress-background-color: #f8f9fa;
    --sw-loader-color: #009ef7;
    --sw-loader-background-color: #f8f9fa;
    --sw-loader-background-wrapper-color: hsla(0, 0%, 100%, .7);
    --dt-row-selected: 13, 110, 253;
    --dt-row-selected-text: 255, 255, 255;
    --dt-row-selected-link: 9, 10, 11;
    --dt-row-stripe: 0, 0, 0;
    --dt-row-hover: 0, 0, 0;
    --dt-column-ordering: 0, 0, 0;
    --dt-html-background: #fff;
    --bs-modal-header-border-width: 1px;
    --bs-border-width: 1px;
}
html[mode='light'] {
  --body-bg: #f3f7fa;
  --text-color: #333;
  --text-secondary:#666;
  --border-color:#00000014;
  --button-secondary-background-color:#fff;
  --card-bg:#fff;
  --card-bg-2:#f0f0f1;
  --input-bg:#ffffff;
}html.is-changing .transition-main {
  transition: opacity 250ms ease-in-out;
}
html.is-leaving .transition-main {
  transition: opacity 250ms ease-in-out;
}
header{
    height:var(--header-height);
    display: flex;
    flex-direction: column;
}
.boxy li{
    display: inline-flex;
    flex: 1;
}
.boxy .nav-link.active{
    background:var(--card-bg-2);
}

.boxy .nav-link{
    width: 100%;
    text-align: center;
    align-items: center;
    justify-content: center;
}
.inner-header{
    height: var(--header-height);
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--border-color);
    margin-bottom: 20px;
    padding-bottom: 15px;
}
.kf-sidebar-inner.boxed{
    background: var(--card-bg);
}
.affiliate-registration .titlebar .inner{
    padding-bottom: 340px;
}
.has_campaign header{
    min-height: calc(var(--header-height) + 40px) !important;
}
.tx:before{
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    z-index: -1;
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%239fa2b9' fill-opacity='1' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask-image: linear-gradient(115deg, transparent 45%, #000);
    mask-image: linear-gradient(115deg, transparent 45%, #000);
    opacity: .4;
    transition: opacity .3s;
}
.bsep{
    background: radial-gradient(140% 107.13% at 50% 10%, transparent 37.41%, #63e 69.27%, #fff 100%);
    border-radius: var(--border-radius-lg);
    margin: 0 1.5rem;
}
.dropdown-toggle:after {
    border-bottom: 0;
    border-left: .3em solid transparent;
    border-right: .3em solid transparent;
    border-top: .3em solid;
    content: "";
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    color: var(--text-secondary);
}
.empty-table{
    height: 400px;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
    border-top: 1px solid var(--border-color);
}
html.is-animating .transition-main {
  opacity: 0;
}
.lights{
    top: 0;
    left: 50%;
    transform: translate(-50%);
    position: absolute;
    width: 100%;
    height: 800px;
    z-index: 10;
    pointer-events: none;
}

html.is-rendering .card {
  transition-delay: calc((var(--count, 0) - var(--index, 0)) * 10ms), 0ms;
}

html.is-animating .card {
  transform: scale(0.8);
}

h1 {
  transition: transform 300ms, opacity 300ms;
}

html.is-animating.is-leaving h1 {
  transform: translateY(2rem);
  opacity: 0;
}

html.is-animating.is-rendering h1 {
  transform: translateY(-2rem);
  opacity: 0;
}

.detail__content {
  transition: transform 400ms;
}

html.is-animating.is-leaving .detail__content {
  transform: translateY(3rem);
}

html.is-animating.is-rendering .detail__content {
  transform: translateY(3rem);
}

.detail__content>* {
  transition: opacity 300ms, transform 300ms;
  transition-delay: calc(0ms + (2 - var(--index, 0)) * 75ms);
}

html.is-animating .detail__content>* {
  opacity: 0;
  transform: translateY(calc((var(--index, 0) + 1) * 2em));
  transition-delay: 0ms;
}

@font-face {
      font-family: 'kf-mf';
      src: url('/@repo/fonts/53k32aga.woff2') format('woff2');
      font-weight: 100 900; /* Eğer değişken fontsa */
      font-display: block;
}
.hide{
        display: none !important;
}
.view_certificate{
        position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #0e0c0f;
    z-index: 11111111111111;
    overflow: hidden;
      perspective: 1000px;
      display: flex;
      justify-content: center;
      align-items: center;
}
.view_account{
          position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #0e0c0f;
    z-index: 1;
    overflow: hidden;
    perspective: 1000px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.view_account .shine-effect {
  position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(120deg, rgba(255, 255, 255, 0.0) 0%, rgb(255 255 255 / 45%) 50%, rgba(255, 255, 255, 0.0) 100%);
    transform: skewX(-20deg);
    animation: shine 8s infinite;
    pointer-events: none;
    filter: blur(40px);
    scale: 1.2;
}
.view_certificate .shine-effect {
  position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(120deg, rgba(255, 255, 255, 0.0) 0%, rgb(255 255 255 / 45%) 50%, rgba(255, 255, 255, 0.0) 100%);
    transform: skewX(-20deg);
    animation: shine 8s infinite;
    pointer-events: none;
    filter: blur(40px);
    scale: 1.2;
}

@keyframes shine {
  0% { left: -75%; }
  100% { left: 125%; }
}
.view_certificate video.background,
.view_account video.background{
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      object-fit: cover;
      z-index: -1;
    }
.account_slots{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    position: absolute;
    bottom: 50px;
    margin: 0 auto;
    left: 0;
    right: 0;
}
.slot.elite{
    border: 1px solid #baadfe;
    background: #b3a5fd33;
}
.garage_pop ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.garage_pop li{
       border-bottom: 1px solid #ffffff0d;
    padding: 5px 0;
}
.garage_pop li:last-child{
    border-bottom:none;
}
.garage_pop{
        width: 400px;
    position: absolute;
    background: #05060f8c;
    border-radius: 16px;
    padding: 20px;
    bottom: 150px;
    margin: 0 auto;
    left: 0;
    right: 0;
    z-index: 11;
    backdrop-filter: blur(20px);
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
.view_certificate .card
{
      width: 350px;
      height: 350px;
      transition: transform 0.1s ease;
      transform-style: preserve-3d;
      z-index: 1;
    }
    .view_account .card{
    width: 290px;
    min-width: 290px;
    height: 438px;
    min-height: 438px;
    transition: transform 0.1s ease;
    transform-style: preserve-3d;
    z-index: 0;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    position: relative;
    
    }
    .view_account .card:after{
           content: "";
    position: absolute;
    bottom: 0;
    height: 185px;
    width: 100%;
    background-image: linear-gradient(to bottom left, #05191400, #030013 82%, #030013);
    z-index: -1;
    filter: blur(15px);
    }
    .virtual_bg{
        width: 100%;
    height: auto;
    position: fixed;
    filter: blur(16px);
    opacity: 0.3;
    z-index: 0;
    object-fit: cover;
        pointer-events: none;
    }
    .slot{
    width: 70px;
    background: #ffffff0f;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    border: 1px solid #36343a;
    overflow: hidden;
    }
    .slot img{
        width: 100%;
    }
    .account_header{
    position: absolute;
    top: 12%;
    text-align: center;
    font-size: 54px;
    
    margin: 0 auto;
    left: 0;
    right: 0;
    }
    .account_header .initial_balance{
            position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    z-index: 1111;
    text-shadow: 0px 1px 20px #000000;
    color: #fff;
    }
.virtual_text{
    font-size: 130px;
    font-weight: 500;
    opacity: 0.3;
    z-index: -1;
    position: relative;
    white-space: nowrap;
}
.view_account .card img {
      width: 100%;
      height: 100%;
      border-radius: 10px;
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);
      display: block;
      position: absolute;
        z-index: -1;
        top: 0;
    }
.view_certificate .card img {
      width: 100%;
      height: 100%;
      border-radius: 10px;
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);
      display: block;
    }


.helper{
    position: sticky;
    bottom: 0;
    left: 0;
    background: var(--card-bg-2);
    backdrop-filter: blur(15px);
    padding: 50px 0;
    padding-top: 0;
    width: 100%;
    z-index: 1111111111111;
    display: none;
}
.helper.active{
    display:block;
}
.card.active .circle i{
    display:block;
}
.card.active .circle{
    background:#4D2F8C;
}
.circle{
       border: 1px solid #0f0f2b;
    max-width: 20px !important;
    max-height: 20px !important;
    width: 20px !important;
    height: 20px;
    border-radius: 100%;
    outline: 1px solid #ffffff33;
    display: flex;
    font-size: 14px;
    line-height: 0;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
}
.circle i{
    display:none;
}
    .grid-container {
        position: absolute;
        left: 0;
        right: 0;
        top: -25px;
        margin-left: -13px;
        margin-right: 0px;
        box-sizing: content-box;
        height: 50px;
        background: #00000000;
    }

    .grid-lines {
      position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: repeating-linear-gradient(to right, rgba(255, 255, 255, 0.05) 0px, rgba(255, 255, 255, 0.05) 1px, transparent 1px, transparent 20px);
    }

    .glow-line-wrapper {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        background: linear-gradient(to top, transparent 0%, rgb(178 162 209 / 66%) 48%, rgb(178 162 209) 50%, rgb(178 162 209 / 66%) 52%, transparent 100%);
    }

.pricing_sidebar{
    display:block;
}
.d-flex.mega-content{
    display:none !important;
}
.virtualchart{
    position: absolute;
    left: -10px;
    bottom: -10px;
    width: 110%;
}
.affiliate_con{
    box-sizing: border-box;
    width: 100%;
    display: flex;
}
.affiliate_program img{
    position: absolute;
    object-fit: cover;
    left: 0;
    animation: moveBackgroundDown 12s linear infinite;
}
@keyframes moveBackgroundDown {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}
.affiliate_program{
    background: #17181F;
    background: linear-gradient(0deg, rgba(23, 24, 31, 1) 0%, rgba(51, 44, 71, 1) 100%);
    color: #fff;
    padding: 10px 20px;
    width: 100%;
    border-radius: 8px;
    border: 1px solid #b2a2d147;
    overflow: hidden;
    position: relative;
}
.virtualchart:before{
    position: absolute;
    top: 50%;
    content: "";
    display: block;
    height: 1px;
    opacity: 0.3;
    background-image: repeating-linear-gradient(to right, #999, #999 4px, transparent 4px, transparent 9px);
    width: 100%;
    margin: 20px 0;
}
.bg2{
    background: var(--card-bg-2);
    backdrop-filter: blur(3px);
}
.gp{
    background-image: url(/@repo/img/client/prg.jpg);
    width: 100%;
    height: 43px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}
[data="progress"]{
    height: 2px;
    border-radius: 1px;
    top:-2px;
    width: 63%;
    display: inline-block;
    background: linear-gradient(90deg, rgba(191, 179, 253, 1) 0%, rgba(185, 172, 254, 1) 50%, rgba(185, 172, 254, 1) 75%, rgb(169 153 252 / 0%) 100%);
    position: relative;
}

[data="progress_val"]{
    padding: 5px 10px;
    align-items: center;
    border-radius: 27px;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    font-size: 17px;
    border: 1px solid #ffffff14;
    position: absolute;
    top: -60px;
    background: #17181F;
    background: linear-gradient(0deg, rgba(23, 24, 31, 1) 0%, rgba(51, 44, 71, 1) 100%);
}
[data="progress_val"]::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    margin-top: -1px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    z-index: 0;
    border-top: 10px solid #191a22;
}
[data="progress_val"]::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    margin-top: -1px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    z-index: 0;
    border-top: 10px solid #fff;
}
[data="progress"]:before{
    content: "";
    width: 40px;
    height: 40px;
    position: absolute;
    background-image: url(/@repo/img/client/pig.png);
    background-size: 40px;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
}



.card.active{
    background: linear-gradient(180deg, rgba(60, 8, 126, 0) 0%, var(--kf-2) 100%), rgba(113, 47, 255, .12);
}
.bfu{
  height: 1px;
  width: 100%;
  background: linear-gradient(to right, transparent, #ffffff1f, transparent);
}
.bb{
    border-bottom: 1px solid transparent;
    border-image-source: linear-gradient(to right, transparent, #ffffff1f, transparent);
    border-image-slice: 1;
    border-image-width: 1px;
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-style: solid;
}
.bri{
    min-height: 40px;
    margin: 0 20px;
    width: 1px;
    background: linear-gradient(to top, transparent, #ffffff1f, transparent);
}
.bt {
    border-top: 1px solid transparent;
    border-image-source: linear-gradient(to right, transparent, #ffffff1f, transparent);
    border-image-slice: 1;
    border-image-width: 1px;
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-style: solid;
}
.frontend .dz-preview{
    display:none !important;
}

[data="more_info"] .live [data="profit_target"]{
    display: none !important;
}
div[filter]{
    position:relative;
}
[data="inventory_preview"]{
    position:relative;
}
[data="inventory_preview"][select="none"]:before{
    content: "To use it, first select an item from your inventory.";
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: var(--card-bg);
    padding: var(--card-padding);
    border: var(--border-width) solid var(--border-color);
    border-radius: var(--border-radius);
    z-index: 1;
}
.shop_item:hover{
        position: absolute;
    display: inline-table;
    height: auto !important;
    z-index: 1;
    width: 100%;
    left: 0px;
    top: -30px;
    scale: 1.02;
    box-shadow: 0 7px 50px 50px #01000db3 !important;
}
.shop_item:hover .hidden{
    display:block;
}
.marss{
    border-radius: 25px;
    overflow: hidden;
}
.empty-slot,
[data="inventory_preview"][select="none"]{
    border: var(--border-width) solid var(--border-color);
    border-width: 1px;
    min-height: 150px;
    border-radius: var(--border-radius);
    width: 100%;
}
.fimg img{
        border-radius: 15px 15px 0 0;
}
.bac{
        border: 1px solid #093629 !important;
}
.marss:before{
      content: "";
    width: 100%;
    height: 56%;
    position: absolute;
    left: 0;
    bottom: -45px;
    background: rgb(16, 15, 31);
    background: linear-gradient(0deg, rgb(1 0 13) 18%, rgba(16, 15, 31, 0) 100%);
    z-index: 111;
}
.alert-pop{
    position: fixed;
    bottom: -60px;
    display: inline-block;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: center;
    animation: alert 5s ease;;
    animation-iteration-count: 1

}
.ibm{
    padding: var(--card-padding);
    border: var(--border-width) solid var(--border-color);
    background: rgba(var(--card-bg), 0.5);
    border-radius: var(--border-radius);
    position:relative;
}
.ibm::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--card-bg);  
  opacity: 0.5;  
  z-index: -1; 
  border-radius: var(--border-radius);
}
.fww{
        width: 100%;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.qrr{
    position:relative;
        overflow: unset !important;
}
.equity{
    position: absolute;
    margin-top: -25px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.qrr .equity{
    position:absolute;
        overflow: unset !important;
        top:-20px;
}
.pt{
    position: relative;
    width: 1px;
    height: 20px;
    background: #0c071d;
}
.apt{
        position: absolute;
    margin-top: 30px;
    left: -42px;
    right: 0;
    width: 80px;
    text-align: center;
}
.daterangepicker:after,
.daterangepicker:before {
    border-bottom-color: rgba(0, 0, 0, .2);
    content: "";
    display: inline-block;
    position: absolute
}
.bg-theme-4{
    background-color: rgba(var(--bs-danger-rgb), .15) !important;
    color: var(--bs-danger) !important;
}
.bg-theme-5 {
    background-color: var(--bs-warning-rgb) !important;
    color: var(--bs-warning) !important;
}
.bg-theme-6 {
    background-color: var(--bs-success-rgb) !important;
    color: var(--bs-success) !important;
}
.bg-theme-3 {
    background-color: var(--kf-1-ob) !importantim;
    color: var(--kf-1) !important;
}



.daterangepicker:before {
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    top: -7px
}

.daterangepicker:after {
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    top: -6px
}

.daterangepicker.opensleft:before {
    right: 9px
}

.daterangepicker.opensleft:after {
    right: 10px
}

.daterangepicker.openscenter:after,
.daterangepicker.openscenter:before {
    left: 0;
    margin-left: auto;
    margin-right: auto;
    right: 0;
    width: 0
}

.daterangepicker.opensright:before {
    left: 9px
}

.daterangepicker.opensright:after {
    left: 10px
}

.daterangepicker.drop-up {
    margin-top: -7px
}

.daterangepicker.drop-up:before {
    border-bottom: initial;
    border-top: 7px solid #ccc;
    bottom: -7px;
    top: auto
}

.daterangepicker.drop-up:after {
    border-bottom: initial;
    border-top: 6px solid #fff;
    bottom: -6px;
    top: auto
}

.daterangepicker.single .daterangepicker .ranges,
.daterangepicker.single .drp-calendar {
    float: none
}

.daterangepicker.single .drp-selected {
    display: none
}

.daterangepicker.show-calendar .drp-buttons,
.daterangepicker.show-calendar .drp-calendar {
    display: block
}

.daterangepicker.auto-apply .drp-buttons {
    display: none
}

.daterangepicker .drp-calendar {
    display: none;
    max-width: 270px
}

.daterangepicker .drp-calendar.left {
    padding: 8px 0 8px 8px
}

.daterangepicker .drp-calendar.right {
    padding: 8px
}

.daterangepicker .drp-calendar.single .calendar-table {
    border: none
}

.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
    border: solid var(--kf-1-text);
    border-radius: 0;
    border-width: 0 2px 2px 0;
    color: #fff;
    display: inline-block;
    padding: 3px
}

.daterangepicker .calendar-table .next span {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.daterangepicker .calendar-table .prev span {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg)
}

.daterangepicker .calendar-table td,
.daterangepicker .calendar-table th {
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.daterangepicker .calendar-table {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 4px
}

.daterangepicker .calendar-table table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
    width: 100%
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
    background-color: #eee;
    border-color: transparent;
    color: inherit
}

.daterangepicker td.week,
.daterangepicker th.week {
    color: #ccc;
    font-size: 80%
}

.daterangepicker td.off,
.daterangepicker td.off.end-date,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date {
    background-color: #fff;
    border-color: transparent;
    color: #999
}

.daterangepicker td.in-range {
    background-color: #ebf4f8;
    border-color: transparent;
    border-radius: 0;
    color: #000
}

.daterangepicker td.start-date {
    border-radius: 4px 0 0 4px
}

.daterangepicker td.end-date {
    border-radius: 0 4px 4px 0
}

.daterangepicker td.start-date.end-date {
    border-radius: 4px
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #357ebd;
    border-color: transparent;
    color: #fff
}

.daterangepicker th.month {
    width: auto
}

.daterangepicker option.disabled,
.daterangepicker td.disabled {
    color: #999;
    cursor: not-allowed;
    text-decoration: line-through
}

.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
    cursor: default;
    font-size: 12px;
    height: auto;
    margin: 0;
    padding: 1px
}

.daterangepicker select.monthselect {
    margin-right: 2%;
    width: 56%
}

.daterangepicker select.yearselect {
    width: 40%
}

.daterangepicker select.ampmselect,
.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect {
    background: #eee;
    border: 1px solid #eee;
    font-size: 12px;
    margin: 0 auto;
    outline: 0;
    padding: 2px;
    width: 50px
}

.daterangepicker .calendar-time {
    line-height: 30px;
    margin: 4px auto 0;
    position: relative;
    text-align: center
}

.daterangepicker .calendar-time select.disabled {
    color: #ccc;
    cursor: not-allowed
}

.daterangepicker .drp-buttons {
    border-top: 1px solid #ddd;
    clear: both;
    display: none;
    line-height: 12px;
    padding: 8px;
    text-align: right;
    vertical-align: middle
}

.daterangepicker .drp-selected {
    display: inline-block;
    font-size: 12px;
    padding-right: 8px
}

.daterangepicker .drp-buttons .btn {
    font-size: 12px;
    font-weight: 700;
    margin-left: 8px;
    padding: 4px 8px
}

.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
    border-right: 1px solid #ddd
}

.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
    border-left: 1px solid #ddd
}

.daterangepicker.show-ranges.rtl .drp-calendar.right {
    border-right: 1px solid #ddd
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
    border-left: 1px solid #ddd
}

.daterangepicker .ranges {
    float: none;
    margin: 0;
    text-align: left
}

.daterangepicker.show-calendar .ranges {
    margin-top: 8px
}

.daterangepicker .ranges ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 100%
}

.daterangepicker .ranges li {
    cursor: pointer;
    font-size: 12px;
    padding: 8px 12px
}

.daterangepicker .ranges li:hover {
    background-color: #eee
}

.daterangepicker .ranges li.active {
    background-color: #08c;
    color: #fff
}

@media (min-width:564px) {
    .daterangepicker {
        width: auto
    }
    .daterangepicker .ranges ul {
        width: 140px
    }
    .daterangepicker.single .ranges ul {
        width: 100%
    }
    .daterangepicker.single .drp-calendar.left {
        clear: none
    }
    .daterangepicker.single .drp-calendar,
    .daterangepicker.single .ranges {
        float: left
    }
    .daterangepicker {
        direction: ltr;
        text-align: left
    }
    .daterangepicker .drp-calendar.left {
        clear: left;
        margin-right: 0
    }
    .daterangepicker .drp-calendar.left .calendar-table {
        border-bottom-right-radius: 0;
        border-right: none;
        border-top-right-radius: 0
    }
    .daterangepicker .drp-calendar.right {
        margin-left: 0
    }
    .daterangepicker .drp-calendar.right .calendar-table {
        border-bottom-left-radius: 0;
        border-left: none;
        border-top-left-radius: 0
    }
    .daterangepicker .drp-calendar.left .calendar-table {
        padding-right: 8px
    }
    .daterangepicker .drp-calendar,
    .daterangepicker .ranges {
        float: left
    }
}

@media (min-width:730px) {
    .daterangepicker .ranges {
        float: left;
        width: auto
    }
    .daterangepicker.rtl .ranges {
        float: right
    }
    .daterangepicker .drp-calendar.left {
        clear: none !important
    }
}

.hidden{
    display:none;
}
.bv:before{
    content: "";
    background-image: radial-gradient(#000d0000, #000d0000, #01000d, #01000d);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.bv{
    position: absolute;
    width: 100%;
    
    left: 0;
    z-index: -1;
    
}
.bv video{
    object-fit: cover;
    width: 100%;
}
table td.dt-control {
    cursor: pointer;
    text-align: center
}

table td.dt-control:before {
    border-color: transparent transparent transparent rgba(0, 0, 0, .5);
    border-style: solid;
    border-width: 5px 0 5px 10px;
    box-sizing: border-box;
    content: "";
    display: inline-block
}

table tr.dt-hasChild td.dt-control:before {
    border-color: rgba(0, 0, 0, .5) transparent transparent;
    border-style: solid;
    border-width: 10px 5px 0
}



div.dt-scroll-body tfoot tr,
div.dt-scroll-body thead tr {
    height: 0
}

div.dt-scroll-body tfoot tr td,
div.dt-scroll-body tfoot tr th,
div.dt-scroll-body thead tr td,
div.dt-scroll-body thead tr th {
    border-bottom-width: 0 !important;
    border-top-width: 0 !important;
    height: 0 !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important
}

div.dt-scroll-body tfoot tr td div.dt-scroll-sizing,
div.dt-scroll-body tfoot tr th div.dt-scroll-sizing,
div.dt-scroll-body thead tr td div.dt-scroll-sizing,
div.dt-scroll-body thead tr th div.dt-scroll-sizing {
    height: 0 !important;
    overflow: hidden !important
}



table thead>tr>td.dt-orderable-asc span.dt-column-order,
table thead>tr>td.dt-orderable-desc span.dt-column-order,
table thead>tr>td.dt-ordering-asc span.dt-column-order,
table thead>tr>td.dt-ordering-desc span.dt-column-order,
table thead>tr>th.dt-orderable-asc span.dt-column-order,
table thead>tr>th.dt-orderable-desc span.dt-column-order,
table thead>tr>th.dt-ordering-asc span.dt-column-order,
table thead>tr>th.dt-ordering-desc span.dt-column-order {
    display: inline-flex;
    flex-direction: column;
    position: absolute;
    right: 10px;
    top: 12px;
}

table thead>tr>td.dt-orderable-asc span.dt-column-order:after,
table thead>tr>td.dt-orderable-asc span.dt-column-order:before,
table thead>tr>td.dt-orderable-desc span.dt-column-order:after,
table thead>tr>td.dt-orderable-desc span.dt-column-order:before,
table thead>tr>td.dt-ordering-asc span.dt-column-order:after,
table thead>tr>td.dt-ordering-asc span.dt-column-order:before,
table thead>tr>td.dt-ordering-desc span.dt-column-order:after,
table thead>tr>td.dt-ordering-desc span.dt-column-order:before,
table thead>tr>th.dt-orderable-asc span.dt-column-order:after,
table thead>tr>th.dt-orderable-asc span.dt-column-order:before,
table thead>tr>th.dt-orderable-desc span.dt-column-order:after,
table thead>tr>th.dt-orderable-desc span.dt-column-order:before,
table thead>tr>th.dt-ordering-asc span.dt-column-order:after,
table thead>tr>th.dt-ordering-asc span.dt-column-order:before,
table thead>tr>th.dt-ordering-desc span.dt-column-order:after,
table thead>tr>th.dt-ordering-desc span.dt-column-order:before {
    font-size: .8em;
    left: 0;
    line-height: 9px;
    opacity: .125
}

table thead>tr>td.dt-orderable-asc,
table thead>tr>td.dt-orderable-desc,
table thead>tr>th.dt-orderable-asc,
table thead>tr>th.dt-orderable-desc {
    cursor: pointer
}

table thead>tr>td.dt-orderable-asc:hover,
table thead>tr>td.dt-orderable-desc:hover,
table thead>tr>th.dt-orderable-asc:hover,
table thead>tr>th.dt-orderable-desc:hover {
    outline: 2px solid rgba(0, 0, 0, .05);
    outline-offset: -2px
}

table thead>tr>td.dt-ordering-asc span.dt-column-order:before,
table thead>tr>td.dt-ordering-desc span.dt-column-order:after,
table thead>tr>th.dt-ordering-asc span.dt-column-order:before,
table thead>tr>th.dt-ordering-desc span.dt-column-order:after {
    opacity: .6
}

table thead>tr>td.sorting_asc_disabled span.dt-column-order:before,
table thead>tr>td.sorting_desc_disabled span.dt-column-order:after,
table thead>tr>th.sorting_asc_disabled span.dt-column-order:before,
table thead>tr>th.sorting_desc_disabled span.dt-column-order:after {
    display: none
}

table thead>tr>td:active,
table thead>tr>th:active {
    outline: none
}

div.dt-scroll-body>table>thead>tr>td,
div.dt-scroll-body>table>thead>tr>th {
    overflow: hidden
}


div.dt-processing {
    left: 50%;
    margin-left: -100px;
    margin-top: -22px;
    padding: 2px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 200px;
    z-index: 10
}

div.dt-processing>div:last-child {
    height: 15px;
    margin: 1em auto;
    position: relative;
    width: 80px
}

div.dt-processing>div:last-child>div {
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
    background: #0d6efd;
    background: rgb(var(--dt-row-selected));
    border-radius: 50%;
    height: 13px;
    position: absolute;
    top: 0;
    width: 13px
}

div.dt-processing>div:last-child>div:first-child {
    animation: datatables-loader-1 .6s infinite;
    left: 8px
}

div.dt-processing>div:last-child>div:nth-child(2) {
    animation: datatables-loader-2 .6s infinite;
    left: 8px
}

div.dt-processing>div:last-child>div:nth-child(3) {
    animation: datatables-loader-2 .6s infinite;
    left: 32px
}

div.dt-processing>div:last-child>div:nth-child(4) {
    animation: datatables-loader-3 .6s infinite;
    left: 56px
}

@keyframes datatables-loader-1 {
    0% {
        transform: scale(0)
    }
    to {
        transform: scale(1)
    }
}

@keyframes datatables-loader-3 {
    0% {
        transform: scale(1)
    }
    to {
        transform: scale(0)
    }
}

@keyframes datatables-loader-2 {
    0% {
        transform: translate(0)
    }
    to {
        transform: translate(24px)
    }
}

table.nowrap td,
table.nowrap th {
    white-space: nowrap
}

table td,
table th {
    box-sizing: border-box
}

table td.dt-left,
table th.dt-left {
    text-align: left
}

table td.dt-center,
table th.dt-center {
    text-align: center
}

table td.dt-right,
table th.dt-right {
    text-align: right
}

table td.dt-justify,
table th.dt-justify {
    text-align: justify
}

table td.dt-nowrap,
table th.dt-nowrap {
    white-space: nowrap
}

table td.dt-empty,
table th.dt-empty {
    text-align: center;
    vertical-align: top
}


table tfoot td,
table tfoot td.dt-head-left,
table tfoot th,
table tfoot th.dt-head-left,
table thead td,
table thead td.dt-head-left,
table thead th,
table thead th.dt-head-left {
    text-align: left
}

table tfoot td.dt-head-center,
table tfoot th.dt-head-center,
table thead td.dt-head-center,
table thead th.dt-head-center {
    text-align: center
}

table tfoot td.dt-head-right,
table tfoot th.dt-head-right,
table thead td.dt-head-right,
table thead th.dt-head-right {
    text-align: right
}

table tfoot td.dt-head-justify,
table tfoot th.dt-head-justify,
table thead td.dt-head-justify,
table thead th.dt-head-justify {
    text-align: justify
}

table tfoot td.dt-head-nowrap,
table tfoot th.dt-head-nowrap,
table thead td.dt-head-nowrap,
table thead th.dt-head-nowrap {
    white-space: nowrap
}

table tbody td.dt-body-left,
table tbody th.dt-body-left {
    text-align: left
}

table tbody td.dt-body-center,
table tbody th.dt-body-center {
    text-align: center
}

table tbody td.dt-body-right,
table tbody th.dt-body-right {
    text-align: right
}

table tbody td.dt-body-justify,
table tbody th.dt-body-justify {
    text-align: justify
}

table tbody td.dt-body-nowrap,
table tbody th.dt-body-nowrap {
    white-space: nowrap
}

table {
    border-spacing: 0;
    margin: 0 auto;
    width: 100%;
    border-top: 1px solid var(--border-color);
}

table tfoot th,
table thead th {
    font-weight: 700
}

table>thead>tr>td,
table>thead>tr>th {
    border:none;
}

table>thead>tr>td:active,
table>thead>tr>th:active {
    outline: none
}

table>tfoot>tr>td,
table>tfoot>tr>th {
    border-top: 1px solid rgba(0, 0, 0, .3);
    padding: 10px 10px 6px
}

table>tbody>tr {
    background-color: transparent
}

table>tbody>tr:first-child>* {
    border-top: none
}

table>tbody>tr:last-child>* {
    border-bottom: none
}

table>tbody>tr.selected>* {
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, .9);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), .9);
    color: #fff;
    color: rgb(var(--dt-row-selected-text))
}

table>tbody>tr.selected a {
    color: #090a0b;
    color: rgb(var(--dt-row-selected-link))
}

table>tbody>tr>td,
table>tbody>tr>th {
    padding: 8px 10px
}

table.display>tbody>tr>*,
table.row-border>tbody>tr>* {
    border-top: 1px solid rgba(0, 0, 0, .15)
}

table.display>tbody>tr:first-child>*,
table.row-border>tbody>tr:first-child>* {
    border-top: none
}

table.display>tbody>tr.selected+tr.selected>td,
table.row-border>tbody>tr.selected+tr.selected>td {
    border-top-color: rgba(13, 110, 253, .65);
    border-top-color: rgba(var(--dt-row-selected), .65)
}

table.cell-border>tbody>tr>* {
    border-right: 1px solid rgba(0, 0, 0, .15);
    border-top: 1px solid rgba(0, 0, 0, .15)
}

table.cell-border>tbody>tr>:first-child {
    border-left: 1px solid rgba(0, 0, 0, .15)
}

table.cell-border>tbody>tr:first-child>* {
    border-top: 1px solid rgba(0, 0, 0, .3)
}

table.display>tbody>tr:nth-child(odd)>*,
table.stripe>tbody>tr:nth-child(odd)>* {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, .023);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-stripe), .023)
}

table.display>tbody>tr:nth-child(odd).selected>*,
table.stripe>tbody>tr:nth-child(odd).selected>* {
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, .923);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), .923)
}

table.display>tbody>tr:hover>*,
table.hover>tbody>tr:hover>* {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, .035);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), .035)
}

table.display>tbody>tr.selected:hover>*,
table.hover>tbody>tr.selected:hover>* {
    box-shadow: inset 0 0 0 9999px #0d6efd !important;
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 1) !important
}

table.display>tbody tr>.sorting_1,
table.display>tbody tr>.sorting_2,
table.display>tbody tr>.sorting_3,
table.order-column>tbody tr>.sorting_1,
table.order-column>tbody tr>.sorting_2,
table.order-column>tbody tr>.sorting_3 {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, .019);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), .019)
}

table.display>tbody tr.selected>.sorting_1,
table.display>tbody tr.selected>.sorting_2,
table.display>tbody tr.selected>.sorting_3,
table.order-column>tbody tr.selected>.sorting_1,
table.order-column>tbody tr.selected>.sorting_2,
table.order-column>tbody tr.selected>.sorting_3 {
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, .919);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), .919)
}

table.display>tbody>tr:nth-child(odd)>.sorting_1,
table.order-column.stripe>tbody>tr:nth-child(odd)>.sorting_1 {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, .054);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), .054)
}

table.display>tbody>tr:nth-child(odd)>.sorting_2,
table.order-column.stripe>tbody>tr:nth-child(odd)>.sorting_2 {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, .047);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), .047)
}

table.display>tbody>tr:nth-child(odd)>.sorting_3,
table.order-column.stripe>tbody>tr:nth-child(odd)>.sorting_3 {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, .039);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), .039)
}

table.display>tbody>tr:nth-child(odd).selected>.sorting_1,
table.order-column.stripe>tbody>tr:nth-child(odd).selected>.sorting_1 {
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, .954);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), .954)
}

table.display>tbody>tr:nth-child(odd).selected>.sorting_2,
table.order-column.stripe>tbody>tr:nth-child(odd).selected>.sorting_2 {
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, .947);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), .947)
}

table.display>tbody>tr:nth-child(odd).selected>.sorting_3,
table.order-column.stripe>tbody>tr:nth-child(odd).selected>.sorting_3 {
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, .939);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), .939)
}

table.display>tbody>tr.even>.sorting_1,
table.order-column.stripe>tbody>tr.even>.sorting_1 {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, .019);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), .019)
}

table.display>tbody>tr.even>.sorting_2,
table.order-column.stripe>tbody>tr.even>.sorting_2 {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, .011);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), .011)
}

table.display>tbody>tr.even>.sorting_3,
table.order-column.stripe>tbody>tr.even>.sorting_3 {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, .003);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), .003)
}

table.display>tbody>tr.even.selected>.sorting_1,
table.order-column.stripe>tbody>tr.even.selected>.sorting_1 {
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, .919);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), .919)
}

table.display>tbody>tr.even.selected>.sorting_2,
table.order-column.stripe>tbody>tr.even.selected>.sorting_2 {
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, .911);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), .911)
}

table.display>tbody>tr.even.selected>.sorting_3,
table.order-column.stripe>tbody>tr.even.selected>.sorting_3 {
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, .903);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), .903)
}

table.display tbody tr:hover>.sorting_1,
table.order-column.hover tbody tr:hover>.sorting_1 {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, .082);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), .082)
}

table.display tbody tr:hover>.sorting_2,
table.order-column.hover tbody tr:hover>.sorting_2 {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, .074);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), .074)
}

table.display tbody tr:hover>.sorting_3,
table.order-column.hover tbody tr:hover>.sorting_3 {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, .062);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), .062)
}

table.display tbody tr:hover.selected>.sorting_1,
table.order-column.hover tbody tr:hover.selected>.sorting_1 {
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, .982);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), .982)
}

table.display tbody tr:hover.selected>.sorting_2,
table.order-column.hover tbody tr:hover.selected>.sorting_2 {
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, .974);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), .974)
}

table.display tbody tr:hover.selected>.sorting_3,
table.order-column.hover tbody tr:hover.selected>.sorting_3 {
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, .962);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), .962)
}

table.compact tbody td,
table.compact tbody th,
table.compact tfoot td,
table.compact tfoot th,
table.compact thead td,
table.compact thead th {
    padding: 4px
}

div.dt-container {
    clear: both;
    position: relative
}

div.dt-container div.dt-layout-row {
    clear: both;
    display: table;
    width: 100%
}

div.dt-container div.dt-layout-row.dt-layout-table,
div.dt-container div.dt-layout-row.dt-layout-table div.dt-layout-cell {
    display: block
}

div.dt-container div.dt-layout-cell {
    display: table-cell;
    vertical-align: middle
}

div.dt-container div.dt-layout-cell.dt-full {
    text-align: center
}

div.dt-container div.dt-layout-cell.dt-start {
    text-align: left
}

div.dt-container div.dt-layout-cell.dt-end {
    text-align: right
}

div.dt-container div.dt-layout-cell:empty {
    display: none
}

div.dt-container .dt-search input {
    margin-left: 3px
}

div.dt-container .dt-input,
div.dt-container .dt-search input {
    background-color: transparent;
    border: 1px solid #aaa;
    border-radius: 3px;
    color: inherit;
    padding: 5px
}

div.dt-container select.dt-input {
    padding: 4px
}

div.dt-container .dt-paging .dt-paging-button {
    background: transparent;
    border: 1px solid transparent;
    border-radius: 2px;
    box-sizing: border-box;
    color: inherit !important;
    cursor: pointer;
    display: inline-block;
    margin-left: 2px;
    min-width: 1.5em;
    padding: .5em 1em;
    text-align: center;
    text-decoration: none !important
}

div.dt-container .dt-paging .dt-paging-button.current,
div.dt-container .dt-paging .dt-paging-button.current:hover {
    background-color: rgba(0, 0, 0, .05);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, hsla(0, 0%, 90%, .05)), color-stop(100%, rgba(0, 0, 0, .05)));
    background: -webkit-linear-gradient(top, hsla(0, 0%, 90%, .05), rgba(0, 0, 0, .05));
    background: -moz-linear-gradient(top, hsla(0, 0%, 90%, .05) 0, rgba(0, 0, 0, .05) 100%);
    background: -ms-linear-gradient(top, hsla(0, 0%, 90%, .05) 0, rgba(0, 0, 0, .05) 100%);
    background: -o-linear-gradient(top, hsla(0, 0%, 90%, .05) 0, rgba(0, 0, 0, .05) 100%);
    background: linear-gradient(180deg, hsla(0, 0%, 90%, .05) 0, rgba(0, 0, 0, .05));
    border: 1px solid rgba(0, 0, 0, .3);
    color: inherit !important
}


div.dt-container .dt-paging .dt-paging-button:hover {
    background-color: #111;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #585858), color-stop(100%, #111));
    background: -webkit-linear-gradient(top, #585858, #111);
    background: -moz-linear-gradient(top, #585858 0, #111 100%);
    background: -ms-linear-gradient(top, #585858 0, #111 100%);
    background: -o-linear-gradient(top, #585858 0, #111 100%);
    background: linear-gradient(180deg, #585858 0, #111);
    border: 1px solid #111;
    color: var(--text-color);
}

div.dt-container .dt-paging .dt-paging-button:active {
    background-color: #0c0c0c;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2b2b2b), color-stop(100%, #0c0c0c));
    background: -webkit-linear-gradient(top, #2b2b2b, #0c0c0c);
    background: -moz-linear-gradient(top, #2b2b2b 0, #0c0c0c 100%);
    background: -ms-linear-gradient(top, #2b2b2b 0, #0c0c0c 100%);
    background: -o-linear-gradient(top, #2b2b2b 0, #0c0c0c 100%);
    background: linear-gradient(180deg, #2b2b2b 0, #0c0c0c);
    box-shadow: inset 0 0 3px #111;
    outline: none
}

div.dt-container .dt-paging .ellipsis {
    padding: 0 1em
}

div.dt-container .dt-info,
div.dt-container .dt-length,
div.dt-container .dt-paging,
div.dt-container .dt-processing,
div.dt-container .dt-search {
    color: inherit
}

div.dt-container .dataTables_scroll {
    clear: both
}

div.dt-container .dataTables_scroll div.dt-scroll-body {
    -webkit-overflow-scrolling: touch
}

div.dt-container .dataTables_scroll div.dt-scroll-body>table>tbody>tr>td,
div.dt-container .dataTables_scroll div.dt-scroll-body>table>tbody>tr>th,
div.dt-container .dataTables_scroll div.dt-scroll-body>table>thead>tr>td,
div.dt-container .dataTables_scroll div.dt-scroll-body>table>thead>tr>th {
    vertical-align: middle
}

div.dt-container .dataTables_scroll div.dt-scroll-body>table>tbody>tr>td>div.dataTables_sizing,
div.dt-container .dataTables_scroll div.dt-scroll-body>table>tbody>tr>th>div.dataTables_sizing,
div.dt-container .dataTables_scroll div.dt-scroll-body>table>thead>tr>td>div.dataTables_sizing,
div.dt-container .dataTables_scroll div.dt-scroll-body>table>thead>tr>th>div.dataTables_sizing {
    height: 0;
    margin: 0 !important;
    overflow: hidden;
    padding: 0 !important
}

div.dt-container.dt-empty-footer .dt-scroll-body,
div.dt-container.dt-empty-footer tbody>tr:last-child>* {
    border-bottom: 1px solid var(--border-color);
}

div.dt-container.dt-empty-footer .dt-scroll-body tbody>tr:last-child>* {
    border-bottom: none
}

@media screen and (max-width:767px) {
    div.dt-container div.dt-layout-cell,
    div.dt-container div.dt-layout-row {
        display: block
    }
    div.dt-container div.dt-layout-cell.dt-end,
    div.dt-container div.dt-layout-cell.dt-full,
    div.dt-container div.dt-layout-cell.dt-start {
        text-align: center
    }
}

@media screen and (max-width:640px) {
    .dt-container .dt-length,
    .dt-container .dt-search {
        float: none;
        text-align: center
    }
    .dt-container .dt-search {
        margin-top: .5em
    }
}


[dir=rtl] table tfoot td,
[dir=rtl] table tfoot th,
[dir=rtl] table thead td,
[dir=rtl] table thead th {
    text-align: right
}

[dir=rtl] table td.dt-type-date,
[dir=rtl] table td.dt-type-numeric,
[dir=rtl] table th.dt-type-date,
[dir=rtl] table th.dt-type-numeric {
    text-align: left
}

[dir=rtl] div.dt-container div.dt-layout-cell.dt-start {
    text-align: right
}

[dir=rtl] div.dt-container div.dt-layout-cell.dt-end {
    text-align: left
}

[dir=rtl] div.dt-container div.dt-search input {
    margin: 0 3px 0 0
}

table.dtr-inline.collapsed>tbody>tr>td.child,
table.dtr-inline.collapsed>tbody>tr>td.dataTables_empty,
table.dtr-inline.collapsed>tbody>tr>th.child {
    cursor: default !important
}

table.dtr-inline.collapsed>tbody>tr>td.child:before,
table.dtr-inline.collapsed>tbody>tr>td.dataTables_empty:before,
table.dtr-inline.collapsed>tbody>tr>th.child:before {
    display: none !important
}

table.dtr-inline.collapsed>tbody>tr>td.dtr-control,
table.dtr-inline.collapsed>tbody>tr>th.dtr-control {
    cursor: pointer
}

table.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
table.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
    border-color: transparent transparent transparent rgba(0, 0, 0, .5);
    border-style: solid;
    border-width: 5px 0 5px 10px;
    box-sizing: border-box;
    content: "";
    display: inline-block;
    margin-right: .5em
}

table.dtr-inline.collapsed>tbody>tr>td.dtr-control.arrow-right:before,
table.dtr-inline.collapsed>tbody>tr>th.dtr-control.arrow-right:before {
    border-color: transparent rgba(0, 0, 0, .5) transparent transparent;
    border-style: solid;
    border-width: 5px 10px 5px 0
}

table.dtr-inline.collapsed>tbody>tr.dtr-expanded>td.dtr-control:before,
table.dtr-inline.collapsed>tbody>tr.dtr-expanded>th.dtr-control:before {
    border-color: rgba(0, 0, 0, .5) transparent transparent;
    border-style: solid;
    border-width: 10px 5px 0
}

table.dtr-inline.collapsed.compact>tbody>tr>td.dtr-control,
table.dtr-inline.collapsed.compact>tbody>tr>th.dtr-control {
    padding-left: .333em
}

table.dtr-column>tbody>tr>td.control,
table.dtr-column>tbody>tr>td.dtr-control,
table.dtr-column>tbody>tr>th.control,
table.dtr-column>tbody>tr>th.dtr-control {
    cursor: pointer
}

table.dtr-column>tbody>tr>td.control:before,
table.dtr-column>tbody>tr>td.dtr-control:before,
table.dtr-column>tbody>tr>th.control:before,
table.dtr-column>tbody>tr>th.dtr-control:before {
    border-color: transparent transparent transparent rgba(0, 0, 0, .5);
    border-style: solid;
    border-width: 5px 0 5px 10px;
    box-sizing: border-box;
    content: "";
    display: inline-block
}

table.dtr-column>tbody>tr>td.control.arrow-right:before,
table.dtr-column>tbody>tr>td.dtr-control.arrow-right:before,
table.dtr-column>tbody>tr>th.control.arrow-right:before,
table.dtr-column>tbody>tr>th.dtr-control.arrow-right:before {
    border-color: transparent rgba(0, 0, 0, .5) transparent transparent;
    border-style: solid;
    border-width: 5px 10px 5px 0
}

table.dtr-column>tbody>tr.dtr-expanded td.control:before,
table.dtr-column>tbody>tr.dtr-expanded td.dtr-control:before,
table.dtr-column>tbody>tr.dtr-expanded th.control:before,
table.dtr-column>tbody>tr.dtr-expanded th.dtr-control:before {
    border-color: rgba(0, 0, 0, .5) transparent transparent;
    border-style: solid;
    border-width: 10px 5px 0
}

table>tbody>tr.child {
    padding: .5em 1em
}

table>tbody>tr.child:hover {
    background: transparent !important
}

table>tbody>tr.child ul.dtr-details {
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding: 0
}

table>tbody>tr.child ul.dtr-details>li {
    border-bottom: 1px solid #efefef;
    padding: .5em 0
}

table>tbody>tr.child ul.dtr-details>li:first-child {
    padding-top: 0
}

table>tbody>tr.child ul.dtr-details>li:last-child {
    border-bottom: none;
    padding-bottom: 0
}

table>tbody>tr.child span.dtr-title {
    display: inline-block;
    font-weight: 700;
    min-width: 75px
}
.titlebar .inner{
    padding: 170px 0 90px 0;
}
div.dtr-modal {
    box-sizing: border-box;
    height: 100%;
    left: 0;
    padding: 10em 1em;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100
}

div.dtr-modal div.dtr-modal-display {
    background-color: #f5f5f7;
    border: 1px solid #000;
    border-radius: .5em;
    bottom: 0;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .6);
    height: fit-content;
    left: 0;
    margin: auto;
    max-height: 75%;
    overflow: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    z-index: 102
}

div.dtr-modal div.dtr-modal-content {
    padding: 2.5em;
    position: relative
}

div.dtr-modal div.dtr-modal-content h2 {
    margin-top: 0
}

div.dtr-modal div.dtr-modal-close {
    border-radius: 3px;
    cursor: pointer;
    height: 22px;
    position: absolute;
    right: 6px;
    text-align: center;
    top: 6px;
    width: 22px;
    z-index: 12
}

div.dtr-modal div.dtr-modal-background {
    background: rgba(0, 0, 0, .6);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 101
}

@media screen and (max-width:767px) {
    div.dtr-modal div.dtr-modal-display {
        width: 95%
    }
}



.gu-mirror {
    margin: 0 !important;
    opacity: .8;
    position: fixed !important;
    z-index: 9999 !important
}

.gu-hide {
    display: none !important
}

.gu-unselectable {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important
}

.gu-transit {
    opacity: .2
}

@keyframes passing-through {
    0% {
        opacity: 0;
        transform: translateY(40px)
    }
    30%,
    70% {
        opacity: 1;
        transform: translateY(0)
    }
    to {
        opacity: 0;
        transform: translateY(-40px)
    }
}

@keyframes slide-in {
    0% {
        opacity: 0;
        transform: translateY(40px)
    }
    30% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes pulse {
    0% {
        transform: scale(1)
    }
    10% {
        transform: scale(1.1)
    }
    20% {
        transform: scale(1)
    }
}

.dropzone,
.dropzone * {
    box-sizing: border-box
}

.dropzone {
    border: 1px solid rgba(0, 0, 0, .8);
    border-radius: 5px;
}

.dropzone.dz-clickable {
    cursor: pointer;
    background-size: cover !important;
    background-position: center !important;
}

.dropzone.dz-clickable * {
    cursor: default
}

.dropzone.dz-clickable .dz-message,
.dropzone.dz-clickable .dz-message * {
    cursor: pointer
}

.dropzone.dz-started .dz-message {
    display: none
}

.dropzone.dz-drag-hover {
    border-style: solid
}

.dropzone.dz-drag-hover .dz-message {
    opacity: .5
}

.dropzone .dz-message {
    margin: 3em 0;
    text-align: center
}

.dropzone .dz-message .dz-button {
    background: none;
    border: none;
    color: inherit;
    cursor: pointer;
    font: inherit;
    outline: inherit;
    padding: 0
}

.dropzone .dz-preview {
    display: inline-block;
    margin: 16px;
    min-height: 100px;
    position: relative;
    vertical-align: top
}

.dropzone .dz-preview:hover {
    z-index: 1000
}

.dropzone .dz-preview.dz-file-preview .dz-image {
    background: #999;
    background: linear-gradient(180deg, #eee, #ddd);
    border-radius: 20px
}

.dropzone .dz-preview.dz-file-preview .dz-details {
    opacity: 1
}

.dropzone .dz-preview.dz-image-preview .dz-details {
    transition: opacity .2s linear
}

.dropzone .dz-preview .dz-remove {
    border: none;
    cursor: pointer;
    display: block;
    font-size: 14px;
    text-align: center
}

.dropzone .dz-preview .dz-remove:hover {
    text-decoration: underline
}

.dropzone .dz-preview:hover .dz-details {
    opacity: 1
}

.dropzone .dz-preview .dz-details {
    color: rgba(0, 0, 0, .9);
    font-size: 13px;
    left: 0;
    line-height: 150%;
    max-width: 100%;
    min-width: 100%;
    opacity: 0;
    padding: 2em 1em;
    position: absolute;
    text-align: center;
    top: 0;
    z-index: 20
}

.dropzone .dz-preview .dz-details .dz-size {
    font-size: 16px;
    margin-bottom: 1em
}

.dropzone .dz-preview .dz-details .dz-filename {
    white-space: nowrap
}

.dropzone .dz-preview .dz-details .dz-filename:hover span {
    background-color: hsla(0, 0%, 100%, .8);
    border: 1px solid hsla(0, 0%, 78%, .8)
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
    overflow: hidden;
    text-overflow: ellipsis
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
    border: 1px solid transparent
}

.dropzone .dz-preview .dz-details .dz-filename span,
.dropzone .dz-preview .dz-details .dz-size span {
    background-color: hsla(0, 0%, 100%, .4);
    border-radius: 3px;
    padding: 0 .4em
}

.dropzone .dz-preview:hover .dz-image img {
    filter: blur(8px);
    transform: scale(1.05)
}

.dropzone .dz-preview .dz-image {
    border-radius: 20px;
    display: block;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 120px;
    z-index: 10;
}

.dropzone .dz-preview .dz-image img {
    display: block
}

.dropzone .dz-preview.dz-success .dz-success-mark {
    animation: passing-through 3s cubic-bezier(.77, 0, .175, 1)
}

.dropzone .dz-preview.dz-error .dz-error-mark {
    animation: slide-in 3s cubic-bezier(.77, 0, .175, 1);
    opacity: 1
}

.dropzone .dz-preview .dz-error-mark,
.dropzone .dz-preview .dz-success-mark {
    background: rgba(0, 0, 0, .8);
    border-radius: 50%;
    display: block;
    left: 50%;
    margin-left: -27px;
    margin-top: -27px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 50%;
    z-index: 500
}

.dropzone .dz-preview .dz-error-mark svg,
.dropzone .dz-preview .dz-success-mark svg {
    display: block;
    height: 54px;
    width: 54px;
    fill: #fff
}

.dropzone .dz-preview.dz-processing .dz-progress {
    opacity: 1;
    transition: all .2s linear
}

.dropzone .dz-preview.dz-complete .dz-progress {
    opacity: 0;
    transition: opacity .4s ease-in
}

.dropzone .dz-preview:not(.dz-processing) .dz-progress {
    animation: pulse 6s ease infinite
}

.dropzone .dz-preview .dz-progress {
    background: rgba(0, 0, 0, .8);
    border: 3px solid rgba(0, 0, 0, .8);
    border-radius: 10px;
    height: 20px;
    left: 15%;
    margin-top: -10px;
    opacity: 1;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: 15%;
    top: 50%;
    z-index: 1000
}

.dropzone .dz-preview .dz-progress .dz-upload {
    background: #fff;
    border-radius: 17px;
    display: block;
    height: 100%;
    position: relative;
    transition: width .3s ease-in-out;
    width: 0
}

.dropzone .dz-preview.dz-error .dz-error-message {
    display: block
}

.dropzone .dz-preview.dz-error:hover .dz-error-message {
    opacity: 1;
    pointer-events: auto
}

.dropzone .dz-preview .dz-error-message {
    background: #b10606;
    border-radius: 8px;
    color: #fff;
    display: block;
    display: none;
    font-size: 13px;
    left: -10px;
    opacity: 0;
    padding: .5em 1em;
    pointer-events: none;
    position: absolute;
    top: 130px;
    transition: opacity .3s ease;
    width: 140px;
    z-index: 1000
}

.dropzone .dz-preview .dz-error-message:after {
    border-bottom: 6px solid #b10606;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    height: 0;
    left: 64px;
    position: absolute;
    top: -6px;
    width: 0
}

/*!
* jQuery SmartWizard v6.x
* The awesome step wizard plugin for jQuery
* http://www.techlaboratory.net/jquery-smartwizard
*
* Created by Dipu Raj (http://dipu.me)
*
* Licensed under the terms of the MIT License
* https://github.com/techlab/jquery-smartwizard/blob/master/LICENSE
*/



.sw {
    position: relative
}

.sw *,
.sw :after,
.sw :before {
    box-sizing: border-box
}

.sw>.tab-content {
    overflow: hidden;
    position: relative
}

.sw .toolbar,
.sw>.tab-content>.tab-pane {
    padding: .8rem
}

.sw .toolbar {
    text-align: right
}

.sw .toolbar>.sw-btn {
    background-color: var(--sw-toolbar-btn-background-color);
    border: 1px solid var(--sw-toolbar-btn-background-color);
    border-radius: .25rem;
    color: var(--sw-toolbar-btn-color);
    cursor: pointer;
    display: inline-block;
    font-weight: 400;
    margin-left: .2rem;
    margin-right: .2rem;
    padding: .375rem .75rem;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle
}

.sw .toolbar>.sw-btn.disabled,
.sw .toolbar>.sw-btn:disabled {
    opacity: .65
}

.sw[dir=rtl]>.toolbar {
    text-align: left
}

.sw>.nav {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin-bottom: 0;
    margin-top: 0;
    padding-left: 0
}

@media screen and (max-width:640px) {
    .sw>.nav {
        flex: 1 auto;
        flex-direction: column !important
    }
}

.sw>.nav .nav-link {
    display: block;
    padding: .5rem 1rem
}

.sw>.nav .nav-link,
.sw>.nav .nav-link:active,
.sw>.nav .nav-link:focus,
.sw>.nav .nav-link:hover {
    text-decoration: none
}

.sw>.nav .nav-link::-moz-focus-inner {
    border: 0
}

.sw>.nav .nav-link.disabled {
    cursor: not-allowed;
    pointer-events: none
}

.sw>.nav .nav-link.hidden {
    display: none;
    visibility: none
}

.sw>.nav .nav-link>.num {
    align-items: center;
    border-radius: 10em;
    clear: both;
    display: flex;
    float: left;
    font-size: 2em;
    font-weight: 800;
    height: 100%;
    justify-content: center;
    line-height: 1;
    padding-left: .5rem;
    padding-right: .5rem;
    pointer-events: none;
    text-align: center;
    text-decoration: none
}

.sw[dir=rtl]>.nav .nav-link>.num {
    float: right
}

.sw>.progress {
    background: var(--sw-progress-background-color);
    border: 0;
    height: 5px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.sw>.progress>.progress-bar {
    background-color: var(--sw-progress-color);
    height: 5px;
    transition: width .5s ease-in-out;
    width: 0
}

.sw.sw-justified>.nav .nav-link,
.sw.sw-justified>.nav>li {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

.sw.sw-loading {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.sw.sw-loading:after {
    background: var(--sw-loader-background-wrapper-color);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.sw.sw-loading:before {
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    border-top: 10px solid var(--sw-loader-color);
    border: 10px solid var(--sw-loader-color);
    border-radius: 50%;
    border-top-color: var(--sw-loader-background-color);
    content: "";
    display: inline-block;
    height: 2rem;
    left: 45%;
    position: absolute;
    top: 45%;
    width: 2rem;
    z-index: 10
}

.sw-theme-basic {
    border: 1px solid var(--sw-border-color)
}

.sw-theme-basic>.nav {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .1) !important
}

.sw-theme-basic>.nav .nav-link {
    height: 100%;
    margin-right: 5px;
    min-height: 100%;
    position: relative
}

.sw-theme-basic>.nav .nav-link:after {
    bottom: -1px;
    content: "";
    height: 2px;
    left: 0;
    pointer-events: none;
    position: absolute;
    transition: all .35s ease .15s;
    width: 0;
    width: 100%
}

.sw-theme-basic>.nav .nav-link.default {
    color: var(--sw-anchor-default-secondary-color);
    cursor: not-allowed
}

.sw-theme-basic>.nav .nav-link.default:after {
    background-color: var(--sw-anchor-default-secondary-color)
}

.sw-theme-basic>.nav .nav-link.active {
    color: var(--sw-anchor-active-primary-color) !important;
    cursor: pointer
}

.sw-theme-basic>.nav .nav-link.active:after {
    background: var(--kf-1) !important

}

.sw-theme-basic>.nav .nav-link.done {
    color: var(--sw-anchor-done-primary-color);
    cursor: pointer
}

.sw-theme-basic>.nav .nav-link.done:after {
    background: var(--sw-anchor-done-primary-color)
}

.sw-theme-basic>.nav .nav-link.disabled {
    color: var(--sw-anchor-disabled-primary-color) !important
}

.sw-theme-basic>.nav .nav-link.disabled:after {
    background: var(--sw-anchor-disabled-primary-color)
}

.sw-theme-basic>.nav .nav-link.error {
    color: var(--sw-anchor-error-primary-color) !important;
    cursor: pointer
}

.sw-theme-basic>.nav .nav-link.error:after {
    background: var(--sw-anchor-error-primary-color) !important
}

.sw-theme-basic>.nav .nav-link.warning {
    color: var(--sw-anchor-warning-primary-color) !important;
    cursor: pointer
}

.sw-theme-basic>.nav .nav-link.warning:after {
    background: var(--sw-anchor-warning-primary-color) !important
}

.sw-theme-arrows {
    border: 1px solid var(--sw-border-color)
}

.sw-theme-arrows>.nav {
    overflow: hidden
}

@media screen and (min-width:640px) {
    .sw-theme-arrows>.nav .nav-item:first-child .nav-link {
        margin-left: 0;
        padding-left: 10px
    }
}

.sw-theme-arrows>.nav .nav-item:last-child .nav-link {
    margin-right: 0
}

.sw-theme-arrows>.nav .nav-link {
    height: 100%;
    margin-left: -30px;
    margin-right: 30px;
    padding: 10px 10px 10px 50px;
    position: relative;
    transition: all .5s ease-in-out
}

@media screen and (max-width:640px) {
    .sw-theme-arrows>.nav .nav-link {
        margin-right: unset;
        overflow: hidden;
        text-align: left !important
    }
}

.sw-theme-arrows>.nav .nav-link:after,
.sw-theme-arrows>.nav .nav-link:before {
    border: 50px solid transparent;
    border-left-width: 40px;
    content: "";
    display: block;
    height: 0;
    left: 100%;
    margin-top: -50px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transition: all .5s ease-in-out;
    width: 0
}

.sw-theme-arrows>.nav .nav-link:after {
    z-index: 2
}

.sw-theme-arrows>.nav .nav-link:before {
    z-index: 1
}

.sw-theme-arrows>.nav .nav-link.default {
    background-color: var(--sw-anchor-default-primary-color);
    color: var(--sw-anchor-default-secondary-color);
    cursor: not-allowed
}

@media screen and (max-width:640px) {
    .sw-theme-arrows>.nav .nav-link.default {
        border-bottom: 1px solid var(--sw-anchor-default-primary-color)
    }
}

.sw-theme-arrows>.nav .nav-link.default:after {
    border-left-color: var(--sw-anchor-default-primary-color)
}

.sw-theme-arrows>.nav .nav-link.default:before {
    border-left-color: var(--sw-anchor-default-secondary-color)
}

.sw-theme-arrows>.nav .nav-link.active {
    background-color: var(--sw-anchor-active-primary-color);
    border-color: var(--sw-anchor-active-primary-color);
    color: var(--sw-anchor-active-secondary-color) !important;
    cursor: pointer
}

@media screen and (max-width:640px) {
    .sw-theme-arrows>.nav .nav-link.active {
        border-bottom: 1px solid var(--sw-anchor-active-secondary-color)
    }
}

.sw-theme-arrows>.nav .nav-link.active:after {
    border-left-color: var(--sw-anchor-active-primary-color)
}

.sw-theme-arrows>.nav .nav-link.active:before {
    border-left-color: var(--sw-anchor-active-secondary-color)
}

.sw-theme-arrows>.nav .nav-link.done {
    background-color: var(--sw-anchor-done-primary-color);
    border-color: var(--sw-anchor-done-primary-color);
    color: var(--sw-anchor-done-secondary-color);
    cursor: pointer
}

@media screen and (max-width:640px) {
    .sw-theme-arrows>.nav .nav-link.done {
        border-bottom: 1px solid var(--sw-anchor-done-secondary-color)
    }
}

.sw-theme-arrows>.nav .nav-link.done:after {
    border-left-color: var(--sw-anchor-done-primary-color)
}

.sw-theme-arrows>.nav .nav-link.done:before {
    border-left-color: var(--sw-anchor-done-secondary-color)
}

.sw-theme-arrows>.nav .nav-link.disabled {
    background-color: var(--sw-anchor-disabled-primary-color);
    border-color: var(--sw-anchor-disabled-primary-color);
    color: var(--sw-anchor-disabled-secondary-color)
}

@media screen and (max-width:640px) {
    .sw-theme-arrows>.nav .nav-link.disabled {
        border-bottom: 1px solid var(--sw-anchor-disabled-secondary-color)
    }
}

.sw-theme-arrows>.nav .nav-link.disabled:after {
    border-left-color: var(--sw-anchor-disabled-primary-color)
}

.sw-theme-arrows>.nav .nav-link.disabled:before {
    border-left-color: var(--sw-anchor-disabled-secondary-color)
}

.sw-theme-arrows>.nav .nav-link.error {
    background-color: var(--sw-anchor-error-primary-color);
    border-color: var(--sw-anchor-error-primary-color);
    color: var(--sw-anchor-error-secondary-color);
    cursor: pointer
}

@media screen and (max-width:640px) {
    .sw-theme-arrows>.nav .nav-link.error {
        border-bottom: 1px solid var(--sw-anchor-error-secondary-color)
    }
}

.sw-theme-arrows>.nav .nav-link.error:after {
    border-left-color: var(--sw-anchor-error-primary-color)
}

.sw-theme-arrows>.nav .nav-link.error:before {
    border-left-color: var(--sw-anchor-error-secondary-color)
}

.sw-theme-arrows>.nav .nav-link.warning {
    background-color: var(--sw-anchor-warning-primary-color);
    border-color: var(--sw-anchor-warning-primary-color);
    color: var(--sw-anchor-warning-secondary-color);
    cursor: pointer
}

@media screen and (max-width:640px) {
    .sw-theme-arrows>.nav .nav-link.warning {
        border-bottom: 1px solid var(--sw-anchor-warning-secondary-color)
    }
}

.sw-theme-arrows>.nav .nav-link.warning:after {
    border-left-color: var(--sw-anchor-warning-primary-color)
}

.sw-theme-arrows>.nav .nav-link.warning:before {
    border-left-color: var(--sw-anchor-warning-secondary-color)
}

.sw-theme-arrows[dir=rtl]>.nav {
    padding-right: 0
}

.sw-theme-arrows[dir=rtl]>.nav .nav-item:first-child .nav-link {
    margin-left: unset;
    margin-right: 0;
    padding-left: unset;
    padding-right: 10px
}

.sw-theme-arrows[dir=rtl]>.nav .nav-item:last-child .nav-link {
    margin-left: 0;
    margin-right: unset
}

.sw-theme-arrows[dir=rtl]>.nav .nav-link {
    margin-left: unset;
    margin-right: unset;
    padding-left: unset;
    padding-right: 50px
}

@media screen and (max-width:640px) {
    .sw-theme-arrows[dir=rtl]>.nav .nav-link {
        margin-left: unset
    }
}

.sw-theme-arrows[dir=rtl]>.nav .nav-link:after,
.sw-theme-arrows[dir=rtl]>.nav .nav-link:before {
    border-left-width: 0;
    border-right-width: 40px;
    left: unset;
    right: 100%
}

.sw-theme-arrows[dir=rtl]>.nav .nav-link.default:after {
    border-right-color: var(--sw-anchor-default-primary-color)
}

.sw-theme-arrows[dir=rtl]>.nav .nav-link.default:before {
    border-right-color: var(--sw-anchor-default-secondary-color)
}

.sw-theme-arrows[dir=rtl]>.nav .nav-link.active:after {
    border-right-color: var(--sw-anchor-active-primary-color)
}

.sw-theme-arrows[dir=rtl]>.nav .nav-link.active:before {
    border-right-color: var(--sw-anchor-active-secondary-color)
}

.sw-theme-arrows[dir=rtl]>.nav .nav-link.done:after {
    border-right-color: var(--sw-anchor-done-primary-color)
}

.sw-theme-arrows[dir=rtl]>.nav .nav-link.done:before {
    border-right-color: var(--sw-anchor-done-secondary-color)
}

.sw-theme-arrows[dir=rtl]>.nav .nav-link.disabled:after {
    border-left-color: unset;
    border-right-color: var(--sw-anchor-disabled-primary-color)
}

.sw-theme-arrows[dir=rtl]>.nav .nav-link.disabled:before {
    border-left-color: unset;
    border-right-color: var(--sw-anchor-disabled-secondary-color)
}

.sw-theme-dots>.nav {
    margin-bottom: 10px;
    position: relative
}

.sw-theme-dots>.nav:before {
    background-color: var(--sw-border-color);
    border-radius: 3px;
    content: " ";
    height: 5px;
    left: 0;
    position: absolute;
    top: 18px;
    width: 100%;
    z-index: 1
}

@media screen and (max-width:640px) {
    .sw-theme-dots>.nav:before {
        height: 100%;
        left: 20.5px;
        top: 0;
        width: 5px
    }
    .sw-theme-dots>.nav .nav-item:last-child .nav-link {
        margin-bottom: 0
    }
}

.sw-theme-dots>.nav .nav-link {
    margin-top: 40px;
    position: relative
}

@media screen and (max-width:640px) {
    .sw-theme-dots>.nav .nav-link {
        margin-bottom: 20px;
        margin-top: unset;
        padding-left: 55px;
        text-align: left !important
    }
}

.sw-theme-dots>.nav .nav-link:after {
    border: 8px solid var(--sw-border-color);
    border-radius: 50%;
    content: " ";
    display: block;
    height: 46px;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    right: 0;
    top: -42px;
    transition: all .5s ease-in-out;
    width: 46px;
    z-index: 99
}

@media screen and (max-width:640px) {
    .sw-theme-dots>.nav .nav-link:after {
        right: unset;
        top: 0
    }
}

.sw-theme-dots>.nav .nav-link>.num {
    display: block;
    font-size: 1.5em;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    right: 0;
    top: -31px;
    transition: all .5s ease-in-out;
    z-index: 100
}

@media screen and (max-width:640px) {
    .sw-theme-dots>.nav .nav-link>.num {
        padding-top: 10px;
        right: unset;
        top: 0;
        width: 46px
    }
}

.sw-theme-dots>.nav .nav-link.default {
    color: var(--sw-anchor-default-secondary-color);
    cursor: not-allowed
}

.sw-theme-dots>.nav .nav-link.default>.num {
    color: var(--sw-anchor-default-primary-color) !important
}

.sw-theme-dots>.nav .nav-link.default:after {
    background-color: var(--sw-anchor-default-secondary-color)
}

.sw-theme-dots>.nav .nav-link.active {
    color: var(--sw-anchor-active-primary-color) !important;
    cursor: pointer
}

.sw-theme-dots>.nav .nav-link.active>.num {
    color: var(--sw-anchor-active-secondary-color) !important
}

.sw-theme-dots>.nav .nav-link.active:after {
    background-color: var(--sw-anchor-active-primary-color) !important;
    box-shadow: 0 1px 7px 1px rgba(0, 0, 0, .3)
}

.sw-theme-dots>.nav .nav-link.done {
    color: var(--sw-anchor-done-primary-color);
    cursor: pointer
}

.sw-theme-dots>.nav .nav-link.done>.num {
    color: var(--sw-anchor-done-secondary-color) !important
}

.sw-theme-dots>.nav .nav-link.done:after {
    background-color: var(--sw-anchor-done-primary-color)
}

.sw-theme-dots>.nav .nav-link.disabled {
    color: var(--sw-anchor-disabled-primary-color)
}

.sw-theme-dots>.nav .nav-link.disabled>.num {
    color: var(--sw-anchor-disabled-secondary-color) !important
}

.sw-theme-dots>.nav .nav-link.disabled:after {
    background-color: var(--sw-anchor-disabled-primary-color)
}

.sw-theme-dots>.nav .nav-link.error {
    color: var(--sw-anchor-error-primary-color) !important;
    cursor: pointer
}

.sw-theme-dots>.nav .nav-link.error>.num {
    color: var(--sw-anchor-error-secondary-color) !important
}

.sw-theme-dots>.nav .nav-link.error:after {
    background-color: var(--sw-anchor-error-primary-color) !important
}

.sw-theme-dots>.nav .nav-link.warning {
    color: var(--sw-anchor-warning-primary-color) !important;
    cursor: pointer
}

.sw-theme-dots>.nav .nav-link.warning>.num {
    color: var(--sw-anchor-warning-secondary-color) !important
}

.sw-theme-dots>.nav .nav-link.warning:after {
    background-color: var(--sw-anchor-warning-primary-color) !important
}

.sw-theme-dots>.nav-progress:after {
    background-color: var(--sw-progress-color);
    border-radius: 3px;
    content: " ";
    height: 5px;
    left: 0;
    position: absolute;
    top: 18px;
    transition: width .5s ease-in-out;
    width: var(--sw-progress-width);
    z-index: 2
}

@media screen and (max-width:640px) {
    .sw-theme-dots>.nav-progress:after {
        height: var(--sw-progress-width);
        left: 20.5px;
        top: 0;
        width: 5px
    }
}

.sw-theme-dots[dir=rtl]>.nav-progress:after {
    left: unset;
    right: 0
}

.sw-theme-round>.nav .nav-link {
    border-radius: 10em;
    height: 100%;
    margin-right: 4px;
    min-height: 100%;
    position: relative;
    transition: all .5s ease-in-out
}

@media screen and (max-width:640px) {
    .sw-theme-round>.nav .nav-link {
        margin-right: unset;
        text-align: left !important
    }
}

.sw-theme-round>.nav .nav-link.default {
    background-color: var(--sw-anchor-default-primary-color);
    color: var(--sw-anchor-default-secondary-color);
    cursor: not-allowed
}

.sw-theme-round>.nav .nav-link.active {
    background-color: var(--sw-anchor-active-primary-color);
    box-shadow: 0 1px 7px 1px rgba(0, 0, 0, .3);
    color: var(--sw-anchor-active-secondary-color) !important;
    cursor: pointer
}

.sw-theme-round>.nav .nav-link.done {
    background-color: var(--sw-anchor-done-primary-color);
    color: var(--sw-anchor-done-secondary-color);
    cursor: pointer
}

.sw-theme-round>.nav .nav-link.disabled {
    background-color: var(--sw-anchor-disabled-primary-color);
    color: var(--sw-anchor-disabled-secondary-color) !important
}

.sw-theme-round>.nav .nav-link.error {
    background-color: var(--sw-anchor-error-primary-color);
    color: var(--sw-anchor-error-secondary-color) !important;
    cursor: pointer
}

.sw-theme-round>.nav .nav-link.warning {
    background-color: var(--sw-anchor-warning-primary-color);
    color: var(--sw-anchor-warning-secondary-color) !important;
    cursor: pointer
}

.sw-theme-round[dir=rtl]>.nav .nav-link>.num {
    float: right
}

.sw-theme-square>.nav {
    margin-bottom: 10px;
    position: relative
}

.sw-theme-square>.nav:before {
    border: 3px dashed var(--sw-border-color);
    border-radius: 8px;
    content: " ";
    left: 0;
    position: absolute;
    top: 18px;
    width: 100%;
    z-index: 1
}

@media screen and (max-width:640px) {
    .sw-theme-square>.nav:before {
        height: 100%;
        left: 17px;
        top: 0;
        width: 6px
    }
}

.sw-theme-square>.nav .nav-link {
    margin-top: 40px;
    position: relative
}

@media screen and (max-width:640px) {
    .sw-theme-square>.nav .nav-link {
        margin-bottom: 20px;
        margin-top: unset;
        padding-left: 55px;
        text-align: left !important
    }
}

.sw-theme-square>.nav .nav-link:before {
    background: var(--sw-border-color);
    border: none;
    border-radius: .475rem;
    content: " ";
    display: block;
    height: 40px;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    right: 0;
    text-decoration: none;
    top: -40px;
    transition: all .5s ease-in-out;
    width: 40px;
    z-index: 98
}

@media screen and (max-width:640px) {
    .sw-theme-square>.nav .nav-link:before {
        right: unset;
        top: 0
    }
}

.sw-theme-square>.nav .nav-link>.num {
    display: block;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    right: 0;
    top: -38px;
    transition: all .5s ease-in-out;
    z-index: 100
}

@media screen and (max-width:640px) {
    .sw-theme-square>.nav .nav-link>.num {
        padding-top: 3px;
        right: unset;
        top: 0;
        width: 40px
    }
}

.sw-theme-square>.nav .nav-link.default {
    color: var(--sw-anchor-default-secondary-color);
    cursor: not-allowed
}

.sw-theme-square>.nav .nav-link.default:after {
    background-color: var(--sw-anchor-default-secondary-color)
}

.sw-theme-square>.nav .nav-link.active {
    color: var(--sw-anchor-active-primary-color) !important;
    cursor: pointer
}

.sw-theme-square>.nav .nav-link.active>.num {
    color: var(--sw-anchor-active-secondary-color) !important
}

.sw-theme-square>.nav .nav-link.active:before {
    background-color: var(--sw-anchor-active-primary-color) !important;
    box-shadow: 0 1px 7px 1px rgba(0, 0, 0, .3)
}

.sw-theme-square>.nav .nav-link.done {
    color: var(--sw-anchor-done-primary-color);
    cursor: pointer
}

.sw-theme-square>.nav .nav-link.done>.num {
    color: var(--sw-anchor-done-secondary-color) !important
}

.sw-theme-square>.nav .nav-link.done:before {
    background-color: var(--sw-anchor-done-primary-color) !important
}

.sw-theme-square>.nav .nav-link.disabled {
    color: var(--sw-anchor-disabled-primary-color)
}

.sw-theme-square>.nav .nav-link.disabled:after {
    background-color: var(--sw-anchor-disabled-primary-color)
}

.sw-theme-square>.nav .nav-link.error {
    color: var(--sw-anchor-error-primary-color) !important;
    cursor: pointer
}

.sw-theme-square>.nav .nav-link.error:after {
    background-color: var(--sw-anchor-error-primary-color) !important
}

.sw-theme-square>.nav .nav-link.warning {
    color: var(--sw-anchor-warning-primary-color) !important;
    cursor: pointer
}

.sw-theme-square>.nav .nav-link.warning:after {
    background-color: var(--sw-anchor-warning-primary-color) !important
}

.sw-theme-square>.nav-progress:after {
    background-color: var(--sw-progress-color);
    border-radius: 8px;
    content: " ";
    height: 6px;
    left: 0;
    position: absolute;
    top: 18px;
    transition: width .5s ease-in-out;
    width: var(--sw-progress-width);
    z-index: 1;
    z-index: 2
}

@media screen and (max-width:640px) {
    .sw-theme-square>.nav-progress:after {
        height: var(--sw-progress-width);
        left: 17px;
        top: 0;
        width: 6px
    }
}

.sw-theme-square[dir=rtl]>.nav-progress:after {
    left: unset;
    right: 0
}

/*!
 * froala_editor v4.2.0 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2024 Froala Labs
 */

.fr-element,
.fr-element:focus {
    outline: 0 solid transparent
}

.fr-view.fr-element-scroll-visible {
    overflow-x: visible !important
}

.fr-box.fr-basic {
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px
}

.fr-box.fr-basic .fr-element {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #414141;
    font-family: sans-serif;
    font-size: 14px;
    line-height: 1.6;
    min-height: 60px;
    overflow-x: auto;
    padding: 20px;
    text-align: left
}

.fr-box.fr-basic.fr-rtl .fr-element {
    text-align: right
}

.fr-element {
    background: transparent;
    position: relative;
    -webkit-user-select: auto;
    z-index: 2
}

.fr-element a {
    user-select: auto;
    -o-user-select: auto;
    -moz-user-select: auto;
    -khtml-user-select: auto;
    -webkit-user-select: auto;
    -ms-user-select: auto
}

.fr-element.fr-disabled {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.fr-element [contenteditable=true] {
    outline: 0 solid transparent
}

.fr-box a.fr-floating-btn {
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background: #fff;
    border: none;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    -moz-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #333;
    display: block;
    height: 40px;
    left: 0;
    line-height: 40px;
    outline: none;
    text-align: center;
    top: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transition: background .2s ease 0s, color .2s ease 0s, transform .2s ease 0s;
    -moz-transition: background .2s ease 0s, color .2s ease 0s, transform .2s ease 0s;
    -ms-transition: background .2s ease 0s, color .2s ease 0s, transform .2s ease 0s;
    -o-transition: background .2s ease 0s, color .2s ease 0s, transform .2s ease 0s;
    width: 40px
}

.fr-box a.fr-floating-btn svg {
    -webkit-transition: transform .2s ease 0s;
    -moz-transition: transform .2s ease 0s;
    -ms-transition: transform .2s ease 0s;
    -o-transition: transform .2s ease 0s;
    fill: #333
}

.fr-box a.fr-floating-btn i,
.fr-box a.fr-floating-btn svg {
    font-size: 14px;
    line-height: 40px
}

.fr-box a.fr-floating-btn.fr-btn+.fr-btn {
    margin-left: 10px
}

.fr-box a.fr-floating-btn:hover {
    background: #ebebeb;
    cursor: pointer
}

.fr-box a.fr-floating-btn:hover svg {
    fill: #333
}

.fr-box .fr-visible a.fr-floating-btn {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1)
}

iframe.fr-iframe {
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: relative;
    width: 100%;
    z-index: 2
}

.fr-wrapper {
    position: relative;
    z-index: 1
}

.fr-wrapper:after {
    clear: both;
    content: "";
    display: block;
    height: 0
}

.fr-wrapper .fr-placeholder {
    color: #aaa;
    display: none;
    font-family: sans-serif;
    font-size: 14px;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.fr-wrapper.show-placeholder .fr-placeholder {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fr-wrapper ::-moz-selection {
    background: rgba(181, 214, 253, .8);
    color: #000
}

.fr-wrapper ::selection {
    background: rgba(181, 214, 253, .8);
    color: #000
}

.fr-box.fr-basic .fr-wrapper {
    background: #fff;
    border: 1px solid;
    border-color: #ccc #ccc #efefef;
    left: 0;
    top: 0
}

.fr-box.fr-basic.fr-top .fr-wrapper {
    border-top: 0
}

.fr-box.fr-basic.fr-bottom .fr-wrapper {
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-bottom: 0;
    border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0
}

@media (min-width:992px) {
    .fr-box.fr-document {
        min-width: 21cm
    }
    .fr-box.fr-document .fr-wrapper {
        background: #efefef;
        min-width: 21cm;
        padding: 30px;
        text-align: left
    }
    .fr-box.fr-document .fr-wrapper .fr-element {
        background: #fff;
        margin: auto;
        min-height: 26cm !important;
        overflow: visible;
        padding: 1cm 2cm;
        text-align: left;
        width: 21cm;
        z-index: auto
    }
    .fr-box.fr-document .fr-wrapper .fr-element hr {
        background: #efefef;
        border: none;
        height: 1cm;
        margin-left: -2cm;
        margin-right: -2cm;
        outline: none
    }
    .fr-box.fr-document .fr-wrapper .fr-element img {
        z-index: 1
    }
}

.fr-tooltip {
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background: #222;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    left: 0;
    left: -3000px;
    line-height: 22px;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    padding: 0 8px;
    position: absolute;
    text-rendering: optimizelegibility;
    top: 0;
    -webkit-transition: opacity .2s ease 0s;
    -moz-transition: opacity .2s ease 0s;
    -ms-transition: opacity .2s ease 0s;
    -o-transition: opacity .2s ease 0s;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    z-index: 2147483647;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fr-tooltip,
.fr-tooltip.fr-visible {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.fr-tooltip.fr-visible {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1
}

.fr-modal .fr-btn-wrap,
.fr-popup .fr-btn-wrap,
.fr-toolbar .fr-btn-wrap {
    float: left;
    position: relative;
    white-space: nowrap
}

.fr-modal .fr-btn-wrap.fr-hidden,
.fr-popup .fr-btn-wrap.fr-hidden,
.fr-toolbar .fr-btn-wrap.fr-hidden {
    display: none
}

.fr-modal .fr-command.fr-btn,
.fr-popup .fr-command.fr-btn,
.fr-toolbar .fr-command.fr-btn {
    background: transparent;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 0;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #333;
    cursor: pointer;
    float: left;
    height: 40px;
    line-height: 1;
    margin: 4px 2px;
    -moz-outline: 0;
    outline: none;
    padding: 0;
    position: relative;
    text-align: left;
    text-decoration: none;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    z-index: 2
}

.fr-modal .fr-command.fr-btn.fr-dropdown.fr-options,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-options,
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-options {
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0
}

.fr-modal .fr-command.fr-btn.fr-btn-hover,
.fr-popup .fr-command.fr-btn.fr-btn-hover,
.fr-toolbar .fr-command.fr-btn.fr-btn-hover {
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px
}

.fr-modal .fr-command.fr-btn::-moz-focus-inner,
.fr-popup .fr-command.fr-btn::-moz-focus-inner,
.fr-toolbar .fr-command.fr-btn::-moz-focus-inner {
    border: 0;
    padding: 0
}

.fr-modal .fr-command.fr-btn.fr-btn-text,
.fr-popup .fr-command.fr-btn.fr-btn-text,
.fr-toolbar .fr-command.fr-btn.fr-btn-text {
    width: auto
}

.fr-modal .fr-command.fr-btn i,
.fr-modal .fr-command.fr-btn svg,
.fr-popup .fr-command.fr-btn i,
.fr-popup .fr-command.fr-btn svg,
.fr-toolbar .fr-command.fr-btn i,
.fr-toolbar .fr-command.fr-btn svg {
    display: block;
    float: none;
    margin: 8px 7px;
    text-align: center;
    width: 24px
}

.fr-modal .fr-command.fr-btn svg.fr-svg,
.fr-popup .fr-command.fr-btn svg.fr-svg,
.fr-toolbar .fr-command.fr-btn svg.fr-svg {
    height: 24px
}

.fr-modal .fr-command.fr-btn svg path,
.fr-popup .fr-command.fr-btn svg path,
.fr-toolbar .fr-command.fr-btn svg path {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    fill: #333
}

.fr-modal .fr-command.fr-btn span.fr-sr-only,
.fr-popup .fr-command.fr-btn span.fr-sr-only,
.fr-toolbar .fr-command.fr-btn span.fr-sr-only {
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.fr-modal .fr-command.fr-btn span,
.fr-popup .fr-command.fr-btn span,
.fr-toolbar .fr-command.fr-btn span {
    display: block;
    float: left;
    font-size: 14px;
    font-weight: 700;
    height: 17px;
    line-height: 17px;
    min-width: 30px;
    overflow: hidden;
    padding: 0 4px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fr-modal .fr-command.fr-btn img,
.fr-popup .fr-command.fr-btn img,
.fr-toolbar .fr-command.fr-btn img {
    margin: 8px 7px;
    width: 24px
}

.fr-modal .fr-command.fr-btn.fr-btn-active-popup,
.fr-popup .fr-command.fr-btn.fr-btn-active-popup,
.fr-toolbar .fr-command.fr-btn.fr-btn-active-popup {
    background: #d6d6d6
}

.fr-modal .fr-command.fr-btn.fr-dropdown.fr-selection span,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection span,
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection span {
    font-weight: 400
}

.fr-modal .fr-command.fr-btn.fr-dropdown i,
.fr-modal .fr-command.fr-btn.fr-dropdown img,
.fr-modal .fr-command.fr-btn.fr-dropdown span,
.fr-modal .fr-command.fr-btn.fr-dropdown svg,
.fr-popup .fr-command.fr-btn.fr-dropdown i,
.fr-popup .fr-command.fr-btn.fr-dropdown img,
.fr-popup .fr-command.fr-btn.fr-dropdown span,
.fr-popup .fr-command.fr-btn.fr-dropdown svg,
.fr-toolbar .fr-command.fr-btn.fr-dropdown i,
.fr-toolbar .fr-command.fr-btn.fr-dropdown img,
.fr-toolbar .fr-command.fr-btn.fr-dropdown span,
.fr-toolbar .fr-command.fr-btn.fr-dropdown svg {
    margin-left: 3px;
    margin-right: 11px
}

.fr-modal .fr-command.fr-btn.fr-dropdown:after,
.fr-popup .fr-command.fr-btn.fr-dropdown:after,
.fr-toolbar .fr-command.fr-btn.fr-dropdown:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #333;
    content: "";
    height: 0;
    position: absolute;
    right: 2px;
    top: 18px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    width: 0
}

.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active,
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active {
    fill: #333;
    background: #d6d6d6;
    -webkit-transition: .5s ease;
    -moz-transition: .5s ease;
    -ms-transition: .5s ease;
    -o-transition: .5s ease
}

.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover,
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover {
    background: #ebebeb;
    fill: #333
}

.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover:after,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover:after,
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover:after {
    border-top-color: #333
}

.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:after,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:after,
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:after {
    border-bottom: 4px solid #222;
    border-top: 0
}

.fr-modal .fr-command.fr-btn.fr-disabled,
.fr-popup .fr-command.fr-btn.fr-disabled,
.fr-toolbar .fr-command.fr-btn.fr-disabled {
    color: #bdbdbd;
    cursor: default;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: .3;
    -moz-opacity: .3;
    opacity: .3
}

.fr-modal .fr-command.fr-btn.fr-disabled:after,
.fr-popup .fr-command.fr-btn.fr-disabled:after,
.fr-toolbar .fr-command.fr-btn.fr-disabled:after {
    border-top-color: #bdbdbd
}

.fr-modal .fr-command.fr-btn.fr-hidden,
.fr-popup .fr-command.fr-btn.fr-hidden,
.fr-toolbar .fr-command.fr-btn.fr-hidden {
    display: none
}

.fr-modal .fr-tabs .fr-command.fr-btn,
.fr-popup .fr-tabs .fr-command.fr-btn,
.fr-toolbar .fr-tabs .fr-command.fr-btn {
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    height: 40px;
    margin: 0;
    width: 46px
}

.fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active,
.fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab,
.fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active,
.fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab,
.fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active,
.fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab {
    background: #fff
}

.fr-modal .fr-tabs .fr-command.fr-btn span,
.fr-popup .fr-tabs .fr-command.fr-btn span,
.fr-toolbar .fr-tabs .fr-command.fr-btn span {
    height: 27px
}

.fr-modal .fr-tabs .fr-command.fr-btn img,
.fr-modal .fr-tabs .fr-command.fr-btn svg,
.fr-popup .fr-tabs .fr-command.fr-btn img,
.fr-popup .fr-tabs .fr-command.fr-btn svg,
.fr-toolbar .fr-tabs .fr-command.fr-btn img,
.fr-toolbar .fr-tabs .fr-command.fr-btn svg {
    height: 24px;
    margin: 8px 11px;
    width: 24px
}

.fr-modal .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-modal .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-modal .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-popup .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-popup .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-popup .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-toolbar .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-toolbar .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-toolbar .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path {
    fill: #0098f7
}

.fr-modal.fr-disabled .fr-btn,
.fr-modal.fr-disabled .fr-btn.fr-active,
.fr-popup.fr-disabled .fr-btn,
.fr-popup.fr-disabled .fr-btn.fr-active,
.fr-toolbar.fr-disabled .fr-btn,
.fr-toolbar.fr-disabled .fr-btn.fr-active {
    color: #bdbdbd;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: .3;
    -moz-opacity: .3;
    opacity: .3
}

.fr-modal.fr-disabled .fr-btn.fr-active.fr-dropdown:after,
.fr-modal.fr-disabled .fr-btn.fr-dropdown:after,
.fr-popup.fr-disabled .fr-btn.fr-active.fr-dropdown:after,
.fr-popup.fr-disabled .fr-btn.fr-dropdown:after,
.fr-toolbar.fr-disabled .fr-btn.fr-active.fr-dropdown:after,
.fr-toolbar.fr-disabled .fr-btn.fr-dropdown:after {
    border-top-color: #bdbdbd
}

.fr-modal.fr-rtl .fr-btn-grp.fr-float-left,
.fr-popup.fr-rtl .fr-btn-grp.fr-float-left,
.fr-toolbar.fr-rtl .fr-btn-grp.fr-float-left {
    float: right
}

.fr-modal.fr-rtl .fr-btn-grp.fr-float-right,
.fr-popup.fr-rtl .fr-btn-grp.fr-float-right,
.fr-toolbar.fr-rtl .fr-btn-grp.fr-float-right {
    float: left
}

.fr-modal.fr-rtl .fr-btn-wrap,
.fr-modal.fr-rtl .fr-command.fr-btn,
.fr-popup.fr-rtl .fr-btn-wrap,
.fr-popup.fr-rtl .fr-command.fr-btn,
.fr-toolbar.fr-rtl .fr-btn-wrap,
.fr-toolbar.fr-rtl .fr-command.fr-btn {
    float: right
}

.fr-modal.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options,
.fr-modal.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options,
.fr-popup.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options,
.fr-popup.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options,
.fr-toolbar.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options,
.fr-toolbar.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options {
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px
}

.fr-modal.fr-rtl .fr-btn-wrap.fr-btn-hover,
.fr-modal.fr-rtl .fr-command.fr-btn.fr-btn-hover,
.fr-popup.fr-rtl .fr-btn-wrap.fr-btn-hover,
.fr-popup.fr-rtl .fr-command.fr-btn.fr-btn-hover,
.fr-toolbar.fr-rtl .fr-btn-wrap.fr-btn-hover,
.fr-toolbar.fr-rtl .fr-command.fr-btn.fr-btn-hover {
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0
}

.fr-toolbar.fr-inline>.fr-btn-wrap:not(.fr-hidden),
.fr-toolbar.fr-inline>.fr-command.fr-btn:not(.fr-hidden) {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    float: none
}

.fr-desktop .fr-command.fr-btn-hover,
.fr-desktop .fr-command.fr-expanded,
.fr-desktop .fr-command:focus,
.fr-desktop .fr-command:hover {
    color: #333;
    outline: 0
}

.fr-desktop .fr-command.fr-btn-hover:not(.fr-table-cell),
.fr-desktop .fr-command.fr-expanded:not(.fr-table-cell),
.fr-desktop .fr-command:focus:not(.fr-table-cell),
.fr-desktop .fr-command:hover:not(.fr-table-cell) {
    background: #ebebeb
}

.fr-desktop .fr-command.fr-btn-hover:after,
.fr-desktop .fr-command.fr-expanded:after,
.fr-desktop .fr-command:focus:after,
.fr-desktop .fr-command:hover:after {
    border-top-color: #333
}

.fr-desktop .fr-command.fr-selected:not(.fr-table-cell),
.fr-desktop .fr-command:active {
    background: #d6d6d6;
    color: #333
}

.fr-desktop .fr-command.fr-active.fr-btn-hover,
.fr-desktop .fr-command.fr-active.fr-expanded,
.fr-desktop .fr-command.fr-active:focus,
.fr-desktop .fr-command.fr-active:hover {
    background: #ebebeb
}

.fr-desktop .fr-command.fr-active:active {
    background: #d6d6d6
}

.fr-desktop .fr-command.fr-disabled.fr-selected,
.fr-desktop .fr-command.fr-disabled:focus,
.fr-desktop .fr-command.fr-disabled:hover,
.fr-desktop.fr-disabled .fr-command.fr-selected,
.fr-desktop.fr-disabled .fr-command:focus,
.fr-desktop.fr-disabled .fr-command:hover {
    background: transparent
}

.fr-popup.fr-mobile .fr-command.fr-blink,
.fr-toolbar.fr-mobile .fr-command.fr-blink {
    background: #d6d6d6
}

.fr-command.fr-btn.fr-options {
    margin-left: -5px;
    width: 16px
}

.fr-command.fr-btn.fr-options.fr-btn-hover,
.fr-command.fr-btn.fr-options:focus,
.fr-command.fr-btn.fr-options:hover {
    border-left: 1px solid #fafafa;
    -webkit-transition: border-left 0s, background-color .5s;
    -moz-transition: border-left 0s, background-color .5s;
    -ms-transition: border-left 0s, background-color .5s;
    -o-transition: border-left 0s, background-color .5s
}

.fr-command.fr-btn+.fr-dropdown-menu {
    background: #fff;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    bottom: auto;
    display: inline-block;
    height: auto;
    position: absolute;
    right: auto;
    z-index: 4;
    -webkit-overflow-scrolling: touch;
    overflow: hidden;
    zoom: 1;
    -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    -moz-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.fr-command.fr-btn+.fr-dropdown-menu.test-height .fr-dropdown-wrapper {
    height: auto;
    max-height: 275px;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    float: left;
    height: 0;
    margin: 0 auto auto;
    margin-top: 0 !important;
    padding: 0;
    position: relative;
    text-align: left;
    -webkit-transition: height .3s;
    -moz-transition: height .3s;
    -ms-transition: height .3s;
    -o-transition: height .3s
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content {
    position: relative
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list {
    list-style-type: none;
    margin: 0;
    min-width: 72px;
    padding: 8px 0
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li {
    font-size: 15px;
    margin: 0;
    padding: 0
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a {
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    color: inherit;
    cursor: pointer;
    display: flex;
    line-height: 200%;
    padding: 0 20px;
    text-decoration: none;
    white-space: nowrap
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a svg {
    height: 24px;
    margin: 3px 4px;
    width: 24px
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a svg path {
    fill: #333
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active {
    background: #d6d6d6
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-disabled {
    color: #bdbdbd;
    cursor: default
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a .fr-shortcut {
    font-weight: 700;
    margin-left: 20px;
    -webkit-opacity: .75;
    -moz-opacity: .75;
    opacity: .75
}

.fr-command.fr-btn.fr-active+.fr-dropdown-menu {
    -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    -moz-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    display: inline-block
}

.fr-bottom>.fr-command.fr-btn+.fr-dropdown-menu {
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0
}

.fr-popup.fr-rtl .fr-dropdown-wrapper,
.fr-toolbar.fr-rtl .fr-dropdown-wrapper {
    text-align: right !important
}

body.fr-prevent-scroll {
    overflow: hidden
}

body.fr-prevent-scroll.fr-mobile {
    position: fixed;
    -webkit-overflow-scrolling: touch
}

.fr-modal {
    bottom: 0;
    color: #222;
    font-family: Arial, Helvetica, sans-serif;
    left: 0;
    overflow-x: auto;
    overflow-y: scroll;
    position: fixed;
    right: 0;
    text-rendering: optimizelegibility;
    top: 0;
    width: 100%;
    z-index: 2147483640;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.2;
    text-align: center
}

.fr-modal.fr-middle .fr-modal-wrapper {
    left: 50%;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%)
}

.fr-modal .fr-modal-wrapper {
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background: #fff;
    border: 0;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12);
    -moz-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12);
    display: inline-block;
    margin: 20px auto;
    min-width: 300px;
    overflow: hidden;
    position: relative;
    width: 90%
}

@media (min-width:768px) and (max-width:991px) {
    .fr-modal .fr-modal-wrapper {
        margin: 30px auto;
        width: 70%
    }
}

@media (min-width:992px) {
    .fr-modal .fr-modal-wrapper {
        margin: 50px auto;
        width: 960px
    }
}

.fr-modal .fr-modal-wrapper .fr-modal-head {
    background: #fff;
    border-bottom: 1px solid #efefef;
    min-height: 42px;
    overflow: hidden;
    position: absolute;
    -webkit-transition: all .2s ease 0s;
    -moz-transition: all .2s ease 0s;
    -ms-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    width: 100%;
    z-index: 3
}

.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-head-line {
    height: 56px;
    padding: 0 10px
}

.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-close {
    margin: 10px;
    position: absolute;
    right: 0;
    top: 0
}

.fr-modal .fr-modal-wrapper .fr-modal-head h4 {
    display: inline-block;
    float: left;
    font-size: 20px;
    font-weight: 400;
    line-height: 18px;
    margin: 0;
    padding: 19px 10px
}

.fr-modal .fr-modal-wrapper div.fr-modal-body {
    height: 100%;
    min-height: 150px;
    overflow-y: auto;
    padding-bottom: 20px
}

.fr-modal .fr-modal-wrapper div.fr-modal-body:focus {
    outline: 0
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command {
    background: none;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: none;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    color: #0098f7;
    cursor: pointer;
    font-size: 16px;
    height: 36px;
    line-height: 1;
    outline: none;
    padding: 10px;
    text-decoration: none;
    -webkit-transition: background .2s ease 0s;
    -moz-transition: background .2s ease 0s;
    -ms-transition: background .2s ease 0s;
    -o-transition: background .2s ease 0s
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command+button {
    margin-left: 24px
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:focus,
.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:hover {
    background: #ebebeb;
    color: #0098f7
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:active {
    background: #d6d6d6;
    color: #0098f7
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button::-moz-focus-inner {
    border: 0
}

.fr-desktop .fr-modal-wrapper .fr-modal-head i:hover {
    background: #ebebeb
}

.fr-overlay {
    background: #000;
    bottom: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: 0;
    -webkit-opacity: .5;
    -moz-opacity: .5;
    opacity: .5;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 2147483639
}

ol.decimal_type {
    counter-reset: item
}

ol.decimal_type>li {
    display: block;
    position: relative
}

ol.decimal_type>li:before {
    content: counters(item, ".") ". ";
    counter-increment: item;
    margin-right: 100%;
    position: absolute;
    right: 10px
}

.fr-popup {
    background: #fff;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12);
    -moz-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #222;
    display: none;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 10px;
    position: absolute;
    text-align: left;
    text-rendering: optimizelegibility;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    z-index: 2147483635;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.2
}

.fr-popup .fr-icon {
    box-sizing: content-box;
    cursor: pointer;
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    padding: 6px;
    text-align: center;
    vertical-align: middle
}

.fr-popup .fr-icon-container {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-height: 200px;
    overflow: auto;
    padding: 20px
}

@supports not (-ms-high-contrast:none) {
    .fr-popup .fr-icon-container {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(36px, 36px))
    }
}

@media (min-width:768px) {
    .fr-popup .fr-icon-container {
        min-width: 276px
    }
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .fr-popup .fr-icon-container {
        display: inline-flex;
        -ms-flex-flow: row wrap
    }
}

@media (-ms-high-contrast:none) and (max-width:768px),
screen and (-ms-high-contrast:active) and (max-width:768px) {
    .fr-popup .fr-icon-container {
        width: 236px
    }
}

.fr-popup .fr-input-focus {
    background: #f5f5f5
}

.fr-popup.fr-above {
    border-top: 0;
    margin-top: -10px
}

.fr-popup.fr-active {
    display: block
}

.fr-popup.fr-empty,
.fr-popup.fr-hidden {
    display: none !important
}

.fr-popup .fr-hs {
    display: block !important
}

.fr-popup .fr-hs.fr-hidden {
    display: none !important
}

.fr-popup .fr-input-line {
    padding: 15px 0;
    position: relative
}

.fr-popup .fr-input-line input[type=number],
.fr-popup .fr-input-line input[type=text],
.fr-popup .fr-input-line textarea {
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background: #fff;
    border: 1px solid #999;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #222;
    font-size: 14px;
    margin-bottom: 1px;
    padding: 4px 12px;
    position: relative;
    -webkit-transition: border .5s, padding .5s;
    -moz-transition: border .5s, padding .5s;
    -ms-transition: border .5s, padding .5s;
    -o-transition: border .5s, padding .5s;
    width: 100%;
    z-index: 2
}

.fr-popup .fr-input-line input[type=number]:hover,
.fr-popup .fr-input-line input[type=text]:hover,
.fr-popup .fr-input-line textarea:hover {
    border: 1px solid #515151
}

.fr-popup .fr-input-line input[type=number]:focus,
.fr-popup .fr-input-line input[type=text]:focus,
.fr-popup .fr-input-line textarea:focus {
    border: 2px solid #0098f7;
    padding: 3px 11px
}

.fr-popup .fr-input-line input[type=number],
.fr-popup .fr-input-line input[type=text] {
    height: 46px
}

.fr-popup .fr-input-line input+label,
.fr-popup .fr-input-line textarea+label {
    background: #fff;
    color: grey;
    cursor: text;
    display: block;
    font-size: 14px;
    left: 12px;
    padding: 0;
    position: absolute;
    top: 29px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    z-index: 3
}

.fr-popup .fr-input-line input.fr-not-empty+label,
.fr-popup .fr-input-line textarea.fr-not-empty+label {
    color: gray;
    font-size: 11px;
    left: 4px;
    padding: 0 4px;
    top: 9px;
    width: auto
}

.fr-popup input,
.fr-popup textarea {
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    outline: none;
    user-select: text;
    -o-user-select: text;
    -moz-user-select: text;
    -khtml-user-select: text;
    -webkit-user-select: text;
    -ms-user-select: text
}

.fr-popup textarea {
    resize: none
}

.fr-popup .fr-buttons {
    line-height: 0;
    white-space: nowrap
}

.fr-popup .fr-buttons .fr-btn {
    display: inline-block;
    float: none;
    margin-left: 4px;
    margin-right: 4px
}

.fr-popup .fr-buttons .fr-btn i {
    float: left
}

.fr-popup .fr-buttons .fr-separator {
    display: inline-block;
    float: none
}

.fr-popup .fr-buttons.fr-tabs {
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #f5f5f5;
    border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    overflow: hidden
}

@media (max-width:768px) {
    .fr-popup .fr-buttons.fr-tabs.fr-tabs-scroll {
        overflow: scroll;
        overflow-y: hidden;
        width: 276px
    }
}

.fr-popup .fr-buttons:not(.fr-tabs) {
    padding: 5px
}

.fr-popup .fr-layer {
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    margin: 20px;
    width: 195px
}

@media (min-width:768px) {
    .fr-popup .fr-layer {
        width: 260px
    }
}

.fr-popup .fr-layer.fr-active {
    display: inline-block
}

.fr-popup .fr-action-buttons {
    height: 36px;
    text-align: right;
    z-index: 7
}

.fr-popup .fr-action-buttons button.fr-command {
    background: none;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: none;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    color: #0098f7;
    cursor: pointer;
    font-size: 16px;
    height: 36px;
    line-height: 1;
    outline: none;
    padding: 10px;
    text-decoration: none;
    -webkit-transition: background .2s ease 0s;
    -moz-transition: background .2s ease 0s;
    -ms-transition: background .2s ease 0s;
    -o-transition: background .2s ease 0s
}

.fr-popup .fr-action-buttons button.fr-command+button {
    margin-left: 24px
}

.fr-popup .fr-action-buttons button.fr-command:focus,
.fr-popup .fr-action-buttons button.fr-command:hover {
    background: #ebebeb;
    color: #0098f7
}

.fr-popup .fr-action-buttons button.fr-command:active {
    background: #d6d6d6;
    color: #0098f7
}

.fr-popup .fr-action-buttons button::-moz-focus-inner {
    border: 0
}

.fr-popup .fr-checkbox {
    border-radius: 100%;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    display: inline-block;
    height: 18px;
    line-height: 1;
    padding: 10px;
    position: relative;
    vertical-align: middle;
    width: 18px
}

.fr-popup .fr-checkbox svg {
    display: none;
    height: 10px;
    margin-left: 2px;
    margin-top: 2px;
    width: 10px
}

.fr-popup .fr-checkbox span {
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    height: 18px;
    position: relative;
    -webkit-transition: background .2s ease 0s, border-color .2s ease 0s;
    -moz-transition: background .2s ease 0s, border-color .2s ease 0s;
    -ms-transition: background .2s ease 0s, border-color .2s ease 0s;
    -o-transition: background .2s ease 0s, border-color .2s ease 0s;
    width: 18px;
    z-index: 1
}

.fr-popup .fr-checkbox input {
    border: 0;
    cursor: pointer;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    height: 18px;
    left: 7px;
    margin: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    top: 7px;
    width: 18px;
    z-index: 2
}

.fr-popup .fr-checkbox input:not(:checked)+span {
    border: 2px solid #999
}

.fr-popup .fr-checkbox input:not(:checked):active+span {
    background-color: #f5f5f5
}

.fr-popup .fr-checkbox input:not(:checked):focus+span,
.fr-popup .fr-checkbox input:not(:checked):hover+span {
    border-color: #515151
}

.fr-popup .fr-checkbox input:checked+span {
    background: #0098f7;
    border: 2px solid #0098f7
}

.fr-popup .fr-checkbox input:checked+span svg {
    display: block
}

.fr-popup .fr-checkbox input:checked:active+span {
    background-color: #ecf5ff
}

.fr-popup .fr-checkbox input:checked:focus+span,
.fr-popup .fr-checkbox input:checked:hover+span {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: .8;
    -moz-opacity: .8;
    opacity: .8
}

.fr-popup .fr-checkbox-line {
    font-size: 14px;
    line-height: 1.4px;
    margin-top: 10px
}

.fr-popup .fr-checkbox-line label {
    cursor: pointer;
    margin: 0 5px;
    vertical-align: middle
}

.fr-popup.fr-rtl {
    direction: rtl;
    text-align: right
}

.fr-popup.fr-rtl .fr-action-buttons {
    text-align: left
}

.fr-popup.fr-rtl .fr-input-line input+label,
.fr-popup.fr-rtl .fr-input-line textarea+label {
    left: auto;
    right: 0
}

.fr-popup.fr-rtl .fr-buttons .fr-separator.fr-vs {
    float: right
}

.fr-text-edit-layer {
    display: block !important;
    width: 250px
}

.fr-text-edit-layer,
.fr-toolbar {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.fr-toolbar {
    background: #fff;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    color: #222;
    font-family: Arial, Helvetica, sans-serif;
    position: relative;
    text-align: left;
    text-rendering: optimizelegibility;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.2;
    padding-bottom: 0;
    -webkit-transition: padding-bottom .5s;
    -moz-transition: padding-bottom .5s;
    -ms-transition: padding-bottom .5s;
    -o-transition: padding-bottom .5s
}

.fr-toolbar:after {
    clear: both;
    content: "";
    display: block;
    height: 0
}

.fr-toolbar .fr-newline {
    background: #efefef;
    clear: both;
    content: "";
    display: block;
    height: 1px;
    margin-left: 9px;
    margin-right: 9px;
    -webkit-transition: height .5s;
    -moz-transition: height .5s;
    -ms-transition: height .5s;
    -o-transition: height .5s
}

.fr-toolbar.fr-toolbar-open .fr-newline {
    height: 0
}

.fr-toolbar .fr-float-right {
    float: right
}

.fr-toolbar .fr-float-left {
    float: left
}

.fr-toolbar .fr-more-toolbar {
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #f5f5f5;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    height: 0;
    overflow: hidden;
    -webkit-transition: height .5s;
    -moz-transition: height .5s;
    -ms-transition: height .5s;
    -o-transition: height .5s;
    width: 100%
}

.fr-toolbar .fr-more-toolbar.fr-expanded {
    height: 48px
}

.fr-toolbar .fr-more-toolbar.fr-overflow-visible {
    overflow: visible
}

.fr-toolbar .fr-more-toolbar>.fr-command.fr-btn {
    margin-left: 4px;
    margin-right: 4px
}

.fr-toolbar .fr-btn-grp {
    display: inline-block;
    margin: 0 17px 0 12px
}

@media (max-width:768px) {
    .fr-toolbar .fr-btn-grp {
        margin: 0 7px 0 6px
    }
}

.fr-toolbar .fr-command.fr-btn.fr-open {
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    margin-bottom: -1px;
    margin-top: 10px
}

.fr-toolbar .fr-command.fr-btn.fr-open:not(:hover):not(:focus):not(:active) {
    background: #f5f5f5
}

.fr-toolbar.fr-rtl {
    text-align: right
}

.fr-toolbar.fr-inline {
    border: 0;
    -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12);
    -moz-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12);
    display: none;
    margin-top: 5px;
    position: absolute;
    white-space: nowrap;
    z-index: 2147483630
}

.fr-toolbar.fr-inline.fr-above {
    border-top: 0;
    margin-top: -10px
}

.fr-toolbar.fr-inline .fr-newline {
    height: 0
}

.fr-toolbar.fr-inline .fr-more-toolbar {
    position: absolute !important
}

.fr-toolbar.fr-inline .fr-more-toolbar.fr-expanded {
    position: relative !important
}

.fr-toolbar.fr-top {
    border-bottom: 0;
    border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    top: 0
}

.fr-toolbar.fr-bottom,
.fr-toolbar.fr-top {
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-toolbar.fr-bottom {
    border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    border-top: 0;
    bottom: 0;
    padding-bottom: 0
}

.fr-toolbar.fr-bottom .fr-newline {
    padding-top: 0;
    -webkit-transition: padding-top .5s;
    -moz-transition: padding-top .5s;
    -ms-transition: padding-top .5s;
    -o-transition: padding-top .5s
}

.fr-toolbar.fr-bottom.fr-toolbar-open .fr-newline {
    background: #fff;
    padding-top: 48px
}

.fr-toolbar.fr-bottom .fr-command.fr-btn.fr-open {
    border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    margin-bottom: 10px;
    margin-top: -1px
}

.fr-toolbar.fr-bottom .fr-command.fr-btn.fr-open,
.fr-toolbar.fr-sticky-on {
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-toolbar.fr-sticky-on {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0
}

.fr-separator {
    background: #ebebeb;
    display: block;
    float: left;
    vertical-align: top
}

.fr-separator+.fr-separator {
    display: none
}

.fr-separator.fr-vs {
    height: 32px;
    margin: 8px 4px;
    width: 1px
}

.fr-separator.fr-hs {
    clear: both;
    height: 1px;
    margin: 0 4px;
    width: calc(100% - 8px)
}

.fr-separator.fr-hidden {
    display: none !important
}

.fr-rtl .fr-separator {
    float: right
}

.fr-toolbar.fr-inline .fr-separator.fr-hs {
    float: none
}

.fr-toolbar.fr-inline .fr-separator.fr-vs {
    display: inline-block
}

.fr-second-toolbar {
    background: #fff;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    border-top: 0;
    line-height: 1.4
}

.fr-second-toolbar:after {
    clear: both;
    content: "";
    display: block;
    height: 0
}

.fr-second-toolbar:empty {
    margin-top: -1px;
    min-height: 10px;
    position: relative;
    z-index: 2
}

#fr-logo {
    float: left;
    outline: none
}

#fr-logo>span {
    color: #b1b2b7;
    display: inline-block;
    float: left;
    font-family: sans-serif;
    font-size: 12px;
    font-weight: 500;
    padding: 11px 5px 10px 15px;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -ms-transition: color .3s;
    -o-transition: color .3s
}

#fr-logo>svg {
    cursor: pointer;
    height: 20px;
    margin: 7px 0;
    width: 47px
}

#fr-logo>svg * {
    -webkit-transition: fill .3s;
    -moz-transition: fill .3s;
    -ms-transition: fill .3s;
    -o-transition: fill .3s
}

#fr-logo:focus>span,
#fr-logo:hover>span {
    color: #0098f7
}

#fr-logo:focus>svg .fr-logo,
#fr-logo:hover>svg .fr-logo {
    fill: #0098f7
}

.fr-visibility-helper {
    display: none;
    margin-left: 0 !important
}

@media (min-width:768px) {
    .fr-visibility-helper {
        margin-left: 1px !important
    }
}

@media (min-width:992px) {
    .fr-visibility-helper {
        margin-left: 2px !important
    }
}

@media (min-width:1200px) {
    .fr-visibility-helper {
        margin-left: 3px !important
    }
}

.fr-opacity-0 {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0
}

.fr-box {
    position: relative
}

.fr-sticky {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky
}

.fr-sticky-off {
    position: relative
}

.fr-sticky-on {
    position: fixed;
    z-index: 10
}

.fr-sticky-on.fr-sticky-ios {
    left: 0;
    position: -webkit-sticky;
    right: 0;
    width: auto !important
}

.modal .fr-sticky-on {
    position: sticky
}

.fr-sticky-dummy {
    display: none
}

.fr-sticky-box>.fr-sticky-dummy,
.fr-sticky-on+.fr-sticky-dummy {
    display: block
}

span.fr-sr-only {
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.fr-highlight-change>.fr-embedly>.embedly-card>.embedly-card-hug>iframe,
.fr-highlight-change>.fr-video>embed,
.fr-highlight-change>.fr-video>iframe,
.fr-highlight-change>.fr-video>video,
.fr-highlight-change>img,
.fr-highlight-change>p,
.fr-view .fr-highlight-change,
.fr-view .fr-highlight-change>span:not(.fr-tracking-deleted) {
    background-color: #f3eec3;
    opacity: .5
}

.fr-highlight-change.fr-highlight-change>hr,
.fr-highlight-change.fr-highlight-change>table td {
    border-color: #f3eec3
}

.fr-tracking-deleted.fr-tracking-deleted>hr,
.fr-tracking-deleted.fr-tracking-deleted>table td {
    border-color: #dc3545
}

.fr-tracking-deleted img,
.fr-tracking-deleted>.fr-embedly>.embedly-card>.embedly-card-hug>iframe,
.fr-tracking-deleted>.fr-video>iframe,
.fr-tracking-deleted>.fr-video>video {
    background-color: #dc3545;
    opacity: .5
}

.fr-view .fr-tracking-deleted {
    background-color: #dc3545;
    opacity: 1;
    pointer-events: none;
    text-decoration: line-through;
    user-select: none
}

.fr-highlight-change>.fr-embedly>.embedly-card>.embedly-card-hug>iframe,
.fr-highlight-change>.fr-video>embed,
.fr-highlight-change>.fr-video>iframe,
.fr-highlight-change>.fr-video>video,
.fr-tracking-deleted>.fr-embedly>.embedly-card>.embedly-card-hug>iframe,
.fr-tracking-deleted>.fr-video>iframe,
.fr-tracking-deleted>.fr-video>video {
    padding: 10px !important
}

.fr-highlight-change img,
.fr-tracking-deleted img {
    border: 2px solid #f3eec3
}

.fr-highlight-change #isPasted :not(table):not(tbody):not(tr):not(td) {
    background-color: #f3eec3;
    opacity: .5
}

.fr-highlight-change #isPasted>table td {
    border-color: #f3eec3;
    opacity: .5
}

.fr-track-hide {
    display: none
}

.fr-track-hide-mobile {
    height: 0;
    overflow: hidden;
    position: absolute;
    width: 0
}

.fr-ios-mobile-disable-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none
}

.fr-bottom-extended {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap
}

.fr-box .fr-counter {
    border-radius: 2px 0 0 0;
    -moz-border-radius: 2px 0 0 0;
    -webkit-border-radius: 2px 0 0 0;
    color: #999;
    content: attr(data-chars);
    float: right;
    font-family: sans-serif;
    font-size: 14px;
    padding: 10px;
    z-index: 1
}

.fr-box .fr-counter,
.fr-box.fr-rtl .fr-counter {
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-box.fr-rtl .fr-counter {
    border-left: none;
    border-radius: 0 2px 0 0;
    -moz-border-radius: 0 2px 0 0;
    -webkit-border-radius: 0 2px 0 0;
    left: 0;
    right: auto
}

.fr-box.fr-code-view .fr-counter {
    display: none
}

textarea.fr-code {
    background: #fff;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #000;
    display: none;
    font-family: Courier New, monospace;
    font-size: 14px;
    margin: 0;
    outline: none;
    padding: 10px;
    resize: none;
    -moz-resize: none;
    -webkit-resize: none;
    width: 100%
}

.fr-box.fr-rtl textarea.fr-code {
    direction: rtl
}

.fr-box .CodeMirror {
    display: none
}

.fr-box.fr-code-view textarea.fr-code {
    display: block
}

.fr-box.fr-code-view .fr-element,
.fr-box.fr-code-view .fr-iframe,
.fr-box.fr-code-view .fr-placeholder {
    display: none
}

.fr-box.fr-code-view .CodeMirror,
.fr-box.fr-inline.fr-code-view .fr-command.fr-btn.html-switch {
    display: block
}

.fr-box.fr-inline .fr-command.fr-btn.html-switch {
    background: #fff;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #333;
    cursor: pointer;
    display: none;
    line-height: 1;
    -moz-outline: 0;
    outline: 0;
    padding: 8px 7px;
    position: absolute;
    right: 0;
    text-align: left;
    text-decoration: none;
    top: 0;
    -webkit-transition: background .2s ease 0s;
    -moz-transition: background .2s ease 0s;
    -ms-transition: background .2s ease 0s;
    -o-transition: background .2s ease 0s;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    z-index: 2
}

.fr-box.fr-inline .fr-command.fr-btn.html-switch i {
    font-size: 24px;
    text-align: center;
    width: 24px
}

.fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop:hover {
    background: #ebebeb
}

.fr-popup .fr-layer.fr-color-hex-layer {
    float: left;
    margin: 0;
    padding: 0 20px 20px
}

.fr-popup .fr-layer.fr-color-hex-layer .fr-input-line {
    float: left;
    padding: 15px 0 0;
    width: calc(100% - 50px)
}

.fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons {
    float: right;
    height: 40px;
    margin: 0;
    padding: 17px 0 0;
    width: 38px
}

.fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons button.fr-command {
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    font-size: 13px;
    height: 40px;
    width: 38px
}

.fr-popup .fr-separator+.fr-colors-tabs {
    margin-left: 2px;
    margin-right: 2px
}

.fr-popup .fr-color-set {
    display: none;
    line-height: 0
}

.fr-popup .fr-color-set.fr-selected-set {
    display: block;
    padding: 20px 20px 0
}

.fr-popup .fr-color-set>span {
    display: inline-block;
    height: 32px;
    position: relative;
    width: 32px;
    z-index: 1
}

.fr-popup .fr-color-set>span>i,
.fr-popup .fr-color-set>span>svg {
    bottom: 0;
    cursor: default;
    font-size: 13px;
    height: 24px;
    left: 0;
    line-height: 32px;
    margin: 4px;
    position: absolute;
    text-align: center;
    width: 24px
}

.fr-popup .fr-color-set>span>i path,
.fr-popup .fr-color-set>span>svg path {
    fill: #222
}

.fr-popup .fr-color-set>span:focus,
.fr-popup .fr-color-set>span:hover {
    outline: 1px solid #222;
    z-index: 2
}

.fr-rtl .fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab[data-param1=text]~[data-param1=background]:after {
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0)
}

.fr-drag-helper {
    background: #0098f7;
    display: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    height: 2px;
    margin-top: -1px;
    -webkit-opacity: .2;
    -moz-opacity: .2;
    opacity: .2;
    position: absolute;
    z-index: 2147483640
}

.fr-drag-helper.fr-visible {
    display: block
}

.fr-dragging {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: .4;
    -moz-opacity: .4;
    opacity: .4
}

.fr-popup .fr-emoticon {
    font-family: Apple Color Emoji, Segoe UI Emoji, NotoColorEmoji, Segoe UI Symbol, Android Emoji, EmojiSymbols;
    height: 24px;
    width: 24px
}

.fr-popup .fr-emoticon img {
    height: 24px;
    width: 24px
}

.fr-popup .fr-command.fr-btn.fr-tabs-unicode {
    padding: 0 0 0 14px
}

@media (-ms-high-contrast:none) and (min-width:768px),
screen and (-ms-high-contrast:active) and (min-width:768px) {
    .fr-popup .fr-icon-container.fr-emoticon-container {
        width: 368px
    }
}

.fr-popup .fr-file-upload-layer {
    border: 2px dashed #bdbdbd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 140%;
    margin: 20px;
    padding: 25px 0;
    position: relative;
    text-align: center
}

.fr-popup .fr-file-upload-layer:hover {
    background: #ebebeb
}

.fr-popup .fr-file-upload-layer.fr-drop {
    background: #ebebeb;
    border-color: #0098f7
}

.fr-popup .fr-file-upload-layer .fr-form {
    bottom: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: 0;
    margin: 0 !important;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0 !important;
    position: absolute;
    right: 0;
    top: 0;
    width: 100% !important;
    z-index: 2147483640
}

.fr-popup .fr-file-upload-layer .fr-form input {
    bottom: 0;
    cursor: pointer;
    font-size: 400px;
    height: 100%;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 500%
}

.fr-popup .fr-file-progress-bar-layer {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.fr-popup .fr-file-progress-bar-layer>h3 {
    font-size: 16px;
    font-weight: 400;
    margin: 10px 0
}

.fr-popup .fr-file-progress-bar-layer>div.fr-action-buttons {
    display: none
}

.fr-popup .fr-file-progress-bar-layer>div.fr-loader {
    background: #b3e0fd;
    height: 10px;
    margin-top: 20px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.fr-popup .fr-file-progress-bar-layer>div.fr-loader span {
    background: #0098f7;
    display: block;
    height: 100%;
    -webkit-transition: width .2s ease 0s;
    -moz-transition: width .2s ease 0s;
    -ms-transition: width .2s ease 0s;
    -o-transition: width .2s ease 0s;
    width: 0
}

.fr-popup .fr-file-progress-bar-layer>div.fr-loader.fr-indeterminate span {
    -webkit-animation: loading 2s linear infinite;
    -moz-animation: loading 2s linear infinite;
    -o-animation: loading 2s linear infinite;
    animation: loading 2s linear infinite;
    position: absolute;
    top: 0;
    width: 30% !important
}

.fr-popup .fr-file-progress-bar-layer.fr-error>div.fr-loader {
    display: none
}

.fr-popup .fr-file-progress-bar-layer.fr-error>div.fr-action-buttons {
    display: block
}

.fr-height-auto {
    height: auto !important
}

.fr-by-url-padding {
    padding: 11.5px 0
}

.fr-popup .fr-upload-progress-layer {
    border-radius: 0;
    box-sizing: border-box;
    margin: auto !important;
    max-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding-left: 20px;
    padding-top: 15px;
    width: 100% !important
}

.fr-popup .fr-files-by-url-layer,
.fr-popup .fr-files-embed-layer,
.fr-popup .fr-files-upload-layer {
    width: calc(100% - 40px) !important
}

.fr-popup .fr-files-upload-layer {
    border: 2px dashed #bdbdbd;
    font-size: 10px;
    letter-spacing: 1px;
    line-height: 140%;
    margin: 20px;
    position: relative;
    text-align: center
}

.fr-popup .fr-files-upload-layer:hover {
    background: #ebebeb
}

.fr-popup .fr-files-upload-layer.fr-drop {
    background: #ebebeb;
    border-color: #0098f7
}

.fr-popup .fr-files-upload-layer .fr-form {
    bottom: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: 0;
    margin: 0 !important;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0 !important;
    position: absolute;
    right: 0;
    top: 0;
    width: 100% !important;
    z-index: 2147483640
}

.fr-popup .fr-files-upload-layer .fr-form input {
    bottom: 0;
    cursor: pointer;
    font-size: 400px;
    height: 100%;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 500%
}

.fr-popup .fr-files-progress-bar-layer {
    width: calc(100% - 40px);
    width: -moz-available;
    width: -webkit-stretch;
    width: stretch
}

.fr-popup .fr-files-progress-bar-layer>h3 {
    font-size: 16px;
    font-weight: 400;
    margin: 10px 0
}

.fr-popup .fr-files-progress-bar-layer>div.fr-action-buttons {
    display: none
}

.fr-popup .fr-files-progress-bar-layer>div.fr-loader {
    background: #b3e0fd;
    height: 10px;
    margin-top: 20px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.fr-popup .fr-files-progress-bar-layer>div.fr-loader span {
    background: #0098f7;
    display: block;
    height: 100%;
    -webkit-transition: width .2s ease 0s;
    -moz-transition: width .2s ease 0s;
    -ms-transition: width .2s ease 0s;
    -o-transition: width .2s ease 0s;
    width: 0
}

.fr-popup .fr-files-progress-bar-layer>div.fr-loader.fr-indeterminate span {
    -webkit-animation: loading 2s linear infinite;
    -moz-animation: loading 2s linear infinite;
    -o-animation: loading 2s linear infinite;
    animation: loading 2s linear infinite;
    position: absolute;
    top: 0;
    width: 30% !important
}

.fr-popup .fr-files-progress-bar-layer.fr-error>div.fr-loader {
    display: none
}

.fr-popup .fr-files-progress-bar-layer.fr-error>div.fr-action-buttons {
    display: block
}

.fr-progress-bar-style {
    width: calc(100% - 40px)
}

.fr-progress-bar {
    background-color: #4caf50;
    height: 8px;
    margin-bottom: 8px;
    margin-left: 20px;
    margin-right: 20px;
    position: relative;
    width: 100%;
    width: -moz-available;
    width: -webkit-stretch;
    width: stretch
}

.fr-pull-left {
    float: left
}

.fr-pull-right {
    float: right
}

.fr-icons {
    display: inline;
    padding: 10px 20px 0
}

.fr-transform-135 {
    transform: rotate(135deg)
}

.fr-icons i {
    color: #999588;
    cursor: pointer;
    font-size: 20px;
    margin: 4px;
    padding: 2px
}

.fr-blue-decorator {
    background: #4a7fba;
    color: #fff;
    display: grid;
    padding: 5px
}

.fr-upload-progress {
    padding: 1px
}

.fr-upload-section {
    position: relative;
    width: 100%;
    width: -moz-available;
    width: -webkit-stretch;
    width: stretch
}

@media screen and (max-width:399px) {
    .fr-upload-section {
        margin-left: 7px;
        margin-right: 7px
    }
    .fr-files-upload-layer {
        padding-bottom: 7px;
        padding-top: 7px
    }
}

@media screen and (min-width:400px) and (max-width:469px) {
    .fr-upload-section {
        margin-left: 7px;
        margin-right: 7px
    }
    .fr-files-upload-layer {
        padding-bottom: 7px;
        padding-top: 7px
    }
}

@media screen and (min-width:470px) and (max-width:680px) {
    .fr-upload-section {
        margin-left: 7px;
        margin-right: 7px
    }
    .fr-files-upload-layer {
        padding-bottom: 7px;
        padding-top: 7px
    }
}

@media screen and (min-width:681px) {
    .fr-upload-section {
        margin-left: 35px;
        margin-right: 35px
    }
    .fr-files-upload-layer {
        padding-bottom: 20px;
        padding-top: 20px
    }
}

.fr-half-circle {
    background-color: #fff;
    border-bottom: 0;
    border-top-left-radius: 110px;
    border-top-right-radius: 110px;
    height: 25px;
    left: 50%;
    margin-left: -25px;
    margin-top: -1px;
    position: relative;
    transform: rotate(180deg);
    width: 60px;
    z-index: 1
}

.fr-decorated {
    overflow: hidden;
    text-align: center
}

.fr-decorated>span {
    display: inline-block;
    position: relative
}

.fr-decorated>span:after,
.fr-decorated>span:before {
    border-bottom: 2px solid #fff;
    content: "";
    margin: 0 20px;
    position: absolute;
    top: 50%;
    width: 100%
}

.fr-decorated>span:before {
    right: 100%
}

.fr-decorated>span:after {
    left: 100%
}

.fr-align-right {
    float: right
}

.fr-checkbox-container {
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    margin-bottom: 12px;
    padding-left: 20px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fr-files-checkbox-line {
    align-items: center;
    display: flex;
    font-size: 10px
}

.fr-files-checkbox-line label {
    cursor: pointer;
    vertical-align: middle
}

.fr-autoplay-checkbox input,
.fr-insert-checkbox input {
    height: 13px !important;
    width: 13px !important
}

button[data-cmd=insertFiles] {
    padding-left: 2px !important;
    padding-top: 2.7px !important
}

button[data-cmd=autoplay] svg {
    position: relative !important;
    top: 3.2px !important
}

button[data-cmd=insertAll] {
    padding-left: 4px !important
}

button[data-cmd=insertAll] svg {
    position: relative !important;
    top: 3.2px !important
}

.fr-checkbox-container input {
    cursor: pointer;
    height: 0;
    opacity: 0;
    position: absolute;
    width: 0
}

.fr-checkmark {
    background-color: #eee;
    height: 15px;
    left: 0;
    position: absolute;
    top: 0;
    width: 15px
}

.fr-file-list-item {
    align-items: center;
    border-bottom: 1px solid #ddd;
    justify-content: space-between;
    padding-bottom: 7px;
    padding-top: 7px;
    position: relative;
    top: -20px
}

.fr-file-item-left,
.fr-file-list-item {
    display: flex;
    flex-wrap: wrap
}

.fr-file-item-icon {
    align-items: center;
    display: flex;
    padding-left: 7px
}

.fr-file-item-description {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: 5px;
    max-width: 400px
}

.fr-cloud-icon {
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    height: 30px;
    justify-content: center;
    margin: -18px auto 0;
    position: relative;
    width: 32px
}

.fr-files-checkbox {
    border-radius: 100%;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    display: inline-block;
    height: 13px;
    line-height: 1;
    padding-right: 5px;
    position: relative;
    vertical-align: middle;
    width: 13px
}

.fr-files-checkbox svg {
    display: none;
    height: 10px;
    margin-left: 0;
    margin-top: 0;
    width: 10px
}

.fr-files-checkbox span {
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    height: 15px;
    position: relative;
    -webkit-transition: background .2s ease 0s, border-color .2s ease 0s;
    -moz-transition: background .2s ease 0s, border-color .2s ease 0s;
    -ms-transition: background .2s ease 0s, border-color .2s ease 0s;
    -o-transition: background .2s ease 0s, border-color .2s ease 0s;
    width: 15px;
    z-index: 1
}

.fr-files-checkbox input {
    border: 0;
    cursor: pointer;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    height: 18px;
    margin: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    width: 18px;
    z-index: 2
}

.fr-files-checkbox input:not(:checked)+span {
    border: 2px solid #999
}

.fr-files-checkbox input:not(:checked):active+span {
    background-color: #f5f5f5
}

.fr-files-checkbox input:not(:checked):focus+span,
.fr-files-checkbox input:not(:checked):hover+span {
    border-color: #515151
}

.fr-files-checkbox input:checked+span {
    background: #0098f7;
    border: 2px solid #0098f7
}

.fr-files-checkbox input:checked+span svg {
    display: block
}

.fr-files-checkbox input:checked:active+span {
    background-color: #ecf5ff
}

.fr-files-checkbox input:checked:focus+span,
.fr-files-checkbox input:checked:hover+span {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: .8;
    -moz-opacity: .8;
    opacity: .8
}

.fr-checkbox-disabled {
    border-radius: 100%;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    display: inline-block;
    height: 13px !important;
    line-height: 1;
    opacity: .4;
    padding-right: 5px;
    position: relative;
    vertical-align: middle;
    width: 13px !important
}

.fr-checkbox-disabled svg {
    display: none;
    height: 10px;
    margin-left: 2px;
    margin-top: 2px;
    width: 10px
}

.fr-checkbox-disabled span {
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    height: 15px;
    position: relative;
    -webkit-transition: background .2s ease 0s, border-color .2s ease 0s;
    -moz-transition: background .2s ease 0s, border-color .2s ease 0s;
    -ms-transition: background .2s ease 0s, border-color .2s ease 0s;
    -o-transition: background .2s ease 0s, border-color .2s ease 0s;
    width: 15px;
    z-index: 1
}
 input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #fff !important;
    caret-color: #fff;
}
.fr-checkbox-disabled input {
    border: 0;
    cursor: default;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    height: 13px !important;
    left: 7px;
    margin: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    top: 7px;
    width: 13px !important;
    z-index: 2
}

.fr-checkbox-disabled input:not(:checked)+span {
    border: 2px solid #999
}

.fr-checkbox-disabled input:not(:checked):active+span {
    background-color: #f5f5f5
}

.fr-checkbox-disabled input:checked+span {
    background: #0098f7;
    border: 2px solid #0098f7
}

.fr-checkbox-disabled input:checked+span svg {
    display: block
}

.fr-checkbox-disabled input:checked:active+span {
    background-color: #ecf5ff
}

.fr-file-view {
    max-width: 60%;
    position: absolute;
    right: 10%;
    z-index: 2147483642
}

.fr-file-item-thumbnail-hover {
    transition: transform .2s
}

.fr-file-item-thumbnail-hover:hover {
    -ms-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
}

.fr-file-name {
    font-size: 12px;
    font-weight: 700;
    padding-top: 5px
}

.fr-margin-16 {
    margin-bottom: 16px
}

.fr-none {
    display: none
}

.fr-display-block {
    display: block
}

.fr-files-manager-tooltip {
    position: relative
}

.padding-top-15 {
    padding-bottom: 0 !important;
    padding-top: 15px !important
}

.fr-files-manager-tooltip .tooltiptext {
    max-width: 250px;
    visibility: hidden;
    width: max-content;
    word-break: break-word;
    word-wrap: break-word;
    background-color: #000;
    border-radius: 2px;
    color: #fff;
    font-size: 10px;
    font-weight: 100;
    left: 50%;
    padding: 4px;
    position: absolute;
    text-align: left;
    top: 80%;
    z-index: 2147483647
}

.fr-files-manager-tooltip:hover .tooltiptext {
    visibility: visible
}

.fr-file-details {
    display: flex;
    flex-wrap: wrap;
    font-size: 10px
}

.fr-file-date {
    word-break: break-word;
    word-wrap: break-word;
    max-width: 110px
}

.fr-file-date,
.fr-file-size {
    color: #444;
    padding-bottom: 2px;
    padding-top: 2px
}

.dot {
    background-image: radial-gradient(circle, grey 1px, transparent 2px);
    background-size: 100% 33.33%;
    height: 20px;
    margin-left: 2px;
    margin-right: 2px;
    width: 20px
}

.fr-file-action-icons {
    color: #999;
    height: 25px !important;
    margin-left: 5px !important;
    margin-right: 5px;
    padding: 5px !important
}

@media screen and (max-width:700px) {
    .fr-files-manager-tooltip .tooltiptext {
        max-width: 250px;
        visibility: hidden;
        word-break: break-word;
        word-wrap: break-word;
        font-size: 8px;
        left: 0;
        top: 90%
    }
}

@media screen and (max-width:500px) {
    .fr-files-manager-tooltip .tooltiptext {
        max-width: 100px;
        visibility: hidden;
        word-break: break-word;
        word-wrap: break-word;
        left: 0;
        top: 90%
    }
    .fr-file-item-description {
        width: 130px
    }
    .fr-file-item-right {
        width: 100%
    }
    .progress-circle {
        font-size: 6px
    }
}

@media screen and (max-width:320px) {
    .fr-files-manager-tooltip .tooltiptext {
        max-width: 100px;
        visibility: hidden;
        word-break: break-word;
        word-wrap: break-word;
        font-size: 8px;
        left: -50%;
        top: 90%
    }
    .dot {
        margin-left: 0;
        margin-right: 3px;
        width: 20px
    }
    .fr-file-item-description {
        width: 80px
    }
    .fr-file-details {
        display: flex;
        flex-wrap: wrap;
        font-size: 9px
    }
    .fr-file-name {
        font-size: 10px
    }
    .fr-file-action-icons {
        padding: 0 !important
    }
}

@media screen and (min-width:501px) {
    .progress-circle {
        font-size: 9px
    }
}

.fr-file-view-modal {
    background-color: #000;
    background-color: rgba(0, 0, 0, .7);
    display: block;
    height: 100%;
    left: 0;
    overflow: auto;
    position: fixed;
    position: -ms-page;
    top: 0;
    width: 100%;
    z-index: 2147483641
}

.fr-file-view-modal-content {
    display: inline-block;
    text-align: center
}

.fr-file-view-image {
    bottom: 0;
    left: 0;
    margin: auto;
    max-height: 70%;
    max-width: 80%;
    position: absolute;
    right: 0;
    top: 0
}

.fr-file-view-close {
    color: #f1f1f1;
    font-size: 40px;
    font-weight: 700;
    position: absolute;
    right: 35px;
    top: 15px;
    transition: .3s
}

.fr-file-view-close:focus,
.fr-file-view-close:hover {
    color: #bbb;
    cursor: pointer;
    text-decoration: none
}

.fr-file-error {
    color: red;
    font-size: 12px;
    font-weight: 200;
    padding-bottom: 5px
}

.fr-file-error-h5 {
    margin: 0
}

.fr-file-item-right {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    margin-right: 20px
}

.fr-file-item-action-buttons {
    align-items: center;
    display: flex;
    justify-content: space-around
}

.fr-file-item-autoplay-checkbox {
    align-items: center;
    margin: 0 5px 0 0;
    padding: 0
}

.fr-autoplay-checkbox-label {
    cursor: default !important;
    margin: 0
}

.fr-checkbox-container:hover input~.fr-checkmark {
    background-color: #ccc
}

.fr-checkbox-container input:checked~.fr-checkmark {
    background-color: #2196f3
}

.fr-checkmark:after {
    content: "";
    display: none;
    position: absolute
}

.fr-checkbox-container input:checked~.fr-checkmark:after {
    display: block
}

.fr-container .fr-checkmark:after {
    border: solid #fff;
    border-width: 0 3px 3px 0;
    height: 7px;
    left: 5px;
    top: 2px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 3px
}

.fr-file-item-details .file-name {
    display: inline;
    font-weight: 700
}

.fr-file-item-details .file-description {
    display: inline;
    font-size: 11px;
    font-weight: 300
}

.fr-width-10 {
    display: inline-block;
    width: 10%
}

.fr-width-20 {
    display: inline-block;
    width: 20%
}

.fr-width-30 {
    display: inline-block;
    width: 30%
}

.fr-width-40 {
    display: inline-block;
    width: 40%
}

.fr-width-50 {
    display: inline-block;
    width: 50%
}

.fr-width-60 {
    display: inline-block;
    width: 60%
}

.fr-width-100 {
    display: inline-block;
    width: 100%
}

.fr-width-80 {
    display: inline-block;
    width: 80%
}

.fr-width-90 {
    display: inline-block;
    width: 90%
}

.fr-width-85 {
    display: inline-block;
    width: 85%
}

.fr-width-5 {
    display: inline-block;
    width: 5%
}

.fr-width-7 {
    display: inline-block;
    width: 7%
}

.fr-img-icon {
    color: #aaa;
    font-size: 16px;
    padding: 0 4px
}

.fr-position-content {
    position: relative;
    top: 10px
}

.file-error {
    color: red
}

#myprogressBar {
    background-color: #4caf50;
    height: 5px;
    position: relative;
    top: -30px;
    width: 10%
}

.fr-files-manager {
    z-index: 2147483641 !important
}

.progress-circle {
    background-color: #f2e9e1;
    border-radius: 50%;
    height: 5.1em;
    line-height: 5em;
    margin: 0 0 0 10px;
    padding: 0;
    position: relative;
    width: 5em
}

.progress-circle:after {
    background-color: #fff;
    border: none;
    border-radius: 50%;
    content: " ";
    height: 4.3em;
    left: .35em;
    top: .35em;
    width: 4.3em
}

.progress-circle span,
.progress-circle:after {
    display: block;
    position: absolute;
    text-align: center
}

.progress-circle span {
    color: #53777a;
    line-height: 5em;
    width: 5em;
    z-index: 2
}

.progress-circle.over50 .left-half-clipper {
    clip: rect(auto, auto, auto, auto)
}

.progress-circle.over50 .first50-bar {
    position: absolute;
    clip: rect(0, 5em, 5em, 2.5em);
    background-color: #53777a;
    border-radius: 50%;
    height: 5em;
    width: 5em
}

.progress-circle.p0 .value-bar,
.progress-circle:not(.over50) .first50-bar {
    display: none
}

.progress-circle.p1 .value-bar {
    transform: rotate(4deg)
}

.progress-circle.p2 .value-bar {
    transform: rotate(7deg)
}

.progress-circle.p3 .value-bar {
    transform: rotate(11deg)
}

.progress-circle.p4 .value-bar {
    transform: rotate(14deg)
}

.progress-circle.p5 .value-bar {
    transform: rotate(18deg)
}

.progress-circle.p6 .value-bar {
    transform: rotate(22deg)
}

.progress-circle.p7 .value-bar {
    transform: rotate(25deg)
}

.progress-circle.p8 .value-bar {
    transform: rotate(29deg)
}

.progress-circle.p9 .value-bar {
    transform: rotate(32deg)
}

.progress-circle.p10 .value-bar {
    transform: rotate(36deg)
}

.progress-circle.p11 .value-bar {
    transform: rotate(40deg)
}

.progress-circle.p12 .value-bar {
    transform: rotate(43deg)
}

.progress-circle.p13 .value-bar {
    transform: rotate(47deg)
}

.progress-circle.p14 .value-bar {
    transform: rotate(50deg)
}

.progress-circle.p15 .value-bar {
    transform: rotate(54deg)
}

.progress-circle.p16 .value-bar {
    transform: rotate(58deg)
}

.progress-circle.p17 .value-bar {
    transform: rotate(61deg)
}

.progress-circle.p18 .value-bar {
    transform: rotate(65deg)
}

.progress-circle.p19 .value-bar {
    transform: rotate(68deg)
}

.progress-circle.p20 .value-bar {
    transform: rotate(72deg)
}

.progress-circle.p21 .value-bar {
    transform: rotate(76deg)
}

.progress-circle.p22 .value-bar {
    transform: rotate(79deg)
}

.progress-circle.p23 .value-bar {
    transform: rotate(83deg)
}

.progress-circle.p24 .value-bar {
    transform: rotate(86deg)
}

.progress-circle.p25 .value-bar {
    transform: rotate(90deg)
}

.progress-circle.p26 .value-bar {
    transform: rotate(94deg)
}

.progress-circle.p27 .value-bar {
    transform: rotate(97deg)
}

.progress-circle.p28 .value-bar {
    transform: rotate(101deg)
}

.progress-circle.p29 .value-bar {
    transform: rotate(104deg)
}

.progress-circle.p30 .value-bar {
    transform: rotate(108deg)
}

.progress-circle.p31 .value-bar {
    transform: rotate(112deg)
}

.progress-circle.p32 .value-bar {
    transform: rotate(115deg)
}

.progress-circle.p33 .value-bar {
    transform: rotate(119deg)
}

.progress-circle.p34 .value-bar {
    transform: rotate(122deg)
}

.progress-circle.p35 .value-bar {
    transform: rotate(126deg)
}

.progress-circle.p36 .value-bar {
    transform: rotate(130deg)
}

.progress-circle.p37 .value-bar {
    transform: rotate(133deg)
}

.progress-circle.p38 .value-bar {
    transform: rotate(137deg)
}

.progress-circle.p39 .value-bar {
    transform: rotate(140deg)
}

.progress-circle.p40 .value-bar {
    transform: rotate(144deg)
}

.progress-circle.p41 .value-bar {
    transform: rotate(148deg)
}

.progress-circle.p42 .value-bar {
    transform: rotate(151deg)
}

.progress-circle.p43 .value-bar {
    transform: rotate(155deg)
}

.progress-circle.p44 .value-bar {
    transform: rotate(158deg)
}

.progress-circle.p45 .value-bar {
    transform: rotate(162deg)
}

.progress-circle.p46 .value-bar {
    transform: rotate(166deg)
}

.progress-circle.p47 .value-bar {
    transform: rotate(169deg)
}

.progress-circle.p48 .value-bar {
    transform: rotate(173deg)
}

.progress-circle.p49 .value-bar {
    transform: rotate(176deg)
}

.progress-circle.p50 .value-bar {
    transform: rotate(180deg)
}

.progress-circle.p51 .value-bar {
    transform: rotate(184deg)
}

.progress-circle.p52 .value-bar {
    transform: rotate(187deg)
}

.progress-circle.p53 .value-bar {
    transform: rotate(191deg)
}

.progress-circle.p54 .value-bar {
    transform: rotate(194deg)
}

.progress-circle.p55 .value-bar {
    transform: rotate(198deg)
}

.progress-circle.p56 .value-bar {
    transform: rotate(202deg)
}

.progress-circle.p57 .value-bar {
    transform: rotate(205deg)
}

.progress-circle.p58 .value-bar {
    transform: rotate(209deg)
}

.progress-circle.p59 .value-bar {
    transform: rotate(212deg)
}

.progress-circle.p60 .value-bar {
    transform: rotate(216deg)
}

.progress-circle.p61 .value-bar {
    transform: rotate(220deg)
}

.progress-circle.p62 .value-bar {
    transform: rotate(223deg)
}

.progress-circle.p63 .value-bar {
    transform: rotate(227deg)
}

.progress-circle.p64 .value-bar {
    transform: rotate(230deg)
}

.progress-circle.p65 .value-bar {
    transform: rotate(234deg)
}

.progress-circle.p66 .value-bar {
    transform: rotate(238deg)
}

.progress-circle.p67 .value-bar {
    transform: rotate(241deg)
}

.progress-circle.p68 .value-bar {
    transform: rotate(245deg)
}

.progress-circle.p69 .value-bar {
    transform: rotate(248deg)
}

.progress-circle.p70 .value-bar {
    transform: rotate(252deg)
}

.progress-circle.p71 .value-bar {
    transform: rotate(256deg)
}

.progress-circle.p72 .value-bar {
    transform: rotate(259deg)
}

.progress-circle.p73 .value-bar {
    transform: rotate(263deg)
}

.progress-circle.p74 .value-bar {
    transform: rotate(266deg)
}

.progress-circle.p75 .value-bar {
    transform: rotate(270deg)
}

.progress-circle.p76 .value-bar {
    transform: rotate(274deg)
}

.progress-circle.p77 .value-bar {
    transform: rotate(277deg)
}

.progress-circle.p78 .value-bar {
    transform: rotate(281deg)
}

.progress-circle.p79 .value-bar {
    transform: rotate(284deg)
}

.progress-circle.p80 .value-bar {
    transform: rotate(288deg)
}

.progress-circle.p81 .value-bar {
    transform: rotate(292deg)
}

.progress-circle.p82 .value-bar {
    transform: rotate(295deg)
}

.progress-circle.p83 .value-bar {
    transform: rotate(299deg)
}

.progress-circle.p84 .value-bar {
    transform: rotate(302deg)
}

.progress-circle.p85 .value-bar {
    transform: rotate(306deg)
}

.progress-circle.p86 .value-bar {
    transform: rotate(310deg)
}

.progress-circle.p87 .value-bar {
    transform: rotate(313deg)
}

.progress-circle.p88 .value-bar {
    transform: rotate(317deg)
}

.progress-circle.p89 .value-bar {
    transform: rotate(320deg)
}

.progress-circle.p90 .value-bar {
    transform: rotate(324deg)
}

.progress-circle.p91 .value-bar {
    transform: rotate(328deg)
}

.progress-circle.p92 .value-bar {
    transform: rotate(331deg)
}

.progress-circle.p93 .value-bar {
    transform: rotate(335deg)
}

.progress-circle.p94 .value-bar {
    transform: rotate(338deg)
}

.progress-circle.p95 .value-bar {
    transform: rotate(342deg)
}

.progress-circle.p96 .value-bar {
    transform: rotate(346deg)
}

.progress-circle.p97 .value-bar {
    transform: rotate(349deg)
}

.progress-circle.p98 .value-bar {
    transform: rotate(353deg)
}

.progress-circle.p99 .value-bar {
    transform: rotate(356deg)
}

.progress-circle.p100 .value-bar {
    transform: rotate(1turn)
}

.left-half-clipper {
    clip: rect(0, 5em, 5em, 2.5em)
}

.left-half-clipper,
.value-bar {
    border-radius: 50%;
    height: 5em;
    position: absolute;
    width: 5em
}

.value-bar {
    clip: rect(0, 2.5em, 5em, 0);
    border: .45em solid #53777a;
    box-sizing: border-box
}

.align-autoplay {
    align-items: flex-end;
    margin-right: 7px
}

.fr-hovered-over-file {
    background-color: #f0f0f0
}

.fr-thumbnail-padding {
    padding-right: 4px
}

body.fr-fullscreen {
    height: 100%;
    overflow: hidden;
    position: fixed;
    width: 100%
}

.fr-box.fr-fullscreen {
    bottom: 0;
    left: 0;
    margin: 0 !important;
    position: fixed;
    right: 0;
    top: 0;
    width: auto !important;
    z-index: 2147483630 !important
}

.fr-box.fr-fullscreen .fr-wrapper {
    background-color: #fff
}

.fr-box.fr-fullscreen .fr-toolbar,
.fr-box.fr-fullscreen.fr-basic.fr-bottom .fr-wrapper,
.fr-box.fr-fullscreen.fr-basic.fr-top .fr-wrapper {
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0
}

.fr-box.fr-fullscreen .fr-toolbar.fr-top {
    top: 0 !important
}

.fr-box.fr-fullscreen .fr-toolbar.fr-bottom {
    bottom: 0 !important
}

.fr-box.fr-fullscreen .fr-second-toolbar {
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    margin-top: 0
}

.fr-fullscreen-wrapper {
    margin: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
    width: 100% !important;
    z-index: 2147483640 !important
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal {
    padding: 20px 20px 10px;
    text-align: left
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table {
    border-collapse: collapse;
    font-size: 14px;
    line-height: 1.5;
    width: 100%
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table+table {
    margin-top: 20px
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tr {
    border: 0
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table th {
    text-align: left
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table td,
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table th {
    padding: 6px 0 4px
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody tr {
    border-bottom: 1px solid #ebebeb
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:first-child {
    color: #646464;
    width: 60%
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:nth-child(n+2) {
    letter-spacing: .5px
}

.fr-element img {
    cursor: pointer;
    padding: 0 1px
}

.fr-image-resizer {
    border: 1px solid #0098f7;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    display: none;
    position: absolute;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.fr-image-resizer.fr-active {
    display: block
}

.fr-image-resizer .fr-handler {
    background: #0098f7;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #fff;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: absolute;
    z-index: 4
}

.fr-image-resizer .fr-handler.fr-hnw {
    cursor: nw-resize
}

.fr-image-resizer .fr-handler.fr-hne {
    cursor: ne-resize
}

.fr-image-resizer .fr-handler.fr-hsw {
    cursor: sw-resize
}

.fr-image-resizer .fr-handler.fr-hse {
    cursor: se-resize
}

.fr-image-resizer .fr-handler {
    height: 12px;
    width: 12px
}

.fr-image-resizer .fr-handler.fr-hnw {
    left: -6px;
    top: -6px
}

.fr-image-resizer .fr-handler.fr-hne {
    right: -6px;
    top: -6px
}

.fr-image-resizer .fr-handler.fr-hsw {
    bottom: -6px;
    left: -6px
}

.fr-image-resizer .fr-handler.fr-hse {
    bottom: -6px;
    right: -6px
}

@media (min-width:1200px) {
    .fr-image-resizer .fr-handler {
        height: 10px;
        width: 10px
    }
    .fr-image-resizer .fr-handler.fr-hnw {
        left: -5px;
        top: -5px
    }
    .fr-image-resizer .fr-handler.fr-hne {
        right: -5px;
        top: -5px
    }
    .fr-image-resizer .fr-handler.fr-hsw {
        bottom: -5px;
        left: -5px
    }
    .fr-image-resizer .fr-handler.fr-hse {
        bottom: -5px;
        right: -5px
    }
}

.fr-image-overlay {
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 2147483640
}

.fr-popup .fr-image-upload-layer {
    border: 2px dashed #bdbdbd;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 140%;
    margin: 20px;
    padding: 25px 0;
    position: relative;
    text-align: center
}

.fr-popup .fr-image-upload-layer:hover {
    background: #ebebeb
}

.fr-popup .fr-image-upload-layer.fr-drop {
    background: #ebebeb;
    border-color: #0098f7
}

.fr-popup .fr-image-upload-layer .fr-form {
    bottom: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: 0;
    margin: 0 !important;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0 !important;
    position: absolute;
    right: 0;
    top: 0;
    width: 100% !important;
    z-index: 2147483640
}

.fr-popup .fr-image-upload-layer .fr-form input {
    bottom: 0;
    cursor: pointer;
    font-size: 400px;
    height: 100%;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 500%
}

.fr-popup .fr-image-progress-bar-layer>h3 {
    font-size: 16px;
    font-weight: 400;
    margin: 10px 0
}

.fr-popup .fr-image-progress-bar-layer>div.fr-action-buttons {
    display: none
}

.fr-popup .fr-image-progress-bar-layer>div.fr-loader {
    background: #b3e0fd;
    height: 10px;
    margin-top: 20px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.fr-popup .fr-image-progress-bar-layer>div.fr-loader span {
    background: #0098f7;
    display: block;
    height: 100%;
    -webkit-transition: width .2s ease 0s;
    -moz-transition: width .2s ease 0s;
    -ms-transition: width .2s ease 0s;
    -o-transition: width .2s ease 0s;
    width: 0
}

.fr-popup .fr-image-progress-bar-layer>div.fr-loader.fr-indeterminate span {
    -webkit-animation: loading 2s linear infinite;
    -moz-animation: loading 2s linear infinite;
    -o-animation: loading 2s linear infinite;
    animation: loading 2s linear infinite;
    position: absolute;
    top: 0;
    width: 30% !important
}

.fr-popup .fr-image-progress-bar-layer.fr-error>div.fr-loader {
    display: none
}

.fr-popup .fr-image-progress-bar-layer.fr-error>div.fr-action-buttons {
    display: block
}

.fr-image-size-layer .fr-image-group .fr-input-line {
    display: inline-block;
    width: calc(50% - 5px)
}

.fr-image-size-layer .fr-image-group .fr-input-line+.fr-input-line {
    margin-left: 10px
}

.fr-uploading {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: .4;
    -moz-opacity: .4;
    opacity: .4
}

@-webkit-keyframes loading {
    0% {
        left: -25%
    }
    to {
        left: 100%
    }
}

@-moz-keyframes loading {
    0% {
        left: -25%
    }
    to {
        left: 100%
    }
}

@-o-keyframes loading {
    0% {
        left: -25%
    }
    to {
        left: 100%
    }
}

@keyframes loading {
    0% {
        left: -25%
    }
    to {
        left: 100%
    }
}

img.fr-draggable {
    user-select: none
}

.fr-modal .fr-modal-head .fr-modal-head-line:after {
    clear: both;
    content: "";
    display: block;
    height: 0
}

.fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more {
    margin-top: 10px
}

.fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more.fr-not-available {
    opacity: 0;
    padding: 12px 0;
    width: 0
}

.fr-modal .fr-modal-head .fr-modal-tags {
    display: none;
    padding: 0 20px;
    text-align: left
}

.fr-modal .fr-modal-head .fr-modal-tags a {
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #f5f5f5;
    border-radius: 32px;
    -moz-border-radius: 32px;
    -webkit-border-radius: 32px;
    cursor: pointer;
    display: inline-block;
    margin: 8px 0 8px 8px;
    opacity: 0;
    padding: 6px 12px;
    text-decoration: none;
    -webkit-transition: opacity .2s ease 0s, background .2s ease 0s;
    -moz-transition: opacity .2s ease 0s, background .2s ease 0s;
    -ms-transition: opacity .2s ease 0s, background .2s ease 0s;
    -o-transition: opacity .2s ease 0s, background .2s ease 0s
}

.fr-modal .fr-modal-head .fr-modal-tags a:focus {
    background-color: #ebebeb;
    outline: none
}

.fr-modal .fr-modal-head .fr-modal-tags a:hover {
    background-color: #ebebeb
}

.fr-modal .fr-modal-head .fr-modal-tags a:active {
    background-color: #d6d6d6
}

.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag {
    background-color: #ecf5ff;
    color: #0098f7
}

.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:focus {
    background-color: #ebebeb;
    outline: none
}

.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:hover {
    background-color: #ebebeb
}

.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:active {
    background-color: #d6d6d6
}

.fr-show-tags .fr-modal-more svg path {
    fill: #0098f7
}

div.fr-modal-body {
    -webkit-transition: background .2s ease 0s;
    -moz-transition: background .2s ease 0s;
    -ms-transition: background .2s ease 0s;
    -o-transition: background .2s ease 0s
}

div.fr-modal-body .fr-preloader {
    display: block;
    margin: 50px auto
}

div.fr-modal-body div.fr-image-list {
    margin: 0 20px;
    padding: 0;
    text-align: center
}

div.fr-modal-body div.fr-image-list .fr-list-column {
    float: left;
    width: calc(50% - 10px)
}

@media (min-width:768px) and (max-width:1199px) {
    div.fr-modal-body div.fr-image-list .fr-list-column {
        width: calc(33.33333% - 13.33333px)
    }
}

@media (min-width:1200px) {
    .pricing_sidebar{
        display:block;
    }
    div.fr-modal-body div.fr-image-list .fr-list-column {
        width: calc(25% - 15px)
    }
}

div.fr-modal-body div.fr-image-list .fr-list-column+.fr-list-column {
    margin-left: 20px
}

div.fr-modal-body div.fr-image-list div.fr-image-container {
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%
}

div.fr-modal-body div.fr-image-list div.fr-image-container+div,
div.fr-modal-body div.fr-image-list div.fr-image-container:first-child {
    margin-top: 20px
}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting:after {
    background: #000;
    bottom: 0;
    content: "";
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: 0;
    -webkit-opacity: .5;
    -moz-opacity: .5;
    opacity: .5;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity .2s ease 0s;
    -moz-transition: opacity .2s ease 0s;
    -ms-transition: opacity .2s ease 0s;
    -o-transition: opacity .2s ease 0s;
    z-index: 2
}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting:before {
    bottom: 0;
    color: #fff;
    content: attr(data-deleting);
    font-size: 15px;
    height: 20px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3
}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty {
    background: #ccc;
    height: 95px;
    z-index: 1
}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty:after {
    bottom: 0;
    content: attr(data-loading);
    display: inline-block;
    height: 20px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0
}

div.fr-modal-body div.fr-image-list div.fr-image-container img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    position: relative;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    -webkit-transition: opacity .2s ease 0s, filter .2s ease 0s;
    -moz-transition: opacity .2s ease 0s, filter .2s ease 0s;
    -ms-transition: opacity .2s ease 0s, filter .2s ease 0s;
    -o-transition: opacity .2s ease 0s, filter .2s ease 0s;
    vertical-align: middle;
    width: 100%;
    z-index: 2
}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: .75;
    -moz-opacity: .75;
    opacity: .75
}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-delete-img,
div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-insert-img {
    display: inline-block
}

div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img,
div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: none;
    line-height: 40px;
    margin: 0;
    position: absolute;
    text-decoration: none;
    top: 50%;
    -webkit-transition: background .2s ease 0s, color .2s ease 0s;
    -moz-transition: background .2s ease 0s, color .2s ease 0s;
    -ms-transition: background .2s ease 0s, color .2s ease 0s;
    -o-transition: background .2s ease 0s, color .2s ease 0s;
    z-index: 3
}

div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img {
    background: #b8312f;
    fill: #fff;
    left: 50%;
    padding: 8px;
    -webkit-transform: translateY(-50%) translateX(25%);
    -moz-transform: translateY(-50%) translateX(25%);
    -ms-transform: translateY(-50%) translateX(25%);
    -o-transform: translateY(-50%) translateX(25%)
}

div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
    background: #fff;
    fill: #0098f7;
    left: 50%;
    padding: 8px;
    -webkit-transform: translateY(-50%) translateX(-125%);
    -moz-transform: translateY(-50%) translateX(-125%);
    -ms-transform: translateY(-50%) translateX(-125%);
    -o-transform: translateY(-50%) translateX(-125%)
}

.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: .75;
    -moz-opacity: .75;
    opacity: .75
}

.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-delete-img,
.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-insert-img {
    display: inline-block;
    height: 40px;
    width: 40px
}

.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img:hover {
    background: #bf4644;
    color: #fff
}

.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img:hover {
    background: #ebebeb
}

.fr-line-breaker {
    border-top: 1px solid #0098f7;
    cursor: text;
    display: none;
    position: fixed;
    z-index: 2
}

.fr-line-breaker.fr-visible {
    display: block
}

.fr-line-breaker a.fr-floating-btn {
    left: calc(50% - 20px);
    position: absolute;
    top: -20px
}

.fr-line-breaker a.fr-floating-btn svg {
    height: 24px;
    margin: 8px;
    width: 24px
}

.fr-wrapper-markdown {
    display: flex
}

.fr-markdown-view {
    box-sizing: inherit;
    width: calc(52% - 1px)
}

.fr-markdown-editor {
    background-color: #eee;
    box-sizing: inherit;
    width: calc(48% - 1px)
}

.fr-markdown-editor>p {
    margin: 0
}

.fr-markdown-view>p {
    margin-top: 0
}

.gutter-horizontal {
    background-color: #dadada;
    cursor: col-resize;
    display: flex;
    width: 2px;
    z-index: 9
}

.e-resize-handler {
    align-items: center;
    align-self: center;
    color: #c5c5c5;
    display: flex;
    font-size: 10px;
    justify-content: center;
    position: relative;
    width: 1px;
    z-index: 9
}

.fr-markdown-view>dl {
    margin-bottom: 1rem;
    margin-top: 0
}

.fr-markdown-view>dt {
    font-weight: 700
}

.fr-markdown-view>dd {
    margin-bottom: .5rem;
    margin-left: 0
}

.fr-markdown-view>pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    margin-bottom: 1.5em;
    margin-top: 1.5em
}

.fr-markdown-view>code,
.fr-markdown-view>pre {
    background-color: #f8f8f8;
    border: 1px solid #dfdfdf;
    padding: .125rem .3125rem .0625rem
}

.fr-markdown-view>code {
    color: #333;
    font-family: Consolas, Liberation Mono, Courier, monospace;
    font-weight: 400
}

.fr-markdown-view>pre code {
    background-color: transparent;
    border: 0;
    padding: 0
}

.fr-markdown-view>sup {
    top: -.5em
}

.footnote-a {
    background-color: transparent;
    color: #007bff;
    text-decoration: none
}

.fr-markdown-view>hr {
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1);
    margin-bottom: 1rem;
    margin-top: 1rem
}

.blockquote {
    border-left: 5px solid #eee;
    margin: 0 0 1rem;
    padding: 10px 20px
}

.fr-markdown-view>table {
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 20px;
    max-width: 100%;
    width: 100%
}

.fr-markdown-view>table>tbody>tr>td,
.fr-markdown-view>table>tbody>tr>th,
.fr-markdown-view>table>thead>tr>td,
.fr-markdown-view>table>thead>tr>th {
    border: 1px solid #ddd;
    line-height: 1.42857143;
    padding: 8px;
    vertical-align: top
}

.fr-markdown-view>table>thead>tr>td,
.fr-markdown-view>table>thead>tr>th {
    border-bottom-width: 2px
}

.fr-markdown-view>table>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9
}

.fr-markdown-view>a {
    color: #337ab7;
    text-decoration: none
}

.fr-markdown-view>h1 {
    font-size: 2em !important
}

.fr-markdown-view>h2 {
    font-size: 1.5em !important
}

.fr-quick-insert {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    padding-right: 10px;
    position: absolute;
    white-space: nowrap;
    z-index: 2147483639
}

.fr-quick-insert a.fr-floating-btn svg {
    height: 24px;
    margin: 8px;
    width: 24px
}

.fr-quick-insert.fr-on a.fr-floating-btn svg {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg)
}

.fr-quick-insert.fr-hidden {
    display: none
}

.fr-qi-helper {
    padding-left: 20px;
    position: absolute;
    white-space: nowrap;
    z-index: 3
}

.fr-qi-helper a.fr-btn.fr-floating-btn {
    background: #fff;
    color: #222;
    display: inline-block;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    padding: 6px 10px 10px;
    text-align: center;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0)
}

.fr-qi-helper a.fr-btn.fr-floating-btn svg {
    fill: #222
}

.fr-qi-helper a.fr-btn.fr-floating-btn.fr-size-1 {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1)
}

.fr-popup .fr-buttons.fr-tabs .fr-special-character-category {
    padding: 10px 15px
}

.fr-popup .fr-buttons.fr-tabs .fr-special-character-category span {
    font-size: 16px;
    font-weight: 400
}

.fr-popup .fr-special-character {
    height: 24px;
    width: 24px
}

@media (-ms-high-contrast:none) and (min-width:768px),
screen and (-ms-high-contrast:active) and (min-width:768px) {
    .fr-popup .fr-icon-container.fr-sc-container {
        width: 368px
    }
}

.fr-element table td.fr-selected-cell,
.fr-element table th.fr-selected-cell {
    border: 1px double #0098f7
}

.fr-element table td,
.fr-element table th {
    user-select: text;
    -o-user-select: text;
    -moz-user-select: text;
    -khtml-user-select: text;
    -webkit-user-select: text;
    -ms-user-select: text
}

.fr-element .fr-no-selection table td,
.fr-element .fr-no-selection table th {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.fr-table-resizer {
    cursor: col-resize;
    display: none;
    position: absolute;
    z-index: 3
}

.fr-table-resizer.fr-moving {
    z-index: 2
}

.fr-table-resizer div {
    border-right: 1px solid #0098f7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0
}

.fr-no-selection {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.fr-popup .fr-table-size {
    margin: 20px
}

.fr-popup .fr-table-size .fr-table-size-info {
    font-size: 14px;
    text-align: center
}

.fr-popup .fr-table-size .fr-select-table-size {
    line-height: 0;
    padding: 5px;
    white-space: nowrap
}

.fr-popup .fr-table-size .fr-select-table-size>span {
    background: transparent;
    display: inline-block;
    padding: 0 4px 4px 0
}

.fr-popup .fr-table-size .fr-select-table-size>span>span {
    border: 1px solid #ddd;
    display: inline-block;
    height: 18px;
    width: 18px
}

.fr-popup .fr-table-size .fr-select-table-size>span.hover {
    background: transparent
}

.fr-popup .fr-table-size .fr-select-table-size>span.hover>span {
    background: rgba(0, 152, 247, .3);
    border: 1px solid #0098f7
}

.fr-popup .fr-table-size .fr-select-table-size .new-line:after {
    clear: both;
    content: "";
    display: block;
    height: 0
}

.fr-popup.fr-above .fr-table-size .fr-select-table-size>span {
    display: inline-block !important
}

.fr-popup .fr-table-colors {
    display: block;
    padding: 20px 20px 0
}

.fr-popup.fr-desktop .fr-table-size .fr-select-table-size>span>span {
    height: 12px;
    width: 12px
}

.fr-insert-helper {
    position: absolute;
    white-space: nowrap;
    z-index: 9999
}

#fr-form-container {
    background-color: #f5f5f5;
    background-color: #fefefe;
    border-radius: 5px;
    margin: auto;
    overflow: auto;
    position: relative;
    top: 10%;
    width: 60%;
    z-index: 9002
}

.fr-trim-video-name {
    font-family: Arial, Helvetica, sans-serif;
    padding-top: 15px
}

.fr-file-loader {
    align-items: center;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    border: 4px solid #f3f3f3;
    border-radius: 50%;
    border-top-color: #53777a;
    display: inline-block !important;
    display: block !important;
    height: 20px;
    width: 20px
}

.fr-trim-button {
    background: none;
    background-color: #eff5fa;
    border: none;
    border-radius: 5px;
    color: #0098f7;
    cursor: pointer;
    font-size: 16px;
    height: 36px;
    line-height: 1;
    margin-top: 5px;
    outline: none;
    padding: 10px;
    text-decoration: none
}

.fr-trim-button:hover {
    background: #ebebeb
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

.fr-slidecontainer {
    width: 100%
}

.fr-slider {
    -webkit-appearance: none;
    background: #d3d3d3;
    height: 15px;
    width: 100%
}

.fr-video-trim-buttons {
    margin-top: 10px;
    padding-bottom: 5px;
    padding-right: 15px;
    text-align: right
}

.fr-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    border-radius: 50%;
    cursor: pointer;
    height: 15px;
    width: 15px
}

.fr-slider::-moz-range-thumb {
    background: #3498db;
    border-radius: 50%;
    cursor: pointer;
    height: 15px;
    width: 15px
}

.fr-range-value-start {
    position: absolute
}

.fr-range-value-start>span {
    background: #03a9f4;
    border-radius: 6px;
    color: #fff;
    display: block;
    font-size: 12px;
    height: 24px;
    left: 50%;
    line-height: 24px;
    position: absolute;
    text-align: center;
    transform: translate(-85%);
    width: 60px
}

.fr-range-value-start>span:before {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    content: "";
    height: 0;
    left: 86%;
    margin-left: -5px;
    margin-top: -1px;
    position: absolute;
    width: 0
}

.fr-range-value-end {
    position: absolute
}

.fr-range-value-end>span {
    background: #03a9f4;
    border-radius: 6px;
    color: #fff;
    display: block;
    font-size: 12px;
    height: 24px;
    left: 14%;
    line-height: 24px;
    position: absolute;
    text-align: center;
    transform: translate(-8%);
    width: 60px
}

.fr-range-value-end>span:before {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    content: "";
    height: 0;
    left: 14%;
    margin-left: -5px;
    margin-top: -1px;
    position: absolute;
    width: 0
}

#startTimeValue {
    top: -153% !important
}

#startTimeValue span:before {
    border-top: 10px solid #03a9f4;
    top: 100%
}

#endTimeValue {
    top: -153% !important
}

#endTimeValue span:before {
    border-top: 10px solid #03a9f4;
    top: 100%
}

.fr-range-slider {
    height: 15px;
    position: relative;
    width: 80%
}

.fr-range-slider>input {
    border-radius: 10px;
    height: 6px;
    left: 0;
    outline: none;
    pointer-events: none;
    position: absolute;
    top: 10px;
    width: 100%
}

.fr-range-slider>input::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    background: #3498db;
    border-radius: 7px;
    cursor: pointer;
    height: 15px;
    margin-top: -3.6px;
    pointer-events: all;
    position: relative;
    width: 15px;
    z-index: 1
}

.fr-range-slider>input::-moz-range-thumb {
    -moz-appearance: none;
    border-radius: 7px;
    height: 15px;
    margin-top: -3.6px;
    pointer-events: all;
    position: relative;
    width: 9px;
    z-index: 10
}

.fr-range-slider>input::-moz-range-track {
    background-color: #000;
    border: 0;
    border-radius: 50%;
    height: 15px;
    margin-top: -3.6px;
    position: relative;
    z-index: -1
}

.fr-range-slider>input:last-of-type::-moz-range-track {
    -moz-appearance: none;
    background: none transparent;
    border: 0
}

.fr-range-slider>input[type=range]::-moz-focus-outer {
    border: 0
}

@media screen and (max-width:430px) {
    .range-value span {
        font-size: 10px;
        width: 40px
    }
    #fr-form-container {
        top: 20%
    }
}

#fr-video-edit {
    height: 50%;
    margin-bottom: 20px;
    padding-bottom: 8px;
    padding-top: 8px;
    text-align: center;
    width: 80%
}

.fr-element .fr-video {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.fr-element .fr-video:after {
    background: transparent;
    bottom: 0;
    content: "";
    cursor: pointer;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.fr-element .fr-video.fr-active>* {
    position: relative;
    z-index: 2
}

.fr-element .fr-video>* {
    border: none;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    max-width: 100%
}

.fr-box .fr-video-resizer {
    border: 1px solid #0098f7;
    display: none;
    position: absolute;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.fr-box .fr-video-resizer.fr-active {
    display: block
}

.fr-box .fr-video-resizer .fr-handler {
    background: #0098f7;
    border: 1px solid #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: absolute;
    z-index: 4
}

.fr-box .fr-video-resizer .fr-handler.fr-hnw {
    cursor: nw-resize
}

.fr-box .fr-video-resizer .fr-handler.fr-hne {
    cursor: ne-resize
}

.fr-box .fr-video-resizer .fr-handler.fr-hsw {
    cursor: sw-resize
}

.fr-box .fr-video-resizer .fr-handler.fr-hse {
    cursor: se-resize
}

.fr-box .fr-video-resizer .fr-handler {
    height: 12px;
    width: 12px
}

.fr-box .fr-video-resizer .fr-handler.fr-hnw {
    left: -6px;
    top: -6px
}

.fr-box .fr-video-resizer .fr-handler.fr-hne {
    right: -6px;
    top: -6px
}

.fr-box .fr-video-resizer .fr-handler.fr-hsw {
    bottom: -6px;
    left: -6px
}

.fr-box .fr-video-resizer .fr-handler.fr-hse {
    bottom: -6px;
    right: -6px
}

@media (min-width:1200px) {
    .fr-box .fr-video-resizer .fr-handler {
        height: 10px;
        width: 10px
    }
    .fr-box .fr-video-resizer .fr-handler.fr-hnw {
        left: -5px;
        top: -5px
    }
    .fr-box .fr-video-resizer .fr-handler.fr-hne {
        right: -5px;
        top: -5px
    }
    .fr-box .fr-video-resizer .fr-handler.fr-hsw {
        bottom: -5px;
        left: -5px
    }
    .fr-box .fr-video-resizer .fr-handler.fr-hse {
        bottom: -5px;
        right: -5px
    }
}

.fr-popup .fr-video-size-layer .fr-video-group .fr-input-line {
    display: inline-block;
    width: calc(50% - 5px)
}

.fr-popup .fr-video-size-layer .fr-video-group .fr-input-line+.fr-input-line {
    margin-left: 10px
}

.fr-popup .fr-video-upload-layer {
    border: 2px dashed #bdbdbd;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 140%;
    margin: 20px;
    padding: 25px 0;
    position: relative;
    text-align: center
}

.fr-popup .fr-video-upload-layer:hover {
    background: #ebebeb
}

.fr-popup .fr-video-upload-layer.fr-drop {
    background: #ebebeb;
    border-color: #0098f7
}

.fr-popup .fr-video-upload-layer .fr-form {
    bottom: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: 0;
    margin: 0 !important;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0 !important;
    position: absolute;
    right: 0;
    top: 0;
    width: 100% !important;
    z-index: 2147483640
}

.fr-popup .fr-video-upload-layer .fr-form input {
    bottom: 0;
    cursor: pointer;
    font-size: 400px;
    height: 100%;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 500%
}

.fr-popup .fr-video-progress-bar-layer>h3 {
    font-size: 16px;
    font-weight: 400;
    margin: 10px 0
}

.fr-popup .fr-video-progress-bar-layer>div.fr-action-buttons {
    display: none
}

.fr-popup .fr-video-progress-bar-layer>div.fr-loader {
    background: #b3e0fd;
    height: 10px;
    margin-top: 20px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.fr-popup .fr-video-progress-bar-layer>div.fr-loader span {
    background: #0098f7;
    display: block;
    height: 100%;
    -webkit-transition: width .2s ease 0s;
    -moz-transition: width .2s ease 0s;
    -ms-transition: width .2s ease 0s;
    -o-transition: width .2s ease 0s;
    width: 0
}

.fr-popup .fr-video-progress-bar-layer>div.fr-loader.fr-indeterminate span {
    -webkit-animation: loading 2s linear infinite;
    -moz-animation: loading 2s linear infinite;
    -o-animation: loading 2s linear infinite;
    animation: loading 2s linear infinite;
    position: absolute;
    top: 0;
    width: 30% !important
}

.fr-popup .fr-video-progress-bar-layer.fr-error>div.fr-loader {
    display: none
}

.fr-popup .fr-video-progress-bar-layer.fr-error>div.fr-action-buttons {
    display: block
}

.fr-video-overlay {
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 2147483640
}

.fr-autoplay-margin {
    margin-top: 0 !important
}

.fr-clearfix:after {
    clear: both;
    content: "";
    display: block;
    height: 0
}

.fr-hide-by-clipping {
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.fr-view .fr-img-caption.fr-rounded img,
.fr-view img.fr-rounded {
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px
}

.fr-view .fr-img-caption.fr-shadow img,
.fr-view img.fr-shadow {
    -webkit-box-shadow: 10px 10px 5px 0 #ccc;
    -moz-box-shadow: 10px 10px 5px 0 #ccc;
    box-shadow: 10px 10px 5px 0 #ccc
}

.fr-view .fr-img-caption.fr-bordered img,
.fr-view img.fr-bordered {
    border: 5px solid #ccc
}

.fr-view img.fr-bordered {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.fr-view .fr-img-caption.fr-bordered img {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.fr-view li img.fr-dii.fr-fil {
    margin-right: 20px
}

.fr-view {
    word-wrap: break-word
}

.fr-view span[style~="color:"] a {
    color: inherit
}

.fr-view strong {
    font-weight: 700
}

.fr-view table[border="0"] td:not([class]),
.fr-view table[border="0"] td[class=""],
.fr-view table[border="0"] th:not([class]),
.fr-view table[border="0"] th[class=""] {
    border-width: 0
}

.fr-view table {
    border: none;
    border-collapse: collapse;
    empty-cells: show;
    max-width: 100%
}

.fr-view table td {
    min-width: 5px
}

.fr-view table.fr-dashed-borders td,
.fr-view table.fr-dashed-borders th {
    border-style: dashed
}

.fr-view table.fr-alternate-rows tbody tr:nth-child(2n) {
    background: #f5f5f5
}

.fr-view table td,
.fr-view table th {
    border: 1px solid #ddd
}

.fr-view table td:empty,
.fr-view table th:empty {
    height: 20px
}

.fr-view table td.fr-highlighted,
.fr-view table th.fr-highlighted {
    border: 1px double red
}

.fr-view table td.fr-thick,
.fr-view table th.fr-thick {
    border-width: 2px
}

.fr-view table tfoot td,
.fr-view table th {
    background: #ececec
}

.fr-view hr {
    break-after: always;
    clear: both;
    page-break-after: always;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.fr-view .fr-file {
    position: relative
}

.fr-view .fr-file:after {
    content: "\1F4CE";
    font-weight: 400;
    position: relative
}

.fr-view pre {
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow: visible
}

.fr-view[dir=rtl] blockquote {
    border-left: none;
    border-right: 2px solid #5e35b1;
    margin-right: 0;
    padding-left: 0;
    padding-right: 5px
}

.fr-view[dir=rtl] blockquote blockquote {
    border-color: #00bcd4
}

.fr-view[dir=rtl] blockquote blockquote blockquote {
    border-color: #43a047
}

.fr-view blockquote {
    border-left: 2px solid #5e35b1;
    color: #5e35b1;
    margin-left: 0;
    padding-left: 5px
}

.fr-view blockquote blockquote {
    border-color: #00bcd4;
    color: #00bcd4
}

.fr-view blockquote blockquote blockquote {
    border-color: #43a047;
    color: #43a047
}

.fr-view span.fr-emoticon {
    display: inline;
    font-family: Apple Color Emoji, Segoe UI Emoji, NotoColorEmoji, Segoe UI Symbol, Android Emoji, EmojiSymbols;
    font-weight: 400;
    line-height: 0
}

.fr-view span.fr-emoticon.fr-emoticon-img {
    background-repeat: no-repeat !important;
    display: inline-block;
    font-size: inherit;
    height: 1em;
    line-height: 1;
    margin: -.1em .1em .1em;
    min-height: 20px;
    min-width: 20px;
    vertical-align: middle;
    width: 1em
}

.fr-view .fr-text-gray {
    color: #aaa !important
}

.fr-view .fr-text-bordered {
    border-bottom: 1px solid #222;
    border-top: 1px solid #222;
    padding: 10px 0
}

.fr-view .fr-text-spaced {
    letter-spacing: 1px
}

.fr-view .fr-text-uppercase {
    text-transform: uppercase
}

.fr-view .fr-class-highlighted {
    background-color: #ff0
}

.fr-view .fr-class-code {
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background: #f5f5f5;
    border-color: #ccc;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    font-family: Courier New, Courier, monospace;
    padding: 10px
}

.fr-view .fr-class-transparency {
    opacity: .5
}

.fr-view img {
    max-width: 100%;
    position: relative
}

.fr-view img.fr-dib {
    display: block;
    float: none;
    margin: 5px auto;
    vertical-align: top
}

.fr-view img.fr-dib.fr-fil {
    margin-left: 0;
    text-align: left
}

.fr-view img.fr-dib.fr-fir {
    margin-right: 0;
    text-align: right
}

.fr-view img.fr-dii {
    display: inline-block;
    float: none;
    margin-left: 5px;
    margin-right: 5px;
    max-width: calc(100% - 10px);
    min-width: 10px;
    vertical-align: bottom
}

.fr-view img.fr-dii.fr-fil {
    float: left;
    margin: 5px 5px 5px 0;
    max-width: calc(100% - 5px);
    min-width: 5px
}

.fr-view img.fr-dii.fr-fir {
    float: right;
    margin: 5px 0 5px 5px;
    max-width: calc(100% - 5px);
    min-width: 5px
}

.fr-view span.fr-img-caption {
    max-width: 100%;
    position: relative
}

.fr-view span.fr-img-caption.fr-dib {
    display: block;
    float: none;
    margin: 5px auto;
    vertical-align: top
}

.fr-view span.fr-img-caption.fr-dib.fr-fil {
    margin-left: 0;
    text-align: left
}

.fr-view span.fr-img-caption.fr-dib.fr-fir {
    margin-right: 0;
    text-align: right
}

.fr-view span.fr-img-caption.fr-dii {
    display: inline-block;
    float: none;
    margin-left: 5px;
    margin-right: 5px;
    max-width: calc(100% - 10px);
    min-width: 10px;
    vertical-align: bottom
}

.fr-view span.fr-img-caption.fr-dii.fr-fil {
    float: left;
    margin: 5px 5px 5px 0;
    max-width: calc(100% - 5px);
    min-width: 5px
}

.fr-view span.fr-img-caption.fr-dii.fr-fir {
    float: right;
    margin: 5px 0 5px 5px;
    max-width: calc(100% - 5px);
    min-width: 5px
}

.fr-view .fr-video {
    position: relative;
    text-align: center
}

.fr-view .fr-video.fr-rv {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px
}

.fr-view .fr-video.fr-rv embed,
.fr-view .fr-video.fr-rv object,
.fr-view .fr-video.fr-rv>iframe {
    height: 100%;
    left: 0;
    position: absolute !important;
    top: 0;
    width: 100%
}

.fr-view .fr-video>* {
    border: none;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    max-width: 100%
}

.fr-view .fr-video.fr-dvb {
    clear: both;
    display: block
}

.fr-view .fr-video.fr-dvb.fr-fvl {
    text-align: left
}

.fr-view .fr-video.fr-dvb.fr-fvr {
    text-align: right
}

.fr-view .fr-video.fr-dvi {
    display: inline-block
}

.fr-view .fr-video.fr-dvi.fr-fvl {
    float: left
}

.fr-view .fr-video.fr-dvi.fr-fvr {
    float: right
}

.fr-view a.fr-strong {
    font-weight: 700
}

.fr-view a.fr-green {
    color: green
}

.fr-view .fr-img-caption {
    text-align: center
}

.fr-view .fr-img-caption .fr-img-wrap {
    margin: auto;
    padding: 0;
    text-align: center;
    width: 100%
}

.fr-view .fr-img-caption .fr-img-wrap a {
    display: block
}

.fr-view .fr-img-caption .fr-img-wrap img {
    display: block;
    margin: auto;
    width: 100%
}

.fr-view .fr-img-caption .fr-img-wrap>span {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    font-size: 14px;
    font-weight: 400;
    margin: auto;
    -webkit-opacity: .9;
    -moz-opacity: .9;
    opacity: .9;
    padding: 5px 5px 10px;
    text-align: center;
    width: 100%
}

.fr-view button.fr-rounded,
.fr-view input.fr-rounded,
.fr-view textarea.fr-rounded {
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px
}

.fr-view button.fr-large,
.fr-view input.fr-large,
.fr-view textarea.fr-large {
    font-size: 24px
}

.fr-view p img.fr-dii.fr-fil,
.fr-view span.fr-img-caption.fr-dii.fr-fil {
    margin-right: 15px
}

a.fr-view.fr-strong {
    font-weight: 700
}

a.fr-view.fr-green {
    color: green
}

img.fr-view {
    max-width: 100%;
    position: relative
}

img.fr-view.fr-dib {
    display: block;
    float: none;
    margin: 5px auto;
    vertical-align: top
}

img.fr-view.fr-dib.fr-fil {
    margin-left: 0;
    text-align: left
}

img.fr-view.fr-dib.fr-fir {
    margin-right: 0;
    text-align: right
}

img.fr-view.fr-dii {
    display: inline-block;
    float: none;
    margin-left: 5px;
    margin-right: 5px;
    max-width: calc(100% - 10px);
    min-width: 10px;
    vertical-align: bottom
}

img.fr-view.fr-dii.fr-fil {
    float: left;
    margin: 5px 5px 5px 0;
    max-width: calc(100% - 5px);
    min-width: 5px
}

img.fr-view.fr-dii.fr-fir {
    float: right;
    margin: 5px 0 5px 5px;
    max-width: calc(100% - 5px);
    min-width: 5px
}

span.fr-img-caption.fr-view {
    max-width: 100%;
    position: relative
}

span.fr-img-caption.fr-view.fr-dib {
    display: block;
    float: none;
    margin: 5px auto;
    vertical-align: top
}

span.fr-img-caption.fr-view.fr-dib.fr-fil {
    margin-left: 0;
    text-align: left
}

span.fr-img-caption.fr-view.fr-dib.fr-fir {
    margin-right: 0;
    text-align: right
}

span.fr-img-caption.fr-view.fr-dii {
    display: inline-block;
    float: none;
    margin-left: 5px;
    margin-right: 5px;
    max-width: calc(100% - 10px);
    min-width: 10px;
    vertical-align: bottom
}

span.fr-img-caption.fr-view.fr-dii.fr-fil {
    float: left;
    margin: 5px 5px 5px 0;
    max-width: calc(100% - 5px);
    min-width: 5px
}

span.fr-img-caption.fr-view.fr-dii.fr-fir {
    float: right;
    margin: 5px 0 5px 5px;
    max-width: calc(100% - 5px);
    min-width: 5px
}

[data-simplebar] {
    align-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    position: relative
}

.simplebar-wrapper {
    height: inherit;
    max-height: inherit;
    max-width: inherit;
    overflow: hidden;
    width: inherit
}

.simplebar-mask {
    direction: inherit;
    height: auto !important;
    overflow: hidden;
    width: auto !important;
    z-index: 0
}

.simplebar-mask,
.simplebar-offset {
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0
}

.simplebar-offset {
    box-sizing: inherit !important;
    direction: inherit !important;
    resize: none !important;
    -webkit-overflow-scrolling: touch
}

.simplebar-content-wrapper {
    box-sizing: border-box !important;
    direction: inherit;
    display: block;
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    position: relative;
    scrollbar-width: none;
    width: auto;
    -ms-overflow-style: none
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
    height: 0;
    width: 0
}

.simplebar-content:after,
.simplebar-content:before {
    content: " ";
    display: table
}

.simplebar-placeholder {
    max-height: 100%;
    max-width: 100%;
    pointer-events: none;
    width: 100%
}

.simplebar-height-auto-observer-wrapper {
    box-sizing: inherit !important;
    flex-basis: 0;
    flex-grow: inherit;
    flex-shrink: 0;
    float: left;
    height: 100%;
    margin: 0;
    max-height: 1px;
    max-width: 1px;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: relative;
    width: 100%;
    z-index: -1
}

.simplebar-height-auto-observer {
    box-sizing: inherit;
    display: block;
    height: 1000%;
    left: 0;
    min-height: 1px;
    min-width: 1px;
    opacity: 0;
    top: 0;
    width: 1000%;
    z-index: -1
}

.simplebar-height-auto-observer,
.simplebar-track {
    overflow: hidden;
    pointer-events: none;
    position: absolute
}

.simplebar-track {
    bottom: 0;
    right: 0;
    z-index: 1
}

[data-simplebar].simplebar-dragging .simplebar-content {
    pointer-events: none;
    user-select: none;
    -webkit-user-select: none
}

[data-simplebar].simplebar-dragging .simplebar-track {
    pointer-events: all
}

.simplebar-scrollbar {
    left: 0;
    min-height: 10px;
    position: absolute;
    right: 0
}

.simplebar-scrollbar:before {
    background: #000;
    border-radius: 7px;
    content: "";
    left: 2px;
    opacity: 0;
    position: absolute;
    right: 2px;
    transition: opacity .2s linear
}

.simplebar-scrollbar.simplebar-visible:before {
    opacity: .5;
    transition: opacity 0s linear
}

.simplebar-track.simplebar-vertical {
    top: 0;
    width: 11px
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
    bottom: 2px;
    top: 2px
}

.simplebar-track.simplebar-horizontal {
    height: 11px;
    left: 0
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
    height: 100%;
    left: 2px;
    right: 2px
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    height: 7px;
    left: 0;
    min-height: 0;
    min-width: 10px;
    right: auto;
    top: 2px;
    width: auto
}

[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
    left: 0;
    right: auto
}

.hs-dummy-scrollbar-size {
    direction: rtl;
    height: 500px;
    opacity: 0;
    overflow-x: scroll;
    overflow-y: hidden;
    position: fixed;
    visibility: hidden;
    width: 500px
}

.simplebar-hide-scrollbar {
    left: 0;
    overflow-y: scroll;
    position: fixed;
    scrollbar-width: none;
    visibility: hidden;
    -ms-overflow-style: none
}
*,
:after,
:before {
    box-sizing: border-box
}

@media(prefers-reduced-motion:no-preference) {
    : {
        scroll-behavior: smooth
    }
}


hr {
    border: 0;
    border-top: var(--border-width) solid;
    color: inherit;
    margin: 1rem 0;
    opacity: .25
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--bs-heading-color);
    line-height: 1.2;
    margin-bottom: .5rem;
    margin-top: 0
}

.h1,
h1 {
    font-size: calc(1.375rem + 1.5vw)
}

@media(min-width:1200px) {
    .h1,
    h1 {
        font-size: 2.5rem
    }
}

.h2,
h2 {
    font-size: calc(1.325rem + .9vw)
}

@media(min-width:1200px) {
    .h2,
    h2 {
        font-size: 2rem
    }
}

.h3,
h3 {
    font-size: calc(1.3rem + .6vw)
}

@media(min-width:1200px) {
    .h3,
    h3 {
        font-size: 1.75rem
    }
}

.h4,
h4 {
    font-size: calc(1.275rem + .3vw)
}

@media(min-width:1200px) {
    .h4,
    h4 {
        font-size: 1.5rem
    }
}

.h5,
h5 {
    font-size: 1.25rem
}

.h6,
h6 {
    font-size: 1rem
}

p {
    margin-bottom: 1rem;
    margin-top: 0
}

abbr[title] {
    cursor: help;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    font-style: normal;
    line-height: inherit;
    margin-bottom: 1rem
}

ol,
ul {
    padding-left: 2rem
}

dl,
ol,
ul {
    margin-bottom: 1rem;
    margin-top: 0
}

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,
small {
    font-size: .875em
}

.mark,
mark {
    background-color: var(--bs-highlight-bg);
    color: var(--bs-highlight-color);
    padding: .1875em
}

sub,
sup {
    font-size: .75em;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: rgba(var(--link-color-rgb), var(--bs-link-opacity, 1));
    text-decoration: auto;
}

a:hover {
    --link-color-rgb: var(--bs-link-hover-color-rgb)
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

code,
kbd,
pre,
samp {
    font-family: var(--bs-font-monospace);
    font-size: 1em
}

pre {
    display: block;
    font-size: .875em;
    margin-bottom: 1rem;
    margin-top: 0;
    overflow: auto
}

pre code {
    color: inherit;
    font-size: inherit;
    word-break: normal
}

code {
    color: var(--bs-code-color);
    font-size: .875em;
    word-wrap: break-word
}

a>code {
    color: inherit
}

kbd {
    background-color: var(--bs-body-color);
    border-radius: .25rem;
    color: var(--kf-bg-2);
    font-size: .875em;
    padding: .1875rem .375rem
}

kbd kbd {
    font-size: 1em;
    padding: 0
}

figure {
    margin: 0 0 1rem
}

img,
svg {
    vertical-align: middle
}

table {
    border-collapse: collapse;
    caption-side: bottom
}

caption {
    color: var(--text-secondary-color);
    padding-bottom: .5rem;
    padding-top: .5rem;
    text-align: left
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}
.table-header .search-container{
    position: absolute;
    display:none;
    background: #030013;
    width: 100%;
    z-index: 111111111;
    min-height: 100%;
    height: 100%;
    bottom: 0;
    top: 0;
    right: 0;
    left: 0;
}
.table-header .search-container button{
    position: absolute;
    right: 13px;
    top: 17px;
}
.table-header .search-container input{
    height: 60px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}



tbody,
td,
tfoot,
th,
thead,
tr {
    border: 0 solid;
    border-color: var(--border-color);
}

label {
    display: inline-block
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0
}

button,
select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

select:disabled {
    opacity: 1
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
    display: none !important
}

[type=date]::-webkit-calendar-picker-indicator {
    filter: invert(1); /* Simgeyi beyaz yapar */
}


[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
}

::-moz-focus-inner {
    border-style: none;
    padding: 0
}

textarea {
    resize: vertical
}

fieldset {
    border: 0;
    margin: 0;
    min-width: 0;
    padding: 0
}

legend {
    float: left;
    font-size: calc(1.275rem + .3vw);
    line-height: inherit;
    margin-bottom: .5rem;
    padding: 0;
    width: 100%
}

@media(min-width:1200px) {
    legend {
        font-size: 1.5rem
    }
}

legend+* {
    clear: left
}

::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-year-field {
    padding: 0
}

::-webkit-inner-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-color-swatch-wrapper {
    padding: 0
}

::file-selector-button {
    -webkit-appearance: button;
    font: inherit
}

output {
    display: inline-block
}

iframe {
    border: 0
}

summary {
    cursor: pointer;
    display: list-item
}

progress {
    vertical-align: baseline
}

[hidden] {
    display: none !important
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: calc(1.625rem + 4.5vw);
    font-weight: 300;
    line-height: 1.2
}

@media(min-width:1200px) {
    .display-1 {
        font-size: 5rem
    }
}

.display-2 {
    font-size: calc(1.575rem + 3.9vw);
    font-weight: 300;
    line-height: 1.2
}

@media(min-width:1200px) {
    .display-2 {
        font-size: 4.5rem
    }
}

.display-3 {
    font-size: calc(1.525rem + 3.3vw);
    line-height: 1;
}

@media(min-width:1200px) {
    .display-3 {
        font-size: 4rem
    }
}

.display-4 {
    font-size: calc(1.475rem + 2.7vw);
    line-height: 1.2
}

@media(min-width:1200px) {
    .display-4 {
        font-size: 3.5rem
    }
}

.display-5 {
    font-size: calc(1.425rem + 2.1vw);
    font-weight: 300;
    line-height: 1.2
}

@media(min-width:1200px) {
    .display-5 {
        font-size: 3rem
    }
}

.display-6 {
    font-size: calc(1.375rem + 1.5vw);
    font-weight: 300;
    line-height: 1.2
}

@media(min-width:1200px) {
    .display-6 {
        font-size: 2.5rem
    }
}

.list-inline,
.list-unstyled {
    list-style: none;
    padding-left: 0
}

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.initialism {
    font-size: .875em;
    text-transform: uppercase
}

.blockquote {
    font-size: 1.25rem;
    margin-bottom: 1rem
}

.blockquote>:last-child {
    margin-bottom: 0
}

.blockquote-footer {
    color: #6c757d;
    font-size: .875em;
    margin-bottom: 1rem;
    margin-top: -1rem
}

.blockquote-footer:before {
    content: "— "
}

.img-fluid,
.img-thumbnail {
    height: auto;
    max-width: 100%
}

.img-thumbnail {
    background-color: var(--kf-bg-2);
    border: var(--border-width) solid var(--border-color);
    border-radius: var(--border-radius);
    padding: .25rem
}

.figure {
    display: inline-block
}

.figure-img {
    line-height: 1;
    margin-bottom: .5rem
}

.figure-caption {
    color: var(--text-secondary-color);
    font-size: .875em
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    --gutter-x: 1.5rem;
    --gutter-y: 0;
    margin-left: auto;
    margin-right: auto;
    padding-left: calc(var(--gutter-x)*.5);
    padding-right: calc(var(--gutter-x)*.5);
    width: 100%
}

@media(min-width:576px) {
   
    .container,
    .container-sm {
        max-width: 100%;
    }
}

@media(min-width:768px) {
    .container,
    .container-md,
    .container-sm {
        max-width: 100%;
    }
}

@media(min-width:992px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 100%
    }
}

@media(min-width:1200px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1140px
    }
}

@media(min-width:1400px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1140px
    }
}



.row {
    --gutter-x: 1.5rem;
    --gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(var(--gutter-x)*-.5);
    margin-right: calc(var(--gutter-x)*-.5);
    margin-top: calc(var(--gutter-y)*-1)
}

.row>* {
    flex-shrink: 0;
    margin-top: var(--gutter-y);
    max-width: 100%;
        padding-left: calc(var(--gutter-x)* .5);
    padding-right: calc(var(--gutter-x)* .5);
    width: 100%
}

.col {
    flex: 1 0 0%
}

.row-cols-auto>* {
    flex: 0 0 auto;
    width: auto
}

.row-cols-1>* {
    flex: 0 0 auto;
    width: 100%
}

.row-cols-2>* {
    flex: 0 0 auto;
    width: 50%
}

.row-cols-3>* {
    flex: 0 0 auto;
    width: 33.33333333%
}

.row-cols-4>* {
    flex: 0 0 auto;
    width: 25%
}

.row-cols-5>* {
    flex: 0 0 auto;
    width: 20%
}

.row-cols-6>* {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-3 {
    flex: 0 0 auto;
    width: 25%
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}

.col-6 {
    flex: 0 0 auto;
    width: 50%
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}

.col-9 {
    flex: 0 0 auto;
    width: 75%
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%
}

.col-12 {
    flex: 0 0 auto;
    width: 100%
}

.offset-1 {
    margin-left: 8.33333333%
}

.offset-2 {
    margin-left: 16.66666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333333%
}

.offset-5 {
    margin-left: 41.66666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333333%
}

.offset-8 {
    margin-left: 66.66666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333333%
}

.offset-11 {
    margin-left: 91.66666667%
}

.g-0,
.gx-0 {
    --gutter-x: 0
}

.g-0,
.gy-0 {
    --gutter-y: 0
}

.g-1,
.gx-1 {
    --gutter-x: 0.25rem
}

.g-1,
.gy-1 {
    --gutter-y: 0.25rem
}

.g-2,
.gx-2 {
    --gutter-x: 0.5rem
}

.g-2,
.gy-2 {
    --gutter-y: 0.5rem
}

.g-3,
.gx-3 {
    --gutter-x: 1rem
}

.g-3,
.gy-3 {
    --gutter-y: 1rem
}

.g-4,
.gx-4 {
    --gutter-x: 1.5rem
}

.g-4,
.gy-4 {
    --gutter-y: 1.5rem
}

.g-5,
.gx-5 {
    --gutter-x: 3rem
}

.g-5,
.gy-5 {
    --gutter-y: 3rem
}

@media(min-width:576px) {
    .col-sm {
        flex: 1 0 0%
    }
    .row-cols-sm-auto>* {
        flex: 0 0 auto;
        width: auto
    }
    .row-cols-sm-1>* {
        flex: 0 0 auto;
        width: 100%
    }
    .row-cols-sm-2>* {
        flex: 0 0 auto;
        width: 50%
    }
    .row-cols-sm-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }
    .row-cols-sm-4>* {
        flex: 0 0 auto;
        width: 25%
    }
    .row-cols-sm-5>* {
        flex: 0 0 auto;
        width: 20%
    }
    .row-cols-sm-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }
    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }
    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }
    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }
    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }
    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }
    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }
    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }
    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }
    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%
    }
    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }
    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }
    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%
    }
    .offset-sm-0 {
        margin-left: 0
    }
    .offset-sm-1 {
        margin-left: 8.33333333%
    }
    .offset-sm-2 {
        margin-left: 16.66666667%
    }
    .offset-sm-3 {
        margin-left: 25%
    }
    .offset-sm-4 {
        margin-left: 33.33333333%
    }
    .offset-sm-5 {
        margin-left: 41.66666667%
    }
    .offset-sm-6 {
        margin-left: 50%
    }
    .offset-sm-7 {
        margin-left: 58.33333333%
    }
    .offset-sm-8 {
        margin-left: 66.66666667%
    }
    .offset-sm-9 {
        margin-left: 75%
    }
    .offset-sm-10 {
        margin-left: 83.33333333%
    }
    .offset-sm-11 {
        margin-left: 91.66666667%
    }
    .g-sm-0,
    .gx-sm-0 {
        --gutter-x: 0
    }
    .g-sm-0,
    .gy-sm-0 {
        --gutter-y: 0
    }
    .g-sm-1,
    .gx-sm-1 {
        --gutter-x: 0.25rem
    }
    .g-sm-1,
    .gy-sm-1 {
        --gutter-y: 0.25rem
    }
    .g-sm-2,
    .gx-sm-2 {
        --gutter-x: 0.5rem
    }
    .g-sm-2,
    .gy-sm-2 {
        --gutter-y: 0.5rem
    }
    .g-sm-3,
    .gx-sm-3 {
        --gutter-x: 1rem
    }
    .g-sm-3,
    .gy-sm-3 {
        --gutter-y: 1rem
    }
    .g-sm-4,
    .gx-sm-4 {
        --gutter-x: 1.5rem
    }
    .g-sm-4,
    .gy-sm-4 {
        --gutter-y: 1.5rem
    }
    .g-sm-5,
    .gx-sm-5 {
        --gutter-x: 3rem
    }
    .g-sm-5,
    .gy-sm-5 {
        --gutter-y: 3rem
    }
}

@media(min-width:768px) {
    .col-md {
        flex: 1 0 0%
    }
    .row-cols-md-auto>* {
        flex: 0 0 auto;
        width: auto
    }
    .row-cols-md-1>* {
        flex: 0 0 auto;
        width: 100%
    }
    .row-cols-md-2>* {
        flex: 0 0 auto;
        width: 50%
    }
    .row-cols-md-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }
    .row-cols-md-4>* {
        flex: 0 0 auto;
        width: 25%
    }
    .row-cols-md-5>* {
        flex: 0 0 auto;
        width: 20%
    }
    .row-cols-md-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }
    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }
    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }
    .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }
    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }
    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }
    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }
    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }
    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }
    .col-md-9 {
        flex: 0 0 auto;
        width: 75%
    }
    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }
    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }
    .col-md-12 {
        flex: 0 0 auto;
        width: 100%
    }
    .offset-md-0 {
        margin-left: 0
    }
    .offset-md-1 {
        margin-left: 8.33333333%
    }
    .offset-md-2 {
        margin-left: 16.66666667%
    }
    .offset-md-3 {
        margin-left: 25%
    }
    .offset-md-4 {
        margin-left: 33.33333333%
    }
    .offset-md-5 {
        margin-left: 41.66666667%
    }
    .offset-md-6 {
        margin-left: 50%
    }
    .offset-md-7 {
        margin-left: 58.33333333%
    }
    .offset-md-8 {
        margin-left: 66.66666667%
    }
    .offset-md-9 {
        margin-left: 75%
    }
    .offset-md-10 {
        margin-left: 83.33333333%
    }
    .offset-md-11 {
        margin-left: 91.66666667%
    }
    .g-md-0,
    .gx-md-0 {
        --gutter-x: 0
    }
    .g-md-0,
    .gy-md-0 {
        --gutter-y: 0
    }
    .g-md-1,
    .gx-md-1 {
        --gutter-x: 0.25rem
    }
    .g-md-1,
    .gy-md-1 {
        --gutter-y: 0.25rem
    }
    .g-md-2,
    .gx-md-2 {
        --gutter-x: 0.5rem
    }
    .g-md-2,
    .gy-md-2 {
        --gutter-y: 0.5rem
    }
    .g-md-3,
    .gx-md-3 {
        --gutter-x: 1rem
    }
    .g-md-3,
    .gy-md-3 {
        --gutter-y: 1rem
    }
    .g-md-4,
    .gx-md-4 {
        --gutter-x: 1.5rem
    }
    .g-md-4,
    .gy-md-4 {
        --gutter-y: 1.5rem
    }
    .g-md-5,
    .gx-md-5 {
        --gutter-x: 3rem
    }
    .g-md-5,
    .gy-md-5 {
        --gutter-y: 3rem
    }
}

@media(min-width:992px) {
    .col-lg {
        flex: 1 0 0%
    }
    .row-cols-lg-auto>* {
        flex: 0 0 auto;
        width: auto
    }
    .row-cols-lg-1>* {
        flex: 0 0 auto;
        width: 100%
    }
    .row-cols-lg-2>* {
        flex: 0 0 auto;
        width: 50%
    }
    .row-cols-lg-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }
    .row-cols-lg-4>* {
        flex: 0 0 auto;
        width: 25%
    }
    .row-cols-lg-5>* {
        flex: 0 0 auto;
        width: 20%
    }
    .row-cols-lg-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }
    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }
    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }
    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }
    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }
    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }
    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }
    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }
    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }
    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%
    }
    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }
    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }
    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%
    }
    .offset-lg-0 {
        margin-left: 0
    }
    .offset-lg-1 {
        margin-left: 8.33333333%
    }
    .offset-lg-2 {
        margin-left: 16.66666667%
    }
    .offset-lg-3 {
        margin-left: 25%
    }
    .offset-lg-4 {
        margin-left: 33.33333333%
    }
    .offset-lg-5 {
        margin-left: 41.66666667%
    }
    .offset-lg-6 {
        margin-left: 50%
    }
    .offset-lg-7 {
        margin-left: 58.33333333%
    }
    .offset-lg-8 {
        margin-left: 66.66666667%
    }
    .offset-lg-9 {
        margin-left: 75%
    }
    .offset-lg-10 {
        margin-left: 83.33333333%
    }
    .offset-lg-11 {
        margin-left: 91.66666667%
    }
    .g-lg-0,
    .gx-lg-0 {
        --gutter-x: 0
    }
    .g-lg-0,
    .gy-lg-0 {
        --gutter-y: 0
    }
    .g-lg-1,
    .gx-lg-1 {
        --gutter-x: 0.25rem
    }
    .g-lg-1,
    .gy-lg-1 {
        --gutter-y: 0.25rem
    }
    .g-lg-2,
    .gx-lg-2 {
        --gutter-x: 0.5rem
    }
    .g-lg-2,
    .gy-lg-2 {
        --gutter-y: 0.5rem
    }
    .g-lg-3,
    .gx-lg-3 {
        --gutter-x: 1rem
    }
    .g-lg-3,
    .gy-lg-3 {
        --gutter-y: 1rem
    }
    .g-lg-4,
    .gx-lg-4 {
        --gutter-x: 1.5rem
    }
    .g-lg-4,
    .gy-lg-4 {
        --gutter-y: 1.5rem
    }
    .g-lg-5,
    .gx-lg-5 {
        --gutter-x: 3rem
    }
    .g-lg-5,
    .gy-lg-5 {
        --gutter-y: 3rem
    }
}

@media(min-width:1200px) {
    .col-xl {
        flex: 1 0 0%
    }
    .row-cols-xl-auto>* {
        flex: 0 0 auto;
        width: auto
    }
    .row-cols-xl-1>* {
        flex: 0 0 auto;
        width: 100%
    }
    .row-cols-xl-2>* {
        flex: 0 0 auto;
        width: 50%
    }
    .row-cols-xl-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }
    .row-cols-xl-4>* {
        flex: 0 0 auto;
        width: 25%
    }
    .row-cols-xl-5>* {
        flex: 0 0 auto;
        width: 20%
    }
    .row-cols-xl-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto
    }
    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }
    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }
    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%
    }
    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }
    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }
    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%
    }
    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }
    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }
    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%
    }
    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }
    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }
    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%
    }
    .offset-xl-0 {
        margin-left: 0
    }
    .offset-xl-1 {
        margin-left: 8.33333333%
    }
    .offset-xl-2 {
        margin-left: 16.66666667%
    }
    .offset-xl-3 {
        margin-left: 25%
    }
    .offset-xl-4 {
        margin-left: 33.33333333%
    }
    .offset-xl-5 {
        margin-left: 41.66666667%
    }
    .offset-xl-6 {
        margin-left: 50%
    }
    .offset-xl-7 {
        margin-left: 58.33333333%
    }
    .offset-xl-8 {
        margin-left: 66.66666667%
    }
    .offset-xl-9 {
        margin-left: 75%
    }
    .offset-xl-10 {
        margin-left: 83.33333333%
    }
    .offset-xl-11 {
        margin-left: 91.66666667%
    }
    .g-xl-0,
    .gx-xl-0 {
        --gutter-x: 0
    }
    .g-xl-0,
    .gy-xl-0 {
        --gutter-y: 0
    }
    .g-xl-1,
    .gx-xl-1 {
        --gutter-x: 0.25rem
    }
    .g-xl-1,
    .gy-xl-1 {
        --gutter-y: 0.25rem
    }
    .g-xl-2,
    .gx-xl-2 {
        --gutter-x: 0.5rem
    }
    .g-xl-2,
    .gy-xl-2 {
        --gutter-y: 0.5rem
    }
    .g-xl-3,
    .gx-xl-3 {
        --gutter-x: 1rem
    }
    .g-xl-3,
    .gy-xl-3 {
        --gutter-y: 1rem
    }
    .g-xl-4,
    .gx-xl-4 {
        --gutter-x: 1.5rem
    }
    .g-xl-4,
    .gy-xl-4 {
        --gutter-y: 1.5rem
    }
    .g-xl-5,
    .gx-xl-5 {
        --gutter-x: 3rem
    }
    .g-xl-5,
    .gy-xl-5 {
        --gutter-y: 3rem
    }
}

@media(min-width:1400px) {
    .col-xxl {
        flex: 1 0 0%
    }
    .row-cols-xxl-auto>* {
        flex: 0 0 auto;
        width: auto
    }
    .row-cols-xxl-1>* {
        flex: 0 0 auto;
        width: 100%
    }
    .row-cols-xxl-2>* {
        flex: 0 0 auto;
        width: 50%
    }
    .row-cols-xxl-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }
    .row-cols-xxl-4>* {
        flex: 0 0 auto;
        width: 25%
    }
    .row-cols-xxl-5>* {
        flex: 0 0 auto;
        width: 20%
    }
    .row-cols-xxl-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }
    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto
    }
    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }
    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }
    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%
    }
    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }
    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }
    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%
    }
    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }
    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }
    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%
    }
    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }
    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }
    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%
    }
    .offset-xxl-0 {
        margin-left: 0
    }
    .offset-xxl-1 {
        margin-left: 8.33333333%
    }
    .offset-xxl-2 {
        margin-left: 16.66666667%
    }
    .offset-xxl-3 {
        margin-left: 25%
    }
    .offset-xxl-4 {
        margin-left: 33.33333333%
    }
    .offset-xxl-5 {
        margin-left: 41.66666667%
    }
    .offset-xxl-6 {
        margin-left: 50%
    }
    .offset-xxl-7 {
        margin-left: 58.33333333%
    }
    .offset-xxl-8 {
        margin-left: 66.66666667%
    }
    .offset-xxl-9 {
        margin-left: 75%
    }
    .offset-xxl-10 {
        margin-left: 83.33333333%
    }
    .offset-xxl-11 {
        margin-left: 91.66666667%
    }
    .g-xxl-0,
    .gx-xxl-0 {
        --gutter-x: 0
    }
    .g-xxl-0,
    .gy-xxl-0 {
        --gutter-y: 0
    }
    .g-xxl-1,
    .gx-xxl-1 {
        --gutter-x: 0.25rem
    }
    .g-xxl-1,
    .gy-xxl-1 {
        --gutter-y: 0.25rem
    }
    .g-xxl-2,
    .gx-xxl-2 {
        --gutter-x: 0.5rem
    }
    .g-xxl-2,
    .gy-xxl-2 {
        --gutter-y: 0.5rem
    }
    .g-xxl-3,
    .gx-xxl-3 {
        --gutter-x: 1rem
    }
    .g-xxl-3,
    .gy-xxl-3 {
        --gutter-y: 1rem
    }
    .g-xxl-4,
    .gx-xxl-4 {
        --gutter-x: 1.5rem
    }
    .g-xxl-4,
    .gy-xxl-4 {
        --gutter-y: 1.5rem
    }
    .g-xxl-5,
    .gx-xxl-5 {
        --gutter-x: 3rem
    }
    .g-xxl-5,
    .gy-xxl-5 {
        --gutter-y: 3rem
    }
}

.table>:not(caption)>*>* {
    padding: 0.5rem 0.8rem;
}

.table>tbody {
    vertical-align: inherit
}

.table>thead {
    vertical-align: bottom
}

.table-group-divider {
    border-top: calc(var(--border-width)*2) solid
}

.caption-top {
    caption-side: top
}

.table-sm>:not(caption)>*>* {
    padding: .25rem
}

.table-borderless>:not(caption)>*>* {
    border-bottom-width: 0
}

.table-borderless>:not(:first-child) {
    border-top-width: 0
}

.table-striped-columns>:not(caption)>tr>:nth-child(2n),
.table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-color-type: var(--bs-table-striped-color);
    --bs-table-bg-type: var(--bs-table-striped-bg)
}

.table-active {
    --bs-table-color-state: var(--bs-table-active-color);
    --bs-table-bg-state: var(--bs-table-active-bg)
}

.table-hover>tbody>tr:hover>* {
    --bs-table-color-state: var(--bs-table-hover-color);
    --bs-table-bg-state: var(--bs-table-hover-bg)
}

.table-primary {
    --bs-table-color: #000;
    --bs-table-bg: #cfe2ff;
    --bs-table-border-color: #a6b5cc;
    --bs-table-striped-bg: #c5d7f2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bacbe6;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfd1ec;
    --bs-table-hover-color: #000
}

.table-primary,
.table-secondary {
    border-color: var(--bs-table-border-color);
    color: var(--bs-table-color)
}

.table-secondary {
    --bs-table-color: #000;
    --bs-table-bg: #e2e3e5;
    --bs-table-border-color: #b5b6b7;
    --bs-table-striped-bg: #d7d8da;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #cbccce;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #d1d2d4;
    --bs-table-hover-color: #000
}

.table-success {
    --bs-table-color: #000;
    --bs-table-bg: #d1e7dd;
    --bs-table-border-color: #a7b9b1;
    --bs-table-striped-bg: #c7dbd2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bcd0c7;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #c1d6cc;
    --bs-table-hover-color: #000
}

.table-info,
.table-success {
    border-color: var(--bs-table-border-color);
    color: var(--bs-table-color)
}

.table-info {
    --bs-table-color: #000;
    --bs-table-bg: #cff4fc;
    --bs-table-border-color: #a6c3ca;
    --bs-table-striped-bg: #c5e8ef;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #badce3;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfe2e9;
    --bs-table-hover-color: #000
}

.table-warning {
    --bs-table-color: #000;
    --bs-table-bg: #fff3cd;
    --bs-table-border-color: #ccc2a4;
    --bs-table-striped-bg: #f2e7c3;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #e6dbb9;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #ece1be;
    --bs-table-hover-color: #000
}

.table-danger,
.table-warning {
    border-color: var(--bs-table-border-color);
    color: var(--bs-table-color)
}

.table-danger {
    --bs-table-color: #000;
    --bs-table-bg: #f8d7da;
    --bs-table-border-color: #c6acae;
    --bs-table-striped-bg: #eccccf;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfc2c4;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5c7ca;
    --bs-table-hover-color: #000
}


.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

@media(max-width:575.98px) {
    .table-responsive-sm {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media(max-width:767.98px) {
    .table-responsive-md {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media(max-width:991.98px) {
    .table-responsive-lg {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media(max-width:1199.98px) {
    .table-responsive-xl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media(max-width:1399.98px) {
    .table-responsive-xxl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

.form-label {
    margin-bottom: .5rem
}

.col-form-label {
    font-size: inherit;
    line-height: 1.5;
    margin-bottom: 0;
    padding-bottom: calc(.375rem + var(--border-width));
    padding-top: calc(.375rem + var(--border-width))
}

.col-form-label-lg {
    font-size: 1.25rem;
    padding-bottom: calc(.5rem + var(--border-width));
    padding-top: calc(.5rem + var(--border-width))
}

.col-form-label-sm {
    font-size: .875rem;
    padding-bottom: calc(.25rem + var(--border-width));
    padding-top: calc(.25rem + var(--border-width))
}

.form-text {
    color: var(--text-secondary-color);
    font-size: .875em;
    margin-top: .25rem
}

.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-clip: padding-box;
    background: var(--input-bg);
    border: var(--border-width) solid var(--border-color);
    border-radius: var(--border-radius);
    color: var(--bs-body-color);
    display: block;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    padding: .375rem .75rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    width: 100%
}

@media(prefers-reduced-motion:reduce) {
    .form-control {
        transition: none
    }
}

.form-control[type=file] {
    overflow: hidden
}

.form-control[type=file]:not(:disabled):not([readonly]) {
    cursor: pointer
}

.form-control:focus {
    border-color: var(--border-color) !important;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
    color: #fff;
    outline: 0
}

.form-control::-webkit-date-and-time-value {
    height: 1.5em;
    margin: 0;
    min-width: 85px
}

.form-control::-webkit-datetime-edit {
    display: block;
    padding: 0
}

.form-control::-moz-placeholder {
    color: var(--text-secondary-color);
    opacity: 1
}

.form-control::placeholder {
    color: var(--text-secondary-color);
    opacity: 1
}

.form-control:disabled {
    opacity: 0.9
}

.form-control::file-selector-button {
    background-color: var(--bs-tertiary-bg);
    border: 0 solid;
    border-color: inherit;
    border-inline-end-width: var(--border-width);
    border-radius: 0;
    color: var(--bs-body-color);
    margin: -.375rem -.75rem;
    margin-inline-end: .75rem;
    padding: .375rem .75rem;
    pointer-events: none;
    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) {
    .form-control::file-selector-button {
        transition: none
    }
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: var(--text-secondary-bg)
}

.form-control-plaintext {
    background-color: transparent;
    border: solid transparent;
    border-width: var(--border-width) 0;
    color: var(--bs-body-color);
    display: block;
    line-height: 1.5;
    margin-bottom: 0;
    padding: .375rem 0;
    width: 100%
}

.form-control-plaintext:focus {
    outline: 0
}

.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
    padding-left: 0;
    padding-right: 0
}

.form-control-sm {
    border-radius: var(--border-radius-sm);
    font-size: .875rem;
    min-height: calc(1.5em + .5rem + var(--border-width)*2);
    padding: .25rem .5rem
}

.form-control-sm::file-selector-button {
    margin: -.25rem -.5rem;
    margin-inline-end: .5rem;
    padding: .25rem .5rem
}

.form-control-lg {
    border-radius: var(--border-radius-lg);
    font-size: 1.25rem;
    min-height: calc(1.5em + 1rem + var(--border-width)*2);
    padding: .5rem 1rem
}

.form-control-lg::file-selector-button {
    margin: -.5rem -1rem;
    margin-inline-end: 1rem;
    padding: .5rem 1rem
}

textarea.form-control {
    min-height: 150px;
}

textarea.form-control-sm {
    min-height: 100px;
}

textarea.form-control-lg {
    min-height: 250px;
}

.form-control-color {
    height: calc(1.5em + .75rem + var(--border-width)*2);
    padding: .375rem;
    width: 3rem
}

.form-control-color:not(:disabled):not([readonly]) {
    cursor: pointer
}

.form-control-color::-moz-color-swatch {
    border: 0 !important;
    border-radius: var(--border-radius)
}

.form-control-color::-webkit-color-swatch {
    border: 0 !important;
    border-radius: var(--border-radius)
}

.form-control-color.form-control-sm {
    height: calc(1.5em + .5rem + var(--border-width)*2)
}

.form-control-color.form-control-lg {
    height: calc(1.5em + 1rem + var(--border-width)*2)
}

.form-select {
    --bs-form-select-bg-img: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--input-bg);
    background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
    background-position: right .75rem center;
    background-repeat: no-repeat;
    background-size: 16px 12px;
    border: var(--border-width) solid var(--border-color);
    border-radius: var(--border-radius);
    color: var(--bs-body-color);
    display: block;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    padding: .375rem 2.25rem .375rem .75rem;
    transition: border-color .15sease-in-out, box-shadow .15sease-in-out;
    width: 100%;
}

@media(prefers-reduced-motion:reduce) {
    .form-select {
        transition: none
    }
}

.form-select:focus {
    border-color: #86b7fe;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
    outline: 0
}

.form-select[multiple],
.form-select[size]:not([size="1"]) {
    background-image: none;
    padding-right: .75rem
}

.form-select:disabled {
    background-color: var(--text-secondary-bg)
}

.form-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 var(--bs-body-color)
}

.form-select-sm {
    border-radius: var(--border-radius-sm);
    font-size: .875rem;
    padding-bottom: .40rem !important;
    padding-left: .5rem !important;
    padding-top: .25rem !important;
    height: calc(2.7rem + var(--border-width) * 2) !important;
    min-height: calc(2.7rem + var(--border-width) * 2) !important;
}

.form-select-lg {
    border-radius: var(--border-radius-lg);
    font-size: 1.25rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    padding-top: .5rem
}

.form-check {
    display: block;
    margin-bottom: .125rem;
    min-height: 1.5rem;
    padding-left: 1.5em
}

.form-check .form-check-input {
    float: left;
    margin-left: -1.5em
}

.form-check-reverse {
    padding-left: 0;
    padding-right: 1.5em;
    text-align: right
}

.form-check-reverse .form-check-input {
    float: right;
    margin-left: 0;
    margin-right: -1.5em
}

.form-check-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--input-bg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    flex-shrink: 0;
    height: 1em;
    margin-top: .10em;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    vertical-align: top;
    width: 1em;
    border: var(--border-width) solid var(--border-color);
}

.form-check-input[type=checkbox] {
    border-radius: .25em
}

.form-check-input[type=radio] {
    border-radius: 50%
}

.form-check-input:active {
    filter: brightness(90%)
}

.form-check-input:focus {
    border-color: #86b7fe;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
    outline: 0
}

.form-check-input:checked {
    background-color: #0d6efd;
    border-color: #0d6efd
}

.form-check-input:checked[type=checkbox] {
    --bs-form-check-bg-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E")
}

.form-check-input:checked[type=radio] {
    --bs-form-check-bg-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='2' fill='%23fff'/%3E%3C/svg%3E")
}

.form-check-input[type=checkbox]:indeterminate {
    background-color: #0d6efd;
    border-color: #0d6efd;
    --bs-form-check-bg-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3E%3C/svg%3E")
}

.form-check-input:disabled {
    filter: none;
    opacity: .5;
    pointer-events: none
}

.form-check-input:disabled~.form-check-label,
.form-check-input[disabled]~.form-check-label {
    cursor: default;
    opacity: .5
}

.form-switch {
    padding-left: 2.5em
}

.form-switch .form-check-input {
    --bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='rgba(0, 0, 0, 0.25)'/%3E%3C/svg%3E");
    background-image: var(--bs-form-switch-bg);
    background-position: 0;
    border-radius: 2em;
    margin-left: -2.5em;
    transition: background-position .15s ease-in-out;
    width: 2em
}

@media(prefers-reduced-motion:reduce) {
    .form-switch .form-check-input {
        transition: none
    }
}

.form-switch .form-check-input:focus {
    --bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2386b7fe'/%3E%3C/svg%3E")
}

.form-switch .form-check-input:checked {
    background-position: 100%;
    --bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")
}

.form-switch.form-check-reverse {
    padding-left: 0;
    padding-right: 2.5em
}

.form-switch.form-check-reverse .form-check-input {
    margin-left: 0;
    margin-right: -2.5em
}

.form-check-inline {
    display: inline-block;
    margin-right: 1rem
}

.btn-check {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.btn-check:disabled+.btn,
.btn-check[disabled]+.btn {
    filter: none;
    opacity: .65;
    pointer-events: none
}

.form-range {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    height: 1.5rem;
    padding: 0;
    width: 100%
}

.form-range:focus {
    outline: 0
}

.form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-range::-moz-focus-outer {
    border: 0
}

.form-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    background-color: #0d6efd;
    border: 0;
    border-radius: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    -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;
    width: 1rem
}

@media(prefers-reduced-motion:reduce) {
    .form-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none
    }
}

.form-range::-webkit-slider-thumb:active {
    background-color: #b6d4fe
}

.form-range::-webkit-slider-runnable-track {
    background-color: var(--text-secondary-bg);
    border-color: transparent;
    border-radius: 1rem;
    color: transparent;
    cursor: pointer;
    height: .5rem;
    width: 100%
}

.form-range::-moz-range-thumb {
    -moz-appearance: none;
    appearance: none;
    background-color: #0d6efd;
    border: 0;
    border-radius: 1rem;
    height: 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;
    width: 1rem
}

@media(prefers-reduced-motion:reduce) {
    .form-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none
    }
}

.form-range::-moz-range-thumb:active {
    background-color: #b6d4fe
}

.form-range::-moz-range-track {
    background-color: var(--text-secondary-bg);
    border-color: transparent;
    border-radius: 1rem;
    color: transparent;
    cursor: pointer;
    height: .5rem;
    width: 100%
}

.form-range:disabled {
    pointer-events: none
}

.form-range:disabled::-webkit-slider-thumb {
    background-color: var(--text-secondary-color)
}

.form-range:disabled::-moz-range-thumb {
    background-color: var(--text-secondary-color)
}

.form-floating {
    position: relative
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext,
.form-floating>.form-select {
    height: calc(3.5rem + var(--border-width)*2);
    line-height: 1.25;
    min-height: calc(3.5rem + var(--border-width)*2)
}
.form-floating>label.sm{
    padding: 0.25rem 0.3rem;
    font-size: 14px;
}
.form-floating>label {
    border: var(--border-width) solid transparent;
    height: 100%;
    left: 0;
    overflow: hidden;
    padding: 1rem .75rem;
    pointer-events: none;
    position: absolute;
    text-align: start;
    text-overflow: ellipsis;
    top: 0;
    transform-origin: 0 0;
    transition: opacity .1s ease-in-out, transform .1s ease-in-out;
    white-space: nowrap;
    z-index: 2
}

@media(prefers-reduced-motion:reduce) {
    .form-floating>label {
        transition: none
    }
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext {
    padding: 1rem .75rem
}

.form-floating>.form-control-plaintext::-moz-placeholder,
.form-floating>.form-control::-moz-placeholder {
    color: transparent
}

.form-floating>.form-control-plaintext::placeholder,
.form-floating>.form-control::placeholder {
    color: transparent
}

.form-floating>.form-control-plaintext:not(:-moz-placeholder-shown),
.form-floating>.form-control:not(:-moz-placeholder-shown) {
    padding-bottom: .625rem;
    padding-top: 1.625rem
}

.form-floating>.form-control-plaintext:focus,
.form-floating>.form-control-plaintext:not(:placeholder-shown),
.form-floating>.form-control:focus,
.form-floating>.form-control:not(:placeholder-shown) {
    padding-bottom: .625rem;
    padding-top: 1.625rem
}

.form-floating>.form-control-plaintext:-webkit-autofill,
.form-floating>.form-control:-webkit-autofill {
    padding-bottom: .625rem;
    padding-top: 1.625rem
}

.form-floating>.form-select {
    padding-bottom: .625rem;
    padding-top: 1.625rem
}

.form-floating>.form-control:not(:-moz-placeholder-shown)~label {
    transform: scale(.65) translateY(-.5rem) translateX(0.50rem);
    color: #9e9e9e;
}


.form-floating>.form-control-plaintext~label,
.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
    transform: scale(.65) translateY(-.5rem) translateX(0.50rem);
    color: #9e9e9e;
}

.form-floating>.form-control:not(:-moz-placeholder-shown)~label:after {
    background-color: var(--kf-bg-2);
    border-radius: var(--border-radius);
    content: "";
    height: 1.5em;
    inset: 1rem .375rem;
    position: absolute;
    z-index: -1
}


.form-floating>.form-control:-webkit-autofill~label {
    color: rgba(var(--bs-body-color-rgb), .65);
    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating>.form-control-plaintext~label {
    border-width: var(--border-width) 0
}

.form-floating>.form-control:disabled~label,
.form-floating>:disabled~label {
    color: #6c757d
}

.form-floating>.form-control:disabled~label:after,
.form-floating>:disabled~label:after {
    background-color: var(--text-secondary-bg)
}

.input-group {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
    background: var(--input-bg);
    border-radius: var(--border-radius);
}

.input-group>.form-control,
.input-group>.form-floating,
.input-group>.form-select {
    flex: 1 1 auto;
    min-width: 0;
    position: relative;
    width: 1%
}

.input-group>.form-control:focus,
.input-group>.form-floating:focus-within,
.input-group>.form-select:focus {
    z-index: 5
}

.input-group .btn {
    position: relative;
    z-index: 2
}

.input-group .btn:focus {
    z-index: 5
}

.input-group-text {
    align-items: center;
    border-radius: var(--border-radius);
    color: var(--bs-body-color);
    display: flex;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    padding: .375rem .75rem;
    text-align: center;
    white-space: nowrap
}

.input-group-lg>.btn,
.input-group-lg>.form-control,
.input-group-lg>.form-select,
.input-group-lg>.input-group-text {
    border-radius: var(--border-radius-lg);
    font-size: 18px;
    padding: 5px 14px;
}

.input-group-sm>.btn,
.input-group-sm>.form-control,
.input-group-sm>.form-select,
.input-group-sm>.input-group-text {
    border-radius: var(--border-radius-sm);
    font-size: .875rem;
    padding: .25rem .5rem
}

.input-group-lg>.form-select,
.input-group-sm>.form-select {
    padding-right: 3rem
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    margin-left: calc(var(--border-width)*-1)
}

.input-group>.form-floating:not(:first-child)>.form-control,
.input-group>.form-floating:not(:first-child)>.form-select {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.valid-feedback {
    color: var(--bs-form-valid-color);
    display: none;
    font-size: .875em;
    margin-top: .25rem;
    width: 100%
}

.valid-tooltip {
    background-color: var(--bs-success);
    border-radius: var(--border-radius);
    color: #fff;
    display: none;
    font-size: .875rem;
    margin-top: .1rem;
    max-width: 100%;
    padding: .25rem .5rem;
    position: absolute;
    top: 100%;
    z-index: 5
}

.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 {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23198754' d='M2.3 6.73.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.1'/%3E%3C/svg%3E");
    background-position: right calc(.375em + .1875rem) center;
    background-repeat: no-repeat;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
    border-color: var(--bs-form-valid-border-color);
    padding-right: calc(1.5em + .75rem)
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
    border-color: var(--bs-form-valid-border-color);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), .25)
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem);
    padding-right: calc(1.5em + .75rem)
}

.form-select.is-valid,
.was-validated .form-select:valid {
    border-color: var(--bs-form-valid-border-color)
}

.form-select.is-valid:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size="1"],
.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select:valid:not([multiple])[size="1"] {
    --bs-form-select-bg-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23198754' d='M2.3 6.73.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.1'/%3E%3C/svg%3E");
    background-position: right .75rem center, center right 2.25rem;
    background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem);
    padding-right: 4.125rem
}

.form-select.is-valid:focus,
.was-validated .form-select:valid:focus {
    border-color: var(--bs-form-valid-border-color);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), .25)
}

.form-control-color.is-valid,
.was-validated .form-control-color:valid {
    width: calc(3.75rem + 1.5em)
}

.form-check-input.is-valid,
.was-validated .form-check-input:valid {
    border-color: var(--bs-form-valid-border-color)
}

.form-check-input.is-valid:checked,
.was-validated .form-check-input:valid:checked {
    background-color: var(--bs-form-valid-color)
}

.form-check-input.is-valid:focus,
.was-validated .form-check-input:valid:focus {
    box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), .25)
}

.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
    color: var(--bs-form-valid-color)
}

.form-check-inline .form-check-input~.valid-feedback {
    margin-left: .5em
}

.input-group>.form-control:not(:focus).is-valid,
.input-group>.form-floating:not(:focus-within).is-valid,
.input-group>.form-select:not(:focus).is-valid,
.was-validated .input-group>.form-control:not(:focus):valid,
.was-validated .input-group>.form-floating:not(:focus-within):valid,
.was-validated .input-group>.form-select:not(:focus):valid {
    z-index: 3
}

.invalid-feedback {
    color: var(--bs-form-invalid-color);
    display: none;
    font-size: .875em;
    margin-top: .25rem;
    width: 100%
}

.invalid-tooltip {
    background-color: var(--bs-danger);
    border-radius: var(--border-radius);
    color: #fff;
    display: none;
    font-size: .875rem;
    margin-top: .1rem;
    max-width: 100%;
    padding: .25rem .5rem;
    position: absolute;
    top: 100%;
    z-index: 5
}

.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 {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545'%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-position: right calc(.375em + .1875rem) center;
    background-repeat: no-repeat;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
    border-color: var(--bs-form-invalid-border-color);
    padding-right: calc(1.5em + .75rem)
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
    border-color: var(--bs-form-invalid-border-color);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), .25)
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem);
    padding-right: calc(1.5em + .75rem)
}

.form-select.is-invalid,
.was-validated .form-select:invalid {
    border-color: var(--bs-form-invalid-border-color)
}

.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"],
.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"] {
    --bs-form-select-bg-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545'%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-position: right .75rem center, center right 2.25rem;
    background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem);
    padding-right: 4.125rem
}

.form-select.is-invalid:focus,
.was-validated .form-select:invalid:focus {
    border-color: var(--bs-form-invalid-border-color);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), .25)
}

.form-control-color.is-invalid,
.was-validated .form-control-color:invalid {
    width: calc(3.75rem + 1.5em)
}

.form-check-input.is-invalid,
.was-validated .form-check-input:invalid {
    border-color: var(--bs-form-invalid-border-color)
}

.form-check-input.is-invalid:checked,
.was-validated .form-check-input:invalid:checked {
    background-color: var(--bs-form-invalid-color)
}

.form-check-input.is-invalid:focus,
.was-validated .form-check-input:invalid:focus {
    box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), .25)
}

.form-check-input.is-invalid~.form-check-label,
.was-validated .form-check-input:invalid~.form-check-label {
    color: var(--bs-form-invalid-color)
}

.form-check-inline .form-check-input~.invalid-feedback {
    margin-left: .5em
}

.input-group>.form-control:not(:focus).is-invalid,
.input-group>.form-floating:not(:focus-within).is-invalid,
.input-group>.form-select:not(:focus).is-invalid,
.was-validated .input-group>.form-control:not(:focus):invalid,
.was-validated .input-group>.form-floating:not(:focus-within):invalid,
.was-validated .input-group>.form-select:not(:focus):invalid {
    z-index: 4
}

.btn {
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-padding-y: 0.375rem;
    --bs-btn-font-family: ;
    --bs-btn-font-size: 1rem;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1.5;
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-width: var(--border-width);
    --bs-btn-border-color: transparent;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .15), 0 1px 1px rgba(0, 0, 0, .075);
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
    background: var(--bs-btn-bg);
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--button-radius);
    color: var(--bs-btn-color);
    cursor: pointer;
    display: inline-block;
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    text-align: center;
    text-decoration: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
@media(prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

.btn-secondary{
    position: relative;
    border-radius: var(--button-radius);
    border: 1px solid var(--border-color);
    text-align: center;
}
.btn:hover {
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
    color: var(--bs-btn-hover-color)
}

.btn-check+.btn:hover {
    background-color: var(--bs-btn-bg);
    border-color: var(--bs-btn-border-color);
    color: var(--bs-btn-color)
}

.btn:focus-visible {
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
    box-shadow: var(--bs-btn-focus-box-shadow);
    color: var(--bs-btn-hover-color);
    outline: 0
}

.btn-check:focus-visible+.btn {
    border-color: var(--bs-btn-hover-border-color);
    box-shadow: var(--bs-btn-focus-box-shadow);
    outline: 0
}

.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
    background-color: var(--card-bg);
    border-color: var(--border-color);
    color: var(--kf-1);
}

.btn-check:checked+.btn:focus-visible,
.btn.active:focus-visible,
.btn.show:focus-visible,
.btn:first-child:active:focus-visible,
:not(.btn-check)+.btn:active:focus-visible {
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn-check:checked:focus-visible+.btn {
    box-shadow: var(--bs-btn-focus-box-shadow)
}
.bvi{
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
    background-color: var(--bs-btn-disabled-bg);
    border-color: var(--bs-btn-disabled-border-color);
    color: var(--bs-btn-disabled-color);
    opacity: var(--bs-btn-disabled-opacity);
    pointer-events: none
}

.btn-primary {
    --bs-btn-color: var(--button-primary-text-color);
    --bs-btn-bg: linear-gradient(90deg,rgba(191, 179, 253, 1) 0%, rgba(185, 172, 254, 1) 50%, rgba(169, 153, 252, 1) 100%);
    --bs-btn-border-color: var(--button-primary-border-color);
    --bs-btn-hover-color: var(--button-primary-text-hover-color);
    --bs-btn-hover-bg: var(--button-primary-background-hover-color);
    --bs-btn-hover-border-color: var(--button-primary-border-hover-color);
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: var(--button-primary-text-hover-color);
    --bs-btn-active-bg: var(--button-primary-background-hover-color);
    --bs-btn-active-border-color: var(--button-primary-border-hover-color);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}



.btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: #198754;
    --bs-btn-border-color: #198754;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #157347;
    --bs-btn-hover-border-color: #146c43;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #146c43;
    --bs-btn-active-border-color: #13653f;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #198754;
    --bs-btn-disabled-border-color: #198754
}

.btn-info {
    --bs-btn-color: #000;
    --bs-btn-bg: #0dcaf0;
    --bs-btn-border-color: #0dcaf0;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #31d2f2;
    --bs-btn-hover-border-color: #25cff2;
    --bs-btn-focus-shadow-rgb: 11, 172, 204;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #3dd5f3;
    --bs-btn-active-border-color: #25cff2;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #0dcaf0;
    --bs-btn-disabled-border-color: #0dcaf0
}

.btn-warning {
    --bs-btn-color: #000;
    --bs-btn-bg: #ffc107;
    --bs-btn-border-color: #ffc107;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ffca2c;
    --bs-btn-hover-border-color: #ffc720;
    --bs-btn-focus-shadow-rgb: 217, 164, 6;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ffcd39;
    --bs-btn-active-border-color: #ffc720;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #ffc107;
    --bs-btn-disabled-border-color: #ffc107
}

.btn-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: #dc3545;
    --bs-btn-border-color: #dc3545;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #bb2d3b;
    --bs-btn-hover-border-color: #b02a37;
    --bs-btn-focus-shadow-rgb: 225, 83, 97;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #b02a37;
    --bs-btn-active-border-color: #a52834;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #dc3545;
    --bs-btn-disabled-border-color: #dc3545
}

.btn-light {
    --bs-btn-color: #000;
    --bs-btn-bg: #f8f9fa;
    --bs-btn-border-color: #f8f9fa;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #d3d4d5;
    --bs-btn-hover-border-color: #c6c7c8;
    --bs-btn-focus-shadow-rgb: 211, 212, 213;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #c6c7c8;
    --bs-btn-active-border-color: #babbbc;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #f8f9fa;
    --bs-btn-disabled-border-color: #f8f9fa
}

.btn-dark {
    --bs-btn-color: #fff;
    --bs-btn-bg: #212529;
    --bs-btn-border-color: #212529;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #424649;
    --bs-btn-hover-border-color: #373b3e;
    --bs-btn-focus-shadow-rgb: 66, 70, 73;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4d5154;
    --bs-btn-active-border-color: #373b3e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #212529;
    --bs-btn-disabled-border-color: #212529
}

.btn-outline {
    --bs-btn-color: var(--border-color);
    --bs-btn-border-color: var(--border-color);
    --bs-btn-hover-color: var(--body-bg);
    --bs-btn-hover-bg: var(--kf-1);
    --bs-btn-hover-border-color: var(--kf-1);
    --bs-btn-active-color: var(--body-bg);
    --bs-btn-active-bg: var(--body-bg);
    --bs-btn-active-border-color: #0d6efd;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #0d6efd;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #0d6efd;
    --bs-gradient: none
}
.btn-link {
    --bs-btn-font-weight: 400;
    --bs-btn-color: var(--link-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--bs-link-hover-color);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-color: var(--bs-link-hover-color);
    --bs-btn-active-border-color: transparent;
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-border-color: transparent;
    --bs-btn-box-shadow: 0 0 0 #000;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    text-decoration: underline
}

.btn-link:focus-visible {
    color: var(--bs-btn-color)
}

.btn-link:hover {
    color: var(--bs-btn-hover-color)
}

.btn-group-lg>.btn,
.btn-lg {
    --bs-btn-padding-y: 0.5rem;
    --bs-btn-padding-x: 1rem;
    --bs-btn-font-size: 1.25rem;
    --bs-btn-border-radius: var(--border-radius-lg)
}

.btn-group-sm>.btn,
.btn-sm {
    --bs-btn-padding-y: 0.25rem;
    --bs-btn-padding-x: 0.5rem;
    --bs-btn-font-size: 0.875rem;
    --bs-btn-border-radius: var(--border-radius-sm)
}

.fade {
    transition: opacity .15s linear
}

@media(prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media(prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

.collapsing.collapse-horizontal {
    height: auto;
    transition: width .35s ease;
    width: 0
}

@media(prefers-reduced-motion:reduce) {
    .collapsing.collapse-horizontal {
        transition: none
    }
}

.dropdown,
.dropdown-center,
.dropend,
.dropstart,
.dropup,
.dropup-center {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle:after {
    border-bottom: 0;
    border-left: .3em solid transparent;
    border-right: .3em solid transparent;
    border-top: .3em solid;
    content: "";
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em
}

.dropdown-toggle:empty:after {
    margin-left: 0
}

.dropdown-menu {
    background-clip: padding-box;
    background: var(--card-bg);
    border: var(--border-width) solid var(--border-color);
    border-radius: var(--border-radius);
    color: var(--bs-dropdown-color);
    display: none;
    font-size: var(--bs-dropdown-font-size);
    list-style: none;
    margin: 0;
    min-width: 140px;
    padding: 20px;
    position: absolute;
    text-align: left;
    z-index: 1;
    backdrop-filter: blur(var(--card-blur));
    -webkit-backdrop-filter: blur(var(--card-blur));
}

.dropdown-menu[data-bs-popper] {
    left: 0;
    margin-top: var(--bs-dropdown-spacer);
    top: 100%
}

.dropdown-menu-start {
    --bs-position: start
}

.dropdown-menu-start[data-bs-popper] {
    left: 0;
    right: auto
}

.dropdown-menu-end {
    --bs-position: end
}
.dropdown-menu-end[data-bs-popper] {
    left: auto;
    right: 0;
    
}

@media(min-width:576px) {
    .dropdown-menu-sm-start {
        --bs-position: start
    }
    .dropdown-menu-sm-start[data-bs-popper] {
        left: 0;
        right: auto
    }
    .dropdown-menu-sm-end {
        --bs-position: end
    }
    .dropdown-menu-sm-end[data-bs-popper] {
        left: auto;
        right: 0
    }
}

@media(min-width:768px) {
    .dropdown-menu-md-start {
        --bs-position: start
    }
    .dropdown-menu-md-start[data-bs-popper] {
        left: 0;
        right: auto
    }
    .dropdown-menu-md-end {
        --bs-position: end
    }
    .dropdown-menu-md-end[data-bs-popper] {
        left: auto;
        right: 0
    }
}

@media(min-width:992px) {
    .dropdown-menu-lg-start {
        --bs-position: start
    }
    .dropdown-menu-lg-start[data-bs-popper] {
        left: 0;
        right: auto
    }
    .dropdown-menu-lg-end {
        --bs-position: end
    }
    .dropdown-menu-lg-end[data-bs-popper] {
        left: auto;
        right: 0
    }
}

@media(min-width:1200px) {
    .dropdown-menu-xl-start {
        --bs-position: start
    }
    .dropdown-menu-xl-start[data-bs-popper] {
        left: 0;
        right: auto
    }
    .dropdown-menu-xl-end {
        --bs-position: end
    }
    .dropdown-menu-xl-end[data-bs-popper] {
        left: auto;
        right: 0
    }
}

@media(min-width:1400px) {
    .dropdown-menu-xxl-start {
        --bs-position: start
    }
    .dropdown-menu-xxl-start[data-bs-popper] {
        left: 0;
        right: auto
    }
    .dropdown-menu-xxl-end {
        --bs-position: end
    }
    .dropdown-menu-xxl-end[data-bs-popper] {
        left: auto;
        right: 0
    }
}

.dropup .dropdown-menu[data-bs-popper] {
    bottom: 100%;
    margin-bottom: var(--bs-dropdown-spacer);
    margin-top: 0;
    top: auto
}

.dropup .dropdown-toggle:after {
    border-bottom: .3em solid;
    border-left: .3em solid transparent;
    border-right: .3em solid transparent;
    border-top: 0;
    content: "";
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em
}

.dropup .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropend .dropdown-menu[data-bs-popper] {
    left: 100%;
    margin-left: var(--bs-dropdown-spacer);
    margin-top: 0;
    right: auto;
    top: 0
}

.dropend .dropdown-toggle:after {
    border-bottom: .3em solid transparent;
    border-left: .3em solid;
    border-right: 0;
    border-top: .3em solid transparent;
    content: "";
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em
}

.dropend .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropend .dropdown-toggle:after {
    vertical-align: 0
}

.dropstart .dropdown-menu[data-bs-popper] {
    left: auto;
    margin-right: var(--bs-dropdown-spacer);
    margin-top: 0;
    right: 100%;
    top: 0
}

.dropstart .dropdown-toggle:after {
    content: "";
    display: inline-block;
    display: none;
    margin-left: .255em;
    vertical-align: .255em
}

.dropstart .dropdown-toggle:before {
    border-bottom: .3em solid transparent;
    border-right: .3em solid;
    border-top: .3em solid transparent;
    content: "";
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em
}

.dropstart .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropstart .dropdown-toggle:before {
    vertical-align: 0
}
span[data-change-language] {
    display: block;
    cursor: pointer;
    padding: 5px 10px;
}
.dropdown-divider {
    border-top: 1px solid var(--bs-dropdown-divider-bg);
    height: 0;
    margin: var(--bs-dropdown-divider-margin-y) 0;
    opacity: 1;
    overflow: hidden
}

.dropdown-item {
    border: 0;
    clear: both;
    display: block;
    font-weight: 400;
    padding: 7px 10px;
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    width: 100%;
    background: transparent;
}

.dropdown-item:focus,
.dropdown-item:hover {
    background-color: var(--bs-dropdown-link-hover-bg);
    color: var(--bs-dropdown-link-hover-color)
}

.dropdown-item.active,
.dropdown-item:active,
.dropdown .dropdown-menu .dropdown-item.bg-theme-1
{
    background-color: var(--bs-dropdown-link-active-bg);
    color: var(--bs-dropdown-link-active-color);
    text-decoration: none
}

.dropdown .dropdown-menu .dropdown-item.bg-theme-1 svg{
        color: #fff;
    stroke: #fff;
}
.dropdown-item.disabled,
.dropdown-item:disabled {
    background-color: transparent;
    color: var(--bs-dropdown-link-disabled-color);
    pointer-events: none
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    color: var(--bs-dropdown-header-color);
    display: block;
    font-size: .875rem;
    margin-bottom: 0;
    padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
    white-space: nowrap
}

.dropdown-item-text {
    color: var(--bs-dropdown-link-color);
    display: block;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x)
}
.hidden{
    display:none;
}
.dropdown-menu-dark {
    --bs-dropdown-color: #dee2e6;
    --dropdown-bg: #343a40;
    --border-color: var(--border-color-translucent);
    --bs-dropdown-box-shadow: ;
    --bs-dropdown-link-color: #dee2e6;
    --bs-dropdown-link-hover-color: #fff;
    --bs-dropdown-divider-bg: var(--border-color-translucent);
    --bs-dropdown-link-hover-bg: hsla(0, 0%, 100%, .15);
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #0d6efd;
    --bs-dropdown-link-disabled-color: #adb5bd;
    --bs-dropdown-header-color: #adb5bd
}

.btn-group,
.btn-group-vertical {
    display: inline-flex;
    position: relative;
    vertical-align: middle
}

.btn-group-vertical>.btn,
.btn-group>.btn {
    flex: 1 1 auto;
    position: relative
}

.btn-group-vertical>.btn-check:checked+.btn,
.btn-group-vertical>.btn-check:focus+.btn,
.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:hover,
.btn-group>.btn-check:checked+.btn,
.btn-group>.btn-check:focus+.btn,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus,
.btn-group>.btn:hover {
    z-index: 1
}

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group {
    border-radius: var(--border-radius)
}

.btn-group>.btn-group:not(:first-child),
.btn-group>:not(.btn-check:first-child)+.btn {
    margin-left: calc(var(--border-width)*-1)
}

.btn-group>.btn-group:not(:last-child)>.btn,
.btn-group>.btn.dropdown-toggle-split:first-child,
.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.btn-group>.btn-group:not(:first-child)>.btn,
.btn-group>.btn:nth-child(n+3),
.btn-group>:not(.btn-check)+.btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.dropdown-toggle-split {
    padding-left: .5625rem;
    padding-right: .5625rem
}

.dropdown-toggle-split:after,
.dropend .dropdown-toggle-split:after,
.dropup .dropdown-toggle-split:after {
    margin-left: 0
}

.dropstart .dropdown-toggle-split:before {
    margin-right: 0
}

.btn-group-sm>.btn+.dropdown-toggle-split,
.btn-sm+.dropdown-toggle-split {
    padding-left: .375rem;
    padding-right: .375rem
}

.btn-group-lg>.btn+.dropdown-toggle-split,
.btn-lg+.dropdown-toggle-split {
    padding-left: .75rem;
    padding-right: .75rem
}

.btn-group-vertical {
    align-items: flex-start;
    flex-direction: column;
    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: calc(var(--border-width)*-1)
}

.btn-group-vertical>.btn-group:not(:last-child)>.btn,
.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child)>.btn,
.btn-group-vertical>.btn~.btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav {
    --bs-nav-link-padding-x: 1rem;
    --bs-nav-link-padding-y: 0.7rem;
    --bs-nav-link-font-weight: ;
    --bs-nav-link-color: var(--link-color);
    --bs-nav-link-hover-color: var(--bs-link-hover-color);
    --bs-nav-link-disabled-color: var(--text-secondary-color);
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
}

.nav-link {
    background: none;
    border: 0;
    position: relative;
    align-items: center;
    display: flex;
    gap: 10px;
    text-decoration: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;

}
@media(prefers-reduced-motion:reduce) {
    .nav-link {
        transition: none
    }
}

.nav-link:focus,
.nav-link:hover {
    color: var(--text-color)
}

.nav-link.disabled,
.nav-link:disabled {
    color: var(--bs-nav-link-disabled-color);
    cursor: default;
    pointer-events: none
}

.nav-tabs {
    --bs-nav-tabs-border-width: var(--border-width);
    --bs-nav-tabs-border-color: var(--border-color);
    --bs-nav-tabs-border-radius: var(--border-radius);
    --bs-nav-tabs-link-hover-border-color: var(--text-secondary-bg) var(--text-secondary-bg) var(--border-color);
    --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
    --bs-nav-tabs-link-active-bg: #150e2f;
    --bs-nav-tabs-link-active-border-color: var(--border-color) var(--border-color) var(--kf-bg-2);
    border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)
}


.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    isolation: isolate
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: var(--bs-nav-tabs-link-active-color)
}

.nav-tabs .nav-link.active:after{
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 4px;
    background: #fff;
    bottom: 0px;
    border-radius: 5px;
    overflow: hidden;
}

.nav-tabs .nav-link{
    padding: 6px 0px 13px 0px;
}
.nav-tabs .dropdown-menu {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: calc(var(--bs-nav-tabs-border-width)*-1)
}

.nav-pills {
    --bs-nav-pills-border-radius: var(--border-radius);
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-pills-link-active-bg: #0d6efd
}

.nav-pills .nav-link {
    border-radius: var(--bs-nav-pills-border-radius)
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background-color: var(--bs-nav-pills-link-active-bg);
    color: var(--bs-nav-pills-link-active-color)
}

.nav-underline {
    --bs-nav-underline-gap: 1rem;
    --bs-nav-underline-border-width: 0.125rem;
    --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
    gap: var(--bs-nav-underline-gap)
}

.nav-underline .nav-link {
    border-bottom: var(--bs-nav-underline-border-width) solid transparent;
    padding-left: 0;
    padding-right: 0
}

.nav-underline .nav-link:focus,
.nav-underline .nav-link:hover {
    border-bottom-color: currentcolor
}

.nav-underline .nav-link.active,
.nav-underline .show>.nav-link {
    border-bottom-color: currentcolor;
    color: var(--bs-nav-underline-link-active-color);
    font-weight: 700
}

.nav-fill .nav-item,
.nav-fill>.nav-link {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item,
.nav-justified>.nav-link {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
    width: 100%
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.navbar {
    --bs-navbar-padding-x: 0;
    --bs-navbar-padding-y: 0.5rem;
    --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
    --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
    --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
    --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-brand-padding-y: 0.3125rem;
    --bs-navbar-brand-margin-end: 1rem;
    --bs-navbar-brand-font-size: 1.25rem;
    --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-nav-link-padding-x: 0.5rem;
    --bs-navbar-toggler-padding-y: 0.25rem;
    --bs-navbar-toggler-padding-x: 0.75rem;
    --bs-navbar-toggler-font-size: 1.25rem;
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(33, 37, 41, 0.75)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
    --bs-navbar-toggler-border-radius: var(--border-radius);
    --bs-navbar-toggler-focus-width: 0.25rem;
    --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative
}
.accounts-nav{
    display: flex;
    justify-content: space-between;
    position: absolute;
    width: 100%;
    left: 0;
    padding: 0 20px;
    margin-top: 17px;
    z-index: 111111;
}
.navbar>.container,
.navbar>.container-fluid,
.navbar>.container-lg,
.navbar>.container-md,
.navbar>.container-sm,
.navbar>.container-xl,
.navbar>.container-xxl {
    align-items: center;
    display: flex;
    flex-wrap: inherit;
    justify-content: space-between
}

.ssb.classic .navbar-brand,
.ssb.boxed .navbar-brand{
    text-decoration: none;
    width: calc(var(--sidebar-width) - 28px);
}
.ssb.small .navbar-brand{
    text-decoration: none;
    width: calc(var(--sidebar-small-width));
}
.ssb.small .brand-text{
    display:none;
}
.ssb.small .kf-sidebar .nav-link{
    flex-direction: column;
    font-size: 10px;
    line-height: 12px;
    gap:1px;
}
.navbar-brand .h6{
    width: auto;
    display: table-caption;
}
.navbar-brand:focus,
.navbar-brand:hover {
    color: var(--bs-navbar-brand-hover-color)
}

.navbar-nav {
    --bs-nav-link-padding-x: 0;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-font-weight: ;
    --bs-nav-link-color: var(--bs-navbar-color);
    --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
    --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
    display: flex;
    flex-direction: column;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
    color: var(--bs-navbar-active-color)
}

.navbar-nav .dropdown-menu {
    position: static
}

.navbar-text {
    color: var(--bs-navbar-color);
    padding-bottom: .5rem;
    padding-top: .5rem
}

.navbar-text a,
.navbar-text a:focus,
.navbar-text a:hover {
    color: var(--bs-navbar-active-color)
}

.navbar-collapse {
    align-items: center;
    flex-basis: 100%;
    flex-grow: 1
}

.navbar-toggler {
    background-color: transparent;
    border: var(--border-width) solid var(--bs-navbar-toggler-border-color);
    border-radius: var(--bs-navbar-toggler-border-radius);
    color: var(--bs-navbar-color);
    font-size: var(--bs-navbar-toggler-font-size);
    line-height: 1;
    padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
    transition: var(--bs-navbar-toggler-transition)
}

@media(prefers-reduced-motion:reduce) {
    .navbar-toggler {
        transition: none
    }
}

.navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler:focus {
    box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
    outline: 0;
    text-decoration: none
}

.navbar-toggler-icon {
    background-image: var(--bs-navbar-toggler-icon-bg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
    height: 1.5em;
    vertical-align: middle;
    width: 1.5em
}

.navbar-nav-scroll {
    max-height: var(--bs-scroll-height, 75vh);
    overflow-y: auto
}
[data="account_list"] .dropdown-menu {
    left: auto;
    right: 0;
}
@media(min-width:576px) {
    [data="account_list"] .dropdown-menu {
        right: 0;
        left: 0;
    }
    .navbar-expand-sm {
        flex-wrap: nowrap;
        justify-content: flex-start
    }
    .navbar-expand-sm .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-sm .navbar-nav .nav-link {
        padding-left: var(--bs-navbar-nav-link-padding-x);
        padding-right: var(--bs-navbar-nav-link-padding-x)
    }
    .navbar-expand-sm .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-sm .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-sm .navbar-toggler {
        display: none
    }
    .navbar-expand-sm .offcanvas {
        background-color: transparent !important;
        border: 0 !important;
        flex-grow: 1;
        height: auto !important;
        position: static;
        transform: none !important;
        transition: none;
        visibility: visible !important;
        width: auto !important;
        z-index: auto
    }
    .navbar-expand-sm .offcanvas .offcanvas-header {
        display: none
    }
    .navbar-expand-sm .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        overflow-y: visible;
        padding: 0
    }
}

@media(min-width:768px) {
    .navbar-expand-md {
        flex-wrap: nowrap;
        justify-content: flex-start
    }
    .navbar-expand-md .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-md .navbar-nav .nav-link {
        padding-left: var(--bs-navbar-nav-link-padding-x);
        padding-right: var(--bs-navbar-nav-link-padding-x)
    }
    .navbar-expand-md .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-md .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-md .navbar-toggler {
        display: none
    }
    .navbar-expand-md .offcanvas {
        background-color: transparent !important;
        border: 0 !important;
        flex-grow: 1;
        height: auto !important;
        position: static;
        transform: none !important;
        transition: none;
        visibility: visible !important;
        width: auto !important;
        z-index: auto
    }
    .navbar-expand-md .offcanvas .offcanvas-header {
        display: none
    }
    .navbar-expand-md .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        overflow-y: visible;
        padding: 0
    }
}

@media(min-width:992px) {
    .navbar-expand-lg {
        flex-wrap: nowrap;
        justify-content: flex-start
    }
    .navbar-expand-lg .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-left: var(--bs-navbar-nav-link-padding-x);
        padding-right: var(--bs-navbar-nav-link-padding-x)
    }
    .navbar-expand-lg .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-lg .navbar-toggler {
        display: none
    }
    .navbar-expand-lg .offcanvas {
        background-color: transparent !important;
        border: 0 !important;
        flex-grow: 1;
        height: auto !important;
        position: static;
        transform: none !important;
        transition: none;
        visibility: visible !important;
        width: auto !important;
        z-index: auto
    }
    .navbar-expand-lg .offcanvas .offcanvas-header {
        display: none
    }
    .navbar-expand-lg .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        overflow-y: visible;
        padding: 0
    }
}

@media(min-width:1200px) {
    .navbar-expand-xl {
        flex-wrap: nowrap;
        justify-content: flex-start
    }
    .navbar-expand-xl .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-xl .navbar-nav .nav-link {
        padding-left: var(--bs-navbar-nav-link-padding-x);
        padding-right: var(--bs-navbar-nav-link-padding-x)
    }
    .navbar-expand-xl .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-xl .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-xl .navbar-toggler {
        display: none
    }
    .navbar-expand-xl .offcanvas {
        background-color: transparent !important;
        border: 0 !important;
        flex-grow: 1;
        height: auto !important;
        position: static;
        transform: none !important;
        transition: none;
        visibility: visible !important;
        width: auto !important;
        z-index: auto
    }
    .navbar-expand-xl .offcanvas .offcanvas-header {
        display: none
    }
    .navbar-expand-xl .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        overflow-y: visible;
        padding: 0
    }
}

@media(min-width:1400px) {
    .navbar-expand-xxl {
        flex-wrap: nowrap;
        justify-content: flex-start
    }
    .navbar-expand-xxl .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-xxl .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-xxl .navbar-nav .nav-link {
        padding-left: var(--bs-navbar-nav-link-padding-x);
        padding-right: var(--bs-navbar-nav-link-padding-x)
    }
    .navbar-expand-xxl .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-xxl .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-xxl .navbar-toggler {
        display: none
    }
    .navbar-expand-xxl .offcanvas {
        background-color: transparent !important;
        border: 0 !important;
        flex-grow: 1;
        height: auto !important;
        position: static;
        transform: none !important;
        transition: none;
        visibility: visible !important;
        width: auto !important;
        z-index: auto
    }
    .navbar-expand-xxl .offcanvas .offcanvas-header {
        display: none
    }
    .navbar-expand-xxl .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        overflow-y: visible;
        padding: 0
    }
}

.kyc-status{
    font-size: 13px;
    position: absolute;
    right: -4px;
    top: -4px;
}
.kyc-info{
    color: var(--text-secondary);
    font-size: 14px;
}
.navbar-expand {
    flex-wrap: nowrap;
    justify-content: flex-start
}
.ssb.classic .navbar-nav .nav-item.active,
.ssb.boxed .navbar-nav .nav-item.active{
    margin-left: -10px;
    padding-left: 10px;
    color: var(--text-color);
}
.ssb.classic .navbar-nav .nav-item,
.ssb.boxed .navbar-nav .nav-item{
    position: relative;
    padding: .5rem .25rem .5rem 0;
}
.ssb.small .navbar-nav .nav-item
{
    margin-bottom: 10px;
}
.ssb.small .kf-sidebar .dropdown-toggle{
    white-space: normal;
}
.ssb.classic .user_profile,
.ssb.boxed .user_profile{
    gap: 10px;
}
.ssb.small .user_profile a>span{
    flex-direction: column;
    text-align: center;
    line-height: 14px;
    gap: 5px;
}
.ssb.small .user_profile ul{
    padding:10px 0;
    min-width:auto;
}
.ssb.small .user_profile ul li{
    margin-bottom:10px;
}
.navbar-nav .nav-item,
.user_profile .nav-item{
    color: var(--text-secondary);
    position:relative;
}



.ssb.small .kf-sidebar .px-3{
    padding-left: 3px !important;
    padding-right: 3px !important;
}
.navbar-expand .navbar-nav {
    flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}

.navbar-expand .navbar-nav .nav-link {
    padding-left: var(--bs-navbar-nav-link-padding-x);
    padding-right: var(--bs-navbar-nav-link-padding-x)
}

.navbar-expand .navbar-nav-scroll {
    overflow: visible
}

.navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto
}

.navbar-expand .navbar-toggler {
    display: none
}

.navbar-expand .offcanvas {
    background-color: transparent !important;
    border: 0 !important;
    flex-grow: 1;
    height: auto !important;
    position: static;
    transform: none !important;
    transition: none;
    visibility: visible !important;
    width: auto !important;
    z-index: auto
}

.navbar-expand .offcanvas .offcanvas-header {
    display: none
}

.navbar-expand .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    overflow-y: visible;
    padding: 0
}

.topbar--ticker {
    position: relative;
    overflow: hidden;
    opacity: 1;
    min-height:var(--topbar-height);
    background:var(--card-bg-2);
    background-image: linear-gradient(#b3a5141a, #0f0f0f00), linear-gradient(75deg, var(--kf-1) 5%, var(--card-bg-2) 23%, var(--card-bg-2) 73%, var(--card-bg-2) 99%);
  }
  .topbar--ticker.booting { opacity: 0; } /* FOUC önleme */
  
  .topbar-track {
    display: flex;
    flex-direction: column;
    will-change: transform;
  }
  
  .topbar-item {
    display: flex;
    align-items: center;
    justify-content: center;
    height: var(--topbar-height);
    padding:0 10px;
    font-size:16px;
    line-height:18px;
  }
  
  .topbar--ticker:hover .topbar-track {
    animation-play-state: paused;
  }

html[mode="light"] .card.active{
    color:#fff !important;
}
.card.transparent{
    background: transparent;
    box-shadow: inset 0 0 0 1px hsl(0deg 0% 100% / 6%), 0 0 0 1px rgb(0 0 0 / 2%);
}
.payment_methods li {
    background: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius-sm);
    display: inline-flex;
    align-items: center;
}
.card {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background: var(--card-bg);
    position: relative;
    overflow: hidden;
    border-radius: var(--border-radius);
    padding: 1px;
    border: 1px solid var(--border-color);
}
.svg-card-bg{
    fill: var(--card-bg);
}
.svg-storke{
    stroke:var(--border-color);
}
.card_light{
        background: var(--kf-1);
        opacity: .51;
        filter: blur(70px);
        border-radius: 999px;
        width: 40%;
        height: 65%;
        margin: 0% auto auto;
        position: absolute;
        inset: 10%;
}


.card>hr {
    margin-left: 0;
    margin-right: 0
}

.card>.list-group {
    border-bottom: inherit;
    border-top: inherit
}

.card>.list-group:first-child {
    border-top-left-radius: var(--bs-card-inner-border-radius);
    border-top-right-radius: var(--bs-card-inner-border-radius);
    border-top-width: 0
}

.card>.list-group:last-child {
    border-bottom-left-radius: var(--bs-card-inner-border-radius);
    border-bottom-right-radius: var(--bs-card-inner-border-radius);
    border-bottom-width: 0
}

.card>.card-header+.list-group,
.card>.list-group+.card-footer {
    border-top: 0
}
.chart{
    overflow: visible;
    position: relative;
}
.chart:before{
    content: "";
    background: var(--card-bg-2);
    width: 100%;
    border-radius: 25px;
    left: 0px;
    top: -18px;
    border: 1px solid #ffffff0d;
    height: 70%;
    z-index: -1;
    position: absolute;
}
.transparent{
    background:transparent !important;
}
.card-body {
    padding: 20px;
    position: relative;
}
.inner-card-body{
    padding: 20px;
    border: 1px dashed var(--border-color);
    border-radius: var(--border-radius);
}
.card-title {
    color: var(--bs-card-title-color);
    margin-bottom: var(--bs-card-title-spacer-y)
}

.card-subtitle {
    color: var(--bs-card-subtitle-color);
    margin-top: calc(var(--bs-card-title-spacer-y)*-.5)
}

.card-subtitle,
.card-text:last-child {
    margin-bottom: 0
}

.card-link+.card-link {
    margin-left: var(--bs-card-spacer-x)
}

.card-header {
    border-bottom: var(--border-width) solid var(--border-color);
    padding: 10px 20px;
}

.card-header:first-child {
    border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0
}

.card-footer {
    background-color: var(--bs-card-cap-bg);
    border-top: var(--border-width) solid var(--border-color);
    color: var(--bs-card-cap-color);
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x)
}

.card-footer:last-child {
    border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)
}

.card-header-tabs {
    border-bottom: 0;
    margin-bottom: calc(var(--bs-card-cap-padding-y)*-1);
    margin-left: calc(var(--bs-card-cap-padding-x)*-.5);
    margin-right: calc(var(--bs-card-cap-padding-x)*-.5)
}

.card-header-tabs .nav-link.active {
    background-color: var(--bs-card-bg);
    border-bottom-color: var(--bs-card-bg)
}

.card-header-pills {
    margin-left: calc(var(--bs-card-cap-padding-x)*-.5);
    margin-right: calc(var(--bs-card-cap-padding-x)*-.5)
}

.card-img-overlay {
    border-radius: var(--bs-card-inner-border-radius);
    bottom: 0;
    left: 0;
    padding: var(--bs-card-img-overlay-padding);
    position: absolute;
    right: 0;
    top: 0
}

.card-img,
.card-img-bottom,
.card-img-top {
    width: 100%
}

.card-img,
.card-img-top {
    border-top-left-radius: var(--bs-card-inner-border-radius);
    border-top-right-radius: var(--bs-card-inner-border-radius)
}

.card-img,
.card-img-bottom {
    border-bottom-left-radius: var(--bs-card-inner-border-radius);
    border-bottom-right-radius: var(--bs-card-inner-border-radius)
}

.card-group>.card {
    margin-bottom: var(--bs-card-group-margin)
}

@media(min-width:576px) {
    .card-group {
        display: flex;
        flex-flow: row wrap
    }
    .card-group>.card {
        flex: 1 0 0%;
        margin-bottom: 0
    }
    .card-group>.card+.card {
        border-left: 0;
        margin-left: 0
    }
    .card-group>.card:not(:last-child) {
        border-bottom-right-radius: 0;
        border-top-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-bottom-left-radius: 0;
        border-top-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
    }
}

.accordion {
    --bs-accordion-color: var(--bs-body-color);
    --bs-accordion-bg: var(--kf-bg-2);
    --bs-accordion-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, border-radius 0.15s ease;
    --bs-accordion-border-color: var(--border-color);
    --bs-accordion-border-width: var(--border-width);
    --bs-accordion-border-radius: var(--border-radius);
    --bs-accordion-inner-border-radius: calc(var(--border-radius) - var(--border-width));
    --bs-accordion-btn-padding-x: 1.25rem;
    --bs-accordion-btn-padding-y: 1rem;
    --bs-accordion-btn-color: var(--bs-body-color);
    --bs-accordion-btn-bg: var(--bs-accordion-bg);
    --bs-accordion-btn-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 16 16'%3E%3Cpath d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
    --bs-accordion-btn-icon-width: 1.25rem;
    --bs-accordion-btn-icon-transform: rotate(-180deg);
    --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
    --bs-accordion-btn-active-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 16 16'%3E%3Cpath d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, .25);
    --bs-accordion-body-padding-x: 1.25rem;
    --bs-accordion-body-padding-y: 1rem;
    --bs-accordion-active-color: var(--kf-1);
    --bs-accordion-active-bg: var(--bs-primary-bg-subtle)
}

.accordion-button {
    padding:0;
    align-items: center;
    border: 0;
    border-radius: 0;
    color: var(--bs-accordion-btn-color);
    display: flex;
    font-size: 1rem;
    overflow-anchor: none;
    position: relative;
    text-align: left;
    transition: var(--bs-accordion-transition);
    width: 100%
}

@media(prefers-reduced-motion:reduce) {
    .accordion-button {
        transition: none
    }
}

.accordion-button:not(.collapsed) {
    background-color: var(--bs-accordion-active-bg);
    box-shadow: inset 0 calc(var(--bs-accordion-border-width)*-1) 0 var(--bs-accordion-border-color);
    color: var(--bs-accordion-active-color)
}

.accordion-button:not(.collapsed):after {
    background-image: var(--bs-accordion-btn-active-icon);
    transform: var(--bs-accordion-btn-icon-transform)
}

.accordion-button:after {
    background-image: var(--bs-accordion-btn-icon);
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    content: "";
    flex-shrink: 0;
    height: var(--bs-accordion-btn-icon-width);
    margin-left: auto;
    transition: var(--bs-accordion-btn-icon-transition);
    width: var(--bs-accordion-btn-icon-width)
}

@media(prefers-reduced-motion:reduce) {
    .accordion-button:after {
        transition: none
    }
}

.accordion-button:hover {
    z-index: 2
}

.accordion-button:focus {
    box-shadow: var(--bs-accordion-btn-focus-box-shadow);
    outline: 0;
    z-index: 3
}

.accordion-header {
    margin-bottom: 0
}


.accordion-item:first-of-type {
    border-top-left-radius: var(--bs-accordion-border-radius);
    border-top-right-radius: var(--bs-accordion-border-radius)
}

.accordion-item:first-of-type>.accordion-header .accordion-button {
    border-top-left-radius: var(--bs-accordion-inner-border-radius);
    border-top-right-radius: var(--bs-accordion-inner-border-radius)
}

.accordion-item:not(:first-of-type) {
    border-top: 0
}

.accordion-item:last-of-type {
    border-bottom: none;
}

.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed {
    border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
    border-bottom-right-radius: var(--bs-accordion-inner-border-radius)
}

.accordion-item:last-of-type>.accordion-collapse {
    border-bottom-left-radius: var(--bs-accordion-border-radius);
    border-bottom-right-radius: var(--bs-accordion-border-radius)
}

.accordion-body {
    padding-top: var(--bs-accordion-body-padding-y);
}

.accordion-flush>.accordion-item {
    border-left: 0;
    border-radius: 0;
    border-right: 0
}

.accordion-flush>.accordion-item:first-child {
    border-top: 0
}

.accordion-flush>.accordion-item:last-child {
    border-bottom: 0
}

.accordion-flush>.accordion-item>.accordion-collapse,
.accordion-flush>.accordion-item>.accordion-header .accordion-button,
.accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed {
    border-radius: 0
}


.breadcrumb {
    --bs-breadcrumb-padding-x: 0;
    --bs-breadcrumb-padding-y: 0;
    --bs-breadcrumb-margin-bottom: 1rem;
    --bs-breadcrumb-bg: ;
    --bs-breadcrumb-border-radius: ;
    --bs-breadcrumb-divider-color: var(--text-secondary-color);
    --bs-breadcrumb-item-padding-x: 0.5rem;
    --bs-breadcrumb-item-active-color: var(--text-secondary-color);
    background-color: var(--bs-breadcrumb-bg);
    border-radius: var(--bs-breadcrumb-border-radius);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--bs-breadcrumb-font-size);
    list-style: none;
    margin-bottom: var(--bs-breadcrumb-margin-bottom);
    padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x)
}


.breadcrumb-item.active {
    color: var(--kf-1);
}

.pagination {
    --bs-pagination-padding-x: 0.75rem;
    --bs-pagination-padding-y: 0.375rem;
    --bs-pagination-font-size: 1rem;
    --bs-pagination-color: var(--link-color);
    --bs-pagination-bg: var(--kf-bg-2);
    --bs-pagination-border-width: var(--border-width);
    --bs-pagination-border-color: var(--border-color);
    --bs-pagination-border-radius: var(--border-radius);
    --bs-pagination-hover-color: var(--bs-link-hover-color);
    --bs-pagination-hover-bg: var(--bs-tertiary-bg);
    --bs-pagination-hover-border-color: var(--border-color);
    --bs-pagination-focus-color: var(--bs-link-hover-color);
    --bs-pagination-focus-bg: var(--text-secondary-bg);
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, .25);
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: #0d6efd;
    --bs-pagination-active-border-color: #0d6efd;
    --bs-pagination-disabled-color: var(--text-secondary-color);
    --bs-pagination-disabled-bg: var(--text-secondary-bg);
    --bs-pagination-disabled-border-color: var(--border-color);
    display: flex;
    list-style: none;
    padding-left: 0
}

.page-link {
    background-color: var(--bs-pagination-bg);
    border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
    color: var(--bs-pagination-color);
    display: block;
    font-size: var(--bs-pagination-font-size);
    padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
    position: relative;
    text-decoration: none;
    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) {
    .page-link {
        transition: none
    }
}

.page-link:hover {
    background-color: var(--bs-pagination-hover-bg);
    border-color: var(--bs-pagination-hover-border-color);
    color: var(--bs-pagination-hover-color);
    z-index: 2
}

.page-link:focus {
    background-color: var(--bs-pagination-focus-bg);
    box-shadow: var(--bs-pagination-focus-box-shadow);
    color: var(--bs-pagination-focus-color);
    outline: 0;
    z-index: 3
}

.active>.page-link,
.page-link.active {
    background-color: var(--bs-pagination-active-bg);
    border-color: var(--bs-pagination-active-border-color);
    color: var(--bs-pagination-active-color);
    z-index: 3
}

.disabled>.page-link,
.page-link.disabled {
    background-color: var(--bs-pagination-disabled-bg);
    border-color: var(--bs-pagination-disabled-border-color);
    color: var(--bs-pagination-disabled-color);
    pointer-events: none
}

.page-item:not(:first-child) .page-link {
    margin-left: calc(var(--border-width)*-1)
}

.page-item:first-child .page-link {
    border-bottom-left-radius: var(--bs-pagination-border-radius);
    border-top-left-radius: var(--bs-pagination-border-radius)
}

.page-item:last-child .page-link {
    border-bottom-right-radius: var(--bs-pagination-border-radius);
    border-top-right-radius: var(--bs-pagination-border-radius)
}

.pagination-lg {
    --bs-pagination-padding-x: 1.5rem;
    --bs-pagination-padding-y: 0.75rem;
    --bs-pagination-font-size: 1.25rem;
    --bs-pagination-border-radius: var(--border-radius-lg)
}

.pagination-sm {
    --bs-pagination-padding-x: 0.5rem;
    --bs-pagination-padding-y: 0.25rem;
    --bs-pagination-font-size: 0.875rem;
    --bs-pagination-border-radius: var(--border-radius-sm)
}

.badge {
    color: var(--text-color);
    display: inline-block;
    font-size: 11px;
    font-weight: var(--bs-badge-font-weight);
    line-height: 1;
    padding: 5px 10px;
    border-radius: var(--border-radius);
    text-align: center;
    vertical-align: baseline;
}

.badge:empty {
    display: none
}

.alert {
    --bs-alert-bg: transparent;
    --bs-alert-padding-x: 1rem;
    --bs-alert-padding-y: 1rem;
    --bs-alert-margin-bottom: 1rem;
    --bs-alert-color: inherit;
    --bs-alert-border-color: transparent;
    --bs-alert-border: var(--border-width) solid var(--bs-alert-border-color);
    --bs-alert-border-radius: var(--border-radius);
    --bs-alert-link-color: inherit;
    background-color: var(--bs-alert-bg);
    border: var(--border-width) solid var(--border-color);
    color: var(--bs-alert-color);
    border-radius: var(--bs-alert-border-radius);
    margin-bottom: var(--bs-alert-margin-bottom);
    padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
    position: relative;
}

.alert-heading {
    color: inherit
}

.alert-link {
    color: var(--bs-alert-link-color);
    font-weight: 700
}

.alert-dismissible {
    padding-right: 3rem
}

.alert-dismissible .btn-close {
    padding: 1.25rem 1rem;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

.alert-primary {
    --bs-alert-color: var(--kf-1);
    --bs-alert-bg: var(--bs-primary-bg-subtle);
    --bs-alert-border-color: var(--bs-primary-border-subtle);
    --bs-alert-link-color: var(--kf-1)
}

.alert-secondary {
    --bs-alert-color: var(--text-secondary-text-emphasis);
    --bs-alert-bg: var(--text-secondary-bg-subtle);
    --bs-alert-border-color: var(--text-secondary-border-subtle);
    --bs-alert-link-color: var(--text-secondary-text-emphasis)
}

.alert-success {
    --bs-alert-color: var(--bs-success-text-emphasis);
    --bs-alert-bg: var(--bs-success-bg-subtle);
    --bs-alert-border-color: var(--bs-success-border-subtle);
    --bs-alert-link-color: var(--bs-success-text-emphasis)
}

.alert-info {
    --bs-alert-color: var(--bs-info-text-emphasis);
    --bs-alert-bg: var(--bs-info-bg-subtle);
    --bs-alert-border-color: var(--bs-info-border-subtle);
    --bs-alert-link-color: var(--bs-info-text-emphasis)
}

.alert-warning {
    --bs-alert-color: var(--bs-warning-text-emphasis);
    --bs-alert-bg: var(--bs-warning-bg-subtle);
    --bs-alert-border-color: var(--bs-warning-border-subtle);
    --bs-alert-link-color: var(--bs-warning-text-emphasis)
}

.alert-danger {
    --bs-alert-color: var(--bs-danger-text-emphasis);
    --bs-alert-bg: var(--bs-danger-bg-subtle);
    --bs-alert-border-color: var(--bs-danger-border-subtle);
    --bs-alert-link-color: var(--bs-danger-text-emphasis)
}

.alert-light {
    --bs-alert-color: var(--bs-light-text-emphasis);
    --bs-alert-bg: var(--bs-light-bg-subtle);
    --bs-alert-border-color: var(--bs-light-border-subtle);
    --bs-alert-link-color: var(--bs-light-text-emphasis)
}


@keyframes progress-bar-stripes {
    0% {
        background-position-x: 1rem
    }
}
.legend-color-box{
    margin-right: 10px;
    background-color: rgb(88, 64, 239);
    width: 8px;
    height: 8px;
    border-radius: 100%;
}
.expr{
        font-size: 74%;
    opacity: 0.4;
}
.progress,
.progress-stacked {
    background-color: var(--card-bg-2);
    border-color: 1px solid var(--border-color);
    border-radius: var(--border-radius-lg);
    display: flex;
    height: 16px;
    overflow: visible;
}
.border-radius{
    border-radius: 20px;
}

.progress-bar {
    display: flex;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    background: var(--kf-1);
    border-radius: var(--border-radius-sm);
    font-size: 16px;
    align-items: center;
    color: var(--body-bg);
}

@media(prefers-reduced-motion:reduce) {
    .progress-bar {
        transition: none
    }
}


.progress-stacked>.progress {
    overflow: visible
}

.progress-stacked>.progress>.progress-bar {
    width: 100%
}

.progress-bar-animated {
    animation: progress-bar-stripes 1s linear infinite
}

@media(prefers-reduced-motion:reduce) {
    .progress-bar-animated {
        animation: none
    }
}

.list-group {
    --bs-list-group-color: var(--bs-body-color);
    --bs-list-group-bg: var(--kf-bg-2);
    --bs-list-group-border-color: var(--border-color);
    --bs-list-group-border-width: var(--border-width);
    --bs-list-group-border-radius: var(--border-radius);
    --bs-list-group-item-padding-x: 1rem;
    --bs-list-group-item-padding-y: 0.5rem;
    --bs-list-group-action-color: var(--text-secondary-color);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
    --bs-list-group-action-active-color: var(--bs-body-color);
    --bs-list-group-action-active-bg: var(--text-secondary-bg);
    --bs-list-group-disabled-color: var(--text-secondary-color);
    --bs-list-group-disabled-bg: var(--kf-bg-2);
    --bs-list-group-active-color: #fff;
    --bs-list-group-active-bg: #0d6efd;
    --bs-list-group-active-border-color: #0d6efd;
    border-radius: var(--bs-list-group-border-radius);
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
    padding-left: 0
}

.list-group-numbered {
    counter-reset: section;
    list-style-type: none
}

.list-group-numbered>.list-group-item:before {
    content: counters(section, ".") ". ";
    counter-increment: section
}

.list-group-item-action {
    color: var(--bs-list-group-action-color);
    text-align: inherit;
    width: 100%
}

.list-group-item-action:focus,
.list-group-item-action:hover {
    background-color: var(--bs-list-group-action-hover-bg);
    color: var(--bs-list-group-action-hover-color);
    text-decoration: none;
    z-index: 1
}

.list-group-item-action:active {
    background-color: var(--bs-list-group-action-active-bg);
    color: var(--bs-list-group-action-active-color)
}

.list-group-item {
    background-color: var(--card-bg);
    border: 1px solid var(--border-color);
    display: block;
    padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
    position: relative;
    text-decoration: none;
}

.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.list-group-item:last-child {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit
}

.list-group-item.disabled,
.list-group-item:disabled {
    background-color: var(--bs-list-group-disabled-bg);
    color: var(--bs-list-group-disabled-color);
    pointer-events: none
}

.list-group-item.active {
    background-color: var(--bs-list-group-active-bg);
    border-color: var(--bs-list-group-active-border-color);
    color: var(--bs-list-group-active-color);
    z-index: 2
}

.list-group-item+.list-group-item {
    border-top-width: 0
}

.list-group-item+.list-group-item.active {
    border-top-width: var(--bs-list-group-border-width);
    margin-top: calc(var(--bs-list-group-border-width)*-1)
}

.list-group-horizontal {
    flex-direction: row
}

.list-group-horizontal>.list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0
}

.list-group-horizontal>.list-group-item:last-child:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-right-radius: var(--bs-list-group-border-radius)
}

.list-group-horizontal>.list-group-item.active {
    margin-top: 0
}

.list-group-horizontal>.list-group-item+.list-group-item {
    border-left-width: 0;
    border-top-width: var(--bs-list-group-border-width)
}

.list-group-horizontal>.list-group-item+.list-group-item.active {
    border-left-width: var(--bs-list-group-border-width);
    margin-left: calc(var(--bs-list-group-border-width)*-1)
}

@media(min-width:576px) {
    .list-group-horizontal-sm {
        flex-direction: row
    }
    .list-group-horizontal-sm>.list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }
    .list-group-horizontal-sm>.list-group-item:last-child:not(:first-child) {
        border-bottom-left-radius: 0;
        border-top-right-radius: var(--bs-list-group-border-radius)
    }
    .list-group-horizontal-sm>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-sm>.list-group-item+.list-group-item {
        border-left-width: 0;
        border-top-width: var(--bs-list-group-border-width)
    }
    .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
        border-left-width: var(--bs-list-group-border-width);
        margin-left: calc(var(--bs-list-group-border-width)*-1)
    }
}

@media(min-width:768px) {
    .list-group-horizontal-md {
        flex-direction: row
    }
    .list-group-horizontal-md>.list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }
    .list-group-horizontal-md>.list-group-item:last-child:not(:first-child) {
        border-bottom-left-radius: 0;
        border-top-right-radius: var(--bs-list-group-border-radius)
    }
    .list-group-horizontal-md>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-md>.list-group-item+.list-group-item {
        border-left-width: 0;
        border-top-width: var(--bs-list-group-border-width)
    }
    .list-group-horizontal-md>.list-group-item+.list-group-item.active {
        border-left-width: var(--bs-list-group-border-width);
        margin-left: calc(var(--bs-list-group-border-width)*-1)
    }
}

@media(min-width:992px) {
    .list-group-horizontal-lg {
        flex-direction: row
    }
    .list-group-horizontal-lg>.list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }
    .list-group-horizontal-lg>.list-group-item:last-child:not(:first-child) {
        border-bottom-left-radius: 0;
        border-top-right-radius: var(--bs-list-group-border-radius)
    }
    .list-group-horizontal-lg>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-lg>.list-group-item+.list-group-item {
        border-left-width: 0;
        border-top-width: var(--bs-list-group-border-width)
    }
    .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
        border-left-width: var(--bs-list-group-border-width);
        margin-left: calc(var(--bs-list-group-border-width)*-1)
    }
}

@media(min-width:1200px) {
    .list-group-horizontal-xl {
        flex-direction: row
    }
    .list-group-horizontal-xl>.list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }
    .list-group-horizontal-xl>.list-group-item:last-child:not(:first-child) {
        border-bottom-left-radius: 0;
        border-top-right-radius: var(--bs-list-group-border-radius)
    }
    .list-group-horizontal-xl>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-xl>.list-group-item+.list-group-item {
        border-left-width: 0;
        border-top-width: var(--bs-list-group-border-width)
    }
    .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
        border-left-width: var(--bs-list-group-border-width);
        margin-left: calc(var(--bs-list-group-border-width)*-1)
    }
}

@media(min-width:1400px) {
    .list-group-horizontal-xxl {
        flex-direction: row
    }
    .list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }
    .list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child) {
        border-bottom-left-radius: 0;
        border-top-right-radius: var(--bs-list-group-border-radius)
    }
    .list-group-horizontal-xxl>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-xxl>.list-group-item+.list-group-item {
        border-left-width: 0;
        border-top-width: var(--bs-list-group-border-width)
    }
    .list-group-horizontal-xxl>.list-group-item+.list-group-item.active {
        border-left-width: var(--bs-list-group-border-width);
        margin-left: calc(var(--bs-list-group-border-width)*-1)
    }
}

.list-group-flush {
    border-radius: 0
}

.list-group-flush>.list-group-item {
    border-width: 0 0 var(--bs-list-group-border-width)
}

.list-group-flush>.list-group-item:last-child {
    border-bottom-width: 0
}

.list-group-item-primary {
    --bs-list-group-color: var(--kf-1);
    --bs-list-group-bg: var(--bs-primary-bg-subtle);
    --bs-list-group-border-color: var(--bs-primary-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-primary-border-subtle);
    --bs-list-group-active-color: var(--bs-primary-bg-subtle);
    --bs-list-group-active-bg: var(--kf-1);
    --bs-list-group-active-border-color: var(--kf-1)
}

.list-group-item-secondary {
    --bs-list-group-color: var(--text-secondary-text-emphasis);
    --bs-list-group-bg: var(--text-secondary-bg-subtle);
    --bs-list-group-border-color: var(--text-secondary-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--text-secondary-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--text-secondary-border-subtle);
    --bs-list-group-active-color: var(--text-secondary-bg-subtle);
    --bs-list-group-active-bg: var(--text-secondary-text-emphasis);
    --bs-list-group-active-border-color: var(--text-secondary-text-emphasis)
}

.list-group-item-success {
    --bs-list-group-color: var(--bs-success-text-emphasis);
    --bs-list-group-bg: var(--bs-success-bg-subtle);
    --bs-list-group-border-color: var(--bs-success-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-success-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-success-border-subtle);
    --bs-list-group-active-color: var(--bs-success-bg-subtle);
    --bs-list-group-active-bg: var(--bs-success-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-success-text-emphasis)
}

.list-group-item-info {
    --bs-list-group-color: var(--bs-info-text-emphasis);
    --bs-list-group-bg: var(--bs-info-bg-subtle);
    --bs-list-group-border-color: var(--bs-info-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-info-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-info-border-subtle);
    --bs-list-group-active-color: var(--bs-info-bg-subtle);
    --bs-list-group-active-bg: var(--bs-info-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-info-text-emphasis)
}

.list-group-item-warning {
    --bs-list-group-color: var(--bs-warning-text-emphasis);
    --bs-list-group-bg: var(--bs-warning-bg-subtle);
    --bs-list-group-border-color: var(--bs-warning-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-warning-border-subtle);
    --bs-list-group-active-color: var(--bs-warning-bg-subtle);
    --bs-list-group-active-bg: var(--bs-warning-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-warning-text-emphasis)
}

.list-group-item-danger {
    --bs-list-group-color: var(--bs-danger-text-emphasis);
    --bs-list-group-bg: var(--bs-danger-bg-subtle);
    --bs-list-group-border-color: var(--bs-danger-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-danger-border-subtle);
    --bs-list-group-active-color: var(--bs-danger-bg-subtle);
    --bs-list-group-active-bg: var(--bs-danger-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-danger-text-emphasis)
}

.list-group-item-light {
    --bs-list-group-color: var(--bs-light-text-emphasis);
    --bs-list-group-bg: var(--bs-light-bg-subtle);
    --bs-list-group-border-color: var(--bs-light-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-light-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-light-border-subtle);
    --bs-list-group-active-color: var(--bs-light-bg-subtle);
    --bs-list-group-active-bg: var(--bs-light-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-light-text-emphasis)
}


.btn-close {
    --bs-btn-close-bg: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJrYXRtYW5fMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDE2IDE2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNiAxNjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMC4zLDAuM2MwLjQtMC40LDEtMC40LDEuNCwwTDgsNi42bDYuMy02LjNjMC40LTAuNCwxLTAuNCwxLjQsMGMwLjQsMC40LDAuNCwxLDAsMS40YzAsMCwwLDAsMCwwTDkuNCw4CglsNi4zLDYuM2MwLjQsMC40LDAuNCwxLDAsMS40Yy0wLjQsMC40LTEsMC40LTEuNCwwTDgsOS40bC02LjMsNi4zYy0wLjQsMC40LTEsMC40LTEuNCwwYy0wLjQtMC40LTAuNC0xLDAtMS40TDYuNiw4TDAuMywxLjcKCUMtMC4xLDEuMy0wLjEsMC43LDAuMywwLjMiLz4KPC9zdmc+);
    --bs-btn-close-hover-opacity: 0.75;
    --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, .25);
    --bs-btn-close-focus-opacity: 1;
    --bs-btn-close-disabled-opacity: 0.25;
    background: transparent var(--bs-btn-close-bg) center / 1em auto no-repeat;
    border: 0;
    border-radius: .375rem;
    box-sizing: content-box;
    height: 1em;
    opacity: var(--bs-btn-close-opacity);
    padding: .25em;
    width: 1em;
}

.btn-close,
.btn-close:hover {
    color: var(--bs-btn-close-color)
}

.btn-close:hover {
    opacity: var(--bs-btn-close-hover-opacity);
    text-decoration: none
}

.btn-close:focus {
    box-shadow: var(--bs-btn-close-focus-shadow);
    opacity: var(--bs-btn-close-focus-opacity);
    outline: 0
}

.btn-close.disabled,
.btn-close:disabled {
    opacity: var(--bs-btn-close-disabled-opacity);
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}


.toast {
    --bs-toast-padding-x: 0.75rem;
    --bs-toast-padding-y: 0.5rem;
    border-radius: var(--border-radius);
    font-size: 14px;
    max-width: 100%;
    pointer-events: auto;
    width: 350px;
    --bs-card-cap-padding-y: 1rem;
    user-select: none;
    background: linear-gradient(0deg, var(--card-bg) 0%, var(--card-bg-2) 100%);
    box-shadow: 0 7px 20px 5px var(--border-color);
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
    transition: 0.5s all;
}

.toast.showing {
    opacity: 0
}

.toast:not(.show) {
    display: none
}

.toast-container {
    --bs-toast-zindex: 1090;
    max-width: 100%;
    pointer-events: none;
    position: absolute;
    width: -moz-max-content;
    width: max-content;
    z-index: 9999999999999999
}

.toast-container>:not(:last-child) {
    margin-bottom: var(--bs-toast-spacing)
}

.toast-header {
    align-items: center;
    background-clip: padding-box;
    background-color: var(--bs-toast-header-bg);
    border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
    border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
    border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
    color: var(--bs-toast-header-color);
    display: flex;
    padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x)
}

.toast-header .btn-close {
    margin-left: var(--bs-toast-padding-x);
    margin-right: calc(var(--bs-toast-padding-x)*-.5)
}

.toast-body {
    padding: var(--bs-toast-padding-x);
    word-wrap: break-word
}
@keyframes modalScale {
    from { transform: scale(0.7); opacity: 0; }
    to   { transform: scale(1); opacity: 1; }
  }
  
  
.modal {
    display: none;
    height: 100%;
    left: 0;
    outline: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    top: 0;
    width: 100%;
    z-index: 999999999999;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    transform: translate(0,0);
    transition: none; /* Bootstrap default'u iptal */
}
.modal.show{
    display:flex !important;
    animation: modalScale 0.3s ease-out;
}
.modal-dialog {
    margin: var(--bs-modal-margin);
    pointer-events: none;
    position: relative;
    width: 500px;
}
.modal-dialog img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: var(--border-radius);
}

.modal.fade .modal-dialog {
    transform: translateY(-50px);
    transition: transform .3s ease-out
}

@media(prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    height: calc(100% - var(--bs-modal-margin)*2)
}

.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    align-items: center;
    display: flex;
    min-height: calc(100% - var(--bs-modal-margin)*2)
}

.modal-content {
    background-clip: padding-box;
    background: var(--card-bg);
    border-radius: var(--border-radius);
    color: var(--bs-modal-color);
    display: flex;
    flex-direction: column;
    outline: 0;
    pointer-events: auto;
    position: relative;
    width: 100%;
    border: var(--border-width) solid var(--border-color);
    backdrop-filter: blur(var(--card-blur));
    -webkit-backdrop-filter: blur(var(--card-blur));
}

.modal-backdrop {
    --bs-backdrop-zindex: 1050;
    --bs-backdrop-bg: #000;
    --bs-backdrop-opacity: 0.5;
    background-color: var(--bs-backdrop-bg);
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: var(--bs-backdrop-zindex)
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: var(--bs-backdrop-opacity)
}

.modal-header {
    align-items: center;
    border-bottom: 1px solid var(--border-color);
    display: flex;
    flex-shrink: 0;
    padding: var(--modal-padding)
}

.modal-header .btn-close {
    margin: calc(var(--bs-modal-header-padding-y)*-.5) calc(var(--bs-modal-header-padding-x)*-.5) calc(var(--bs-modal-header-padding-y)*-.5) auto;
    padding: calc(var(--bs-modal-header-padding-y)*.5) calc(var(--bs-modal-header-padding-x)*.5)
}

.modal-title {
    line-height: var(--bs-modal-title-line-height);
    margin-bottom: 0
}

.modal-body {
    flex: 1 1 auto;
    padding: var(--modal-padding);
    position: relative;
}


.modal-footer {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    justify-content: flex-end;
    padding: var(--modal-padding);
    border-top: 1px solid var(--border-color);
    gap: 10px;
}

.modal-footer>* {
    margin: calc(var(--bs-modal-footer-gap)*.5)
}

@media(min-width:992px) {
    .modal-lg,
    .modal-xl {
        --bs-modal-width: 800px
    }
}

@media(min-width:1200px) {
    .modal-xl {
        --bs-modal-width: 1140px
    }
}

.modal-fullscreen {
    height: 100%;
    margin: 0;
    max-width: none;
    width: 100vw
}

.modal-fullscreen .modal-content {
    border: 0;
    border-radius: 0;
    height: 100%
}

.modal-fullscreen .modal-footer,
.modal-fullscreen .modal-header {
    border-radius: 0
}

.modal-fullscreen .modal-body {
    overflow-y: auto
}

@media(max-width:575.98px) {
     .pricing_sidebar{
        display:none;
    }
    .modal-fullscreen-sm-down {
        height: 100%;
        margin: 0;
        max-width: none;
        width: 100vw
    }
    .modal-fullscreen-sm-down .modal-content {
        border: 0;
        border-radius: 0;
        height: 100%
    }
    .modal-fullscreen-sm-down .modal-footer,
    .modal-fullscreen-sm-down .modal-header {
        border-radius: 0
    }
    .modal-fullscreen-sm-down .modal-body {
        overflow-y: auto
    }
}

@media(max-width:767.98px) {
    .modal-fullscreen-md-down {
        height: 100%;
        margin: 0;
        max-width: none;
        width: 100vw
    }
    .modal-fullscreen-md-down .modal-content {
        border: 0;
        border-radius: 0;
        height: 100%
    }
    .modal-fullscreen-md-down .modal-footer,
    .modal-fullscreen-md-down .modal-header {
        border-radius: 0
    }
    .modal-fullscreen-md-down .modal-body {
        overflow-y: auto
    }
}

@media(max-width:991.98px) {
    .modal-fullscreen-lg-down {
        height: 100%;
        margin: 0;
        max-width: none;
        width: 100vw
    }
    .modal-fullscreen-lg-down .modal-content {
        border: 0;
        border-radius: 0;
        height: 100%
    }
    .modal-fullscreen-lg-down .modal-footer,
    .modal-fullscreen-lg-down .modal-header {
        border-radius: 0
    }
    .modal-fullscreen-lg-down .modal-body {
        overflow-y: auto
    }
}

@media(max-width:1199.98px) {
    .modal-fullscreen-xl-down {
        height: 100%;
        margin: 0;
        max-width: none;
        width: 100vw
    }
    .modal-fullscreen-xl-down .modal-content {
        border: 0;
        border-radius: 0;
        height: 100%
    }
    .modal-fullscreen-xl-down .modal-footer,
    .modal-fullscreen-xl-down .modal-header {
        border-radius: 0
    }
    .modal-fullscreen-xl-down .modal-body {
        overflow-y: auto
    }
}

@media(max-width:1399.98px) {
    .modal-fullscreen-xxl-down {
        height: 100%;
        margin: 0;
        max-width: none;
        width: 100vw
    }
    .modal-fullscreen-xxl-down .modal-content {
        border: 0;
        border-radius: 0;
        height: 100%
    }
    .modal-fullscreen-xxl-down .modal-footer,
    .modal-fullscreen-xxl-down .modal-header {
        border-radius: 0
    }
    .modal-fullscreen-xxl-down .modal-body {
        overflow-y: auto
    }
}

.tooltip {
    --bs-tooltip-zindex: 1080;
    --bs-tooltip-max-width: 200px;
    --bs-tooltip-padding-x: 0.5rem;
    --bs-tooltip-padding-y: 0.25rem;
    --bs-tooltip-margin: ;
    --bs-tooltip-font-size: 0.875rem;
    --bs-tooltip-color: var(--kf-bg-2);
    --bs-tooltip-bg: var(--bs-emphasis-color);
    --bs-tooltip-border-radius: var(--border-radius);
    --bs-tooltip-opacity: 0.9;
    --bs-tooltip-arrow-width: 0.8rem;
    --bs-tooltip-arrow-height: 0.4rem;
    display: block;
    font-family: var(--bs-font-sans-serif);
    font-size: var(--bs-tooltip-font-size);
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.5;
    margin: var(--bs-tooltip-margin);
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    z-index: var(--bs-tooltip-zindex);
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: var(--bs-tooltip-opacity)
}

.tooltip .tooltip-arrow {
    display: block;
    height: var(--bs-tooltip-arrow-height);
    width: var(--bs-tooltip-arrow-width)
}

.tooltip .tooltip-arrow:before {
    border-color: transparent;
    border-style: solid;
    content: "";
    position: absolute
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,
.bs-tooltip-top .tooltip-arrow {
    bottom: calc(var(--bs-tooltip-arrow-height)*-1)
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow:before,
.bs-tooltip-top .tooltip-arrow:before {
    border-top-color: var(--bs-tooltip-bg);
    border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width)*.5) 0;
    top: -1px
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,
.bs-tooltip-end .tooltip-arrow {
    height: var(--bs-tooltip-arrow-width);
    left: calc(var(--bs-tooltip-arrow-height)*-1);
    width: var(--bs-tooltip-arrow-height)
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow:before,
.bs-tooltip-end .tooltip-arrow:before {
    border-right-color: var(--bs-tooltip-bg);
    border-width: calc(var(--bs-tooltip-arrow-width)*.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width)*.5) 0;
    right: -1px
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,
.bs-tooltip-bottom .tooltip-arrow {
    top: calc(var(--bs-tooltip-arrow-height)*-1)
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow:before,
.bs-tooltip-bottom .tooltip-arrow:before {
    border-bottom-color: var(--bs-tooltip-bg);
    border-width: 0 calc(var(--bs-tooltip-arrow-width)*.5) var(--bs-tooltip-arrow-height);
    bottom: -1px
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,
.bs-tooltip-start .tooltip-arrow {
    height: var(--bs-tooltip-arrow-width);
    right: calc(var(--bs-tooltip-arrow-height)*-1);
    width: var(--bs-tooltip-arrow-height)
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow:before,
.bs-tooltip-start .tooltip-arrow:before {
    border-left-color: var(--bs-tooltip-bg);
    border-width: calc(var(--bs-tooltip-arrow-width)*.5) 0 calc(var(--bs-tooltip-arrow-width)*.5) var(--bs-tooltip-arrow-height);
    left: -1px
}

.tooltip-inner {
    background-color: var(--bs-tooltip-bg);
    border-radius: var(--bs-tooltip-border-radius);
    color: var(--bs-tooltip-color);
    max-width: var(--bs-tooltip-max-width);
    padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
    text-align: center
}

.popover {
    --bs-popover-zindex: 1070;
    --bs-popover-max-width: 276px;
    --bs-popover-font-size: 0.875rem;
    --bs-popover-bg: var(--kf-bg-2);
    --bs-popover-border-width: var(--border-width);
    --bs-popover-border-color: var(--border-color-translucent);
    --bs-popover-border-radius: var(--border-radius-lg);
    --bs-popover-inner-border-radius: calc(var(--border-radius-lg) - var(--border-width));
    --bs-popover-box-shadow: var(--bs-box-shadow);
    --bs-popover-header-padding-x: 1rem;
    --bs-popover-header-padding-y: 0.5rem;
    --bs-popover-header-font-size: 1rem;
    --bs-popover-header-color: inherit;
    --bs-popover-header-bg: var(--text-secondary-bg);
    --bs-popover-body-padding-x: 1rem;
    --bs-popover-body-padding-y: 1rem;
    --bs-popover-body-color: var(--bs-body-color);
    --bs-popover-arrow-width: 1rem;
    --bs-popover-arrow-height: 0.5rem;
    --bs-popover-arrow-border: var(--bs-popover-border-color);
    display: block;
    font-family: var(--bs-font-sans-serif);
    font-size: var(--bs-popover-font-size);
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.5;
    max-width: var(--bs-popover-max-width);
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    z-index: var(--bs-popover-zindex);
    word-wrap: break-word;
    background-clip: padding-box;
    background-color: var(--bs-popover-bg);
    border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
    border-radius: var(--bs-popover-border-radius)
}

.popover .popover-arrow {
    display: block;
    height: var(--bs-popover-arrow-height);
    width: var(--bs-popover-arrow-width)
}

.popover .popover-arrow:after,
.popover .popover-arrow:before {
    border: 0 solid transparent;
    content: "";
    display: block;
    position: absolute
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,
.bs-popover-top>.popover-arrow {
    bottom: calc((var(--bs-popover-arrow-height))*-1 - var(--bs-popover-border-width))
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after,
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before,
.bs-popover-top>.popover-arrow:after,
.bs-popover-top>.popover-arrow:before {
    border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width)*.5) 0
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before,
.bs-popover-top>.popover-arrow:before {
    border-top-color: var(--bs-popover-arrow-border);
    bottom: 0
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after,
.bs-popover-top>.popover-arrow:after {
    border-top-color: var(--bs-popover-bg);
    bottom: var(--bs-popover-border-width)
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,
.bs-popover-end>.popover-arrow {
    height: var(--bs-popover-arrow-width);
    left: calc((var(--bs-popover-arrow-height))*-1 - var(--bs-popover-border-width));
    width: var(--bs-popover-arrow-height)
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after,
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before,
.bs-popover-end>.popover-arrow:after,
.bs-popover-end>.popover-arrow:before {
    border-width: calc(var(--bs-popover-arrow-width)*.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width)*.5) 0
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before,
.bs-popover-end>.popover-arrow:before {
    border-right-color: var(--bs-popover-arrow-border);
    left: 0
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after,
.bs-popover-end>.popover-arrow:after {
    border-right-color: var(--bs-popover-bg);
    left: var(--bs-popover-border-width)
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,
.bs-popover-bottom>.popover-arrow {
    top: calc((var(--bs-popover-arrow-height))*-1 - var(--bs-popover-border-width))
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after,
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before,
.bs-popover-bottom>.popover-arrow:after,
.bs-popover-bottom>.popover-arrow:before {
    border-width: 0 calc(var(--bs-popover-arrow-width)*.5) var(--bs-popover-arrow-height)
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before,
.bs-popover-bottom>.popover-arrow:before {
    border-bottom-color: var(--bs-popover-arrow-border);
    top: 0
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after,
.bs-popover-bottom>.popover-arrow:after {
    border-bottom-color: var(--bs-popover-bg);
    top: var(--bs-popover-border-width)
}

.bs-popover-auto[data-popper-placement^=bottom] .popover-header:before,
.bs-popover-bottom .popover-header:before {
    border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);
    content: "";
    display: block;
    left: 50%;
    margin-left: calc(var(--bs-popover-arrow-width)*-.5);
    position: absolute;
    top: 0;
    width: var(--bs-popover-arrow-width)
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,
.bs-popover-start>.popover-arrow {
    height: var(--bs-popover-arrow-width);
    right: calc((var(--bs-popover-arrow-height))*-1 - var(--bs-popover-border-width));
    width: var(--bs-popover-arrow-height)
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after,
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before,
.bs-popover-start>.popover-arrow:after,
.bs-popover-start>.popover-arrow:before {
    border-width: calc(var(--bs-popover-arrow-width)*.5) 0 calc(var(--bs-popover-arrow-width)*.5) var(--bs-popover-arrow-height)
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before,
.bs-popover-start>.popover-arrow:before {
    border-left-color: var(--bs-popover-arrow-border);
    right: 0
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after,
.bs-popover-start>.popover-arrow:after {
    border-left-color: var(--bs-popover-bg);
    right: var(--bs-popover-border-width)
}

.popover-header {
    border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
    border-top-left-radius: var(--bs-popover-inner-border-radius);
    border-top-right-radius: var(--bs-popover-inner-border-radius);
    color: var(--bs-popover-header-color);
    font-size: var(--bs-popover-header-font-size);
    margin-bottom: 0;
    padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x)
}

.popover-header:empty {
    display: none
}

.popover-body {
    color: var(--bs-popover-body-color);
    padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x)
}

.carousel {
    position: relative
}

.carousel.pointer-event {
    touch-action: pan-y
}

.carousel-inner {
    overflow: hidden;
    position: relative;
    width: 100%
}

.carousel-inner:after {
    clear: both;
    content: "";
    display: block
}

.carousel-item {
    backface-visibility: hidden;
    display: none;
    float: left;
    margin-right: -100%;
    position: relative;
    transition: transform .6s ease-in-out;
    width: 100%
}

@media(prefers-reduced-motion:reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: block
}

.active.carousel-item-end,
.carousel-item-next:not(.carousel-item-start) {
    transform: translateX(100%)
}

.active.carousel-item-start,
.carousel-item-prev:not(.carousel-item-end) {
    transform: translateX(-100%)
}

.carousel-fade .carousel-item {
    opacity: 0;
    transform: none;
    transition-property: opacity
}

.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end,
.carousel-fade .carousel-item.active {
    opacity: 1;
    z-index: 1
}

.carousel-fade .active.carousel-item-end,
.carousel-fade .active.carousel-item-start {
    opacity: 0;
    transition: opacity 0s .6s;
    z-index: 0
}

@media(prefers-reduced-motion:reduce) {
    .carousel-fade .active.carousel-item-end,
    .carousel-fade .active.carousel-item-start {
        transition: none
    }
}

.carousel-control-next,
.carousel-control-prev {
    align-items: center;
    background: none;
    border: 0;
    bottom: 0;
    color: #fff;
    display: flex;
    justify-content: center;
    opacity: .5;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 0;
    transition: opacity .15s ease;
    width: 15%;
    z-index: 1
}

@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;
    opacity: .9;
    outline: 0;
    text-decoration: none
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    height: 2rem;
    width: 2rem
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3E%3C/svg%3E")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E")
}

.carousel-indicators {
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    margin-bottom: 1rem;
    margin-left: 15%;
    margin-right: 15%;
    padding: 0;
    position: absolute;
    right: 0;
    z-index: 2
}

.carousel-indicators [data-bs-target] {
    background-clip: padding-box;
    background-color: #fff;
    border: 0;
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    box-sizing: content-box;
    cursor: pointer;
    flex: 0 1 auto;
    height: 3px;
    margin-left: 3px;
    margin-right: 3px;
    opacity: .5;
    padding: 0;
    text-indent: -999px;
    transition: opacity .6s ease;
    width: 30px
}

@media(prefers-reduced-motion:reduce) {
    .carousel-indicators [data-bs-target] {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    bottom: 1.25rem;
    color: #fff;
    left: 15%;
    padding-bottom: 1.25rem;
    padding-top: 1.25rem;
    position: absolute;
    right: 15%;
    text-align: center
}


.spinner-border,
.spinner-grow {
    animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
    border-radius: 50%;
    display: inline-block;
    height: var(--bs-spinner-height);
    vertical-align: var(--bs-spinner-vertical-align);
    width: var(--bs-spinner-width)
}

@keyframes spinner-border {
    to {
        transform: rotate(1turn)
    }
}

.spinner-border {
    --bs-spinner-width: 2rem;
    --bs-spinner-height: 2rem;
    --bs-spinner-vertical-align: -0.125em;
    --bs-spinner-border-width: 0.25em;
    --bs-spinner-animation-speed: 2.75s;
    --bs-spinner-animation-name: spinner-border;
    border-right-color: currentcolor;
    border: var(--bs-spinner-border-width) solid;
    border-right: var(--bs-spinner-border-width) solid transparent
}

.spinner-border-sm {
    --bs-spinner-width: 1rem;
    --bs-spinner-height: 1rem;
    --bs-spinner-border-width: 0.2em
}

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }
    50% {
        opacity: 1;
        transform: none
    }
}

.spinner-grow {
    --bs-spinner-width: 15px;
    --bs-spinner-height: 15px;
    --bs-spinner-vertical-align: -0.125em;
    --bs-spinner-animation-speed: 1.3s;
    --bs-spinner-animation-name: spinner-grow;
    background-color: currentcolor;
    opacity: 0
}

.spinner-grow-sm {
    --bs-spinner-width: 1rem;
    --bs-spinner-height: 1rem
}

@media(prefers-reduced-motion:reduce) {
    .spinner-border,
    .spinner-grow {
        --bs-spinner-animation-speed: 1.5s
    }
}

.offcanvas,
.offcanvas-lg,
.offcanvas-md,
.offcanvas-sm,
.offcanvas-xl,
.offcanvas-xxl {
    --bs-offcanvas-zindex: 1045;
    --bs-offcanvas-width: 400px;
    --bs-offcanvas-height: 30vh;
    --bs-offcanvas-padding-x: 1rem;
    --bs-offcanvas-padding-y: 1rem;
    --bs-offcanvas-color: var(--bs-body-color);
    --bs-offcanvas-bg: var(--body-bg);
    --bs-offcanvas-border-width: var(--border-width);
    --bs-offcanvas-border-color: var(--border-color-translucent);
    --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
    --bs-offcanvas-transition: transform 0.3s ease-in-out;
    --bs-offcanvas-title-line-height: 1.5
}

@media(max-width:575.98px) {
    .offcanvas-sm {
        background-clip: padding-box;
        background-color: var(--bs-offcanvas-bg);
        bottom: 0;
        color: var(--bs-offcanvas-color);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        outline: 0;
        position: fixed;
        transition: var(--bs-offcanvas-transition);
        visibility: hidden;
        z-index: var(--bs-offcanvas-zindex)
    }
}

@media(max-width:575.98px)and (prefers-reduced-motion:reduce) {
    .offcanvas-sm {
        transition: none
    }
}

@media(max-width:575.98px) {
    .offcanvas-sm.offcanvas-start {
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        left: 0;
        top: 0;
        transform: translateX(-100%);
        width: var(--bs-offcanvas-width)
    }
    .offcanvas-sm.offcanvas-end {
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        right: 0;
        top: 0;
        transform: translateX(100%);
        width: var(--bs-offcanvas-width)
    }
    .offcanvas-sm.offcanvas-top {
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        top: 0;
        transform: translateY(-100%)
    }
    .offcanvas-sm.offcanvas-bottom,
    .offcanvas-sm.offcanvas-top {
        height: var(--bs-offcanvas-height);
        left: 0;
        max-height: 100%;
        right: 0
    }
    .offcanvas-sm.offcanvas-bottom {
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }
    .offcanvas-sm.show:not(.hiding),
    .offcanvas-sm.showing {
        transform: none
    }
    .offcanvas-sm.hiding,
    .offcanvas-sm.show,
    .offcanvas-sm.showing {
        visibility: visible
    }
}

@media(min-width:576px) {
    .offcanvas-sm {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }
    .offcanvas-sm .offcanvas-header {
        display: none
    }
    .offcanvas-sm .offcanvas-body {
        background-color: transparent !important;
        display: flex;
        flex-grow: 0;
        overflow-y: visible;
        padding: 0
    }
}

@media(max-width:767.98px) {
    .offcanvas-md {
        background-clip: padding-box;
        background-color: var(--bs-offcanvas-bg);
        bottom: 0;
        color: var(--bs-offcanvas-color);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        outline: 0;
        position: fixed;
        transition: var(--bs-offcanvas-transition);
        visibility: hidden;
        z-index: var(--bs-offcanvas-zindex)
    }
}

@media(max-width:767.98px)and (prefers-reduced-motion:reduce) {
    .offcanvas-md {
        transition: none
    }
}

@media(max-width:767.98px) {
    .offcanvas-md.offcanvas-start {
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        left: 0;
        top: 0;
        transform: translateX(-100%);
        width: var(--bs-offcanvas-width)
    }
    .offcanvas-md.offcanvas-end {
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        right: 0;
        top: 0;
        transform: translateX(100%);
        width: var(--bs-offcanvas-width)
    }
    .offcanvas-md.offcanvas-top {
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        top: 0;
        transform: translateY(-100%)
    }
    .offcanvas-md.offcanvas-bottom,
    .offcanvas-md.offcanvas-top {
        height: var(--bs-offcanvas-height);
        left: 0;
        max-height: 100%;
        right: 0
    }
    .offcanvas-md.offcanvas-bottom {
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }
    .offcanvas-md.show:not(.hiding),
    .offcanvas-md.showing {
        transform: none
    }
    .offcanvas-md.hiding,
    .offcanvas-md.show,
    .offcanvas-md.showing {
        visibility: visible
    }
}

@media(min-width:768px) {
    .offcanvas-md {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }
    .offcanvas-md .offcanvas-header {
        display: none
    }
    .offcanvas-md .offcanvas-body {
        background-color: transparent !important;
        display: flex;
        flex-grow: 0;
        overflow-y: visible;
        padding: 0
    }
}

@media(max-width:991.98px) {
    .offcanvas-lg {
        background-clip: padding-box;
        background-color: var(--bs-offcanvas-bg);
        bottom: 0;
        color: var(--bs-offcanvas-color);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        outline: 0;
        position: fixed;
        transition: var(--bs-offcanvas-transition);
        visibility: hidden;
        z-index: var(--bs-offcanvas-zindex)
    }
}

@media(max-width:991.98px)and (prefers-reduced-motion:reduce) {
    .offcanvas-lg {
        transition: none
    }
}

@media(max-width:991.98px) {
    .offcanvas-lg.offcanvas-start {
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        left: 0;
        top: 0;
        transform: translateX(-100%);
        width: var(--bs-offcanvas-width)
    }
    .offcanvas-lg.offcanvas-end {
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        right: 0;
        top: 0;
        transform: translateX(100%);
        width: var(--bs-offcanvas-width)
    }
    .offcanvas-lg.offcanvas-top {
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        top: 0;
        transform: translateY(-100%)
    }
    .offcanvas-lg.offcanvas-bottom,
    .offcanvas-lg.offcanvas-top {
        height: var(--bs-offcanvas-height);
        left: 0;
        max-height: 100%;
        right: 0
    }
    .offcanvas-lg.offcanvas-bottom {
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }
    .offcanvas-lg.show:not(.hiding),
    .offcanvas-lg.showing {
        transform: none
    }
    .offcanvas-lg.hiding,
    .offcanvas-lg.show,
    .offcanvas-lg.showing {
        visibility: visible
    }
}

@media(min-width:992px) {
    .offcanvas-lg {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }
    .offcanvas-lg .offcanvas-header {
        display: none
    }
    .offcanvas-lg .offcanvas-body {
        background-color: transparent !important;
        display: flex;
        flex-grow: 0;
        overflow-y: visible;
        padding: 0
    }
}

@media(max-width:1199.98px) {
    .offcanvas-xl {
        background-clip: padding-box;
        background-color: var(--bs-offcanvas-bg);
        bottom: 0;
        color: var(--bs-offcanvas-color);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        outline: 0;
        position: fixed;
        transition: var(--bs-offcanvas-transition);
        visibility: hidden;
        z-index: var(--bs-offcanvas-zindex)
    }
}

@media(max-width:1199.98px)and (prefers-reduced-motion:reduce) {
    .offcanvas-xl {
        transition: none
    }
}

@media(max-width:1199.98px) {
    .offcanvas-xl.offcanvas-start {
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        left: 0;
        top: 0;
        transform: translateX(-100%);
        width: var(--bs-offcanvas-width)
    }
    .offcanvas-xl.offcanvas-end {
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        right: 0;
        top: 0;
        transform: translateX(100%);
        width: var(--bs-offcanvas-width)
    }
    .offcanvas-xl.offcanvas-top {
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        top: 0;
        transform: translateY(-100%)
    }
    .offcanvas-xl.offcanvas-bottom,
    .offcanvas-xl.offcanvas-top {
        height: var(--bs-offcanvas-height);
        left: 0;
        max-height: 100%;
        right: 0
    }
    .offcanvas-xl.offcanvas-bottom {
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }
    .offcanvas-xl.show:not(.hiding),
    .offcanvas-xl.showing {
        transform: none
    }
    .offcanvas-xl.hiding,
    .offcanvas-xl.show,
    .offcanvas-xl.showing {
        visibility: visible
    }
}

@media(min-width:1200px) {
    .offcanvas-xl {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }
    .offcanvas-xl .offcanvas-header {
        display: none
    }
    .offcanvas-xl .offcanvas-body {
        background-color: transparent !important;
        display: flex;
        flex-grow: 0;
        overflow-y: visible;
        padding: 0
    }
}

@media(max-width:1399.98px) {
    .offcanvas-xxl {
        background-clip: padding-box;
        background-color: var(--bs-offcanvas-bg);
        bottom: 0;
        color: var(--bs-offcanvas-color);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        outline: 0;
        position: fixed;
        transition: var(--bs-offcanvas-transition);
        visibility: hidden;
        z-index: var(--bs-offcanvas-zindex)
    }
}

@media(max-width:1399.98px)and (prefers-reduced-motion:reduce) {
    .offcanvas-xxl {
        transition: none
    }
}

@media(max-width:1399.98px) {
    .offcanvas-xxl.offcanvas-start {
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        left: 0;
        top: 0;
        transform: translateX(-100%);
        width: var(--bs-offcanvas-width)
    }
    .offcanvas-xxl.offcanvas-end {
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        right: 0;
        top: 0;
        transform: translateX(100%);
        width: var(--bs-offcanvas-width)
    }
    .offcanvas-xxl.offcanvas-top {
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        top: 0;
        transform: translateY(-100%)
    }
    .offcanvas-xxl.offcanvas-bottom,
    .offcanvas-xxl.offcanvas-top {
        height: var(--bs-offcanvas-height);
        left: 0;
        max-height: 100%;
        right: 0
    }
    .offcanvas-xxl.offcanvas-bottom {
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }
    .offcanvas-xxl.show:not(.hiding),
    .offcanvas-xxl.showing {
        transform: none
    }
    .offcanvas-xxl.hiding,
    .offcanvas-xxl.show,
    .offcanvas-xxl.showing {
        visibility: visible
    }
}

@media(min-width:1400px) {
    .offcanvas-xxl {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }
    .offcanvas-xxl .offcanvas-header {
        display: none
    }
    .offcanvas-xxl .offcanvas-body {
        background-color: transparent !important;
        display: flex;
        flex-grow: 0;
        overflow-y: visible;
        padding: 0
    }
}

.offcanvas {
    background-clip: padding-box;
    bottom: 0;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    outline: 0;
    position: fixed;
    transition: var(--bs-offcanvas-transition);
    visibility: hidden;
    z-index: var(--bs-offcanvas-zindex);
    background: var(--body-bg);
    padding: var(--card-padding);
}

@media(prefers-reduced-motion:reduce) {
    .offcanvas {
        transition: none
    }
}

.offcanvas.offcanvas-start {
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    left: 0;
    top: 0;
    transform: translateX(-100%);
    width: var(--bs-offcanvas-width)
}

.offcanvas.offcanvas-end {
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    right: 0;
    top: 0;
    transform: translateX(100%);
    width: var(--bs-offcanvas-width)
}

.offcanvas.offcanvas-top {
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    top: 0;
    transform: translateY(-100%)
}

.offcanvas.offcanvas-bottom,
.offcanvas.offcanvas-top {
    height: var(--bs-offcanvas-height);
    left: 0;
    max-height: 100%;
    right: 0
}

.offcanvas.offcanvas-bottom {
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%)
}

.offcanvas.show:not(.hiding),
.offcanvas.showing {
    transform: none
}

.offcanvas.hiding,
.offcanvas.show,
.offcanvas.showing {
    visibility: visible
}

.offcanvas-backdrop {
    background-color: #000;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 1040
}

.offcanvas-backdrop.fade {
    opacity: 0
}

.offcanvas-backdrop.show {
    opacity: .5
}

.offcanvas-header {
    align-items: center;
    display: flex;
    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)
}

.offcanvas-header .btn-close {
    margin: calc(var(--bs-offcanvas-padding-y)*-.5) calc(var(--bs-offcanvas-padding-x)*-.5) calc(var(--bs-offcanvas-padding-y)*-.5) auto;
    padding: calc(var(--bs-offcanvas-padding-y)*.5) calc(var(--bs-offcanvas-padding-x)*.5)
}

.offcanvas-title {
    line-height: var(--bs-offcanvas-title-line-height);
    margin-bottom: 0
}

.offcanvas-body {
    flex-grow: 1;
    overflow-y: auto;
    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)
}

.placeholder {
    background-color: currentcolor;
    cursor: wait;
    display: inline-block;
    min-height: 1em;
    opacity: .5;
    vertical-align: middle
}

.placeholder.btn:before {
    content: "";
    display: inline-block
}

.placeholder-xs {
    min-height: .6em
}

.placeholder-sm {
    min-height: .8em
}

.placeholder-lg {
    min-height: 1.2em
}

.placeholder-glow .placeholder {
    animation: placeholder-glow 2s ease-in-out infinite
}

@keyframes placeholder-glow {
    50% {
        opacity: .2
    }
}

.placeholder-wave {
    animation: placeholder-wave 2s linear infinite;
    -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, .8) 75%, #000 95%);
    mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, .8) 75%, #000 95%);
    -webkit-mask-size: 200% 100%;
    mask-size: 200% 100%
}

@keyframes placeholder-wave {
    to {
        -webkit-mask-position: -200% 0;
        mask-position: -200% 0
    }
}

.clearfix:after {
    clear: both;
    content: "";
    display: block
}

.text-bg-primary {
    background-color: var(--kf-1);
    color: var(--text-color);
    
    
    
}

.text-bg-secondary {
    background-color: RGBA(var(--text-secondary-rgb), var(--bs-bg-opacity, 1)) !important;
    color: var(--text-color);
}

.text-bg-success {
    background-color: var(--bs-success-rgb) !important;
    color: var(--text-color);
}

.text-bg-info {
    background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important;
    color: #000 !important
}

.text-bg-warning {
    background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
    color: #000 !important
}

.text-bg-danger {
    background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important;
    color: var(--text-color);
}

.text-bg-light {
    background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important;
    color: #000 !important
}

.link-primary {
    color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-primary:focus,
.link-primary:hover {
    color: RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important
}

.link-secondary {
    color: RGBA(var(--text-secondary-rgb), var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--text-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-secondary:focus,
.link-secondary:hover {
    color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important
}

.link-success {
    color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-success:focus,
.link-success:hover {
    color: RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important
}

.link-info {
    color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-info:focus,
.link-info:hover {
    color: RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important
}

.link-warning {
    color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-warning:focus,
.link-warning:hover {
    color: RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important
}

.link-danger {
    color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-danger:focus,
.link-danger:hover {
    color: RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important
}

.link-light {
    color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-light:focus,
.link-light:hover {
    color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important
}



.link-body-emphasis {
    color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-body-emphasis:focus,
.link-body-emphasis:hover {
    color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, .75)) !important;
    text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, .75)) !important
}

.focus-ring:focus {
    box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color);
    outline: 0
}

.icon-link {
    align-items: center;
    backface-visibility: hidden;
    display: inline-flex;
    gap: .375rem;
    text-decoration-color: rgba(var(--link-color-rgb), var(--bs-link-opacity, .5));
    text-underline-offset: .25em
}

.icon-link>.bi {
    flex-shrink: 0;
    height: 1em;
    width: 1em;
    fill: currentcolor;
    transition: transform .2s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
    .icon-link>.bi {
        transition: none
    }
}

.icon-link-hover:focus-visible>.bi,
.icon-link-hover:hover>.bi {
    transform: var(--bs-icon-link-transform, translate3d(.25em, 0, 0))
}

.ratio {
    position: relative;
    width: 100%
}

.ratio:before {
    content: "";
    display: block;
    padding-top: var(--bs-aspect-ratio)
}

.ratio>* {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.ratio-1x1 {
    --bs-aspect-ratio: 100%
}

.ratio-4x3 {
    --bs-aspect-ratio: 75%
}

.ratio-16x9 {
    --bs-aspect-ratio: 56.25%
}

.ratio-21x9 {
    --bs-aspect-ratio: 42.8571428571%
}

.fixed-top {
    top: 0
}

.fixed-bottom,
.fixed-top {
    left: 0;
    position: fixed;
    right: 0;
    z-index: 1030;
    border-bottom: 1px solid var(--border-color);
    z-index: 100000000;
    
}
.fixed-top.active{
    background: var(--body-bg);
}

.fixed-bottom {
    bottom: 0
}

.sticky-top {
    top: 0
}

.sticky-bottom,
.sticky-top {
    position: sticky;
    z-index: 1020
}

.sticky-bottom {
    bottom: 0
}

@media(min-width:576px) {
    .sticky-sm-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
    .sticky-sm-bottom {
        bottom: 0;
        position: sticky;
        z-index: 1020
    }
}

@media(min-width:768px) {
    .sticky-md-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
    .sticky-md-bottom {
        bottom: 0;
        position: sticky;
        z-index: 1020
    }
}

@media(min-width:992px) {
    .sticky-lg-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
    .sticky-lg-bottom {
        bottom: 0;
        position: sticky;
        z-index: 1020
    }
}

@media(min-width:1200px) {
    .sticky-xl-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
    .sticky-xl-bottom {
        bottom: 0;
        position: sticky;
        z-index: 1020
    }
}

@media(min-width:1400px) {
    .sticky-xxl-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
    .sticky-xxl-bottom {
        bottom: 0;
        position: sticky;
        z-index: 1020
    }
}

.hstack {
    align-items: center;
    flex-direction: row
}

.hstack,
.vstack {
    align-self: stretch;
    display: flex
}

.vstack {
    flex: 1 1 auto;
    flex-direction: column
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    width: 1px !important;
    clip: rect(0, 0, 0, 0) !important;
    border: 0 !important;
    white-space: nowrap !important
}

.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),
.visually-hidden:not(caption) {
    position: absolute !important
}

.stretched-link:after {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vr {
    align-self: stretch;
    background-color: currentcolor;
    display: inline-block;
    min-height: 1em;
    opacity: .25;
    width: var(--border-width)
}

.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
}

.float-start {
    float: left !important
}

.float-end {
    float: right !important
}

.float-none {
    float: none !important
}

.object-fit-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important
}

.object-fit-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important
}

.object-fit-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important
}

.object-fit-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important
}

.object-fit-none {
    -o-object-fit: none !important;
    object-fit: none !important
}

.opacity-0 {
    opacity: 0 !important
}

.opacity-25 {
    opacity: .25 !important
}

.opacity-50 {
    opacity: .5 !important
}
.opacity-60 {
    opacity: .6 !important
}
.opacity-70 {
    opacity: .7 !important
}
.opacity-75 {
    opacity: .75 !important
}
.opacity-80 {
    opacity: .8 !important
}
.opacity-90 {
    opacity: .9 !important
}
.opacity-100 {
    opacity: 1 !important
}
.saturate-60 {
    filter: saturate(.4);
}
.saturate-70 {
    filter: saturate(.5);
}
.saturate-80 {
    filter: saturate(.6);
}
.saturate-90 {
    filter: saturate(.8);
}
.saturate-100 {
    filter: saturate(1);
}
.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.overflow-visible {
    overflow: visible !important
}

.overflow-scroll {
    overflow: scroll !important
}

.overflow-x-auto {
    overflow-x: auto !important
}

.overflow-x-hidden {
    overflow-x: hidden !important
}

.overflow-x-visible {
    overflow-x: visible !important
}

.overflow-x-scroll {
    overflow-x: scroll !important
}

.overflow-y-auto {
    overflow-y: auto !important
}

.overflow-y-hidden {
    overflow-y: hidden !important
}

.overflow-y-visible {
    overflow-y: visible !important
}

.overflow-y-scroll {
    overflow-y: scroll !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-grid {
    display: grid !important
}

.d-inline-grid {
    display: inline-grid !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {display: flex}

.d-inline-flex {
    display: inline-flex !important
}

.d-none {
    display: none !important
}

.shadow {
    box-shadow: var(--bs-box-shadow) !important
}

.shadow-sm {
    box-shadow: var(--bs-box-shadow-sm) !important
}

.shadow-lg {
    box-shadow: var(--bs-box-shadow-lg) !important
}

.shadow-none {
    box-shadow: none !important
}

.focus-ring-primary {
    --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-secondary {
    --bs-focus-ring-color: rgba(var(--text-secondary-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-success {
    --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-info {
    --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-warning {
    --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-danger {
    --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-light {
    --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity))
}


.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: sticky !important
}

.top-0 {
    top: 0 !important
}

.top-50 {
    top: 50% !important
}

.top-100 {
    top: 100% !important
}

.bottom-0 {
    bottom: 0 !important
}

.bottom-50 {
    bottom: 50% !important
}

.bottom-100 {
    bottom: 100% !important
}

.start-0 {
    left: 0 !important
}

.start-50 {
    left: 50% !important
}

.start-100 {
    left: 100% !important
}

.end-0 {
    right: 0 !important
}

.end-50 {
    right: 50% !important
}

.end-100 {
    right: 100% !important
}

.translate-middle {
    transform: translate(-50%, -50%) !important
}

.translate-middle-x {
    transform: translateX(-50%) !important
}

.translate-middle-y {
    transform: translateY(-50%) !important
}

.border {
    border: var(--border-width) var(--border-style) var(--border-color) !important
}

.border-0 {
    border: 0 !important
}

.border-top {
    border-top: var(--border-width) var(--border-style) var(--border-color) !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-end {
    border-right: var(--border-width) var(--border-style) var(--border-color) !important
}

.border-end-0 {
    border-right: 0 !important
}

.border-bottom {
    border-bottom: var(--border-width) var(--border-style) var(--border-color) !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-start {
    border-left: var(--border-width) var(--border-style) var(--border-color) !important
}

.border-start-0 {
    border-left: 0 !important
}



.border-1 {
    border-width: 1px !important
}

.border-2 {
    border-width: 2px !important
}

.border-3 {
    border-width: 3px !important
}

.border-4 {
    border-width: 4px !important
}

.border-5 {
    border-width: 5px !important
}

.border-opacity-10 {
    --bs-border-opacity: 0.1
}

.border-opacity-25 {
    --bs-border-opacity: 0.25
}

.border-opacity-50 {
    --bs-border-opacity: 0.5
}

.border-opacity-75 {
    --bs-border-opacity: 0.75
}

.border-opacity-100 {
    --bs-border-opacity: 1
}

.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
}

.mw-100 {
    max-width: 100% !important
}

.vw-100 {
    width: 100vw !important
}

.min-vw-100 {
    min-width: 100vw !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
}

.mh-100 {
    max-height: 100% !important
}
.mh250{
    min-height: 250px;
}
.mah300{
    max-height: 300px !important
}
.mh70{
    min-height: 70px;
}
.mih100{
    min-height: 100%;
}
.mh150{
    min-height: 150px;
}
.vh-100 {
    height: 100vh !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.justify-content-evenly {
    justify-content: space-evenly !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

.order-first {
    order: -1 !important
}

.order-0 {
    order: 0 !important
}

.order-1 {
    order: 1 !important
}

.order-2 {
    order: 2 !important
}

.order-3 {
    order: 3 !important
}

.order-4 {
    order: 4 !important
}

.order-5 {
    order: 5 !important
}

.order-last {
    order: 6 !important
}

.m-0 {
    margin: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.m-auto {
    margin: auto !important
}

.mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.mx-1 {
    margin-left: .25rem !important;
    margin-right: .25rem !important
}

.mx-2 {
    margin-left: .5rem !important;
    margin-right: .5rem !important
}

.mx-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important
}

.mx-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important
}

.mx-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important
}

.mx-auto {
    margin-left: auto !important;
    margin-right: auto !important
}

.my-0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important
}

.my-1 {
    margin-bottom: .25rem !important;
    margin-top: .25rem !important
}

.my-2 {
    margin-bottom: .5rem !important;
    margin-top: .5rem !important
}

.my-3 {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important
}

.my-4 {
    margin-bottom: 1.5rem !important;
    margin-top: 1.5rem !important
}

.my-5 {
    margin-bottom: 3rem !important;
    margin-top: 3rem !important
}

.my-auto {
    margin-bottom: auto !important;
    margin-top: auto !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-1 {
    margin-top: .25rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mt-3 {
    margin-top: 1rem !important
}

.mt-4 {
    margin-top: 1.5rem !important
}

.mt-5 {
    margin-top: 3rem !important
}
.mt-15 {
    margin-top: 9rem !important
}
.mt-auto {
    margin-top: auto !important
}

.me-0 {
    margin-right: 0 !important
}

.me-1 {
    margin-right: .25rem !important
}

.me-2 {
    margin-right: .5rem !important
}

.me-3 {
    margin-right: 1rem !important
}

.me-4 {
    margin-right: 1.5rem !important
}

.me-5 {
    margin-right: 3rem !important
}

.me-auto {
    margin-right: auto !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.mb-3 {
    margin-bottom: 1rem !important
}

.mb-4 {
    margin-bottom: 1.5rem !important
}

.mb-5 {
    margin-bottom: 3rem !important
}

.mb-auto {
    margin-bottom: auto !important
}

.ms-0 {
    margin-left: 0 !important
}

.ms-1 {
    margin-left: .25rem !important
}

.ms-2 {
    margin-left: .5rem !important
}

.ms-3 {
    margin-left: 1rem !important
}

.ms-4 {
    margin-left: 1.5rem !important
}

.ms-5 {
    margin-left: 3rem !important
}

.ms-auto {
    margin-left: auto !important
}

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.p-5 {
    padding: 3rem;
}

.px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.px-1 {
    padding-left: .25rem !important;
    padding-right: .25rem !important
}

.px-2 {
    padding-left: .5rem !important;
    padding-right: .5rem !important
}

.px-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important
}

.px-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important
}

.px-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important
}

.py-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important
}

.py-1 {
    padding-bottom: .25rem !important;
    padding-top: .25rem !important
}

.py-2 {
    padding-bottom: .5rem !important;
    padding-top: .5rem !important
}
.py-25 {
    padding-bottom: .7rem !important;
    padding-top: .7rem !important
}

.py-3 {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important
}

.py-4 {
    padding-bottom: 1.5rem !important;
    padding-top: 1.5rem !important
}

.py-5 {
    padding-bottom: 3rem !important;
    padding-top: 3rem !important
}
.py-10 {
    padding-bottom: 6rem !important;
    padding-top: 6rem !important
}
.py-15 {
    padding-bottom: 9rem !important;
    padding-top: 9rem !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-1 {
    padding-top: .25rem !important
}

.pt-2 {
    padding-top: .5rem !important
}

.pt-3 {
    padding-top: 1rem !important
}

.pt-4 {
    padding-top: 1.5rem !important
}

.pt-5 {
    padding-top: 3rem !important
}

.pe-0 {
    padding-right: 0 !important
}

.pe-1 {
    padding-right: .25rem !important
}

.pe-2 {
    padding-right: .5rem !important
}

.pe-3 {
    padding-right: 1rem !important
}

.pe-4 {
    padding-right: 1.5rem !important
}

.pe-5 {
    padding-right: 3rem !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-1 {
    padding-bottom: .25rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.pb-3 {
    padding-bottom: 1rem !important
}

.pb-4 {
    padding-bottom: 1.5rem !important
}

.pb-5 {
    padding-bottom: 3rem !important
}

.ps-0 {
    padding-left: 0 !important
}

.ps-1 {
    padding-left: .25rem !important
}

.ps-2 {
    padding-left: .5rem !important
}

.ps-3 {
    padding-left: 1rem !important
}

.ps-4 {
    padding-left: 1.5rem !important
}

.ps-5 {
    padding-left: 3rem !important
}

.gap-0 {
    gap: 0 !important
}

.gap-1 {
    gap: .25rem !important
}

.gap-2 {
    gap: .5rem !important
}

.gap-3 {
    gap: 1rem !important
}

.gap-4 {
    gap: 1.5rem !important
}

.gap-5 {
    gap: 3rem !important
}

.row-gap-0 {
    row-gap: 0 !important
}

.row-gap-1 {
    row-gap: .25rem !important
}

.row-gap-2 {
    row-gap: .5rem !important
}

.row-gap-3 {
    row-gap: 1rem !important
}

.row-gap-4 {
    row-gap: 1.5rem !important
}

.row-gap-5 {
    row-gap: 3rem !important
}

.column-gap-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important
}

.column-gap-1 {
    -moz-column-gap: .25rem !important;
    column-gap: .25rem !important
}

.column-gap-2 {
    -moz-column-gap: .5rem !important;
    column-gap: .5rem !important
}

.column-gap-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important
}

.column-gap-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important
}

.column-gap-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important
}

.font-monospace {
    font-family: var(--bs-font-monospace) !important
}
.fs-00{
    font-size:170px;
}
.fs-0 {
    font-size: calc(1.7rem + 1.5vw) !important
}
.fs-1 {
    font-size: calc(1.375rem + 1.5vw) !important
}

.fs-2 {
    font-size: calc(1.325rem + .9vw) !important
}

.fs-3 {
    font-size: calc(1.3rem + .6vw) !important
}

.fs-4 {
    font-size: calc(1.275rem + .3vw) !important
}

.fs-5 {
    font-size: 1.25rem !important
}

.fs-6 {
    font-size: 16px;
    line-height: 18px;
}
.fs-7 {
    font-size: 12px;
    line-height: 14px;
}

.fst-italic {
    font-style: italic !important
}

.fst-normal {
    font-style: normal !important
}

.fw-lighter {
    font-weight: lighter !important
}

.fw-light {
    font-weight: 300 !important
}

.fw-normal {
    font-weight: 400 !important
}

.fw-medium {
    font-weight: 500 !important
}

.fw-semibold {
    font-weight: 600 !important
}

.fw-bold {
    font-weight: 700 !important
}

.fw-bolder {
    font-weight: bolder !important
}

.lh-1 {
    line-height: 1 !important
}

.lh-sm {
    line-height: 1.25 !important
}

.lh-base {
    line-height: 1.5 !important
}

.lh-lg {
    line-height: 2 !important
}

.text-start {
    text-align: left !important
}
.text-justify {
    text-align: justify;
  }
.text-end {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

.text-decoration-none {
    text-decoration: none !important
}

.text-decoration-underline {
    text-decoration: underline !important
}

.text-decoration-line-through {
    text-decoration: line-through !important
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-break {
    word-wrap: break-word !important;
    word-break: break-word !important
}

.text-primary {
    --bs-text-opacity: 1;
    color: var(--kf-1);
}

.text-secondary {
    color:var(--text-secondary);
}

.text-success {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important
}

.text-info {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important
}

.text-warning {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important
}

.text-danger {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important
}

.text-light {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important
}

.text-white {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important
}

.text-body {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important
}

.text-muted {
    --bs-text-opacity: 1;
    color: var(--text-secondary-color) !important
}

.text-black-50 {
    --bs-text-opacity: 1;
    color: rgba(0, 0, 0, .5) !important
}

.text-white-50 {
    --bs-text-opacity: 1;
    color: hsla(0, 0%, 100%, .5) !important
}

.text-body-secondary {
    --bs-text-opacity: 1;
    color: var(--text-secondary-color) !important
}

.text-body-tertiary {
    --bs-text-opacity: 1;
    color: var(--bs-tertiary-color) !important
}

.text-body-emphasis {
    --bs-text-opacity: 1;
    color: var(--bs-emphasis-color) !important
}

.text-reset {
    --bs-text-opacity: 1;
    color: inherit !important
}

.text-opacity-25 {
    --bs-text-opacity: 0.25
}

.text-opacity-50 {
    --bs-text-opacity: 0.5
}

.text-opacity-75 {
    --bs-text-opacity: 0.75
}

.text-opacity-100 {
    --bs-text-opacity: 1
}

.text-primary-emphasis {
    color: var(--kf-1) !important
}

.text-secondary-emphasis {
    color: var(--text-secondary-text-emphasis) !important
}

.text-success-emphasis {
    color: var(--bs-success-text-emphasis) !important
}

.text-info-emphasis {
    color: var(--bs-info-text-emphasis) !important
}

.text-warning-emphasis {
    color: var(--bs-warning-text-emphasis) !important
}

.text-danger-emphasis {
    color: var(--bs-danger-text-emphasis) !important
}

.text-light-emphasis {
    color: var(--bs-light-text-emphasis) !important
}


.link-opacity-10,
.link-opacity-10-hover:hover {
    --bs-link-opacity: 0.1
}

.link-opacity-25,
.link-opacity-25-hover:hover {
    --bs-link-opacity: 0.25
}

.link-opacity-50,
.link-opacity-50-hover:hover {
    --bs-link-opacity: 0.5
}

.link-opacity-75,
.link-opacity-75-hover:hover {
    --bs-link-opacity: 0.75
}

.link-opacity-100,
.link-opacity-100-hover:hover {
    --bs-link-opacity: 1
}

.link-offset-1,
.link-offset-1-hover:hover {
    text-underline-offset: .125em !important
}

.link-offset-2,
.link-offset-2-hover:hover {
    text-underline-offset: .25em !important
}

.link-offset-3,
.link-offset-3-hover:hover {
    text-underline-offset: .375em !important
}

.link-underline-primary {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline-secondary {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--text-secondary-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline-success {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline-info {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline-warning {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline-danger {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline-light {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important
}


.link-underline {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--link-color-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-underline-opacity-0,
.link-underline-opacity-0-hover:hover {
    --bs-link-underline-opacity: 0
}

.link-underline-opacity-10,
.link-underline-opacity-10-hover:hover {
    --bs-link-underline-opacity: 0.1
}

.link-underline-opacity-25,
.link-underline-opacity-25-hover:hover {
    --bs-link-underline-opacity: 0.25
}

.link-underline-opacity-50,
.link-underline-opacity-50-hover:hover {
    --bs-link-underline-opacity: 0.5
}

.link-underline-opacity-75,
.link-underline-opacity-75-hover:hover {
    --bs-link-underline-opacity: 0.75
}

.link-underline-opacity-100,
.link-underline-opacity-100-hover:hover {
    --bs-link-underline-opacity: 1
}

.bg-primary {
    --bs-bg-opacity: 1;
    background-color: var(--kf-1);
}

.bg-secondary {
    background: var(--card-bg);
}

.bg-success,
.bg-new{
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important
}

.bg-info {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important
}

.bg-warning {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important
}

.bg-danger {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important
}
.bg-dark {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important
}

.bg-black {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important
}

.bg-white {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important
}

.body-bg {
    background: var(--body-bg);
}

.bg-transparent {
    --bs-bg-opacity: 1;
    background-color: transparent !important
}

.bg-body-secondary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--text-secondary-bg-rgb), var(--bs-bg-opacity)) !important
}

.bg-body-tertiary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important
}

.bg-opacity-10 {
    --bs-bg-opacity: 0.1
}

.bg-opacity-25 {
    --bs-bg-opacity: 0.25
}

.bg-opacity-50 {
    --bs-bg-opacity: 0.5
}

.bg-opacity-75 {
    --bs-bg-opacity: 0.75
}

.bg-opacity-100 {
    --bs-bg-opacity: 1
}

.bg-primary-subtle {
    background-color: var(--bs-primary-bg-subtle) !important
}

.bg-secondary-subtle {
    background-color: var(--text-secondary-bg-subtle) !important
}

.bg-success-subtle {
    background-color: var(--bs-success-bg-subtle) !important
}

.bg-info-subtle {
    background-color: var(--bs-info-bg-subtle) !important
}

.bg-warning-subtle {
    background-color: var(--bs-warning-bg-subtle) !important
}

.bg-danger-subtle {
    background-color: var(--bs-danger-bg-subtle) !important
}

.bg-light-subtle {
    background-color: var(--bs-light-bg-subtle) !important
}

.bg-dark-subtle {
    background-color: var(--bs-dark-bg-subtle) !important
}

.bg-gradient {
    background: radial-gradient(120% 120% at 50% 100%, transparent 40%, var(--kf-2) 70%, #fff 100%);
}

.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;
    user-select: auto !important
}

.user-select-none {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    user-select: none !important
}

.pe-none {
    pointer-events: none !important
}

.pe-auto {
    pointer-events: auto !important
}

.radius{
    border-radius: var(--border-radius) !important
}

.radius-0 {
    border-radius: 0 !important
}

.radius-sm {
    border-radius: var(--border-radius-sm) !important
}

.radius-lg {
    border-radius: var(--border-radius-lg) !important
}

.radius-circle {
    border-radius: 50% !important
}
.rounded-top {
    border-top-left-radius: var(--border-radius) !important;
    border-top-right-radius: var(--border-radius) !important
}

.rounded-top-0 {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important
}

.rounded-top-1 {
    border-top-left-radius: var(--border-radius-sm) !important;
    border-top-right-radius: var(--border-radius-sm) !important
}

.rounded-top-2 {
    border-top-left-radius: var(--border-radius) !important;
    border-top-right-radius: var(--border-radius) !important
}

.rounded-top-3 {
    border-top-left-radius: var(--border-radius-lg) !important;
    border-top-right-radius: var(--border-radius-lg) !important
}

.rounded-top-4 {
    border-top-left-radius: var(--border-radius-xl) !important;
    border-top-right-radius: var(--border-radius-xl) !important
}

.rounded-top-5 {
    border-top-left-radius: var(--border-radius-xxl) !important;
    border-top-right-radius: var(--border-radius-xxl) !important
}

.rounded-top-circle {
    border-top-left-radius: 50% !important;
    border-top-right-radius: 50% !important
}

.rounded-top-pill {
    border-top-left-radius: var(--border-radius-pill) !important;
    border-top-right-radius: var(--border-radius-pill) !important
}

.rounded-end {
    border-bottom-right-radius: var(--border-radius) !important;
    border-top-right-radius: var(--border-radius) !important
}

.rounded-end-0 {
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important
}

.rounded-end-1 {
    border-bottom-right-radius: var(--border-radius-sm) !important;
    border-top-right-radius: var(--border-radius-sm) !important
}

.rounded-end-2 {
    border-bottom-right-radius: var(--border-radius) !important;
    border-top-right-radius: var(--border-radius) !important
}

.rounded-end-3 {
    border-bottom-right-radius: var(--border-radius-lg) !important;
    border-top-right-radius: var(--border-radius-lg) !important
}

.rounded-end-4 {
    border-bottom-right-radius: var(--border-radius-xl) !important;
    border-top-right-radius: var(--border-radius-xl) !important
}

.rounded-end-5 {
    border-bottom-right-radius: var(--border-radius-xxl) !important;
    border-top-right-radius: var(--border-radius-xxl) !important
}

.rounded-end-circle {
    border-bottom-right-radius: 50% !important;
    border-top-right-radius: 50% !important
}

.rounded-end-pill {
    border-bottom-right-radius: var(--border-radius-pill) !important;
    border-top-right-radius: var(--border-radius-pill) !important
}

.rounded-bottom {
    border-bottom-left-radius: var(--border-radius) !important;
    border-bottom-right-radius: var(--border-radius) !important
}

.rounded-bottom-0 {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.rounded-bottom-1 {
    border-bottom-left-radius: var(--border-radius-sm) !important;
    border-bottom-right-radius: var(--border-radius-sm) !important
}

.rounded-bottom-2 {
    border-bottom-left-radius: var(--border-radius) !important;
    border-bottom-right-radius: var(--border-radius) !important
}

.rounded-bottom-3 {
    border-bottom-left-radius: var(--border-radius-lg) !important;
    border-bottom-right-radius: var(--border-radius-lg) !important
}

.rounded-bottom-4 {
    border-bottom-left-radius: var(--border-radius-xl) !important;
    border-bottom-right-radius: var(--border-radius-xl) !important
}

.rounded-bottom-5 {
    border-bottom-left-radius: var(--border-radius-xxl) !important;
    border-bottom-right-radius: var(--border-radius-xxl) !important
}

.rounded-bottom-circle {
    border-bottom-left-radius: 50% !important;
    border-bottom-right-radius: 50% !important
}

.rounded-bottom-pill {
    border-bottom-left-radius: var(--border-radius-pill) !important;
    border-bottom-right-radius: var(--border-radius-pill) !important
}

.rounded-start {
    border-bottom-left-radius: var(--border-radius) !important;
    border-top-left-radius: var(--border-radius) !important
}

.rounded-start-0 {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important
}

.rounded-start-1 {
    border-bottom-left-radius: var(--border-radius-sm) !important;
    border-top-left-radius: var(--border-radius-sm) !important
}

.rounded-start-2 {
    border-bottom-left-radius: var(--border-radius) !important;
    border-top-left-radius: var(--border-radius) !important
}

.rounded-start-3 {
    border-bottom-left-radius: var(--border-radius-lg) !important;
    border-top-left-radius: var(--border-radius-lg) !important
}

.rounded-start-4 {
    border-bottom-left-radius: var(--border-radius-xl) !important;
    border-top-left-radius: var(--border-radius-xl) !important
}

.rounded-start-5 {
    border-bottom-left-radius: var(--border-radius-xxl) !important;
    border-top-left-radius: var(--border-radius-xxl) !important
}

.rounded-start-circle {
    border-bottom-left-radius: 50% !important;
    border-top-left-radius: 50% !important
}

.rounded-start-pill {
    border-bottom-left-radius: var(--border-radius-pill) !important;
    border-top-left-radius: var(--border-radius-pill) !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

.z-n1 {
    z-index: -1 !important
}

.z-0 {
    z-index: 0 !important
}

.z-1 {
    z-index: 1 !important
}

.z-2 {
    z-index: 2 !important
}

.z-3 {
    z-index: 3 !important
}

@media(min-width:576px) {

    

    .float-sm-start {
        float: left !important
    }
    .float-sm-end {
        float: right !important
    }
    .float-sm-none {
        float: none !important
    }
    .object-fit-sm-contain {
        -o-object-fit: contain !important;
        object-fit: contain !important
    }
    .object-fit-sm-cover {
        -o-object-fit: cover !important;
        object-fit: cover !important
    }
    .object-fit-sm-fill {
        -o-object-fit: fill !important;
        object-fit: fill !important
    }
    .object-fit-sm-scale {
        -o-object-fit: scale-down !important;
        object-fit: scale-down !important
    }
    .object-fit-sm-none {
        -o-object-fit: none !important;
        object-fit: none !important
    }
    .d-sm-inline {
        display: inline !important
    }
    .d-sm-inline-block {
        display: inline-block !important
    }
    .d-sm-block {
        display: block !important
    }
    .d-sm-grid {
        display: grid !important
    }
    .d-sm-inline-grid {
        display: inline-grid !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: flex !important
    }
    .d-sm-inline-flex {
        display: inline-flex !important
    }
    .d-sm-none {
        display: none !important
    }
    .flex-sm-fill {
        flex: 1 1 auto !important
    }
    .flex-sm-row {
        flex-direction: row !important
    }
    .flex-sm-column {
        flex-direction: column !important
    }
    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }
    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }
    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }
    .flex-sm-wrap {
        flex-wrap: wrap !important
    }
    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .justify-content-sm-start {
        justify-content: flex-start !important
    }
    .justify-content-sm-end {
        justify-content: flex-end !important
    }
    .justify-content-sm-center {
        justify-content: center !important
    }
    .justify-content-sm-between {
        justify-content: space-between !important
    }
    .justify-content-sm-around {
        justify-content: space-around !important
    }
    .justify-content-sm-evenly {
        justify-content: space-evenly !important
    }
    .align-items-sm-start {
        align-items: flex-start !important
    }
    .align-items-sm-end {
        align-items: flex-end !important
    }
    .align-items-sm-center {
        align-items: center !important
    }
    .align-items-sm-baseline {
        align-items: baseline !important
    }
    .align-items-sm-stretch {
        align-items: stretch !important
    }
    .align-content-sm-start {
        align-content: flex-start !important
    }
    .align-content-sm-end {
        align-content: flex-end !important
    }
    .align-content-sm-center {
        align-content: center !important
    }
    .align-content-sm-between {
        align-content: space-between !important
    }
    .align-content-sm-around {
        align-content: space-around !important
    }
    .align-content-sm-stretch {
        align-content: stretch !important
    }
    .align-self-sm-auto {
        align-self: auto !important
    }
    .align-self-sm-start {
        align-self: flex-start !important
    }
    .align-self-sm-end {
        align-self: flex-end !important
    }
    .align-self-sm-center {
        align-self: center !important
    }
    .align-self-sm-baseline {
        align-self: baseline !important
    }
    .align-self-sm-stretch {
        align-self: stretch !important
    }
    .order-sm-first {
        order: -1 !important
    }
    .order-sm-0 {
        order: 0 !important
    }
    .order-sm-1 {
        order: 1 !important
    }
    .order-sm-2 {
        order: 2 !important
    }
    .order-sm-3 {
        order: 3 !important
    }
    .order-sm-4 {
        order: 4 !important
    }
    .order-sm-5 {
        order: 5 !important
    }
    .order-sm-last {
        order: 6 !important
    }
    .m-sm-0 {
        margin: 0 !important
    }
    .m-sm-1 {
        margin: .25rem !important
    }
    .m-sm-2 {
        margin: .5rem !important
    }
    .m-sm-3 {
        margin: 1rem !important
    }
    .m-sm-4 {
        margin: 1.5rem !important
    }
    .m-sm-5 {
        margin: 3rem !important
    }
    .m-sm-auto {
        margin: auto !important
    }
    .mx-sm-0 {
        margin-left: 0 !important;
        margin-right: 0 !important
    }
    .mx-sm-1 {
        margin-left: .25rem !important;
        margin-right: .25rem !important
    }
    .mx-sm-2 {
        margin-left: .5rem !important;
        margin-right: .5rem !important
    }
    .mx-sm-3 {
        margin-left: 1rem !important;
        margin-right: 1rem !important
    }
    .mx-sm-4 {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important
    }
    .mx-sm-5 {
        margin-left: 3rem !important;
        margin-right: 3rem !important
    }
    .mx-sm-auto {
        margin-left: auto !important;
        margin-right: auto !important
    }
    .my-sm-0 {
        margin-bottom: 0 !important;
        margin-top: 0 !important
    }
    .my-sm-1 {
        margin-bottom: .25rem !important;
        margin-top: .25rem !important
    }
    .my-sm-2 {
        margin-bottom: .5rem !important;
        margin-top: .5rem !important
    }
    .my-sm-3 {
        margin-bottom: 1rem !important;
        margin-top: 1rem !important
    }
    .my-sm-4 {
        margin-bottom: 1.5rem !important;
        margin-top: 1.5rem !important
    }
    .my-sm-5 {
        margin-bottom: 3rem !important;
        margin-top: 3rem !important
    }
    .my-sm-auto {
        margin-bottom: auto !important;
        margin-top: auto !important
    }
    .mt-sm-0 {
        margin-top: 0 !important
    }
    .mt-sm-1 {
        margin-top: .25rem !important
    }
    .mt-sm-2 {
        margin-top: .5rem !important
    }
    .mt-sm-3 {
        margin-top: 1rem !important
    }
    .mt-sm-4 {
        margin-top: 1.5rem !important
    }
    .mt-sm-5 {
        margin-top: 3rem !important
    }
    .mt-sm-auto {
        margin-top: auto !important
    }
    .me-sm-0 {
        margin-right: 0 !important
    }
    .me-sm-1 {
        margin-right: .25rem !important
    }
    .me-sm-2 {
        margin-right: .5rem !important
    }
    .me-sm-3 {
        margin-right: 1rem !important
    }
    .me-sm-4 {
        margin-right: 1.5rem !important
    }
    .me-sm-5 {
        margin-right: 3rem !important
    }
    .me-sm-auto {
        margin-right: auto !important
    }
    .mb-sm-0 {
        margin-bottom: 0 !important
    }
    .mb-sm-1 {
        margin-bottom: .25rem !important
    }
    .mb-sm-2 {
        margin-bottom: .5rem !important
    }
    .mb-sm-3 {
        margin-bottom: 1rem !important
    }
    .mb-sm-4 {
        margin-bottom: 1.5rem !important
    }
    .mb-sm-5 {
        margin-bottom: 3rem !important
    }
    .mb-sm-auto {
        margin-bottom: auto !important
    }
    .ms-sm-0 {
        margin-left: 0 !important
    }
    .ms-sm-1 {
        margin-left: .25rem !important
    }
    .ms-sm-2 {
        margin-left: .5rem !important
    }
    .ms-sm-3 {
        margin-left: 1rem !important
    }
    .ms-sm-4 {
        margin-left: 1.5rem !important
    }
    .ms-sm-5 {
        margin-left: 3rem !important
    }
    .ms-sm-auto {
        margin-left: auto !important
    }
    .p-sm-0 {
        padding: 0 !important
    }
    .p-sm-1 {
        padding: .25rem !important
    }
    .p-sm-2 {
        padding: .5rem !important
    }
    .p-sm-3 {
        padding: 1rem !important
    }
    .p-sm-4 {
        padding: 1.5rem !important
    }
    .p-sm-5 {
        padding: 3rem !important
    }
    .px-sm-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
    .px-sm-1 {
        padding-left: .25rem !important;
        padding-right: .25rem !important
    }
    .px-sm-2 {
        padding-left: .5rem !important;
        padding-right: .5rem !important
    }
    .px-sm-3 {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }
    .px-sm-4 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }
    .px-sm-5 {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }
    .py-sm-0 {
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }
    .py-sm-1 {
        padding-bottom: .25rem !important;
        padding-top: .25rem !important
    }
    .py-sm-2 {
        padding-bottom: .5rem !important;
        padding-top: .5rem !important
    }
    .py-sm-3 {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important
    }
    .py-sm-4 {
        padding-bottom: 1.5rem !important;
        padding-top: 1.5rem !important
    }
    .py-sm-5 {
        padding-bottom: 3rem !important;
        padding-top: 3rem !important
    }
    .pt-sm-0 {
        padding-top: 0 !important
    }
    .pt-sm-1 {
        padding-top: .25rem !important
    }
    .pt-sm-2 {
        padding-top: .5rem !important
    }
    .pt-sm-3 {
        padding-top: 1rem !important
    }
    .pt-sm-4 {
        padding-top: 1.5rem !important
    }
    .pt-sm-5 {
        padding-top: 3rem !important
    }
    .pe-sm-0 {
        padding-right: 0 !important
    }
    .pe-sm-1 {
        padding-right: .25rem !important
    }
    .pe-sm-2 {
        padding-right: .5rem !important
    }
    .pe-sm-3 {
        padding-right: 1rem !important
    }
    .pe-sm-4 {
        padding-right: 1.5rem !important
    }
    .pe-sm-5 {
        padding-right: 3rem !important
    }
    .pb-sm-0 {
        padding-bottom: 0 !important
    }
    .pb-sm-1 {
        padding-bottom: .25rem !important
    }
    .pb-sm-2 {
        padding-bottom: .5rem !important
    }
    .pb-sm-3 {
        padding-bottom: 1rem !important
    }
    .pb-sm-4 {
        padding-bottom: 1.5rem !important
    }
    .pb-sm-5 {
        padding-bottom: 3rem !important
    }
    .ps-sm-0 {
        padding-left: 0 !important
    }
    .ps-sm-1 {
        padding-left: .25rem !important
    }
    .ps-sm-2 {
        padding-left: .5rem !important
    }
    .ps-sm-3 {
        padding-left: 1rem !important
    }
    .ps-sm-4 {
        padding-left: 1.5rem !important
    }
    .ps-sm-5 {
        padding-left: 3rem !important
    }
    .gap-sm-0 {
        gap: 0 !important
    }
    .gap-sm-1 {
        gap: .25rem !important
    }
    .gap-sm-2 {
        gap: .5rem !important
    }
    .gap-sm-3 {
        gap: 1rem !important
    }
    .gap-sm-4 {
        gap: 1.5rem !important
    }
    .gap-sm-5 {
        gap: 3rem !important
    }
    .row-gap-sm-0 {
        row-gap: 0 !important
    }
    .row-gap-sm-1 {
        row-gap: .25rem !important
    }
    .row-gap-sm-2 {
        row-gap: .5rem !important
    }
    .row-gap-sm-3 {
        row-gap: 1rem !important
    }
    .row-gap-sm-4 {
        row-gap: 1.5rem !important
    }
    .row-gap-sm-5 {
        row-gap: 3rem !important
    }
    .column-gap-sm-0 {
        -moz-column-gap: 0 !important;
        column-gap: 0 !important
    }
    .column-gap-sm-1 {
        -moz-column-gap: .25rem !important;
        column-gap: .25rem !important
    }
    .column-gap-sm-2 {
        -moz-column-gap: .5rem !important;
        column-gap: .5rem !important
    }
    .column-gap-sm-3 {
        -moz-column-gap: 1rem !important;
        column-gap: 1rem !important
    }
    .column-gap-sm-4 {
        -moz-column-gap: 1.5rem !important;
        column-gap: 1.5rem !important
    }
    .column-gap-sm-5 {
        -moz-column-gap: 3rem !important;
        column-gap: 3rem !important
    }
    .text-sm-start {
        text-align: left !important
    }
    .text-sm-end {
        text-align: right !important
    }
    .text-sm-center {
        text-align: center !important
    }
}

@media(min-width:768px) {
    .float-md-start {
        float: left !important
    }
    .float-md-end {
        float: right !important
    }
    .float-md-none {
        float: none !important
    }
    .object-fit-md-contain {
        -o-object-fit: contain !important;
        object-fit: contain !important
    }
    .object-fit-md-cover {
        -o-object-fit: cover !important;
        object-fit: cover !important
    }
    .object-fit-md-fill {
        -o-object-fit: fill !important;
        object-fit: fill !important
    }
    .object-fit-md-scale {
        -o-object-fit: scale-down !important;
        object-fit: scale-down !important
    }
    .object-fit-md-none {
        -o-object-fit: none !important;
        object-fit: none !important
    }
    .d-md-inline {
        display: inline !important
    }
    .d-md-inline-block {
        display: inline-block !important
    }
    .d-md-block {
        display: block !important
    }
    .d-md-grid {
        display: grid !important
    }
    .d-md-inline-grid {
        display: inline-grid !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: flex !important
    }
    .d-md-inline-flex {
        display: inline-flex !important
    }
    .d-md-none {
        display: none !important
    }
    .flex-md-fill {
        flex: 1 1 auto !important
    }
    .flex-md-row {
        flex-direction: row !important
    }
    .flex-md-column {
        flex-direction: column !important
    }
    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-md-grow-0 {
        flex-grow: 0 !important
    }
    .flex-md-grow-1 {
        flex-grow: 1 !important
    }
    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }
    .flex-md-wrap {
        flex-wrap: wrap !important
    }
    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .justify-content-md-start {
        justify-content: flex-start !important
    }
    .justify-content-md-end {
        justify-content: flex-end !important
    }
    .justify-content-md-center {
        justify-content: center !important
    }
    .justify-content-md-between {
        justify-content: space-between !important
    }
    .justify-content-md-around {
        justify-content: space-around !important
    }
    .justify-content-md-evenly {
        justify-content: space-evenly !important
    }
    .align-items-md-start {
        align-items: flex-start !important
    }
    .align-items-md-end {
        align-items: flex-end !important
    }
    .align-items-md-center {
        align-items: center !important
    }
    .align-items-md-baseline {
        align-items: baseline !important
    }
    .align-items-md-stretch {
        align-items: stretch !important
    }
    .align-content-md-start {
        align-content: flex-start !important
    }
    .align-content-md-end {
        align-content: flex-end !important
    }
    .align-content-md-center {
        align-content: center !important
    }
    .align-content-md-between {
        align-content: space-between !important
    }
    .align-content-md-around {
        align-content: space-around !important
    }
    .align-content-md-stretch {
        align-content: stretch !important
    }
    .align-self-md-auto {
        align-self: auto !important
    }
    .align-self-md-start {
        align-self: flex-start !important
    }
    .align-self-md-end {
        align-self: flex-end !important
    }
    .align-self-md-center {
        align-self: center !important
    }
    .align-self-md-baseline {
        align-self: baseline !important
    }
    .align-self-md-stretch {
        align-self: stretch !important
    }
    .order-md-first {
        order: -1 !important
    }
    .order-md-0 {
        order: 0 !important
    }
    .order-md-1 {
        order: 1 !important
    }
    .order-md-2 {
        order: 2 !important
    }
    .order-md-3 {
        order: 3 !important
    }
    .order-md-4 {
        order: 4 !important
    }
    .order-md-5 {
        order: 5 !important
    }
    .order-md-last {
        order: 6 !important
    }
    .m-md-0 {
        margin: 0 !important
    }
    .m-md-1 {
        margin: .25rem !important
    }
    .m-md-2 {
        margin: .5rem !important
    }
    .m-md-3 {
        margin: 1rem !important
    }
    .m-md-4 {
        margin: 1.5rem !important
    }
    .m-md-5 {
        margin: 3rem !important
    }
    .m-md-auto {
        margin: auto !important
    }
    .mx-md-0 {
        margin-left: 0 !important;
        margin-right: 0 !important
    }
    .mx-md-1 {
        margin-left: .25rem !important;
        margin-right: .25rem !important
    }
    .mx-md-2 {
        margin-left: .5rem !important;
        margin-right: .5rem !important
    }
    .mx-md-3 {
        margin-left: 1rem !important;
        margin-right: 1rem !important
    }
    .mx-md-4 {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important
    }
    .mx-md-5 {
        margin-left: 3rem !important;
        margin-right: 3rem !important
    }
    .mx-md-auto {
        margin-left: auto !important;
        margin-right: auto !important
    }
    .my-md-0 {
        margin-bottom: 0 !important;
        margin-top: 0 !important
    }
    .my-md-1 {
        margin-bottom: .25rem !important;
        margin-top: .25rem !important
    }
    .my-md-2 {
        margin-bottom: .5rem !important;
        margin-top: .5rem !important
    }
    .my-md-3 {
        margin-bottom: 1rem !important;
        margin-top: 1rem !important
    }
    .my-md-4 {
        margin-bottom: 1.5rem !important;
        margin-top: 1.5rem !important
    }
    .my-md-5 {
        margin-bottom: 3rem !important;
        margin-top: 3rem !important
    }
    .my-md-auto {
        margin-bottom: auto !important;
        margin-top: auto !important
    }
    .mt-md-0 {
        margin-top: 0 !important
    }
    .mt-md-1 {
        margin-top: .25rem !important
    }
    .mt-md-2 {
        margin-top: .5rem !important
    }
    .mt-md-3 {
        margin-top: 1rem !important
    }
    .mt-md-4 {
        margin-top: 1.5rem !important
    }
    .mt-md-5 {
        margin-top: 3rem !important
    }
    .mt-md-auto {
        margin-top: auto !important
    }
    .me-md-0 {
        margin-right: 0 !important
    }
    .me-md-1 {
        margin-right: .25rem !important
    }
    .me-md-2 {
        margin-right: .5rem !important
    }
    .me-md-3 {
        margin-right: 1rem !important
    }
    .me-md-4 {
        margin-right: 1.5rem !important
    }
    .me-md-5 {
        margin-right: 3rem !important
    }
    .me-md-auto {
        margin-right: auto !important
    }
    .mb-md-0 {
        margin-bottom: 0 !important
    }
    .mb-md-1 {
        margin-bottom: .25rem !important
    }
    .mb-md-2 {
        margin-bottom: .5rem !important
    }
    .mb-md-3 {
        margin-bottom: 1rem !important
    }
    .mb-md-4 {
        margin-bottom: 1.5rem !important
    }
    .mb-md-5 {
        margin-bottom: 3rem !important
    }
    .mb-md-auto {
        margin-bottom: auto !important
    }
    .ms-md-0 {
        margin-left: 0 !important
    }
    .ms-md-1 {
        margin-left: .25rem !important
    }
    .ms-md-2 {
        margin-left: .5rem !important
    }
    .ms-md-3 {
        margin-left: 1rem !important
    }
    .ms-md-4 {
        margin-left: 1.5rem !important
    }
    .ms-md-5 {
        margin-left: 3rem !important
    }
    .ms-md-auto {
        margin-left: auto !important
    }
    .p-md-0 {
        padding: 0 !important
    }
    .p-md-1 {
        padding: .25rem !important
    }
    .p-md-2 {
        padding: .5rem !important
    }
    .p-md-3 {
        padding: 1rem !important
    }
    .p-md-4 {
        padding: 1.5rem !important
    }
    .p-md-5 {
        padding: 3rem !important
    }
    .px-md-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
    .px-md-1 {
        padding-left: .25rem !important;
        padding-right: .25rem !important
    }
    .px-md-2 {
        padding-left: .5rem !important;
        padding-right: .5rem !important
    }
    .px-md-3 {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }
    .px-md-4 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }
    .px-md-5 {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }
    .py-md-0 {
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }
    .py-md-1 {
        padding-bottom: .25rem !important;
        padding-top: .25rem !important
    }
    .py-md-2 {
        padding-bottom: .5rem !important;
        padding-top: .5rem !important
    }
    .py-md-3 {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important
    }
    .py-md-4 {
        padding-bottom: 1.5rem !important;
        padding-top: 1.5rem !important
    }
    .py-md-5 {
        padding-bottom: 3rem !important;
        padding-top: 3rem !important
    }
    .pt-md-0 {
        padding-top: 0 !important
    }
    .pt-md-1 {
        padding-top: .25rem !important
    }
    .pt-md-2 {
        padding-top: .5rem !important
    }
    .pt-md-3 {
        padding-top: 1rem !important
    }
    .pt-md-4 {
        padding-top: 1.5rem !important
    }
    .pt-md-5 {
        padding-top: 3rem !important
    }
    .pe-md-0 {
        padding-right: 0 !important
    }
    .pe-md-1 {
        padding-right: .25rem !important
    }
    .pe-md-2 {
        padding-right: .5rem !important
    }
    .pe-md-3 {
        padding-right: 1rem !important
    }
    .pe-md-4 {
        padding-right: 1.5rem !important
    }
    .pe-md-5 {
        padding-right: 3rem !important
    }
    .pb-md-0 {
        padding-bottom: 0 !important
    }
    .pb-md-1 {
        padding-bottom: .25rem !important
    }
    .pb-md-2 {
        padding-bottom: .5rem !important
    }
    .pb-md-3 {
        padding-bottom: 1rem !important
    }
    .pb-md-4 {
        padding-bottom: 1.5rem !important
    }
    .pb-md-5 {
        padding-bottom: 3rem !important
    }
    .ps-md-0 {
        padding-left: 0 !important
    }
    .ps-md-1 {
        padding-left: .25rem !important
    }
    .ps-md-2 {
        padding-left: .5rem !important
    }
    .ps-md-3 {
        padding-left: 1rem !important
    }
    .ps-md-4 {
        padding-left: 1.5rem !important
    }
    .ps-md-5 {
        padding-left: 3rem !important
    }
    .gap-md-0 {
        gap: 0 !important
    }
    .gap-md-1 {
        gap: .25rem !important
    }
    .gap-md-2 {
        gap: .5rem !important
    }
    .gap-md-3 {
        gap: 1rem !important
    }
    .gap-md-4 {
        gap: 1.5rem !important
    }
    .gap-md-5 {
        gap: 3rem !important
    }
    .row-gap-md-0 {
        row-gap: 0 !important
    }
    .row-gap-md-1 {
        row-gap: .25rem !important
    }
    .row-gap-md-2 {
        row-gap: .5rem !important
    }
    .row-gap-md-3 {
        row-gap: 1rem !important
    }
    .row-gap-md-4 {
        row-gap: 1.5rem !important
    }
    .row-gap-md-5 {
        row-gap: 3rem !important
    }
    .column-gap-md-0 {
        -moz-column-gap: 0 !important;
        column-gap: 0 !important
    }
    .column-gap-md-1 {
        -moz-column-gap: .25rem !important;
        column-gap: .25rem !important
    }
    .column-gap-md-2 {
        -moz-column-gap: .5rem !important;
        column-gap: .5rem !important
    }
    .column-gap-md-3 {
        -moz-column-gap: 1rem !important;
        column-gap: 1rem !important
    }
    .column-gap-md-4 {
        -moz-column-gap: 1.5rem !important;
        column-gap: 1.5rem !important
    }
    .column-gap-md-5 {
        -moz-column-gap: 3rem !important;
        column-gap: 3rem !important
    }
    .text-md-start {
        text-align: left !important
    }
    .text-md-end {
        text-align: right !important
    }
    .text-md-center {
        text-align: center !important
    }
}

@media(min-width:992px) {
    .float-lg-start {
        float: left !important
    }
    .float-lg-end {
        float: right !important
    }
    .float-lg-none {
        float: none !important
    }
    .object-fit-lg-contain {
        -o-object-fit: contain !important;
        object-fit: contain !important
    }
    .object-fit-lg-cover {
        -o-object-fit: cover !important;
        object-fit: cover !important
    }
    .object-fit-lg-fill {
        -o-object-fit: fill !important;
        object-fit: fill !important
    }
    .object-fit-lg-scale {
        -o-object-fit: scale-down !important;
        object-fit: scale-down !important
    }
    .object-fit-lg-none {
        -o-object-fit: none !important;
        object-fit: none !important
    }
    .d-lg-inline {
        display: inline !important
    }
    .d-lg-inline-block {
        display: inline-block !important
    }
    .d-lg-block {
        display: block !important
    }
    .d-lg-grid {
        display: grid !important
    }
    .d-lg-inline-grid {
        display: inline-grid !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: flex !important
    }
    .d-lg-inline-flex {
        display: inline-flex !important
    }
    .d-lg-none {
        display: none !important
    }
    .flex-lg-fill {
        flex: 1 1 auto !important
    }
    .flex-lg-row {
        flex-direction: row !important
    }
    .flex-lg-column {
        flex-direction: column !important
    }
    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }
    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }
    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }
    .flex-lg-wrap {
        flex-wrap: wrap !important
    }
    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .justify-content-lg-start {
        justify-content: flex-start !important
    }
    .justify-content-lg-end {
        justify-content: flex-end !important
    }
    .justify-content-lg-center {
        justify-content: center !important
    }
    .justify-content-lg-between {
        justify-content: space-between !important
    }
    .justify-content-lg-around {
        justify-content: space-around !important
    }
    .justify-content-lg-evenly {
        justify-content: space-evenly !important
    }
    .align-items-lg-start {
        align-items: flex-start !important
    }
    .align-items-lg-end {
        align-items: flex-end !important
    }
    .align-items-lg-center {
        align-items: center !important
    }
    .align-items-lg-baseline {
        align-items: baseline !important
    }
    .align-items-lg-stretch {
        align-items: stretch !important
    }
    .align-content-lg-start {
        align-content: flex-start !important
    }
    .align-content-lg-end {
        align-content: flex-end !important
    }
    .align-content-lg-center {
        align-content: center !important
    }
    .align-content-lg-between {
        align-content: space-between !important
    }
    .align-content-lg-around {
        align-content: space-around !important
    }
    .align-content-lg-stretch {
        align-content: stretch !important
    }
    .align-self-lg-auto {
        align-self: auto !important
    }
    .align-self-lg-start {
        align-self: flex-start !important
    }
    .align-self-lg-end {
        align-self: flex-end !important
    }
    .align-self-lg-center {
        align-self: center !important
    }
    .align-self-lg-baseline {
        align-self: baseline !important
    }
    .align-self-lg-stretch {
        align-self: stretch !important
    }
    .order-lg-first {
        order: -1 !important
    }
    .order-lg-0 {
        order: 0 !important
    }
    .order-lg-1 {
        order: 1 !important
    }
    .order-lg-2 {
        order: 2 !important
    }
    .order-lg-3 {
        order: 3 !important
    }
    .order-lg-4 {
        order: 4 !important
    }
    .order-lg-5 {
        order: 5 !important
    }
    .order-lg-last {
        order: 6 !important
    }
    .m-lg-0 {
        margin: 0 !important
    }
    .m-lg-1 {
        margin: .25rem !important
    }
    .m-lg-2 {
        margin: .5rem !important
    }
    .m-lg-3 {
        margin: 1rem !important
    }
    .m-lg-4 {
        margin: 1.5rem !important
    }
    .m-lg-5 {
        margin: 3rem !important
    }
    .m-lg-auto {
        margin: auto !important
    }
    .mx-lg-0 {
        margin-left: 0 !important;
        margin-right: 0 !important
    }
    .mx-lg-1 {
        margin-left: .25rem !important;
        margin-right: .25rem !important
    }
    .mx-lg-2 {
        margin-left: .5rem !important;
        margin-right: .5rem !important
    }
    .mx-lg-3 {
        margin-left: 1rem !important;
        margin-right: 1rem !important
    }
    .mx-lg-4 {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important
    }
    .mx-lg-5 {
        margin-left: 3rem !important;
        margin-right: 3rem !important
    }
    .mx-lg-auto {
        margin-left: auto !important;
        margin-right: auto !important
    }
    .my-lg-0 {
        margin-bottom: 0 !important;
        margin-top: 0 !important
    }
    .my-lg-1 {
        margin-bottom: .25rem !important;
        margin-top: .25rem !important
    }
    .my-lg-2 {
        margin-bottom: .5rem !important;
        margin-top: .5rem !important
    }
    .my-lg-3 {
        margin-bottom: 1rem !important;
        margin-top: 1rem !important
    }
    .my-lg-4 {
        margin-bottom: 1.5rem !important;
        margin-top: 1.5rem !important
    }
    .my-lg-5 {
        margin-bottom: 3rem !important;
        margin-top: 3rem !important
    }
    .my-lg-auto {
        margin-bottom: auto !important;
        margin-top: auto !important
    }
    .mt-lg-0 {
        margin-top: 0 !important
    }
    .mt-lg-1 {
        margin-top: .25rem !important
    }
    .mt-lg-2 {
        margin-top: .5rem !important
    }
    .mt-lg-3 {
        margin-top: 1rem !important
    }
    .mt-lg-4 {
        margin-top: 1.5rem !important
    }
    .mt-lg-5 {
        margin-top: 3rem !important
    }
    .mt-lg-auto {
        margin-top: auto !important
    }
    .me-lg-0 {
        margin-right: 0 !important
    }
    .me-lg-1 {
        margin-right: .25rem !important
    }
    .me-lg-2 {
        margin-right: .5rem !important
    }
    .me-lg-3 {
        margin-right: 1rem !important
    }
    .me-lg-4 {
        margin-right: 1.5rem !important
    }
    .me-lg-5 {
        margin-right: 3rem !important
    }
    .me-lg-auto {
        margin-right: auto !important
    }
    .mb-lg-0 {
        margin-bottom: 0 !important
    }
    .mb-lg-1 {
        margin-bottom: .25rem !important
    }
    .mb-lg-2 {
        margin-bottom: .5rem !important
    }
    .mb-lg-3 {
        margin-bottom: 1rem !important
    }
    .mb-lg-4 {
        margin-bottom: 1.5rem !important
    }
    .mb-lg-5 {
        margin-bottom: 3rem !important
    }
    .mb-lg-auto {
        margin-bottom: auto !important
    }
    .ms-lg-0 {
        margin-left: 0 !important
    }
    .ms-lg-1 {
        margin-left: .25rem !important
    }
    .ms-lg-2 {
        margin-left: .5rem !important
    }
    .ms-lg-3 {
        margin-left: 1rem !important
    }
    .ms-lg-4 {
        margin-left: 1.5rem !important
    }
    .ms-lg-5 {
        margin-left: 3rem !important
    }
    .ms-lg-auto {
        margin-left: auto !important
    }
    .p-lg-0 {
        padding: 0 !important
    }
    .p-lg-1 {
        padding: .25rem !important
    }
    .p-lg-2 {
        padding: .5rem !important
    }
    .p-lg-3 {
        padding: 1rem !important
    }
    .p-lg-4 {
        padding: 1.5rem !important
    }
    .p-lg-5 {
        padding: 3rem !important
    }
    .px-lg-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
    .px-lg-1 {
        padding-left: .25rem !important;
        padding-right: .25rem !important
    }
    .px-lg-2 {
        padding-left: .5rem !important;
        padding-right: .5rem !important
    }
    .px-lg-3 {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }
    .px-lg-4 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }
    .px-lg-5 {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }
    .py-lg-0 {
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }
    .py-lg-1 {
        padding-bottom: .25rem !important;
        padding-top: .25rem !important
    }
    .py-lg-2 {
        padding-bottom: .5rem !important;
        padding-top: .5rem !important
    }
    .py-lg-3 {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important
    }
    .py-lg-4 {
        padding-bottom: 1.5rem !important;
        padding-top: 1.5rem !important
    }
    .py-lg-5 {
        padding-bottom: 3rem !important;
        padding-top: 3rem !important
    }
    .pt-lg-0 {
        padding-top: 0 !important
    }
    .pt-lg-1 {
        padding-top: .25rem !important
    }
    .pt-lg-2 {
        padding-top: .5rem !important
    }
    .pt-lg-3 {
        padding-top: 1rem !important
    }
    .pt-lg-4 {
        padding-top: 1.5rem !important
    }
    .pt-lg-5 {
        padding-top: 3rem !important
    }
    .pe-lg-0 {
        padding-right: 0 !important
    }
    .pe-lg-1 {
        padding-right: .25rem !important
    }
    .pe-lg-2 {
        padding-right: .5rem !important
    }
    .pe-lg-3 {
        padding-right: 1rem !important
    }
    .pe-lg-4 {
        padding-right: 1.5rem !important
    }
    .pe-lg-5 {
        padding-right: 3rem !important
    }
    .pb-lg-0 {
        padding-bottom: 0 !important
    }
    .pb-lg-1 {
        padding-bottom: .25rem !important
    }
    .pb-lg-2 {
        padding-bottom: .5rem !important
    }
    .pb-lg-3 {
        padding-bottom: 1rem !important
    }
    .pb-lg-4 {
        padding-bottom: 1.5rem !important
    }
    .pb-lg-5 {
        padding-bottom: 3rem !important
    }
    .ps-lg-0 {
        padding-left: 0 !important
    }
    .ps-lg-1 {
        padding-left: .25rem !important
    }
    .ps-lg-2 {
        padding-left: .5rem !important
    }
    .ps-lg-3 {
        padding-left: 1rem !important
    }
    .ps-lg-4 {
        padding-left: 1.5rem !important
    }
    .ps-lg-5 {
        padding-left: 3rem !important
    }
    .gap-lg-0 {
        gap: 0 !important
    }
    .gap-lg-1 {
        gap: .25rem !important
    }
    .gap-lg-2 {
        gap: .5rem !important
    }
    .gap-lg-3 {
        gap: 1rem !important
    }
    .gap-lg-4 {
        gap: 1.5rem !important
    }
    .gap-lg-5 {
        gap: 3rem !important
    }
    .row-gap-lg-0 {
        row-gap: 0 !important
    }
    .row-gap-lg-1 {
        row-gap: .25rem !important
    }
    .row-gap-lg-2 {
        row-gap: .5rem !important
    }
    .row-gap-lg-3 {
        row-gap: 1rem !important
    }
    .row-gap-lg-4 {
        row-gap: 1.5rem !important
    }
    .row-gap-lg-5 {
        row-gap: 3rem !important
    }
    .column-gap-lg-0 {
        -moz-column-gap: 0 !important;
        column-gap: 0 !important
    }
    .column-gap-lg-1 {
        -moz-column-gap: .25rem !important;
        column-gap: .25rem !important
    }
    .column-gap-lg-2 {
        -moz-column-gap: .5rem !important;
        column-gap: .5rem !important
    }
    .column-gap-lg-3 {
        -moz-column-gap: 1rem !important;
        column-gap: 1rem !important
    }
    .column-gap-lg-4 {
        -moz-column-gap: 1.5rem !important;
        column-gap: 1.5rem !important
    }
    .column-gap-lg-5 {
        -moz-column-gap: 3rem !important;
        column-gap: 3rem !important
    }
    .text-lg-start {
        text-align: left !important
    }
    .text-lg-end {
        text-align: right !important
    }
    .text-lg-center {
        text-align: center !important
    }
}

@media(min-width:1200px) {
    .float-xl-start {
        float: left !important
    }
    .float-xl-end {
        float: right !important
    }
    .float-xl-none {
        float: none !important
    }
    .object-fit-xl-contain {
        -o-object-fit: contain !important;
        object-fit: contain !important
    }
    .object-fit-xl-cover {
        -o-object-fit: cover !important;
        object-fit: cover !important
    }
    .object-fit-xl-fill {
        -o-object-fit: fill !important;
        object-fit: fill !important
    }
    .object-fit-xl-scale {
        -o-object-fit: scale-down !important;
        object-fit: scale-down !important
    }
    .object-fit-xl-none {
        -o-object-fit: none !important;
        object-fit: none !important
    }
    .d-xl-inline {
        display: inline !important
    }
    .d-xl-inline-block {
        display: inline-block !important
    }
    .d-xl-block {
        display: block !important
    }
    .d-xl-grid {
        display: grid !important
    }
    .d-xl-inline-grid {
        display: inline-grid !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: flex !important
    }
    .d-xl-inline-flex {
        display: inline-flex !important
    }
    .d-xl-none {
        display: none !important
    }
    .flex-xl-fill {
        flex: 1 1 auto !important
    }
    .flex-xl-row {
        flex-direction: row !important
    }
    .flex-xl-column {
        flex-direction: column !important
    }
    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }
    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }
    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }
    .flex-xl-wrap {
        flex-wrap: wrap !important
    }
    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .justify-content-xl-start {
        justify-content: flex-start !important
    }
    .justify-content-xl-end {
        justify-content: flex-end !important
    }
    .justify-content-xl-center {
        justify-content: center !important
    }
    .justify-content-xl-between {
        justify-content: space-between !important
    }
    .justify-content-xl-around {
        justify-content: space-around !important
    }
    .justify-content-xl-evenly {
        justify-content: space-evenly !important
    }
    .align-items-xl-start {
        align-items: flex-start !important
    }
    .align-items-xl-end {
        align-items: flex-end !important
    }
    .align-items-xl-center {
        align-items: center !important
    }
    .align-items-xl-baseline {
        align-items: baseline !important
    }
    .align-items-xl-stretch {
        align-items: stretch !important
    }
    .align-content-xl-start {
        align-content: flex-start !important
    }
    .align-content-xl-end {
        align-content: flex-end !important
    }
    .align-content-xl-center {
        align-content: center !important
    }
    .align-content-xl-between {
        align-content: space-between !important
    }
    .align-content-xl-around {
        align-content: space-around !important
    }
    .align-content-xl-stretch {
        align-content: stretch !important
    }
    .align-self-xl-auto {
        align-self: auto !important
    }
    .align-self-xl-start {
        align-self: flex-start !important
    }
    .align-self-xl-end {
        align-self: flex-end !important
    }
    .align-self-xl-center {
        align-self: center !important
    }
    .align-self-xl-baseline {
        align-self: baseline !important
    }
    .align-self-xl-stretch {
        align-self: stretch !important
    }
    .order-xl-first {
        order: -1 !important
    }
    .order-xl-0 {
        order: 0 !important
    }
    .order-xl-1 {
        order: 1 !important
    }
    .order-xl-2 {
        order: 2 !important
    }
    .order-xl-3 {
        order: 3 !important
    }
    .order-xl-4 {
        order: 4 !important
    }
    .order-xl-5 {
        order: 5 !important
    }
    .order-xl-last {
        order: 6 !important
    }
    .m-xl-0 {
        margin: 0 !important
    }
    .m-xl-1 {
        margin: .25rem !important
    }
    .m-xl-2 {
        margin: .5rem !important
    }
    .m-xl-3 {
        margin: 1rem !important
    }
    .m-xl-4 {
        margin: 1.5rem !important
    }
    .m-xl-5 {
        margin: 3rem !important
    }
    .m-xl-auto {
        margin: auto !important
    }
    .mx-xl-0 {
        margin-left: 0 !important;
        margin-right: 0 !important
    }
    .mx-xl-1 {
        margin-left: .25rem !important;
        margin-right: .25rem !important
    }
    .mx-xl-2 {
        margin-left: .5rem !important;
        margin-right: .5rem !important
    }
    .mx-xl-3 {
        margin-left: 1rem !important;
        margin-right: 1rem !important
    }
    .mx-xl-4 {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important
    }
    .mx-xl-5 {
        margin-left: 3rem !important;
        margin-right: 3rem !important
    }
    .mx-xl-auto {
        margin-left: auto !important;
        margin-right: auto !important
    }
    .my-xl-0 {
        margin-bottom: 0 !important;
        margin-top: 0 !important
    }
    .my-xl-1 {
        margin-bottom: .25rem !important;
        margin-top: .25rem !important
    }
    .my-xl-2 {
        margin-bottom: .5rem !important;
        margin-top: .5rem !important
    }
    .my-xl-3 {
        margin-bottom: 1rem !important;
        margin-top: 1rem !important
    }
    .my-xl-4 {
        margin-bottom: 1.5rem !important;
        margin-top: 1.5rem !important
    }
    .my-xl-5 {
        margin-bottom: 3rem !important;
        margin-top: 3rem !important
    }
    .my-xl-auto {
        margin-bottom: auto !important;
        margin-top: auto !important
    }
    .mt-xl-0 {
        margin-top: 0 !important
    }
    .mt-xl-1 {
        margin-top: .25rem !important
    }
    .mt-xl-2 {
        margin-top: .5rem !important
    }
    .mt-xl-3 {
        margin-top: 1rem !important
    }
    .mt-xl-4 {
        margin-top: 1.5rem !important
    }
    .mt-xl-5 {
        margin-top: 3rem !important
    }
    .mt-xl-auto {
        margin-top: auto !important
    }
    .me-xl-0 {
        margin-right: 0 !important
    }
    .me-xl-1 {
        margin-right: .25rem !important
    }
    .me-xl-2 {
        margin-right: .5rem !important
    }
    .me-xl-3 {
        margin-right: 1rem !important
    }
    .me-xl-4 {
        margin-right: 1.5rem !important
    }
    .me-xl-5 {
        margin-right: 3rem !important
    }
    .me-xl-auto {
        margin-right: auto !important
    }
    .mb-xl-0 {
        margin-bottom: 0 !important
    }
    .mb-xl-1 {
        margin-bottom: .25rem !important
    }
    .mb-xl-2 {
        margin-bottom: .5rem !important
    }
    .mb-xl-3 {
        margin-bottom: 1rem !important
    }
    .mb-xl-4 {
        margin-bottom: 1.5rem !important
    }
    .mb-xl-5 {
        margin-bottom: 3rem !important
    }
    .mb-xl-auto {
        margin-bottom: auto !important
    }
    .ms-xl-0 {
        margin-left: 0 !important
    }
    .ms-xl-1 {
        margin-left: .25rem !important
    }
    .ms-xl-2 {
        margin-left: .5rem !important
    }
    .ms-xl-3 {
        margin-left: 1rem !important
    }
    .ms-xl-4 {
        margin-left: 1.5rem !important
    }
    .ms-xl-5 {
        margin-left: 3rem !important
    }
    .ms-xl-auto {
        margin-left: auto !important
    }
    .p-xl-0 {
        padding: 0 !important
    }
    .p-xl-1 {
        padding: .25rem !important
    }
    .p-xl-2 {
        padding: .5rem !important
    }
    .p-xl-3 {
        padding: 1rem !important
    }
    .p-xl-4 {
        padding: 1.5rem !important
    }
    .p-xl-5 {
        padding: 3rem !important
    }
    .px-xl-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
    .px-xl-1 {
        padding-left: .25rem !important;
        padding-right: .25rem !important
    }
    .px-xl-2 {
        padding-left: .5rem !important;
        padding-right: .5rem !important
    }
    .px-xl-3 {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }
    .px-xl-4 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }
    .px-xl-5 {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }
    .py-xl-0 {
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }
    .py-xl-1 {
        padding-bottom: .25rem !important;
        padding-top: .25rem !important
    }
    .py-xl-2 {
        padding-bottom: .5rem !important;
        padding-top: .5rem !important
    }
    .py-xl-3 {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important
    }
    .py-xl-4 {
        padding-bottom: 1.5rem !important;
        padding-top: 1.5rem !important
    }
    .py-xl-5 {
        padding-bottom: 3rem !important;
        padding-top: 3rem !important
    }
    .pt-xl-0 {
        padding-top: 0 !important
    }
    .pt-xl-1 {
        padding-top: .25rem !important
    }
    .pt-xl-2 {
        padding-top: .5rem !important
    }
    .pt-xl-3 {
        padding-top: 1rem !important
    }
    .pt-xl-4 {
        padding-top: 1.5rem !important
    }
    .pt-xl-5 {
        padding-top: 3rem !important
    }
    .pe-xl-0 {
        padding-right: 0 !important
    }
    .pe-xl-1 {
        padding-right: .25rem !important
    }
    .pe-xl-2 {
        padding-right: .5rem !important
    }
    .pe-xl-3 {
        padding-right: 1rem !important
    }
    .pe-xl-4 {
        padding-right: 1.5rem !important
    }
    .pe-xl-5 {
        padding-right: 3rem !important
    }
    .pb-xl-0 {
        padding-bottom: 0 !important
    }
    .pb-xl-1 {
        padding-bottom: .25rem !important
    }
    .pb-xl-2 {
        padding-bottom: .5rem !important
    }
    .pb-xl-3 {
        padding-bottom: 1rem !important
    }
    .pb-xl-4 {
        padding-bottom: 1.5rem !important
    }
    .pb-xl-5 {
        padding-bottom: 3rem !important
    }
    .ps-xl-0 {
        padding-left: 0 !important
    }
    .ps-xl-1 {
        padding-left: .25rem !important
    }
    .ps-xl-2 {
        padding-left: .5rem !important
    }
    .ps-xl-3 {
        padding-left: 1rem !important
    }
    .ps-xl-4 {
        padding-left: 1.5rem !important
    }
    .ps-xl-5 {
        padding-left: 3rem !important
    }
    .gap-xl-0 {
        gap: 0 !important
    }
    .gap-xl-1 {
        gap: .25rem !important
    }
    .gap-xl-2 {
        gap: .5rem !important
    }
    .gap-xl-3 {
        gap: 1rem !important
    }
    .gap-xl-4 {
        gap: 1.5rem !important
    }
    .gap-xl-5 {
        gap: 3rem !important
    }
    .row-gap-xl-0 {
        row-gap: 0 !important
    }
    .row-gap-xl-1 {
        row-gap: .25rem !important
    }
    .row-gap-xl-2 {
        row-gap: .5rem !important
    }
    .row-gap-xl-3 {
        row-gap: 1rem !important
    }
    .row-gap-xl-4 {
        row-gap: 1.5rem !important
    }
    .row-gap-xl-5 {
        row-gap: 3rem !important
    }
    .column-gap-xl-0 {
        -moz-column-gap: 0 !important;
        column-gap: 0 !important
    }
    .column-gap-xl-1 {
        -moz-column-gap: .25rem !important;
        column-gap: .25rem !important
    }
    .column-gap-xl-2 {
        -moz-column-gap: .5rem !important;
        column-gap: .5rem !important
    }
    .column-gap-xl-3 {
        -moz-column-gap: 1rem !important;
        column-gap: 1rem !important
    }
    .column-gap-xl-4 {
        -moz-column-gap: 1.5rem !important;
        column-gap: 1.5rem !important
    }
    .column-gap-xl-5 {
        -moz-column-gap: 3rem !important;
        column-gap: 3rem !important
    }
    .text-xl-start {
        text-align: left !important
    }
    .text-xl-end {
        text-align: right !important
    }
    .text-xl-center {
        text-align: center !important
    }
}

@media(min-width:1400px) {
    .float-xxl-start {
        float: left !important
    }
    .float-xxl-end {
        float: right !important
    }
    .float-xxl-none {
        float: none !important
    }
    .object-fit-xxl-contain {
        -o-object-fit: contain !important;
        object-fit: contain !important
    }
    .object-fit-xxl-cover {
        -o-object-fit: cover !important;
        object-fit: cover !important
    }
    .object-fit-xxl-fill {
        -o-object-fit: fill !important;
        object-fit: fill !important
    }
    .object-fit-xxl-scale {
        -o-object-fit: scale-down !important;
        object-fit: scale-down !important
    }
    .object-fit-xxl-none {
        -o-object-fit: none !important;
        object-fit: none !important
    }
    .d-xxl-inline {
        display: inline !important
    }
    .d-xxl-inline-block {
        display: inline-block !important
    }
    .d-xxl-block {
        display: block !important
    }
    .d-xxl-grid {
        display: grid !important
    }
    .d-xxl-inline-grid {
        display: inline-grid !important
    }
    .d-xxl-table {
        display: table !important
    }
    .d-xxl-table-row {
        display: table-row !important
    }
    .d-xxl-table-cell {
        display: table-cell !important
    }
    .d-xxl-flex {
        display: flex !important
    }
    .d-xxl-inline-flex {
        display: inline-flex !important
    }
    .d-xxl-none {
        display: none !important
    }
    .flex-xxl-fill {
        flex: 1 1 auto !important
    }
    .flex-xxl-row {
        flex-direction: row !important
    }
    .flex-xxl-column {
        flex-direction: column !important
    }
    .flex-xxl-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-xxl-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-xxl-grow-0 {
        flex-grow: 0 !important
    }
    .flex-xxl-grow-1 {
        flex-grow: 1 !important
    }
    .flex-xxl-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-xxl-shrink-1 {
        flex-shrink: 1 !important
    }
    .flex-xxl-wrap {
        flex-wrap: wrap !important
    }
    .flex-xxl-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .justify-content-xxl-start {
        justify-content: flex-start !important
    }
    .justify-content-xxl-end {
        justify-content: flex-end !important
    }
    .justify-content-xxl-center {
        justify-content: center !important
    }
    .justify-content-xxl-between {
        justify-content: space-between !important
    }
    .justify-content-xxl-around {
        justify-content: space-around !important
    }
    .justify-content-xxl-evenly {
        justify-content: space-evenly !important
    }
    .align-items-xxl-start {
        align-items: flex-start !important
    }
    .align-items-xxl-end {
        align-items: flex-end !important
    }
    .align-items-xxl-center {
        align-items: center !important
    }
    .align-items-xxl-baseline {
        align-items: baseline !important
    }
    .align-items-xxl-stretch {
        align-items: stretch !important
    }
    .align-content-xxl-start {
        align-content: flex-start !important
    }
    .align-content-xxl-end {
        align-content: flex-end !important
    }
    .align-content-xxl-center {
        align-content: center !important
    }
    .align-content-xxl-between {
        align-content: space-between !important
    }
    .align-content-xxl-around {
        align-content: space-around !important
    }
    .align-content-xxl-stretch {
        align-content: stretch !important
    }
    .align-self-xxl-auto {
        align-self: auto !important
    }
    .align-self-xxl-start {
        align-self: flex-start !important
    }
    .align-self-xxl-end {
        align-self: flex-end !important
    }
    .align-self-xxl-center {
        align-self: center !important
    }
    .align-self-xxl-baseline {
        align-self: baseline !important
    }
    .align-self-xxl-stretch {
        align-self: stretch !important
    }
    .order-xxl-first {
        order: -1 !important
    }
    .order-xxl-0 {
        order: 0 !important
    }
    .order-xxl-1 {
        order: 1 !important
    }
    .order-xxl-2 {
        order: 2 !important
    }
    .order-xxl-3 {
        order: 3 !important
    }
    .order-xxl-4 {
        order: 4 !important
    }
    .order-xxl-5 {
        order: 5 !important
    }
    .order-xxl-last {
        order: 6 !important
    }
    .m-xxl-0 {
        margin: 0 !important
    }
    .m-xxl-1 {
        margin: .25rem !important
    }
    .m-xxl-2 {
        margin: .5rem !important
    }
    .m-xxl-3 {
        margin: 1rem !important
    }
    .m-xxl-4 {
        margin: 1.5rem !important
    }
    .m-xxl-5 {
        margin: 3rem !important
    }
    .m-xxl-auto {
        margin: auto !important
    }
    .mx-xxl-0 {
        margin-left: 0 !important;
        margin-right: 0 !important
    }
    .mx-xxl-1 {
        margin-left: .25rem !important;
        margin-right: .25rem !important
    }
    .mx-xxl-2 {
        margin-left: .5rem !important;
        margin-right: .5rem !important
    }
    .mx-xxl-3 {
        margin-left: 1rem !important;
        margin-right: 1rem !important
    }
    .mx-xxl-4 {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important
    }
    .mx-xxl-5 {
        margin-left: 3rem !important;
        margin-right: 3rem !important
    }
    .mx-xxl-auto {
        margin-left: auto !important;
        margin-right: auto !important
    }
    .my-xxl-0 {
        margin-bottom: 0 !important;
        margin-top: 0 !important
    }
    .my-xxl-1 {
        margin-bottom: .25rem !important;
        margin-top: .25rem !important
    }
    .my-xxl-2 {
        margin-bottom: .5rem !important;
        margin-top: .5rem !important
    }
    .my-xxl-3 {
        margin-bottom: 1rem !important;
        margin-top: 1rem !important
    }
    .my-xxl-4 {
        margin-bottom: 1.5rem !important;
        margin-top: 1.5rem !important
    }
    .my-xxl-5 {
        margin-bottom: 3rem !important;
        margin-top: 3rem !important
    }
    .my-xxl-auto {
        margin-bottom: auto !important;
        margin-top: auto !important
    }
    .mt-xxl-0 {
        margin-top: 0 !important
    }
    .mt-xxl-1 {
        margin-top: .25rem !important
    }
    .mt-xxl-2 {
        margin-top: .5rem !important
    }
    .mt-xxl-3 {
        margin-top: 1rem !important
    }
    .mt-xxl-4 {
        margin-top: 1.5rem !important
    }
    .mt-xxl-5 {
        margin-top: 3rem !important
    }
    .mt-xxl-auto {
        margin-top: auto !important
    }
    .me-xxl-0 {
        margin-right: 0 !important
    }
    .me-xxl-1 {
        margin-right: .25rem !important
    }
    .me-xxl-2 {
        margin-right: .5rem !important
    }
    .me-xxl-3 {
        margin-right: 1rem !important
    }
    .me-xxl-4 {
        margin-right: 1.5rem !important
    }
    .me-xxl-5 {
        margin-right: 3rem !important
    }
    .me-xxl-auto {
        margin-right: auto !important
    }
    .mb-xxl-0 {
        margin-bottom: 0 !important
    }
    .mb-xxl-1 {
        margin-bottom: .25rem !important
    }
    .mb-xxl-2 {
        margin-bottom: .5rem !important
    }
    .mb-xxl-3 {
        margin-bottom: 1rem !important
    }
    .mb-xxl-4 {
        margin-bottom: 1.5rem !important
    }
    .mb-xxl-5 {
        margin-bottom: 3rem !important
    }
    .mb-xxl-auto {
        margin-bottom: auto !important
    }
    .ms-xxl-0 {
        margin-left: 0 !important
    }
    .ms-xxl-1 {
        margin-left: .25rem !important
    }
    .ms-xxl-2 {
        margin-left: .5rem !important
    }
    .ms-xxl-3 {
        margin-left: 1rem !important
    }
    .ms-xxl-4 {
        margin-left: 1.5rem !important
    }
    .ms-xxl-5 {
        margin-left: 3rem !important
    }
    .ms-xxl-auto {
        margin-left: auto !important
    }
    .p-xxl-0 {
        padding: 0 !important
    }
    .p-xxl-1 {
        padding: .25rem !important
    }
    .p-xxl-2 {
        padding: .5rem !important
    }
    .p-xxl-3 {
        padding: 1rem !important
    }
    .p-xxl-4 {
        padding: 1.5rem !important
    }
    .p-xxl-5 {
        padding: 3rem !important
    }
    .px-xxl-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
    .px-xxl-1 {
        padding-left: .25rem !important;
        padding-right: .25rem !important
    }
    .px-xxl-2 {
        padding-left: .5rem !important;
        padding-right: .5rem !important
    }
    .px-xxl-3 {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }
    .px-xxl-4 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }
    .px-xxl-5 {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }
    .py-xxl-0 {
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }
    .py-xxl-1 {
        padding-bottom: .25rem !important;
        padding-top: .25rem !important
    }
    .py-xxl-2 {
        padding-bottom: .5rem !important;
        padding-top: .5rem !important
    }
    .py-xxl-3 {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important
    }
    .py-xxl-4 {
        padding-bottom: 1.5rem !important;
        padding-top: 1.5rem !important
    }
    .py-xxl-5 {
        padding-bottom: 3rem !important;
        padding-top: 3rem !important
    }
    .pt-xxl-0 {
        padding-top: 0 !important
    }
    .pt-xxl-1 {
        padding-top: .25rem !important
    }
    .pt-xxl-2 {
        padding-top: .5rem !important
    }
    .pt-xxl-3 {
        padding-top: 1rem !important
    }
    .pt-xxl-4 {
        padding-top: 1.5rem !important
    }
    .pt-xxl-5 {
        padding-top: 3rem !important
    }
    .pe-xxl-0 {
        padding-right: 0 !important
    }
    .pe-xxl-1 {
        padding-right: .25rem !important
    }
    .pe-xxl-2 {
        padding-right: .5rem !important
    }
    .pe-xxl-3 {
        padding-right: 1rem !important
    }
    .pe-xxl-4 {
        padding-right: 1.5rem !important
    }
    .pe-xxl-5 {
        padding-right: 3rem !important
    }
    .pb-xxl-0 {
        padding-bottom: 0 !important
    }
    .pb-xxl-1 {
        padding-bottom: .25rem !important
    }
    .pb-xxl-2 {
        padding-bottom: .5rem !important
    }
    .pb-xxl-3 {
        padding-bottom: 1rem !important
    }
    .pb-xxl-4 {
        padding-bottom: 1.5rem !important
    }
    .pb-xxl-5 {
        padding-bottom: 3rem !important
    }
    .ps-xxl-0 {
        padding-left: 0 !important
    }
    .ps-xxl-1 {
        padding-left: .25rem !important
    }
    .ps-xxl-2 {
        padding-left: .5rem !important
    }
    .ps-xxl-3 {
        padding-left: 1rem !important
    }
    .ps-xxl-4 {
        padding-left: 1.5rem !important
    }
    .ps-xxl-5 {
        padding-left: 3rem !important
    }
    .gap-xxl-0 {
        gap: 0 !important
    }
    .gap-xxl-1 {
        gap: .25rem !important
    }
    .gap-xxl-2 {
        gap: .5rem !important
    }
    .gap-xxl-3 {
        gap: 1rem !important
    }
    .gap-xxl-4 {
        gap: 1.5rem !important
    }
    .gap-xxl-5 {
        gap: 3rem !important
    }
    .row-gap-xxl-0 {
        row-gap: 0 !important
    }
    .row-gap-xxl-1 {
        row-gap: .25rem !important
    }
    .row-gap-xxl-2 {
        row-gap: .5rem !important
    }
    .row-gap-xxl-3 {
        row-gap: 1rem !important
    }
    .row-gap-xxl-4 {
        row-gap: 1.5rem !important
    }
    .row-gap-xxl-5 {
        row-gap: 3rem !important
    }
    .column-gap-xxl-0 {
        -moz-column-gap: 0 !important;
        column-gap: 0 !important
    }
    .column-gap-xxl-1 {
        -moz-column-gap: .25rem !important;
        column-gap: .25rem !important
    }
    .column-gap-xxl-2 {
        -moz-column-gap: .5rem !important;
        column-gap: .5rem !important
    }
    .column-gap-xxl-3 {
        -moz-column-gap: 1rem !important;
        column-gap: 1rem !important
    }
    .column-gap-xxl-4 {
        -moz-column-gap: 1.5rem !important;
        column-gap: 1.5rem !important
    }
    .column-gap-xxl-5 {
        -moz-column-gap: 3rem !important;
        column-gap: 3rem !important
    }
    .text-xxl-start {
        text-align: left !important
    }
    .text-xxl-end {
        text-align: right !important
    }
    .text-xxl-center {
        text-align: center !important
    }
}

@media(min-width:1200px) {
    .fs-1 {
        font-size: 2.5rem !important
    }
    .fs-2 {
        font-size: 2rem !important
    }
    .fs-3 {
        font-size: 1.75rem !important
    }
    .fs-4 {
        font-size: 1.5rem !important
    }
}

@media print {
    .d-print-inline {
        display: inline !important
    }
    .d-print-inline-block {
        display: inline-block !important
    }
    .d-print-block {
        display: block !important
    }
    .d-print-grid {
        display: grid !important
    }
    .d-print-inline-grid {
        display: inline-grid !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: flex !important
    }
    .d-print-inline-flex {
        display: inline-flex !important
    }
    .d-print-none {
        display: none !important
    }
}


: {
    --swiper-theme-color: #007aff
}

:host {
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1
}

.swiper {
    display: block;
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    box-sizing: content-box;
    display: flex;
    height: auto;
    position: relative;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    width: 100%;
    z-index: 1
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    display: block;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    height: var(--swiper-centered-offset-after);
    min-width: 1px;
    width: 100%
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-lazy-preloader {
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top: 4px solid transparent;
    box-sizing: border-box;
    height: 42px;
    left: 50%;
    margin-left: -21px;
    margin-top: -21px;
    position: absolute;
    top: 50%;
    transform-origin: 50%;
    width: 42px;
    z-index: 10
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s linear infinite
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}


.border-right{
        border-right: 1px solid var(--border-color);
}
.border-bottom{
        border-bottom: 1px solid var(--border-color-translucent);
}


.btn.btn-square:not(.btn-sm):not(.btn-lg) {
    --bs-btn-padding-x: 0.525rem;
    --bs-btn-padding-y: 0.285rem;
    --bs-navbar-toggler-padding-x: 0.5rem;
    --bs-navbar-toggler-padding-y: 0.475rem;
    line-height: 26px;
    min-height: 38px;
    min-width: 38px;
    vertical-align: middle
}

.btn-group-sm>.btn.btn-square,
.btn.btn-sm.btn-square {
    --bs-btn-padding-x: 0.0rem;
    --bs-btn-padding-y: 0.0rem;
    --bs-navbar-toggler-padding-x: 0.0rem;
    --bs-navbar-toggler-padding-y: 0.0rem;
    line-height: 28px;
    min-height: 30px;
    min-width: 30px;
    vertical-align: middle
}

.btn-group-sm>.btn.btn-square svg,
.btn.btn-sm.btn-square svg {
    height: 26px;
    margin-top: -2px
}

.btn-group-lg>.btn.btn-square,
.btn.btn-lg.btn-square {
    --bs-btn-padding-x: 0.0rem;
    --bs-btn-padding-y: 0.0rem;
    --bs-navbar-toggler-padding-x: 0.0rem;
    --bs-navbar-toggler-padding-y: 0.0rem;
    line-height: 46px;
    min-height: 48px;
    min-width: 48px;
    vertical-align: middle
}

.btn-group-lg>.btn.btn-square svg,
.btn.btn-lg.btn-square svg {
    height: 26px;
    margin-top: -2px
}

.btn.btn-link {
    --bs-btn-color: var(--link-color);
    --bs-btn-hover-color: var(--kf-1);
    --bs-btn-hover-bg: rgba(var(--kf-1-rgb), 0.1);
    --bs-btn-active-color: var(--kf-1-text);
    --bs-btn-active-bg: var(--kf-1);
    text-decoration: none
}

.btn.btn-link i,
.btn.btn-link svg {
    color: var(--link-color);
    stroke: var(--link-color)
}

.btn.btn-link:focus,
.btn.btn-link:hover {
    color: var(--bs-btn-hover-color)
}

.btn.btn-link:focus i,
.btn.btn-link:focus svg,
.btn.btn-link:hover i,
.btn.btn-link:hover svg {
    color: var(--bs-btn-hover-color);
    stroke: var(--bs-btn-hover-color)
}

.btn.btn-link.active i,
.btn.btn-link.active svg,
.btn.btn-link.show i,
.btn.btn-link.show svg,
.btn.btn-link:active i,
.btn.btn-link:active svg {
    color: var(--bs-btn-active-color);
    stroke: var(--bs-btn-active-color)
}

.btn.btn-link.active:focus,
.btn.btn-link.active:hover,
.btn.btn-link.show:focus,
.btn.btn-link.show:hover,
.btn.btn-link:active:focus,
.btn.btn-link:active:hover {
    color: var(--bs-btn-active-color)
}

.btn.text-white {
    --bs-btn-hover-bg: rgba(var(--bs-white-rgb), 0.15)
}

.btn.text-white i,
.btn.text-white svg {
    color: var(--bs-white);
    stroke: var(--bs-white)
}

.btn-outline-dashed {
    border-style: dashed
}

.btn-outline-accent {
    --bs-btn-color: rgba(var(--kf-accent-1-rgb), 0.75);
    --bs-btn-border-color: rgba(var(--kf-accent-1-rgb), 0.75);
    --bs-btn-hover-bg: rgba(var(--kf-accent-1-rgb), 0.85);
    --bs-btn-hover-border-color: rgba(var(--kf-accent-1-rgb), 0.85);
    --bs-btn-hover-color: #fff;
    --bs-btn-active-bg: rgba(var(--kf-accent-1-rgb), 1);
    --bs-btn-active-border-color: rgba(var(--kf-accent-1-rgb), 1);
    --bs-btn-active-color: #fff;
    --bs-btn-disabled-color: rgba(var(--kf-accent-1-rgb), 0.5);
    --bs-btn-disabled-border-color: rgba(var(--kf-accent-1-rgb), 0.5)
}

.btn-outline-theme {
    --bs-btn-color: rgba(var(--kf-1-rgb), 0.75);
    --bs-btn-border-color: rgba(var(--kf-1-rgb), 0.75);
    --bs-btn-hover-bg: rgba(var(--kf-1-rgb), 0.85);
    --bs-btn-hover-border-color: rgba(var(--kf-1-rgb), 0.85);
    --bs-btn-hover-color: #fff;
    --bs-btn-active-bg: rgba(var(--kf-1-rgb), 1);
    --bs-btn-active-border-color: rgba(var(--kf-1-rgb), 1);
    --bs-btn-active-color: #fff;
    --bs-btn-disabled-color: rgba(var(--kf-1-rgb), 0.5);
    --bs-btn-disabled-border-color: rgba(var(--kf-1-rgb), 0.5)
}

.btn-accent {
    --bs-btn-color: var(--kf-accent-1-text);
    --bs-btn-bg: var(--kf-accent-1);
    --bs-btn-border-color: rgba(var(--kf-accent-1-rgb), 0.75);
    --bs-btn-hover-color: var(--kf-accent-1-text);
    --bs-btn-hover-bg: var(--kf-accent-1-hover);
    --bs-btn-hover-border-color: rgba(var(--kf-accent-1-rgb), 0.85);
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: var(--kf-accent-1-text);
    --bs-btn-active-bg: var(--kf-accent-1-active);
    --bs-btn-active-border-color: rgba(var(--kf-accent-1-rgb), 1);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: var(--kf-accent-1-text);
    --bs-btn-disabled-bg: rgba(var(--kf-accent-1-rgb), 0.5);
    --bs-btn-disabled-border-color: rgba(var(--kf-accent-1-rgb), 0.5)
}

.btn-accent.btn-light-color {
    --bs-btn-border-color: transparent;
    --bs-btn-bg: rgba(var(--kf-accent-1-rgb), 0.5)
}

.btn-theme {
    --bs-btn-color: var(--button-primary-text-color);
    --bs-btn-bg: linear-gradient(90deg,rgba(191, 179, 253, 1) 0%, rgba(185, 172, 254, 1) 50%, rgba(169, 153, 252, 1) 100%);
    --bs-btn-border-color: var(--button-primary-border-color);
    --bs-btn-hover-color: var(--button-primary-text-hover-color);
    --bs-btn-hover-bg: var(--button-primary-background-hover-color);
    --bs-btn-hover-border-color: var(--button-primary-border-hover-color);
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: var(--button-primary-text-hover-color);
    --bs-btn-active-bg: var(--button-primary-background-hover-color);
    --bs-btn-active-border-color: var(--button-primary-border-hover-color);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.btn-theme.btn-light-color {
    --bs-btn-border-color: transparent;
    --bs-btn-bg: rgba(var(--kf-1-rgb), 0.5)
}

.btn-success {
    --bs-btn-bg: var(--bs-success);
    --bs-btn-border-color: var(--bs-success)
}

.btn-danger {
    --bs-btn-bg: var(--bs-danger);
    --bs-btn-border-color: var(--bs-danger)
}

.btn-outline-success {
    --bs-btn-color: var(--bs-success);
    --bs-btn-border-color: var(--bs-success);
    --bs-btn-hover-bg: var(--bs-success);
    --bs-btn-hover-border-color: var(--bs-success)
}

.btn-outline-danger {
    --bs-btn-color: var(--bs-danger);
    --bs-btn-border-color: var(--bs-danger);
    --bs-btn-hover-bg: var(--bs-danger);
    --bs-btn-hover-border-color: var(--bs-danger)
}

.btn-group .btn-link {
    --bs-btn-bg: rgba(var(--kf-1-rgb), 0.08)
}

.navbar-toggler {
    --bs-navbar-toggler-focus-width: 1px
}

.navbar-toggler:not(.btn-outline-) {
    --border-width: 0
}



.breadcrumb {
    --bs-breadcrumb-font-size: 14px
}

.breadcrumb .breadcrumb-item a {
    color: var(--kf-1);
    text-decoration: none
}

.breadcrumb .breadcrumb-item a:focus,
.breadcrumb .breadcrumb-item a:hover {
    color: var(--kf-1-hover)
}

.breadcrumb .breadcrumb-item.active {
    color: var(--text-secondary)
}

[aria-label=breadcrumb] {
    --bs-breadcrumb-divider: ""
}

[aria-label=breadcrumb] .bi:before {
    line-height: 1.5
}


.card.kf-card .card-footer,
.card.kf-card .card-header {
    border-width: 0
}

.card.kf-card.blur {
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    background-color: hsla(0, 0%, 100%, .35)
}

.card.selectable {
    cursor: pointer
}

.card.selectable.active {
    border-color: var(--kf-1);
    box-shadow: inset 0 0 0 1px var(--kf-1)
}

a.card {
    cursor: pointer
}

a.card:focus,
a.card:hover {
    box-shadow: 0 6px 16px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .05)
}

.accordion {
    --border-width: 1px;
    --bs-accordion-active-color: var(--kf-1);
    --bs-accordion-active-bg: rgba(var(--kf-1-rgb), 0.15);
      
}
.accordion-item{
      border-bottom: 1px solid #ffffff1f;
    cursor: pointer;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}
.accordion .accordion-header .accordion-button {
    box-shadow: none;
    outline: none
}

.accordion.kf-accordion {
    --bs-card-cap-bg: transparent;
    --bs-accordion-border-width: 0;
    --bs-accordion-btn-padding-x: 1rem;
    --bs-accordion-btn-padding-y: 0.75rem;
    --bs-accordion-active-color: var(--kf-1);
    --bs-accordion-active-bg: var(--bs-accordion-bg)
}


.accordion.kf-accordion .accordion-item .accordion-header {
    border-radius: var(--border-radius)
}

.accordion.kf-accordion .accordion-item .accordion-header .accordion-button {
    background-color: transparent;
    border-radius: var(--border-radius);
    box-shadow: none;
    outline: 0
}

.accordion.kf-accordion .accordion-item .accordion-collapse {
    border: 0;
    border-radius: var(--border-radius)
}

.accordion.kf-accordion.blur {
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    background-color: hsla(0, 0%, 100%, .35)
}

.alert.alert-normal {
    --bs-alert-color: #fff;
    --bs-alert-border-color: rgba(0, 0, 0, .2);
    --bs-alert-link-color: #fff
}

.alert.alert-normal.alert-theme {
    --bs-alert-bg: var(--kf-1)
}

.alert.alert-normal.alert-theme-accent {
    --bs-alert-bg: var(--kf-accent-1)
}

.alert.alert-normal.alert-primary {
    --bs-alert-bg: var(--bs-primary)
}

.alert.alert-normal.alert-secondary {
    --bs-alert-bg: var(--text-secondary)
}

.alert.alert-normal.alert-success {
    --bs-alert-bg: var(--bs-success)
}

.alert.alert-normal.alert-info {
    --bs-alert-bg: var(--bs-info)
}

.alert.alert-normal.alert-warning {
    --bs-alert-bg: var(--bs-warning)
}

.alert.alert-normal.alert-danger {
    --bs-alert-bg: var(--bs-danger)
}

.alert.alert-normal.alert-light {
    --bs-alert-bg: var(--bs-light);
    --bs-alert-color: #000;
    --bs-alert-link-color: var(--kf-1)
}

[dir=rtl] .accordion-button:after {
    margin-left: 0;
    margin-right: auto
}
.nbtn{
    background: transparent;
    color: inherit;
    text-align: left;
    outline: none;
    border: none;
}
.daterangepicker .next.available{
    background:var(--card-bg);
}


.daterangepicker {
    background-color: var(--body-bg);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    overflow: hidden;
    position: absolute;
    display:none;
}

.daterangepicker .drp-calendar {
    max-width: none
}

.daterangepicker .drp-calendar .calendar-table {
    background-color: transparent;
    border: none
}

.daterangepicker .drp-calendar .calendar-table table {
    border-collapse: separate !important;
    border-spacing: 1px
}

.daterangepicker .drp-calendar .calendar-table table th {
    border: 0;
    border-radius: var(--border-radius);
    font-weight: 500;
    height: 34px
}

.daterangepicker .drp-calendar .calendar-table table th.available:hover {
    background-color: rgba(var(--kf-1-rgb), .1);
    color: var(--kf-1-text)
}

.daterangepicker .drp-calendar .calendar-table table th.available:hover svg {
    stroke: var(--kf-1-text)
}

.daterangepicker .drp-calendar .calendar-table table th.month {
    font-size: 1.15rem
}

.daterangepicker .drp-calendar .calendar-table table td.available {
    background-color: hsla(0, 0%, 100%, .05)
}

.daterangepicker .drp-calendar .calendar-table table td.available:hover {
    background-color: rgba(var(--kf-1-rgb), .15);
    border-color: rgba(var(--kf-1-rgb), .15);
    color: var(--kf-1)
}

.daterangepicker .drp-calendar .calendar-table table td.in-range.today,
.daterangepicker .drp-calendar .calendar-table table td.today {
    background-color: var(--card-bg);
    color: var(--kf-1-text) !important
}

.daterangepicker .drp-calendar .calendar-table table td.in-range.today:hover,
.daterangepicker .drp-calendar .calendar-table table td.today:hover {
    color: var(--kf-1-text) !important
}

.daterangepicker .drp-calendar .calendar-table table td.in-range.today.active,
.daterangepicker .drp-calendar .calendar-table table td.today.active {
    color: var(--kf-1-text)
}

.daterangepicker .drp-calendar .calendar-table table td.active,
.daterangepicker .drp-calendar .calendar-table table td.end-date,
.daterangepicker .drp-calendar .calendar-table table td.start-date {
    background-color: var(--kf-1);
    border: 1px solid var(--kf-1) !important;
    color: var(--kf-1-text)
}

.daterangepicker .drp-calendar .calendar-table table td.active.in-range,
.daterangepicker .drp-calendar .calendar-table table td.end-date.in-range,
.daterangepicker .drp-calendar .calendar-table table td.start-date.in-range {
    background-color: transparent;
    border: 1px solid var(--kf-1) !important
}

.daterangepicker .drp-calendar .calendar-table table td.active:hover,
.daterangepicker .drp-calendar .calendar-table table td.end-date:hover,
.daterangepicker .drp-calendar .calendar-table table td.start-date:hover {
    color: var(--kf-1-text) !important
}

.daterangepicker .drp-calendar .calendar-table table td.active.active,
.daterangepicker .drp-calendar .calendar-table table td.end-date.active,
.daterangepicker .drp-calendar .calendar-table table td.start-date.active {
    background-color: var(--kf-1) !important;
    border: 1px solid var(--kf-1) !important;
    color: var(--kf-1-text)
}

.daterangepicker .drp-calendar .calendar-table table td.in-range {
    background-color: var(--kf-1);
}

.daterangepicker .drp-calendar .calendar-table table td.off {
    background-color: rgba(var(--kf-1-rgb), .08);
    color: var(--text-secondary);
    opacity: .35
}

.daterangepicker .drp-calendar.left {
    border-color: var(--border-color) !important
}

.daterangepicker:after,
.daterangepicker:before {
    display: none
}

.daterangepicker .drp-buttons {
    border-color: var(--border-color) !important;
    padding: .75rem
}

.daterangepicker .drp-buttons .btn {
    font-weight: 500
}

.daterangepicker .ranges ul li {
    font-size: 14px;
    line-height: 20px
}

.daterangepicker .ranges ul li:hover {
    background-color: rgba(var(--kf-1-rgb), .1)
}

.daterangepicker .ranges ul li.active {
    background-color: var(--kf-1)
}

.inline-calendar .daterangepicker {
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none;
    display: block !important;
    left: 0 !important;
    margin: 0 auto !important;
    padding: 0;
    position: relative;
    right: 0 !important;
    top: 0 !important;
    z-index: 0
}

.inline-calendar .daterangepicker .calendar-table th {
    height: 34px
}

.inline-calendar .daterangepicker .calendar-table th.month {
    font-size: 1.25rem
}

.inline-calendar .daterangepicker .calendar-table td {
    height: 34px
}

.inline-calendar .daterangepicker .drp-calendar.left {
    border: 0;
    padding: 0;
    width: 100%
}

.inline-calendar .daterangepicker .drp-buttons {
    display: none
}

.dateselect {
    padding: 0
}

.dateselect .swiper-slide {
    border-radius: var(--border-radius);
    color: var(--text-secondary);
    cursor: pointer;
    margin: 0 5px;
    max-width: 40px;
    padding: 10px 5px 5px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.dateselect .swiper-slide p {
    font-size: 13px;
    margin-bottom: 5px
}

.dateselect .swiper-slide .avatar {
    color: var(--kf-1)
}

.dateselect .swiper-slide:focus,
.dateselect .swiper-slide:hover {
    background-color: rgba(var(--kf-1-rgb), .1);
    cursor: pointer
}

.dateselect .swiper-slide:focus .avatar,
.dateselect .swiper-slide:hover .avatar {
    background-color: rgba(var(--kf-1-rgb), .1)
}

.dateselect .swiper-slide.active {
    background-color: var(--kf-1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
    color: var(--kf-1-text)
}

.dateselect .swiper-slide.active .text-secondary {
    color: var(--kf-1-text) !important
}

.dateselect .swiper-slide.active .avatar {
    background-color: var(--kf-1);
    color: var(--kf-1-text)
}

.table-timestamp-wrap {
    --border-color: #ced7e0;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    mouse-wheel: horizontal;
    width: 100%
}

.table-timestamp-wrap .table-scheduled-fixed-cell {
    --bs-table-bg: transparent
}

.table-timestamp-wrap .table-scheduled-fixed-cell.timepunch-table {
    left: 0;
    margin-bottom: 0;
    position: relative;
    top: 0;
    width: 100%
}

.table-timestamp-wrap .table-scheduled-fixed-cell.timepunch-table thead tr {
    position: relative
}

.table-timestamp-wrap .table-scheduled-fixed-cell.timepunch-table thead tr th {
    display: table-cell;
    max-width: 100%;
    min-width: 240px !important;
    width: auto
}

.table-timestamp-wrap .table-scheduled-fixed-cell.timepunch-table thead tr th:first-child {
    font-size: 12px;
    max-width: 60px;
    min-width: 60px !important;
    text-align: right;
    vertical-align: top;
    width: 60px
}

.table-timestamp-wrap .table-scheduled-fixed-cell.timepunch-table thead tr th:nth-child(2) {
    margin-left: 60px
}

.table-timestamp-wrap .table-scheduled-fixed-cell.timepunch-table thead tr:first-child th {
    height: 90px;
    vertical-align: middle
}

.table-timestamp-wrap .table-scheduled-fixed-cell.timepunch-table tbody tr {
    position: relative
}

.table-timestamp-wrap .table-scheduled-fixed-cell.timepunch-table tbody tr td {
    border-bottom: 0;
    border-right: 1px solid var(--border-color);
    border-top: 1px solid var(--border-color);
    display: table-cell;
    height: 30px;
    max-height: 30px;
    max-width: 100%;
    min-width: 240px !important;
    padding: .225rem .5rem;
    position: relative;
    width: auto
}

.table-timestamp-wrap .table-scheduled-fixed-cell.timepunch-table tbody tr td:hover {
    background: rgba(var(--kf-1-rgb), .1) !important;
    cursor: pointer
}

.table-timestamp-wrap .table-scheduled-fixed-cell.timepunch-table tbody tr td:first-child {
    font-size: 12px;
    max-width: 60px;
    min-width: 60px !important;
    text-align: right;
    vertical-align: top;
    width: 60px
}

.table-timestamp-wrap .table-scheduled-fixed-cell.timepunch-table tbody tr td:nth-child(2) {
    margin-left: 60px
}

.table-timestamp-wrap .table-scheduled-fixed-cell.timepunch-table tbody tr td .time-punch {
    background-color: rgba(var(--bs-light-rgb), 1);
    border-radius: 15px;
    color: var(--kf-1);
    font-weight: 500;
    height: 20px;
    line-height: 20px;
    padding: 0 8px;
    position: absolute;
    right: 5px;
    top: -11px;
    white-space: nowrap;
    width: auto
}

.table-timestamp-wrap .table-scheduled-fixed-cell.timepunch-table tbody tr td .card {
    height: calc(var(--aaptsminuts, 1)*2px - 1px);
    left: .5rem;
    margin-top: calc(var(--starttime)*2px);
    overflow-y: auto;
    position: absolute;
    top: 0;
    width: calc(100% - 1rem);
    z-index: 9
}

.table-timestamp-wrap .table-scheduled-fixed-cell.timepunch-table tbody tr td .card.overlap-2 {
    width: calc(50% - .75rem)
}

.table-timestamp-wrap .table-scheduled-fixed-cell.timepunch-table tbody tr td .card.overlap-2.two {
    left: calc(50% + .25rem)
}

.table-timestamp-wrap .table-scheduled-fixed-cell.timepunch-table tbody tr td .card.overlap-3 {
    width: calc(33.3% - .66rem)
}

.table-timestamp-wrap .table-scheduled-fixed-cell.timepunch-table tbody tr td .card.overlap-3.two {
    left: calc(33.3% + .25rem)
}

.table-timestamp-wrap .table-scheduled-fixed-cell.timepunch-table tbody tr td .card.overlap-3.three {
    left: calc(66.6% + .25rem)
}

.table-timestamp-wrap .table-scheduled-fixed-cell.timepunch-table tbody tr.slot td {
    border-bottom: none;
    border-top: 1px dashed var(--border-color)
}

.table-timestamp-wrap .table-scheduled-fixed-cell.timepunch-table tbody tr.slot td .time-punch {
    background-color: var(--kf-1-text);
    color: var(--text-secondary)
}

.table-timestamp-wrap .table-scheduled-fixed-cell.timepunch-table tbody tr:hover td {
    background-color: transparent
}

.fc {
    overflow: hidden;
    --fc-small-font-size: 0.95rem;
    --fc-today-bg-color: rgba(var(--kf-1-rgb), 0.025)
}

.fc a {
    text-decoration: none
}

.fc .fc-button {
    background-color: rgba(var(--kf-1-rgb), .75);
    border-color: var(--kf-1);
    border-radius: var(--border-radius);
    border-width: 0;
    text-transform: capitalize
}

.fc .fc-button:focus,
.fc .fc-button:hover {
    background-color: rgba(var(--kf-1-rgb), .85);
    box-shadow: none;
    color: var(--kf-1-text);
    outline: none
}

.fc .fc-button.active,
.fc .fc-button.fc-button-active:not(:disabled),
.fc .fc-button:active {
    background-color: rgba(var(--kf-1-rgb), 1) !important;
    box-shadow: none !important;
    color: var(--kf-1-text);
    outline: none
}

.fc .fc-button.fc-today-button {
    background-color: rgba(var(--kf-1-rgb), .75);
    border-color: var(--kf-1)
}

.fc .fc-button.fc-today-button:focus,
.fc .fc-button.fc-today-button:hover {
    background-color: rgba(var(--kf-1-rgb), .85);
    box-shadow: none;
    color: var(--kf-1-text);
    outline: none
}

.fc .fc-button.fc-today-button.active,
.fc .fc-button.fc-today-button.fc-button-active:not(:disabled),
.fc .fc-button.fc-today-button:active {
    background-color: rgba(var(--kf-1-rgb), 1) !important;
    box-shadow: none !important;
    color: var(--kf-1-text);
    outline: none
}

.fc .fc-toolbar.fc-header-toolbar {
    margin-bottom: 0;
    padding: 0
}

.fc .fc-toolbar.fc-header-toolbar .fc-toolbar-title {
    font-family: var(--kf-content-font);
    font-size: 1.25rem;
    font-weight: 500
}

.fc.fc-theme-standard table {
    border: 0;
    border-collapse: collapse
}

.fc.fc-theme-standard table th {
    border: none;
    color: var(--text-secondary);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    padding: 10px 0;
    text-decoration: none
}

.fc.fc-theme-standard table th a.fc-col-header-cell-cushion {
    color: var(--kf-1);
    font-weight: 500;
    text-transform: uppercase
}

.fc.fc-theme-standard table td {
    border: none
}

.fc.fc-theme-standard table td .fc-daygrid-day-number,
.fc.fc-theme-standard table td .fc-timegrid-axis-cushion,
.fc.fc-theme-standard table td .fc-timegrid-slot-label-cushion {
    color: var(--text-secondary);
    font-size: 14px
}

.fc.fc-theme-standard table td .fc-daygrid-day-frame {
    min-height: 120px
}

.fc.fc-theme-standard table table {
    width: 100% !important
}

.fc.fc-theme-standard table table td {
    background-color: transparent;
    border: 1px solid var(--border-color);
    color: inherit;
    font-size: 16px;
    font-weight: 400;
    padding: 0;
    text-decoration: none;
    transition: all .5s ease
}

.fc.fc-theme-standard table table td a {
    color: inherit;
    font-weight: 400
}

.fc.fc-theme-standard table table td .fc-daygrid-more-link {
    font-size: 10px
}

.fc.fc-theme-standard table table td:first-child {
    border-left: none
}

.fc.fc-theme-standard table table td:last-child {
    border-right: none
}

.fc.fc-theme-standard table table td.fc-day-other {
    background-color: rgba(var(--kf-1-rgb), .05);
    color: var(--text-secondary)
}

.fc.fc-theme-standard table table tr:first-child td,
.fc.fc-theme-standard table table tr:last-child td {
    border-bottom: none
}

.fc.fc-theme-standard table .fc-daygrid-body {
    transition: all .5s ease;
    width: 100% !important
}

.fc.fc-theme-standard table .fc-daygrid-event-harness-abs {
    transition: all .5s ease
}

.fc .fc-event,
.fc .fc-h-event {
    align-items: flex-start;
    align-items: start;
    align-self: start;
    border: 0;
    border: var(--border-width) solid transparent;
    border-radius: var(--border-radius);
    box-shadow: none;
    flex-direction: column;
    margin-bottom: 1px;
    overflow: hidden;
    padding: 5px 10px;
    transition: all .5s ease;
    white-space: nowrap
}

.fc .fc-event>*,
.fc .fc-h-event>* {
    z-index: 1
}

.fc .fc-event:before,
.fc .fc-h-event:before {
    background-color: transparent;
    border-radius: var(--border-radius);
    content: "";
    height: 100%;
    left: 0;
    opacity: .15;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.fc .fc-event .fc-daygrid-event-dot,
.fc .fc-h-event .fc-daygrid-event-dot {
    display: none
}

.fc .fc-event .fc-event-time,
.fc .fc-h-event .fc-event-time {
    color: var(--text-secondary)
}

.fc .fc-event .fc-event-title,
.fc .fc-h-event .fc-event-title {
    font-weight: 400;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.fc .fc-event .fc-event-main,
.fc .fc-h-event .fc-event-main {
   color: var(--kf-bg-1);
}

.fc .fc-event.text-white .fc-event-main,
.fc .fc-h-event.text-white .fc-event-main {
    color: #fff
}

.fc .fc-event .badge,
.fc .fc-h-event .badge {
    border-radius: calc(var(--border-radius) - 3px)
}

.fc .fc-timegrid-slot {
    height: 30px
}

.fc .fc-scrollgrid-section-sticky>* {
    background-color: transparent
}

.fc .fc-event,
.fc .fc-h-event {
    --border-radius: 0.725rem
}

@media screen and (max-width:575px) {
    .notification-dd{
        width: 100%;
        min-width: 100%;
        height: 100vh;
        border-radius: 0 !important;
    }
    .fc .fc-toolbar.fc-header-toolbar {
        flex-wrap: wrap
    }
    .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk:first-child {
        order: 2
    }
    .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk:nth-child(2) {
        margin-bottom: 1rem;
        order: 1;
        width: 100%
    }
    .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk:nth-child(3) {
        order: 3
    }
    .fc .fc-toolbar.fc-header-toolbar .fc-button {
        font-size: .95rem
    }
    .fc .fc-toolbar.fc-header-toolbar .fc-button .fc-icon {
        font-size: 1rem
    }
    .fc .fc-toolbar.fc-header-toolbar .fc-button:not(.fc-prev-button):not(.fc-next-button) {
        letter-spacing: 100px;
        max-width: 40px;
        text-align: center;
        text-indent: 5px;
        white-space: nowrap
    }
    .fc.fc-theme-standard table table td .fc-daygrid-more-link {
        border-radius: 5px;
        display: block;
        height: 8px;
        overflow: hidden;
        text-indent: 15px;
        width: 8px
    }
}



.bg-r-gradient {
    background-color: var(--kf-bg-1);
    background-image: radial-gradient(circle at 20% 15%, var(--kf-bg-1) 15%, var(--kf-bg-2) 100%) !important
}


.bg-theme-accent-1 {
    background-color: var(--kf-accent-1) !important
}

.bg-theme-accent-1,
.bg-theme-accent-l-gradient {
    color: var(--kf-accent-1-text) !important
}

.bg-theme-accent-l-gradient {
    background: var(--kf-accent-1);
    background-image: linear-gradient(225deg, var(--kf-accent-2) 0, var(--kf-accent-1) 100%) !important
}

.bg-theme-accent-l-gradient-light {
    background: var(--kf-accent-2);
    background-image: linear-gradient(225deg, rgba(var(--kf-accent-2-rgb), .1) 0, rgba(var(--kf-accent-2-rgb), .3) 100%) !important
}

.bg-theme-accent-r-gradient {
    background: var(--kf-accent-1);
    background-image: radial-gradient(circle at 30% 30%, var(--kf-accent-2) 0, var(--kf-accent-1) 95%) !important;
    color: var(--kf-accent-1-text)
}

.bg-gradient-1 {
    background-image: radial-gradient(circle at 30% 30%, #f6f7ed 0, #cdedf8 50%, #f5c8f1 100%)
}

.bg-gradient-2 {
    background-image: radial-gradient(circle at 30% 30%, #fff6ec 0, #fbe2fc 100%)
}

.bg-gradient-3 {
    background-image: radial-gradient(circle at 30% 30%, #f8f3e3 0, #dbf7f5 100%)
}

.bg-gradient-4 {
    background-image: radial-gradient(circle at 30% 30%, #ecf7fa 0, #f3f2d8 50%, #f5decd 100%)
}

.bg-gradient-5 {
    background-image: radial-gradient(circle at 30% 30%, #e0f8f8 0, #fce6f8 50%, #dfd7f5 100%)
}

.bg-gradient-6 {
    background-image: radial-gradient(circle at 30% 30%, #faeae3 0, #c8e5f7 100%)
}

.bg-gradient-7 {
    background-image: radial-gradient(circle at 30% 30%, #e6f8f0 2%, #d3ecf5 93.6%)
}

.bg-gradient-8 {
    background-image: radial-gradient(circle at 30% 30%, #f8f5e1 0, #f4e3f5 46.4%, #dae7f5 100%)
}

.bg-gradient-9 {
    background-image: radial-gradient(circle at 30% 30%, #f4f5e6 11.2%, #ece2d8 100%)
}

.bg-gradient-10 {
    background-image: radial-gradient(circle at 30% 30%, #fde7f3 0, #eae9ff 46%, #dfffee 100%)
}

.text-theme-accent-1 {
    color: var(--kf-accent-1) !important
}

.text-theme-accent-2 {
    color: var(--kf-accent-2) !important
}

.text-theme-1 {
    color: var(--kf-1) !important
}

.text-theme-2 {
    color: var(--kf-2) !important
}

.text-success i,
.text-success svg {
    color: var(--bs-success) !important;
    stroke: var(--bs-success) !important
}

.text-success.btn-link:focus,
.text-success.btn-link:hover {
    background-color: rgba(var(--bs-success-rgb), .15)
}

.text-blue-emphasis {
    color: var(--bs-blue-emphasis) !important
}

.text-indigo-emphasis {
    color: var(--bs-indigo-emphasis) !important
}

.text-purple-emphasis {
    color: var(--bs-purple-emphasis) !important
}

.text-pink-emphasis {
    color: var(--bs-pink-emphasis) !important
}

.text-red-emphasis {
    color: var(--bs-red-emphasis) !important
}

.text-orange-emphasis {
    color: var(--bs-orange-emphasis) !important
}

.text-yellow-emphasis {
    color: var(--bs-yellow-emphasis) !important
}

.text-green-emphasis {
    color: var(--bs-green-emphasis) !important
}

.text-teal-emphasis {
    color: var(--bs-teal-emphasis) !important
}

.text-cyan-emphasis {
    color: var(--bs-cyan-emphasis) !important
}

.text-blue {
    color: var(--bs-blue) !important
}

.text-indigo {
    color: var(--bs-indigo) !important
}

.text-purple {
    color: var(--bs-purple) !important
}

.text-pink {
    color: var(--bs-pink) !important
}

.text-red {
    color: var(--bs-red) !important
}

.text-orange {
    color: var(--bs-orange) !important
}

.text-yellow {
    color: var(--bs-yellow) !important
}

.text-green {
    color: var(--bs-green) !important
}

.text-teal {
    color: var(--bs-teal) !important
}

.text-cyan {
    background-color: var(--bs-cyan) !important
}

.text-white .text-secondary {
    color: hsla(0, 0%, 100%, .65) !important
}

.bg-body-1 {
    background-color: var(--kf-bg-1)
}

.bg-card {
    background-color: var(--bs-card-bg)
}

.bg-blue {
    background-color: var(--bs-blue)
}

.bg-indigo {
    background-color: var(--bs-indigo)
}

.bg-purple {
    background-color: var(--bs-purple)
}

.bg-pink {
    background-color: var(--bs-pink)
}

.bg-0 {
    background-color: var(--bs-0)
}
.bg-a { background-color: #007bff; }  /* Bootstrap Primary */
.bg-b { background-color: #6c757d; }  /* Bootstrap Secondary */
.bg-c { background-color: #28a745; }  /* Bootstrap Success */
.bg-d { background-color: #dc3545; }  /* Bootstrap Danger */
.bg-e { background-color: #ffc107; }  /* Bootstrap Warning */
.bg-f { background-color: #17a2b8; }  /* Bootstrap Info */
.bg-g { background-color: #343a40; }  /* Bootstrap Dark */
.bg-h { background-color: #495057; }  /* Bootstrap Darker Gray */
.bg-i { background-color: #e83e8c; }  /* Bootstrap Pink */
.bg-j { background-color: #fd7e14; }  /* Bootstrap Orange */
.bg-k { background-color: #6610f2; }  /* Bootstrap Purple */
.bg-l { background-color: #20c997; }  /* Bootstrap Teal */
.bg-m { background-color: #343a40; }  /* Bootstrap Dark */
.bg-n { background-color: #0d6efd; }  /* Bootstrap Blue */
.bg-o { background-color: #6610f2; }  /* Bootstrap Purple */
.bg-p { background-color: #6f42c1; }  /* Bootstrap Violet */
.bg-q { background-color: #495057; }  /* Bootstrap Dark Gray */
.bg-r { background-color: #198754; }  /* Bootstrap Green */
.bg-s { background-color: #0dcaf0; }  /* Bootstrap Light Blue */
.bg-t { background-color: #198754; }  /* Bootstrap Green */
.bg-u { background-color: #343a40; }  /* Bootstrap Dark */
.bg-v { background-color: #fd7e14; }  /* Bootstrap Orange */
.bg-w { background-color: #e83e8c; }  /* Bootstrap Pink */
.bg-x { background-color: #17a2b8; }  /* Bootstrap Info */
.bg-y { background-color: #ffc107; }  /* Bootstrap Yellow */
.bg-z { background-color: #dc3545; }  /* Bootstrap Red */
.bg-orange {
    background-color: var(--bs-orange)
}

.bg-yellow {
    background-color: var(--bs-yellow)
}

.bg-green {
    background-color: var(--bs-green)
}

.bg-teal {
    background-color: var(--bs-teal)
}

.bg-cyan {
    background-color: var(--bs-cyan)
}

.bg-chocolate {
    background-color: var(--bs-chocolate)
}

.bg-brown {
    background-color: var(--bs-brown)
}

.bg-grey {
    background-color: var(--bs-grey)
}

.bg-white-opacity {
    background-color: hsla(0, 0%, 100%, .25)
}
.overlay-option {
    background-color: hsla(0, 0%, 100%, .5)
}

.overlay-option {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.bg-theme-accent-1-blur {
    background-color: rgba(var(--kf-accent-1-rgb), .5)
}

.bg-theme-accent-1-blur,
.bg-white-blur {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.bg-white-blur {
    background-color: hsla(0, 0%, 100%, .5)
}


.blur {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.blur {
    background-color: hsla(0, 0%, 100%, .1)
}

.borderedui,
body.bg-white {
    --border-width: 1px
}

.borderedui .accordion.kf-accordion,
body.bg-white .accordion.kf-accordion {
    --bs-accordion-border-width: 1px
}

.borderedui .accordion.kf-accordion .accordion-item:not(:first-of-type),
body.bg-white .accordion.kf-accordion .accordion-item:not(:first-of-type) {
    border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)
}

.borderedui .kf-card,
body.bg-white .kf-card {
    border-width: 1px
}

.borderedui .search-wrap .border-0,
body.bg-white .search-wrap .border-0 {
    border: var(--border-width) solid var(--border-color) !important
}

.white {
    --swiper-theme-color: #fff;
    --swiper-pagination-bullet-inactive-color: #fff;
    --swiper-pagination-bullet-inactive-opacity: 0.4
}

.no-caret:after {
    display: none
}


.dropdown .dropdown-menu .dropdown-item {
    border-radius: var(--border-radius)
}
.oh{
        white-space: nowrap;
    overflow: hidden;
}
.dropdown .dropdown-menu .dropdown-item i,
.dropdown .dropdown-menu .dropdown-item svg {
    color: var(--bs-dropdown-link-color);
    stroke: var(--bs-dropdown-link-color)
}

.dropdown .dropdown-menu .dropdown-item svg {
    margin-top: -3px
}

.dropdown .dropdown-menu .dropdown-item:focus i,
.dropdown .dropdown-menu .dropdown-item:focus svg,
.dropdown .dropdown-menu .dropdown-item:hover i,
.dropdown .dropdown-menu .dropdown-item:hover svg {
    color: var(--bs-dropdown-link-hover-color);
    stroke: var(--bs-dropdown-link-hover-color)
}

.dropdown .dropdown-menu .dropdown-item.active i,
.dropdown .dropdown-menu .dropdown-item.active svg,
.dropdown .dropdown-menu .dropdown-item:active i,
.dropdown .dropdown-menu .dropdown-item:active svg {
    color: var(--bs-dropdown-link-active-color);
    stroke: var(--bs-dropdown-link-active-color)
}


.dropdown .list-group {
    --bs-list-group-item-padding-x: 0.5rem
}

.dropdown .dropdown.dropend:hover [data-bs-trigger=hover]~.dropdown-menu {
    display: block;
    left: 100%;
    margin-left: 0;
    right: auto;
    top: 0
}

.dropdown .dropdown.dropend .dropdown-menu.show {
    display: block;
    left: 100%;
    margin-left: 0 !important;
    right: auto;
    top: 0
}

.notification-dd {
    width: 300px
}

.notification-dd li {
    border-bottom: 1px solid var(--border-color)
}

.notification-dd li .dropdown-item {
    white-space: normal
}

.notification-dd li:last-child {
    border-bottom: 0
}

.dropdown-menu-center {
    left: -150px !important;
    margin-left: 50%;
    width: 300px
}

[dir=rtl] .dropdown .dropdown-menu {
    text-align: right
}

[dir=rtl] .dropdown .dropdown-menu .dropdown-item i:first-child,
[dir=rtl] .dropdown .dropdown-menu .dropdown-item svg:first-child {
    margin-left: 10px;
    margin-right: 0
}

[dir=rtl] .dropdown .dropdown-menu-end {
    left: 0;
    right: auto
}


body:not(.public) footer{
    background: var(--card-bg);
    height:var(--footer-height);
}
.kf-footer a {
    color: var(--kf-1)
}

.kf-footer a:focus,
.kf-footer a:hover {
    color: var(--kf-1-hover)
}

.kf-footer a.active,
.kf-footer a:active {
    color: var(--kf-1-active)
}

.kf-footer .nav .nav-item .nav-link,
.kf-footer .nav.small .nav-item .nav-link {
    --bs-nav-link-color: var(--kf-footer-link-text);
    --bs-nav-link-hover-color: var(--kf-footer-link-hover-text);
    --bs-nav-link-active-color: var(--kf-footer-link-active-text);
    --bs-nav-link-padding-y: 0.15rem
}

.kf-footer .nav .nav-item .nav-link.active,
.kf-footer .nav .nav-item .nav-link:active,
.kf-footer .nav.small .nav-item .nav-link.active,
.kf-footer .nav.small .nav-item .nav-link:active {
    color: var(--kf-footer-link-active-text)
}

.ssb.classic footer,
.ssb.boxed footer {
    padding-left: var(--sidebar-width)
}

.ssb.small footer{
    margin-left: var(--sidebar-small-width)
}
@media screen and (max-width:991px) {
    .ssb.classic footer,
    .ssb.boxed footer {
        padding-left: 0
    }
   
}

.form-control,
.form-select,
input,
select,
textarea {
    box-shadow: none;
    outline: none
}

.form-control:focus,
.form-select:focus,
input:focus,
select:focus,
textarea:focus {
    border-color: rgba(var(--kf-1-rgb), .5);
    box-shadow: 0 0 0 .25rem rgba(var(--kf-1-rgb), .15)
}

.form-check {
    --border-width: 1px
}



.timeline {
    list-style: none;
    margin: 0;
    padding: 0
}

.timeline li {
    padding: 0 0 15px 30px;
    position: relative
}

.timeline li:before {
    height: 100%;
    left: 10px;
    opacity: .25;
    top: 0;
    width: 1px
}

.timeline li:after,
.timeline li:before {
    background-color: var(--text-secondary);
    content: "";
    position: absolute
}

.timeline li:after {
    border-radius: 2px;
    height: 10px;
    left: 5px;
    top: 5px;
    width: 10px
}

.timeline.circle li:after {
    display: none
}

.timeline.circle li .circle-dot {
    border-radius: var(--border-radius);
    height: 10px;
    left: 5px;
    position: absolute;
    top: 5px;
    width: 10px
}

.fr-box.fr-basic .fr-wrapper,
.fr-second-toolbar,
.fr-toolbar {
    border-color: var(--border-color)
}

.fr-toolbar.fr-top {
    border-radius: var(--border-radius) var(--border-radius) 0 0
}

.fr-toolbar.fr-top .fr-btn {
    height: 34px;
    margin: 0
}

.fr-toolbar.fr-top .fr-btn svg {
    margin: 5px 7px;
    width: 20px
}

.fr-second-toolbar {
    border-radius: 0 0 var(--border-radius) var(--border-radius)
}

.check-strength {
    line-height: 24px
}

.check-strength>div {
    border-radius: 3px;
    display: inline-block;
    height: 4px;
    margin-right: 2px;
    opacity: .2;
    transition: all .5s ease;
    vertical-align: middle;
    width: 15px
}

.check-strength>div:first-child,
.check-strength>div:nth-child(2) {
    background-color: var(--bs-danger)
}

.check-strength>div:nth-child(3),
.check-strength>div:nth-child(4) {
    background-color: var(--bs-warning)
}

.check-strength>div:nth-child(5),
.check-strength>div:nth-child(6) {
    background-color: var(--bs-success)
}

.check-strength.good>div:first-child,
.check-strength.good>div:nth-child(2),
.check-strength.good>div:nth-child(3),
.check-strength.good>div:nth-child(4),
.check-strength.strong>div:first-child,
.check-strength.strong>div:nth-child(2),
.check-strength.strong>div:nth-child(3),
.check-strength.strong>div:nth-child(4),
.check-strength.strong>div:nth-child(5),
.check-strength.strong>div:nth-child(6),
.check-strength.weak>div:first-child,
.check-strength.weak>div:nth-child(2) {
    opacity: 1
}

.sw {
    --sw-toolbar-btn-background-color: var(--kf-1);
    --sw-anchor-active-primary-color: rgba(var(--kf-1-rgb), 0.75);
    --sw-progress-color: rgba(var(--kf-1-rgb), 0.75);
    --sw-loader-color: rgba(var(--kf-1-rgb), 0.75);
    --sw-anchor-done-primary-color: rgba(var(--kf-2-rgb), 0.75);
    --sw-anchor-default-secondary-color: rgba(var(--text-secondary-rgb), 0.75);
    border: 0
}

.sw.sw-theme-basic>.nav {
    box-shadow: none !important
}

.sw.sw-theme-basic>.nav .nav-item .nav-link {
    display: flex;
    margin: 0;
    padding: 1rem;
    text-align: start
}

.sw.sw-theme-basic>.nav .nav-item .nav-link>div {
    display: inline-block;
    vertical-align: middle
}

.sw.sw-theme-basic>.nav .nav-item .nav-link .num {
    background-color: rgba(var(--text-secondary-rgb), .75);
    border-radius: 22px;
    color: var(--kf-1-text);
    float: none;
    font-size: 1.5rem;
    font-weight: 500;
    height: 44px;
    line-height: 44px;
    margin-right: 1rem;
    width: 44px
}

.sw.sw-theme-basic>.nav .nav-item .nav-link:after {
    bottom: -4px;
    height: 4px
}

.sw.sw-theme-basic>.nav .nav-item .nav-link.done,
.sw.sw-theme-basic>.nav .nav-item .nav-link.done:focus,
.sw.sw-theme-basic>.nav .nav-item .nav-link.done:hover {
    color: var(--bs-success)
}

.sw.sw-theme-basic>.nav .nav-item .nav-link.done .num,
.sw.sw-theme-basic>.nav .nav-item .nav-link.done:after {
    background-color: var(--bs-success)
}

.sw.sw-theme-basic>.nav .nav-item .nav-link:focus,
.sw.sw-theme-basic>.nav .nav-item .nav-link:hover {
    color: var(--sw-anchor-default-secondary-color)
}

.sw.sw-theme-basic>.nav .nav-item .nav-link.active .num {
    background-color: var(--kf-1)
}

.sw.sw-theme-basic .sw-toolbar-elm {
    border-top: 1px solid var(--border-color);
    margin-left: calc(var(--gutter-x)*-1);
    margin-right: calc(var(--gutter-x)*-1);
    padding: var(--bs-card-spacer-y) var(--gutter-x)
}

.sw.sw-theme-dots>.nav {
    box-shadow: none !important;
    margin-top: 1.5rem
}

.sw.sw-theme-dots>.nav .nav-item .nav-link {
    color: var(--link-color);
    margin-top: 40px
}

.sw.sw-theme-dots>.nav .nav-item .nav-link .num {
    font-size: 20px;
    font-weight: 400;
    top: -30px
}

.sw.sw-theme-dots>.nav .nav-item .nav-link:after {
    background-color: var(--link-color) !important;
    border: 0;
    box-shadow: none;
    font-size: 24px;
    height: 36px;
    top: -38px;
    width: 36px
}

.sw.sw-theme-dots>.nav .nav-item .nav-link.done {
    color: var(--bs-success) !important
}

.sw.sw-theme-dots>.nav .nav-item .nav-link.done:after,
.sw.sw-theme-dots>.nav .nav-item .nav-link.done:focus:after,
.sw.sw-theme-dots>.nav .nav-item .nav-link.done:hover:after {
    background-color: var(--bs-success) !important
}

.sw.sw-theme-dots>.nav .nav-item .nav-link:focus,
.sw.sw-theme-dots>.nav .nav-item .nav-link:hover {
    color: var(--kf-accent-1)
}

.sw.sw-theme-dots>.nav .nav-item .nav-link:focus:after,
.sw.sw-theme-dots>.nav .nav-item .nav-link:hover:after {
    background-color: var(--kf-accent-1) !important
}

.sw.sw-theme-dots>.nav .nav-item .nav-link.active {
    color: var(--kf-1)
}

.sw.sw-theme-dots>.nav .nav-item .nav-link.active:after {
    background-color: var(--kf-1) !important
}

.sw.sw-theme-dots>.nav:before {
    height: 2px;
    top: 20px
}

.sw.sw-theme-dots .sw-toolbar-elm {
    border-top: 1px solid var(--border-color);
    margin-left: calc(var(--gutter-x)*-1);
    margin-right: calc(var(--gutter-x)*-1);
    padding: var(--bs-card-spacer-y) var(--gutter-x)
}

.sw .toolbar>.sw-btn {
    border-radius: var(--border-radius)
}

@media screen and (max-width:640px) {
    .sw.sw-theme-dots>.nav {
        margin-top: 15px
    }
    .sw.sw-theme-dots>.nav .nav-item .nav-link {
        margin-bottom: 8px;
        margin-top: 0;
        padding-left: 65px
    }
    .sw.sw-theme-dots>.nav .nav-item .nav-link .num {
        left: 10px;
        top: 8px
    }
    .sw.sw-theme-dots>.nav .nav-item .nav-link:after {
        left: 15px;
        top: 10px
    }
    .sw.sw-theme-dots>.nav:before {
        height: 100%;
        left: 32px;
        top: 0;
        width: 2px
    }
}

.dragzonecard {
    padding-bottom: 100px
}

.form-check-input:checked,
.form-check-input:indeterminate,
.form-check-input[type=checkbox]:checked,
.form-check-input[type=checkbox]:indeterminate {
    --bs-form-check-bg: var(--kf-1);
    --border-color: var(--kf-1);
    background-color: var(--bs-form-check-bg);
    border-color: var(--border-color)
}

.form-check-input[type=radio]:not(:checked) {
    background-color: transparent
}

.form-switch.form-check-md {
    line-height: 2em;
    min-height: 1.65em;
    padding-left: 3.5em
}

.form-switch.form-check-md .form-check-input {
    height: 1.5em;
    margin-left: -3.5em;
    width: 3em
}

.form-switch.form-check-lg {
    line-height: 2.25em;
    min-height: 2.25em;
    padding-left: 4.5em
}

.form-switch.form-check-lg .form-check-input {
    height: 2em;
    margin-left: -4.5em;
    width: 4em
}

.form-range {
    outline: 0
}

.form-range:focus {
    box-shadow: none
}

.range1 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 16px;
    cursor: pointer;
    outline: none;
    overflow: hidden;
    width: 100%
}

.range1::-webkit-slider-runnable-track {
    background: var(--kf-bg-1);
    border-radius: 16px;
    height: 15px
}

.range1::-moz-range-track {
    background: var(--kf-bg-1);
    border-radius: 16px;
    height: 15px
}

.range1::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    border: 2px solid var(--kf-1);
    border-radius: 50%;
    box-shadow: -1007px 0 0 1000px var(--kf-1);
    height: 15px;
    width: 15px
}

.range1::-moz-range-thumb {
    background-color: #fff;
    border: 1px solid var(--kf-1);
    border-radius: 50%;
    box-shadow: -407px 0 0 400px var(--kf-1);
    height: 15px;
    width: 15px
}

.range-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: var(--kf-bg-1);
    border-radius: 15px;
    cursor: pointer;
    height: 6px;
    outline: none;
    width: 100%
}

.range-input::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    background-color: var(--kf-1);
    border: none;
    border-radius: 50%;
    height: 15px;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    width: 15px
}

.range-input::-moz-range-thumb {
    background-color: var(--kf-1);
    border: none;
    border-radius: 50%;
    height: 15px;
    -moz-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    width: 15px
}

.range-input::-webkit-slider-thumb:hover {
    box-shadow: 0 0 0 10px rgba(var(--kf-1-rgb), .1)
}

.range-input:active::-webkit-slider-thumb,
.range-input:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 13px rgba(var(--kf-1-rgb), .2)
}

.range-input::-moz-range-thumb:hover {
    box-shadow: 0 0 0 10px rgba(var(--kf-1-rgb), .1)
}

.range-input:active::-moz-range-thumb,
.range-input:focus::-moz-range-thumb {
    box-shadow: 0 0 0 13px rgba(var(--kf-1-rgb), .2)
}

.range3 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: var(--kf-bg-1);
    border-radius: 15px;
    cursor: pointer;
    height: 20px;
    height: 6px;
    outline: none;
    width: 100%
}

.range3::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    background-image: url(../img/logo-light.png);
    background-size: cover;
    height: 30px;
    transform: rotate(var(--thumb-rotate, 0deg));
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    width: 30px
}

.range3::-moz-range-thumb {
    background: transparent;
    background-image: url(https://ibaslogic.github.io/hosted-assets/smile.png);
    background-size: cover;
    border: none;
    border-radius: 50%;
    height: 30px;
    transform: rotate(var(--thumb-rotate, 0deg));
    -moz-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    width: 30px
}

.range3::-webkit-slider-thumb:hover {
    box-shadow: 0 0 0 10px rgba(var(--kf-1-rgb), .1)
}

.range3:active::-webkit-slider-thumb,
.range3:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 13px rgba(var(--kf-1-rgb), .2)
}

.range3::-moz-range-thumb:hover {
    box-shadow: 0 0 0 10px rgba(var(--kf-1-rgb), .1)
}

.range3:active::-moz-range-thumb,
.range3:focus::-moz-range-thumb {
    box-shadow: 0 0 0 13px rgba(var(--kf-1-rgb), .2)
}

.range .range-slider {
    flex: 1
}

.range .sliderticks {
    display: flex;
    justify-content: space-between;
    padding: 0 10px
}

.range .sliderticks span {
    background: #ddd;
    display: flex;
    height: 10px;
    justify-content: center;
    line-height: 40px;
    width: 1px
}


header .navbar {
height:100%;
}

header .navbar .sidebar-toggler {
    margin-right: 10px
}

header .navbar .navbar-brand {
    align-items: center;
    display: flex;
    flex-direction: row
}

.navbar-brand img {
    margin-right: 10px;
    max-width: var(--logo-width);
}

header .navbar .navbar-brand .company-tagline {
    color: var(--text-secondary);
    font-size: 11px;
    line-height: 12px
}

header .navbar .navbar-collapse .navbar-nav {
    --bs-nav-link-color: var(--link-color)
}

header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link,
header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.dropdown-toggle {
    background-color: transparent;
    border-radius: var(--border-radius);
    margin-right: 3px;
    position: relative
}

header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.dropdown-toggle:focus,
header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.dropdown-toggle:hover,
header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:focus,
header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover {
    background-color: rgba(var(--kf-1-rgb), .1);
    color: var(--kf-1)
}

header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.dropdown-toggle:focus:before,
header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.dropdown-toggle:hover:before,
header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:focus:before,
header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover:before {
    opacity: .35
}

header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active,
header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.dropdown-toggle.active,
header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.dropdown-toggle.show,
header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.show {
    background-color: var(--kf-1);
    color: var(--kf-1-text)
}

header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active:before,
header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.dropdown-toggle.active:before,
header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.dropdown-toggle.show:before,
header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.show:before {
    opacity: 1
}

header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active:hover:before,
header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.dropdown-toggle.active:hover:before,
header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.dropdown-toggle.show:hover:before,
header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.show:hover:before {
    background-color: var(--kf-1);
    opacity: 1
}

header .navbar .navbar-toggler .openbtn {
    display: block
}

header .navbar .navbar-toggler .closebtn,
header .navbar .navbar-toggler:not(.collapsed) .openbtn {
    display: none
}

header .navbar .navbar-toggler:not(.collapsed) .closebtn {
    display: block
}

header .kf-search-full {
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    background-color: hsla(0, 0%, 100%, .625);
    border-bottom: 1px solid var(--border-color);
    left: 0;
    padding: 13px 15px;
    position: fixed;
    top: -90px;
    transition: all .3s ease;
    width: 100%;
    z-index: 9999
}

header .kf-search-full.active {
    top: 0
}

header .btn-link,
header .btn:not([class*=btn-]) {
    border: 0
}

header .input-group-text {
    color: var(--link-color)
}

header .input-group-text i,
header .input-group-text svg {
    stroke: var(--link-color);
    color: var(--link-color)
}

header .dropdown .dropdown-menu {
    margin-top: 10px;
    user-select: none;
    backdrop-filter: blur(34px);
    -webkit-backdrop-filter: blur(7px);
    transition: 0.5s all;
    background: var(--card-bg);
    border: var(--border-width) solid var(--border-color);
    border-radius: var(--border-radius);
    padding: var(--card-padding);
    box-shadow: 0 3px 20px 5px var(--card-shadow);
}

header .dropdown .dropdown-menu .dropdown-item .avatar:not([class*=bi]) {
    color: var(--kf-1)
}

header .dropdown .dropdown-menu .dropdown-item.active .avatar,
header .dropdown .dropdown-menu .dropdown-item:active .avatar {
    color: #fff
}

header .nav.kf-nav .nav-item .nav-link {
    color: var(--link-color)
}

header .nav.kf-nav .nav-item .nav-link.active,
header .nav.kf-nav .nav-item .nav-link:focus,
header .nav.kf-nav .nav-item .nav-link:hover {
    color: var(--kf-1)
}

.search-wrap {
    background-color: #fff
}

[dir=rtl] header .navbar .sidebar-toggler {
    margin-left: 10px;
    margin-right: 0
}

[dir=rtl] header .navbar .navbar-brand {
    margin-left: var(--bs-navbar-brand-margin-end);
    margin-right: 0
}

[dir=rtl] header .navbar .navbar-brand img {
    margin-left: 10px;
    margin-right: 0
}

[dir=rtl] .ms-auto {
    margin-left: 0 !important;
    margin-right: auto !important
}

header-fill-white header .navbar {
    background-color: #fff
}

header-fill-bg header .navbar {
    background-color: var(--kf-bg-1)
}



header-fill-theme header .navbar {
    background-color: var(--kf-1)
}

header-fill-theme header .navbar .btn-link-header,
header-fill-theme header .navbar .navbar-collapse {
    --bs-btn-active-bg: hsla(0, 0%, 100%, .15)
}

header-boxed header .navbar {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background-color: transparent;
    padding: .5rem 1rem
}

header-boxed header .navbar>.container,
header-boxed header .navbar>.container-fluid,
header-boxed header .navbar>.container-lg,
header-boxed header .navbar>.container-md,
header-boxed header .navbar>.container-sm,
header-boxed header .navbar>.container-xl,
header-boxed header .navbar>.container-xxl {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    border-radius: var(--border-radius);
    padding: .25rem .5rem
}

header-boxed header.active .navbar {
    box-shadow: none
}

header-boxed header.active .navbar>.container,
header-boxed header.active .navbar>.container-fluid,
header-boxed header.active .navbar>.container-lg,
header-boxed header.active .navbar>.container-md,
header-boxed header.active .navbar>.container-sm,
header-boxed header.active .navbar>.container-xl,
header-boxed header.active .navbar>.container-xxl {
    box-shadow: 0 5px 15px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .1)
}

header-boxedheader-transparent header.active .navbar {
    background-color: transparent;
    box-shadow: none
}

header-boxedheader-transparent header.active .navbar>.container,
header-boxedheader-transparent header.active .navbar>.container-fluid,
header-boxedheader-transparent header.active .navbar>.container-lg,
header-boxedheader-transparent header.active .navbar>.container-md,
header-boxedheader-transparent header.active .navbar>.container-sm,
header-boxedheader-transparent header.active .navbar>.container-xl,
header-boxedheader-transparent header.active .navbar>.container-xxl {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background-color: rgba(var(--kf-header-active-bg-rgb), var(--kf-header-active-opacity))
}

header-boxedheader-fill-bg header .navbar>.container,
header-boxedheader-fill-bg header .navbar>.container-fluid,
header-boxedheader-fill-bg header .navbar>.container-lg,
header-boxedheader-fill-bg header .navbar>.container-md,
header-boxedheader-fill-bg header .navbar>.container-sm,
header-boxedheader-fill-bg header .navbar>.container-xl,
header-boxedheader-fill-bg header .navbar>.container-xxl {
    background-color: var(--kf-bg-1)
}

header-boxedheader-fill-white header .navbar>.container,
header-boxedheader-fill-white header .navbar>.container-fluid,
header-boxedheader-fill-white header .navbar>.container-lg,
header-boxedheader-fill-white header .navbar>.container-md,
header-boxedheader-fill-white header .navbar>.container-sm,
header-boxedheader-fill-white header .navbar>.container-xl,
header-boxedheader-fill-white header .navbar>.container-xxl {
    background-color: #fff
}

header-boxedheader-fill-black header .navbar>.container,
header-boxedheader-fill-black header .navbar>.container-fluid,
header-boxedheader-fill-black header .navbar>.container-lg,
header-boxedheader-fill-black header .navbar>.container-md,
header-boxedheader-fill-black header .navbar>.container-sm,
header-boxedheader-fill-black header .navbar>.container-xl,
header-boxedheader-fill-black header .navbar>.container-xxl {
    background-color: #000
}

header-boxedheader-fill-accent header .navbar>.container,
header-boxedheader-fill-accent header .navbar>.container-fluid,
header-boxedheader-fill-accent header .navbar>.container-lg,
header-boxedheader-fill-accent header .navbar>.container-md,
header-boxedheader-fill-accent header .navbar>.container-sm,
header-boxedheader-fill-accent header .navbar>.container-xl,
header-boxedheader-fill-accent header .navbar>.container-xxl {
    background-color: rgba(var(--kf-accent-1-rgb), .9)
}

header-boxedheader-fill-theme header .navbar>.container,
header-boxedheader-fill-theme header .navbar>.container-fluid,
header-boxedheader-fill-theme header .navbar>.container-lg,
header-boxedheader-fill-theme header .navbar>.container-md,
header-boxedheader-fill-theme header .navbar>.container-sm,
header-boxedheader-fill-theme header .navbar>.container-xl,
header-boxedheader-fill-theme header .navbar>.container-xxl {
    background-color: rgba(var(--kf-1-rgb), .9)
}

@media screen and (max-width:991px) {
   
    .modal-dialog{
        width: 90%;
        max-width: 500px;
        margin: auto;
    }
    .close_popup{
        left: 0;
        right: 0 !important;
        margin: 0 auto;
       
    }

    .row{
        --gutter-x: 7px;
        --gutter-y: 7px;
    }
    .p-5{
        padding:15px;
    }
    header {
        background: var(--body-bg) !important;
    }
    .fs-00{
        font-size: 50px;
    }
    .mt-15 {
        margin-top: 2rem !important;
    }
    .py-15 {
        padding-bottom: 2rem !important;
        padding-top: 2rem !important;
    }
    header .navbar .navbar-brand>div,
    header .client_tagline,
    body:not(.public) header .challange_plus,
    header .menu-name{
        display: none;
    }
    header .btn-secondary .ms-2{
        margin-left:0 !important;
    }
    
    header .navbar-expand-lg .navbar-collapse {
        left: 0;
        min-height: calc(100vh - var(--header-height));
        max-width: 100%;
        background: var(--body-bg);
        overflow-y: auto;
        position: absolute;
        top: 100%;
        width: 100%;
    }
    header .navbar-expand-lg .navbar-collapse.right-in-device {
        left: auto;
        right: 0
    }
    header .navbar-expand-lg .mega-content{
        position:relative;
        width: 100% !important;
        top: 0;
        left: 0;
        right: 0;
        padding-left: 1rem;
    }
    header .navbar-expand-lg .navbar-collapse .navbar-nav {
        padding: 1rem
    }
    header .navbar-expand-lg .navbar-collapse .navbar-nav .nav-item .nav-link.dropdown-toggle:before,
    header .navbar-expand-lg .navbar-collapse .navbar-nav .nav-item .nav-link:before {
        bottom: 0;
        height: 100%;
        left: 0;
        top: 0;
        width: 3px
    }
    header .navbar-expand-lg .navbar-collapse .navbar-nav .nav-item .dropdown-menu {
        margin-top: 0;
        max-width: 100%;
        width: 100% !important
    }
}
header .challange_plus{
    display: flex;
}
    
@media screen and (max-width:767px) {
.daterangepicker{
    width: 100% !important;
    max-width: 100% !important;
    position: fixed;
    top: 0 !important;
    left: 0 !important;
    height: 100vh;
}
.drp-calendar{
    width: 100% !important;
}


    .island{
            position: fixed;
        bottom: 0;
        z-index: 09999999999999999999999;
        background: #0b081e;
        width: 100%;
        left: 0;
        padding: calc(var(--gutter-x) * .5);
    }
    .py-10{
        padding-bottom: 3rem !important;
        padding-top: 3rem !important;
    }
    .kf-v{
       top: 68% !important;
    }
    .order-2{
        margin-bottom: 180px;
    }
    
    .pricing_sidebar{
        display:none;
    }
    .country-section{
         text-align: center !important;
    }
       
    .country-section .country-list{
        scale: 1;
    }
    header .navbar .navbar-brand>img {
        margin: 0
    }
    header .navbar .navbar-brand{
        width: auto !important;
    }
    header .navbar .navbar-brand>div,
    header .client_tagline,
    body:not(.public) header .challange_plus,
    header .btn-secondary .menu-name{
        display: none;
    }
    
    .mt-15 {
        margin-top: 2rem !important;
    }
    .py-15 {
        padding-bottom: 2rem !important;
        padding-top: 2rem !important;
    }

    header .btn-secondary .ms-2{
        margin-left:0 !important;
    }
    
    
    
    header .navbar #userprofiledd {
        --bs-btn-padding-x: 0.5rem
    }
    header .navbar #userprofiledd:after {
        display: none
    }
}

@media screen and (max-width:575px) {
    .footer_menu{
        justify-content:center !important;
    }
    .footer_copyright{
        text-align: center;
    }
    header .navbar .sm-mi-45px {
        right: -47px
    }
    header .navbar .sm-mi-95px {
        right: -97px
    }
    header .navbar .sm-mi-140px {
        right: -140px
    }
}


.wrap {
  opacity: 0;
  transform: translateX(100%); /* Başlangıçta sağda beklesin */
}

.wrap.page-enter {
  animation: slideIn 0.5s forwards;
}

.wrap.page-exit {
  animation: slideOut 0.4s forwards;
}

@keyframes slideIn {
  0% { transform: translateX(100%); opacity: 0; }
  100% { transform: translateX(0); opacity: 1; }
}

@keyframes slideOut {
  0% { transform: translateX(0); opacity: 1; }
  100% { transform: translateX(-100%); opacity: 0; }
}

.kf-wrap::before {
  top: 0;
  right: 0;
}
.kf-wrap::after {
  top: 50%;
  left: 0px;
  transform: translateX(-50%);
}


.kf-p:before{
    content: '';
    background-color: var(--kf-1) !important;
    position: absolute;
    top: 16px;
    left: -40px;
    width: 50px;
    height: 70px;
    z-index: -1;
    filter: blur(7px);
    opacity: 0.6;
    border-radius: 130px;
}
.kf-y:before{
    content: '';
    background-color: #f3cd87;
    position: absolute;
    top: 15px;
    left: -40px;
    width: 50px;
    height: 70px;
    z-index: -1;
    filter: blur(7px);
    opacity: 0.5;
    border-radius: 130px;
}

.list-group .list-group-item:not([class*=list-group-item-primary]):not([class*=list-group-item-secondary]):not([class*=list-group-item-success]):not([class*=list-group-item-danger]):not([class*=list-group-item-info]):not([class*=list-group-item-dark]):not([class*=list-group-item-light]):not([class*=list-group-item-warning]) {
    --bs-list-group-active-bg: var(--kf-1);
    --bs-list-group-active-border-color: var(--kf-1);
    --bs-list-group-active-color: var(--kf-1-text);
    --bs-list-group-hover-bg: rgba(var(--kf-1-rgb), 0.12);
    --bs-list-group-action-hover-bg: rgba(var(--kf-1-rgb), 0.12);
    --bs-list-group-action-active-bg: var(--kf-1);
    --bs-list-group-action-active-color: var(--kf-1-text);
    cursor: pointer
}

.list-group .list-group-item:not([class*=list-group-item-primary]):not([class*=list-group-item-secondary]):not([class*=list-group-item-success]):not([class*=list-group-item-danger]):not([class*=list-group-item-info]):not([class*=list-group-item-dark]):not([class*=list-group-item-light]):not([class*=list-group-item-warning]):focus,
.list-group .list-group-item:not([class*=list-group-item-primary]):not([class*=list-group-item-secondary]):not([class*=list-group-item-success]):not([class*=list-group-item-danger]):not([class*=list-group-item-info]):not([class*=list-group-item-dark]):not([class*=list-group-item-light]):not([class*=list-group-item-warning]):hover {
    --bs-list-group-bg: rgba(var(--kf-1-rgb), 0.1)
}

.list-group .list-group-item:not([class*=list-group-item-primary]):not([class*=list-group-item-secondary]):not([class*=list-group-item-success]):not([class*=list-group-item-danger]):not([class*=list-group-item-info]):not([class*=list-group-item-dark]):not([class*=list-group-item-light]):not([class*=list-group-item-warning]).new {
    --bs-list-group-bg: hsla(0, 0%, 100%, .65)
}

.list-group .list-group-item:not([class*=list-group-item-primary]):not([class*=list-group-item-secondary]):not([class*=list-group-item-success]):not([class*=list-group-item-danger]):not([class*=list-group-item-info]):not([class*=list-group-item-dark]):not([class*=list-group-item-light]):not([class*=list-group-item-warning]).new:focus,
.list-group .list-group-item:not([class*=list-group-item-primary]):not([class*=list-group-item-secondary]):not([class*=list-group-item-success]):not([class*=list-group-item-danger]):not([class*=list-group-item-info]):not([class*=list-group-item-dark]):not([class*=list-group-item-light]):not([class*=list-group-item-warning]).new:hover {
    --bs-list-group-bg: #fff
}

.list-group.kf-list-group {
    --bs-list-group-bg: transparent
}

.list-group.kf-list-group .list-group-item {
    border-radius: var(--border-radius);
    border-width: 0;
    margin-bottom: 4px
}

.list-group.bg-none {
    --bs-list-group-bg: transparent
}

.list-group.border-0 {
    --bs-list-group-border-width: 0
}

.chat-list-contacts .list-group-item {
    border: 0
}

.chat-list-contacts .list-group-item>.row .col-9 {
    max-width: calc(100% - 40px - var(--gutter-x));
    width: calc(100% - 40px - var(--gutter-x))
}

.chat-list {
    margin: 0 auto
}

.chat-list .figure,
.chat-list figure,
.chat-list iframe,
.chat-list img,
.chat-list video {
    border-radius: var(--border-radius);
    display: block;
    margin: 5px 0;
    max-width: 240px;
    overflow: hidden
}

.chat-list a {
    color: var(--kf-accent-1);
    font-weight: 500
}

.chat-list .left-chat {
    margin-bottom: 15px
}

.chat-list .left-chat .chat-block {
    background-color: rgba(var(--kf-accent-1-rgb), .05);
    border-radius: var(--border-radius) var(--border-radius) var(--border-radius) 0;
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 3px;
    max-width: 90%;
    padding: 10px 15px;
    position: relative;
    width: auto
}

.chat-list .left-chat .chat-block:before {
    border-bottom: 8px solid transparent;
    border-left: 8px solid transparent;
    border-left-color: rgba(var(--kf-accent-1-rgb), .05);
    border-radius: 0;
    border-right: 8px solid transparent;
    border-top: 8px solid transparent;
    border-top-color: rgba(var(--kf-accent-1-rgb), .05);
    bottom: -16px;
    content: "";
    height: 8px;
    left: 0;
    position: absolute;
    width: 8px;
    z-index: 1
}

.chat-list .left-chat.first {
    margin-bottom: 0
}

.chat-list .left-chat.first .chat-block {
    border-radius: var(--border-radius)
}

.chat-list .left-chat.first .chat-block:before {
    display: none
}

.chat-list .left-chat .time {
    padding-left: 15px
}

.chat-list .right-chat {
    margin-bottom: 15px;
    text-align: right
}
.kf-mv{
        position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
    z-index: -11;
}
.chat-list .right-chat .chat-block {
    background-color: var(--kf-accent-1);
    border-radius: var(--border-radius) var(--border-radius) 0 var(--border-radius);
    color: var(--kf-accent-1-text);
    display: inline-block;
    margin-bottom: 5px;
    margin-left: 3px;
    max-width: 90%;
    padding: 10px 15px;
    position: relative;
    text-align: left;
    width: auto
}

.chat-list .right-chat .chat-block:before {
    border-bottom: 8px solid transparent;
    border-left: 8px solid transparent;
    border-radius: 0;
    border-right: 8px solid transparent;
    border-right-color: var(--kf-accent-1);
    border-top: 8px solid transparent;
    border-top-color: var(--kf-accent-1);
    bottom: -16px;
    content: "";
    height: 8px;
    position: absolute;
    right: 0;
    width: 8px;
    z-index: 0
}

.chat-list .right-chat.first {
    margin-bottom: 0
}

.chat-list .right-chat.first .chat-block {
    border-radius: var(--border-radius)
}

.chat-list .right-chat.first .chat-block:before {
    display: none
}

.chat-list .right-chat .time {
    padding-right: 15px
}

.chat-list.chat-list-squared .figure,
.chat-list.chat-list-squared .left-chat .chat-block,
.chat-list.chat-list-squared .right-chat .chat-block,
.chat-list.chat-list-squared figure,
.chat-list.chat-list-squared iframe,
.chat-list.chat-list-squared video {
    border-radius: 0
}

.chat-list.bg-none {
    background-color: transparent !important
}
.close_popup{
    background: var(--kf-1);
    border-radius: 100%;
    border: 0;
    padding: 5px;
    font-size: 0.875rem;
    line-height: 1;
    position: absolute;
    width: 40px;
    height: 40px;
    top: -30px;
    right: -40px;
    z-index: 1000;
}
.modal .coupon_code{
    width: 100%;
    background: var(--card-bg-2);
    border-radius: var(--border-radius-sm);
    border: 1px solid var(--border-color);
    margin-bottom: 20px;
    padding: 10px 20px;
    text-align: center;
}
.modal.kf-modal .modal-dialog.blur {
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    background-color: hsla(0, 0%, 100%, .75)
}

.modal.kf-modal .modal-dialog.blur .modal-content {
    background-color: transparent
}

.popover {
    --bs-popover-font-size: 1rem
}

.kf-popover {
    --bs-popover-border-color: var(--kf-1);
    --bs-popover-header-bg: var(--kf-1);
    --bs-popover-header-color: var(--kf-1-text)
}

.kf-accent-popover {
    --bs-popover-border-color: var(--kf-accent-1);
    --bs-popover-header-bg: var(--kf-accent-1);
    --bs-popover-header-color: var(--kf-accent-1-text)
}

.kf-primary-popover {
    --bs-popover-border-color: var(--bs-primary);
    --bs-popover-header-bg: var(--bs-primary);
    --bs-popover-header-color: var(--bs-white)
}

.kf-success-popover {
    --bs-popover-border-color: var(--bs-success);
    --bs-popover-header-bg: var(--bs-success);
    --bs-popover-header-color: var(--bs-white)
}

.kf-secondary-popover {
    --bs-popover-border-color: var(--text-secondary);
    --bs-popover-header-bg: var(--text-secondary);
    --bs-popover-header-color: var(--bs-white)
}

.kf-warning-popover {
    --bs-popover-border-color: var(--bs-warning);
    --bs-popover-header-bg: var(--bs-warning);
    --bs-popover-header-color: var(--bs-white)
}

.kf-info-popover {
    --bs-popover-border-color: var(--bs-info);
    --bs-popover-header-bg: var(--bs-info);
    --bs-popover-header-color: var(--bs-white)
}

.kf-danger-popover {
    --bs-popover-border-color: var(--bs-danger);
    --bs-popover-header-bg: var(--bs-danger);
    --bs-popover-header-color: var(--bs-white)
}


.kf-tooltip {
    --bs-tooltip-bg: var(--kf-1);
    --bs-tooltip-color: var(--bs-white)
}

.kf-accent-tooltip {
    --bs-tooltip-bg: var(--kf-accent-1);
    --bs-tooltip-color: var(--bs-white)
}

.kf-success-tooltip {
    --bs-tooltip-bg: var(--bs-success);
    --bs-tooltip-color: var(--bs-white)
}

.kf-danger-tooltip {
    --bs-tooltip-bg: var(--bs-danger);
    --bs-tooltip-color: var(--bs-white)
}

.kf-primary-tooltip {
    --bs-tooltip-bg: var(--bs-primary);
    --bs-tooltip-color: var(--bs-white)
}

.kf-info-tooltip {
    --bs-tooltip-bg: var(--bs-info);
    --bs-tooltip-color: var(--bs-white)
}

.kf-secondary-tooltip {
    --bs-tooltip-bg: var(--text-secondary);
    --bs-tooltip-color: var(--bs-white)
}

.kf-warning-tooltip {
    --bs-tooltip-bg: var(--bs-warning);
    --bs-tooltip-color: var(--bs-white)
}


.nav:not(.nav-pills) .nav-link.active {
    color: rgba(var(--kf-1-rgb), 1)
}

.nav:not(.nav-pills) .nav-link:focus,
.nav:not(.nav-pills) .nav-link:hover {
    color: rgba(var(--kf-1-rgb), .75)
}

.nav.kf-nav .nav-item .nav-link {
    color: rgba(var(--kf-1-rgb), .5)
}

.nav.kf-nav .nav-item .nav-link.active,
.nav.kf-nav .nav-item .nav-link:focus,
.nav.kf-nav .nav-item .nav-link:hover {
    color: rgba(var(--kf-1-rgb), 1)
}

.nav.small .nav-item .nav-link {
    --bs-nav-link-padding-y: 0.15rem
}

.nav-pills {
    --bs-nav-link-hover-color: var(--kf-1);
    --bs-nav-link-hover-bg: rgba(var(--kf-1-rgb), 0.15);
    --bs-nav-pills-link-active-color: var(--kf-1-text);
    --bs-nav-pills-link-active-bg: var(--kf-1)
}

.nav-pills .nav-link:focus,
.nav-pills .nav-link:hover {
    background-color: var(--bs-nav-link-hover-bg)
}

.nav-pills .nav-link.active {
    background-color: var(--bs-nav-pills-link-active-bg);
    color: var(--bs-nav-pills-link-active-color)
}

.nav-pills.kf-nav-pills .nav-link {
    align-items: center;
    display: flex
}

.nav-pills.kf-nav-pills .nav-link .icon {
    font-size: 20px;
    margin-right: 10px
}

.nav-tabs {
    gap:15px;
    overflow: hidden;
    border-bottom: var(--border-width) solid var(--border-color);
}

.kf-tabs {
    --bs-nav-tabs-link-hover-bg: rgba(var(--kf-1-rgb), 0.05);
    --bs-nav-tabs-link-active-color: var(--kf-1);
    --bs-nav-tabs-link-active-border-color: var(--kf-1);
    --bs-nav-tabs-link-active-bg: rgba(var(--kf-1-rgb), 0.05);
    --bs-nav-tabs-border-width: 0
}

.kf-tabs .nav-link {
    border-width: 0 0 3px
}



.kf-sidebar {
    --gutter-x: 1.5rem;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    transition: all .2s ease-in-out;
    z-index: 99
}
.classic .kf-sidebar,
.boxed .kf-sidebar{
    width: var(--sidebar-width);
}
.small .kf-sidebar{
    width: var(--sidebar-small-width);
}
.kf-sidebar .kf-sidebar-inner {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow-y: auto
}

.kf-sidebar .kf-sidebar-inner .nav {
    margin-bottom: 1.25rem;
}

.kf-sidebar .kf-sidebar-inner .nav .nav-item .nav-link {
    --bs-nav-link-padding-y: 0.625rem;
    align-items: center;
    border-radius: var(--border-radius);
    color: var(--link-color);
    display: flex;
    position: relative
}

.kf-sidebar .kf-sidebar-inner .nav .nav-item .nav-link i,
.kf-sidebar .kf-sidebar-inner .nav .nav-item .nav-link svg {
    color: var(--link-color);
    stroke: var(--link-color);
    font-size: 18px;
    line-height: 26px;
    vertical-align: middle;
    width: 18px
}

.kf-sidebar .kf-sidebar-inner .nav .nav-item .nav-link i.menu-icon,
.kf-sidebar .kf-sidebar-inner .nav .nav-item .nav-link svg.menu-icon {
    margin-bottom: 0;
    margin-right: 10px
}

.kf-sidebar .kf-sidebar-inner .nav .nav-item .nav-link:focus,
.kf-sidebar .kf-sidebar-inner .nav .nav-item .nav-link:hover {
    color: var(--kf-1)
}

.kf-sidebar .kf-sidebar-inner .nav .nav-item .nav-link:focus i,
.kf-sidebar .kf-sidebar-inner .nav .nav-item .nav-link:focus svg,
.kf-sidebar .kf-sidebar-inner .nav .nav-item .nav-link:hover i,
.kf-sidebar .kf-sidebar-inner .nav .nav-item .nav-link:hover svg {
    color: var(--kf-1);
    stroke: var(--kf-1)
}

.kf-sidebar .kf-sidebar-inner .nav .nav-item .nav-link.active,
.kf-sidebar .kf-sidebar-inner .nav .nav-item .nav-link:active:not(.dropdown-toggle) {
    color: var(--kf-1)
}

.kf-sidebar .kf-sidebar-inner .nav .nav-item .nav-link.active i,
.kf-sidebar .kf-sidebar-inner .nav .nav-item .nav-link.active svg,
.kf-sidebar .kf-sidebar-inner .nav .nav-item .nav-link:active:not(.dropdown-toggle) i,
.kf-sidebar .kf-sidebar-inner .nav .nav-item .nav-link:active:not(.dropdown-toggle) svg {
    color: var(--kf-1);
    stroke: var(--kf-1)
}

.kf-sidebar .kf-sidebar-inner .nav .nav-item.dropdown .dropdown-toggle {
    align-items: center;
    display: flex
}

.kf-sidebar .kf-sidebar-inner .nav .nav-item.dropdown .dropdown-toggle .menu-name {
    flex-grow: 1
}

.kf-sidebar .kf-sidebar-inner .nav .nav-item.dropdown .dropdown-menu {
    background-color: rgba(var(--kf-1-rgb), .1);
    box-shadow: none;
    padding: 0;
    position: relative !important;
    transform: none !important
}

.kf-sidebar .kf-sidebar-inner .nav.menu-active-line .nav-item .nav-link:focus,
.kf-sidebar .kf-sidebar-inner .nav.menu-active-line .nav-item .nav-link:hover {
    background-color: rgba(var(--kf-1-rgb), .1);
    color: var(--kf-1)
}

.kf-sidebar .kf-sidebar-inner .nav.menu-active-line .nav-item .nav-link:focus i,
.kf-sidebar .kf-sidebar-inner .nav.menu-active-line .nav-item .nav-link:focus svg,
.kf-sidebar .kf-sidebar-inner .nav.menu-active-line .nav-item .nav-link:hover i,
.kf-sidebar .kf-sidebar-inner .nav.menu-active-line .nav-item .nav-link:hover svg {
    color: var(--kf-1);
    stroke: var(--kf-1)
}

.kf-sidebar .kf-sidebar-inner .nav.menu-active-line .nav-item .nav-link.active,
.kf-sidebar .kf-sidebar-inner .nav.menu-active-line .nav-item .nav-link.show,
.kf-sidebar .kf-sidebar-inner .nav.menu-active-line .nav-item .nav-link:active:not(.dropdown-toggle),
.dropdown-item.active, .dropdown-item:active, .dropdown .dropdown-menu .dropdown-item.bg-theme-1{
    color: #ffffff !important;
    background-color: #010016;
}

.kf-sidebar .kf-sidebar-inner .nav.menu-active-line .nav-item .nav-link.active:before{
    content: '';
    background-color: #ffffff;
    position: absolute;
    top: 3px;
    right: -40px;
    width: 37px;
    height: 28px;
    z-index: 0;
    filter: blur(7px);
    opacity: 1;
}

.kf-sidebar .kf-sidebar-inner .nav.menu-active-line .nav-item .nav-link.active i,
.kf-sidebar .kf-sidebar-inner .nav.menu-active-line .nav-item .nav-link.active svg,
.kf-sidebar .kf-sidebar-inner .nav.menu-active-line .nav-item .nav-link.show i,
.kf-sidebar .kf-sidebar-inner .nav.menu-active-line .nav-item .nav-link.show svg,
.kf-sidebar .kf-sidebar-inner .nav.menu-active-line .nav-item .nav-link:active:not(.dropdown-toggle) i,
.kf-sidebar .kf-sidebar-inner .nav.menu-active-line .nav-item .nav-link:active:not(.dropdown-toggle) svg {
    color: var(--kf-1-text);
    stroke: var(--kf-1-text)
}

.kf-sidebar .kf-sidebar-inner .nav.menu-active-line .nav-item.dropdown .dropdown-toggle {
    align-items: center;
    border-radius: var(--border-radius);
    display: flex
}

.kf-sidebar .kf-sidebar-inner .nav.menu-active-line .nav-item.dropdown .dropdown-toggle .menu-name {
    flex-grow: 1
}

.kf-sidebar .kf-sidebar-inner .nav.menu-active-line .nav-item.dropdown .dropdown-toggle.show {
    background-color: rgba(var(--kf-1-rgb), .1);
    border-radius: var(--border-radius) var(--border-radius) 0 0;
    color: var(--kf-1)
}

.kf-sidebar .kf-sidebar-inner .nav.menu-active-line .nav-item.dropdown .dropdown-toggle.show i,
.kf-sidebar .kf-sidebar-inner .nav.menu-active-line .nav-item.dropdown .dropdown-toggle.show svg {
    color: var(--kf-1);
    stroke: var(--kf-1)
}

.kf-sidebar .kf-sidebar-inner .nav.menu-active-line .nav-item.dropdown .dropdown-menu {
    background-color: rgba(var(--kf-1-rgb), .1);
    border-radius: 0 0 var(--border-radius) var(--border-radius);
    box-shadow: none;
    padding: 0;
    position: relative !important;
    margin: 0 10px !important;
    transform: none !important;
    
}

.kf-sidebar .kf-sidebar-inner .nav:last-child {
    margin-bottom: 0
}

.ssb.classic .kf-wrap,
.ssb.boxed .kf-wrap{
    padding-left: var(--sidebar-width);
    transition: padding .2s ease-in-out
}
.ssb.small .kf-wrap{
    padding-left: var(--sidebar-small-width);
    transition: padding .2s ease-in-out
}
.sidebar-close .kf-wrap .kf-sidebar {
    left: calc((var(--sidebar-width) + 10px)*-1)
}

.sidebar-close .kf-footer,
.sidebar-close .kf-wrap .kf-content.ssb {
    padding-left: 0
}

.sidebar-close.iconic-sidebar .kf-wrap .kf-sidebar {
    left: calc((var(--kf-sidebar-iconic-width) + 10px)*-1)
}

.sidebar-close.iconic-sidebar .kf-wrap .kf-content.ssb {
    padding-left: 0
}

.inner-sidebar-wrap {
    display: flex;
    flex-wrap: wrap;
    min-height: 550px;
    overflow: hidden;
    position: relative
}

.inner-sidebar-wrap .inner-sidebar {
    background-color: var(--kf-bg-1);
    flex: 0 0 auto;
    height: 100%;
    margin-left: 0;
    max-height: 100%;
    min-height: 600px;
    overflow-y: auto;
    padding-right: 1rem;
    position: relative;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    width: 350px;
    z-index: 1
}

.inner-sidebar-wrap .inner-sidebar .nav .nav-item {
    margin-bottom: 4px
}

.inner-sidebar-wrap .inner-sidebar .nav .nav-item .nav-link {
    align-items: center;
    border-radius: var(--border-radius);
    display: flex
}

.inner-sidebar-wrap .inner-sidebar .nav .nav-item .nav-link .icon {
    font-size: 20px;
    margin-right: 10px
}

.inner-sidebar-wrap .inner-sidebar .nav .nav-item .nav-link .minus {
    display: none
}

.inner-sidebar-wrap .inner-sidebar .nav .nav-item .nav-link:focus,
.inner-sidebar-wrap .inner-sidebar .nav .nav-item .nav-link:hover {
    background-color: rgba(var(--kf-1-rgb), .1);
    color: var(--kf-1)
}

.inner-sidebar-wrap .inner-sidebar .nav .nav-item .nav-link.active {
    background-color: rgba(var(--kf-1-rgb), 1);
    color: var(--kf-1-text)
}

.inner-sidebar-wrap .inner-sidebar .nav .nav-item .nav-link.active i,
.inner-sidebar-wrap .inner-sidebar .nav .nav-item .nav-link.active svg {
    color: var(--kf-1-text)
}

.inner-sidebar-wrap .inner-sidebar .nav .nav-item.dropdown .nav-link.show {
    background-color: rgba(var(--kf-1-rgb), .1);
    border-radius: var(--border-radius) var(--border-radius) 0 0;
    color: var(--kf-1)
}

.inner-sidebar-wrap .inner-sidebar .nav .nav-item.dropdown .dropdown-menu {
    background-color: rgba(var(--kf-1-rgb), .1);
    border-radius: 0 0 var(--border-radius) var(--border-radius);
    box-shadow: none;
    margin: 0;
    padding: 0;
    position: relative !important;
    transform: none !important
}

.inner-sidebar-wrap .inner-sidebar-content {
    flex: 1 0 0%;
    overflow-y: auto;
    position: relative;
    width: 100%;
    z-index: 0
}

.inner-sidebar-wrap .inner-sidebar-content a {
    text-decoration: none
}

.inner-sidebar-wrap .inner-sidebar-content .list-group .list-group-item .row {
    flex-wrap: nowrap
}

.inner-sidebar-wrap .inner-sidebar-content .list-group .list-group-item .row .col-md {
    margin-right: auto;
    max-width: calc(100% - 220px)
}

.innermenu-close .inner-sidebar {
    margin-left: -300px
}

.kf-sidebar-fill-accent .kf-sidebar .kf-sidebar-inner .nav.menu-active-line .nav-item .nav-link:focus,
.kf-sidebar-fill-accent .kf-sidebar .kf-sidebar-inner .nav.menu-active-line .nav-item .nav-link:hover,
.kf-sidebar-fill-theme .kf-sidebar .kf-sidebar-inner .nav.menu-active-line .nav-item .nav-link:focus,
.kf-sidebar-fill-theme .kf-sidebar .kf-sidebar-inner .nav.menu-active-line .nav-item .nav-link:hover
{
    background-color: rgba(var(--kf-1-rgb), .1);
    --kf-1: #fff
}

.kf-sidebar-fill-accent .kf-sidebar .kf-sidebar-inner .nav.menu-active-line .nav-item .nav-link.active,
.kf-sidebar-fill-accent .kf-sidebar .kf-sidebar-inner .nav.menu-active-line .nav-item .nav-link:active,
.kf-sidebar-fill-theme .kf-sidebar .kf-sidebar-inner .nav.menu-active-line .nav-item .nav-link.active,
.kf-sidebar-fill-theme .kf-sidebar .kf-sidebar-inner .nav.menu-active-line .nav-item .nav-link:active
{
    background-color: rgba(var(--kf-1-rgb), 1);
    --kf-1: #fff
}

.kf-sidebar-fill-accent .kf-sidebar .kf-sidebar-inner .nav.menu-active-line .nav-item.dropdown .dropdown-toggle.show,
.kf-sidebar-fill-theme .kf-sidebar .kf-sidebar-inner .nav.menu-active-line .nav-item.dropdown .dropdown-toggle.show
{
    --kf-1: #fff;
    background-color: hsla(0, 0%, 100%, .1)
}

.kf-sidebar-fill-accent .kf-sidebar .kf-sidebar-inner .nav.menu-active-line .nav-item.dropdown .dropdown-toggle.show i,
.kf-sidebar-fill-accent .kf-sidebar .kf-sidebar-inner .nav.menu-active-line .nav-item.dropdown .dropdown-toggle.show svg,
.kf-sidebar-fill-theme .kf-sidebar .kf-sidebar-inner .nav.menu-active-line .nav-item.dropdown .dropdown-toggle.show i,
.kf-sidebar-fill-theme .kf-sidebar .kf-sidebar-inner .nav.menu-active-line .nav-item.dropdown .dropdown-toggle.show svg
{
    color: var(--kf-1);
    stroke: var(--kf-1)
}

.kf-sidebar-fill-accent .kf-sidebar .kf-sidebar-inner .nav.menu-active-line .nav-item.dropdown .dropdown-menu,
.kf-sidebar-fill-theme .kf-sidebar .kf-sidebar-inner .nav.menu-active-line .nav-item.dropdown .dropdown-menu{
    background-color: hsla(0, 0%, 100%, .1)
}

.kf-sidebar-fill-accent .kf-sidebar .kf-sidebar-inner .btn-link,
.kf-sidebar-fill-theme .kf-sidebar .kf-sidebar-inner .btn-link{
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: hsla(0, 0%, 100%, .1)
}

.kf-sidebar-fill-accent .kf-sidebar .kf-sidebar-inner .card,
.kf-sidebar-fill-theme .kf-sidebar .kf-sidebar-inner .card{
    background-color: hsla(0, 0%, 100%, .15)
}

.kf-sidebar-fill-theme .kf-sidebar {
    --link-color: hsla(0, 0%, 100%, .65);
    background-color: rgba(var(--kf-1-rgb), .85) !important
}

.kf-sidebar-fill-theme .kf-sidebar .nav.menu-active-line .nav-item .nav-link:focus,
.kf-sidebar-fill-theme .kf-sidebar .nav.menu-active-line .nav-item .nav-link:hover {
    background-color: hsla(0, 0%, 100%, .1) !important
}

.kf-sidebar-fill-theme .kf-sidebar .nav.menu-active-line .nav-item .nav-link.active,
.kf-sidebar-fill-theme .kf-sidebar .nav.menu-active-line .nav-item .nav-link:active {
    background-color: hsla(0, 0%, 100%, .15) !important
}

.kf-sidebar-fill-bg .kf-sidebar {
    background-color: var(--kf-bg-1) !important
}

.msb .kf-sidebar {
    width: var(--kf-sidebar-iconic-width)
}

.msb .kf-sidebar .kf-sidebar-inner .nav {
    padding: 0 7px
}

.msb .kf-sidebar .kf-sidebar-inner .nav .nav-item {
    display: block;
    width: 100%
}

.msb .kf-sidebar .kf-sidebar-inner .nav .nav-item .nav-link {
    --bs-nav-link-padding-x: 0.5rem;
    text-align: center
}

.msb .kf-sidebar .kf-sidebar-inner .nav .nav-item .nav-link i,
.msb .kf-sidebar .kf-sidebar-inner .nav .nav-item .nav-link svg {
    margin: 0 auto !important
}

.msb .kf-sidebar .kf-sidebar-inner .nav .nav-item .nav-link .badge,
.msb .kf-sidebar .kf-sidebar-inner .nav .nav-item .nav-link .menu-name {
    display: none
}

.msb .kf-sidebar .kf-sidebar-inner .nav .nav-item.dropdown .dropdown-toggle {
    justify-content: center
}

.msb .kf-sidebar .kf-sidebar-inner .nav .nav-item.dropdown .dropdown-toggle:after {
    position: absolute;
    right: 5px;
    top: 48%
}

.msb .kf-sidebar .kf-sidebar-inner .nav .nav-item.dropdown .dropdown-menu {
    min-width: auto
}

.msb .kf-sidebar .not-iconic {
    display: none
}

.kf-content.msb {
    padding-left: var(--kf-sidebar-iconic-width)
}
.footer_menu{
    gap: .5rem !important;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
    justify-content: end;
}
.footer_menu .nav-link{
    padding-top: 0;
    padding-bottom: 0;
}
.ssb .kf-sidebar {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    box-shadow: none !important;    
}

.kf-sidebar .kf-sidebar-inner {
    height: 100%;
    padding-top: calc(var(--header-height) + 15px);
    margin-top: 0;
    border-right: 1px solid transparent;
    border-image: linear-gradient(to bottom, transparent, var(--border-color), transparent);
    border-image-slice: 1;
    border-image-width: 1px;
    border-image-outset: 0;
    border-image-repeat: stretch;
}

.ssb .kf-sidebar .kf-sidebar-inner .nav {
    margin-top: 1rem
}

.ssb .kf-sidebar .kf-sidebar-inner .nav:last-child {
    margin-bottom: 1rem
}

.ssb.kf-sidebar-iconic {
    --kf-sidebar-iconic-width: 92px
}

.ssb.msb .kf-sidebar {
    box-shadow: none;
    width: var(--kf-sidebar-iconic-width)
}

.ssb.msb .kf-sidebar .kf-sidebar-inner .nav {
    margin-top: .45rem
}

.ssb.msb .kf-sidebar .kf-sidebar-inner .nav .nav-item {
    display: block;
    width: 100%
}

.ssb.msb .kf-sidebar .kf-sidebar-inner .nav:last-child {
    margin-bottom: .45rem
}


.ssb.kf-sidebar-fill-bg .kf-sidebar .kf-sidebar-inner {
    background-color: var(--kf-bg-1)
}

.ssb.kf-sidebar-fill-theme .kf-sidebar .kf-sidebar-inner {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background-color: rgba(var(--kf-1-rgb), .9)
}

.ssb.kf-sidebar-fill-accent .kf-sidebar .kf-sidebar-inner {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background-color: rgba(var(--kf-accent-1-rgb), .9)
}


@media screen and (min-width:991px) {
   
    .kf-sidebar-iconic[class*=kf-sidebar-fill-]:not(.ssb) header .navbar .sidebar-toggler {
        margin-right: 1.5rem
    }
    .kf-sidebar-fill-accent:not(.sidebar-close):not([class*=kf-header-fill-]):not(.ssb):not(.kf-sidebar-iconic) header:not(.active) .navbar .sidebar-toggler,
    .kf-sidebar-fill-theme:not(.sidebar-close):not([class*=kf-header-fill-]):not(.ssb):not(.kf-sidebar-iconic) header:not(.active) .navbar .sidebar-toggler {
        --bs-btn-active-color: #fff;
        --bs-btn-hover-color: #fff;
        --link-color: hsla(0, 0%, 100%, .65);
        --kf-accent-1: #fff
    }
    .kf-sidebar-fill-accent:not(.sidebar-close).kf-sidebar-iconic:not([class*=kf-header-fill-]):not(.ssb) header:not(.active) .navbar .sidebar-toggler,
    .kf-sidebar-fill-theme:not(.sidebar-close).kf-sidebar-iconic:not([class*=kf-header-fill-]):not(.ssb) header:not(.active) .navbar .sidebar-toggler {
        --bs-btn-active-color: #fff;
        --bs-btn-hover-color: #fff;
        --link-color: hsla(0, 0%, 100%, .65);
        --kf-accent-1: #fff
    }
 
}
.sidebar-toggler{
    display:none;
}
.pricing_table_row{
    overflow: hidden;
    margin-left: calc(var(--gutter-x) * -1.3);
    margin-right: calc(var(--gutter-x) * -1.3);
}
.mat{
        margin: auto 0;
}
@media screen and (max-width:991px) {
    
    .ups{
            margin-left: auto !important;
    }
    header .ms-auto {
        margin-left: 10px !important;
    }
    
    .ssb.classic .kf-wrap,
    .ssb.boxed .kf-wrap {
        padding-left: 0;
        transition: padding .2s ease-in-out
    }
    .ssb.classic .sidebar-toggler,
    .ssb.boxed .sidebar-toggler{
    display:block;
}
    .ssb.classic .kf-sidebar,
    .ssb.boxed .kf-sidebar{
        -webkit-backdrop-filter: blur(15px);
        backdrop-filter: blur(15px);
        background-color: transparent;
        border: none;
        box-shadow: 2px 0 15px rgba(0, 0, 0, .1);
        left: calc((var(--sidebar-width) + 10px)* -1);
    }
    .kf-content.ssb {
        padding-left: 0
    }
    .ssb.classic.sidebar-open .kf-sidebar,
    .ssb.boxed.sidebar-open .kf-sidebar {
        left: 0;
        width:100%;
        background: var(--body-bg);
    }
    .sidebar-open .kf-content.ssb {
        padding-left: 0
    }
    .ssb .kf-sidebar {
        background-color: none;

    }
   
}
.inner_shadow{
    box-shadow: inset 0 0px 22px var(--card-bg-2);
}
@media screen and (max-width:992px) {
    .inner-sidebar-wrap .inner-sidebar {
        margin-left: -300px;
        position: absolute
    }
    .inner-sidebar-wrap .inner-sidebar-content .list-group .list-group-item .row {
        flex-wrap: wrap
    }
    .inner-sidebar-wrap .inner-sidebar-content .list-group .list-group-item .row .col-md {
        max-width: none
    }
    .innermenu-close .inner-sidebar {
        margin-left: 0;
        z-index: 1
    }
    .innermenu-close .inner-sidebar-content {
        margin-left: 0
    }
    .kf-sidebar-fill-accent.sidebar-open:not([class*=kf-header-fill-]):not(.kf-sidebar-iconic):not(.ssb) header:not(.active) .navbar .sidebar-toggler,
    .kf-sidebar-fill-theme.sidebar-open:not([class*=kf-header-fill-]):not(.kf-sidebar-iconic):not(.ssb) header:not(.active) .navbar .sidebar-toggler {
        --bs-btn-active-color: #fff;
        --bs-btn-hover-color: #fff;
        --link-color: hsla(0, 0%, 100%, .65);
        --kf-accent-1: #fff
    }
    .kf-sidebar-fill-accent.sidebar-open:not([class*=kf-header-fill-]):not(.kf-sidebar-iconic):not(.ssb) header:not(.active) .navbar .navbar-brand,
    .kf-sidebar-fill-theme.sidebar-open:not([class*=kf-header-fill-]):not(.kf-sidebar-iconic):not(.ssb) header:not(.active) .navbar .navbar-brand {
        --text-secondary: #ccc;
        --text-color: #fff
    }
    .kf-sidebar-fill-accent.sidebar-open.kf-sidebar-iconic:not([class*=kf-header-fill-]):not(.ssb) header:not(.active) .navbar .sidebar-toggler,
    .kf-sidebar-fill-theme.sidebar-open.kf-sidebar-iconic:not([class*=kf-header-fill-]):not(.ssb) header:not(.active) .navbar .sidebar-toggler {
        --bs-btn-active-color: #fff;
        --bs-btn-hover-color: #fff;
        --link-color: hsla(0, 0%, 100%, .65);
        --kf-accent-1: #fff
    }
}




.table tbody tr:hover td {
    background-color: var(--card-bg-2);
}

table thead tr th {
    font-weight: 300;
    border: 1px solid var(--border-color);
    border-top: none;
    border-left: none;
}

table thead tr th.selected {
    background-color: rgba(var(--kf-1-rgb), .075)
}
.table tbody{
    min-height: 500px;
    width: 100%;
}
.dt-scroll-body table.table {
    min-height: 500px;
}
tbody tr{
    position: relative;
}
th, td {
    white-space: nowrap;
}
.dt-scroll-head{
    background: var(--card-bg-2);
}
.dtfc-fixed-left{
    background: var(--card-bg-2);
    z-index: 99999999;
}
.dtfc-fixed-left:before{
    content: "";
    width: 1px;
    height: 100%;
    right: -1px;
    top: 0;
    position: absolute;
    background: var(--border-color);
}
.dtfc-fixed-left:after{
    content: "";
    width: 6px;
    height: 100%;
    right: -7px;
    top: 0;
    position: absolute;
    background: var(--body-bg);
    opacity: 0.4;
}
table tbody tr td,
table thead tr th{
    border: 1px solid var(--border-color);
    border-bottom-width: 0;
    border-left-width: 0;
    vertical-align: middle;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding-right: 35px !important;
    position: relative;
}

table tbody tr td.lastvisible,
table tbody tr td:last-child {
    border-radius: 0 var(--border-radius) var(--border-radius) 0
}

table tbody tr td.dtr-control:before {
    border-left-color: var(--kf-2) !important;
    vertical-align: middle
}

table tbody tr td.selected {
    background-color: rgba(var(--kf-1-rgb), .075)
}

table tbody tr.child .child {
    background-color: rgba(var(--kf-1-rgb), .05);
    border-radius: var(--border-radius)
}

table tbody tr.child ul.dtr-details {
    width: 100%
}

table tbody tr.dt-hasChild.dtr-expanded td.dtr-control:before {
    border-left-color: transparent !important;
    border-top-color: var(--kf-2) !important
}

.pagination {
    --bs-pagination-color: var(--kf-1);
    --bs-pagination-bg: transparent;
    --kf-bg-2: transparent;
    --border-width: 0px;
    --bs-pagination-disabled-bg: transparent;
    --bs-pagination-hover-bg: rgba(var(--kf-1-rgb), 0.1);
    --bs-pagination-active-bg: var(--kf-1);
    --bs-pagination-active-border-color: var(--kf-1)
}

.pagination li [data-dt-idx=first],
.pagination li [data-dt-idx=last],
.pagination li [data-dt-idx=next],
.pagination li [data-dt-idx=previous] {
    border-radius: var(--border-radius);
    font-size: 1.5rem
}

.pagination li [data-dt-idx=first] .page-link,
.pagination li [data-dt-idx=last] .page-link,
.pagination li [data-dt-idx=next] .page-link,
.pagination li [data-dt-idx=previous] .page-link {
    border-radius: 40px;
    border-radius: var(--border-radius);
    line-height: 24px;
    min-width: 36px;
    text-align: center
}

.pagination li [data-dt-idx=first] .page-link:focus,
.pagination li [data-dt-idx=first] .page-link:hover,
.pagination li [data-dt-idx=last] .page-link:focus,
.pagination li [data-dt-idx=last] .page-link:hover,
.pagination li [data-dt-idx=next] .page-link:focus,
.pagination li [data-dt-idx=next] .page-link:hover,
.pagination li [data-dt-idx=previous] .page-link:focus,
.pagination li [data-dt-idx=previous] .page-link:hover {
    box-shadow: none;
    outline: 0
}

.pagination li .page-link {
    border-radius: var(--border-radius);
    min-width: 36px;
    text-align: center
}

div.dt-container .dt-paging {
    margin: 0
}

div.dt-container .dt-paging .dt-paging-button {
    background-color: transparent;
    border: 0;
    border-radius: var(--border-radius);
    color: var(--text-color) !important;
    line-height: 24px;
    min-width: 36px
}

div.dt-container .dt-paging .dt-paging-button:active,
div.dt-container .dt-paging .dt-paging-button:hover {
    background: rgba(var(--kf-1-rgb), .1) !important;
    border: 0;
    box-shadow: none;
    color: var(--text-color) !important
}

div.dt-container .dt-paging .dt-paging-button.active,
div.dt-container .dt-paging .dt-paging-button.current {
    background-color: var(--kf-1);
    border: 0;
    box-shadow: none;
    color: var(--kf-1-text) !important
}

div.dt-container .dt-paging .dt-paging-button.active:hover,
div.dt-container .dt-paging .dt-paging-button.current:hover {
    background-color: var(--kf-1) !important;
    border: 0;
    color: var(--kf-1-text) !important
}

div.dt-container .dt-paging .dt-paging-button.disabled,
div.dt-container .dt-paging .dt-paging-button.disabled:active,
div.dt-container .dt-paging .dt-paging-button.disabled:focus,
div.dt-container .dt-paging .dt-paging-button.disabled:hover {
    border: 0
}

div.dt-container .dt-length .dt-input,
div.dt-container .dt-search .dt-input {
    border-color: var(--border-color);
    border-radius: var(--border-radius)
}

div.dt-container .dt-length .dt-input:focus,
div.dt-container .dt-search .dt-input:focus {
    border-color: var(--kf-1)
}

div.dt-container .dt-length label,
div.dt-container .dt-search label {
    color: var(--text-secondary);
    margin: 0 15px
}

.semidoughnutchart {
    display: block;
    height: 240px;
    position: relative
}

.semidoughnutchart .expensedatasemidoughnut {
    bottom: 40px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    z-index: 0
}

.semidoughnutchart canvas {
    margin: -50px 0;
    position: relative;
    vertical-align: top;
    z-index: 1
}

.pageloader {
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    background-color: var(--body-bg);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}

.loaderplus {
    height: 20px;
    margin: 0 auto;
    position: relative;
    width: 20px;
    --cubes: no-repeat linear-gradient(var(--kf-1) 0 0);
    background: var(--cubes) center/100% 4px, var(--cubes) center/4px 100%
}

.loaderplus:before {
    animation: loaderplusan 1.5s cubic-bezier(.2, 1, 0, 1) infinite;
    background: var(--cubes) 0 0, var(--cubes) 100% 0, var(--cubes) 0 100%, var(--cubes) 100% 100%;
    background-size: 6px 6px;
    content: "";
    inset: 0;
    position: absolute
}

@keyframes loaderplusan {
    33% {
        inset: -6px;
        transform: rotate(0deg)
    }
    66% {
        inset: -6px;
        transform: rotate(90deg)
    }
    to {
        inset: 0;
        transform: rotate(90deg)
    }
}

.loader1 {
    animation: loader1anim1 1s linear infinite;
    border-radius: 50%;
    height: 48px;
    position: relative;
    width: 48px
}

.loader1:after,
.loader1:before {
    animation: loader1anim2 2s linear infinite;
    border: 5px solid var(--kf-accent-1);
    border-radius: 50%;
    box-sizing: border-box;
    content: "";
    inset: 0;
    position: absolute
}

.loader1:after {
    border-color: var(--kf-1);
    transform: rotate3d(90, 90, 0, 180deg)
}

@keyframes loader1anim1 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

@keyframes loader1anim2 {
    0% {
        clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)
    }
    50% {
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0)
    }
    75%,
    to {
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%)
    }
}

.loader2 {
    animation: loader2anim1 1s linear infinite;
    border-radius: 50%;
    height: 48px;
    position: relative;
    width: 48px
}

.loader2:after,
.loader2:before {
    animation: loader2anim2 2s linear infinite;
    border: 5px solid var(--kf-accent-1);
    border-radius: 50%;
    box-sizing: border-box;
    content: "";
    inset: 0;
    position: absolute
}

.loader2 .loader:after {
    border-color: var(--kf-1);
    inset: 8px;
    transform: rotate3d(90, 90, 0, 180deg)
}

@keyframes loader2anim1 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

@keyframes loader2anim2 {
    0% {
        clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)
    }
    50% {
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0)
    }
    75%,
    to {
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%)
    }
}

 @keyframes alert { 
            0% { 
                bottom:-60px;
            }
            5% { 
                bottom:60px;
            } 
  
            95% { 
                bottom:60px;
                scale:1.1;
            } 
            100% {
                bottom:-60px;
                scale:1;
            } 
        } 


.loader3 {
    animation: loader3anim1 1s linear infinite;
    border-radius: 50%;
    height: 48px;
    position: relative;
    width: 48px
}

.loader3:after,
.loader3:before {
    animation: loader3anim2 2s linear infinite;
    border: 5px solid var(--kf-accent-1);
    border-radius: 50%;
    box-sizing: border-box;
    content: "";
    inset: 0;
    position: absolute
}

.loader3:after {
    animation: loader1anim2 2s linear infinite, loader3anim1 .5s linear infinite reverse;
    border-color: var(--kf-1);
    inset: 6px
}

@keyframes loader3anim1 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

@keyframes loader3anim2 {
    0% {
        clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)
    }
    25% {
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0)
    }
    50% {
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%)
    }
    75% {
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%)
    }
    to {
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0)
    }
}

.loader4 {
    animation: loader4anim1 1s linear infinite;
    border: 3px solid var(--kf-accent-1);
    display: inline-block;
    height: 48px;
    position: relative;
    width: 48px
}

.loader4,
.loader4:after {
    border-radius: 50%;
    box-sizing: border-box
}

.loader4:after {
    border: 3px solid;
    border-color: var(--kf-1) transparent;
    content: "";
    height: 40px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 40px
}

@keyframes loader4anim1 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

.loader5 {
    animation: loader5anim1 1s linear infinite;
    border: 3px solid;
    border-color: var(--kf-accent-1) #fff transparent;
    border-radius: 50%;
    box-sizing: border-box;
    display: inline-block;
    height: 48px;
    position: relative;
    width: 48px
}

.loader5:after {
    animation: loader5anim2 .5s linear infinite;
    border: 3px solid;
    border-color: transparent var(--kf-1) var(--kf-1);
    border-radius: 50%;
    bottom: 0;
    box-sizing: border-box;
    content: "";
    height: 24px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    transform-origin: center center;
    width: 24px
}

@keyframes loader5anim1 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

@keyframes loader5anim2 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(-1turn)
    }
}

.loader6 {
    animation: loader6anim1 2s linear infinite;
    border-style: dotted;
    border-bottom: 3px dotted var(--kf-accent-1);
    border-left: 3px dotted var(--kf-accent-1);
    border-radius: 50%;
    border-right: 3px solid var(--kf-accent-1);
    border-top: 3px solid var(--kf-accent-1);
    box-sizing: border-box;
    display: inline-block;
    height: 48px;
    position: relative;
    width: 48px
}

.loader6:after {
    animation: loader6anim2 1s linear infinite;
    border: 3px var(--kf-1);
    border-radius: 50%;
    border-style: solid solid dotted;
    bottom: 0;
    box-sizing: border-box;
    content: "";
    height: 24px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    transform-origin: center center;
    width: 24px
}

@keyframes loader6anim1 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

@keyframes loader6anim2 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(-1turn)
    }
}

.loader7 {
    animation: loader7anim1 2s linear infinite;
    border: 5px dotted var(--kf-1);
    border-radius: 50%;
    box-sizing: border-box;
    display: inline-block;
    height: 48px;
    position: relative;
    width: 48px
}

@keyframes loader7anim1 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

.loader8 {
    animation: loader8anim1 1s linear infinite;
    background: linear-gradient(0deg, rgba(var(--kf-1-rgb), .2) 33%, var(--kf-1) 100%);
    display: inline-block;
    height: 48px;
    position: relative;
    width: 48px
}

.loader8,
.loader8:after {
    border-radius: 50%;
    box-sizing: border-box
}

.loader8:after {
    background: var(--kf-bg-2);
    content: "";
    height: 44px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 44px
}

@keyframes loader8anim1 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

.loader9 {
    border: 10px solid var(--kf-accent-1);
    height: 48px;
    position: relative;
    transform: rotate(45deg);
    width: 48px
}

.loader9,
.loader9:before {
    border-radius: 50%;
    box-sizing: border-box
}

.loader9:before {
    animation: loader9anim1 2s linear infinite;
    border: 10px solid var(--kf-1);
    content: "";
    inset: -10px;
    position: absolute
}

@keyframes loader9anim1 {
    0% {
        clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)
    }
    25% {
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0)
    }
    50% {
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%)
    }
    75% {
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%)
    }
    to {
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0)
    }
}

.loader10,
.loader10:after,
.loader10:before {
    animation-fill-mode: both;
    animation: loader110anim1 1.8s ease-in-out infinite;
    border-radius: 50%;
    height: 16px;
    width: 16px
}

.loader10 {
   animation-delay: -.16s;
    color: #161131;
    font-size: 7px;
    position: relative;
    text-indent: -9999em;
    transform: translateZ(0);
}

.loader10:after,
.loader10:before {
    content: "";
    position: absolute;
    top: 0
}

.loader10:before {
    animation-delay: -.32s;
    left: -3.5em
}

.loader10:after {
    left: 3.5em
}

@keyframes loader110anim1 {
    0%,
    80%,
    to {
        box-shadow: 0 2.5em 0 -1.3em
    }
    40% {
        box-shadow: 0 2.5em 0 0
    }
}

.loader11 {
    background: currentColor;
    border-radius: 50%;
    box-shadow: 32px 0, -32px 0, 64px 0;
    color: var(--kf-accent-1);
    position: relative
}

.loader11,
.loader11:after {
    height: 16px;
    left: -32px;
    width: 16px
}

.loader11:after {
    animation: loader11anim1 3s linear infinite alternate;
    background: var(--kf-1);
    border-radius: 10px;
    content: "";
    position: absolute;
    top: 0
}

@keyframes loader11anim1 {
    0%,
    5% {
        left: -32px;
        width: 16px
    }
    15%,
    20% {
        left: -32px;
        width: 48px
    }
    30%,
    35% {
        left: 0;
        width: 16px
    }
    45%,
    50% {
        left: 0;
        width: 48px
    }
    60%,
    65% {
        left: 32px;
        width: 16px
    }
    75%,
    80% {
        left: 32px;
        width: 48px
    }
    95%,
    to {
        left: 64px;
        width: 16px
    }
}

.loader12 {
    display: inline-block;
    height: 48px;
    position: relative;
    width: 48px
}

.loader12:after,
.loader12:before {
    animation: loader12anim1 2s ease-in-out infinite;
    border: 2px solid var(--kf-accent-1);
    box-sizing: border-box;
    content: "";
    height: 48px;
    left: 0;
    position: absolute;
    top: 0;
    width: 48px
}

.loader12:after {
    animation-delay: 1s;
    border-color: var(--kf-1)
}

@keyframes loader12anim1 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

.loader13 {
    animation: loader13anim1 1s linear infinite alternate;
    background: var(--kf-1);
    color: var(--kf-accent-1);
    height: 48px;
    position: relative;
    transform: rotateX(65deg) rotate(45deg);
    width: 48px
}

.loader13:after {
    animation: loader13anim2 1s linear infinite alternate;
    background: rgba(var(--kf-accent-1-rgb), .7);
    content: "";
    inset: 0;
    position: absolute
}

@keyframes loader13anim1 {
    0% {
        box-shadow: 0 0 0 0
    }
    90%,
    to {
        box-shadow: 20px 20px 0 -4px
    }
}

@keyframes loader13anim2 {
    0% {
        transform: translate(0) scale(1)
    }
    to {
        transform: translate(-25px, -25px) scale(1)
    }
}

.loader14 {
    animation: loader14anim1 1s ease-in infinite alternate;
    background: currentColor;
    border-radius: 4px;
    box-shadow: 15px 0 0 -1px, -15px 0 0 -1px, 30px 0 0 -2px, -30px 0 0 -2px, 45px 0 0 -3px, -45px 0 0 -3px;
    color: var(--kf-1);
    height: 30px;
    position: relative;
    width: 10px
}

@keyframes loader14anim1 {
    to {
        height: 0
    }
}

.loader15 {
    color: var(--kf-accent-1);
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 48px;
    font-weight: 700;
    position: relative
}

.loader15:before {
    animation: loader15anim1 .6s linear infinite;
    border: 7px solid var(--kf-accent-1);
    border-bottom-color: var(--kf-1);
    border-radius: 50%;
    bottom: 18px;
    box-sizing: border-box;
    content: "";
    height: 30px;
    left: 34px;
    position: absolute;
    width: 30px
}

@keyframes loader15anim1 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

.loader16 {
    transform: translateZ(1px)
}

.loader16:after {
    animation: coin-flip 4s cubic-bezier(0, .2, .8, 1) infinite;
    background: gold;
    border: 4px double;
    border-radius: 50%;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, .1);
    box-sizing: border-box;
    color: #daa520;
    content: "$";
    display: inline-block;
    font-size: 32px;
    font-weight: 700;
    height: 48px;
    line-height: 40px;
    text-align: center;
    width: 48px
}

@keyframes coin-flip {
    0%,
    to {
        animation-timing-function: cubic-bezier(.5, 0, 1, .5)
    }
    0% {
        transform: rotateY(0deg)
    }
    50% {
        animation-timing-function: cubic-bezier(0, .5, .5, 1);
        transform: rotateY(5turn)
    }
    to {
        transform: rotateY(10turn)
    }
}

.fs-10 {
    font-size: 10px !important
}

.fs-12 {
    font-size: 12px !important
}

.fs-14 {
    font-size: 14px !important
}

.bg-none {
    background-color: transparent !important
}

figure {
    margin-bottom: 0
}

.style-none {
    text-decoration: none
}

.coverimg {
    background-position: 50%;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background: var(--card-bg);
}

.coverimg>img {
    display: none
}

.avatar {
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    vertical-align: middle
}

.avatar,
.avatar>i,
.avatar>svg {
    display: inline-flex;
    text-align: center
}

.avatar>i,
.avatar>svg {
    align-self: center;
    margin: 0 auto
}

.avatar img {
    height: auto;
    max-width: 100%
}

.avatar.avatar-10 {
    height: 10px;
    line-height: 9px;
    width: 10px
}

.avatar.avatar-20 {
    height: 20px;
    line-height: 18px;
    width: 20px
}

.avatar.avatar-30 {
    height: 30px;
    line-height: 27px;
    width: 30px
}

.avatar.avatar-40 {
    height: 40px;
    line-height: 36px;
    width: 40px
}

.avatar.avatar-50 {
        height: 50px;
    line-height: 45px;
    width: 50px;
    background-size: cover !important;
}

.avatar.avatar-60 {
    height: 60px;
    line-height: 54px;
    width: 60px
}

.avatar.avatar-70 {
    height: 70px;
    line-height: 63px;
    width: 70px
}

.avatar.avatar-80 {
    height: 80px;
    line-height: 72px;
    width: 80px;
        background-size: 80px !important;
}

.avatar.avatar-90 {
    height: 90px;
    line-height: 81px;
    width: 90px
}

.avatar.avatar-100 {
    height: 100px;
    line-height: 90px;
    width: 100px
}

.avatar.avatar-110 {
    height: 110px;
    line-height: 99px;
    width: 110px
}

.avatar.avatar-120 {
    height: 120px;
    line-height: 108px;
    width: 120px
}

.avatar.avatar-130 {
    height: 130px;
    line-height: 117px;
    width: 130px
}

.avatar.avatar-140 {
    height: 140px;
    line-height: 126px;
    width: 140px
}

.avatar.avatar-150 {
    height: 150px;
    line-height: 135px;
    width: 150px;
    background-size: cover !important;
}

.avatar.avatar-18 {
    height: 18px;
    line-height: 16px;
    width: 18px
}

.avatar.avatar-28 {
    height: 28px;
    line-height: 26px;
    width: 28px;
}

.avatar.hover,
.card.hover {
    overflow: hidden
}

.avatar.hover .overlay,
.card.hover .overlay {
    align-items: center;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: rgba(0, 0, 0, .45);
    display: none;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.avatar.hover:hover .overlay,
.card.hover:hover .overlay {
    display: flex
}

.overlay-gradiant {
    position: relative;
    z-index: 0
}

.overlay-gradiant:after {
    background-image: linear-gradient(transparent, #000);
    bottom: 0;
    content: "";
    height: 50%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

.z-index-0 {
    z-index: 0 !important
}

.z-index-1 {
    z-index: 1 !important
}

.z-index-2 {
    z-index: 2 !important
}

.z-index-3 {
    z-index: 3 !important
}

.z-index-4 {
    z-index: 4 !important
}

.z-index-5 {
    z-index: 5 !important
}

.z-index-6 {
    z-index: 6 !important
}

.z-index-7 {
    z-index: 7 !important
}

.z-index-8 {
    z-index: 8 !important
}

.z-index-9 {
    z-index: 9 !important
}

.z-index-10 {
    z-index: 999999999 !important
}

.width-10 {
    width: 10px !important
}

.width-20 {
    width: 20px !important
}

.width-30 {
    width: 30px !important
}

.width-40 {
    width: 40px !important
}

.width-50 {
    width: 50px !important
}

.width-60 {
    width: 60px !important
}

.width-70 {
    width: 70px !important
}

.width-80 {
    width: 80px !important
}

.width-90 {
    width: 90px !important
}

.width-100 {
    width: 100px !important
}

.width-110 {
    width: 110px !important
}

.width-120 {
    width: 120px !important
}

.width-130 {
    width: 130px !important
}

.width-140 {
    width: 140px !important
}

.width-150 {
    width: 150px !important
}

.width-160 {
    width: 160px !important
}

.width-170 {
    width: 170px !important
}

.width-180 {
    width: 180px !important
}

.width-190 {
    width: 190px !important
}

.width-200 {
    width: 200px !important
}

.width-210 {
    width: 210px !important
}

.width-220 {
    width: 220px !important
}

.width-230 {
    width: 230px !important
}

.width-240 {
    width: 240px !important
}

.width-250 {
    width: 250px !important
}

.width-260 {
    width: 260px !important
}

.width-270 {
    width: 270px !important
}

.width-280 {
    width: 280px !important
}

.width-290 {
    width: 290px !important
}

.width-300 {
    width: 300px !important
}
.width-450 {
    width: 450px !important
}

.maxwidth-10 {
    max-width: 10px !important
}

.maxwidth-20 {
    max-width: 20px !important
}

.maxwidth-30 {
    max-width: 30px !important
}

.maxwidth-40 {
    max-width: 40px !important
}

.maxwidth-50 {
    max-width: 50px !important
}

.maxwidth-60 {
    max-width: 60px !important
}

.maxwidth-70 {
    max-width: 70px !important
}

.maxwidth-80 {
    max-width: 80px !important
}

.maxwidth-90 {
    max-width: 90px !important
}

.maxwidth-100 {
    max-width: 100px !important
}

.maxwidth-110 {
    max-width: 110px !important
}

.maxwidth-120 {
    max-width: 120px !important
}

.maxwidth-130 {
    max-width: 130px !important
}

.maxwidth-140 {
    max-width: 140px !important
}

.maxwidth-150 {
    max-width: 150px !important
}

.maxwidth-160 {
    max-width: 160px !important
}

.maxwidth-170 {
    max-width: 170px !important
}

.maxwidth-180 {
    max-width: 180px !important
}

.maxwidth-190 {
    max-width: 190px !important
}

.maxwidth-200 {
    max-width: 200px !important
}

.maxwidth-210 {
    max-width: 210px !important
}

.maxwidth-220 {
    max-width: 220px !important
}

.maxwidth-230 {
    max-width: 230px !important
}

.maxwidth-240 {
    max-width: 240px !important
}

.maxwidth-250 {
    max-width: 250px !important
}

.maxwidth-260 {
    max-width: 260px !important
}

.maxwidth-270 {
    max-width: 270px !important
}

.maxwidth-280 {
    max-width: 280px !important
}

.maxwidth-290 {
    max-width: 290px !important
}

.maxwidth-300 {
    max-width: 300px !important
}

.height-10 {
    height: 10px !important
}

.height-20 {
    height: 20px !important
}

.height-30 {
    height: 30px !important
}

.height-40 {
    height: 40px !important
}

.height-50 {
    height: 50px !important
}

.height-60 {
    height: 60px !important
}

.height-70 {
    height: 70px !important
}

.height-80 {
    height: 80px !important
}

.height-90 {
    height: 90px !important
}

.height-100 {
    height: 100px !important
}

.height-110 {
    height: 110px !important
}

.height-120 {
    height: 120px !important
}

.height-130 {
    height: 130px !important
}

.height-140 {
    height: 140px !important
}

.height-150 {
    height: 150px !important
}

.height-160 {
    height: 160px !important
}

.height-170 {
    height: 170px !important
}

.height-180 {
    height: 180px !important
}

.height-190 {
    height: 190px !important
}

.height-200 {
    height: 200px !important
}

.height-210 {
    height: 210px !important
}

.height-220 {
    height: 220px !important
}

.height-230 {
    height: 230px !important
}

.height-240 {
    height: 240px !important
}

.height-250 {
    height: 250px !important
}

.height-260 {
    height: 260px !important
}

.height-270 {
    height: 270px !important
}

.height-280 {
    height: 280px !important
}

.height-290 {
    height: 290px !important
}

.height-300 {
    height: 300px !important
}

.height-dynamic {
    height: var(--h-dynamic) !important
}

.miheight-400 {
    min-height: 400px
}

.miheight-300 {
    min-height: 300px
}

.miheight-200 {
    min-height: 200px
}

.miheight-150 {
    min-height: 150px
}

.minvheight-100 {
    min-height: 100vh
}

.minwidth-100 {
    min-width: 100%
}

.b--25 {
    bottom: -25px !important
}

.b--50 {
    bottom: -50px !important
}

.b--75 {
    bottom: -75px !important
}

.b--100 {
    bottom: -100px !important
}

.mt--25 {
    margin-top: -25px !important
}

.mt--50 {
    margin-top: -50px !important
}

.mt--75 {
    margin-top: -75px !important
}

.mt--100 {
    margin-top: -100px !important
}

.text-truncated {
    display: block;
    width: 100%
}

.badge.text-bg-theme-1 {
    background-color: rgba(var(--kf-1-rgb), var(--bs-bg-opacity, 1)) !important
}

.badge.text-bg-theme-accent-1 {
    background-color: rgba(var(--kf-accent-1-rgb), var(--bs-bg-opacity, 1)) !important
}

.badge {
    border-radius: var(--border-radius-sm);
    font-size: 14px;
    box-shadow: inset 0 0 0 .5px hsla(0, 0%, 100%, .15), 0 0 0 .5px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .04);
    font-weight: 400;
    padding: 6px 10px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.badge.text-bg-theme-1 {
    background-color: rgba(var(--kf-1-rgb), .15) !important;
    color: var(--kf-1) !important
}

.badge.text-bg-theme-2 {
    background-color: rgba(var(--kf-1-rgb), .15) !important;
    color: var(--kf-2) !important
}

.badge.text-bg-theme-accent-1 {
    background-color: rgba(var(--kf-accent-1-rgb), .15) !important;
    color: var(--kf-accent-1) !important
}

.badge.text-bg-theme-accent-2 {
    background-color: rgba(var(--kf-accent-2-rgb), .15) !important;
    color: var(--kf-2) !important
}

.badge.text-bg-primary {
     background-color: rgb(46 47 49 / 15%) !important;
    color: #876bd7 !important;
}

.badge.text-bg-secondary {
    background-color: rgb(46 47 49 / 15%) !important;
    color: #876bd7 !important;
}

.badge.text-bg-danger {
    background-color: rgba(var(--bs-danger-rgb), .15) !important;
    color: var(--bs-danger) !important
}
.badge.text-bg-classic {
    background-color: var(--card-bg-2);
    color: var(--text-color);
}

.badge.text-bg-success {
    background-color: var(--bs-success-rgb) !important;
    color: var(--bs-success) !important
}

.badge.text-bg-warning {
    background-color: var(--bs-warning-rgb) !important;
    color: var(--bs-warning) !important
}

.badge.text-bg-info {
    background-color: rgba(var(--bs-info-rgb), .15) !important;
    color: var(--bs-info) !important
}

.badge.small {
    border-radius: 15px;
    font-size: 12px;
    padding: 3px 7px
}

.badge.badge-sm {
    --bs-badge-font-weight: 400;
    font-size: .825rem;
    font-weight: var(--bs-badge-font-weight)
}

.ribbon {
    background-color: var(--kf-1);
    border-radius: 3px;
    font-size: .8rem;
    height: 20px;
    line-height: 18px;
    margin: 5px 0;
    overflow: visible;
    padding: 0 8px
}

.ribbon:after,
.ribbon:before {
    border-left: 10px solid transparent;
    border-right: 0 solid transparent;
    border-top: 10px solid rgba(var(--kf-1-rgb), var(--bs-bg-opacity, 1));
    content: "";
    height: 0;
    left: -10px;
    position: absolute;
    top: 0;
    width: 0
}

.ribbon:before {
    border-bottom: 10px solid rgba(var(--kf-1-rgb), var(--bs-bg-opacity, 1))
}

.ribbon.end-0 {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    margin-right: -5px
}

.ribbon.start-0 {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    margin-left: -5px
}

.ribbon.start-0:after,
.ribbon.start-0:before {
    border-left: 0 solid transparent;
    border-right: 10px solid transparent;
    left: auto;
    right: -10px
}

.riskometer {
    --riskometer-width: 240px;
    --riskometer-height: calc(var(--riskometer-width)/2);
    align-items: flex-end;
    background: radial-gradient(at 50% var(--riskometer-height), transparent 50%, hsla(0, 0%, 100%, 0)), conic-gradient(from 270deg at bottom, #08a046 0 30deg, #00cc1b 30deg 60deg, #fe0 60deg 90deg, #ffae07 90deg 120deg, #fc7a1e 120deg 150deg, #c80036 150deg 180deg);
    background-blend-mode: color-dodge;
    border-radius: var(--riskometer-height) var(--riskometer-height) 0 0;
    display: flex;
    height: var(--riskometer-height);
    justify-content: center;
    margin: 0 auto 30px;
    position: relative;
    width: var(--riskometer-width)
}

.riskometer:before {
    --inner-circle-width-offset: calc(var(--riskometer-height)*20/100);
    --inner-circle-width: calc(var(--riskometer-height) + var(--inner-circle-width-offset));
    --inner-circle-height: calc(var(--inner-circle-width)/2);
    background: #fff;
    border-radius: var(--inner-circle-width) var(--inner-circle-width) 0 0;
    bottom: 0;
    content: "";
    display: block;
    height: var(--inner-circle-height);
    position: absolute;
    width: var(--inner-circle-width);
    z-index: 1
}

.riskometer .indicator {
    --indicator-width-offset: calc(var(--riskometer-height)*10/100);
    --indicator-width: calc(var(--riskometer-height) - var(--indicator-width-offset));
    --indicator-height: calc(var(--indicator-width)/2);
    height: var(--indicator-height);
    position: absolute;
    width: var(--indicator-width);
    z-index: 1
}

.riskometer .indicator:after {
    background-color: var(--kf-accent-1);
    border: 2px solid var(--kf-1);
    border-radius: 50%;
    content: "";
    height: 20px;
    left: 50%;
    margin-left: -10px;
    position: absolute;
    top: calc(100% - 10px);
    width: 20px;
    z-index: 1
}

.riskometer .indicator:before {
    content: "";
    --arrow-width: calc(var(--riskometer-height)*0.06);
    --arrow-height: calc(var(--riskometer-height)*0.5);
    --arrow-width-double: calc(var(--arrow-width)*2);
    border: var(--arrow-width) solid transparent;
    border-right: var(--arrow-height) solid var(--kf-1);
    bottom: calc(var(--riskometer-height)*-.055);
    display: block;
    left: calc(var(--riskometer-height)*-.115);
    position: absolute;
    rotate: var(--arrow-rotation);
    transform-origin: calc(var(--indicator-height) + var(--arrow-width-double)) var(--arrow-width);
    transition: rotate .3s;
    width: calc(var(--riskometer-height)*.01);
    z-index: 0
}

.low {
    --arrow-rotation: 15deg
}

.low-moderate {
    --arrow-rotation: 45deg
}

.moderate {
    --arrow-rotation: 75deg
}

.moderate-high {
    --arrow-rotation: 105deg
}

.high {
    --arrow-rotation: 135deg
}

.very-high {
    --arrow-rotation: 165deg
}


.sunmoon {
    padding: 0
}

.sunmoon input {
    display: none
}

.sunmoon input+label {
    border: 2px solid var(--border-color);
    border-radius: 22px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .15);
    display: block;
    height: 44px;
    overflow: hidden;
    position: relative;
    transition: all .5s ease;
    width: 100px
}

.sunmoon input+label:after {
    background: hsla(0, 0%, 100%, .2);
    box-shadow: 0 3px 10px rgba(0, 0, 0, .15);
    height: 36px;
    left: 2px;
    top: 2px;
    width: 36px;
    z-index: 1
}

.sunmoon input+label:after,
.sunmoon input+label:before {
    border-radius: 20px;
    content: "";
    display: block;
    position: absolute;
    transition: all .5s ease
}

.sunmoon input+label:before {
    background: #fcd13f;
    background: linear-gradient(90deg, #fcd13f, #fc9b3f 25%, #e30045 50%, #8000ff 70%, #150036);
    height: 100%;
    left: 0;
    top: 0;
    width: 200px;
    z-index: 0
}

.sunmoon input+label .moon,
.sunmoon input+label .sun {
    color: #fff;
    font-size: 34px;
    left: 0;
    line-height: 40px;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 0;
    transition: all .5s ease;
    width: 38px;
    z-index: 2
}

.sunmoon input+label .moon {
    font-size: 24px;
    opacity: 0
}

.sunmoon input:checked+label {
    background: #0d0047
}

.sunmoon input:checked+label:after {
    left: calc(100% - 38px)
}

.sunmoon input:checked+label:before {
    left: -100px
}

.sunmoon input:checked+label .sun {
    left: calc(100% - 40px);
    opacity: 0
}

.sunmoon input:checked+label .moon {
    left: calc(100% - 40px);
    opacity: 1
}

.btnsunmoon .moon,
.btnsunmoon.active .sun {
    display: none
}

.btnsunmoon.active .moon {
    display: block
}

.gradient-box,
.select-box {
    cursor: pointer
}

.gradient-box>.avatar,
.select-box>.avatar {
    border: 1px solid hsla(0, 0%, 56%, .5)
}

.gradient-box.active>.avatar,
.select-box.active>.avatar {
    border: 2px solid var(--kf-accent-1)
}



.rtlcheck {
    padding: 0
}

.rtlcheck input {
    display: none
}

.rtlcheck input+label {
    border: 2px solid var(--border-color);
    border-radius: 22px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .15);
    display: block;
    height: 44px;
    overflow: hidden;
    position: relative;
    transition: all .5s ease;
    width: 100px
}

.rtlcheck input+label:after {
    box-shadow: 0 3px 10px rgba(0, 0, 0, .15);
    height: 36px;
    left: 2px;
    top: 2px;
    width: 36px;
    z-index: 1
}

.rtlcheck input+label:after,
.rtlcheck input+label:before {
    background: #fff;
    border-radius: 20px;
    content: "";
    display: block;
    position: absolute;
    transition: all .5s ease
}

.rtlcheck input+label:before {
    background: linear-gradient(90deg, #fff 0, rgba(var(--kf-1-rgb), 1) 100%);
    height: 100%;
    left: 0;
    top: 0;
    width: 200px;
    z-index: 0
}

.rtlcheck input+label .ltrjustify,
.rtlcheck input+label .rtljustify {
    color: var(--text-color-color);
    font-size: 24px;
    left: 0;
    line-height: 40px;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 0;
    transition: all .5s ease;
    width: 38px;
    z-index: 2
}

.rtlcheck input+label .rtljustify {
    font-size: 24px;
    opacity: 0
}

.rtlcheck input:checked+label {
    background: #0d0047
}

.rtlcheck input:checked+label:after {
    left: calc(100% - 38px)
}

.rtlcheck input:checked+label:before {
    left: -100px
}

.rtlcheck input:checked+label .ltrjustify {
    left: calc(100% - 40px);
    opacity: 0
}

.rtlcheck input:checked+label .rtljustify {
    left: calc(100% - 40px);
    opacity: 1
}

.no-rtl {
    direction: ltr
}

body,
html {
    min-height: 100vh;
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    color: var(--text-color);
    display: flex;
    flex-direction: column;
    font-family: var(--font), sans-serif;
    font-weight: 200;
    height: auto;
    background: var(--body-bg);
    line-height: 26px;
    font-size: 1.15rem;
    
    
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 500
}

.h1:last-child,
.h2:last-child,
.h3:last-child,
.h4:last-child,
.h5:last-child,
.h6:last-child,
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child {
    margin-bottom: 0
}
#balance_chart,
#equity_chart{
        display: block;
    box-sizing: border-box;
    position: absolute;
    right: 0px;
    bottom: -5px;
    width: 270px;
    height: 100%;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--kf-title-font), sans-serif;
    font-weight: var(--kf-title-font-weight);
   
}
html[mode="dark"] .mc{
    padding-bottom: .1em;
    background: radial-gradient(50% 100% at 50% 50%, #fff 30%, hsla(0, 0%, 100%, .5) 100%);
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;


}
p:last-child {
    margin-bottom: 0
}

hr {
    border-color: var(--border-color);
    opacity: 1
}

.kf-wrap {
    position: relative;
    overflow: hidden;
    min-height: calc(100vh - var(--header-height) - var(--footer-height) - 15px) !important;
}
body:not(.t0) .kf-wrap {
    margin-top: calc(var(--header-height) + 15px);
}
.kf-wrap .kf-content {
    --link-color-rgb: var(--kf-1-rgb)
}
.card.ready{
    background-color: var(--bs-success-rgb) !important;
    color: var(--bs-success) !important;
    border: 1px solid #3e4f07;
}
    

.pagination li .page-link {
    border-radius: var(--border-radius) !important
}

.ssb {
        --border-radius: 10px;
}


.login-box {
    max-width: 450px
}


::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, .02);
    border-radius: 10px;
    box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, .1)
}

::-webkit-scrollbar-thumb {
    background-color: rgba(var(--kf-1-rgb), .1);
    border-radius: 10px
}


.bge:before {
    content: "";
    width: 80%;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
    height: 100%;
    background: url(/@repo/img/public/exb.svg);
    background-size: cover;
    position: absolute;
    pointer-events: none;
}
.mwo{
    padding-bottom: 170px;
    background: url(/@repo/img/public/mwo.png);
    background-position: bottom;
    position: relative;
    background-repeat: no-repeat;
    min-height: 100%;
}
.mwa{
    padding-bottom: 170px;
    background: url(/@repo/img/public/mwa.png);
    background-position: bottom;
    position: relative;
    background-repeat: no-repeat;
    min-height: 100%;
}
.mws{
    padding-bottom: 170px;
    min-height: 100%;
    background: url(/@repo/img/public/mws.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    position: relative;
}
.mwp{
    padding-bottom: 145px;
    background: url(/@repo/img/public/mwp.png);
    background-position: bottom;
    position: relative;
    background-repeat: no-repeat;
    min-height: 100%;
}
.mwb{
    background: url(/@repo/img/public/grid-z.jpg);
    background-position: bottom;
    background-size: cover;
    position: relative;
    background-repeat: no-repeat;
}
.bge {
    background: url(/@repo/img/public/mbg.jpg);
    background-size: cover;
    background-position: center;
}
.ctpl {
    background: url(/@repo/img/public/ctpl.png);
    padding-top: 320px;
    background-position: top center;
    background-repeat: no-repeat;
}
.grp {
    background: url(/@repo/img/public/bac4.png);
    padding-top: 175px;
    background-position: top center;
    background-repeat: no-repeat;
}
.dt {
    background: url(/@repo/img/public/dts.png);
    padding-bottom: 175px;
    background-position: bottom;
    background-repeat: no-repeat;
}
.bgtri {
    background: url(/@repo/img/public/bgtri.png) top center / cover;
}
.sco {
    background: url(/@repo/img/public/kf-screen-in-3k5k32q1325k3521.png);
    background-position: left;
    background-size: 100%;
    background-repeat: no-repeat;
}
.sct {
        background: url(/@repo/img/public/screen2.jpg);
    background-position: left;
    background-size: 100%;
    background-repeat: no-repeat;
}
.tpl {
    padding-top: 75px;
    background: url(/@repo/img/public/tpl.png) center top no-repeat;
    background-position: center top;
    position: relative;
}
.unif{
    margin-top: 50px;
    position: relative;
}
footer ul li a{
    opacity: .70;
    display: block;
    padding-top: .5rem;
    padding-bottom: .5rem;
    font-size: .875rem;
    text-decoration: none;
    transition: all .2s cubic-bezier(.23,1,.32,1);
}
.cta{
    background: radial-gradient(140% 107.13% at 50% 10%, transparent 37.41%, #63e 69.27%, #fff 100%), var(--card-bg);
    border-radius: var(--border-radius);
}
.mda {
    padding: 10px;
    border: 1px solid #ffffff0f;
    border-radius: 24px;
    background: #ffffff0a;
    backdrop-filter: blur(10px);
}
.mda.oly:before {
    content: "";
    background: rgb(16, 15, 31);
    background: linear-gradient(0deg, rgb(3 0 19) 10%, rgba(16, 15, 31, 0) 100%);
    position: absolute;
    /* width: 100%; */
    height: 100%;
    z-index: 11;
    left: -2px;
    right: -2px;
    bottom: -2px;
    border-radius: 24px;
}
.kf-v{
    position: absolute;
    top: 50%;
    width: 100%;
    max-width: 1200px;
    bottom: 0;
    z-index: -2;
    margin: 0 auto;
    right: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 1200px;
}
.kf-m{
    text-transform: uppercase;
    font-weight: 800;
}

.minimal{
        max-width: 970px ;
}

/*!
 * Bootstrap-select v1.14.0-beta3 (https://developer.snapappointments.com/bootstrap-select)
 *
 * Copyright 2012-2022 SnapAppointments, LLC
 * Licensed under MIT (https://github.com/snapappointments/bootstrap-select/blob/master/LICENSE)
 */@-webkit-keyframes bs-notify-fadeOut{0%{opacity:.9}100%{opacity:0}}@-o-keyframes bs-notify-fadeOut{0%{opacity:.9}100%{opacity:0}}@keyframes bs-notify-fadeOut{0%{opacity:.9}100%{opacity:0}}.bootstrap-select>select.bs-select-hidden,select.bs-select-hidden,select.selectpicker{display:none!important}.bootstrap-select{width:220px;vertical-align:middle}.bootstrap-select>.dropdown-toggle{position:relative;width:100%;text-align:right;white-space:nowrap;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.bootstrap-select>.dropdown-toggle:after{margin-top:-1px}.bootstrap-select>.dropdown-toggle.bs-placeholder,.bootstrap-select>.dropdown-toggle.bs-placeholder:active,.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder:hover{color:#999}.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:hover{color:rgba(255,255,255,.5)}.bootstrap-select>select{position:absolute!important;bottom:0;left:50%;display:block!important;width:.5px!important;height:100%!important;padding:0!important;opacity:0!important;border:none;z-index:0!important}.bootstrap-select>select.mobile-device{top:0;left:0;display:block!important;width:100%!important;z-index:2!important}.bootstrap-select.is-invalid .dropdown-toggle,.error .bootstrap-select .dropdown-toggle,.has-error .bootstrap-select .dropdown-toggle,.was-validated .bootstrap-select select:invalid+.dropdown-toggle{border-color:#b94a48}.bootstrap-select.is-valid .dropdown-toggle,.was-validated .bootstrap-select select:valid+.dropdown-toggle{border-color:#28a745}.bootstrap-select.fit-width{width:auto!important}.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:220px}.bootstrap-select .dropdown-toggle:focus,.bootstrap-select>select.mobile-device:focus+.dropdown-toggle{outline:thin dotted #333!important;outline:5px auto -webkit-focus-ring-color!important;outline-offset:-2px}.bootstrap-select.form-control{margin-bottom:0;padding:0;border:none;height:auto}:not(.input-group)>.bootstrap-select.form-control:not([class*=col-]){width:100%}.bootstrap-select.form-control.input-group-btn{float:none;z-index:auto}.form-inline .bootstrap-select,.form-inline .bootstrap-select.form-control:not([class*=col-]){width:auto}.bootstrap-select:not(.input-group-btn),.bootstrap-select[class*=col-]{float:none;display:inline-block;margin-left:0}.bootstrap-select.dropdown-menu-right,.bootstrap-select[class*=col-].dropdown-menu-right,.row .bootstrap-select[class*=col-].dropdown-menu-right{float:right}.form-group .bootstrap-select,.form-horizontal .bootstrap-select,.form-inline .bootstrap-select{margin-bottom:0}.form-group-lg .bootstrap-select.form-control,.form-group-sm .bootstrap-select.form-control{padding:0}.form-group-lg .bootstrap-select.form-control .dropdown-toggle,.form-group-sm .bootstrap-select.form-control .dropdown-toggle{height:100%;font-size:inherit;line-height:inherit;border-radius:inherit}.bootstrap-select.form-control-lg .dropdown-toggle,.bootstrap-select.form-control-sm .dropdown-toggle{font-size:inherit;line-height:inherit;border-radius:inherit}.bootstrap-select.form-control-sm .dropdown-toggle{padding:.25rem .5rem}.bootstrap-select.form-control-lg .dropdown-toggle{padding:.5rem 1rem}.form-inline .bootstrap-select .form-control{width:100%}.bootstrap-select.disabled,.bootstrap-select>.disabled{cursor:not-allowed}.bootstrap-select.disabled:focus,.bootstrap-select>.disabled:focus{outline:0!important}.bootstrap-select.bs-container{position:absolute;top:0;left:0;height:0!important;padding:0!important}.bootstrap-select.bs-container .dropdown-menu{z-index:1060}.bootstrap-select .dropdown-toggle .filter-option{position:static;top:0;left:0;float:left;height:100%;width:100%;text-align:left;overflow:hidden;-webkit-box-flex:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto}.bs3.bootstrap-select .dropdown-toggle .filter-option{padding-right:inherit}.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option{position:absolute;padding-top:inherit;padding-bottom:inherit;padding-left:inherit;float:none}.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner{padding-right:inherit}.bootstrap-select .dropdown-toggle .filter-option-inner-inner{overflow:hidden}.bootstrap-select .dropdown-toggle .filter-expand{width:0!important;float:left;opacity:0!important;overflow:hidden}.bootstrap-select .dropdown-toggle .caret{position:absolute;top:50%;right:12px;margin-top:-2px;vertical-align:middle}.bootstrap-select .dropdown-toggle .bs-select-clear-selected{position:relative;display:block;margin-right:5px;text-align:center}.bs3.bootstrap-select .dropdown-toggle .bs-select-clear-selected{padding-right:inherit}.bootstrap-select .dropdown-toggle .bs-select-clear-selected span{position:relative;top:-webkit-calc(((-1em / 1.5) + 1ex)/ 2);top:calc(((-1em / 1.5) + 1ex)/ 2);pointer-events:none}.bs3.bootstrap-select .dropdown-toggle .bs-select-clear-selected span{top:auto}.bootstrap-select .dropdown-toggle.bs-placeholder .bs-select-clear-selected{display:none}.input-group .bootstrap-select.form-control .dropdown-toggle{border-radius:inherit}.bootstrap-select[class*=col-] .dropdown-toggle{width:100%}.bootstrap-select .dropdown-menu{min-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select .dropdown-menu>.inner:focus{outline:0!important}.bootstrap-select .dropdown-menu.inner{position:static;float:none;border:0;padding:0;margin:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none}.bootstrap-select .dropdown-menu li{position:relative}.bootstrap-select .dropdown-menu li.active small{color:rgba(255,255,255,.5)!important}.bootstrap-select .dropdown-menu li.disabled a{cursor:not-allowed}.bootstrap-select .dropdown-menu li a{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bootstrap-select .dropdown-menu li a.opt{position:relative;padding-left:2.25em}.bootstrap-select .dropdown-menu li a span.check-mark{display:none}.bootstrap-select .dropdown-menu li a span.text{display:inline-block}.bootstrap-select .dropdown-menu li small{padding-left:.5em}.bootstrap-select .dropdown-menu .notify{position:absolute;bottom:5px;width:96%;margin:0 2%;min-height:26px;padding:3px 5px;background:#f5f5f5;border:1px solid #e3e3e3;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05);pointer-events:none;opacity:.9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select .dropdown-menu .notify.fadeOut{-webkit-animation:.3s linear 750ms forwards bs-notify-fadeOut;-o-animation:.3s linear 750ms forwards bs-notify-fadeOut;animation:.3s linear 750ms forwards bs-notify-fadeOut}.bootstrap-select .no-results{padding:3px;background:#f5f5f5;margin:0 5px;white-space:nowrap}.bootstrap-select.fit-width .dropdown-toggle .filter-option{position:static;display:inline;padding:0}.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner,.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner{display:inline}.bootstrap-select.fit-width .dropdown-toggle .bs-caret:before{content:'\00a0'}.bootstrap-select.fit-width .dropdown-toggle .caret{position:static;top:auto;margin-top:-1px}.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark{position:absolute;display:inline-block;right:15px;top:5px}.bootstrap-select.show-tick .dropdown-menu li a span.text{margin-right:34px}.bootstrap-select .bs-ok-default:after{content:'';display:block;width:.5em;height:1em;border-style:solid;border-width:0 .26em .26em 0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle,.bootstrap-select.show-menu-arrow.show>.dropdown-toggle{z-index:1061}.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before{content:'';border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid rgba(204,204,204,.2);position:absolute;bottom:-4px;left:9px;display:none}.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after{content:'';border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;bottom:-4px;left:10px;display:none}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before{bottom:auto;top:-4px;border-top:7px solid rgba(204,204,204,.2);border-bottom:0}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after{bottom:auto;top:-4px;border-top:6px solid #fff;border-bottom:0}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before{right:12px;left:auto}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after{right:13px;left:auto}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:after,.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:before,.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:after,.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:before{display:block}.bs-actionsbox,.bs-donebutton,.bs-searchbox{padding:4px 8px}.bs-actionsbox{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bs-actionsbox .btn-group{display:block}.bs-actionsbox .btn-group button{width:50%}.bs-donebutton{float:left;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bs-donebutton .btn-group{display:block}.bs-donebutton .btn-group button{width:100%}.bs-searchbox+.bs-actionsbox{padding:0 8px 4px}.bs-searchbox .form-control{margin-bottom:0;width:100%;float:none}
 .fab{
     background: radial-gradient(circle, rgb(171 155 252 / 12%) 0%, rgb(2 0 18) 60%, rgb(3 0 19) 100%);
 }
 
 


.nav-item.mega-menu:hover .mega-content {
    display: flex !important;
}
.x-menu{
    background-color: #04da8d;
    border-radius: 6px;
    color: #000;
    cursor: pointer;
    background-image: none;
    min-width: 0;
    gap: 8px;
    padding: 2px 10px;
    display: inline-flex;
}
.discord-menu{
    background: linear-gradient(90deg, #fc72ff 0%, #8f68ff 25%, #487bff 50%, #2cd9ff 75%, #2cffcc 100%);
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
    min-width: 0;
    gap: 8px;
    padding: 2px 10px;
    display: inline-flex
;
}
.mega-content {
    z-index: 1;
    border-radius: var(--radius-medium);
    -webkit-backdrop-filter: blur(100px);
    backdrop-filter: blur(100px);
    transform-origin: 25% 0;
    background-color: #26222126;
    align-items: flex-start;
    padding: 1.25rem 1.5rem;
    display: flex;
    position: absolute;
    top: 2.5rem;
    left: -.75rem;
    right: auto;
    width: 650px;
    box-shadow: 0 2px 4px -1px #1813030d, 0 30px 35px -10px #1611031a;
    border-radius:25px;
}

.mega-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mega-content ul li {
    margin-bottom: 1rem;
}

.mega-content a {
    color: #fff;
    text-decoration: none;
}

.mega-content a:hover {
    text-decoration: underline;
}
.x-menu{
    background-color: #04da8d;
    border-radius: 6px;
    color: #000;
    cursor: pointer;
    background-image: none;
    min-width: 0;
    gap: 8px;
    padding: 2px 10px;
    display: inline-flex;
}
.discord-menu{
    background: linear-gradient(90deg, #fc72ff 0%, #8f68ff 25%, #487bff 50%, #2cd9ff 75%, #2cffcc 100%);
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
    min-width: 0;
    gap: 8px;
    padding: 2px 10px;
    display: inline-flex
;
}

 .scroll-wrapper-h {
   width: 100%;
    overflow: hidden;
    white-space: nowrap;
    position: absolute;
    z-index: -2;
    left: 0;
  }

  .scroll-inner-h {
    display: flex;
    animation: scrollLeft 30s linear infinite;
  }
    .scroll-inner-hr {
        display: flex;
        animation: scrollRight 30s linear infinite;
      }
  @keyframes scrollLeft {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
  }
@keyframes scrollRight {
  0%   { transform: translateX(-50%); }
  100% { transform: translateX(0); }
}
  .user-card-h {
    display: inline-flex;
    align-items: center;
    padding: 10px 20px;
    margin-right: 15px;
    min-width: 280px;
  }

  .user-left img {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    padding: 1px;
    margin-right: 12px;
    object-fit: cover;
    background-color: #211b3f;
  }

  .user-info {
    font-size: 14px;
    line-height: 1.2;
  }

  .user-amount {
    font-weight: bold;
    font-size: 16px;
    margin-left: auto;
    margin-right: 15px;
  }

  .user-time {
    background: linear-gradient(90deg, rgba(191, 179, 253, 1) 0%, rgba(185, 172, 254, 1) 50%, rgba(169, 153, 252, 1) 100%);
    color: #070518;
    font-size: 12px;
    padding: 4px 8px;
    border-radius: 6px;
  }
  .tsha{
      background: #000113;
    background: linear-gradient(90deg, rgba(0, 1, 19, 0) 0%, rgba(0, 1, 19, 1) 15%, rgba(0, 1, 19, 1) 85%, rgba(0, 1, 19, 0) 100%);
    padding-right: 40px;
    margin-left: -40px;
    padding-left: 40px;
      position:relative;
    overflow: hidden;
  }
  h1{
      line-height: 1.1 !important;
  }
  
.special-card {
  background:linear-gradient(90deg, rgba(191, 179, 253, 1) 0%, rgba(185, 172, 254, 1) 50%, rgba(169, 153, 252, 1) 100%);
  color: #000;
  font-weight: 600;
  font-size: 16px;
  min-width: 280px;
  padding: 20px;
  border-radius: 10px;
  margin-right: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.kf-mv:before{
        content: "";
    background: url(/@repo/img/public/circle-line-kf.svg);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position:center;
}

.column{
    aspect-ratio: auto;
    background-color: var(--card-bg-2);
    outline-color: var(--border-color);
    outline-offset: 0px;
    background-image: linear-gradient(var(--kf-2), #5ddd6600 21%, #b0dd7300 80%, var(--kf-2));
    border-style: none;
    border-radius: 1rem;
    outline-width: 1px;
    outline-style: solid;
    margin-right: 0;
    padding-left: 0;
    box-shadow: inset -1px -1px 1px #1024131c;
}

.promo{
    background-image: linear-gradient(var(--kf-2), #5ddd6600 98%, #b0dd7300 80%, #b0dd7300);
    box-shadow: 0 2px 10px 0 #020c0a4d, inset 0 1px 10px 1px #d6d12a1a, 0 0 10px 0 #d6d12a1a, 0 1px 3px 0 #00000014, inset 0 0 0 0.5px #bbaefd;
  }
.hero-title {
  position: relative;
  font-size: 3rem;
  color: white;
  mix-blend-mode: screen;
  background: radial-gradient(circle at 50% 50%, #c6a5ff 0%, transparent 70%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shine 5s infinite ease-in-out;
}

@keyframes shine {
  0%, 100% {
    background-position: 50% 50%;
  }
  50% {
    background-position: 60% 60%;
  }
}
.fpy-15{
    padding-bottom: 9rem !important;
    padding-top: 9rem !important;
    
}
 html[mode="dark"] .bg-main{
    background: url(/@repo/img/public/bg-main2.jpg), var(--body-bg);
    background-repeat: no-repeat;
    background-size: contain;
 }

/* Leaderboard Swiper Styling */
#leaderboard-quarters-swiper {
    overflow: hidden;
    position: relative;
}

#leaderboard-quarters-swiper .swiper-slide {
    transition: transform 0.3s ease;
}

#leaderboard-quarters-swiper .swiper-slide:hover {
    transform: scale(1.05);
}

#leaderboard-quarters-swiper .swiper-slide.active .card {
    border: 2px solid var(--kf-1);
    box-shadow: 0 0 0 2px rgba(var(--kf-1-rgb), 0.2);
    background-color: rgba(var(--kf-1-rgb), 0.1);
}

#leaderboard-quarters-swiper .swiper-slide.swiper-slide-active .card {
    border: 2px solid var(--kf-1);
    box-shadow: 0 0 0 2px rgba(var(--kf-1-rgb), 0.2);
}
.language-switcher .dropdown-toggle {
    color: var(--text-color);
    text-decoration: none;
    padding: 0.5rem 1rem;
    border: none;
    background: transparent;
}

.language-switcher .dropdown-toggle:hover {
    color: var(--kf-1);
}

.language-switcher .dropdown-menu {
    background: var(--card-bg);
    border: 1px solid var(--border-color);
    backdrop-filter: blur(var(--card-blur));
}

.language-switcher .dropdown-item {
    color: var(--text-color);
    padding: 0.5rem 1rem;
}

.language-switcher .dropdown-item:hover {
    background: var(--kf-1);
    color: #fff;
}
.dark *{
    --text-secondary:#fff;
}

.dark h5{
    color:#fff;
}
/* Setup Orb Animation Styles */
/* Setup Progress Steps */
.setup-progress {
    margin-bottom: 2rem;
}

.step-indicator {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.step-indicator::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, #e9ecef 0%, #e9ecef 100%);
    z-index: 1;
}

.step {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    transition: all 0.3s ease;
}

.step-number {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fff;
    border: 3px solid #e9ecef;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    color: #6c757d;
    transition: all 0.3s ease;
}

.step-label {
    font-size: 0.875rem;
    color: #6c757d;
    text-align: center;
    font-weight: 500;
}

.step[data-active="true"] .step-number {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-color: #667eea;
    color: #fff;
    box-shadow: 0 0 20px rgba(102, 126, 234, 0.4);
}

.step[data-active="true"] .step-label {
    color: #667eea;
    font-weight: 600;
}

/* Visual Circle Container */
.visual-circle-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-height: 400px;
    position: relative;
}

/* World Orb Animation - Enhanced Version */
.world-orb {
    position: relative;
    width: 250px;
    height: 250px;
    margin-bottom: 2rem;
    filter: drop-shadow(0 0 40px rgba(102, 126, 234, 0.3));
}

.orb-core {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: radial-gradient(circle at 30% 30%, 
        rgba(102, 126, 234, 0.95) 0%, 
        rgba(118, 75, 162, 0.9) 25%, 
        rgba(236, 72, 153, 0.85) 50%, 
        rgba(102, 126, 234, 0.8) 75%, 
        rgba(118, 75, 162, 0.7) 100%);
    animation: orbFloat 8s ease-in-out infinite;
    box-shadow: 
        0 0 80px rgba(102, 126, 234, 0.8),
        0 0 160px rgba(118, 75, 162, 0.6),
        0 0 240px rgba(236, 72, 153, 0.4),
        inset 0 0 80px rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(10px);
}

.orb-particles {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
}

.orb-particles::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: 
        radial-gradient(circle at 20% 20%, rgba(255, 255, 255, 0.9) 2px, transparent 2px),
        radial-gradient(circle at 80% 40%, rgba(255, 255, 255, 0.8) 1.5px, transparent 1.5px),
        radial-gradient(circle at 40% 80%, rgba(255, 255, 255, 0.9) 1px, transparent 1px),
        radial-gradient(circle at 70% 70%, rgba(255, 255, 255, 0.7) 2.5px, transparent 2.5px),
        radial-gradient(circle at 10% 60%, rgba(255, 255, 255, 0.8) 1px, transparent 1px),
        radial-gradient(circle at 90% 20%, rgba(255, 255, 255, 0.9) 1.5px, transparent 1.5px),
        radial-gradient(circle at 60% 10%, rgba(255, 255, 255, 0.7) 2px, transparent 2px),
        radial-gradient(circle at 30% 90%, rgba(255, 255, 255, 0.8) 1px, transparent 1px);
    background-size: 50px 50px, 70px 70px, 60px 60px, 80px 80px, 40px 40px, 65px 65px, 55px 55px, 75px 75px;
    animation: orbRotate 25s linear infinite;
    opacity: 0.9;
}

.orb-particles::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: 
        radial-gradient(circle at 15% 15%, rgba(102, 126, 234, 0.8) 3px, transparent 3px),
        radial-gradient(circle at 85% 35%, rgba(236, 72, 153, 0.7) 2px, transparent 2px),
        radial-gradient(circle at 45% 85%, rgba(118, 75, 162, 0.8) 2.5px, transparent 2.5px),
        radial-gradient(circle at 75% 75%, rgba(102, 126, 234, 0.6) 1.5px, transparent 1.5px);
    background-size: 45px 45px, 55px 55px, 65px 65px, 35px 35px;
    animation: orbRotate 15s linear infinite reverse;
    opacity: 0.7;
}

.orb-glow {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 140%;
    height: 140%;
    border-radius: 50%;
    background: radial-gradient(circle, 
        rgba(102, 126, 234, 0.4) 0%, 
        rgba(118, 75, 162, 0.3) 30%, 
        rgba(236, 72, 153, 0.2) 60%, 
        transparent 80%);
    animation: orbPulse 6s ease-in-out infinite;
    filter: blur(25px);
}

.orb-rings {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 120%;
    height: 120%;
    border-radius: 50%;
    border: 2px solid rgba(102, 126, 234, 0.3);
    animation: orbRings 12s linear infinite;
}

.orb-rings::before {
    content: '';
    position: absolute;
    top: -10px;
    left: -10px;
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    border-radius: 50%;
    border: 1px solid rgba(118, 75, 162, 0.2);
    animation: orbRings 8s linear infinite reverse;
}

.orb-rings::after {
    content: '';
    position: absolute;
    top: -20px;
    left: -20px;
    width: calc(100% + 40px);
    height: calc(100% + 40px);
    border-radius: 50%;
    border: 1px solid rgba(236, 72, 153, 0.15);
    animation: orbRings 16s linear infinite;
}

.orb-energy {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: conic-gradient(
        from 0deg,
        rgba(102, 126, 234, 0.8) 0deg,
        rgba(118, 75, 162, 0.6) 90deg,
        rgba(236, 72, 153, 0.8) 180deg,
        rgba(102, 126, 234, 0.6) 270deg,
        rgba(102, 126, 234, 0.8) 360deg
    );
    mask: radial-gradient(circle, transparent 60%, black 100%);
    animation: orbEnergy 20s linear infinite;
}

/* Step Status */
.step-status {
    text-align: center;
    color: #fff;
}

.current-step {
    display: block;
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
    background: linear-gradient(135deg, #667eea, #764ba2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.step-description {
    font-size: 1rem;
    opacity: 0.9;
    color: #fff;
}

/* Orb Animations */
@keyframes orbFloat {
    0%, 100% {
        transform: translate(-50%, -50%) scale(1) rotate(0deg);
    }
    25% {
        transform: translate(-50%, -50%) scale(1.05) rotate(90deg);
    }
    50% {
        transform: translate(-50%, -50%) scale(0.95) rotate(180deg);
    }
    75% {
        transform: translate(-50%, -50%) scale(1.02) rotate(270deg);
    }
}

@keyframes orbRotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes orbPulse {
    0%, 100% {
        opacity: 0.6;
        transform: translate(-50%, -50%) scale(1);
    }
    50% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1.1);
    }
}

/* Step-specific Orb States */
.world-orb[data-step="1"] .orb-core {
    background: radial-gradient(circle at 30% 30%, 
        rgba(102, 126, 234, 0.9) 0%, 
        rgba(118, 75, 162, 0.8) 30%, 
        rgba(236, 72, 153, 0.7) 60%, 
        rgba(102, 126, 234, 0.6) 100%);
    animation: orbFloat 6s ease-in-out infinite;
}

.world-orb[data-step="2"] .orb-core {
    background: radial-gradient(circle at 70% 30%, 
        rgba(236, 72, 153, 0.9) 0%, 
        rgba(102, 126, 234, 0.8) 30%, 
        rgba(118, 75, 162, 0.7) 60%, 
        rgba(236, 72, 153, 0.6) 100%);
    animation: orbFloat 4s ease-in-out infinite;
}

.world-orb[data-step="3"] .orb-core {
    background: radial-gradient(circle at 50% 50%, 
        rgba(118, 75, 162, 0.9) 0%, 
        rgba(236, 72, 153, 0.8) 30%, 
        rgba(102, 126, 234, 0.7) 60%, 
        rgba(118, 75, 162, 0.6) 100%);
    animation: orbFloat 3s ease-in-out infinite;
}

.world-orb[data-step="4"] .orb-core {
    background: radial-gradient(circle at 80% 20%, 
        rgba(102, 126, 234, 0.9) 0%, 
        rgba(118, 75, 162, 0.8) 30%, 
        rgba(236, 72, 153, 0.7) 60%, 
        rgba(102, 126, 234, 0.6) 100%);
    animation: orbFloat 2s ease-in-out infinite;
}

/* Success Message */
.success-message {
    text-align: center;
    padding: 2rem;
}

.success-message i {
    display: block;
    margin: 0 auto 1rem;
}

/* Three.js Orb Container */
.threejs-orb {
    width: 100%;
    height: 400px;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.1), rgba(118, 75, 162, 0.1));
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
}

.threejs-orb canvas {
    border-radius: 20px;
    display: block;
    width: 100%;
    height: 100%;
}

/* Three.js Orb Loading State */
.threejs-orb::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    border: 4px solid rgba(102, 126, 234, 0.2);
    border-top: 4px solid #667eea;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    z-index: 1;
}

.threejs-orb::after {
    content: 'Loading 3D Orb...';
    position: absolute;
    top: calc(50% + 60px);
    left: 50%;
    transform: translateX(-50%);
    color: #667eea;
    font-size: 14px;
    font-weight: 500;
    z-index: 1;
}

.threejs-orb.loaded::before,
.threejs-orb.loaded::after {
    display: none;
}

.threejs-orb.loaded {
    display: block;
}

@keyframes spin {
    0% { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%) rotate(360deg); }
}

/* Fallback HTML Orb */
.world-orb {
    display: none;
}

.world-orb.fallback-active {
    display: block !important;
}

@keyframes spin {
    0% { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%) rotate(360deg); }
}

/* Responsive Design */
@media (max-width: 768px) {
    .world-orb {
        width: 150px;
        height: 150px;
    }
    
    .threejs-orb {
        height: 300px;
    }
    
    .step-indicator {
        flex-direction: column;
        gap: 1rem;
    }
    
    .step-indicator::before {
        display: none;
    }
    
    .step {
        flex-direction: row;
        gap: 1rem;
    }
}


.filter-group {
    position: relative;
    margin-bottom: 10px;
    display: flex;
    gap: 10px;
    align-items: center;
}

.filter-group .form-select,
.filter-group .form-control {
    margin-bottom: 0;
    flex: 1;
}


.add-filter-btn {
    margin-top: 10px;
}

.filter-group .form-select:focus,
.filter-group .form-control:focus {
    border-color: #86b7fe;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

/* Filtreleme badge'leri */
.filter-badge {
    display: inline-block;
    background: #007bff;
    color: white;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    margin: 2px;
}

.filter-badge .btn-close {
    margin-left: 5px;
    font-size: 10px;
}

/* Responsive filtreleme */
@media (max-width: 768px) {
    .filter-group {
        margin-bottom: 15px;
    }
    
    .filter-group .remove-filter {
        position: static;
        margin-top: 5px;
        width: 100%;
    }
}


/* DataTable Column Search Styling */
.column-search {
    border: 1px solid #dee2e6 !important;
    border-radius: 4px !important;
    padding: 4px 8px !important;
    font-size: 12px !important;
    background-color: #f8f9fa !important;
    transition: all 0.2s ease !important;
}

.column-search:focus {
    border-color: #007bff !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25) !important;
    background-color: #fff !important;
}

.column-search::placeholder {
    color: #6c757d !important;
    font-size: 11px !important;
}

/* Fixed columns için column search */
.dtfc-fixed-left .column-search {
    background-color: #e9ecef !important;
}

.dtfc-fixed-left .column-search:focus {
    background-color: #fff !important;
}


/* Advanced Column Filter Styling */
.number-filter input,
.date-filter input {
    font-size: 11px !important;
    padding: 2px 4px !important;
    border: 1px solid #dee2e6 !important;
    border-radius: 3px !important;
    background-color: #f8f9fa !important;
    transition: all 0.2s ease !important;
}

.number-filter input:focus,
.date-filter input:focus {
    border-color: #007bff !important;
    box-shadow: 0 0 0 0.1rem rgba(0, 123, 255, 0.25) !important;
    background-color: #fff !important;
}

.column-search-select {
    font-size: 11px !important;
    padding: 2px 4px !important;
    border: 1px solid #dee2e6 !important;
    border-radius: 3px !important;
    background-color: #f8f9fa !important;
    transition: all 0.2s ease !important;
}

.column-search-select:focus {
    border-color: #007bff !important;
    box-shadow: 0 0 0 0.1rem rgba(0, 123, 255, 0.25) !important;
    background-color: #fff !important;
}

/* Fixed columns için özel stil */
.dtfc-fixed-left .number-filter input,
.dtfc-fixed-left .date-filter input,
.dtfc-fixed-left .column-search-select {
    background-color: #e9ecef !important;
}

.dtfc-fixed-left .number-filter input:focus,
.dtfc-fixed-left .date-filter input:focus,
.dtfc-fixed-left .column-search-select:focus {
    background-color: #fff !important;
}

::-webkit-scrollbar {
    height: 6px;  
    width: 6px;
  }
  
  /* ARKA PLAN (scrollbar alanı) */
  ::-webkit-scrollbar-track {
    background: var(--card-bg);
    border-radius: 6px;
  }
  
  /* KAYDIRMA ÇUBUĞU */
  ::-webkit-scrollbar-thumb {
    background: linear-gradient(45deg, var(--card-bg), var(--card-bg-2));
    border-radius: 6px;
    transition: background 0.6s ease;
  }
  
  /* HOVER DURUMU */
  ::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(45deg, var(--kf-1), var(--kf-2));
  }
  
  * {
    scrollbar-width: thin;
    scrollbar-color: var(--kf-1) var(--card-bg);
  }