/* Colors */ /*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 15px 15px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}
.hamburger:hover {
  opacity: 1;
  background-color: transparent;
}
.hamburger.is-active:hover {
  opacity: 1;
  background-color: transparent;
}
.hamburger.is-active .hamburger-inner {
  background-color: #7FDAC7;
}
.hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {
  background-color: #7FDAC7;
}

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
  width: 40px;
  height: 4px;
  background-color: #7FDAC7;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
  box-shadow: none;
}
.hamburger-inner::before, .hamburger-inner::after {
  width: 40px;
  height: 4px;
  background-color: #7FDAC7;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
  box-shadow: none;
}

.pin .hamburger-inner {
  background-color: #7FDAC7;
}
.pin .hamburger-inner::before, .pin .hamburger-inner::after {
  background-color: #7FDAC7;
}

.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}
.hamburger-inner::before {
  top: -10px;
}
.hamburger-inner::after {
  bottom: -10px;
}

/*
   * 3DX
   */
.hamburger--3dx .hamburger-box {
  perspective: 80px;
}
.hamburger--3dx .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateY(180deg);
}
.hamburger--3dx.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dx.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * 3DX Reverse
   */
.hamburger--3dx-r .hamburger-box {
  perspective: 80px;
}
.hamburger--3dx-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateY(-180deg);
}
.hamburger--3dx-r.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dx-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * 3DY
   */
.hamburger--3dy .hamburger-box {
  perspective: 80px;
}
.hamburger--3dy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(-180deg);
}
.hamburger--3dy.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dy.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * 3DY Reverse
   */
.hamburger--3dy-r .hamburger-box {
  perspective: 80px;
}
.hamburger--3dy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg);
}
.hamburger--3dy-r.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dy-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * 3DXY
   */
.hamburger--3dxy .hamburger-box {
  perspective: 80px;
}
.hamburger--3dxy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg) rotateY(180deg);
}
.hamburger--3dxy.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dxy.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * 3DXY Reverse
   */
.hamburger--3dxy-r .hamburger-box {
  perspective: 80px;
}
.hamburger--3dxy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
}
.hamburger--3dxy-r.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dxy-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * Arrow
   */
.hamburger--arrow.is-active .hamburger-inner::before {
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.hamburger--arrow.is-active .hamburger-inner::after {
  transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

/*
   * Arrow Right
   */
.hamburger--arrow-r.is-active .hamburger-inner::before {
  transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.hamburger--arrow-r.is-active .hamburger-inner::after {
  transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

/*
   * Arrow Alt
   */
.hamburger--arrowalt .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.hamburger--arrowalt.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/*
   * Arrow Alt Right
   */
.hamburger--arrowalt-r .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt-r .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt-r.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.hamburger--arrowalt-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/*
   * Arrow Turn
   */
.hamburger--arrowturn.is-active .hamburger-inner {
  transform: rotate(-180deg);
}
.hamburger--arrowturn.is-active .hamburger-inner::before {
  transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.hamburger--arrowturn.is-active .hamburger-inner::after {
  transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

/*
   * Arrow Turn Right
   */
.hamburger--arrowturn-r.is-active .hamburger-inner {
  transform: rotate(-180deg);
}
.hamburger--arrowturn-r.is-active .hamburger-inner::before {
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.hamburger--arrowturn-r.is-active .hamburger-inner::after {
  transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

/*
   * Boring
   */
.hamburger--boring .hamburger-inner {
  transition-property: none;
}
.hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
  transition-property: none;
}
.hamburger--boring.is-active .hamburger-inner {
  transform: rotate(45deg);
}
.hamburger--boring.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}
.hamburger--boring.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
}

/*
   * Collapse
   */
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse .hamburger-inner::after {
  top: -20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse .hamburger-inner::before {
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
.hamburger--collapse.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-90deg);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

html {
  font-size: 16px;
  scroll-behavior: smooth;
}

body {
  font-family: "Poppins", sans-serif;
  line-height: 135%;
  font-weight: 400;
  position: relative;
  overflow-x: hidden !important;
  color: #2B2B2B;
  background-color: #F5F7F9;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  overflow-x: hidden;
}
body::-webkit-scrollbar {
  width: 0.5rem;
}
body::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
body::-webkit-scrollbar-thumb {
  background-color: #7FDAC7;
  outline: none;
}

:focus {
  outline: none !important;
}

.font-poppins {
  font-family: "Poppins", sans-serif;
}

.modal::-webkit-scrollbar {
  width: 0.5rem;
}
.modal::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
.modal::-webkit-scrollbar-thumb {
  background-color: #7FDAC7;
  outline: none;
}

/** =============================================================== **/
/** Standard Bootstrap CSS **/
/** =============================================================== **/
a {
  transition: all 300ms ease-out;
  text-decoration: none;
  color: #7FDAC7;
}
a:hover {
  text-decoration: none;
  color: #7FDAC7;
  transition: all 300ms ease-out;
}

button {
  border: none;
}

#map {
  width: 100%;
  height: 450px;
}

.image-auto {
  width: auto;
  max-width: 100%;
  height: auto;
}

.image-width {
  max-width: 100%;
  height: auto;
}

.image-full {
  width: 100%;
  max-width: 100%;
}

.font-normal {
  font-weight: 400 !important;
}

.font-semibold {
  font-weight: 600 !important;
}

.font-medium {
  font-weight: 500 !important;
}

h1,
.h1 {
  font-size: 30px; /* 30px */
  line-height: 122%;
  font-weight: 500;
}
@media (max-width: 767.98px) {
  h1,
  .h1 {
    font-size: 27px;
    line-height: 122%;
  }
}
@media (max-width: 575.98px) {
  h1,
  .h1 {
    font-size: 25px;
    line-height: 122%;
  }
}

h2,
.h2 {
  font-size: 22px; /* 22px */
  line-height: 133%;
  font-weight: 500;
}
@media (max-width: 575.98px) {
  h2,
  .h2 {
    font-size: 20px;
    line-height: 122%;
  }
}

h3,
.h3 {
  font-size: 18px; /* 18px */
  line-height: 133%;
  font-weight: 500;
}
@media (max-width: 575.98px) {
  h3,
  .h3 {
    font-size: 16px;
    line-height: 122%;
  }
}

.f-30 {
  font-size: 30px;
  line-height: 122%;
}
@media (max-width: 1399.98px) {
  .f-30 {
    font-size: 25px;
  }
}
@media (max-width: 991.98px) {
  .f-30 {
    font-size: 18px;
  }
}

.f-35 {
  font-size: 35px;
  line-height: 122%;
}
@media (max-width: 1399.98px) {
  .f-35 {
    font-size: 30px;
  }
}
@media (max-width: 1199.98px) {
  .f-35 {
    font-size: 25px;
  }
}
@media (max-width: 991.98px) {
  .f-35 {
    font-size: 20px;
  }
}

.f-40 {
  font-size: 40px;
  line-height: 122%;
}
@media (max-width: 1399.98px) {
  .f-40 {
    font-size: 35px;
  }
}
@media (max-width: 1199.98px) {
  .f-40 {
    font-size: 30px;
  }
}
@media (max-width: 991.98px) {
  .f-40 {
    font-size: 25px;
  }
}
@media (max-width: 767.98px) {
  .f-40 {
    font-size: 22px;
  }
}

.f-16 {
  font-size: 16px;
  line-height: 125%;
}

.f-14 {
  font-size: 14px;
  line-height: 125%;
}

.color-main {
  color: #2B2B2B !important;
}

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

.color-disabled {
  color: #BABABA !important;
}

.color-outlines {
  color: #DCDCDC !important;
}

.color-column {
  color: #F7F7F7 !important;
}

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

.color-black {
  color: #000000 !important;
}

.color-green {
  color: #7FDAC7 !important;
}

.color-lightgreen {
  color: #DFFFF8 !important;
}

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

.color-lightred {
  color: #FFE9E7 !important;
}

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

.color-lightorange {
  color: #FFF0C9 !important;
}

.bg-white {
  background-color: #FFFFFF !important;
}

.overflow-x {
  overflow-x: hidden !important;
}

.form-control {
  display: block;
  width: 100%;
  min-height: 48px;
  padding: 12px;
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0px;
  color: #2B2B2B;
  background-color: #FFFFFF;
  border: 1px solid #DCDCDC;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  letter-spacing: 0;
  border-radius: 10px;
  box-shadow: none;
}
.form-control:focus {
  display: block;
  width: 100%;
  min-height: 48px;
  padding: 12px;
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0px;
  color: #2B2B2B;
  background-color: #FFFFFF;
  border: 1px solid #7FDAC7;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  letter-spacing: 0;
  border-radius: 10px;
  box-shadow: none;
}
.form-control:disabled {
  background-color: #BABABA;
  border-color: #DCDCDC;
}
.form-control:disabled:focus {
  background-color: #BABABA;
  border-color: #2B2B2B;
}
.form-control[readonly] {
  background-color: #DCDCDC;
  border-color: #939393;
}
.form-control[readonly]:focus {
  background-color: #DCDCDC;
  border-color: #939393;
}
.form-control.error {
  border-color: #FFADA3;
}
.form-control.error:focus {
  border-color: #FFADA3;
}
.form-control::-webkit-input-placeholder {
  color: #939393;
}
.form-control::-moz-placeholder { /* Firefox 19+ */
  color: #939393;
}
.form-control:-ms-input-placeholder { /* IE 10+ */
  color: #939393;
}
.form-control:-moz-placeholder { /* Firefox 18- */
  color: #939393;
}
.form-control.is-invalid {
  padding-right: 2.188rem;
  border-color: #FFADA3;
  box-shadow: none;
}
.form-control.is-invalid:focus {
  padding-right: 2.188rem;
  border-color: #FFADA3;
  box-shadow: none;
}
.form-control.is-valid {
  padding-right: 2.188rem;
  border-color: #7FDAC7;
  box-shadow: none;
}
.form-control.is-valid:focus {
  padding-right: 2.188rem;
  border-color: #7FDAC7;
  box-shadow: none;
}

.form-floating {
  position: relative;
}
.form-floating > label {
  width: auto;
  height: auto;
  padding: 12px;
  color: #939393;
}
.form-floating .form-control:not(:-moz-placeholder-shown) ~ label {
  opacity: 1;
  transform: scale(0.85) translateY(-14px) translateX(8px);
  background-color: #FFFFFF;
  padding: 3px 5px;
  color: #2B2B2B;
}
.form-floating .form-control:focus ~ label,
.form-floating .form-control:not(:placeholder-shown) ~ label,
.form-floating .form-control-plaintext ~ label,
.form-floating .form-select ~ label {
  opacity: 1;
  transform: scale(0.85) translateY(-14px) translateX(8px);
  background-color: #FFFFFF;
  padding: 3px 5px;
  color: #2B2B2B;
}
.form-floating .form-control,
.form-floating .form-control-plaintext {
  min-height: 48px;
  padding: 12px;
  height: auto;
}
.form-floating .form-control:not(:-moz-placeholder-shown), .form-floating .form-control-plaintext:not(:-moz-placeholder-shown) {
  padding: 12px;
}
.form-floating .form-control:focus,
.form-floating .form-control:not(:placeholder-shown),
.form-floating .form-control-plaintext:focus,
.form-floating .form-control-plaintext:not(:placeholder-shown) {
  padding: 12px;
}
.form-floating .show-hide-password {
  position: absolute;
  right: 12px;
  bottom: 14px;
  display: inline-block;
  width: 26px;
  height: 18px;
}
.form-floating .show-hide-password::before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='18' viewBox='0 0 26 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.9985 5.24992C10.9275 5.24992 9.24854 6.92886 9.24854 8.99992C9.24854 11.071 10.9275 12.7499 12.9985 12.7499C15.0696 12.7499 16.7485 11.071 16.7485 8.99992C16.7485 6.92886 15.0696 5.24992 12.9985 5.24992ZM11.7485 8.99992C11.7485 8.30957 12.3082 7.74992 12.9985 7.74992C13.6889 7.74992 14.2485 8.30957 14.2485 8.99992C14.2485 9.69028 13.6889 10.2499 12.9985 10.2499C12.3082 10.2499 11.7485 9.69028 11.7485 8.99992Z' fill='%23939393'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.9986 0.874924C7.62851 0.874924 2.97971 3.95363 0.716868 8.43654C0.538066 8.79076 0.538062 9.20883 0.716856 9.56306C2.97965 14.0461 7.62852 17.1249 12.9987 17.1249C18.3688 17.1249 23.0176 14.0462 25.2804 9.56331C25.4592 9.20909 25.4592 8.79102 25.2804 8.43679C23.0176 3.95375 18.3688 0.874924 12.9986 0.874924ZM12.9987 14.6249C8.83643 14.6249 5.20005 12.3647 3.25344 8.99982C5.20008 5.63503 8.8364 3.37492 12.9986 3.37492C17.1609 3.37492 20.7972 5.63512 22.7439 9.00003C20.7972 12.3648 17.1609 14.6249 12.9987 14.6249Z' fill='%23939393'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  width: 26px;
  height: 18px;
  content: "";
  transition: 0.3s all ease-in-out;
}
.form-floating .show-hide-password:after {
  width: 31px;
  height: 6px;
  background-color: #939393;
  border: 2px solid #FFFFFF;
  z-index: 10;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  content: "";
  display: inline-block;
  transition: 0.3s all ease-in-out;
  opacity: 0;
  visibility: hidden;
}
.form-floating .show-hide-password.active::after, .form-floating .show-hide-password:hover::after {
  opacity: 1;
  visibility: visible;
  transition: 0.3s all ease-in-out;
}

.form-select {
  display: block;
  width: 100%;
  min-height: 48px;
  padding: 12px;
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0px;
  color: #939393;
  background-color: #FFFFFF;
  border: 1px solid #DCDCDC;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  letter-spacing: 0;
  border-radius: 10px;
  box-shadow: none;
}
.form-select:focus {
  display: block;
  width: 100%;
  min-height: 48px;
  padding: 12px;
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0px;
  color: #2B2B2B;
  background-color: #FFFFFF;
  border: 1px solid #7FDAC7;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  letter-spacing: 0;
  border-radius: 10px;
  box-shadow: none;
}
.form-select.error {
  border-color: #FFADA3;
}
.form-select.error:focus {
  border-color: #FFADA3;
}
.form-select.selected {
  color: #2B2B2B;
}
.form-select option::not(:first-of-type) {
  color: #2B2B2B;
}
.form-select option:first-of-type {
  display: none;
}

.form-check-label {
  color: #2B2B2B;
  font-size: 0.667rem;
  line-height: 120%;
}

.form-check {
  padding-left: 1.222rem;
}
.form-check .form-check-input {
  width: 0.778rem;
  height: 0.778rem;
  border-radius: 0;
  margin-left: -1.222rem;
  margin-top: 0.389rem;
  border-color: #707070;
  margin-top: 0.5rem;
}
.form-check .form-check-input:focus {
  border-color: #2B2B2B;
  box-shadow: none;
}
.form-check .form-check-input:checked {
  background-color: #2B2B2B;
  border-color: #2B2B2B;
}
.form-check.form-switch {
  padding-left: 24px;
  min-height: 27px;
}
.form-check.form-switch .form-check-input {
  width: 48px;
  height: 27px;
  border-radius: 85px;
  margin-left: -24px;
  cursor: pointer;
  border-color: #939393;
  background-color: #939393;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='white'/%3e%3c/svg%3e");
}
.form-check.form-switch .form-check-input:focus {
  border-color: #939393;
  box-shadow: none;
}
.form-check.form-switch .form-check-input:checked {
  background-color: #7FDAC7;
  border-color: #7FDAC7;
}
.form-check.form-switch .form-check-input:checked ~ .form-check-label {
  color: #2B2B2B;
}
.form-check.form-switch .form-check-label {
  font-size: 16px;
  line-height: 120%;
  vertical-align: middle;
  display: inline-block;
  margin-left: 10px;
  padding-top: 5px;
  color: #939393;
}

.form-label {
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  margin-bottom: 5px;
}

textarea.form-control {
  height: 7.222rem;
}

.btn {
  padding: 10px 30px;
  display: inline-block;
  min-height: 40px;
  color: #FFFFFF;
  font-weight: 500;
  font-size: 16px;
  line-height: 115%;
  letter-spacing: 0;
  border: 1px solid #7FDAC7;
  background-color: #7FDAC7;
  border-radius: 10px;
  position: relative;
  box-shadow: none;
  display: inline-block;
  letter-spacing: 0px;
  text-decoration: none;
  transition: all 300ms ease-out;
}
.btn:hover, .btn:active, .btn:focus {
  border: 1px solid #00CDA3 !important;
  background-color: #00CDA3 !important;
  color: #FFFFFF !important;
  transition: all 300ms ease-out;
}
.btn.disabled {
  border-color: #DCDCDC !important;
  background-color: #DCDCDC !important;
  color: #BABABA !important;
}
.btn.disabled:hover, .btn.disabled:active, .btn.disabled:focus {
  border-color: #DCDCDC !important;
  background-color: #DCDCDC !important;
  color: #BABABA !important;
}
.btn.invert {
  color: #7FDAC7 !important;
  background-color: transparent !important;
  border-color: #7FDAC7 !important;
}
.btn.invert:hover, .btn.invert:active, .btn.invert:focus {
  color: #FFFFFF !important;
  background-color: #7FDAC7 !important;
  border-color: #7FDAC7 !important;
}
.btn.invert.reset::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.04634 2.77614C9.56704 2.25544 9.56704 1.41122 9.04634 0.890522C8.52564 0.369824 7.68142 0.369826 7.16072 0.890526L0.396461 7.65482L0.391499 7.65975C0.132164 7.91909 0.00199158 8.25868 0.000982551 8.59858C-4.09832e-05 8.94114 0.130132 9.28403 0.391503 9.5454L0.39648 9.55035L7.16077 16.3146C7.68147 16.8353 8.52569 16.8353 9.04639 16.3146C9.56708 15.7939 9.56708 14.9497 9.04638 14.429L4.45071 9.83333H15.3343C18.648 9.83333 21.3343 12.5196 21.3343 15.8333C21.3343 19.147 18.648 21.8333 15.3343 21.8333C14.5979 21.8333 14.001 22.4303 14.001 23.1667C14.001 23.903 14.5979 24.5 15.3343 24.5C20.1208 24.5 24.001 20.6198 24.001 15.8333C24.001 11.0469 20.1208 7.16667 15.3343 7.16667H4.65584L9.04634 2.77614Z' fill='%2301DAAD'/%3E%3C/svg%3E%0A");
  transition: all 300ms ease-out;
}
.btn.invert.reset:hover::before, .btn.invert.reset:active::before, .btn.invert.reset:focus::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.04634 2.77614C9.56704 2.25544 9.56704 1.41122 9.04634 0.890522C8.52564 0.369824 7.68142 0.369826 7.16072 0.890526L0.396461 7.65482L0.391499 7.65975C0.132164 7.91909 0.00199158 8.25868 0.000982551 8.59858C-4.09832e-05 8.94114 0.130132 9.28403 0.391503 9.5454L0.39648 9.55035L7.16077 16.3146C7.68147 16.8353 8.52569 16.8353 9.04639 16.3146C9.56708 15.7939 9.56708 14.9497 9.04638 14.429L4.45071 9.83333H15.3343C18.648 9.83333 21.3343 12.5196 21.3343 15.8333C21.3343 19.147 18.648 21.8333 15.3343 21.8333C14.5979 21.8333 14.001 22.4303 14.001 23.1667C14.001 23.903 14.5979 24.5 15.3343 24.5C20.1208 24.5 24.001 20.6198 24.001 15.8333C24.001 11.0469 20.1208 7.16667 15.3343 7.16667H4.65584L9.04634 2.77614Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
  transition: all 300ms ease-out;
}
.btn.white-bordered {
  color: #2B2B2B !important;
  background-color: #FFFFFF !important;
  border-color: #DCDCDC !important;
}
.btn.white-bordered:hover, .btn.white-bordered:active, .btn.white-bordered:focus {
  color: #2B2B2B !important;
  background-color: #FFFFFF !important;
  border-color: #2B2B2B !important;
}
.btn.btn-lg {
  min-height: 48px;
  padding: 10px 32px;
  font-size: 18px;
  line-height: 120%;
}
.btn.btn-sm {
  min-height: 32px;
  padding: 5px 32px;
  font-size: 14px;
  line-height: 120%;
}
.btn.w-100 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
  text-align: center;
}
.btn.add::before {
  display: inline-block;
  margin-right: 9px;
  vertical-align: middle;
  margin-top: -2px;
  background-image: url("data:image/svg+xml,%3Csvg width='27' height='28' viewBox='0 0 27 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5013 13.9998C7.5013 13.2635 8.09825 12.6665 8.83463 12.6665H12.168V9.33317C12.168 8.59679 12.7649 7.99984 13.5013 7.99984C14.2377 7.99984 14.8346 8.59679 14.8346 9.33317V12.6665H18.168C18.9043 12.6665 19.5013 13.2635 19.5013 13.9998C19.5013 14.7362 18.9043 15.3332 18.168 15.3332H14.8346V18.6665C14.8346 19.4029 14.2377 19.9998 13.5013 19.9998C12.7649 19.9998 12.168 19.4029 12.168 18.6665V15.3332H8.83463C8.09825 15.3332 7.5013 14.7362 7.5013 13.9998Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.5013 27.3332C20.8651 27.3332 26.8346 21.3636 26.8346 13.9998C26.8346 6.63604 20.8651 0.666504 13.5013 0.666504C6.1375 0.666504 0.167969 6.63604 0.167969 13.9998C0.167969 21.3636 6.1375 27.3332 13.5013 27.3332ZM13.5013 24.6665C19.3923 24.6665 24.168 19.8909 24.168 13.9998C24.168 8.1088 19.3923 3.33317 13.5013 3.33317C7.61026 3.33317 2.83464 8.1088 2.83464 13.9998C2.83464 19.8909 7.61026 24.6665 13.5013 24.6665Z' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  width: 27px;
  height: 28px;
  content: "";
}
.btn.add.disabled::before {
  background-image: url("data:image/svg+xml,%3Csvg width='27' height='28' viewBox='0 0 27 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5013 13.9998C7.5013 13.2635 8.09825 12.6665 8.83463 12.6665H12.168V9.33317C12.168 8.59679 12.7649 7.99984 13.5013 7.99984C14.2377 7.99984 14.8346 8.59679 14.8346 9.33317V12.6665H18.168C18.9043 12.6665 19.5013 13.2635 19.5013 13.9998C19.5013 14.7362 18.9043 15.3332 18.168 15.3332H14.8346V18.6665C14.8346 19.4029 14.2377 19.9998 13.5013 19.9998C12.7649 19.9998 12.168 19.4029 12.168 18.6665V15.3332H8.83463C8.09825 15.3332 7.5013 14.7362 7.5013 13.9998Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.5013 27.3332C20.8651 27.3332 26.8346 21.3636 26.8346 13.9998C26.8346 6.63604 20.8651 0.666504 13.5013 0.666504C6.1375 0.666504 0.167969 6.63604 0.167969 13.9998C0.167969 21.3636 6.1375 27.3332 13.5013 27.3332ZM13.5013 24.6665C19.3923 24.6665 24.168 19.8909 24.168 13.9998C24.168 8.1088 19.3923 3.33317 13.5013 3.33317C7.61026 3.33317 2.83464 8.1088 2.83464 13.9998C2.83464 19.8909 7.61026 24.6665 13.5013 24.6665Z' fill='%23BABABA'/%3E%3C/svg%3E%0A");
}
.btn.google::before {
  display: inline-block;
  margin-right: 9px;
  vertical-align: middle;
  margin-top: -2px;
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.1264 15.2915C28.1264 14.2123 28.0371 13.4248 27.8437 12.6082H15.2693V17.479H22.6502C22.5014 18.6894 21.6979 20.5123 19.9121 21.7373L19.8871 21.9003L23.8629 24.9187L24.1383 24.9457C26.668 22.6561 28.1264 19.2873 28.1264 15.2915' fill='%234285F4'/%3E%3Cpath d='M15.2685 28.125C18.8845 28.125 21.9201 26.9583 24.1375 24.9458L19.9113 21.7374C18.7804 22.5103 17.2625 23.0499 15.2685 23.0499C11.7268 23.0499 8.72092 20.7603 7.6494 17.5957L7.49234 17.6088L3.35826 20.7443L3.3042 20.8915C5.50655 25.1791 10.0304 28.125 15.2685 28.125Z' fill='%2334A853'/%3E%3Cpath d='M7.64997 17.5958C7.36723 16.7792 7.20361 15.9041 7.20361 15C7.20361 14.0957 7.36723 13.2208 7.63509 12.4041L7.6276 12.2302L3.44171 9.0444L3.30476 9.10824C2.39706 10.8874 1.87622 12.8854 1.87622 15C1.87622 17.1145 2.39706 19.1124 3.30476 20.8916L7.64997 17.5958' fill='%23FBBC05'/%3E%3Cpath d='M15.2685 6.94996C17.7834 6.94996 19.4798 8.01454 20.4471 8.90419L24.2268 5.2875C21.9055 3.17292 18.8846 1.875 15.2685 1.875C10.0304 1.875 5.50656 4.82081 3.3042 9.10827L7.63455 12.4042C8.72095 9.23958 11.7269 6.94996 15.2685 6.94996' fill='%23EB4335'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  width: 30px;
  height: 30px;
  content: "";
}
.btn.google.disabled::before {
  opacity: 0.8;
}
.btn.facebook::before {
  display: inline-block;
  margin-right: 9px;
  vertical-align: middle;
  margin-top: -2px;
  background-image: url("data:image/svg+xml,%3Csvg width='31' height='30' viewBox='0 0 31 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='15.5' cy='15' r='13.125' fill='url(%23paint0_linear_470_518)'/%3E%3Cpath d='M20.3879 19.014L20.9709 15.3095H17.3236V12.9066C17.3236 11.8928 17.8322 10.9041 19.4658 10.9041H21.125V7.7503C21.125 7.7503 19.6199 7.5 18.1815 7.5C15.1764 7.5 13.2141 9.27463 13.2141 12.486V15.3095H9.875V19.014H13.2141V27.9698C13.8844 28.0725 14.5702 28.125 15.2688 28.125C15.9675 28.125 16.6533 28.0725 17.3236 27.9698V19.014H20.3879Z' fill='white'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_470_518' x1='15.5' y1='1.875' x2='15.5' y2='28.0471' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2318ACFE'/%3E%3Cstop offset='1' stop-color='%230163E0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  background-position: center center;
  background-size: 100% 100%;
  width: 31px;
  height: 30px;
  content: "";
}
.btn.facebook.disabled::before {
  opacity: 0.8;
}
.btn.upload {
  font-size: 18px;
  line-height: 120%;
  padding-top: 8px;
  padding-bottom: 6px;
}
.btn.upload::before {
  display: inline-block;
  margin-right: 9px;
  vertical-align: middle;
  margin-top: -2px;
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.002 9.16667C12.002 7.32572 13.4943 5.83333 15.3353 5.83333C17.1762 5.83333 18.6686 7.32572 18.6686 9.16667C18.6686 11.0076 17.1762 12.5 15.3353 12.5C13.4943 12.5 12.002 11.0076 12.002 9.16667ZM15.3353 8.5C14.9671 8.5 14.6686 8.79848 14.6686 9.16667C14.6686 9.53486 14.9671 9.83333 15.3353 9.83333C15.7035 9.83333 16.002 9.53486 16.002 9.16667C16.002 8.79848 15.7035 8.5 15.3353 8.5Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.00195312 7.16667C0.00195312 3.48477 2.98672 0.5 6.66862 0.5H17.3353C21.0172 0.5 24.002 3.48477 24.002 7.16667V17.8333C24.002 21.5152 21.0172 24.5 17.3353 24.5H6.66862C2.98672 24.5 0.00195312 21.5152 0.00195312 17.8333V16.5002C0.00195312 16.5003 0.00195312 16.5 0.00195312 16.5002V7.16667ZM2.66862 17.0522V17.8333C2.66862 20.0425 4.45948 21.8333 6.66862 21.8333H17.3353C19.0769 21.8333 20.5586 20.7202 21.1077 19.1666H14.9921C13.5777 19.1666 12.2211 18.6047 11.2209 17.6045L8.55424 14.9379C7.51284 13.8965 5.8244 13.8965 4.783 14.9379L2.66862 17.0522ZM21.3353 16.5H14.9921C14.2849 16.5 13.6066 16.219 13.1065 15.7189L10.4399 13.0523C8.35706 10.9695 4.98018 10.9695 2.89738 13.0522L2.66862 13.281V7.16667C2.66862 4.95753 4.45948 3.16667 6.66862 3.16667H17.3353C19.5444 3.16667 21.3353 4.95753 21.3353 7.16667V16.5Z' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  width: 25px;
  height: 25px;
  content: "";
}
.btn.upload.disabled::before {
  opacity: 0.8;
}
@media (max-width: 374.98px) {
  .btn.upload {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 16px;
  }
}
.btn.reset {
  font-size: 18px;
  line-height: 120%;
  padding-top: 8px;
  padding-bottom: 6px;
}
.btn.reset::before {
  display: inline-block;
  margin-right: 9px;
  vertical-align: middle;
  margin-top: -2px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.04634 2.77614C9.56704 2.25544 9.56704 1.41122 9.04634 0.890522C8.52564 0.369824 7.68142 0.369826 7.16072 0.890526L0.396461 7.65482L0.391499 7.65975C0.132164 7.91909 0.00199158 8.25868 0.000982551 8.59858C-4.09832e-05 8.94114 0.130132 9.28403 0.391503 9.5454L0.39648 9.55035L7.16077 16.3146C7.68147 16.8353 8.52569 16.8353 9.04639 16.3146C9.56708 15.7939 9.56708 14.9497 9.04638 14.429L4.45071 9.83333H15.3343C18.648 9.83333 21.3343 12.5196 21.3343 15.8333C21.3343 19.147 18.648 21.8333 15.3343 21.8333C14.5979 21.8333 14.001 22.4303 14.001 23.1667C14.001 23.903 14.5979 24.5 15.3343 24.5C20.1208 24.5 24.001 20.6198 24.001 15.8333C24.001 11.0469 20.1208 7.16667 15.3343 7.16667H4.65584L9.04634 2.77614Z' fill='%2301DAAD'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  width: 24px;
  height: 25px;
  content: "";
}
@media (max-width: 374.98px) {
  .btn.reset {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 16px;
  }
}
.btn.reset.disabled::before {
  opacity: 0.8;
}
.btn.folder {
  font-size: 18px;
  line-height: 120%;
  padding-top: 8px;
  padding-bottom: 8px;
}
.btn.folder::before {
  display: inline-block;
  margin-right: 9px;
  vertical-align: middle;
  margin-top: -2px;
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='22' viewBox='0 0 28 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.3343 20.3335L4.66765 20.3335C3.19489 20.3335 2.00098 19.1396 2.00098 17.6668L2.00101 4.33349C2.00102 2.86074 3.19493 1.66683 4.66768 1.66683L9.90715 1.66683C10.7988 1.66683 11.6314 2.11244 12.126 2.8543L13.2093 4.47937C13.7039 5.22123 14.5365 5.66683 15.4281 5.66683L23.3343 5.66683C24.8071 5.66683 26.001 6.86074 26.001 8.3335L26.001 17.6668C26.001 19.1396 24.8071 20.3335 23.3343 20.3335Z' stroke='white' stroke-width='2.66667'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  width: 28px;
  height: 22px;
  content: "";
}
@media (max-width: 374.98px) {
  .btn.folder {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 16px;
  }
}
.btn.folder.disabled::before {
  opacity: 0.8;
}
.btn.mynight {
  font-size: 18px;
  line-height: 120%;
  padding-top: 10px;
  padding-bottom: 6px;
  padding-left: 10px;
  padding-right: 10px;
  border-color: #DCDCDC !important;
  background-color: #FFFFFF !important;
  color: #2B2B2B !important;
}
.btn.mynight:hover, .btn.mynight:active, .btn.mynight:focus {
  border-color: #DCDCDC !important;
  background-color: #DCDCDC !important;
  color: #2B2B2B !important;
}
.btn.mynight::before {
  display: inline-block;
  margin-right: 9px;
  vertical-align: middle;
  margin-top: -2px;
  background-image: url("/../images/icon-designmynight.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  width: 30px;
  height: 30px;
  content: "";
}
.btn.mynight.disabled::before {
  opacity: 0.8;
}
@media (max-width: 374.98px) {
  .btn.mynight {
    font-size: 16px;
  }
}

.page-wrapper {
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
  z-index: 50;
}

.bigger-z-index {
  position: relative;
  z-index: 30;
}

/** =============================================================== **/
/** Main styles **/
/** =============================================================== **/
.login-page {
  width: 100%;
  position: relative;
  padding-left: 40%;
  height: 100vh;
}
@media (max-width: 1399.98px) {
  .login-page {
    padding-left: 50%;
  }
}
@media (max-width: 767.98px) {
  .login-page {
    padding-left: 0;
    height: auto;
  }
}
.login-page .sidebar {
  position: fixed;
  height: 100vh;
  width: 40%;
  left: 0;
  top: 0;
  z-index: 10;
}
@media (max-width: 1399.98px) {
  .login-page .sidebar {
    width: 50%;
  }
}
@media (max-width: 767.98px) {
  .login-page .sidebar {
    position: relative;
    height: auto;
    left: auto;
    top: auto;
    width: 100%;
    height: 70vw;
  }
}
.login-page .sidebar img {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
.login-page .sidebar::before {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  z-index: 10;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
}
.login-page .content {
  position: relative;
  height: 100%;
}
.login-page .content .float-logo-top {
  position: fixed;
  left: 43%;
  top: -100px;
  z-index: 1;
}
@media (max-width: 1199.98px) {
  .login-page .content .float-logo-top {
    display: none;
  }
}
.login-page .content .float-logo-bottom {
  position: fixed;
  right: 12%;
  bottom: -70px;
  z-index: 1;
}
@media (max-width: 1199.98px) {
  .login-page .content .float-logo-bottom {
    display: none;
  }
}
.login-page .content .inside {
  padding-left: 40px;
  padding-right: 40px;
  height: 100%;
}
@media (max-width: 575.98px) {
  .login-page .content .inside {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.login-page .content .inside .main-flex {
  height: 100%;
}
@media (max-height: 700px) {
  .login-page .content .inside .main-flex {
    height: auto;
    padding: 100px 0;
  }
}
@media (max-width: 767.98px) {
  .login-page .content .inside .main-flex {
    padding-top: 100px;
    height: auto !important;
    padding-bottom: 60px;
  }
}
@media (max-width: 575.98px) {
  .login-page .content .inside .main-flex {
    padding-top: 80px;
    padding-bottom: 30px;
  }
}
.login-page .content .inside .signup-float {
  position: fixed;
  right: 55px;
  top: 40px;
  z-index: 10;
}
@media (max-height: 700px) {
  .login-page .content .inside .signup-float {
    position: absolute;
  }
}
@media (max-width: 767.98px) {
  .login-page .content .inside .signup-float {
    position: absolute;
  }
}
@media (max-width: 575.98px) {
  .login-page .content .inside .signup-float {
    right: 25px;
  }
}
.login-page .content .inside .box {
  width: 400px;
  max-width: 100%;
  padding: 40px 0;
}
@media (max-width: 1399.98px) {
  .login-page .content .inside .box .logo {
    max-height: 70px;
    width: auto;
    height: auto;
  }
}
@media (max-width: 1199.98px) {
  .login-page .content .inside .box .logo {
    max-height: 63px;
  }
}
@media (max-width: 575.98px) {
  .login-page .content .inside .box .logo {
    max-height: 55px;
  }
}
@media (max-width: 374.98px) {
  .login-page .content .inside .box .logo {
    max-height: 47px;
  }
}
.login-page .content .inside .box .or {
  width: 100%;
  height: 1px;
  margin: 33px 0;
  background-color: #939393;
  position: relative;
}
.login-page .content .inside .box .or span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  padding: 3px 15px;
  background-color: #FFFFFF;
  font-weight: 500;
  font-size: 14px;
  line-height: 120%;
}

.search-box {
  width: 390px;
  max-width: 100%;
  position: relative;
  display: inline-block;
}
.search-box.white .form-control {
  background-color: #FFFFFF;
  border: 1px solid #DCDCDC;
}
.search-box.white .form-control:focus {
  background-color: #FFFFFF;
  border: 1px solid #7FDAC7;
}
@media (max-width: 1199.98px) {
  .search-box {
    width: 210px;
  }
}
.search-box .form-control {
  padding-left: 56px;
  border: none;
  background-color: #F7F7F7;
}
.search-box .form-control:focus {
  border: none;
  background-color: #F7F7F7;
}
.search-box button {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  background-color: transparent;
  padding: 0;
  margin: 0;
}

.user-link {
  display: inline-block;
}
.user-link .dropdown-toggle {
  display: inline-block;
  position: relative;
  padding-left: 65px;
  font-size: 14px;
  line-height: 120%;
  color: #939393;
  background-color: transparent;
  text-align: left;
  font-weight: 500;
  padding-right: 26px;
}
@media (max-width: 767.98px) {
  .user-link .dropdown-toggle {
    padding-right: 25px;
    padding-left: 0;
  }
}
@media (max-width: 575.98px) {
  .user-link .dropdown-toggle {
    padding-right: 20px;
  }
}
@media (max-width: 347.98px) {
  .user-link .dropdown-toggle {
    padding-right: 20px;
  }
}
.user-link .dropdown-toggle::after {
  display: none;
}
.user-link .dropdown-toggle::before {
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%) rotate(0deg);
  transition: 0.3s all ease-in-out;
  z-index: 1;
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.6065 0.602043C13.2485 0.244062 12.6681 0.244062 12.3102 0.602043L7 5.91219L1.68985 0.602043C1.33187 0.244062 0.751466 0.244062 0.393486 0.602043C0.0355047 0.960023 0.0355047 1.54042 0.393486 1.8984L6.35182 7.85674C6.7098 8.21472 7.2902 8.21472 7.64818 7.85674L13.6065 1.8984C13.9645 1.54042 13.9645 0.960023 13.6065 0.602043Z' fill='%23939393'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  width: 14px;
  height: 9px;
  content: "";
}
.user-link .dropdown-toggle strong {
  display: block;
  text-align: left;
  font-size: 18px;
  line-height: 120%;
  color: #2B2B2B;
}
.user-link .dropdown-toggle .avatar {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
@media (max-width: 767.98px) {
  .user-link .dropdown-toggle .avatar {
    position: relative;
    left: auto;
    top: auto;
    transform: none;
  }
}
.user-link .dropdown-toggle .avatar img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
@media (max-width: 480px) {
  .user-link .dropdown-toggle .avatar img {
    width: 40px;
    height: 40px;
  }
}
.user-link .dropdown-menu {
  min-width: 200px;
  background: #FFFFFF;
  border: 1px solid #DCDCDC;
  box-shadow: 0px 6px 28px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 8px;
  margin: 0 !important;
  margin-top: 17px !important;
}
@media (max-width: 347.98px) {
  .user-link .dropdown-menu {
    margin-top: 11px !important;
  }
}
.user-link .dropdown-menu .dropdown-item {
  width: 100%;
  display: block;
  position: relative;
  padding: 8px 30px;
  text-align: right;
  border-radius: 10px;
  background-color: transparent;
  color: #2B2B2B;
  font-weight: 400;
  font-size: 18px;
  line-height: 120%;
  transition: 0.3s all ease-in-out;
}
.user-link .dropdown-menu .dropdown-item:hover {
  color: #7FDAC7;
  background-color: #F7F7F7;
  transition: 0.3s all ease-in-out;
}

header {
  position: fixed;
  left: 340px;
  width: calc(100% - 340px);
  top: 0;
  z-index: 10;
  background-color: #FFFFFF;
  border-bottom: 1px solid #DCDCDC;
  height: 80px;
  padding: 5px 25px;
}
@media (max-width: 1199.98px) {
  header {
    left: 300px;
    width: calc(100% - 300px);
  }
}
@media (max-width: 991.98px) {
  header {
    left: 0px;
    width: 100%;
  }
}
@media (max-width: 575.98px) {
  header {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 480px) {
  header {
    padding-left: 15px;
  }
}
@media (max-width: 347.98px) {
  header {
    height: 70px;
  }
}
@media (max-width: 374.98px) {
  header .hide-on-smaller-mobile-screens {
    display: none !important;
  }
}
header .hamburger {
  padding: 0;
  margin: 0;
}
@media (max-width: 480px) {
  header .hamburger {
    transform: scale(0.7);
  }
}
header .list-inline-item:not(:last-child) {
  margin-right: 25px;
}
@media (max-width: 991.98px) {
  header .list-inline-item:not(:last-child) {
    margin-right: 15px;
  }
}
@media (max-width: 480px) {
  header .list-inline-item:not(:last-child) {
    margin-right: 5px;
  }
}
header .icon-link {
  position: relative;
}
header .icon-link .num {
  position: absolute;
  left: -10px;
  top: -10px;
  z-index: 1;
  background-color: #FFADA3;
  color: #FFFFFF;
  min-width: 18px;
  padding: 3px 5px;
  border-radius: 5px;
  display: inline-block;
  width: auto;
  font-weight: 700;
  font-size: 12px;
  line-height: 1;
  text-align: center;
}
@media (max-width: 480px) {
  header .icon-link .num {
    left: auto;
    right: -5px;
  }
}
header .icon-link svg path {
  fill: #939393;
  transition: 0.3s all ease-in-out;
}
header .icon-link:hover svg path {
  fill: #7FDAC7;
  transition: 0.3s all ease-in-out;
}
@media (max-width: 480px) {
  header .logo img {
    max-height: 25px;
    width: auto;
  }
}

.main-sidebar-bg {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 0;
  z-index: 48;
  background-color: rgba(0, 0, 0, 0.5);
}

.main-sidebar {
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  width: 340px;
  background-color: #FFFFFF;
  border-right: 1px solid #DCDCDC;
  z-index: 10;
  transition: 0.3s all ease-in-out;
}
@media (max-width: 1199.98px) {
  .main-sidebar {
    width: 300px;
  }
}
@media (max-width: 991.98px) {
  .main-sidebar {
    left: -300px;
  }
}
.main-sidebar .logo {
  height: 80px;
  padding: 10px 25px;
  position: relative;
}
.main-sidebar .logo img {
  transition: 0.3s all ease-in-out;
  width: 152px;
  height: 37px;
}
.main-sidebar .logo .open-close-sidebar-desktop {
  position: absolute;
  right: 28px;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 991.98px) {
  .main-sidebar .logo .open-close-sidebar-desktop {
    display: none;
  }
}
.main-sidebar .logo .open-close-sidebar-mobile {
  position: absolute;
  right: 28px;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s all ease-in-out;
  display: none;
}
@media (max-width: 991.98px) {
  .main-sidebar .logo .open-close-sidebar-mobile {
    display: block;
  }
}
.main-sidebar .menu {
  padding: 50px 25px;
}
.main-sidebar .menu .navbar-nav {
  max-height: 75vh;
}
@media (max-width: 991.98px) {
  .main-sidebar .menu .navbar-nav {
    overflow: hidden;
    overflow-y: auto;
  }
}
.main-sidebar .menu .navbar-collapse {
  width: 100%;
}
.main-sidebar .menu .nav-item {
  width: 100%;
  padding-bottom: 14px;
}
.main-sidebar .menu .nav-item:last-child {
  padding-bottom: 0;
}
.main-sidebar .menu .nav-item .nav-link {
  width: 100%;
  padding: 13px 12px 11px 12px;
  padding-left: 58px;
  padding-right: 50px;
  position: relative;
  min-height: 50px;
  border-radius: 10px;
}
.main-sidebar .menu .nav-item .nav-link:hover, .main-sidebar .menu .nav-item .nav-link:focus, .main-sidebar .menu .nav-item .nav-link.show {
  background-color: #F7F7F7;
  color: #7FDAC7;
}
.main-sidebar .menu .nav-item .nav-link:hover .icon svg path, .main-sidebar .menu .nav-item .nav-link:focus .icon svg path, .main-sidebar .menu .nav-item .nav-link.show .icon svg path {
  fill: #7FDAC7;
  transition: 0.3s all ease-in-out;
}
.main-sidebar .menu .nav-item .nav-link.active {
  font-weight: 600;
  background-color: #F7F7F7;
  color: #7FDAC7;
}
.main-sidebar .menu .nav-item .nav-link.active .icon svg path {
  fill: #7FDAC7;
  transition: 0.3s all ease-in-out;
}
.main-sidebar .menu .nav-item .nav-link .icon {
  position: absolute;
  left: 18px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.main-sidebar .menu .nav-item .nav-link .icon svg path {
  fill: #939393;
  transition: 0.3s all ease-in-out;
}
.main-sidebar .menu .nav-item .nav-link .num {
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  background-color: #FFADA3;
  color: #FFFFFF;
  min-width: 24px;
  padding: 5px 5px;
  border-radius: 5px;
  display: inline-block;
  width: auto;
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
  text-align: center;
  transition: 0.1s all ease-in-out;
}
.main-sidebar .menu .nav-item.dropdown .nav-link.dropdown-toggle::after {
  display: none;
}
.main-sidebar .menu .nav-item.dropdown .nav-link.dropdown-toggle::before {
  position: absolute;
  right: 21px;
  top: 50%;
  transform: translateY(-50%) rotate(0deg);
  transition: 0.3s all ease-in-out;
  z-index: 1;
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='16' viewBox='0 0 10 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.04192 1.10539C0.651394 1.49592 0.651393 2.12908 1.04192 2.51961L6.83481 8.3125L1.04192 14.1054C0.651392 14.4959 0.651392 15.1291 1.04192 15.5196C1.43244 15.9101 2.06561 15.9101 2.45613 15.5196L8.95613 9.01961C9.34665 8.62908 9.34665 7.99592 8.95613 7.60539L2.45613 1.10539C2.06561 0.714869 1.43244 0.714869 1.04192 1.10539Z' fill='%23939393'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  width: 10px;
  height: 16px;
  content: "";
}
.main-sidebar .menu .nav-item.dropdown .nav-link.dropdown-toggle.show::before {
  transform: translateY(-50%) rotate(90deg);
  transition: 0.3s all ease-in-out;
}
.main-sidebar .menu .nav-item.dropdown .dropdown-menu {
  margin: 0;
  margin-top: 14px;
  background-clip: transparent;
  border: none;
  padding: 0;
}
.main-sidebar .menu .nav-item.dropdown .dropdown-menu li {
  width: 100%;
  display: block;
  margin-bottom: 14px;
}
.main-sidebar .menu .nav-item.dropdown .dropdown-menu li:last-child {
  margin-bottom: 0;
}
.main-sidebar .menu .nav-item.dropdown .dropdown-menu .dropdown-item {
  width: 100%;
  padding: 10px;
  padding-left: 75px;
  background-color: transparent;
  color: #939393;
  font-size: 16px;
  line-height: 120%;
  border-radius: 10px;
}
@media (max-width: 991.98px) {
  .main-sidebar .menu .nav-item.dropdown .dropdown-menu .dropdown-item {
    padding-left: 58px;
  }
}
.main-sidebar .menu .nav-item.dropdown .dropdown-menu .dropdown-item:hover, .main-sidebar .menu .nav-item.dropdown .dropdown-menu .dropdown-item.active {
  background-color: #F7F7F7;
  color: #7FDAC7;
}
.main-sidebar .dark-white-change {
  position: fixed;
  left: 25px;
  bottom: 25px;
  width: 120px;
  height: 42px;
  background-color: #DCDCDC;
  border-radius: 42px;
  transition: 0.3s all ease-in-out;
}
.main-sidebar .dark-white-change a {
  display: inline-block;
  width: 55px;
  height: 34px;
  margin-left: 5px;
  margin-top: 4px;
  text-align: center;
  border-radius: 38px;
  line-height: 38px;
}
.main-sidebar .dark-white-change a + a {
  margin-left: 1px;
}
.main-sidebar .dark-white-change a svg {
  display: inline-block;
  vertical-align: middle;
  margin-top: 4px;
}
.main-sidebar .dark-white-change a svg path {
  fill: #939393;
}
.main-sidebar .dark-white-change a:hover {
  background-color: #DCDCDC;
}
.main-sidebar .dark-white-change a.active {
  background-color: #FFFFFF;
}
.main-sidebar .dark-white-change a.active svg path {
  fill: #2B2B2B;
}

.add-transition * {
  transition: 0.3s all ease-in-out;
}

.main-container {
  position: relative;
  padding: 110px 25px 30px 365px;
  display: block;
  z-index: 1;
}
@media (max-width: 1199.98px) {
  .main-container {
    padding-left: 325px;
  }
}
@media (max-width: 991.98px) {
  .main-container {
    padding-left: 25px;
    padding-bottom: 80px;
  }
}
@media (max-width: 575.98px) {
  .main-container {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 100px;
  }
}
@media (max-width: 347.98px) {
  .main-container {
    padding-top: 90px;
  }
}
.main-container .dash-left {
  flex: 0 0 auto;
  width: 66.66666667%;
}
@media (max-width: 1800px) {
  .main-container .dash-left {
    width: 55%;
  }
}
@media (max-width: 1550px) {
  .main-container .dash-left {
    width: 100%;
    order: 2;
  }
}
.main-container .dash-right {
  flex: 0 0 auto;
  width: 33.33333333%;
}
@media (max-width: 1800px) {
  .main-container .dash-right {
    width: 45%;
  }
}
@media (max-width: 1550px) {
  .main-container .dash-right {
    width: 100%;
    order: 1;
  }
}
.main-container .tablebg {
  width: 100%;
  box-shadow: 0px 6px 28px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  border: 1px solid #DCDCDC;
  background-color: #FFFFFF;
  padding: 25px;
}
.main-container .table-responsive {
  margin-bottom: 12px;
}

.box-white {
  width: 100%;
  display: block;
  position: relative;
  padding: 25px;
  border-radius: 20px;
  border: 1px solid #DCDCDC;
  background-color: #FFFFFF;
}
@media (max-width: 575.98px) {
  .box-white {
    padding: 20px;
    border-radius: 10px;
  }
}
.box-white.m800 {
  width: 800px;
  max-width: 100%;
}
@media (max-width: 991.98px) {
  .box-white.m800 {
    width: 100%;
  }
}
.box-white.book-cancel {
  padding: 35px 60px;
  font-weight: 500;
  font-size: 16px;
  color: #939393;
}
@media (max-width: 1700px) {
  .box-white.book-cancel {
    padding: 25px;
  }
}
@media (max-width: 575.98px) {
  .box-white.book-cancel {
    padding: 20px;
  }
}
.box-white.book-cancel strong {
  display: block;
  color: #2B2B2B;
}
.box-white.book-cancel .text {
  position: relative;
  padding-left: 26px;
}
.box-white.book-cancel .text::before {
  position: absolute;
  left: 0;
  top: 5px;
  z-index: 1;
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background-color: #7FDAC7;
  border-radius: 50%;
}
.box-white.book-cancel .text.color-red::before {
  background-color: #FFADA3;
}

.btn-group.year-month-group .btn {
  padding: 5px 9px;
  border: 1px solid #DCDCDC;
  background-color: transparent;
  color: #939393;
  border-radius: 5px;
  min-height: 35px;
}
.btn-group.year-month-group .btn.active, .btn-group.year-month-group .btn:hover, .btn-group.year-month-group .btn:focus, .btn-group.year-month-group .btn:active {
  background-color: transparent !important;
  color: #7FDAC7 !important;
  border-color: #DCDCDC !important;
}
.btn-group.year-month-group .btn:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.booking-list {
  min-height: 470px;
}
@media (max-width: 1550px) {
  .booking-list {
    min-height: auto;
  }
}
.booking-list.empty {
  height: 470px;
}
@media (max-width: 1550px) {
  .booking-list.empty {
    height: 350px;
  }
}
.booking-list .table {
  font-size: 16px;
  line-height: 120%;
}
.booking-list .table > :not(caption) > * > * {
  padding: 20px;
}
@media (max-width: 1800px) {
  .booking-list .table > :not(caption) > * > * {
    padding: 15px 10px;
  }
}
.booking-list .table.table-striped > tbody > tr:nth-of-type(odd) > * {
  box-shadow: inset 0 0 0 9999px #F7F7F7;
}

.sidebar-collapsed header {
  left: 110px;
  width: calc(100% - 110px);
}
@media (max-width: 991.98px) {
  .sidebar-collapsed header {
    left: 0;
    width: 100%;
  }
}
.sidebar-collapsed .main-container {
  padding-left: 135px;
}
@media (max-width: 991.98px) {
  .sidebar-collapsed .main-container {
    padding-left: 25px;
  }
}
.sidebar-collapsed .main-sidebar {
  width: 110px;
}
@media (max-width: 991.98px) {
  .sidebar-collapsed .main-sidebar {
    width: 300px;
  }
}
.sidebar-collapsed .main-sidebar .logo {
  padding: 10px 15px;
  align-items: flex-start !important;
}
@media (max-width: 991.98px) {
  .sidebar-collapsed .main-sidebar .logo {
    height: 80px;
    padding: 10px 25px;
    align-items: center !important;
  }
}
.sidebar-collapsed .main-sidebar .logo img {
  width: 80px;
  height: 19px;
}
@media (max-width: 991.98px) {
  .sidebar-collapsed .main-sidebar .logo img {
    width: 152px;
    height: 37px;
  }
}
.sidebar-collapsed .main-sidebar .logo .open-close-sidebar-desktop {
  right: auto;
  left: 50%;
  top: 60%;
  transform: translateY(-50%) translateX(-50%) rotate(180deg);
}
.sidebar-collapsed .main-sidebar .menu .nav-item .nav-link {
  padding-right: 0px;
}
@media (max-width: 991.98px) {
  .sidebar-collapsed .main-sidebar .menu .nav-item .nav-link {
    padding-right: 50px;
  }
}
.sidebar-collapsed .main-sidebar .menu .nav-item .nav-link .num {
  display: none;
}
@media (max-width: 991.98px) {
  .sidebar-collapsed .main-sidebar .menu .nav-item .nav-link .num {
    display: block;
  }
}
.sidebar-collapsed .main-sidebar .menu .nav-item .nav-link .text {
  width: 1px;
  height: 1px;
  position: absolute;
  right: -100%;
  top: -100%;
  overflow: hidden;
  text-indent: -9999;
}
@media (max-width: 991.98px) {
  .sidebar-collapsed .main-sidebar .menu .nav-item .nav-link .text {
    width: auto;
    height: auto;
    right: auto;
    position: relative;
    top: auto;
    overflow: visible;
    text-indent: 1;
  }
}
.sidebar-collapsed .main-sidebar .menu .nav-item.dropdown .dropdown-menu {
  position: absolute;
  left: calc(100% + 10px);
  top: 0;
  margin: 0;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
  padding: 10px;
}
@media (max-width: 991.98px) {
  .sidebar-collapsed .main-sidebar .menu .nav-item.dropdown .dropdown-menu {
    margin-top: 14px;
    position: static;
    top: auto;
    left: auto;
    box-shadow: none;
    padding-top: none;
  }
}
.sidebar-collapsed .main-sidebar .menu .nav-item.dropdown .dropdown-menu .dropdown-item {
  padding: 10px;
}
@media (max-width: 991.98px) {
  .sidebar-collapsed .main-sidebar .menu .nav-item.dropdown .dropdown-menu .dropdown-item {
    padding: 10px;
    padding-left: 75px;
  }
}
.sidebar-collapsed .main-sidebar .menu .nav-item.dropdown .nav-link.dropdown-toggle::before {
  display: none;
}
@media (max-width: 991.98px) {
  .sidebar-collapsed .main-sidebar .menu .nav-item.dropdown .nav-link.dropdown-toggle::before {
    display: block;
  }
}
.sidebar-collapsed .main-sidebar .dark-white-change {
  left: -5px;
  bottom: 15px;
  transform: scale(0.7);
  transition: 0.3s all ease-in-out;
}

.menu-opened .main-sidebar {
  left: 0;
  transition: 0.3s all ease-in-out;
  z-index: 50;
}
@media (max-width: 374.98px) {
  .menu-opened .main-sidebar {
    width: 100%;
  }
}
.menu-opened .main-sidebar-bg {
  width: 100%;
}
@media (max-width: 374.98px) {
  .menu-opened .main-sidebar-bg {
    display: none;
  }
}

.table .status {
  display: inline-block;
  padding: 3px 10px;
  color: #7FDAC7;
  background-color: #DFFFF8;
  border-radius: 5px;
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
}
.table .status.inactive {
  color: #FFADA3;
  background-color: #FFE9E7;
}
.table .status.verified {
  width: 32px;
  height: 32px;
  padding: 0;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.607 7.0144C14.8912 6.54082 14.7376 5.92656 14.264 5.64241C13.7904 5.35827 13.1762 5.51183 12.892 5.98541L9.05097 12.3872L6.95662 10.2928C6.56609 9.90228 5.93293 9.90228 5.54241 10.2928C5.15188 10.6833 5.15188 11.3165 5.54241 11.707L8.54241 14.707C8.76015 14.9248 9.06607 15.03 9.37169 14.9924C9.67732 14.9548 9.94857 14.7785 10.107 14.5144L14.607 7.0144Z' fill='%2301DAAD'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.9995 9.99988C19.9995 15.5227 15.5224 19.9999 9.99951 19.9999C4.47666 19.9999 -0.000488281 15.5227 -0.000488281 9.99988C-0.000488281 4.47703 4.47666 -0.00012207 9.99951 -0.00012207C15.5224 -0.00012207 19.9995 4.47703 19.9995 9.99988ZM17.9995 9.99988C17.9995 14.4182 14.4178 17.9999 9.99951 17.9999C5.58123 17.9999 1.99951 14.4182 1.99951 9.99988C1.99951 5.5816 5.58123 1.99988 9.99951 1.99988C14.4178 1.99988 17.9995 5.5816 17.9995 9.99988Z' fill='%2301DAAD'/%3E%3C/svg%3E%0A");
}
.table .status.unverified {
  width: 32px;
  height: 32px;
  padding: 0;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.81682 6.81807C7.20734 6.42754 7.84051 6.42754 8.23103 6.81807L9.99884 8.58588L11.7667 6.818C12.1572 6.42747 12.7904 6.42747 13.1809 6.818C13.5715 7.20852 13.5715 7.84169 13.1809 8.23221L11.4131 10.0001L13.1808 11.7678C13.5713 12.1583 13.5713 12.7915 13.1808 13.182C12.7903 13.5726 12.1571 13.5726 11.7666 13.182L9.99884 11.4143L8.23118 13.182C7.84066 13.5725 7.20749 13.5725 6.81697 13.182C6.42645 12.7914 6.42645 12.1583 6.81697 11.7677L8.58463 10.0001L6.81682 8.23228C6.42629 7.84176 6.42629 7.20859 6.81682 6.81807Z' fill='%23F57768'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.99902 20C15.5219 20 19.999 15.5228 19.999 10C19.999 4.47715 15.5219 0 9.99902 0C4.47618 0 -0.000976562 4.47715 -0.000976562 10C-0.000976562 15.5228 4.47618 20 9.99902 20ZM9.99902 18C14.4173 18 17.999 14.4183 17.999 10C17.999 5.58172 14.4173 2 9.99902 2C5.58075 2 1.99902 5.58172 1.99902 10C1.99902 14.4183 5.58075 18 9.99902 18Z' fill='%23F57768'/%3E%3C/svg%3E%0A");
  background-color: #FFE9E7;
}
.table .status.canceled {
  width: 32px;
  height: 32px;
  padding: 0;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.9999 0.314087C8.88644 0.314087 6.82042 0.940807 5.06312 2.11499C3.30583 3.28918 1.93618 4.9581 1.12739 6.9107C0.318595 8.8633 0.106977 11.0119 0.519297 13.0848C0.931617 15.1576 1.94935 17.0617 3.44381 18.5561C4.93827 20.0506 6.84232 21.0683 8.91519 21.4807C10.9881 21.893 13.1367 21.6814 15.0893 20.8726C17.0419 20.0638 18.7108 18.6941 19.885 16.9368C21.0591 15.1795 21.6859 13.1135 21.6859 11C21.6859 9.59674 21.4095 8.20718 20.8724 6.9107C20.3354 5.61422 19.5483 4.43621 18.556 3.44393C17.5637 2.45165 16.3857 1.66453 15.0893 1.12751C13.7928 0.590487 12.4032 0.314087 10.9999 0.314087ZM10.9999 2.45128C12.5998 2.451 14.1677 2.89969 15.5253 3.74634C16.8828 4.59299 17.9755 5.8036 18.6791 7.2405C19.3827 8.67739 19.669 10.2829 19.5053 11.8744C19.3417 13.466 18.7347 14.9796 17.7534 16.2433L5.75668 4.24652C7.25658 3.08247 9.10131 2.45085 10.9999 2.45128ZM10.9999 19.5488C9.4 19.5491 7.83211 19.1004 6.47457 18.2537C5.11703 17.4071 4.02431 16.1965 3.32071 14.7596C2.61711 13.3227 2.33085 11.7172 2.49449 10.1256C2.65814 8.53411 3.26512 7.02045 4.2464 5.7568L10.2448 11.7552L16.2432 17.7536C14.7433 18.9176 12.8985 19.5492 10.9999 19.5488Z' fill='%23FFC350'/%3E%3C/svg%3E%0A");
  background-color: #FFF0C9;
}
.table .status.resolved {
  padding-left: 32px;
  position: relative;
}
.table .status.resolved::before {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  width: 16px;
  height: 16px;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.4551 5.76077C11.6682 5.40559 11.5531 4.94489 11.1979 4.73178C10.8427 4.51867 10.382 4.63384 10.1689 4.98903L7.28811 9.79034L5.71734 8.21957C5.42445 7.92668 4.94957 7.92668 4.65668 8.21957C4.36379 8.51246 4.36379 8.98734 4.65668 9.28023L6.90668 11.5302C7.06999 11.6935 7.29943 11.7725 7.52865 11.7443C7.75787 11.7161 7.96131 11.5838 8.08013 11.3858L11.4551 5.76077Z' fill='%2301DAAD'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.4995 7.99988C15.4995 12.142 12.1416 15.4999 7.99951 15.4999C3.85738 15.4999 0.499512 12.142 0.499512 7.99988C0.499512 3.85774 3.85738 0.499878 7.99951 0.499878C12.1416 0.499878 15.4995 3.85774 15.4995 7.99988ZM13.9995 7.99988C13.9995 11.3136 11.3132 13.9999 7.99951 13.9999C4.6858 13.9999 1.99951 11.3136 1.99951 7.99988C1.99951 4.68617 4.6858 1.99988 7.99951 1.99988C11.3132 1.99988 13.9995 4.68617 13.9995 7.99988Z' fill='%2301DAAD'/%3E%3C/svg%3E%0A");
}
.table .status.declined {
  padding-left: 32px;
  position: relative;
  color: #FFADA3;
  background-color: #FFE9E7;
}
.table .status.declined::before {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  width: 16px;
  height: 16px;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.61237 5.61355C5.90526 5.32066 6.38014 5.32066 6.67303 5.61355L7.99889 6.93941L9.32479 5.6135C9.61769 5.32061 10.0926 5.32061 10.3855 5.6135C10.6783 5.90639 10.6783 6.38127 10.3855 6.67416L9.05955 8.00007L10.3853 9.32586C10.6782 9.61875 10.6782 10.0936 10.3853 10.3865C10.0924 10.6794 9.61757 10.6794 9.32468 10.3865L7.99889 9.06073L6.67314 10.3865C6.38025 10.6794 5.90538 10.6794 5.61248 10.3865C5.31959 10.0936 5.31959 9.6187 5.61248 9.32581L6.93823 8.00007L5.61237 6.67421C5.31948 6.38132 5.31948 5.90644 5.61237 5.61355Z' fill='%23F57768'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.99902 15.5C12.1412 15.5 15.499 12.1421 15.499 8C15.499 3.85786 12.1412 0.5 7.99902 0.5C3.85689 0.5 0.499023 3.85786 0.499023 8C0.499023 12.1421 3.85689 15.5 7.99902 15.5ZM7.99902 14C11.3127 14 13.999 11.3137 13.999 8C13.999 4.68629 11.3127 2 7.99902 2C4.68531 2 1.99902 4.68629 1.99902 8C1.99902 11.3137 4.68531 14 7.99902 14Z' fill='%23F57768'/%3E%3C/svg%3E%0A");
}
.table .status.pending {
  padding-left: 32px;
  position: relative;
  color: #FFC350;
  background-color: #FFF0C9;
}
.table .status.pending::before {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  width: 16px;
  height: 16px;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.75098 4.62512C8.75098 4.21091 8.41519 3.87512 8.00098 3.87512C7.58676 3.87512 7.25098 4.21091 7.25098 4.62512V8.00012C7.25098 8.19903 7.32999 8.3898 7.47065 8.53045L8.59565 9.65545C8.88854 9.94835 9.36341 9.94835 9.65631 9.65545C9.9492 9.36256 9.9492 8.88769 9.65631 8.59479L8.75098 7.68946V4.62512Z' fill='%23FFC350'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.00098 0.500122C3.85884 0.500122 0.500977 3.85799 0.500977 8.00012C0.500977 12.1423 3.85884 15.5001 8.00098 15.5001C12.1431 15.5001 15.501 12.1423 15.501 8.00012C15.501 3.85799 12.1431 0.500122 8.00098 0.500122ZM2.00098 8.00012C2.00098 4.68641 4.68727 2.00012 8.00098 2.00012C11.3147 2.00012 14.001 4.68641 14.001 8.00012C14.001 11.3138 11.3147 14.0001 8.00098 14.0001C4.68727 14.0001 2.00098 11.3138 2.00098 8.00012Z' fill='%23FFC350'/%3E%3C/svg%3E%0A");
}
.table .status.verified-icon {
  padding-left: 32px;
  position: relative;
}
.table .status.verified-icon::before {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  width: 14px;
  height: 16px;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='16' viewBox='0 0 14 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.72307 2.29174C2.64066 2.44827 1.87083 3.44263 1.96405 4.58448L2.46911 10.7716C2.53257 11.5489 2.99408 12.238 3.68876 12.5925L5.97768 13.7608C6.62018 14.0888 7.38097 14.0888 8.02347 13.7608L10.3124 12.5925C11.0071 12.238 11.4686 11.5489 11.532 10.7716L12.0371 4.58448C12.1303 3.44263 11.3605 2.44827 10.2781 2.29174C9.1868 2.13393 7.96915 2 7.00057 2C6.032 2 4.81435 2.13393 3.72307 2.29174ZM0.46902 4.70652C0.315622 2.82739 1.59096 1.08447 3.50838 0.807187C4.61894 0.646585 5.922 0.5 7.00057 0.5C8.07914 0.5 9.3822 0.646584 10.4928 0.807186C12.4102 1.08447 13.6855 2.82739 13.5321 4.70652L13.0271 10.8936C12.9213 12.1892 12.1521 13.3376 10.9943 13.9286L8.7054 15.0969C7.63456 15.6434 6.36658 15.6434 5.29574 15.0969L3.00683 13.9286C1.84902 13.3376 1.07985 12.1892 0.974087 10.8936L0.46902 4.70652Z' fill='%2301DAAD'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.87268 5.09882C9.23232 5.30432 9.35727 5.76246 9.15176 6.1221L7.43747 9.12211C7.32584 9.31746 7.13241 9.45238 6.91052 9.48964C6.68864 9.52691 6.46174 9.4626 6.29241 9.31444L5.0067 8.18944C4.69497 7.91668 4.66338 7.44285 4.93614 7.13113C5.2089 6.8194 5.68273 6.78781 5.99445 7.06057L6.59006 7.58173L7.84939 5.3779C8.0549 5.01826 8.51304 4.89331 8.87268 5.09882Z' fill='%2301DAAD'/%3E%3C/svg%3E%0A");
}
.table .status.unverified-icon {
  padding-left: 32px;
  position: relative;
  color: #FFADA3;
  background-color: #FFE9E7;
}
.table .status.unverified-icon::before {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  width: 14px;
  height: 16px;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='16' viewBox='0 0 14 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.02911 5.21956C9.322 5.51245 9.322 5.98732 9.02911 6.28022L8.05944 7.24989L9.02911 8.21955C9.322 8.51245 9.322 8.98732 9.02911 9.28022C8.73622 9.57311 8.26134 9.57311 7.96845 9.28022L6.99878 8.31055L6.02911 9.28022C5.73622 9.57311 5.26134 9.57311 4.96845 9.28022C4.67556 8.98732 4.67556 8.51245 4.96845 8.21956L5.93812 7.24989L4.96845 6.28022C4.67556 5.98732 4.67556 5.51245 4.96845 5.21956C5.26134 4.92666 5.73622 4.92666 6.02911 5.21956L6.99878 6.18923L7.96845 5.21956C8.26134 4.92666 8.73622 4.92666 9.02911 5.21956Z' fill='%23F57768'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.467067 4.7064C0.313668 2.82727 1.589 1.08435 3.50643 0.807064C4.61699 0.646462 5.92005 0.499878 6.99862 0.499878C8.07719 0.499878 9.38025 0.646462 10.4908 0.807064C12.4082 1.08435 13.6836 2.82727 13.5302 4.7064L13.0251 10.8935C12.9193 12.1891 12.1502 13.3375 10.9924 13.9284L8.70345 15.0968C7.63261 15.6433 6.36463 15.6433 5.29379 15.0968L3.00487 13.9284C1.84707 13.3375 1.0779 12.1891 0.972134 10.8935L0.467067 4.7064ZM3.72111 2.29162C2.6387 2.44815 1.86888 3.4425 1.96209 4.58436L2.46716 10.7714C2.53062 11.5488 2.99212 12.2378 3.68681 12.5924L5.97572 13.7607C6.61823 14.0887 7.37901 14.0887 8.02152 13.7607L10.3104 12.5924C11.0051 12.2378 11.4666 11.5488 11.5301 10.7714L12.0351 4.58436C12.1284 3.4425 11.3585 2.44815 10.2761 2.29162C9.18485 2.13381 7.9672 1.99988 6.99862 1.99988C6.03004 1.99988 4.8124 2.13381 3.72111 2.29162Z' fill='%23F57768'/%3E%3C/svg%3E%0A");
}
.table .status.cancelled-icon {
  padding-left: 32px;
  position: relative;
  color: #FFC350;
  background-color: #FFF0C9;
}
.table .status.cancelled-icon::before {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  width: 14px;
  height: 16px;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='16' viewBox='0 0 14 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.467067 4.7064C0.313668 2.82727 1.589 1.08435 3.50643 0.807064C4.61699 0.646462 5.92005 0.499878 6.99862 0.499878C8.07719 0.499878 9.38025 0.646462 10.4908 0.807064C12.4082 1.08435 13.6836 2.82727 13.5302 4.7064L13.0251 10.8935C12.9193 12.1891 12.1502 13.3375 10.9924 13.9285L8.70345 15.0968C7.63261 15.6433 6.36463 15.6433 5.29379 15.0968L3.00487 13.9285C1.84707 13.3375 1.0779 12.1891 0.972134 10.8935L0.467067 4.7064ZM3.72111 2.29162C2.63871 2.44815 1.86888 3.4425 1.96209 4.58436L2.46716 10.7714C2.53062 11.5488 2.99212 12.2378 3.68681 12.5924L5.97572 13.7607C6.61823 14.0887 7.37901 14.0887 8.02152 13.7607L10.3104 12.5924C11.0051 12.2378 11.4666 11.5488 11.5301 10.7714L12.0351 4.58436C12.1284 3.4425 11.3585 2.44815 10.2761 2.29162C9.18485 2.13381 7.9672 1.99988 6.99862 1.99988C6.03004 1.99988 4.8124 2.13381 3.72111 2.29162Z' fill='%23FFC350'/%3E%3Cpath d='M7 4.0625C5.44926 4.0625 4.1875 5.32426 4.1875 6.875C4.1875 8.42574 5.44926 9.6875 7 9.6875C8.55074 9.6875 9.8125 8.42574 9.8125 6.875C9.8125 5.32426 8.55074 4.0625 7 4.0625ZM5.24219 6.875C5.24219 6.5825 5.32094 6.31109 5.4475 6.06816L7.80684 8.4275C7.5585 8.5603 7.28161 8.63076 7 8.63281C6.03074 8.63281 5.24219 7.84426 5.24219 6.875ZM8.5525 7.68184L6.19316 5.3225C6.4415 5.1897 6.71839 5.11924 7 5.11719C7.96926 5.11719 8.75781 5.90574 8.75781 6.875C8.75781 7.1675 8.67906 7.43891 8.5525 7.68184Z' fill='%23FFC350'/%3E%3C/svg%3E%0A");
}
.table.dataTable tr td {
  vertical-align: middle;
  border-bottom: none;
}
.table.dataTable thead th {
  font-weight: 500;
  color: #898989;
  border-color: #DCDCDC;
}
.table.dataTable.no-footer {
  border-bottom: none;
}
.table.dataTable tbody > tr:nth-of-type(even) > * {
  background-color: #F7F7F7;
}
.table .dropdown-toggle {
  background-color: transparent;
}
.table .dropdown-toggle::after {
  display: none;
}
.table .dropdown-menu {
  border: 1px solid #DCDCDC;
  box-shadow: 0px 6px 28px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  background-color: #FFFFFF;
  padding: 8px;
}
.table .dropdown-menu .dropdown-item {
  padding: 8px;
  padding-left: 34px;
  position: relative;
  background-color: transparent !important;
}
.table .dropdown-menu .dropdown-item:hover {
  color: #7FDAC7;
}
.table .dropdown-menu .dropdown-item.link-archive::before {
  background-image: url("/../images/icon-archive.svg");
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  width: 20px;
  height: 18px;
  content: "";
  display: inline-block;
  transition: all 300ms ease-out;
}
.table .dropdown-menu .dropdown-item.link-archive:hover::before {
  width: 20px;
  height: 20px;
  background-image: url("/../images/icon-archive-hover.svg");
  transition: all 300ms ease-out;
}
.table .dropdown-menu .dropdown-item.link-edit::before {
  background-image: url("/../images/icon-edit.svg");
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  width: 17px;
  height: 17px;
  content: "";
  display: inline-block;
  transition: all 300ms ease-out;
}
.table .dropdown-menu .dropdown-item.link-edit:hover::before {
  width: 17px;
  height: 17px;
  background-image: url("/../images/icon-edit-hover.svg");
  transition: all 300ms ease-out;
}
.table .dropdown-menu .dropdown-item.link-delete::before {
  background-image: url("/../images/icon-trash.svg");
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  width: 18px;
  height: 18px;
  content: "";
  display: inline-block;
  transition: all 300ms ease-out;
}
.table .dropdown-menu .dropdown-item.link-delete:hover::before {
  width: 18px;
  height: 18px;
  background-image: url("/../images/icon-trash-hover.svg");
  transition: all 300ms ease-out;
}

.dataTables_length {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #2B2B2B;
}
.dataTables_length select {
  background: #FFFFFF;
  border: 1px solid #DCDCDC;
  padding: 4px 8px;
  font-size: 16px;
  line-height: 24px;
  border-radius: 10px;
  color: #2B2B2B;
}

.dataTables_wrapper .dataTables_paginate span {
  padding-left: 6px;
  padding-right: 6px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  font-weight: 400;
  font-size: 16px !important;
  line-height: 120% !important;
  color: #2B2B2B !important;
  min-width: 32px !important;
  background: transparent !important;
  padding: 5px 4px !important;
  text-align: center !important;
  border-radius: 10px !important;
  min-height: 32px !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  border-color: #7FDAC7 !important;
  background: #FFFFFF !important;
  color: #2B2B2B !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
  color: #939393 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  border-color: #7FDAC7 !important;
  background: #FFFFFF !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous, .dataTables_wrapper .dataTables_paginate .paginate_button.next {
  border: none !important;
  background: transparent !important;
  color: #2B2B2B !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.next:hover {
  border: none !important;
  background: transparent !important;
  color: #7FDAC7 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.next.disabled {
  color: #939393 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.next.disabled:hover {
  color: #939393 !important;
}

.custom-tooltip-verified .tooltip-inner {
  background-color: #DFFFF8;
  color: #7FDAC7;
  font-size: 14px;
  line-height: 120%;
}
.custom-tooltip-verified .tooltip-arrow {
  display: none;
}

.custom-tooltip-unverified .tooltip-inner {
  background-color: #FFE9E7;
  color: #FFADA3;
  font-size: 14px;
  line-height: 120%;
}
.custom-tooltip-unverified .tooltip-arrow {
  display: none;
}

.custom-tooltip-cancelled .tooltip-inner {
  background-color: #FFF0C9;
  color: #FFC350;
  font-size: 14px;
  line-height: 120%;
}
.custom-tooltip-cancelled .tooltip-arrow {
  display: none;
}

.custom-tooltip-upcoming .tooltip-inner {
  background-color: #FFF0C9;
  color: #FFC350;
  font-size: 14px;
  line-height: 120%;
}
.custom-tooltip-upcoming .tooltip-arrow {
  display: none;
}

.custom-dropdown {
  display: inline-block;
}
.custom-dropdown .dropdown-toggle {
  border-radius: 10px;
  display: inline-block;
  min-width: 200px;
  padding: 12px;
  padding-right: 52px;
  color: #2B2B2B;
  min-height: 48px;
  border: 1px solid #DCDCDC;
  background-color: #FFFFFF;
}
.custom-dropdown .dropdown-toggle::after {
  display: none;
}
.custom-dropdown .dropdown-toggle::before {
  position: absolute;
  right: 10px;
  top: 50%;
  content: "";
  transform: translateY(-50%) rotate(0deg);
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center center;
  width: 20px;
  height: 11px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='11' viewBox='0 0 20 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.0089 0.366483C18.5207 -0.121672 17.7293 -0.121672 17.2411 0.366483L10 7.6076L2.75888 0.366483C2.27073 -0.121673 1.47927 -0.121673 0.991117 0.366483C0.502961 0.854638 0.502961 1.64609 0.991117 2.13425L9.11612 10.2592C9.60427 10.7474 10.3957 10.7474 10.8839 10.2592L19.0089 2.13425C19.497 1.64609 19.497 0.854638 19.0089 0.366483Z' fill='%23939393'/%3E%3C/svg%3E%0A");
}
.custom-dropdown .dropdown-menu {
  min-width: 100%;
  box-shadow: 0px 6px 28px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 8px;
  background-color: #FFFFFF;
  border: 1px solid #DCDCDC;
}
.custom-dropdown .dropdown-menu .dropdown-item {
  width: 100%;
  display: block;
  position: relative;
  background-color: transparent !important;
  padding: 8px 14px;
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: #2B2B2B;
}
.custom-dropdown .dropdown-menu .dropdown-item:hover {
  color: #7FDAC7;
}
.custom-dropdown .dropdown-menu .dropdown-item.active {
  color: #7FDAC7;
}
.custom-dropdown .dropdown-menu .dropdown-item.active:hover {
  color: #7FDAC7;
}

hr {
  opacity: 1;
  border-color: #DCDCDC;
}

.avatar-inline {
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  color: #2B2B2B;
}
.avatar-inline .single {
  margin-right: 15px;
  padding: 10px 0;
}
.avatar-inline .single .avatar {
  width: 90px;
  height: 90px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  position: relative;
}
@media (max-width: 575.98px) {
  .avatar-inline .single .avatar {
    width: 60px;
    height: 60px;
  }
}
.avatar-inline .single .avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
.avatar-inline .single .smaller {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #939393;
}

.form-max {
  width: 470px;
  max-width: 100%;
  margin-left: -10px;
  margin-right: -10px;
  display: inline-block;
}
.form-max.bigger {
  width: 100%;
}
.form-max.bigger .form-control,
.form-max.bigger .form-select,
.form-max.bigger .time-picker {
  width: 320px;
  max-width: 100%;
}
.form-max.bigger textarea.form-control {
  width: 100%;
}
.form-max.bigger .label {
  width: 210px;
  font-weight: 500;
}
@media (max-width: 575.98px) {
  .form-max.bigger .label {
    text-align: left;
    width: 100%;
  }
}
.form-max.bigger .input {
  width: calc(100% - 210px);
}
@media (max-width: 575.98px) {
  .form-max.bigger .input {
    text-align: left;
    width: 100%;
  }
}
.form-max .label {
  width: 125px;
  padding: 5px 10px;
  text-align: right;
}
@media (max-width: 575.98px) {
  .form-max .label {
    width: 100%;
  }
}
.form-max .input {
  width: calc(100% - 125px);
  padding: 5px 10px;
}
@media (max-width: 575.98px) {
  .form-max .input {
    width: 100%;
  }
}

.time-picker .dropdown-toggle {
  display: block;
  width: 100%;
  min-height: 48px;
  padding: 13px 12px;
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0px;
  color: #2B2B2B;
  background-color: #FFFFFF;
  border: 1px solid #DCDCDC;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  letter-spacing: 0;
  border-radius: 10px;
  box-shadow: none;
  text-align: left;
  min-width: 110px;
}
.time-picker .dropdown-toggle:hover {
  border-color: #7FDAC7;
}
.time-picker .dropdown-toggle::after {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  z-index: 1;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.251 7.375C14.251 6.68464 13.6913 6.125 13.001 6.125C12.3106 6.125 11.751 6.68464 11.751 7.375V13C11.751 13.3315 11.8827 13.6495 12.1171 13.8839L13.9921 15.7589C14.4802 16.247 15.2717 16.247 15.7599 15.7589C16.248 15.2707 16.248 14.4793 15.7599 13.9911L14.251 12.4822V7.375Z' fill='%23939393'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.001 0.5C6.09742 0.5 0.500977 6.09644 0.500977 13C0.500977 19.9036 6.09742 25.5 13.001 25.5C19.9045 25.5 25.501 19.9036 25.501 13C25.501 6.09644 19.9045 0.5 13.001 0.5ZM3.00098 13C3.00098 7.47715 7.47813 3 13.001 3C18.5238 3 23.001 7.47715 23.001 13C23.001 18.5228 18.5238 23 13.001 23C7.47813 23 3.00098 18.5228 3.00098 13Z' fill='%23939393'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: 26px;
  height: 26px;
  border: none;
}
.time-picker .dropdown-menu {
  box-shadow: 0px 6px 18px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  border: 1px solid #DCDCDC;
  background-color: #FFFFFF;
  padding: 25px;
  min-width: 285px;
}
@media (max-width: 400px) {
  .time-picker .dropdown-menu {
    padding: 15px;
  }
}
.time-picker .dropdown-menu .value {
  width: 83px;
  height: 76px;
  border-radius: 10px;
  background-color: #F5F5F5;
  border: 1px solid #DCDCDC;
  padding: 10px 10px;
  text-align: center;
  transition: 0.3s all ease-in-out;
}
@media (max-width: 400px) {
  .time-picker .dropdown-menu .value {
    width: 55px;
    height: 52px;
    padding-left: 8px;
    padding-right: 8px;
  }
}
.time-picker .dropdown-menu .value.focused {
  background-color: #FFFFFF;
  border-color: #7FDAC7;
  transition: 0.3s all ease-in-out;
}
.time-picker .dropdown-menu .value input {
  width: 100%;
  border-radius: none;
  background-color: transparent;
  font-size: 44px;
  line-height: 120%;
  color: #7FDAC7;
  border: none;
  text-align: left;
}
@media (max-width: 400px) {
  .time-picker .dropdown-menu .value input {
    font-size: 25px;
  }
}
.time-picker .dropdown-menu .value input::-webkit-input-placeholder {
  color: #2B2B2B;
}
.time-picker .dropdown-menu .value input::-moz-placeholder { /* Firefox 19+ */
  color: #2B2B2B;
}
.time-picker .dropdown-menu .value input:-ms-input-placeholder { /* IE 10+ */
  color: #2B2B2B;
}
.time-picker .dropdown-menu .value input:-moz-placeholder { /* Firefox 18- */
  color: #2B2B2B;
}
.time-picker .dropdown-menu .dots {
  font-size: 44px;
  line-height: 70px;
  padding: 0 5px;
}
@media (max-width: 400px) {
  .time-picker .dropdown-menu .dots {
    line-height: 49px;
    font-size: 23px;
  }
}
.time-picker .dropdown-menu .ampm {
  width: 40px;
  height: 76px;
  border: 1px solid #DCDCDC;
  border-radius: 10px;
  margin-left: 5px;
  background-color: #FFFFFF;
}
@media (max-width: 400px) {
  .time-picker .dropdown-menu .ampm {
    width: 35px;
    height: 52px;
  }
}
.time-picker .dropdown-menu .ampm .single {
  width: 100%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  height: 38px;
  border-bottom: 1px solid #DCDCDC;
}
@media (max-width: 400px) {
  .time-picker .dropdown-menu .ampm .single {
    height: 26px;
  }
}
.time-picker .dropdown-menu .ampm .single:last-child {
  border-bottom: 0;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.time-picker .dropdown-menu .ampm .single:last-child a {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  min-height: 36px;
}
@media (max-width: 400px) {
  .time-picker .dropdown-menu .ampm .single:last-child a {
    min-height: 24px;
  }
}
.time-picker .dropdown-menu .ampm .single a {
  width: 100%;
  display: block;
  position: relative;
  text-align: center;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  padding: 5px 1px;
  min-height: 37px;
  color: #939393;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
@media (max-width: 400px) {
  .time-picker .dropdown-menu .ampm .single a {
    min-height: 25px;
    padding: 3px 1px;
    font-size: 13px;
    line-height: 17px;
  }
}
.time-picker .dropdown-menu .ampm .single a:hover, .time-picker .dropdown-menu .ampm .single a.active {
  color: #7FDAC7;
  background-color: #DFFFF8;
}
.time-picker .dropdown-menu .actions a {
  color: #7FDAC7;
  text-transform: uppercase;
}
.time-picker .dropdown-menu .actions a:hover {
  color: #2B2B2B;
}
.time-picker .dropdown-menu .actions a.cancel:hover {
  color: #FFADA3;
}

.f-20 {
  font-size: 20px;
  line-height: 125%;
}
@media (max-width: 767.98px) {
  .f-20 {
    font-size: 18px;
    line-height: 120%;
  }
}

.profile-info {
  width: 600px;
  max-width: 100%;
  font-size: 16px;
  line-height: 24px;
  color: #939393;
}
.profile-info img {
  max-height: 35px;
  max-width: 120px;
  width: auto;
  height: auto;
}
.profile-info .first {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  color: #000000;
}
@media (max-width: 767.98px) {
  .profile-info .first {
    font-size: 18px;
    line-height: 120%;
  }
}

.secure-acc-bar {
  width: 100%;
  display: block;
  position: relative;
  padding: 10px 20px;
  padding-left: 65px;
  padding-right: 175px;
  border-radius: 10px;
  background-color: #F7F7F7;
}
@media (max-width: 767.98px) {
  .secure-acc-bar {
    padding: 20px;
    padding-left: 65px;
  }
}
.secure-acc-bar::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='28' viewBox='0 0 24 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.17422 3.76394C4.24994 4.04221 2.88136 5.80995 3.04707 7.83991L3.94497 18.8392C4.05778 20.2211 4.87824 21.4461 6.11323 22.0765L10.1824 24.1535C11.3246 24.7365 12.6771 24.7365 13.8194 24.1534L17.8886 22.0765C19.1236 21.4461 19.944 20.2211 20.0568 18.8392L20.9547 7.83991C21.1204 5.80995 19.7519 4.04221 17.8276 3.76394C15.8875 3.48338 13.7228 3.24528 12.0009 3.24528C10.279 3.24528 8.11428 3.48338 6.17422 3.76394ZM0.389247 8.05688C0.116538 4.71619 2.3838 1.61767 5.79255 1.12472C7.76689 0.839208 10.0834 0.578613 12.0009 0.578613C13.9184 0.578613 16.2349 0.839208 18.2092 1.12472C21.618 1.61767 23.8853 4.7162 23.6126 8.05688L22.7146 19.0561C22.5266 21.3594 21.1592 23.401 19.1009 24.4516L15.0317 26.5286C13.128 27.5003 10.8738 27.5003 8.97009 26.5286L4.9009 24.4516C2.84259 23.401 1.47517 21.3594 1.28714 19.0561L0.389247 8.05688Z' fill='%2301DAAD'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.3291 8.75429C15.9684 9.11963 16.1906 9.93411 15.8252 10.5735L12.7776 15.9068C12.5792 16.2541 12.2353 16.4939 11.8408 16.5602C11.4463 16.6265 11.043 16.5121 10.7419 16.2487L8.45623 14.2487C7.90205 13.7638 7.84589 12.9215 8.3308 12.3673C8.81571 11.8131 9.65806 11.7569 10.2122 12.2419L11.2711 13.1684L13.5099 9.25043C13.8753 8.61107 14.6897 8.38894 15.3291 8.75429Z' fill='%2301DAAD'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  width: 24px;
  height: 28px;
  content: "";
  display: inline-block;
  position: absolute;
  left: 24px;
  top: 11px;
}
@media (max-width: 767.98px) {
  .secure-acc-bar::before {
    top: 20px;
  }
}
.secure-acc-bar .float {
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
@media (max-width: 767.98px) {
  .secure-acc-bar .float {
    position: relative;
    right: auto;
    top: auto;
    transform: none;
    margin-top: 15px;
  }
}

.password-field {
  position: relative;
}
.password-field .form-control {
  padding-right: 50px;
}
.password-field a {
  position: absolute;
  right: 15px;
  top: 16px;
  z-index: 10;
}
.password-field a svg path {
  fill: #939393;
  transition: 0.3s all ease-in-out;
}
.password-field a:hover svg path, .password-field a.active svg path {
  fill: #7FDAC7;
  transition: 0.3s all ease-in-out;
}

.support-form-box {
  width: 640px;
  max-width: 100%;
}

.ticket-details {
  width: 100%;
  border-radius: 5px;
  background-color: #F7F7F7;
  padding: 10px 20px;
  margin-bottom: 35px;
}

.status-div {
  display: inline-block;
  position: relative;
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  color: #7FDAC7;
  background-color: #DFFFF8;
  padding: 3px 14px;
  border-radius: 5px;
}
.status-div.red {
  color: #FFADA3;
  background-color: #FFE9E7;
}
.status-div.orange {
  color: #FFC350;
  background-color: #FFF0C9;
}

.f-12 {
  font-size: 12px;
  line-height: 120%;
}

.ticlet-answers {
  width: 100%;
  display: block;
  position: relative;
}
.ticlet-answers .single {
  margin-bottom: 30px;
  width: 100%;
  display: block;
  position: relative;
  padding-left: 70px;
  color: #939393;
}
@media (max-width: 374.98px) {
  .ticlet-answers .single {
    padding-left: 0;
  }
}
.ticlet-answers .single .avatar {
  position: absolute;
  left: 10px;
  top: 0;
  width: 45px;
  height: 45px;
  border-radius: 50%;
}
@media (max-width: 374.98px) {
  .ticlet-answers .single .avatar {
    position: relative;
    top: auto;
    left: auto;
    margin-bottom: 5px;
  }
}
.ticlet-answers .single .avatar img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  width: 100%;
  height: 100%;
  display: inline-block;
}

.ticket-insert-message {
  width: 100%;
  position: relative;
}
.ticket-insert-message .left {
  width: 80px;
  padding-right: 15px;
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  text-align: center;
}
@media (max-width: 575.98px) {
  .ticket-insert-message .left {
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
  }
}
.ticket-insert-message .right {
  width: calc(100% - 80px);
}
@media (max-width: 575.98px) {
  .ticket-insert-message .right {
    width: 100%;
  }
}

.drop-block {
  width: 100%;
  padding: 20px;
  text-align: center;
  border: 1px solid #DCDCDC;
  height: 290px;
  position: relative;
  border-radius: 10px;
}

.dropdown-files-box {
  width: 100%;
  padding: 50px 30px;
  border-radius: 10px;
  border: 1px solid #DCDCDC;
}

.opening-hours-table .table td {
  vertical-align: middle;
}
.opening-hours-table .table th {
  vertical-align: middle;
}
.opening-hours-table .table .time-picker {
  width: 110px;
}

.table-top {
  width: 100%;
  display: block;
  position: relative;
  color: #898989;
  font-weight: 500;
  font-size: 16px;
  line-height: 125%;
  padding: 13px 20px;
  border-bottom: 1px solid #DCDCDC;
}

.table-bottom .singles {
  width: 100%;
  padding: 10px 20px;
  background-color: #F7F7F7;
}
.table-bottom .singles:nth-child(2n) {
  background-color: transparent;
}

.form-check-input.toggle-status {
  position: absolute;
  width: 24px;
  height: 24px;
  background-color: #fff;
  border-radius: 50% !important;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
}
.form-check-input.toggle-status:checked {
  background-color: #7FDAC7;
  border-color: #7FDAC7;
}
.form-check-input.toggle-status:focus {
  box-shadow: none;
}

/* new_billing_design style */
.billing-box-white {
  border-radius: 15px;
  background: #FFF;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  padding: 32px;
}
@media (max-width: 991.98px) {
  .billing-box-white {
    padding: 22px;
  }
}
@media (max-width: 767.98px) {
  .billing-box-white {
    padding: 17px;
  }
}

.billing-content {
  margin-left: -15px;
  margin-right: -15px;
}
.billing-content .left-side {
  width: calc(100% - 370px);
  max-width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 1199.98px) {
  .billing-content .left-side {
    width: 100%;
  }
}
@media (max-width: 991.98px) {
  .billing-content .left-side {
    width: calc(100% - 370px);
  }
}
@media (max-width: 767.98px) {
  .billing-content .left-side {
    width: 100%;
  }
}
.billing-content .left-side .choose-plan .plans .reef-unlimited .reef-unlimited-content {
  border: 2px solid #828282;
  border-radius: 20px;
  padding-left: 64px;
  padding-right: 20px;
  position: relative;
  cursor: pointer;
  transition: 0.3s all ease-in-out;
}
@media (max-width: 1199.98px) {
  .billing-content .left-side .choose-plan .plans .reef-unlimited .reef-unlimited-content {
    padding-left: 44px;
  }
}
.billing-content .left-side .choose-plan .plans .reef-unlimited .reef-unlimited-content ::before {
  width: 40px;
  height: 40px;
  border: 1px solid #828282;
  background-color: #828282;
  border-radius: 50%;
  position: absolute;
  top: 16px;
  left: 16px;
  content: "";
}
@media (max-width: 1199.98px) {
  .billing-content .left-side .choose-plan .plans .reef-unlimited .reef-unlimited-content ::before {
    width: 30px;
    height: 30px;
    top: 8px;
    left: 8px;
  }
}
.billing-content .left-side .choose-plan .plans .reef-unlimited .reef-unlimited-content.active, .billing-content .left-side .choose-plan .plans .reef-unlimited .reef-unlimited-content:active, .billing-content .left-side .choose-plan .plans .reef-unlimited .reef-unlimited-content:focus, .billing-content .left-side .choose-plan .plans .reef-unlimited .reef-unlimited-content:hover {
  border: 2px solid #7FDAC7;
}
.billing-content .left-side .choose-plan .plans .reef-unlimited .reef-unlimited-content.active ::before, .billing-content .left-side .choose-plan .plans .reef-unlimited .reef-unlimited-content:active ::before, .billing-content .left-side .choose-plan .plans .reef-unlimited .reef-unlimited-content:focus ::before, .billing-content .left-side .choose-plan .plans .reef-unlimited .reef-unlimited-content:hover ::before {
  width: 40px;
  height: 40px;
  border: 1px solid #828282;
  background-color: transparent;
  border-radius: 50%;
  position: absolute;
  top: 16px;
  left: 16px;
  content: "";
}
@media (max-width: 1199.98px) {
  .billing-content .left-side .choose-plan .plans .reef-unlimited .reef-unlimited-content.active ::before, .billing-content .left-side .choose-plan .plans .reef-unlimited .reef-unlimited-content:active ::before, .billing-content .left-side .choose-plan .plans .reef-unlimited .reef-unlimited-content:focus ::before, .billing-content .left-side .choose-plan .plans .reef-unlimited .reef-unlimited-content:hover ::before {
    width: 30px;
    height: 30px;
    top: 8px;
    left: 8px;
  }
}
.billing-content .left-side .choose-plan .plans .reef-unlimited .reef-unlimited-content.active ::after, .billing-content .left-side .choose-plan .plans .reef-unlimited .reef-unlimited-content:active ::after, .billing-content .left-side .choose-plan .plans .reef-unlimited .reef-unlimited-content:focus ::after, .billing-content .left-side .choose-plan .plans .reef-unlimited .reef-unlimited-content:hover ::after {
  width: 24px;
  height: 24px;
  border: 2px solid #7FDAC7;
  background-color: #7FDAC7;
  border-radius: 50%;
  position: absolute;
  top: 24px;
  left: 24px;
  content: "";
}
@media (max-width: 1199.98px) {
  .billing-content .left-side .choose-plan .plans .reef-unlimited .reef-unlimited-content.active ::after, .billing-content .left-side .choose-plan .plans .reef-unlimited .reef-unlimited-content:active ::after, .billing-content .left-side .choose-plan .plans .reef-unlimited .reef-unlimited-content:focus ::after, .billing-content .left-side .choose-plan .plans .reef-unlimited .reef-unlimited-content:hover ::after {
    width: 16px;
    height: 16px;
    top: 15px;
    left: 15px;
  }
}
.billing-content .left-side .choose-plan .plans .reef-unlimited .reef-unlimited-content:hover {
  transition: 0.3s all ease-in-out;
}
.billing-content .left-side .choose-plan .plans .reef-unlimited .reef-unlimited-content .prices {
  display: block;
}
@media (max-width: 1474.98px) {
  .billing-content .left-side .choose-plan .plans .reef-unlimited .reef-unlimited-content .prices {
    display: none;
  }
}
.billing-content .left-side .choose-plan .plans .reef-unlimited .reef-unlimited-content .unlimited-list .prices-responsive {
  display: none;
}
@media (max-width: 1474.98px) {
  .billing-content .left-side .choose-plan .plans .reef-unlimited .reef-unlimited-content .unlimited-list .prices-responsive {
    display: block;
  }
}
.billing-content .left-side .additional-users .add-users .add-users-content {
  border: 2px solid #828282;
  border-radius: 20px;
  padding: 20px;
  padding-left: 115px;
  position: relative;
}
@media (max-width: 991.98px) {
  .billing-content .left-side .additional-users .add-users .add-users-content {
    padding: 16px;
    padding-left: 80px;
  }
}
.billing-content .left-side .additional-users .add-users .add-users-content .add-remove-users {
  margin-left: -6px;
  margin-right: -6px;
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
}
@media (max-width: 991.98px) {
  .billing-content .left-side .additional-users .add-users .add-users-content .add-remove-users {
    margin-left: -4px;
    margin-right: -4px;
    left: 16px;
  }
}
.billing-content .left-side .additional-users .add-users .add-users-content .add-remove-users .remove-add-user {
  padding-left: 6px;
  padding-right: 6px;
}
@media (max-width: 991.98px) {
  .billing-content .left-side .additional-users .add-users .add-users-content .add-remove-users .remove-add-user {
    padding-left: 4px;
    padding-right: 4px;
  }
}
.billing-content .left-side .additional-users .add-users .add-users-content .add-remove-users .remove-add-user .remove-add-user-content {
  position: relative;
  border: 2px solid #2B2B2B;
  border-radius: 50%;
  width: 33px;
  height: 33px;
  cursor: pointer;
}
@media (max-width: 1399.98px) {
  .billing-content .left-side .additional-users .add-users .add-users-content .add-remove-users .remove-add-user .remove-add-user-content {
    width: 27px;
    height: 27px;
  }
}
@media (max-width: 991.98px) {
  .billing-content .left-side .additional-users .add-users .add-users-content .add-remove-users .remove-add-user .remove-add-user-content {
    width: 20px;
    height: 20px;
  }
}
.billing-content .left-side .additional-users .add-users .add-users-content .add-remove-users .remove-add-user .remove-add-user-content .sign {
  width: 15px;
  height: 15px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s all ease-in-out;
}
@media (max-width: 1399.98px) {
  .billing-content .left-side .additional-users .add-users .add-users-content .add-remove-users .remove-add-user .remove-add-user-content .sign {
    width: 12px;
    height: 12px;
  }
}
@media (max-width: 991.98px) {
  .billing-content .left-side .additional-users .add-users .add-users-content .add-remove-users .remove-add-user .remove-add-user-content .sign {
    width: 8px;
    height: 8px;
  }
}
.billing-content .left-side .additional-users .add-users .add-users-content .add-remove-users .remove-add-user .remove-add-user-content .sign svg {
  fill: #2B2B2B;
  transition: 0.3s all ease-in-out;
  width: 100%;
  height: 100%;
}
.billing-content .left-side .additional-users .add-users .add-users-content .add-remove-users .remove-add-user .remove-add-user-content.disabled {
  border: 2px solid #828282;
  cursor: auto;
}
.billing-content .left-side .additional-users .add-users .add-users-content .add-remove-users .remove-add-user .remove-add-user-content.disabled .sign svg {
  fill: #828282;
}
.billing-content .left-side .additional-users .add-users .add-users-content .add-remove-users .remove-add-user .remove-add-user-content:hover, .billing-content .left-side .additional-users .add-users .add-users-content .add-remove-users .remove-add-user .remove-add-user-content:active, .billing-content .left-side .additional-users .add-users .add-users-content .add-remove-users .remove-add-user .remove-add-user-content:focus {
  border-color: #7FDAC7;
  transition: 0.3s all ease-in-out;
}
.billing-content .left-side .additional-users .add-users .add-users-content .add-remove-users .remove-add-user .remove-add-user-content:hover .sign svg, .billing-content .left-side .additional-users .add-users .add-users-content .add-remove-users .remove-add-user .remove-add-user-content:active .sign svg, .billing-content .left-side .additional-users .add-users .add-users-content .add-remove-users .remove-add-user .remove-add-user-content:focus .sign svg {
  fill: #7FDAC7;
  transition: 0.3s all ease-in-out;
}
.billing-content .left-side .additional-users .add-users .add-users-content .additional-users-text {
  padding-left: 12px;
  padding-right: 12px;
  margin-left: -12px;
  margin-right: -12px;
}
.billing-content .left-side .titles-numbering {
  position: relative;
  padding-left: 40px;
}
@media (max-width: 991.98px) {
  .billing-content .left-side .titles-numbering {
    padding-left: 30px;
  }
}
.billing-content .left-side .titles-numbering .title-num {
  position: absolute;
  top: 0;
  left: 0;
}
.billing-content .right-side {
  position: sticky;
  top: 110px;
  width: 370px;
  max-width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 1199.98px) {
  .billing-content .right-side {
    width: 100%;
  }
}
@media (max-width: 991.98px) {
  .billing-content .right-side {
    width: 370px;
  }
}
@media (max-width: 767.98px) {
  .billing-content .right-side {
    width: 100%;
  }
}
.billing-content .right-side .subtotal-users {
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}

#confirm_payment .btn.green:hover,
#confirm_payment .btn.green.focus,
#confirm_payment .btn.green:focus {
  display: inline-block;
  padding: 1rem 4rem !important;
  border-radius: 8px !important;
  background-color: transparent;
  border-color: var(--color-green);
  color: var(--color-white);
}

.boxed {
  width: 100%;
  display: block;
  position: relative;
  padding: 25px 20px;
  box-shadow: 0 0 33px rgba(0, 0, 0, 0.33);
  border-radius: 8px;
  background-color: #FFF;
}

.boxed .inside-card {
  margin: 0 auto;
  max-width: 222px;
  width: 100%;
  max-height: 112px;
  height: 100%;
  border-radius: 14px;
  padding: 15px 18px;
  background-image: linear-gradient(#eb6754 0%, #e6486d 100%);
  color: #fff;
}

.overlay-payment {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  display: block;
  transition: all 500ms ease-out;
}

.overlay-payment img,
.overlay-payment svg {
  max-width: 150px;
  max-height: 150px;
  width: auto;
  height: auto;
}

.overlay-payment.show-it {
  opacity: 1;
  visibility: visible;
  transition: all 500ms ease-out;
}

.overlay-payment::before {
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.8);
  position: absolute;
  content: "";
}

.invoice-details .boxed .email-list {
  margin-left: 30px;
}

.upgrade .monthly-yearly {
  width: 240px;
  margin: 0 auto;
  display: block;
  position: relative;
  padding: 25px 20px;
  border-radius: 8px;
  background-color: #EDECEF;
}

.upgrade .monthly-yearly .checkbox-button {
  margin: 0 auto;
  justify-content: center;
}

.upgrade .total-info .border-upgrade {
  border: 1px solid var(--color-dark);
  border-radius: 2px;
}

.upgrade .users-num {
  margin-top: 20px;
}

.upgrade .total-info {
  width: 240px;
  justify-content: center;
  margin: 0 auto;
}

.upgrade .total-info .input-update {
  border: none !important;
}

.upgrade .total-info .input-width-update {
  width: 130px;
  height: 3rem;
}

.upgrade .checkbox {
  -webkit-appearance: none;
  outline: none;
  width: 38px;
  height: 20px;
  background-color: var(--color-dark);
  position: relative;
  border-radius: 50px;
}

.upgrade .checkbox:before {
  height: 19px;
  width: 18px;
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  background-color: var(--color-green);
  border-radius: 55px;
  border: 1px solid var(--color-dark);
  transition: 0.4s;
}

.upgrade .checkbox:checked ~ .checkbox__on {
  opacity: 0.24;
}

.upgrade .checkbox:checked ~ .checkbox__off {
  opacity: 1;
}

.checkbox__on, .checkbox__off {
  transition: opacity 0.32s linear 0s;
}

.upgrade .checkbox:checked:before {
  transform: translate(100%);
}

.check {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: pointer;
}

.check input {
  position: absolute;
  opacity: 0;
  height: 0;
  width: 0;
  border: 1px solid var(--color-dark);
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  border: 1px solid var(--color-dark);
  cursor: pointer;
}

.check:hover input ~ .checkmark {
  background-color: #fff;
  border: 1px solid var(--color-dark);
}

.check input:checked ~ .checkmark {
  background-color: transparent;
  border: 1px solid var(--color-dark);
}

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

.check input:checked ~ .checkmark:after {
  display: block;
}

.check .checkmark:after {
  left: 6px;
  top: -8px;
  width: 10px;
  height: 19px;
  border: solid var(--color-green);
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

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

.payment-details .boxed .payment-forms {
  border: none;
  display: block;
  width: 100%;
  border-bottom: 2px solid var(--color-dark) !important;
  padding: 0.375rem 0.75rem;
  font-weight: 400;
  line-height: 1.5;
}

.payment-details .boxed .input-icons svg {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.payment-details .boxed .input-icons input {
  padding-left: 30px;
}

.payment-details .boxed .input-icons .placeholder {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  color: #BEBEBE;
  font-size: 16px;
}

.payment-details .boxed .input-icons .placeholder .placeholder-text {
  position: absolute;
  top: 5px;
  left: 0;
  padding-left: 30px;
  font-size: 14px;
  line-height: 120%;
}

.payment-details .boxed .input-icons .placeholder .placeholder-numbers {
  position: absolute;
  right: 0;
  padding-right: 10px;
}

.ElementsApp, .ElementsApp .InputElement {
  color: black;
}

.invoice .boxed .highlited-text {
  color: #707070;
}

.invoice .boxed .billed-from-to {
  border-bottom: 1px solid #707070;
}

.form-div .single.single-payment {
  width: 40%;
}

.form-div .single .right.right-payment {
  width: 100%;
}

.form-div .single.single-payment.with-border {
  width: 40%;
  border-bottom: 1px solid var(--color-main);
}

.form-div .single .single-nolp .with-border {
  border-bottom: 1px solid var(--color-main);
}

.form-div .single .right.right-payment {
  width: 81%;
}

.invoice .boxed .due-date {
  background-color: var(--color-dark);
  color: #fff;
  text-align: center;
  padding: 0.625rem;
}

.boxed .total-info .licences input[type=number] {
  -moz-appearance: textfield;
}

/* Chrome, Safari, Edge, Opera */
.boxed .total-info .licences input::-webkit-outer-spin-button,
.boxed .total-info .licences input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.invoice .boxed .description-invoice {
  border-bottom: 1px solid #707070;
}

.support-ticket .boxed .support {
  border-bottom: 1px solid #707070;
}

.support-ticket .boxed .category {
  background-color: var(--color-dark);
  color: #fff;
  text-align: center;
  padding: 0.625rem;
}

.billing-new {
  position: relative;
  width: 100%;
  display: block;
}

.billing-new .boxed-inside {
  color: #000;
  font-size: 1rem;
  line-height: 120%;
  padding: 1.833rem;
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #000;
}

.billing-new .boxed-inside .price {
  font-size: 4.667rem; /*56px*/
  font-family: "Manrope", sans-serif;
  color: #000;
  font-weight: 700;
  line-height: 110%;
}

.billing-new .boxed-inside .checkbox-billing .form-check-input {
  width: 1.25rem;
  height: 1.25rem;
  border: 1px solid #000;
}

.billing-new .boxed-inside .checkbox-billing .form-check-input:checked {
  background-color: #F57666;
  transition: all 300ms ease-out;
}

.billing-new .boxed-inside .checkbox-billing .form-check-input:focus {
  background-color: #F57666;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  transition: all 300ms ease-out;
}

.boxed-inside .icon {
  width: 5rem;
  height: 5rem;
  position: absolute;
  right: -3rem;
  transform: translateX(-50%);
  top: -1.3rem;
  border-radius: 50%;
}

.boxed-inside .icon.red {
  background-color: #F57666;
  color: #fff;
  font-weight: 700;
}

.billing-new .boxed .apply .form-control {
  display: block;
  padding: 0.375rem 0.75rem;
  font-size: 1.333rem !important;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #000;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 2px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.billing-new .boxed .form-control {
  font-size: 1.333rem !important;
}

.billing-new .boxed .apply .form .form-group .invalid-feedback {
  color: #F57666;
  letter-spacing: -0.035em;
  font-weight: 400;
  font-size: 1.167rem;
  line-height: 142.5%;
  display: inline-block;
  position: relative;
  padding-left: 1.5rem;
}

.billing-new .boxed .apply .form .form-group .invalid-feedback::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.674' height='13.032' viewBox='0 0 15.674 13.032'%3E%3Cpath id='Icon_material-warning' data-name='Icon material-warning' d='M1.5,16.032H17.174L9.337,3Zm8.549-2.058H8.624V12.6h1.425Zm0-2.743H8.624V8.487h1.425Z' transform='translate(-1.5 -3)' fill='%23f57666'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  width: 1.25rem;
  height: 1.083rem;
  position: absolute;
  left: 0;
  top: 0.056rem;
  content: "";
}

.billing-new .boxed .apply .form .form-group .valid-feedback {
  color: #7FDAC7;
  letter-spacing: -0.035em;
  font-weight: 400;
  font-size: 1.167rem;
  line-height: 142.5%;
  display: inline-block;
  position: relative;
  padding-left: 1.5rem;
}

.billing-new .boxed .apply .form .form-group .valid-feedback::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.839' height='13.567' viewBox='0 0 13.839 13.567'%3E%3Cpath id='Icon_awesome-check-circle' data-name='Icon awesome-check-circle' d='M14.4,7.346a6.853,6.853,0,0,1-6.92,6.783A6.853,6.853,0,0,1,.563,7.346,6.853,6.853,0,0,1,7.482.563,6.853,6.853,0,0,1,14.4,7.346Zm-7.72,3.592L11.816,5.9a.432.432,0,0,0,0-.619l-.631-.619a.453.453,0,0,0-.631,0l-4.187,4.1L4.411,6.855a.453.453,0,0,0-.631,0l-.631.619a.432.432,0,0,0,0,.619l2.9,2.845A.453.453,0,0,0,6.682,10.938Z' transform='translate(-0.563 -0.563)' fill='%237FDAC7'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  width: 1.25rem;
  height: 1.083rem;
  position: absolute;
  left: 0;
  top: 0.056rem;
  content: "";
}

.billing-new .boxed .form-control.end {
  text-align: end;
  border: none;
}

.billing-new .boxed .bordered-box {
  border: 1px solid #7FDAC7;
  color: #000;
  font-size: 1rem;
  line-height: 120%;
  padding: 1.833rem;
  background-color: #fff;
  border-radius: 5px;
}

.billing-new .boxed .bordered-box .price {
  font-size: 3rem; /*36px*/
  font-family: "Manrope", sans-serif;
  color: #000;
  font-weight: 600;
  line-height: 110%;
}

.billing-new .boxed .payment-details .boxed.no-shadow {
  width: 100%;
  display: block;
  position: relative;
  padding: 2.083rem 1.667rem;
  border-radius: 8px;
  background-color: #FFF;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.billing-new .boxed .payment-details .boxed.no-shadow p:first-child {
  font-size: 1.667rem;
  font-weight: 600;
}

.billing-new .boxed.list-included li::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.596' height='20.085' viewBox='0 0 20.596 20.085'%3E%3Cpath id='Icon_feather-check' data-name='Icon feather-check' d='M22.426,9,11.133,25.5,6,18' transform='translate(-3.915 -6.915)' fill='none' stroke='%237FDAC7' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  width: 1.333rem;
  height: 1.333rem;
  position: absolute;
  left: 2.083rem; /*25px*/
  content: "";
}

.payments-invoice-details {
  display: block;
  position: relative;
  width: 100%;
}

.payments-invoice-details .boxed .single-row .form-group .form-control {
  border: none;
  border-bottom: 1px solid #000;
  border-radius: unset;
  padding-left: 0;
  padding-right: 0;
}

.payments-invoice-details .boxed .center-row {
  margin: 0 auto;
}

.payments-invoice-details .boxed .single-row .form-group .form-control.is-valid,
.payments-invoice-details .boxed .single-row .form-group .form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
}

.payment-history {
  display: block;
  position: relative;
  width: 100%;
}

.payment-history .lighter-text {
  color: #BEBEBE;
}

@media (max-width: 575.98px) {
  .mobile-auto {
    width: auto;
    display: inline-block;
  }
}
@media (max-width: 374px) {
  .payment-details .boxed .input-icons .placeholder .MY.mobile-none {
    display: none;
  }
}
.billing-new .form-control,
.billing-new .form-control:focus {
  box-shadow: none;
  border: none;
  outline: none;
}

.billed-monthly-check,
.billed-yearly-check {
  display: block;
  position: relative;
}

.billed-monthly-check .boxed-inside,
.billed-yearly-check .boxed-inside {
  display: block;
  position: relative;
  z-index: 1;
}

.div_payment .boxed-inside.active {
  border-color: #7FDAC7;
}

.div_payment .boxed-inside.active .price,
.div_payment .boxed-inside.active .color-active-y {
  color: #7FDAC7;
}

.billed-monthly-check .stretched-link,
.billed-yearly-check .stretched-link {
  position: absolute;
  z-index: 5;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  display: block;
}

.boxed-inside.update-border {
  border: 1px solid #7FDAC7;
}

.icon.icon-position-update {
  width: 6rem;
  height: 6rem;
  position: absolute;
  right: 31px;
  transform: translateX(-50%);
  top: 3.7rem;
  border-radius: 50%;
}

.icon.icon-new-position {
  width: 6rem;
  height: 6rem;
  position: absolute;
  right: -10px;
  transform: translateX(-50%);
  top: -3.3rem;
  border-radius: 50%;
}

@media (max-width: 767.98px) {
  .icon.icon-position-update {
    right: 0;
    top: 4.7rem;
  }
}
@media (max-width: 374.98px) {
  .icon.icon-position-update {
    width: 5rem;
    height: 5rem;
    top: 5.7rem;
  }
}
.purple-banner {
  position: relative;
  width: 100%;
  display: block;
  background-color: #9E81FC;
  padding: 20px 35px;
  border-radius: 8px;
  color: #fff;
  line-height: 120%;
  margin-bottom: 30px;
  box-shadow: 0px 0.114rem 0.314rem rgba(0, 0, 0, 0.33);
  font-size: 20px;
}

.purple-banner .btn.green {
  padding: 0.9rem 1.271rem 0.9rem 1.271rem !important;
  text-transform: none;
  font-size: 14px;
  line-height: 120%;
  font-weight: 700;
}

@media (max-width: 767.98px) {
  .purple-banner .free {
    font-size: 18px;
  }
}
@media (max-width: 575.98px) {
  .purple-banner {
    padding: 15px 30px;
  }
}
@media (max-width: 374.98px) {
  .purple-banner .free {
    font-size: 16px;
  }
}
.card-preview {
  width: 320px;
  max-width: 100%;
  background-color: #7FDAC7;
  color: #FFF;
  border-radius: 15px;
  padding: 25px 30px;
  font-size: 16px;
  line-height: 120%;
}

.card-preview .card-number {
  font-size: 18px;
  line-height: 120%;
  margin-bottom: 25px;
}

.card-preview .details {
  margin-bottom: 25px;
}

.card-preview .bottom svg {
  height: 25px;
  width: auto;
}

.modal.unsubscribe-modal .modal-dialog {
  max-width: 400px;
}

.modal.unsubscribe-modal .modal-dialog .modal-content {
  background-color: #17202A;
  border-radius: 8px;
  border: none;
  padding: 40px;
}

.modal.unsubscribe-modal .modal-dialog .modal-content .btn-close {
  position: absolute;
  right: 10px;
  top: 10px;
  opacity: 1 !important;
  outline: none;
  box-shadow: none;
  z-index: 1;
  width: 21px;
  height: 21px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21'%3E%3Cg id='Icon_feather-plus-circle' data-name='Icon feather-plus-circle' transform='translate(-2.5 -2.5)'%3E%3Cpath id='Path_4084' data-name='Path 4084' d='M23,13A10,10,0,1,1,13,3,10,10,0,0,1,23,13Z' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Cpath id='Path_4085' data-name='Path 4085' d='M18,12v8' transform='translate(11.586 -11.042) rotate(45)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Cpath id='Path_4086' data-name='Path 4086' d='M12,18h8' transform='translate(14.414 -11.042) rotate(45)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.modal.unsubscribe-modal-reasons .modal-dialog {
  max-width: 800px;
}

.modal.unsubscribe-modal-reasons .modal-dialog .modal-content {
  background-color: #fff;
  border-radius: 8px;
  border: none;
  padding: 40px;
}

.modal.unsubscribe-modal-reasons .modal-dialog .modal-content .modal-body h3 {
  font-size: 20px;
  font-family: "Manrope", sans-serif;
  font-weight: 700;
}

.modal.unsubscribe-modal-reasons .modal-dialog .modal-content .form-check {
  padding: 17px 0 17px 34px;
  margin-bottom: 0 !important;
}

.modal.unsubscribe-modal-reasons .modal-dialog .modal-content .form-check .form-check-label {
  font-size: 12px;
  margin-bottom: 0 !important;
  color: #191919;
  padding-left: 15px;
  margin-top: 2px;
}

.modal.unsubscribe-modal-reasons .modal-dialog .modal-content .form-check .form-check-input {
  border: 1px solid #191919;
  border-radius: 2px;
  margin-top: 0;
  margin-left: 0;
  width: 19px;
  height: 19px;
}

.modal.unsubscribe-modal-reasons .modal-dialog .modal-content .form-check .form-check-input:checked {
  background-color: #000000;
}

.modal.unsubscribe-modal-reasons .modal-dialog .modal-content .form-check .form-check-input:focus {
  box-shadow: 0 0 0 0;
}

.modal.unsubscribe-modal-reasons .modal-dialog .modal-content .textarea-class {
  height: 100px;
  width: 100%;
  border: 1px solid #BEBEBE;
  border-radius: 3px;
}

.modal.unsubscribe-modal-reasons .modal-dialog .modal-content .bottom-details .red-text {
  font-size: 14px;
  color: #F57666;
  position: relative;
  padding-left: 23px;
}

.modal.unsubscribe-modal-reasons .modal-dialog .modal-content .bottom-details .red-text::before {
  content: "";
  position: absolute;
  top: 40%;
  left: 0;
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.674' height='13.032' viewBox='0 0 15.674 13.032'%3E%3Cpath id='Icon_material-warning' data-name='Icon material-warning' d='M1.5,16.032H17.174L9.337,3Zm8.549-2.058H8.624V12.6h1.425Zm0-2.743H8.624V8.487h1.425Z' transform='translate(-1.5 -3)' fill='%23f57666'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  width: 15px;
  height: 13px;
}

.modal.unsubscribe-modal-reasons .modal-dialog .modal-content .bottom-details .btn.green {
  border-radius: 20px !important;
}

.modal.unsubscribe-modal-reasons .modal-dialog .modal-content .btn-close {
  position: absolute;
  right: 10px;
  top: 10px;
  opacity: 1 !important;
  outline: none;
  box-shadow: none;
  z-index: 1;
  width: 21px;
  height: 21px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21'%3E%3Cg id='Icon_feather-plus-circle' data-name='Icon feather-plus-circle' transform='translate(-2.5 -2.5)'%3E%3Cpath id='Path_4084' data-name='Path 4084' d='M23,13A10,10,0,1,1,13,3,10,10,0,0,1,23,13Z' fill='none' stroke='%231C132F' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Cpath id='Path_4085' data-name='Path 4085' d='M18,12v8' transform='translate(11.586 -11.042) rotate(45)' fill='none' stroke='%231C132F' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Cpath id='Path_4086' data-name='Path 4086' d='M12,18h8' transform='translate(14.414 -11.042) rotate(45)' fill='none' stroke='%231C132F' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.btn.white-outline {
  background-color: transparent;
  border: 2px solid white;
  color: white;
  border-radius: 8px;
  transition: all 300ms ease-out;
  display: inline-block;
}

.btn.white-outline:hover {
  background-color: white;
  color: var(--color-green);
  border: 2px solid var(--color-green);
  border-radius: 20px;
  transition: all 300ms ease-out;
}

.btn.green.white-hover {
  border-radius: 20px !important;
}

.btn.green.white-hover:hover {
  background-color: white;
  border-radius: 20px !important;
}

.billing-new.retention-payment .inner-box {
  padding: 30px 40px;
  border: none;
}

.billing-new.retention-payment .inner-box .top-section {
  position: relative;
  display: block;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 153px;
  z-index: 10;
  border-radius: 5px 5px 0 0;
}

.billing-new.retention-payment .inner-box .top-section::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to bottom, #ffffff 0%, #191919 100%);
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0.9;
  opacity: 0.7;
  mix-blend-mode: multiply;
}

.billing-new.retention-payment .inner-box .top-section .content-top {
  position: absolute;
  bottom: 8px;
  left: 50%;
  transform: translateX(-50%);
}

.billing-new.retention-payment .inner-box .inner-details {
  padding: 35px 0 0 0;
}

.billing-new.retention-payment .inner-box .inner-details .price .absolute-price {
  position: absolute;
  top: -50px;
  left: -110px;
}

.billing-new.retention-payment .inner-box .inner-details .price .absolute-price .strikediag {
  background: linear-gradient(to left top, transparent 47.75%, currentColor 49.5%, currentColor 50.5%, transparent 52.25%);
}

.billing-new.retention-payment .inner-box .inner-details .price .f-10 {
  font-size: 10px;
}

.billing-new.retention-payment .inner-box .inner-details .copy-link-container {
  max-width: 347px;
  width: 100%;
  margin: 15px auto;
}

.billing-new.retention-payment .inner-box .inner-details .copy-link-container .copy-link {
  background-color: #181918;
  border-radius: 6px;
  color: #fff;
  padding: 20px;
  overflow: hidden;
}

.billing-new.retention-payment .inner-box .inner-details .copy-link-container .copy-link .copy-link-input {
  font-size: 20px;
  font-weight: bold;
  color: var(--color-green);
  background-color: transparent;
  border: none;
  width: 90%;
  padding: 0;
}

.billing-new.retention-payment .inner-box .inner-details .copy-link-container .copy-link .copy-link-inner {
  width: 54%;
}

.billing-new.retention-payment .inner-box .inner-details .copy-link-container .copy-link .copy-link-inner svg {
  cursor: pointer;
}

.content.width-change {
  width: auto;
}

.w-140 {
  width: 140px;
  max-width: 100%;
  padding-left: 0.3rem;
  padding-right: 0.3rem;
}

.hithere {
  animation: hithere 1s ease;
}

@keyframes hithere {
  30% {
    transform: scale(1.2);
  }
  40%, 60% {
    transform: rotate(-20deg) scale(1.2);
  }
  50% {
    transform: rotate(20deg) scale(1.2);
  }
  70% {
    transform: rotate(0deg) scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
@media (max-width: 767.98px) {
  .content.width-change {
    width: 100%;
  }
}
@media (max-width: 575.98px) {
  .billing-new.retention-payment .inner-box .inner-details .copy-link-container .copy-link .copy-link-inner {
    width: 100%;
  }
  .billing-new.retention-payment .inner-box {
    padding: 25px;
  }
  .billing-new.retention-payment .inner-box .inner-details .price .absolute-price {
    left: -80px;
  }
  .billing-new.retention-payment .inner-box .top-section .content-top .f-20 {
    font-size: 16px;
  }
  .billing-new.retention-payment .inner-box .top-section .content-top .text-nowrap {
    white-space: normal !important;
  }
}
@media (max-width: 400.98px) {
  .billing-new.retention-payment .inner-box .inner-details .price .absolute-price {
    left: 29px;
    top: 24px;
  }
}
.modal .modal-dialog.modal-sm {
  max-width: 600px;
}
@media (max-width: 767px) {
  .modal .modal-dialog.modal-sm {
    max-width: 92%;
    left: 2%;
  }
}
.modal .modal-dialog .modal-content {
  background-color: #FFFFFF;
  border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #DCDCDC;
}
.modal .modal-dialog .modal-content .modal-body {
  padding: 65px 70px;
}
@media (max-width: 575.98px) {
  .modal .modal-dialog .modal-content .modal-body {
    padding: 40px 30px;
  }
}
.modal .modal-dialog .modal-content .btn-close {
  position: absolute;
  right: 20px;
  top: 20px;
  color: #2B2B2B;
  opacity: 1 !important;
  outline: none;
  box-shadow: none;
  z-index: 1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3E%3Cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3E%3C/svg%3E");
}