@font-face {
  font-family: "Gilroy-Black";
  src: url("../vendor/Font/Gilroy/Gilroy-Black.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy-BlackItalic";
  src: url("../vendor/Font/Gilroy/Gilroy-BlackItalic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy-Bold";
  src: url("../vendor/Font/Gilroy/Gilroy-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy-BoldItalic";
  src: url("../vendor/Font/Gilroy/Gilroy-BoldItalic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy-ExtraBold";
  src: url("../vendor/Font/Gilroy/Gilroy-ExtraBold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy-ExtraBoldItalic";
  src: url("../vendor/Font/Gilroy/Gilroy-ExtraBoldItalic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy-Heavy";
  src: url("../vendor/Font/Gilroy/Gilroy-Heavy.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy-HeavyItalic";
  src: url("../vendor/Font/Gilroy/Gilroy-HeavyItalic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy-Light";
  src: url("../vendor/Font/Gilroy/Gilroy-Light.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy-LightItalic";
  src: url("../vendor/Font/Gilroy/Gilroy-LightItalic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy-Medium";
  src: url("../vendor/Font/Gilroy/Gilroy-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy-MediumItalic";
  src: url("../vendor/Font/Gilroy/Gilroy-MediumItalic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy-Regular";
  src: url("../vendor/Font/Gilroy/Gilroy-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy-RegularItalic";
  src: url("../vendor/Font/Gilroy/Gilroy-RegularItalic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy-SemiBold";
  src: url("../vendor/Font/Gilroy/Gilroy-SemiBold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy-SemiBoldItalic";
  src: url("../vendor/Font/Gilroy/Gilroy-SemiBoldItalic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy-Thin";
  src: url("../vendor/Font/Gilroy/Gilroy-Thin.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy-ThinItalic";
  src: url("../vendor/Font/Gilroy/Gilroy-ThinItalic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy-UltraLight";
  src: url("../vendor/Font/Gilroy/Gilroy-UltraLight.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy-UltraLightItalic";
  src: url("../vendor/Font/Gilroy/Gilroy-UltraLightItalic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
body {
  width: 100%;
  height: 100%;
  font-family: "Gilroy-Medium";
}
body.admin {
  background-color: #F7F7F7;
}

.app {
  display: flex;
  gap: 81px;
  padding-right: 74px;
}
@media (max-width: 991px) {
  .app {
    padding-right: unset;
  }
}

.ml-auto {
  margin-left: auto !important;
}

.ml-unset {
  margin-left: unset !important;
}

.ml-05 {
  margin-left: 0.5rem;
}

.pl-0 {
  padding-left: unset !important;
}

.pr-0 {
  padding-right: unset !important;
}

.pb-0 {
  padding-bottom: unset !important;
}

input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

.form-control[type=password],
.form-control[type=text], .form-control[type=number], textarea.form-control {
  border: unset;
  border-bottom: 1px solid #DEDEDE;
  border-radius: unset;
  box-shadow: unset !important;
  padding: 14px 0;
  outline: unset;
  resize: none;
}
.form-control[type=text]::-moz-placeholder, .form-control[type=number]::-moz-placeholder, textarea.form-control::-moz-placeholder {
  color: #BFBFBF;
  font-size: 14px;
  font-family: "Gilroy-Regular";
}
.form-control[type=text]::placeholder, .form-control[type=number]::placeholder, .form-control::placeholder {
  color: #BFBFBF;
  font-size: 14px;
  font-family: "Gilroy-Regular";
}

.form-check {
  padding: unset;
}

.form-label {
  color: #767676;
  font-family: "Gilroy-Medium";
  margin: unset;
}

.form-check-label {
  color: #767676;
  line-height: 22px;
  font-family: "Gilroy-Regular";
  text-decoration: underline;
  cursor: pointer;
}

.form-line {
  display: flex;
  flex-direction: column-reverse;
}
.form-line .form-control:focus {
  border-color: #D71C52;
}
.form-line .form-control:focus + .form-label {
  color: #D71C52;
}
.form-line .form-control.invalid {
  border-color: #DB0100;
}
.form-line .form-control.invalid + .form-label {
  color: #DB0100;
  opacity: 0.3;
}
.form-line .form-control.invalid::-moz-placeholder {
  color: #DB0100;
}
.form-line .form-control.invalid::placeholder {
  color: #DB0100;
}

.btn-theme {
  background: linear-gradient(261deg, #92388C, #D20A60, #D8214C);
  border-radius: 33px;
  height: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: #fff;
  font-family: "Gilroy-Light";
  border: unset;
}
.btn-theme:hover {
  color: #fff;
}

.checkbox-theme *,
.checkbox-theme *:after,
.checkbox-theme *:before {
  box-sizing: border-box;
}

.checkbox-theme input {
  position: absolute;
  opacity: 0;
}

.checkbox-theme input:checked + label svg path {
  stroke-dashoffset: 0;
}

.checkbox-theme input:focus + label {
  transform: scale(1.03);
}

.checkbox-theme input + label {
  display: block;
  border: 1px solid #ddd;
  width: 23px;
  height: 23px;
  border-radius: 7px;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

.checkbox-theme input + label:active {
  transform: scale(1.05);
  border-radius: 12px;
}

.checkbox-theme input + label svg {
  pointer-events: none;
  width: 15px;
  height: 15px;
}

.checkbox-theme input + label svg path {
  fill: none;
  stroke: #D20A60;
  stroke-width: 8px;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 100;
  stroke-dashoffset: 101;
  transition: all 250ms cubic-bezier(1, 0, 0.37, 0.91);
}

span.badge {
  width: 100%;
  font-size: 16px;
  padding: 13px;
  border-radius: 12px;
  font-family: "Gilroy-Medium";
}
span.badge.badge {
  background-color: #f9d3d1;
  color: #DB0000;
}

.left-bar {
  max-width: 380px;
  width: 100%;
  height: 100vh;
  box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.1607843137);
  padding: 78px 47px 89px 47px;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #fff;
  position: sticky;
  top: 0;
  transition: all 0.3s;
  z-index: 10;
}
.left-bar-logo {
  max-width: 173px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  transition: all 0.3s;
}
.left-bar-logo img {
  transition: all 0.3s;
}
.left-bar-logo span {
  font-size: 21px;
  color: #D71C52;
  font-family: "Gilroy-Medium";
  transition: all 0.3s;
}
.left-bar-menu {
  margin-top: 125px;
  width: 100%;
}
.left-bar-menu ul.menu {
  list-style: none;
  margin: 0;
  padding: 0;
  font-family: "Ubuntu", sans-serif;
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
}
.left-bar-menu ul.menu li a {
  color: #000000;
  text-decoration: unset;
  width: 100%;
  height: 65px;
  border-radius: 15px;
  padding: 0 0 0 1.5rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  position: relative;
  font-size: 1rem;
}
.left-bar-menu ul.menu li a svg {
  min-width: 33px;
}
.left-bar-menu ul.menu li a.active {
  background: linear-gradient(79deg, #EB6514, #D4125A, #92388C);
  color: #FFFFFF;
  padding: 0 2rem 0 1.5rem;
}
.left-bar-menu ul.menu li a.active::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 21px;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMi4wNzUiIGhlaWdodD0iMjEuMTIxIiB2aWV3Qm94PSIwIDAgMTIuMDc1IDIxLjEyMSI+CiAgPHBhdGggZD0iTTE0Ljg5MSwxNi43NTFsNy45OTItNy45ODVhMS41MDksMS41MDksMCwwLDAtMi4xMzgtMi4xMzFMMTEuNjksMTUuNjgyYTEuNTA2LDEuNTA2LDAsMCwwLS4wNDQsMi4wODFsOS4wOTIsOS4xMTFhMS41MDksMS41MDksMCwwLDAsMi4xMzgtMi4xMzFaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMy4zMjUgMjcuMzE0KSByb3RhdGUoMTgwKSIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4K");
  background-size: 100% 100%;
  right: 23px;
  top: 50%;
  transform: translateY(-50%);
}
.left-bar-fast {
  display: flex;
  gap: 1.5rem;
  margin-top: auto;
}
.left-bar .menuToggle {
  display: none;
}
.left-bar.small {
  max-width: 170px;
}
.left-bar.small .left-bar-logo {
  width: 119px;
}
.left-bar.small .left-bar-logo img {
  width: 100%;
}
.left-bar.small .left-bar-logo span {
  font-size: 14px;
}
.left-bar.small .left-bar-menu ul.menu li a {
  font-size: 0;
  padding: unset;
  justify-content: center;
  gap: 0;
}
.left-bar.small .left-bar-menu ul.menu li a::after {
  content: unset;
}
.left-bar.small .left-bar-fast {
  flex-direction: column;
}
.left-bar.small .left-bar-fast .lang {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.left-bar.small::after {
  content: "";
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEkAAAENCAYAAABDzUgSAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAACs1JREFUeJzt3X1oVecdwPFnW99n1cYW68pokQVXFOocMevmWpoxaUtK62RvIVtdVkhpt7q1MEtZXryNs9fZFtZVq3EUBjUidIlloFsG0xlpoito0MRsQjCJJjfem5jca8x9yb17frn34Nn1vPye83LvPc/5feH5s9R8eM7zPOfk3FzGGLszN+7g4/bcuI2PW3Pjltz4Qm58Pm98TmNIFyEhIiREhISIkBAREiJCQkRIiAgJESEhIiREhISIkBAREiJCQkRIiAgJESEhIiREhISIkBAREiJCQkRIiAgJESEhIiREhISIkBAREiJCQkRIiAgJESEhIiREhISIkBAREiJCQkRIiAgJ0V2MkExTIylQt7EbUITEbiCpZ5MaKR/Kt0j5l5wRUj6UFpJ0UHaRfAHlJpI0UFaQsJecHEgrV65cwMSPAf665MbGxp5l+scAESR5d7pkMtnKzI8BWkj+OQ5kMpn/1tXVLWa4dcm3SOlwOPwks7Yu+ePMlAGldPpgdXX1QiZ2eyK6y3kXLJNtOBQKPc7EnwhYQfIeVA4JZtM7u3btuo9pI/kbKnOj3uvXr9ewmy85vcvOCShvYGX+vw8GBgZWMvxssnqr4mmkwVQqtbm1tfVepr+AY2eTPFCZm2uHy27z5s2w2+kt4HZP4d6C0kCK8fF2LBZ7rq2tDRZyvdnkHygNJGiEj0A8Hn/+wIEDAJW/NomexL0NpYMEfcbHVg61qbOzcxnTh8Le13kXygAJ6oQZlUgkXti3b989TOzsJA+UCRLUnoP6eUdHB+x6ImcnOaAQSNBhgOLHg1d6e3sfYsa3LPIt5kgk6FOA4qNpcnIS7vPMdjx5oASQoP/w8TvAmpmZeW7dunVwMsceDbwLJYgEXeZjZyZ3RGhsbIRn5HpHAzmgLCBBV/l4P5Nd0Ou2b99+N9M/GngfyiISNMvHhzmon3Z1dd2/ZMkSORdzG0jQHB8fA9Tc3Nyro6Ojj6xZswZuY4ygjJ4clCaUTSSlfwFUOp1+g+98366trYXn5Ua7nregHEKCzvLRwkcDvzl+KhgMKuvUrcz8iFDaUA4iQUN8BPlonp2d/UF7e3sZs3eWwkK5i+UwEhTm471M9ua4ds+ePYsKBOUpJOg6H3/KZG9lXuzp6fmSp6FcQoJSfBzM5Bb0wcHBcs9CuYik9I9M9p6v+cqVKxWehCoAEnSGjzcBKxqNrmde++VCgZCgQT7eAii+8/2oqalJfc9X2lAFRILG+Xg3k13QXz5+/Pj9zAuXXoGRIPhtzB4+tnKo+rNnzz5Y8lBFQIISfHyUyd7z/Xp4ePjhFStW3F6yUEVCgtJ8/DWTPSJsCYfDFTU1NXe6COVJJKXuTBbqt1NTU49v2rRJedrp9L2ep5Eg5bFwA9/5vr9///7FOlB2nkd5HgmCx8Jv8xGIxWLrdZCceHDnaSQIHgvDzXFgfHz86yUDVWwVja5lslCNp06dWmYRSnokKMJHMJlM1ldVVRk9DvY1EtTHRyASiVQy/cOm1dcRpUGC2uAMVV9fn//MvLCXXLEVTJrio0W1iIu83OocVLEVEP0NHgMz4xc0fI80zUfziRMnlJ3OyXfKpUGCPopGo08y3HtRvkU6nUqlfrF7926t37w48eK9FEgx2OW6u7sfYOJrk2+QoD/29fUtZ7h3Np193lTsn1ygj0dHR79mAcn+bCr2Ty7Q0VAotJZZ+3sq9hbxYv/kAv2b36I8xvAff/UlUu/Vq1e/a4LkzsGy2D+5QOfzkDAff/Uf0uTkJCGZBEjrGe5zeIRESPoREiJCQnR+YmICkIw+RG3nGOBbJBEoqZHUtyh2fi9HSITkzM2ulEhW/8Kq3EiRSERBsvNnaH2NhD0GEBIhEZJphISIkBAREiJCQkRIiAgJESEhIiREhISIkBAREiJCQkRIiAgJESEhIiREhISIkBAREiJCQkRIiAgJESEhIiREhISIkBAREiJCQkRIiAgJESEhIiREhISIkBAREiJCQkRIiAgJESEhIiREhISIkBD1qZDoo1w6nQ6FQo8RknE9IyMjlezmS42QVB0ZGhqqMEHy/Wdw/3zmzJmvaiAZLdr+Qpqbm2s6fPjwlx1A0gKSAmk4mUz+sqWlpSwPSQ3k+78w0Tk5OfkUu3lnE0EyAvI8Enwrxc5jx449REj6nU8kEi/xf+pdhKTfB5cvX/4WIel3mu9qW6qrqxcy8Xs2XyDN8PF7fsp+VDWLRHY2XyAdjMfjL65atWoBs3+pSYn0Tz6au7q6ynVmkdn9mvRIPXwE+LnomaVLlzo1i6RC6uQjcO3atZ9s3LhxsckscvJS8wTS/DedptPphunp6R82NDTcx/9pX9SZRXqXmtWt3xNI89+ZC19ddunSpaq1a9cuVAFZudSsIBlXZKAJPt7jZ6HXL1y48GhFRcWiHJB6FmHORu7saiWANMLHDj6DGvlZqKq8vBxm0AKTWSSKZB+oiEj9fGzjM+iNc+fOVeRwFCDsLJL6e0uO8xFIJpOvHT169GEEkNla5O6lVmCkOT46AIjvYDV8i1/C//d3awBZvcw8jzTLx4cAFAqFns7hKEBa65Ddy8w5oAIhwVckvs9H88DAwDcFgEQuM3fWogIhwZdt7oQdrL+//xs6QHbXIXdnkctI81/bmkqlfgMzqKysbKEgkPRI8AXAW2dmZl7o6Oj4ChOfQdh1yH0gF5CUr5Junpqa+nEgEFimA2S0BtmZQdZ/bVQgpPkvJYf1Z3x8/Jna2tp7HQKy+5tZe0AOIs1/vT2coC9evPhEZWXlPXk4xQYqOtI4H+/yGdQ0Njb29OrVqxczZ9YgJ9ehoiIN8vEW38G2nDx58hHVDiYKlP+MyGmgoiF9xseb8Xj8lR07djyggVMqM8gekA0k5TFr3YYNG5R7ML3Z420gC0hJPtoAaGJiYuPy5csXSQ8kiATfvt4KC/TQ0NB3+H9qtv7IASSABN+6/ge+QL8+ODj4RO4SM7rNkAcIiTTKx85kMvlqd3c37GDYS+wOJgMQAukKH8HZ2dmXDh06VK7CsbrFew/IBAlO0e/ADrZ3794HNXDMgPIfd3gTCNIBgkete2Ox2M+2bdvmxBnIrVsN94EgHaRPIpHI9xwC0sJxCqgwaQD1JxKJXzU0NMBjDqu3GYUAKhpSnJ+Dgm1tbcuZc0C3MC8DQXlIf+/v74eH9QSkTgU0HY1Gn2fuAJntYKULBClC/DL7S2Njo97jVsxvNNwGKl45o9nh4WH4wJ3VGWR1gS7tGaSUQ/o0GAzmb/f+vsTUzR+tY7HXmPlDe7OniXqLtHdnkBI3iqqeLIoCmb3A4O0ZpMTv7j9huMvM6FZDXiAoHA6/zLRnkehOJscirdWRI0fgRSr1LMK+I+QPoFz5lxr2DQ/v3c3bSG8twp6HpAeCRNYikfcVpQGCjJDcfB3PM0CQ6KXmOyBIb1fDfjpR9H1FT+EoGR0etS4zu0BSIOkt2L6dRZAWkpNrkRTprUeil5ovkIzWIzsHRyky+vCdE6drKTLa+p04G0kRdj2y+lkOKbKCJHLCliK3kKTKLpL0QJDo7YjvZhEkejviSyTRP5ZCSIyQNCMkRISEiJAQERIiQkJESIgICREhISIkRISEiJAQERIiQkJESIgICREhISIkRISEiJAQERIiQkJESIgICREhISIkRISEiJAQERIiQkJESCb9DzE5ZxnXb0tSAAAAAElFTkSuQmCC");
  background-size: 100%;
  background-position: center right;
  width: 80px;
  height: 210px;
  position: absolute;
  right: -80px;
  top: 50%;
  transform: translateY(-50%);
  z-index: -2;
}
.left-bar.small .menuToggle {
  position: absolute;
  display: block;
  border: unset;
  background-color: transparent;
  top: 50%;
  transform: translateY(-50%);
  right: -30px;
  z-index: -1;
}
.left-bar.small:hover {
  max-width: 380px;
}
.left-bar.small:hover::after {
  opacity: 0;
}
.left-bar.small:hover .menuToggle {
  opacity: 0;
}
.left-bar.small:hover .left-bar-logo {
  max-width: 173px;
  width: 100%;
}
.left-bar.small:hover .left-bar-logo img {
  width: 100%;
}
.left-bar.small:hover .left-bar-logo span {
  font-size: 21px;
}
.left-bar.small:hover .left-bar-menu ul.menu li a {
  font-size: 1rem;
  padding: 0 0 0 1.5rem;
  justify-content: unset;
  gap: 1rem;
  white-space: nowrap;
  overflow: hidden;
}
.left-bar.small:hover .left-bar-fast {
  flex-direction: row;
}
.left-bar.small:hover .left-bar-fast .lang {
  display: flex;
  flex-direction: row;
}
@media (max-width: 1799px) {
  .left-bar {
    max-width: 170px;
  }
  .left-bar .left-bar-logo {
    width: 119px;
  }
  .left-bar .left-bar-logo img {
    width: 100%;
  }
  .left-bar .left-bar-logo span {
    font-size: 14px;
  }
  .left-bar .left-bar-menu ul.menu li a {
    font-size: 0;
    padding: unset;
    justify-content: center;
    gap: 0;
  }
  .left-bar .left-bar-menu ul.menu li a::after {
    content: unset;
  }
  .left-bar .left-bar-fast {
    flex-direction: column;
  }
  .left-bar .left-bar-fast .lang {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .left-bar::after {
    content: "";
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEkAAAENCAYAAABDzUgSAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAACs1JREFUeJzt3X1oVecdwPFnW99n1cYW68pokQVXFOocMevmWpoxaUtK62RvIVtdVkhpt7q1MEtZXryNs9fZFtZVq3EUBjUidIlloFsG0xlpoito0MRsQjCJJjfem5jca8x9yb17frn34Nn1vPye83LvPc/5feH5s9R8eM7zPOfk3FzGGLszN+7g4/bcuI2PW3Pjltz4Qm58Pm98TmNIFyEhIiREhISIkBAREiJCQkRIiAgJESEhIiREhISIkBAREiJCQkRIiAgJESEhIiREhISIkBAREiJCQkRIiAgJESEhIiREhISIkBAREiJCQkRIiAgJESEhIiREhISIkBAREiJCQkRIiAgJ0V2MkExTIylQt7EbUITEbiCpZ5MaKR/Kt0j5l5wRUj6UFpJ0UHaRfAHlJpI0UFaQsJecHEgrV65cwMSPAf665MbGxp5l+scAESR5d7pkMtnKzI8BWkj+OQ5kMpn/1tXVLWa4dcm3SOlwOPwks7Yu+ePMlAGldPpgdXX1QiZ2eyK6y3kXLJNtOBQKPc7EnwhYQfIeVA4JZtM7u3btuo9pI/kbKnOj3uvXr9ewmy85vcvOCShvYGX+vw8GBgZWMvxssnqr4mmkwVQqtbm1tfVepr+AY2eTPFCZm2uHy27z5s2w2+kt4HZP4d6C0kCK8fF2LBZ7rq2tDRZyvdnkHygNJGiEj0A8Hn/+wIEDAJW/NomexL0NpYMEfcbHVg61qbOzcxnTh8Le13kXygAJ6oQZlUgkXti3b989TOzsJA+UCRLUnoP6eUdHB+x6ImcnOaAQSNBhgOLHg1d6e3sfYsa3LPIt5kgk6FOA4qNpcnIS7vPMdjx5oASQoP/w8TvAmpmZeW7dunVwMsceDbwLJYgEXeZjZyZ3RGhsbIRn5HpHAzmgLCBBV/l4P5Nd0Ou2b99+N9M/GngfyiISNMvHhzmon3Z1dd2/ZMkSORdzG0jQHB8fA9Tc3Nyro6Ojj6xZswZuY4ygjJ4clCaUTSSlfwFUOp1+g+98366trYXn5Ua7nregHEKCzvLRwkcDvzl+KhgMKuvUrcz8iFDaUA4iQUN8BPlonp2d/UF7e3sZs3eWwkK5i+UwEhTm471M9ua4ds+ePYsKBOUpJOg6H3/KZG9lXuzp6fmSp6FcQoJSfBzM5Bb0wcHBcs9CuYik9I9M9p6v+cqVKxWehCoAEnSGjzcBKxqNrmde++VCgZCgQT7eAii+8/2oqalJfc9X2lAFRILG+Xg3k13QXz5+/Pj9zAuXXoGRIPhtzB4+tnKo+rNnzz5Y8lBFQIISfHyUyd7z/Xp4ePjhFStW3F6yUEVCgtJ8/DWTPSJsCYfDFTU1NXe6COVJJKXuTBbqt1NTU49v2rRJedrp9L2ep5Eg5bFwA9/5vr9///7FOlB2nkd5HgmCx8Jv8xGIxWLrdZCceHDnaSQIHgvDzXFgfHz86yUDVWwVja5lslCNp06dWmYRSnokKMJHMJlM1ldVVRk9DvY1EtTHRyASiVQy/cOm1dcRpUGC2uAMVV9fn//MvLCXXLEVTJrio0W1iIu83OocVLEVEP0NHgMz4xc0fI80zUfziRMnlJ3OyXfKpUGCPopGo08y3HtRvkU6nUqlfrF7926t37w48eK9FEgx2OW6u7sfYOJrk2+QoD/29fUtZ7h3Np193lTsn1ygj0dHR79mAcn+bCr2Ty7Q0VAotJZZ+3sq9hbxYv/kAv2b36I8xvAff/UlUu/Vq1e/a4LkzsGy2D+5QOfzkDAff/Uf0uTkJCGZBEjrGe5zeIRESPoREiJCQnR+YmICkIw+RG3nGOBbJBEoqZHUtyh2fi9HSITkzM2ulEhW/8Kq3EiRSERBsvNnaH2NhD0GEBIhEZJphISIkBAREiJCQkRIiAgJESEhIiREhISIkBAREiJCQkRIiAgJESEhIiREhISIkBAREiJCQkRIiAgJESEhIiREhISIkBAREiJCQkRIiAgJESEhIiREhISIkBAREiJCQkRIiAgJESEhIiREhISIkBD1qZDoo1w6nQ6FQo8RknE9IyMjlezmS42QVB0ZGhqqMEHy/Wdw/3zmzJmvaiAZLdr+Qpqbm2s6fPjwlx1A0gKSAmk4mUz+sqWlpSwPSQ3k+78w0Tk5OfkUu3lnE0EyAvI8Enwrxc5jx449REj6nU8kEi/xf+pdhKTfB5cvX/4WIel3mu9qW6qrqxcy8Xs2XyDN8PF7fsp+VDWLRHY2XyAdjMfjL65atWoBs3+pSYn0Tz6au7q6ynVmkdn9mvRIPXwE+LnomaVLlzo1i6RC6uQjcO3atZ9s3LhxsckscvJS8wTS/DedptPphunp6R82NDTcx/9pX9SZRXqXmtWt3xNI89+ZC19ddunSpaq1a9cuVAFZudSsIBlXZKAJPt7jZ6HXL1y48GhFRcWiHJB6FmHORu7saiWANMLHDj6DGvlZqKq8vBxm0AKTWSSKZB+oiEj9fGzjM+iNc+fOVeRwFCDsLJL6e0uO8xFIJpOvHT169GEEkNla5O6lVmCkOT46AIjvYDV8i1/C//d3awBZvcw8jzTLx4cAFAqFns7hKEBa65Ddy8w5oAIhwVckvs9H88DAwDcFgEQuM3fWogIhwZdt7oQdrL+//xs6QHbXIXdnkctI81/bmkqlfgMzqKysbKEgkPRI8AXAW2dmZl7o6Oj4ChOfQdh1yH0gF5CUr5Junpqa+nEgEFimA2S0BtmZQdZ/bVQgpPkvJYf1Z3x8/Jna2tp7HQKy+5tZe0AOIs1/vT2coC9evPhEZWXlPXk4xQYqOtI4H+/yGdQ0Njb29OrVqxczZ9YgJ9ehoiIN8vEW38G2nDx58hHVDiYKlP+MyGmgoiF9xseb8Xj8lR07djyggVMqM8gekA0k5TFr3YYNG5R7ML3Z420gC0hJPtoAaGJiYuPy5csXSQ8kiATfvt4KC/TQ0NB3+H9qtv7IASSABN+6/ge+QL8+ODj4RO4SM7rNkAcIiTTKx85kMvlqd3c37GDYS+wOJgMQAukKH8HZ2dmXDh06VK7CsbrFew/IBAlO0e/ADrZ3794HNXDMgPIfd3gTCNIBgkete2Ox2M+2bdvmxBnIrVsN94EgHaRPIpHI9xwC0sJxCqgwaQD1JxKJXzU0NMBjDqu3GYUAKhpSnJ+Dgm1tbcuZc0C3MC8DQXlIf+/v74eH9QSkTgU0HY1Gn2fuAJntYKULBClC/DL7S2Njo97jVsxvNNwGKl45o9nh4WH4wJ3VGWR1gS7tGaSUQ/o0GAzmb/f+vsTUzR+tY7HXmPlDe7OniXqLtHdnkBI3iqqeLIoCmb3A4O0ZpMTv7j9huMvM6FZDXiAoHA6/zLRnkehOJscirdWRI0fgRSr1LMK+I+QPoFz5lxr2DQ/v3c3bSG8twp6HpAeCRNYikfcVpQGCjJDcfB3PM0CQ6KXmOyBIb1fDfjpR9H1FT+EoGR0etS4zu0BSIOkt2L6dRZAWkpNrkRTprUeil5ovkIzWIzsHRyky+vCdE6drKTLa+p04G0kRdj2y+lkOKbKCJHLCliK3kKTKLpL0QJDo7YjvZhEkejviSyTRP5ZCSIyQNCMkRISEiJAQERIiQkJESIgICREhISIkRISEiJAQERIiQkJESIgICREhISIkRISEiJAQERIiQkJESIgICREhISIkRISEiJAQERIiQkJESCb9DzE5ZxnXb0tSAAAAAElFTkSuQmCC");
    background-size: 100%;
    background-position: center right;
    width: 80px;
    height: 210px;
    position: absolute;
    right: -80px;
    top: 50%;
    transform: translateY(-50%);
  }
  .left-bar .menuToggle {
    position: absolute;
    display: block;
    border: unset;
    background-color: transparent;
    top: 50%;
    transform: translateY(-50%);
    right: -30px;
    z-index: 2;
  }
}
@media (max-width: 1799px) and (max-width: 991px) {
  .left-bar .menuToggle {
    display: none;
  }
}
@media (max-width: 991px) {
  .left-bar {
    position: fixed;
    left: 0;
    width: 100%;
    max-width: unset !important;
    height: 100px;
    padding: 0 1rem;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    padding-top: 1rem;
  }
  .left-bar .left-bar-logo {
    margin-right: auto;
    max-width: 75px;
    margin-bottom: auto;
  }
  .left-bar .left-bar-logo span {
    font-size: 10px;
  }
  .left-bar .left-bar-menu, .left-bar .left-bar-fast {
    display: none;
  }
  .left-bar .right-bar-header-menu {
    display: flex;
    order: 2;
    margin-bottom: auto;
  }
  .left-bar.show {
    height: 100%;
    flex-wrap: wrap;
    transition: unset;
  }
  .left-bar.show .left-bar-menu {
    display: flex;
    width: 100%;
    order: 3;
    margin-top: unset;
  }
  .left-bar.show .left-bar-menu .menu {
    justify-content: center;
    align-items: center;
    margin: 0 auto;
  }
  .left-bar.show .left-bar-menu .menu li {
    width: 100%;
    text-align: left;
  }
  .left-bar.show .left-bar-menu .menu li a {
    font-size: 1rem;
    height: 40px;
    width: 100%;
    justify-content: flex-start;
    gap: 1rem;
    padding-left: 1rem;
  }
  .left-bar.show .left-bar-menu .menu li a svg {
    min-width: 20px;
    width: 20px;
  }
  .left-bar.show .left-bar-fast {
    display: flex;
    order: 4;
    flex-direction: row;
    margin-top: unset;
  }
}

.right-bar {
  max-width: 1365px;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 2rem;
}
@media (max-width: 991px) {
  .right-bar {
    width: 90%;
  }
}
.right-bar-header {
  padding: 84px 0 24px 0;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 9;
}
@media (max-width: 991px) {
  .right-bar-header {
    padding-top: 134px;
  }
}
.right-bar-header-head h1 {
  font-size: 30px;
  line-height: 32px;
  color: #262626;
  font-family: "Gilroy-Regular";
}
.right-bar-header-head h1 b {
  font-family: "Gilroy-Bold";
  display: block;
}
.right-bar-header-menu {
  margin-left: auto;
  display: flex;
  gap: 0.4375rem;
  align-items: center;
  justify-content: flex-end;
}
@media (max-width: 991px) {
  .right-bar-header-menu {
    /* display: none; */
  }
}
.right-bar-header-menu .h-button {
  border: 2px solid #D8D8D8;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  position: relative;
}
@media (max-width: 991px) {
  .right-bar-header-menu .h-button {
    width: 40px;
    height: 40px;
  }
  .right-bar-header-menu .h-button svg {
    width: 20px;
    height: 20px;
  }
}
.right-bar-header-menu .h-button .ntf {
  position: absolute;
  width: 16px;
  height: 16px;
  background-color: #FF1C1C;
  border-radius: 50%;
  top: 5px;
  right: 6px;
}
@media (max-width: 991px) {
  .right-bar-header-menu .h-button .ntf {
    width: 10px;
    height: 10px;
  }
}
.right-bar-header-menu .logout {
  border-color: #edd9e4;
  background-color: #edd9e4;
}
@media (max-width: 991px) {
  .right-bar-header-menu .logout {
    display: none;
  }
}
@media (max-width: 991px) {
  .right-bar-header-menu .logout {
    display: none;
  }
}
.right-bar-header-menu .mobileButton {
  border: unset;
  background-color: transparent;
  display: none;
}
@media (max-width: 991px) {
  .right-bar-header-menu .mobileButton {
    display: block;
  }
}
.right-bar-header-menu .user-management {
  position: relative;
  border-radius: 100px;
  width: unset;
}
@media (max-width: 991px) {
  .right-bar-header-menu .user-management {
    border: unset;
  }
}
.right-bar-header-menu .user-management button {
  background-color: transparent;
  border: unset;
  display: flex;
  align-items: center;
  gap: 8px;
  padding-right: 58px;
}
@media (max-width: 991px) {
  .right-bar-header-menu .user-management button {
    padding: unset;
  }
  .right-bar-header-menu .user-management button::after {
    content: unset !important;
  }
}
.right-bar-header-menu .user-management button span {
  width: 40px;
  height: 40px;
  display: block;
  background-color: #B22774;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.right-bar-header-menu .user-management button p {
  font-size: 18px;
  color: #B22774;
  font-family: "Ubuntu", sans-serif;
  font-weight: 600;
  text-align: left;
  margin: 0;
  line-height: 21px;
}
@media (max-width: 991px) {
  .right-bar-header-menu .user-management button p {
    display: none;
  }
}
.right-bar-header-menu .user-management button p small {
  display: block;
  font-size: 16px;
  color: #989898;
  font-weight: 400;
  line-height: 18px;
}
.right-bar-header-menu .user-management button::after {
  content: "";
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNi4wNzIiIGhlaWdodD0iOS4wOTUiIHZpZXdCb3g9IjAgMCAxNi4wNzIgOS4wOTUiPgogIDxnIGlkPSJJY29ubHlfTGlnaHQtT3V0bGluZV9BcnJvdy0tLURvd24tMiIgZGF0YS1uYW1lPSJJY29ubHkvTGlnaHQtT3V0bGluZS9BcnJvdy0tLURvd24tMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4yNSAwLjI4OCkiIG9wYWNpdHk9IjAuMjAxIj4KICAgIDxnIGlkPSJBcnJvdy0tLURvd24tMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSI+CiAgICAgIDxwYXRoIGlkPSJTdHJva2UtMSIgZD0iTS40Ny40N0EuNzUyLjc1MiwwLDAsMSwxLjQ0OS40TDEuNTMzLjQ3LDguMDE3LDYuOTUzLDE0LjUuNDdBLjc1Mi43NTIsMCwwLDEsMTUuNDc5LjRsLjA4NC4wNzNhLjc1Mi43NTIsMCwwLDEsLjA3My45NzlsLS4wNzMuMDg0TDguNTQ4LDguNTQ4YS43NTIuNzUyLDAsMCwxLS45NzkuMDczbC0uMDg0LS4wNzNMLjQ3LDEuNTMzQS43NTIuNzUyLDAsMCwxLC40Ny40N1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjI1IC0wLjI1KSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjAuNSIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+Cg==");
  background-size: 100% 100%;
  width: 15.53px;
  height: 8.52px;
  position: absolute;
  right: 17px;
  top: 50%;
  transform: translateY(-50%);
}
.right-bar-header-menu .user-management-detail {
  background-color: #fff;
  height: 300px;
  width: calc(100% + 4px);
  position: absolute;
  right: -2px;
  top: 100%;
  border-radius: 0 0 30px 30px;
  border: 2px solid #D8D8D8;
  border-top: unset;
  display: none;
}
.right-bar-header-menu .user-management:hover {
  background-color: #fff;
  border-radius: 30px 30px 0 0;
}
.right-bar-header-menu .user-management:hover .user-management-detail {
  display: block;
}
.right-bar-header-menu .vkn {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: right;
  gap: 24px;
}
.right-bar-header-menu .vkn p {
  margin: 0;
}
.right-bar-header-menu .vkn-no {
  background-color: #B22774;
  border-radius: 12px;
  padding: 12px 23px;
  color: #fff;
  font-family: "Gilroy-Bold";
}
.right-bar-header-menu .vkn-no span {
  font-size: 13px;
}
.right-bar-header-menu .vkn-adress {
  color: #6F6F6F;
}
@media (max-width: 991px) {
  .right-bar-header-menu .vkn-adress {
    display: none;
  }
}
.right-bar-header-menu .vkn-adress b {
  font-size: 20px;
  font-family: "Gilroy-Bold";
}
.right-bar-header-menu .vkn-adress p {
  font-family: "Gilroy-Medium";
  margin-top: 5px;
}

@property --p {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
.pie {
  --p:100;
  --b:7px;
  --c:#B22774;
  --w:190px;
  width: var(--w);
  aspect-ratio: 1;
  position: relative;
  display: inline-grid;
  place-content: center;
  font-size: 25px;
  font-weight: bold;
  font-family: sans-serif;
}
.pie-main {
  width: 190px;
  height: 190px;
  position: relative;
}
.pie-main::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border: 7px solid #feb9e0;
  background-color: #fff;
  border-radius: 50%;
}

.pie:before,
.pie:after {
  content: "";
  position: absolute;
  border-radius: 50%;
}

.pie:before {
  inset: 0;
  background: radial-gradient(farthest-side, var(--c) 98%, rgba(0, 0, 0, 0)) top/var(--b) var(--b) no-repeat, conic-gradient(var(--c) calc(var(--p) * 1%), rgba(0, 0, 0, 0) 0);
  -webkit-mask: radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(99% - var(--b)), #000 calc(100% - var(--b)));
  mask: radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(99% - var(--b)), #000 calc(100% - var(--b)));
}

.pie:after {
  inset: calc(50% - var(--b) / 2);
  background: var(--c);
  transform: rotate(calc(var(--p) * 3.6deg)) translateY(calc(55% - var(--w) / 2));
}

.animate {
  animation: p var(--t) linear;
}

.no-round:before {
  background-size: 0 0, auto !important;
}

@keyframes p {
  from {
    --p:0;
  }
}
.breadcrumb {
  display: flex;
  gap: 1rem;
  margin: 0;
  padding: 0;
}
.breadcrumb li {
  color: #B1B1B1;
  font-family: "Gilroy-Bold";
  position: relative;
}
.breadcrumb li:after {
  content: "";
  width: 4px;
  height: 4px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -0.6rem;
  background-color: #B1B1B1;
  border-radius: 50%;
}
.breadcrumb li:last-child::after {
  content: unset;
}
.breadcrumb li a {
  color: inherit;
  text-decoration: unset;
  font-family: "Gilroy-Light";
}

.table-tab {
  margin-top: 13px;
}
.table-tab-head {
  display: flex;
  gap: 3rem;
  position: relative;
  z-index: 3;
  margin-bottom: 0px;
}
@media (max-width: 991px) {
  .table-tab-head {
    gap: unset;
  }
}
.table-tab-head button {
  border-radius: 20px 0 0 0;
  background-color: #ffeaf4;
  position: relative;
  border: unset;
  padding: 13px 0 13px 40px;
  width: 200px;
  color: #AA8A9A;
  outline: unset;
}
.table-tab-head button:after {
  content: "";
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJ0AAABZCAMAAAATgdZGAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAEhQTFRF/+r0/+r0/+r0/+r0/+r0/+r0/+r0/+r0AAAA/+r0/+r0/+r0/+r0/+r0/+r0/+r0/+r0/+r0/+r0/+r0/+r0/+r0/+r0/+r00BnsmAAAABh0Uk5T/++/r39fPyAAz59vj08QMN/wQP5gUJD9AC3ReAAAAl5JREFUeJzNm9FOAjEQRXfaxbiFmCWL+v+fx8O+gDERFARNjNEC2/bemU7CI+3JtL2dzsxKI9KcfmdrqrPfSJ3I3pmRxOyfw1wQ2VmQxCy6nJ3f1eHDi5vNu87ehdeOgj3gjYNqDHhbRsLsTYEjblNEznlP54jbNAnuX4LJAk++IMKHwV2SMKUBX9KE6nxp0y23uvsv1RniWwrHhdmS/9G7VwJH3HI2Umi1ljdrm0urJM+Zh9DNVE5v3iTDKMMLmCRm+S7Q2H3ZdMPYH+nBS9H2mX+gMC5Y2eb2c+7qFtHRV7dUGGTJvDnKZWtFlBaAqLa8uAAh+eEAGCRqALph7Gako4u5Lll4oMuchIcKNTh4sECIgocL0xh4wCCSgIcMcfF40AAcLsvY5wEaD/x4AYcE6KfV4xY5GppueUCGo/BnqdwBh8Q/mpG6QnjSd0fYUIyEA05XCHTD+LQBDcVJ1qBkj5RKAskeiU4eILLHSsNhZI+WJITIHi+FicAjJlgBeMz0bzkeNTndHQqH56bOS4WFnNgvxGOXHcrw6EWRIjx+yWbp80MCjYLS4j33nyrlLrfIFD4NuvzCgVKhP7Pop9aGkLX59JokcjafGt0wyio5nFdtMEku+mnSpbtPu3nItykzKtM9ryUklJwNGsMS+jH06YZxereXUYP2wk06vVbt4+KndKPZNbdP4bNsvZfgb/AZfxgQ7q82PZh/ttDvrzjQmu55fc2B1nTf1u/baPBcB93J+p3//11HNXRnc90fF1ZF15xduHP3Pz6sje7L+o3r3NmLVdJ9m6uarqmd7hNuAGYM4NL1rgAAAABJRU5ErkJggg==");
  background-size: 100% 100%;
  height: calc(100% + 2px);
  width: 90px;
  position: absolute;
  right: -90px;
  top: 0px;
  z-index: 0;
}
.table-tab-head button.active {
  background-color: #fff;
  border-bottom: unset;
  position: relative;
  z-index: 2;
  color: #575757;
}
.table-tab-head button.active::after {
  background-size: 100% 100% !important;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJ0AAABZCAMAAAATgdZGAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAEhQTFRF////////////////////////////////AAAA////////////////////////////////////////////////////////////u58hmAAAABh0Uk5T/++/r39fPyAAz59vj08QMN/wQP5gUJD9AC3ReAAAAl5JREFUeJzNm9FOAjEQRXfaxbiFmCWL+v+fx8O+gDERFARNjNEC2/bemU7CI+3JtL2dzsxKI9KcfmdrqrPfSJ3I3pmRxOyfw1wQ2VmQxCy6nJ3f1eHDi5vNu87ehdeOgj3gjYNqDHhbRsLsTYEjblNEznlP54jbNAnuX4LJAk++IMKHwV2SMKUBX9KE6nxp0y23uvsv1RniWwrHhdmS/9G7VwJH3HI2Umi1ljdrm0urJM+Zh9DNVE5v3iTDKMMLmCRm+S7Q2H3ZdMPYH+nBS9H2mX+gMC5Y2eb2c+7qFtHRV7dUGGTJvDnKZWtFlBaAqLa8uAAh+eEAGCRqALph7Gako4u5Lll4oMuchIcKNTh4sECIgocL0xh4wCCSgIcMcfF40AAcLsvY5wEaD/x4AYcE6KfV4xY5GppueUCGo/BnqdwBh8Q/mpG6QnjSd0fYUIyEA05XCHTD+LQBDcVJ1qBkj5RKAskeiU4eILLHSsNhZI+WJITIHi+FicAjJlgBeMz0bzkeNTndHQqH56bOS4WFnNgvxGOXHcrw6EWRIjx+yWbp80MCjYLS4j33nyrlLrfIFD4NuvzCgVKhP7Pop9aGkLX59JokcjafGt0wyio5nFdtMEku+mnSpbtPu3nItykzKtM9ryUklJwNGsMS+jH06YZxereXUYP2wk06vVbt4+KndKPZNbdP4bNsvZfgb/AZfxgQ7q82PZh/ttDvrzjQmu55fc2B1nTf1u/baPBcB93J+p3//11HNXRnc90fF1ZF15xduHP3Pz6sje7L+o3r3NmLVdJ9m6uarqmd7hNuAGYM4NL1rgAAAABJRU5ErkJggg==");
}
.table-tab-head button.active::before {
  content: "";
  width: 100%;
  height: 5px;
  background-color: #fff;
  position: absolute;
  bottom: -2px;
  left: 0;
}
@media (max-width: 991px) {
  .table-tab-head button {
    width: 100%;
    padding: 13px 0;
  }
  .table-tab-head button::after {
    content: unset;
  }
  .table-tab-head button:last-child {
    border-radius: 0 20px 0 0;
  }
}
.table-tab-body {
  border-radius: 0 20px 20px 20px;
  padding: 18.5px;
  background-color: #fff;
  position: relative;
  z-index: 3;
}
@media (max-width: 991px) {
  .table-tab-body {
    border-radius: 0 0 20px 20px;
  }
}

.dt-layout-full {
  width: 100%;
  overflow: auto;
}

.dt-search, .dt-length {
  display: none;
}

.dt-container .dt-layout-row:nth-child(3) {
  position: absolute;
  bottom: -7rem;
  flex-direction: row-reverse;
  justify-content: flex-end;
  gap: 3.5rem;
}
.dt-container .dt-layout-row:nth-child(3) .dt-layout-start {
  margin-right: unset !important;
  font-size: 14px;
  color: #989898;
}
.dt-container .dt-layout-row .dt-paging {
  color: #BABABA !important;
}
.dt-container .dt-layout-row .dt-paging .current {
  color: #777777 !important;
}
.dt-container .dt-layout-row .dt-paging-button {
  border: unset !important;
  padding: unset !important;
  font-size: 1rem !important;
  background: transparent !important;
}
.dt-container .dt-layout-row .dt-paging-button.last, .dt-container .dt-layout-row .dt-paging-button.first {
  display: none;
}
.dt-container .dt-layout-row .dt-paging-button.current {
  border: 1px solid #777777 !important;
  border-radius: 7px !important;
  padding: 5px !important;
  min-width: 30px;
  font-size: 20px !important;
  line-height: 20px !important;
  color: #777777 !important;
}

.tableStyle1 {
  font-size: 14px;
  font-family: "Ubuntu", sans-serif;
}

.tableStyle1 thead {
  background-color: #B22774;
  color: #fff;
  white-space: nowrap;
}


.tableStyle1 thead tr {
  height: 36px; 
}

.tableStyle1 thead tr th {
  
  padding: 0 2rem;
  text-align: center !important;
  border: unset !important;
}
.tableStyle1 thead tr th:nth-child(1) {
  border-radius: 6px 0 0 6px;
}
.tableStyle1 thead tr th:last-child {
  border-radius: 0 6px 6px 0;
}
.tableStyle1 tbody tr {
  color: #95818C;
  background-color: #fff !important;
  font-weight: 400 !important;
}
.tableStyle1 tbody tr:nth-child(even) {
  background-color: #F2F2F2 !important;
}
.tableStyle1 tbody tr td {
  border: none !important;
  box-shadow: unset !important;
  text-align: center !important;
  max-width: 200px;
}
.tableStyle1 tbody tr td .sorting_1 {
  box-shadow: unset !important;
}
.tableStyle1 tbody tr td:nth-child(1) {
  border-radius: 6px 0 0 6px;
}
.tableStyle1 tbody tr td:last-child {
  border-radius: 0 6px 6px 0;
}

.tableStyle2 {
  font-size: 14px;
  font-family: "Ubuntu", sans-serif;
}
.tableStyle2 thead {
  background-color: #B22774;
  color: #fff;
  white-space: nowrap;
}
.tableStyle2 thead tr {
  height: 36px;
}
.tableStyle2 thead tr th {
  padding: 0 2rem;
  text-align: center !important;
  border: unset !important;
}
.tableStyle2 thead tr th:nth-child(1) {
  border-radius: 6px 0 0 6px;
}
.tableStyle2 thead tr th:last-child {
  border-radius: 0 6px 6px 0;
}
.tableStyle2 tbody tr {
  color: #95818C;
  background-color: #fff !important;
  font-weight: 400 !important;
}
.tableStyle2 tbody tr:nth-child(even) {
  background-color: #FFF5FA !important;
}
.tableStyle2 tbody tr:nth-child(even) td.check-line label {
  border: unset;
  background-color: #F2C3DA;
}
.tableStyle2 tbody tr td {
  border: none !important;
  box-shadow: unset !important;
  text-align: center !important;
  max-width: 200px;
}
.tableStyle2 tbody tr td .sorting_1 {
  box-shadow: unset !important;
}
.tableStyle2 tbody tr td:nth-child(1) {
  border-radius: 6px 0 0 6px;
}
.tableStyle2 tbody tr td:last-child {
  border-radius: 0 6px 6px 0;
}
.tableStyle2 tbody tr td.check-line {
  display: flex;
  justify-content: center;
  gap: 0.6rem;
}
.tableStyle2 tbody tr.selected {
  background-color: #F7C3DF !important;
}
.tableStyle2 tbody tr.selected td {
  color: #79164D !important;
}
.tableStyle2 tbody tr.selected:hover, .tableStyle2 tbody tr.selected:focus {
  background-color: #F7C3DF !important;
  box-shadow: unset;
}

.tableStyle4 {
  font-size: 14px;
  font-family: "Ubuntu", sans-serif;
  border-collapse: separate;
  border-spacing: 0 12px !important;
}
.tableStyle4 thead {
  background-color: #FFF0F8;
  color: #BA1D6B;
  white-space: nowrap;
}
.tableStyle4 thead tr {
  height: 60px !important;
}
.tableStyle4 thead tr th {
  padding: 0 17px !important;
  text-align: center !important;
  border: unset !important;
}
.tableStyle4 thead tr th:nth-child(1) {
  border-radius: 12px 0 0 12px;
}
.tableStyle4 thead tr th:last-child {
  border-radius: 0 12px 12px 0;
}
.tableStyle4 tbody tr {
  color: #95818C;
  background-color: #FCFCFC !important;
  font-weight: 400 !important;
}
.tableStyle4 tbody tr.active {
  background-color: rgba(186, 30, 107, 0.1333333333) !important;
  color: #BA1F6B !important;
}
.tableStyle4 tbody tr.active td {
  border-color: #BA1E6B !important;
}
.tableStyle4 tbody tr.active td:nth-child(1) {
  border-color: #BA1E6B !important;
}
.tableStyle4 tbody tr.active td:last-child {
  border-color: #BA1E6B !important;
}
.tableStyle4 tbody tr td {
  border: none !important;
  box-shadow: unset !important;
  text-align: center !important;
  max-width: 200px;
  border: 1px solid #EAEAEA !important;
  border-left: unset !important;
  border-right: unset !important;
}
.tableStyle4 tbody tr td .sorting_1 {
  box-shadow: unset !important;
}
.tableStyle4 tbody tr td:nth-child(1) {
  border-radius: 12px 0 0 12px;
  border-left: 1px solid #EAEAEA !important;
}
.tableStyle4 tbody tr td:last-child {
  border-radius: 0 12px 12px 0;
  border-right: 1px solid #EAEAEA !important;
}
.tableStyle4 tbody tr td.check-line {
  display: flex;
  justify-content: center;
  gap: 0.6rem;
}
.tableStyle4 tbody tr.selected {
  background-color: #F7C3DF !important;
}
.tableStyle4 tbody tr.selected td {
  color: #79164D !important;
}
.tableStyle4 tbody tr.selected:hover, .tableStyle4 tbody tr.selected:focus {
  background-color: #F7C3DF !important;
  box-shadow: unset;
}

.footer-check .dt-layout-table {
  margin-top: unset !important;
}
.footer-check .dt-container .dt-layout-row:nth-child(3) {
  bottom: -5rem;
}

.table-custom-filter {
  display: flex;
  margin-top: 1rem;
}
@media (max-width: 1350px) {
  .table-custom-filter {
    flex-direction: column;
    align-items: center;
  }
}
.table-custom-filter-search {
  background-color: #F4F4F4;
  border-radius: 25px;
  display: flex;
  width: 403px;
  align-items: center;
  padding: 6px 6px 6px 16px;
  gap: 1rem;
}
@media (max-width: 1350px) {
  .table-custom-filter-search {
    width: 100%;
  }
}
.table-custom-filter-search svg {
  min-width: 18px;
}
.table-custom-filter-search .search-put {
  width: 100%;
  border: unset;
  background-color: transparent;
  outline: unset;
}
.table-custom-filter-search button {
  width: 111px;
  height: 37px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #BA1E6B;
  border-radius: 21px;
  border: unset;
  color: #fff;
  gap: 7px;
  padding: 0 19px;
}
.table-custom-filter-search button svg {
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin-top: -0.2rem;
}
.table-custom-filter-search button svg path {
  fill: #fff;
}
.table-custom-filter-button-group {
  margin-left: 30px;
  display: flex;
  align-items: center;
  gap: 5px;
}
@media (max-width: 1560px) {
  .table-custom-filter-button-group {
    position: absolute;
    bottom: -4rem;
    margin-left: unset;
  }
}
.table-custom-filter-button-group.bottom {
  position: absolute;
  bottom: -4rem;
  margin-left: unset;
}
.table-custom-filter-button-group button {
  height: 50px;
  font-size: 13px;
  padding: 0 21px;
  border-radius: 25px;
  border: 1px solid #B22774;
  background-color: #fff;
  font-family: "Ubuntu", sans-serif;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.table-custom-filter-button-group button.vkn {
  background-color: #B22774;
  color: #fff;
}
.table-custom-filter-button-group button.b-12 {
  border-radius: 12px;
}
.table-custom-filter-button-group button.export-excel {
  color: #B22774;
}
.table-custom-filter-button-group button .icon {
  width: 29px;
  height: 29px;
  background-color: #f3e1eb;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: -10px;
  margin-left: 10px;
}
.table-custom-filter-date {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  justify-content: center;
}
@media (max-width: 1350px) {
  .table-custom-filter-date {
    margin-left: unset;
    flex-wrap: wrap;
  }
}
.table-custom-filter-date p {
  margin: 0;
  font-size: 14px;
  color: #535353;
  font-family: "Ubuntu", sans-serif;
  font-weight: 600;
}
@media (max-width: 1350px) {
  .table-custom-filter-date p {
    width: 100%;
    text-align: center;
    margin-top: 1rem;
  }
}
.table-custom-filter-date .date-form {
  display: flex;
  flex-direction: column;
  border: 1px solid #D9D9D9;
  border-radius: 12px;
  width: 195px;
  height: 50px;
  justify-content: center;
  padding: 0 0.5rem;
  position: relative;
}
@media (max-width: 1350px) {
  .table-custom-filter-date .date-form {
    width: calc(50% - 1rem);
  }
}
.table-custom-filter-date .date-form label {
  font-size: 10px;
  color: #BCBCBC;
  line-height: 10px;
  margin-top: 5px;
}
.table-custom-filter-date .date-form input {
  border: unset;
  background-color: transparent;
  outline: unset;
  font-family: "Gilroy-Bold";
  color: #535353;
}
.table-custom-filter-date .date-form .icon {
  color: #D9D9D9;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
}

.musteri .table-custom-filter-search {
  border-radius: 12px;
}
.musteri .table-custom-filter-search button {
  border-radius: 8px;
}

table thead tr th {
  position: relative;
  vertical-align: middle;
}
table thead tr th .filter-input {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: none;
}
table thead tr th .filter-input.show {
  display: block;
}
table thead tr th .filter-input select {
  border: 1px solid #ddd;
  border-radius: 30px;
  padding: 0.5rem 1rem;
  outline: unset;
  box-shadow: unset;
  width: -moz-max-content;
  width: max-content;
  max-width: 300px;
  height: 40px;
  background: #fff;
}
table thead tr th .filter-btn {
  color: #fff;
  border: unset;
  background-color: transparent;
  margin-left: 0.5rem;
}
table thead tr th .filter-btn svg {
  width: 15px;
  height: 15px;
}

.carousel-table {
  display: flex;
  gap: 23px;
  margin-bottom: 5rem;
}
@media (max-width: 1450px) {
  .carousel-table {
    flex-direction: column;
  }
}
.carousel-table .carousel-col {
  max-width: 354px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media (max-width: 1450px) {
  .carousel-table .carousel-col {
    flex-direction: row;
    max-width: unset;
  }
}
@media (max-width: 991px) {
  .carousel-table .carousel-col {
    flex-direction: column;
  }
}
.carousel-table .carousel-col .card {
  width: 100%;
  height: 228px;
  background-color: transparent;
  border: unset;
  border-radius: 30px;
  background-size: 100% 100%;
  padding: 25px 33px;
  position: relative;
  display: flex;
  flex-direction: column;
}
@media (max-width: 991px) {
  .carousel-table .carousel-col .card {
    max-width: unset;
  }
}
@media (max-width: 768px) {
  .carousel-table .carousel-col .card {
    height: 180px;
  }
}
.carousel-table .carousel-col .card .icon {
  width: 65px;
  height: 65px;
  border-radius: 20px;
  position: absolute;
  top: 29px;
  right: 31px;
  background-color: rgba(255, 255, 255, 0.1882352941);
  display: flex;
  align-items: center;
  justify-content: center;
}
.carousel-table .carousel-col .card .arrow {
  position: absolute;
  right: 31px;
  bottom: 27px;
  transition: all 0.2s;
}
.carousel-table .carousel-col .card a {
  font-size: 24px;
  line-height: 26px;
  color: #262626;
  font-weight: 500;
  font-family: "Ubuntu", sans-serif;
  text-decoration: unset;
  max-width: 156px;
}
@media (max-width: 768px) {
  .carousel-table .carousel-col .card a {
    font-size: 18px;
    line-height: 19px;
  }
}
.carousel-table .carousel-col .card p {
  margin-top: auto;
  line-height: 22px;
  margin-bottom: 0;
  font-family: "Gilroy-Medium";
}
.carousel-table .carousel-col .card p span {
  font-family: "Ubuntu", sans-serif;
  font-size: 80px;
  line-height: 80px;
  letter-spacing: -4.8px;
  color: #262626;
  font-weight: 600;
  display: block;
}
@media (max-width: 768px) {
  .carousel-table .carousel-col .card p span {
    font-size: 60px;
    line-height: 55px;
  }
}
.carousel-table .carousel-col .card .filtered-date {
  display: flex;
  gap: 7px;
  flex-direction: column;
  margin-top: auto;
  width: -moz-max-content;
  width: max-content;
  position: relative;
}
.carousel-table .carousel-col .card .filtered-date::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -20px;
  width: 14px;
  height: 57px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNS4wNjEiIGhlaWdodD0iNTguNzM2IiB2aWV3Qm94PSIwIDAgMTUuMDYxIDU4LjczNiI+CiAgPHBhdGggZD0iTS03MzMuODM3LDE2NTkxaDE0LjU2MXY1Ny43MzZoLTE0LjU2MSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNzMzLjgzNyAtMTY1OTAuNSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIxIi8+Cjwvc3ZnPgo=");
  background-size: 100% 100%;
}
.carousel-table .carousel-col .card .date-form {
  display: flex;
  flex-direction: column;
  border: 1px solid #fff;
  border-radius: 12px;
  width: 149px;
  height: 50px;
  justify-content: center;
  padding: 0 0.5rem;
  position: relative;
  background-color: rgba(255, 255, 255, 0.1882352941);
}
.carousel-table .carousel-col .card .date-form label {
  font-size: 10px;
  color: #fff;
  line-height: 10px;
  margin-top: 5px;
}
.carousel-table .carousel-col .card .date-form input {
  border: unset;
  background-color: transparent;
  outline: unset;
  font-family: "Gilroy-Bold";
  color: #fff;
}
.carousel-table .carousel-col .card .date-form input::-moz-placeholder {
  color: #fff;
}
.carousel-table .carousel-col .card .date-form input::placeholder {
  color: #fff;
}
.carousel-table .carousel-col .card .date-form .icon {
  color: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  padding: unset;
  background-color: unset;
  width: unset;
  height: unset;
}
.carousel-table .carousel-col .card .date-form .icon svg {
  width: 15px;
}
.carousel-table .carousel-col .card.gradient-bg {
  background: linear-gradient(61deg, #EB6514, #D4125A, #92388C);
}
.carousel-table .carousel-col .card.gradient-bg a {
  color: #fff;
}
.carousel-table .carousel-col .card.gradient-bg .arrow {
  color: #fff;
}
.carousel-table .carousel-col .card.purple-bg {
  background: #F6E7EF;
}
.carousel-table .carousel-col .card.purple-bg .icon {
  background-color: #db9abd;
}
.carousel-table .carousel-col .card.purple-bg a {
  color: #B22774;
}
.carousel-table .carousel-col .card.purple-bg p span {
  color: #B22774;
}
.carousel-table .carousel-col .card.purple-bg .arrow {
  color: #B22774;
}
.carousel-table .carousel-col .card.white-bg {
  background: #FFF;
}
.carousel-table .carousel-col .card.white-bg .icon {
  background-color: #f5f5f5;
}
.carousel-table .carousel-col .card.white-bg a {
  color: #4B4B4B;
}
.carousel-table .carousel-col .card.white-bg p span {
  color: #4B4B4B;
}
.carousel-table .carousel-col .card.white-bg .arrow {
  color: #B22774;
}
.carousel-table .table-col {
  padding: 25px 28px;
  background-color: #fff;
  border-radius: 30px;
  width: 100%;
  height: -moz-max-content;
  height: max-content;
  position: relative;
}
@media (max-width: 991px) {
  .carousel-table .table-col .dt-layout-full {
    width: 100%;
    overflow: scroll !important;
  }
}
.carousel-table .table-col .filter-button-list {
  display: flex;
  gap: 10px;
  align-items: center;
  font-family: "Gilroy-Bold";
  margin-top: 1rem;
  width: 100%;
  overflow-x: scroll;
}
.carousel-table .table-col .filter-button-list::-webkit-scrollbar {
  display: none;
}
.carousel-table .table-col .filter-button-list p {
  color: #6F6F6F;
  margin: 0;
  margin-right: 6px;
  white-space: nowrap;
}
.carousel-table .table-col .filter-button-list button {
  border: 1px solid #BA1D6B;
  border-radius: 12px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  font-size: 13px;
  color: #BA1D6B;
  padding: 0 23px;
  min-width: 110px;
  white-space: nowrap;
}
.carousel-table .table-col .filter-button-list button.active, .carousel-table .table-col .filter-button-list button.vkn {
  background-color: #BA1D6B;
  color: #fff;
}
.carousel-table .table-col .filter-button-list button.vkn {
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-right: 0.5rem;
}
.carousel-table .table-col .table-footer {
  position: absolute;
  bottom: -4rem;
  display: flex;
  font-family: "Gilroy-Bold";
  gap: 7px;
}
.carousel-table .table-col .table-footer button {
  border: 1px solid #BA1D6B;
  border-radius: 25px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 21px;
  font-size: 14px;
  color: #BA1D6B;
  background-color: transparent;
  gap: 0.5rem;
}
.carousel-table .table-col .dt-layout-full {
  overflow: unset;
}

.tableStyle3 {
  font-size: 14px;
  font-family: "Gilroy-Medium";
}
.tableStyle3 b {
  font-family: "Gilroy-Bold";
}
.tableStyle3 thead {
  color: #BA1D6B;
  white-space: nowrap;
}
.tableStyle3 thead tr {
  height: 36px;
}
.tableStyle3 thead tr th {
  padding: 0 2rem;
  text-align: center !important;
  border: unset !important;
  padding-right: unset !important;
}
.tableStyle3 thead tr th .dt-column-order {
  display: none;
}
.tableStyle3 thead tr th:nth-child(1) {
  border-radius: 6px;
  padding-right: 8px;
  position: relative;
  width: 50px;
}
.tableStyle3 thead tr th:nth-child(1) span {
  background-color: #FFF0F8;
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 8px);
  height: 100%;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tableStyle3 thead tr th:nth-child(1) .dt-column-order {
  display: none;
}
.tableStyle3 thead tr th:nth-child(n+2) {
  background-color: #FFF0F8;
}
.tableStyle3 thead tr th:nth-child(2) {
  border-radius: 6px 0 0 6px;
}
.tableStyle3 thead tr th:last-child {
  border-radius: 0 6px 6px 0;
}
.tableStyle3 tbody tr {
  color: #95818C;
  background-color: #fff !important;
  font-weight: 400 !important;
}
.tableStyle3 tbody tr:nth-child(even) {
  background-color: #F2F2F2 !important;
}
.tableStyle3 tbody tr.space {
  height: 20px;
  background-color: #fff !important;
}
.tableStyle3 tbody tr td {
  border: none !important;
  box-shadow: unset !important;
  text-align: center !important;
  max-width: 200px;
}
.tableStyle3 tbody tr td .sorting_1 {
  box-shadow: unset !important;
}
.tableStyle3 tbody tr td:nth-child(1) {
  border-radius: 6px 0 0 6px;
}
.tableStyle3 tbody tr td:nth-child(1), .tableStyle3 tbody tr td:nth-child(5), .tableStyle3 tbody tr td:nth-child(6) {
  position: relative;
}
.tableStyle3 tbody tr td:nth-child(1)::after, .tableStyle3 tbody tr td:nth-child(5)::after, .tableStyle3 tbody tr td:nth-child(6)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #D9D9D9;
  width: 1px;
  height: 20px;
}
.tableStyle3 tbody tr td:last-child {
  border-radius: 0 6px 6px 0;
}
.tableStyle3 tbody tr td .status {
  border-radius: 15px;
  height: 30px;
  padding: 0 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}
.tableStyle3 tbody tr td .status.danger {
  background-color: #FFD9D9;
  color: #EA3736;
}
.tableStyle3 tbody tr td .status.success {
  background-color: #E1FFBA;
  color: #8FC14B;
}
.tableStyle3 tbody tr.dt-hasChild {
  background-color: #fff !important;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1098039216);
  border-radius: 12px 12px 0 0 !important;
  -webkit-clip-path: inset(-10px -10px 0px -10px);
          clip-path: inset(-10px -10px 0px -10px);
  color: #90104F;
}
.tableStyle3 tbody tr.dt-hasChild .ab {
  font-family: "Gilroy-Bold";
  font-size: 1rem;
}
.tableStyle3 tbody tr.dt-hasChild td:first-child {
  border-radius: 12px 0 0 0 !important;
}
.tableStyle3 tbody tr.dt-hasChild td:last-child {
  border-radius: 0 12px 0 0 !important;
}
.tableStyle3 tbody tr[data-dt-row] {
  background-color: #fff !important;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1098039216);
  -webkit-clip-path: inset(0px -10px -10px -10px);
          clip-path: inset(0px -10px -10px -10px);
  border-radius: 0 0 12px 12px !important;
}
.tableStyle3 tbody tr[data-dt-row] td {
  border-radius: 0 0 12px 12px !important;
}
.tableStyle3 tbody tr[data-dt-row] td::after {
  content: unset;
}
.tableStyle3 tbody tr[data-dt-row] .child-button-group {
  display: flex;
  width: 100%;
  gap: 10px;
  margin-bottom: 4px;
}
.tableStyle3 tbody tr[data-dt-row] .child-button-group button {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  border-radius: 12px;
  height: 44px;
  padding: 0 17px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  gap: 0.5rem;
  border: 1px solid #fff;
  font-size: 14px;
  font-family: "Gilroy-Bold";
}
.tableStyle3 tbody tr[data-dt-row] .child-button-group button.price {
  border-color: #BA1D6B;
  color: #BA1D6B;
}

.musteri .filter-button-list {
  display: flex;
  gap: 10px;
  align-items: center;
  font-family: "Gilroy-Bold";
  margin-top: 29px;
}
.musteri .filter-button-list p {
  color: #6F6F6F;
  margin: 0;
  margin-right: 6px;
  font-family: "Gilroy-Medium";
}
.musteri .filter-button-list button {
  border: 1px solid #BA1D6B;
  border-radius: 12px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  font-size: 13px;
  color: #BA1D6B;
  padding: 0 21px;
  min-width: 110px;
}
.musteri .filter-button-list button.active, .musteri .filter-button-list button.vkn {
  background-color: #BA1D6B;
  color: #fff;
}
.musteri .filter-button-list button.vkn {
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-right: 0.5rem;
}

.kontent-popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
}
@media (max-width: 991px) {
  .kontent-popup {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: auto;
  }
}
.kontent-popup::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
.kontent-popup-main {
  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.1607843137);
  border-radius: 40px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 52px 56px;
  min-width: 500px;
  width: -moz-max-content;
  width: max-content;
  position: relative;
}
@media (max-width: 991px) {
  .kontent-popup-main {
    top: 9rem;
    transform: unset;
    left: unset;
    width: 90%;
    min-width: unset;
    padding: 2rem;
    bottom: 2rem;
  }
}
.kontent-popup-main-row {
  display: flex;
  gap: 60px;
}
@media (max-width: 991px) {
  .kontent-popup-main-row {
    flex-direction: column;
  }
}
.kontent-popup-main-col {
  min-width: 386px;
  width: 100%;
  position: relative;
}
@media (max-width: 991px) {
  .kontent-popup-main-col {
    min-width: unset;
  }
}
.kontent-popup-main-col:first-child::before {
  content: unset !important;
}
.kontent-popup-main-col:last-child::before {
  content: "";
  width: 1px;
  height: 100%;
  background-color: #DDDDDD;
  position: absolute;
  top: 0;
  left: -30px;
}
.kontent-popup-main-close {
  position: absolute;
  right: 38px;
  top: 42px;
  border: unset;
  background-color: transparent;
  padding: 0;
  margin: 0;
}
.kontent-popup-main-close svg {
  width: 24px;
  height: 24px;
  stroke-width: 2px;
  stroke: #E63131;
}
.kontent-popup-main h3 {
  color: #5D5D5D;
  font-size: 30px;
  font-family: "Ubuntu", sans-serif;
  font-weight: 600;
  margin-bottom: 56px;
}
@media (max-width: 991px) {
  .kontent-popup-main h3 {
    font-size: 20px;
  }
}
.kontent-popup-main .button-group {
  display: flex;
  gap: 0.6rem;
}
.kontent-popup-main .button-group select {
  max-width: 145px;
  width: 100%;
  height: 50px;
  border: 1.5px solid #BFBFBF;
  border-radius: 12px;
  color: #B9B9B9;
  font-family: "Ubuntu", sans-serif;
  font-weight: 600;
  padding-left: 20px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBmaWxsPSIjZGRkIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNi4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjQgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTIzMy40IDQwNi42YzEyLjUgMTIuNSAzMi44IDEyLjUgNDUuMyAwbDE5Mi0xOTJjMTIuNS0xMi41IDEyLjUtMzIuOCAwLTQ1LjNzLTMyLjgtMTIuNS00NS4zIDBMMjU2IDMzOC43IDg2LjYgMTY5LjRjLTEyLjUtMTIuNS0zMi44LTEyLjUtNDUuMyAwcy0xMi41IDMyLjggMCA0NS4zbDE5MiAxOTJ6Ii8+PC9zdmc+");
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: calc(100% - 0.5rem) center;
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: unset;
}
.kontent-popup-main .button-group button {
  width: 100%;
  border-radius: 12px;
  background-color: #A62A79;
  color: #fff;
  font-family: "Ubuntu", sans-serif;
  font-weight: 600;
  border: unset;
}
.kontent-popup-main .button-group.submit {
  margin-top: 43px;
}
.kontent-popup-main .button-group.submit button {
  height: 54px;
  background-color: #BA1D6B;
}
.kontent-popup-main .button-group.submit button.refusal {
  border: 2px solid #BA1D6B;
  border-radius: 12px;
  background-color: #fff;
  max-width: 79px;
  color: #BA1D6B;
}
@media (max-width: 991px) {
  .kontent-popup-main .button-group {
    font-size: 0.7rem;
  }
}
.kontent-popup-main .price-detail {
  margin-top: 35px;
}
.kontent-popup-main .price-detail p {
  color: #BA1D6B;
  font-size: 20px;
  font-family: "Gilroy-Medium";
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 13px 0 20px;
  opacity: 0.45;
  height: 60px;
  margin: 0;
  position: relative;
}
@media (max-width: 991px) {
  .kontent-popup-main .price-detail p {
    font-size: 0.9rem;
  }
}
.kontent-popup-main .price-detail p::after {
  content: "";
  width: calc(100% - 33px);
  height: 0.5px;
  background-color: #EF66AA;
  position: absolute;
  bottom: 0;
  right: 13px;
  left: 20px;
}
.kontent-popup-main .price-detail p:last-child::after, .kontent-popup-main .price-detail p.futured::after {
  content: unset;
}
.kontent-popup-main .price-detail p.futured {
  background-color: #EFEFEF;
  border-radius: 12px;
  gap: 5px;
  opacity: 1;
}
.kontent-popup-main .price-detail p.futured .detail {
  font-size: 20px;
}
.kontent-popup-main .price-detail p.total {
  opacity: 1;
}
.kontent-popup-main .price-detail p .detail {
  font-family: "Ubuntu", sans-serif;
  font-weight: 500;
  margin-right: auto;
  font-size: 14px;
}
@media (max-width: 991px) {
  .kontent-popup-main .price-detail p .detail {
    font-size: 0.8rem;
  }
}
.kontent-popup-main .price-detail p .price b {
  font-family: "Gilroy-Bold";
}
.kontent-popup-main .letter {
  margin-top: 30px;
}
.kontent-popup-main .letter h4 {
  color: #767676;
  font-family: "Ubuntu", sans-serif;
  font-weight: 500;
  font-size: 1rem;
  padding-left: 17px;
}
@media (max-width: 991px) {
  .kontent-popup-main .letter h4 {
    font-size: 0.9rem;
  }
}
.kontent-popup-main .letter .file-upload-wrapper {
  border: 1px solid #E6E6E6;
  border-radius: 16px;
  position: relative;
  width: 100%;
  height: 60px;
}
.kontent-popup-main .letter .file-upload-wrapper:after {
  content: attr(data-text);
  font-size: 16px;
  position: absolute;
  top: 0;
  left: 0;
  padding: 10px 20px;
  display: block;
  width: calc(100% - 40px);
  pointer-events: none;
  z-index: 20;
  height: 40px;
  line-height: 40px;
  color: #838383;
  border-radius: 5px 10px 10px 5px;
  font-family: "Ubuntu", sans-serif;
  font-weight: 400;
}
.kontent-popup-main .letter .file-upload-wrapper:before {
  content: "";
  position: absolute;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNi42OTUiIGhlaWdodD0iMjIuMDIzIiB2aWV3Qm94PSIwIDAgMjYuNjk1IDIyLjAyMyI+CiAgPGcgaWQ9Ikljb25fZmVhdGhlci11cGxvYWQtY2xvdWQiIGRhdGEtbmFtZT0iSWNvbiBmZWF0aGVyLXVwbG9hZC1jbG91ZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTAuMzIgLTMuNDgpIj4KICAgIDxwYXRoIGlkPSJQYXRoXzE2NjkyIiBkYXRhLW5hbWU9IlBhdGggMTY2OTIiIGQ9Ik0yMC44OSwyMi40NDUsMTYuNDQ1LDE4LDEyLDIyLjQ0NSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIuNzIzIC0zLjQ5OCkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2JhMWU2YiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz4KICAgIDxwYXRoIGlkPSJQYXRoXzE2NjkzIiBkYXRhLW5hbWU9IlBhdGggMTY2OTMiIGQ9Ik0xOCwxOFYyOCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQuMjc4IC0zLjQ5OCkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2JhMWU2YiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz4KICAgIDxwYXRoIGlkPSJQYXRoXzE2Njk0IiBkYXRhLW5hbWU9IlBhdGggMTY2OTQiIGQ9Ik0yMy4wNDYsMjEuNkE1LjU1Niw1LjU1NiwwLDAsMCwyMC4zOSwxMS4xNjloLTEuNEE4Ljg5LDguODksMCwxLDAsMy43MiwxOS4yODEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDApIiBmaWxsPSJub25lIiBzdHJva2U9IiNiYTFlNmIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIi8+CiAgICA8cGF0aCBpZD0iUGF0aF8xNjY5NSIgZGF0YS1uYW1lPSJQYXRoIDE2Njk1IiBkPSJNMjAuODksMjIuNDQ1LDE2LjQ0NSwxOCwxMiwyMi40NDUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yLjcyMyAtMy40OTgpIiBmaWxsPSJub25lIiBzdHJva2U9IiNiYTFlNmIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIi8+CiAgPC9nPgo8L3N2Zz4K");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  top: 0;
  right: 18px;
  display: inline-block;
  height: 60px;
  color: #fff;
  font-weight: 700;
  z-index: 25;
  font-size: 16px;
  line-height: 60px;
  padding: 0 15px;
  text-transform: uppercase;
  pointer-events: none;
  border-radius: 0 5px 5px 0;
}
.kontent-popup-main .letter .file-upload-wrapper input {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
  height: 40px;
  margin: 0;
  padding: 0;
  display: block;
  cursor: pointer;
  width: 100%;
}
.kontent-popup-main .letter .form-check {
  display: flex;
  gap: 5px;
  margin-top: 26px;
  justify-content: center;
}
.kontent-popup-main .letter .form-check-label {
  color: #767676;
  font-size: 1rem;
  text-decoration: unset;
  font-family: "Ubuntu", sans-serif;
  font-weight: 400;
}
.kontent-popup-main .letter-main-big {
  border: 1px solid #E6E6E6;
  border-radius: 25px;
  max-width: 389px;
  width: 100%;
  height: 208px;
  padding: 24px;
  position: relative;
}
.kontent-popup-main .letter-main-big .file-upload-wrapper {
  width: 100%;
  height: 100%;
  border: 3px dashed #E6E6E6;
  border-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row-reverse;
  flex-wrap: wrap;
}
.kontent-popup-main .letter-main-big .file-upload-wrapper input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.kontent-popup-main .letter-main-big .file-upload-wrapper label {
  color: #C4C4C4;
  font-size: 12px;
  width: 100%;
  text-align: center;
  order: 3;
  margin-top: -4rem;
}
.kontent-popup-main .letter-main-big .file-upload-wrapper:after, .kontent-popup-main .letter-main-big .file-upload-wrapper::before {
  position: unset;
  color: #BA1E6B;
  width: unset;
  line-height: unset;
  font-weight: 500;
}
.kontent-popup-main .letter-main-big .file-upload-wrapper:after {
  padding: 10px;
}
.kontent-popup-main .mt-list h4 {
  color: #767676;
  font-size: 1rem;
  font-family: "Ubuntu", sans-serif;
  font-weight: 500;
  margin-bottom: 14px;
}
.kontent-popup-main .mt-list ul {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
  padding: 0;
  font-family: "Ubuntu", sans-serif;
  gap: 5px;
}
.kontent-popup-main .mt-list ul li {
  height: 60px;
  border: 1px solid #E6E6E6;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 11px 0 19px;
  gap: 5px;
  color: #838383;
  min-width: 417px;
  font-weight: 400;
}
@media (max-width: 991px) {
  .kontent-popup-main .mt-list ul li {
    min-width: unset;
    overflow: scroll;
  }
}
.kontent-popup-main .mt-list ul li svg {
  margin-right: 5px;
}
.kontent-popup-main .mt-list ul li a {
  width: 34px;
  height: 34px;
  background-color: #f0dce9;
  border-radius: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991px) {
  .kontent-popup-main .mt-list ul li a {
    min-width: 34px;
  }
}
.kontent-popup-main .mt-list ul li a svg {
  margin: unset;
}
.kontent-popup-main .help-con {
  width: 100%;
  text-align: center;
  display: block;
  margin-top: 17px;
  margin-bottom: -1.7rem;
  color: #767676;
  font-size: 14px;
  font-family: "Ubuntu", sans-serif;
  font-weight: 300;
}
.kontent-popup-main .pdf-view {
  border: 1px solid #E6E6E6;
  border-radius: 25px;
  padding: 27px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  flex-direction: column;
  gap: 16px;
}
.kontent-popup-main .pdf-view canvas {
  max-width: 226px;
  width: 100%;
  border: 1px solid #E3E3E3;
}
.kontent-popup-main .pdf-view-detail {
  display: flex;
  gap: 11px;
  align-items: center;
  justify-content: center;
}
.kontent-popup-main .pdf-view-detail p {
  font-size: 12px;
  color: #767676;
  font-family: "Ubuntu", sans-serif;
  font-weight: 600;
  margin: 0;
  line-height: 13px;
}
.kontent-popup-main .pdf-view-detail p span {
  font-size: 16px;
  line-height: 18px;
  font-weight: 300;
  display: block;
}
.kontent-popup.approval-popup .kontent-popup-main {
  min-width: 731px;
}
.kontent-popup.approval-popup h3 {
  font-size: 20px;
}
.kontent-popup.approval-popup .approval-popup-color-main {
  border: 1px solid #BA1F6B;
  border-radius: 19px;
  background-color: rgba(186, 31, 107, 0.1529411765);
  padding: 23px;
  color: #AE2876;
}
.kontent-popup.approval-popup .approval-popup-color-main table {
  font-size: 14px;
}
.kontent-popup.approval-popup .approval-popup-color-main table tr td:first-child {
  font-family: "Ubuntu", sans-serif;
  font-weight: 600;
  width: 140px;
}
.kontent-popup.approval-popup p.desc-top {
  text-align: center;
  width: 100%;
  margin-top: 2rem;
}
.kontent-popup.approval-popup .button-group {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 100%;
}
.kontent-popup.approval-popup .button-group button {
  width: 140px;
  padding: 14px 0;
  border-radius: 12px;
  background-color: #AE2876;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
}
.kontent-popup.approval-popup .button-group button.outline {
  border: 1px solid #AE2876;
  background-color: #fff;
  color: #AE2876;
}
.kontent-popup.approval-popup .button-group button.outline svg path {
  fill: #AE2876;
}
.kontent-popup.approval-popup p.lead-info {
  color: #AE2876;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.kontent-popup.approval-popup a {
  color: #575757;
  font-weight: 600;
  font-family: "Ubuntu", sans-serif;
}
.kontent-popup.approval-popup.mtbk-success .success-icon {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: #dca1c3;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 2rem auto 0 auto;
}
.kontent-popup.approval-popup.mtbk-success p {
  color: #575757;
  font-size: 24px;
  margin-top: 20px;
}

.login {
  display: flex;
  align-items: center;
  height: 100vh;
  width: 100%;
  gap: 2rem;
}
@media (max-width: 768px) {
  .login {
    margin-bottom: 60px;
  }
}
.login-futured {
  max-width: 1207px;
  width: 100%;
  height: 874px;
  position: relative;
  display: flex;
  align-items: flex-end;
  padding: 83px 140px;
  overflow: hidden;
}
@media (max-width: 1100px) {
  .login-futured {
    display: none;
  }
}
.login-futured .bg-video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(1.3);
}
@media (max-width: 1700px) {
  .login-futured .bg-video {
    transform: scaleY(2.5);
  }
}
.login-futured::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: linear-gradient(252deg, #92388C, #D20A60, #D8214C, #E55223, #EB6514, #FD7827);
  opacity: 0.87;
  mix-blend-mode: color;
  z-index: 1;
}
.login-futured::after {
  content: "";
  width: 260px !important;
  height: 100% !important;
  position: absolute;
  right: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  background-image: url("/talk/img/border.png");
  background-size: 100% 100% !important;
  z-index: 1;
}
.login-futured-main {
  position: relative;
  z-index: 2;
  color: #fff;
}
.login-futured-main h1 {
  font-size: 56px;
  line-height: 60px;
  font-family: "Gilroy-Light";
}
.login-futured-main h1 b {
  display: block;
  font-family: "Gilroy-Bold";
}
.login-futured-main p {
  font-family: "Gilroy-Light";
  margin-top: 18px;
}
.login-futured-main p a {
  font-family: "Gilroy-Bold";
  color: inherit;
}
.login-form {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  max-width: 379px;
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 1700px) {
  .login-form {
    margin-right: 2rem;
  }
}
@media (max-width: 1100px) {
  .login-form {
    margin-right: auto;
  }
}
@media (max-width: 500px) {
  .login-form {
    padding: 0 2rem;
  }
}
@media (max-width: 768px) {
  .login-form-logo {
    max-width: 180px !important;
    width: 100%;
    margin-top: 2rem;
  }
  .login-form-logo svg {
    width: 180px;
    height: 100px;
  }
}
.login-form-logo.admin {
  max-width: 242px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.login-form-logo.admin span {
  color: #D71C52;
  font-size: 30px;
  font-family: "Gilroy-Medium";
}
@media (max-width: 768px) {
  .login-form-logo.admin span {
    font-size: 20px;
  }
}
.login-form-main {
  margin-top: 107px;
  width: 100%;
}
@media (max-width: 768px) {
  .login-form-main {
    margin-top: 60px;
  }
}
.login-form-main .form-check {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 2.5rem;
}
.login-form-main.sms-put {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.login-form-main.sms-put .timer {
  color: #747474;
  font-size: 30px;
  font-family: "Gilroy-SemiBold";
}
.login-form-main.sms-put .sms-put-data {
  max-width: 280px;
  width: 100%;
  margin-top: 73px;
}
.login-form-main.sms-put .sms-put-data p {
  color: #767676;
  font-family: "Gilroy-Medium";
  margin: 0;
}
.login-form-main.sms-put .sms-put-data .phone-screen {
  font-size: 30px;
  color: #434343;
  font-family: "Gilroy-Light";
}
.login-form-main.sms-put .sms-put-data-form {
  display: flex;
  gap: 1rem;
  margin-top: 1rem;
}
.login-form-main.sms-put .sms-put-data-form input {
  width: 100%;
  height: 79px;
  border: 1px solid #DDDDDD;
  border-radius: 12px;
  font-size: 2rem;
  outline: unset;
  text-align: center;
}
.login-form-main.login-check {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.login-form-main.login-check::before {
  width: 220px;
  height: 220px;
  background-color: #961E61;
  mix-blend-mode: color;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
}
.login-form-main.login-check p {
  color: #767676;
  text-align: center;
  margin-top: 135px;
}
.login-form-main.login-check p b {
  font-size: 25px;
  font-family: "Gilroy-Bold";
  display: block;
}
.login-form-main.login-check p.warning-text b {
  font-size: 1rem;
}
.login-form .login-con {
  color: #767676;
  line-height: 22px;
  text-decoration: underline;
  font-family: "Gilroy-Regular";
}
.login-form .session-change {
  border: 1px solid #D3D3D3;
  border-radius: 20px;
  height: 40px;
  display: flex;
  align-items: center;
  color: #4B4B4B;
  font-family: "Gilroy-Medium";
  text-decoration: unset;
  padding: 6px;
  padding-right: 19px;
  gap: 10px;
  margin-top: 40px;
}
.login-form .session-change span {
  width: 28px;
  height: 28px;
  background-color: #D20A5F;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.admin-dashboard {
  display: flex;
  gap: 40px;
}
@media (max-width: 1299px) {
  .admin-dashboard {
    flex-direction: column;
  }
}
.admin-dashboard-l {
  max-width: 810px;
  width: 100%;
}
@media (max-width: 1299px) {
  .admin-dashboard-l {
    max-width: unset;
  }
}
.admin-dashboard-l .min-card {
  display: flex;
  gap: 15px;
}
@media (max-width: 1599px) {
  .admin-dashboard-l .min-card {
    /*flex-direction: column;*/
  }
}
@media (max-width: 1299px) {
  .admin-dashboard-l .min-card {
    flex-direction: row;
  }
}
@media (max-width: 768px) {
  .admin-dashboard-l .min-card {
    flex-direction: column;
  }
}
.admin-dashboard-l .min-card .card {
  max-width: 397px;
  width: 100%;
  height: 228px;
  background-color: transparent;
  border: unset;
  border-radius: 30px;
  background-image: url("/public/talk/img/dashboard-card.png");
  background-size: 100% 100%;
  padding: 25px 33px;
  position: relative;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1599px) {
  .admin-dashboard-l .min-card .card {
    /*max-width: unset;*/
  }
}
@media (max-width: 991px) {
  .admin-dashboard-l .min-card .card {
    max-width: unset;
    background-size: 150% 100%;
    background-position: center;
  }
  .admin-dashboard-l .min-card #carouselCard{
    min-width: unset!important;
    width: 100%;
    padding: 0;
  }
}
@media (max-width: 768px) {
  .admin-dashboard-l .min-card .card {
    height: 180px;
  }
}
.admin-dashboard-l .min-card .card .icon {
  width: 65px;
  height: 65px;
  border-radius: 20px;
  position: absolute;
  top: 29px;
  right: 31px;
  background-color: rgba(255, 255, 255, 0.1882352941);
  display: flex;
  align-items: center;
  justify-content: center;
}
.admin-dashboard-l .min-card .card .arrow {
  position: absolute;
  right: 31px;
  bottom: 27px;
  transition: all 0.2s;
}
.admin-dashboard-l .min-card .card a {
  font-size: 24px;
  line-height: 26px;
  color: #262626;
  font-weight: 600;
  font-family: "Ubuntu", sans-serif;
  text-decoration: unset;
  max-width: 156px;
}
@media (max-width: 768px) {
  .admin-dashboard-l .min-card .card a {
    font-size: 18px;
    line-height: 19px;
  }
}
.admin-dashboard-l .min-card .card p {
  margin-top: auto;
  line-height: 22px;
  margin-bottom: 0;
  font-family: "Gilroy-Medium";
}
.admin-dashboard-l .min-card .card p span {
  font-family: "Ubuntu", sans-serif;
  font-size: 80px;
  line-height: 80px;
  letter-spacing: -4.8px;
  color: #262626;
  font-weight: 600;
  display: block;
}
@media (max-width: 768px) {
  .admin-dashboard-l .min-card .card p span {
    font-size: 60px;
    line-height: 55px;
  }
}
.admin-dashboard-l .min-card .card:hover .arrow {
  right: 26px;
  bottom: 22px;
}
.admin-dashboard-l .min-card .slide .carousel-indicators {
  justify-content: flex-end;
  right: 28px;
  bottom: 25px;
  padding: unset;
  margin: unset;
}
.admin-dashboard-l .min-card .slide .carousel-indicators button {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.4;
  border: unset;
  transition: all 0.2s;
}
.admin-dashboard-l .min-card .slide .carousel-indicators button.active {
  width: 24px;
  border-radius: 10px;
  opacity: 1;
}
.admin-dashboard-l .min-card .slide .carousel-inner {
  border-radius: 30px;
}
.admin-dashboard-l .min-card .slide .carousel-caption {
  right: unset;
  bottom: unset;
  left: unset;
  background: linear-gradient(63deg, #EB6514, #D4125A, #92388C);
}
@media (max-width: 768px) {
  .admin-dashboard-l .min-card .slide .carousel-caption.card .pie-main {
    width: 150px;
    height: 150px;
    --w: 150px ;
  }
}
.admin-dashboard-l .min-card .slide .carousel-caption.card .pie-main::before {
  background-color: transparent;
  border: 20px solid #FF8687;
}
.admin-dashboard-l .min-card .slide .carousel-caption.card .pie-main .pie {
  --b: 20px;
  --c: #fff;
  --t: 1s;
  transform: scale(-1, -1);
  animation-delay: 0.5s;
  animation-fill-mode: both;
}
@media (max-width: 768px) {
  .admin-dashboard-l .min-card .slide .carousel-caption.card .pie-main .pie {
    --w: 150px ;
  }
}
.admin-dashboard-l .min-card .slide .carousel-caption.card .pie-main .pie .detail {
  transform: scale(-1, -1);
}
.admin-dashboard-l .min-card .slide .carousel-caption.card .pie-main .pie .detail p {
  font-size: 17px;
  line-height: 19px;
  max-width: 90px;
  font-family: "Gilroy-Light";
}
@media (max-width: 768px) {
  .admin-dashboard-l .min-card .slide .carousel-caption.card .pie-main .pie .detail p {
    font-size: 12px;
    line-height: 14px;
  }
}
.admin-dashboard-l .min-card .slide .carousel-caption.card .pie-main .pie .detail p span {
  font-size: 43px;
  line-height: 43px;
  letter-spacing: -2.58px;
  display: block;
  white-space: nowrap;
  color: #fff;
  margin-top: 0.2rem;
}
@media (max-width: 768px) {
  .admin-dashboard-l .min-card .slide .carousel-caption.card .pie-main .pie .detail p span {
    font-size: 30px;
    line-height: 30px;
  }
}
.admin-dashboard-l .big-card {
  background-color: #fff;
  border-radius: 30px;
  padding: 33px 31px;
  position: relative;
}
.admin-dashboard-l .big-card-head {
  display: flex;
  justify-content: space-between;
}
.admin-dashboard-l .big-card-head h3 {
  font-size: 24px;
  color: #262626;
  max-width: 98px;
  width: 100%;
  font-family: "Ubuntu", sans-serif;
  font-weight: 600;
  margin: 0;
}
.admin-dashboard-l .big-card-head-filter {
  display: flex;
  gap: 0.6rem;
}
.admin-dashboard-l .big-card-head-filter .filter-button {
  border: 1px solid #B12674;
  font-family: "Ubuntu", sans-serif;
  font-weight: 400;
  border-radius: 8px;
  background-color: #fff;
  height: -moz-max-content;
  height: max-content;
  padding: 7px 17px;
  width: 79px;
  font-size: 14px;
  white-space: nowrap;
  color: #B12674;
}
.admin-dashboard-l .big-card-head-filter .filter-button.active {
  background-color: #B12674;
  color: #fff;
  font-weight: 600;
}
.admin-dashboard-l .big-card .chart {
  position: absolute;
  position: absolute;
  width: calc(100% + 66px);
  margin-left: -33px;
  height: 250px;
}
@media (max-width: 768px) {
  .admin-dashboard-l .big-card .chart {
    height: 150px;
  }
}
.admin-dashboard-l .big-card .chart-main {
  position: relative;
  min-height: 250px;
  margin-top: -60px;
}
@media (max-width: 768px) {
  .admin-dashboard-l .big-card .chart-main {
    min-height: 150px;
    margin-top: 0;
  }
}
.admin-dashboard-l .big-card .chart-main .chart {
  margin-top: -60px;
}
.admin-dashboard-l .big-card .chart-main .chart-line-detail {
  display: flex;
  flex-direction: column;
  position: relative;
  top: 78px;
}
@media (max-width: 768px) {
  .admin-dashboard-l .big-card .chart-main .chart-line-detail {
    top: 10px;
  }
}
.admin-dashboard-l .big-card .chart-main .chart-line-detail span {
  position: relative;
  padding-left: 40px;
  color: #282E3E;
  font-size: 14px;
  font-weight: 300;
  font-family: "Ubuntu", sans-serif;
}
.admin-dashboard-l .big-card .chart-main .chart-line-detail span::after {
  content: "";
  width: 29px;
  height: 5px;
  border-radius: 100px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #92388C;
}
.admin-dashboard-l .big-card .chart-main .chart-line-detail span:nth-child(2)::after {
  background-color: #C6C2ED;
}
.admin-dashboard-l .big-card .chart-main-list {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
@media (max-width: 768px) {
  .admin-dashboard-l .big-card .chart-main-list {
    overflow: scroll;
  }
  .admin-dashboard-l .big-card .chart-main-list::-webkit-scrollbar {
    display: none;
  }
}
.admin-dashboard-l .big-card .chart-main-list .list-card {
  width: 100%;
  border-radius: 12px;
  background-color: #F8F8F8;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px 18px;
  gap: 19px;
  height: 63px;
}
@media (max-width: 768px) {
  .admin-dashboard-l .big-card .chart-main-list .list-card {
    white-space: nowrap;
    width: 700px;
  }
}
.admin-dashboard-l .big-card .chart-main-list .list-card .checkbox-theme input + label {
  width: 28px;
  height: 28px;
  background-color: #fff;
}
.admin-dashboard-l .big-card .chart-main-list .list-card-head {
  max-width: 250px;
  width: 100%;
}
.admin-dashboard-l .big-card .chart-main-list .list-card-head h4 {
  font-size: 16px;
  color: #3D3D3D;
  font-family: "Gilroy-Bold";
  margin: 0;
}
.admin-dashboard-l .big-card .chart-main-list .list-card-head span {
  font-size: 16px;
  color: #3D3D3D;
  font-family: "Gilroy-Medium";
  display: block;
}
.admin-dashboard-l .big-card .chart-main-list .list-card p {
  margin: 0;
}
.admin-dashboard-l .big-card .chart-main-list .list-card-status {
  font-size: 1rem;
  color: #3D3D3D;
  font-family: "Gilroy-Medium";
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
}
.admin-dashboard-l .big-card .chart-main-list .list-card .date-time {
  margin-left: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  font-size: 1rem;
  color: #7F8498;
  font-family: "Gilroy-Medium";
}
.admin-dashboard-l .big-card .chart-main-list .list-card:nth-child(even) {
  background-color: #FDFDFD;
}
.admin-dashboard-l .big-card .chart .apexcharts-canvas {
  transform: scale(1.06) translateX(-14px);
}
.admin-dashboard-l .big-card .apexcharts-yaxis-label, .admin-dashboard-l .big-card .apexcharts-xaxis-tick, .admin-dashboard-l .big-card .apexcharts-ycrosshairs, .admin-dashboard-l .big-card .apexcharts-grid, .admin-dashboard-l .big-card .apexcharts-grid-borders, .admin-dashboard-l .big-card .apexcharts-xaxis-label, .admin-dashboard-l .big-card .apexcharts-legend {
  display: none;
}
.admin-dashboard-r {
  max-width: 515px;
  width: 100%;
}
@media (max-width: 1299px) {
  .admin-dashboard-r {
    max-width: unset;
  }
}
.admin-dashboard-r .list-card-type-2 {
  width: 100%;
}
.admin-dashboard-r .list-card-type-2-head {
  width: 100%;
  border-bottom: 1px solid #EDEDED;
  display: flex;
  align-items: center;
  gap: 1rem;
}
.admin-dashboard-r .list-card-type-2-head button.filter-button {
  width: 100px;
  padding: 18px 0;
  border: unset;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  color: #797979;
}
.admin-dashboard-r .list-card-type-2-head button.filter-button span {
  display: flex;
  padding: 4px 6px;
  min-width: 20px;
  max-height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background-color: #E5E5E5;
  font-size: 14px;
  font-family: "Gilroy-SemiBold";
  color: #797979;
}
.admin-dashboard-r .list-card-type-2-head button.filter-button.active {
  border-bottom: 1.5px solid #B22774;
  font-family: "Gilroy-Bold";
  color: #575757;
}
.admin-dashboard-r .list-card-type-2-head .search {
  margin-left: auto;
}
.admin-dashboard-r .list-card-type-2-head .search button {
  border: unset;
  background-color: transparent;
  padding: 0;
  margin: 0;
}
.admin-dashboard-r .list-card-type-2-head .order .dropdown-toggle {
  background-color: #B22774;
  border-radius: 8px;
  color: #fff;
  font-size: 14px;
  width: 119px;
  height: 35px;
}
.admin-dashboard-r .list-card-type-2-head .order .dropdown-toggle::after {
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHNoYXBlLXJlbmRlcmluZz0iZ2VvbWV0cmljUHJlY2lzaW9uIiB0ZXh0LXJlbmRlcmluZz0iZ2VvbWV0cmljUHJlY2lzaW9uIiBpbWFnZS1yZW5kZXJpbmc9Im9wdGltaXplUXVhbGl0eSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIHZpZXdCb3g9IjAgMCAzMjIgNTExLjIxIiBmaWxsPSJ3aGl0ZSI+PHBhdGggZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMjk1LjI3IDIxMS41NEgyNi43MWMtNi4yMy0uMDItMTIuNDgtMi4xOC0xNy41NC02LjU4LTExLjEyLTkuNjktMTIuMjktMjYuNTctMi42MS0zNy42OUwxNDQuMyA5LjE2Yy45NS0xLjA3IDEuOTktMi4xIDMuMTMtMy4wMyAxMS4zNi05LjQgMjguMTktNy44MSAzNy41OCAzLjU1bDEyOS45NyAxNTcuMDdhMjYuNjUgMjYuNjUgMCAwIDEgNy4wMiAxOC4wNmMwIDE0Ljc2LTExLjk3IDI2LjczLTI2LjczIDI2Ljczek0yNi43MSAyOTkuNjhsMjY4LjU2LS4wMWMxNC43NiAwIDI2LjczIDExLjk3IDI2LjczIDI2LjczIDAgNi45Ni0yLjY2IDEzLjMtNy4wMiAxOC4wNkwxODUuMDEgNTAxLjUzYy05LjM5IDExLjM2LTI2LjIyIDEyLjk1LTM3LjU4IDMuNTUtMS4xNC0uOTMtMi4xOC0xLjk2LTMuMTMtMy4wM0w2LjU2IDM0My45NGMtOS42OC0xMS4xMi04LjUxLTI4IDIuNjEtMzcuNjkgNS4wNi00LjQgMTEuMzEtNi41NiAxNy41NC02LjU3eiIvPjwvc3ZnPg==");
  background-size: 100% 100%;
  width: 5px;
  height: 10px;
  position: absolute;
  right: 1.2rem;
  top: 50%;
  transform: translateY(-50%);
  border: unset;
  opacity: 0.7;
}
.admin-dashboard-r .list-card-type-2-body {
  margin-top: 27px;
  display: flex;
  flex-direction: column;
  gap: 7px;
}
@media (max-width: 768px) {
  .admin-dashboard-r .list-card-type-2-body {
    overflow: scroll;
  }
  .admin-dashboard-r .list-card-type-2-body::-webkit-scrollbar {
    display: none;
  }
}
.admin-dashboard-r .list-card-type-2-body .card {
  border: 1px solid #E0E0E0;
  border-radius: 20px;
  padding: 15px;
}
@media (max-width: 768px) {
  .admin-dashboard-r .list-card-type-2-body .card {
    width: 500px;
  }
}
.admin-dashboard-r .list-card-type-2-body .card-head {
  display: flex;
  gap: 7px;
}
.admin-dashboard-r .list-card-type-2-body .card-head .icon {
  width: 56px;
  min-width: 56px;
  height: 56px;
  background-color: #f1d9e6;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
}
.admin-dashboard-r .list-card-type-2-body .card-head-title {
  font-family: "Gilroy-SemiBold";
  margin-right: auto;
}
.admin-dashboard-r .list-card-type-2-body .card-head-title p {
  color: #989898;
  font-size: 14px;
  margin: 0;
}
.admin-dashboard-r .list-card-type-2-body .card-head-title h4 {
  font-size: 15px;
  color: #383838;
  margin: 0;
}
.admin-dashboard-r .list-card-type-2-body .card-head .time {
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  gap: 5px;
  line-height: 5px;
  color: #313131;
}
.admin-dashboard-r .list-card-type-2-body .card-head .status {
  font-size: 14px;
  font-family: "Gilroy-SemiBold";
  padding: 8.5px 11px;
  border: 0.75px solid #50B26E;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5.5px;
  height: 30px;
}
.admin-dashboard-r .list-card-type-2-body .card-head .status::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  display: block;
}
.admin-dashboard-r .list-card-type-2-body .card-head .status.success {
  color: #50B26E;
  background-color: #F8FEF9;
}
.admin-dashboard-r .list-card-type-2-body .card-head .status.success::before {
  background-color: #50B26E;
}
.admin-dashboard-r .list-card-type-2-body .card-head .status.warning {
  color: #EAB02D;
  background-color: #FFF5E0;
  border-color: #EAB02D;
}
.admin-dashboard-r .list-card-type-2-body .card-head .status.warning::before {
  background-color: #EAB02D;
}
.admin-dashboard-r .list-card-type-2-body .card-head .status.danger {
  color: #F03E3E;
  background-color: #FFEAEA;
  border-color: #F03E3E;
}
.admin-dashboard-r .list-card-type-2-body .card-head .status.danger::before {
  background-color: #F03E3E;
}
.admin-dashboard-r .list-card-type-2-body .card-head .ntf button {
  font-size: 15px;
  font-family: "Gilroy-Bold";
  color: #A5A6AF;
  border: 1px solid #A5A6AF;
  border-radius: 10px;
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  margin: 0;
  padding: 0;
}
.admin-dashboard-r .list-card-type-2-body .card-footer {
  background: transparent;
  border: unset;
  display: flex;
  padding: unset;
  margin-top: 23px;
  align-items: center;
}
.admin-dashboard-r .list-card-type-2-body .card-footer p {
  margin: 0;
}
.admin-dashboard-r .list-card-type-2-body .card-footer .date {
  background-color: #F3F4F8;
  border-radius: 100px;
  height: 30px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #313131;
  font-size: 14px;
  font-family: "Gilroy-Medium";
  margin-right: auto;
}
.admin-dashboard-r .list-card-type-2-body .card-footer .cari {
  font-size: 14px;
  color: #383838;
  margin-right: 24px;
  position: relative;
}
.admin-dashboard-r .list-card-type-2-body .card-footer .cari:after {
  content: "";
  width: 1px;
  height: 17px;
  position: absolute;
  right: -12px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #BABABA;
}
.admin-dashboard-r .list-card-type-2-body .card-footer .cari span {
  font-size: 16px;
  font-family: "Gilroy-Bold";
}
.admin-dashboard-r .list-card-type-2-body .card-footer .cari:last-child {
  margin-right: unset;
}
.admin-dashboard-r .list-card-type-2-body .card-footer .cari:last-child::after {
  content: unset;
}/*# sourceMappingURL=main.css.map */