:root {
    --bs-component-active-color: #ffffff;
    --bs-component-active-bg: #006ae6;
    --bs-component-hover-color: #006ae6;
    --bs-component-hover-bg: #f0f0f0;
    --bs-component-checked-color: #ffffff;
    --bs-component-checked-bg: #006ae6;
    --color-select2-df: #2d3436;
    --backgrou-btn-hovr-ff: #ddd;
    --background-body-glob: #dddddd85;
    --backgroundseletmulti: #ffffff;
    --color-textsuccess: #0d9f35;
    --color-textsuccess-hover: #0d9f35bf;
    --color-backbground-button-supp: #ededed;
    --color-text-button-supp: black;
}   
 

body.dark {
    --color-select2-df: #2d3436;
    --backgrou-btn-hovr-ff: #ddd;
    --background-body-glob: #dddddd85;
    --backgroundseletmulti: #ffffff;
    --color-textsuccess: #0d9f35;
    --color-textsuccess-hover: #0d9f35bf;
    --color-backbground-button-supp: #ededed;
    --color-text-button-supp: black;
}

.flag {
    width: 32px;
    height: 32px;
}

.active-language {
    background: #ebfafa!important;
}

[data-kt-indicator="on"] .indicator-progress {
    display: inline-block;
}

[data-kt-indicator="on"] .indicator-label {
    display: none;
}

.indicator-progress {
    display: none;
}

.indicator-label {
    display: inline-block;
}

.w-4-h-4 {
    width: 16px;
    height: 16px;
}

a.btn.voccVBwEVtKUNRP {
    color: white !important;
}

.uOnnkpAkLaaa_btn {
    background: #3a7c6d!important;
}
/* .uOnnkpAkLaaa_btn:hover {
    background: #5aa190 !important;
} */
.ialUMmSKttACQ {
    width: 33px;
    border-radius: 50px;
}
.fbnVrGfF {
    min-width: 40px !important;
    height: 40px !important;
    background: #2d3436 !important;
    color: white !important;
    font-size: 17px !important;
}
.HcwHdLbQqhsmbIZqe {
    font-size: 20px !important;
}
.hp-header-profile-menu a:hover {
    color: #242424 !important;
}
.form-control:focus {
    border-color: #111314 !important;
}

.tobllpJHZZhvaYQtxNx {
  background: #f0f0f0;
  color: #282828;
  border-radius: 6px;
  padding: 5px 13px;
}

/* .card {
    border-radius: 7px !important;
} */

 
.daterangepicker {
    padding: 8px 6px!important;
    color: rgb(33, 37, 41)!important;
    background-color: rgb(255, 255, 255)!important;
    border: 1px solid rgb(223, 230, 233)!important;
    border-radius: 7px!important;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.012), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05)!important;
}

.daterangepicker ul {
    scrollbar-width: thin!important;
    scrollbar-color: rgba(0, 0, 0, 0.2) transparent!important; 
}

.daterangepicker ul::-webkit-scrollbar {
    width: 6px!important;
    height: 6px!important;
}

.daterangepicker ul::-webkit-scrollbar-track {
    background: transparent!important;
    border-radius: 3px!important;
}

.daterangepicker ul::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2)!important;
    border-radius: 3px!important;
    transition: background-color 0.2s ease!important;
}

.daterangepicker ul::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.3)!important;
}

/* .daterangepicker ul li {
    padding: 12px 16px!important;
    background-color: transparent!important;
    white-space: nowrap!important;
    font-weight: 400!important;
    color: #212529!important;
    font-family: 'Poppins', sans-serif!important;
    transition-property: all!important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)!important;
    transition-duration: 150ms!important;
} */

.daterangepicker ul li:hover {
    color: #1e2125!important;
    background-color: var(--backgrou-btn-hovr-ff) !important;
}

.daterangepicker .drp-buttons .cancelBtn, .daterangepicker .drp-buttons .applyBtn {
    border-color: var(--bs-light);
}

.daterangepicker .drp-calendar th.next.available:hover span, .daterangepicker .drp-calendar th.prev.available:hover span {
    border-color: var(--bs-gray-900)!important;
}

.select2-container .select2-selection--single {
    height: auto!important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 10px 20px 10px 8px!important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 33px!important;
}

.grid-form {
    display: grid;
    gap: 10px;
}

.my--5-8 {
    margin-top: -5px;
    margin-bottom: 8px;
}

.AsZCngWxjwJyJZwU {
    font-size: 35px;
}

.dtQqdnwqnZ {
    width: 500px !important;
}

.dtQqdnwqnZ800 {
    width: 800px !important;
}
.dtQqdnwqnZ600 {
    width: 600px !important;
}
.dtQqdnwqnZ1000 {
    width: 1000px !important;
}
.ieftxvGo {
    padding-right: 30px !important;
    padding-left: 30px !important;
    padding-top: 10px;
    padding-bottom: 10px;
}
.oJIXrJoGliJl {
  width: 185px !important;
  padding: 21px 0 2px !important;
  z-index: 1 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
  background: white;
}
select .form-control-sm {
    height: 14px !important;
}
.AcsgPfT {
    font-size: 33px !important;
}
.XFIGLpoPblREAXWXCkG {
    height: 39px !important;
}
.hoXuPL {
    font-size: 40px !important;
}
 
/* .XpPvfmJnlqAYD {
    left: 24px !important;
    background: #0d9f3526 !important;
    border-radius: 50px !important;
} */

.XpPvfmJnlqAYD {
  right: -23px;
  background: #0d9f3526 !important;
  border-radius: 50px !important;
  bottom: -10px;
  padding: 2px;
}

.sale-icon {
  width: 0.9rem;
  height: 0.9rem;
}

.MaBmqLWcmoFrZgvZi {
    background: #dddddd59;
}
.zCjslHlELYLbweDoGPi p {
    margin-bottom: 0px !important;
}
.ekGKwbVgUcSJGZ {
    font-size: 18px !important;
}

.uZCiDGOWuuRO::before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #15a584;  
    border-radius: 50%;      
    margin-right: 8px;       
    vertical-align: middle; 
  
  }
  .mdKHWUcNoPEi {
    font-size: 19px !important;
  }
  .VSUAjCBjoTc {
    font-size: 14px !important;
  }
  .KaNAWxlW {
    line-height: 1.2 !important;
  }
  .MhwVQbAxBgdDNgK {
    width: 220px !important;
  }
  .cpiTbikZsyyZtIxA {
    margin-top: 30px !important;
  }
  .rRzFLRaQggpCGz {
    margin-bottom: 30px !important;
  }
  .rczfvkZQuNJdBvLHOSPg {
    font-size: 100px !important;
  }
  .lnCrXWyrIiCKWYIWUpn {
    margin-bottom: 25px !important;
  }
  .DSAodWOdy11px {
    font-size: 11px !important;
  }
  .zGnzJHIwarVS {
    width: 40px !important;
  }
  .uVXhocgNuhipWpybCkJy {
    font-size: 16px !important;
  }
  .CUDBewhLxWL {
    font-size: 55px !important;
  }

  .NTxPC .second {
    display: none;
  }

  .NTxPC:hover .first {
    display: none;
  }

  .NTxPC:hover .second {
    display: block;
  }
  .rhzslvyvzXJTvtf {
    margin-bottom: 20px !important;
  }

  .GDaSwmDNxPOPW {
    padding: 5px 8px !important; 
  }

  .LcBZcHFabpBKSIJAgpXn {
    margin-bottom: 20px !important;
    margin-top: 20px !important;
  }
  .eSbqzEZbSZc {
    padding: 5px 8px !important;
    background: #2d3436 !important;
    color: #fff !important;
    border: 1px solid !important;
  }
  .lEbdbLeCi {
    margin-right: 4px !important;
  }
  .CzEXSoWqkudaCM {
    width: 42px !important;
    height: 42px !important;
  }
  .mFotknD {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .GJChHXqqCRLMHbKIvl {
    width: 300px !important;
  }
  .GmvEN {
    position: absolute;
    right: 35px;
    bottom: 49%;
  }
  .UExJIZen {
    font-size: 23px !important;
  }
  .EsCHFnZLpdwFSKC {
    width: 27px !important;
  }

  .input-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
  }

  .input-wrapper .icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;  
  }  


  .input-wrapper input {
    padding-right: 35px;  
    height: 36px;
    width: 100%;
    box-sizing: border-box;
  }

  .LBQEXsaCl {
    width: 600px;
  max-width: 90vw;  
  padding: 20px;
  border-radius: 6px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);

  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  }

  .tdjyaUcGut {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2) !important;
  }

  .FeHeVphDkrSse {
    background: #dddddd;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 6px;
  }

  .EedorINarlcOWIZanC {
    background: #dddddd;
    padding: 4px;
    border-radius: 6px;
    font-weight: 700;
  }

  .AAumFtpaFU {
    font-size: 17px !important;
    padding: 12px !important;
    border-radius: 12px !important;
    color: #ff9b22 !important;
    background: #ffcd9066;
  }

  .awhaCTF {
    font-size: 25px !important;
  }

  .paGZdm {
    background: #2d3436 !important;
    border: 2px solid #f0f3f5 !important;
    color: #ffff !important;
    padding: 5px 9px !important;
    right: -15% !important;
    top: 17% !important;
  }

  .qsAwEtIvcgMXaZYx {
    width: 200px !important;
  }
  .jVuBYkzRHynXRqAiZ {
    margin-left: 5px !important;
  }
  .jZbOIsiqfi {
    margin-left: 5px !important;
    padding: 2px 5px !important;
    background-color: var(--color-backbground-button-supp) !important;
    border: 0px;
    color: var(--color-text-button-supp) !important;
  }
  .IVRUSxRUdoCxYNgRu {
    padding: 8px 6px !important;
  }
  .teBjUEDMfamPo {
    border-radius: 0px !important;
  }
  .fYXJSooYDAFPkkh {
    position: absolute !important;
    right: 10px !important;
  }
  .gBHdszir {
    right: 27px !important;
  }
  .gLVmDRC {
    position: fixed !important;
    width: 400px !important;
    top: 386px !important;
    margin-left: 92px !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  }
  .CDMIvjqKgdF {
    padding: 10px !important;
  }
  .zHKfLYhdXbfN {
    position: relative !important;
    top: 2px !important;
    font-size: 16px !important;
  }
  .hjcfAZpzpWZkhbEj {
    background: #f5bbda33 !important;
    border-radius: 6px !important;
  }
  .OxrBylBkzngPudj {
    background: #f0f0f0 !important;
  }
  .pGVNATNnIuzDHdBBi {
    overflow: auto;
    max-height: 708px;
    padding: 5px 13px;
  }
  .aogOkEFOWDvqwMk {
    font-size: 13px !important;
  }

  .MOhYWxfyhdvOv {
    font-size: 26px;
    margin-top: -19px;
    padding-right: 10px;
  }
  .NwzyRSUvSmRPioHJue {
    font-size: 25px;
    margin-top: -8px !important;
    padding-right: 10px !important;
  }
  #KYqevMNbglLPStxM, #mEkTzERheweKV {
    overflow: hidden;
    height: 36px;
  }
 
  .modal-content,
  .modal-dialog { overflow: visible; }
  
  /* выпадашка гарантированно поверх */
  .select2-container--open { z-index: 2000 !important; }

  .uBNlCmjTaYeMbGwiFhRB {
    font-size: 36px !important;
  }

  .t_SILVER {
    color: #C0C0C0 !important;
  }

  .t_GOLD {
    color: #FFD700 !important;
  }

  .t_PLATINUM {
    color: #7de7e4 !important;
  }
  .dqSQIkaUgCBBGJICOKX {
    font-size: 14px !important;
}
.OJtUvDSHtX {
  text-decoration: line-through;
}
.XQBOmonMgj {
  width: 150px !important;
}
.jQSpfhwwkZprTqkvkSGS {
  margin-left: 30px !important;
}
.EDrAMQxVGGFnbdbcmJl {
  font-size: 150px !important;
}

.collapsed-active .social-button span {
  display: none;
}

.collapsed-active .social-button {
  width: 40px;
  display: flex;
  justify-content: center;
  align-self: center;
}

/* .collapsed-active .social-button lEbdbLeCi {
  margin-right: 0px!important;
}
 */
/* .social-button {
  margin-left: -14px;
} */

.social-button:hover {
  transition-property: opacity;
  transition-duration: 400ms;
  opacity: 0.9;
}

.hover-opacity-animation {
  transition-property: opacity;
  transition-duration: 400ms;
}

.hover-opacity-90:hover {
  opacity: 0.9;
}

.hover-opacity-80:hover {
  opacity: 0.8;
}

.hover-opacity-70:hover {
  opacity: 0.7;
}

.dashboard-news-icon {
  width: 45px;
  height: 45px;
}




.XvCAG {
  transition: all 0.3s ease;
  position: relative;
}

.XvCAG:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.max-w-responsive {
  max-width: 420px;
}

@media screen and (max-width: 1921px) {
  .max-w-responsive {
    max-width: 310px;
  }
}

@media screen and (max-width: 1600px) {
  .max-w-responsive {
    max-width: 250px;
  }
}

.gvdssbsbsd .first {
  opacity: 1;
  transition: opacity 0.3s ease;
}

.gvdssbsbsd .second {
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
}

.XvCAG:hover .first {
  opacity: 0;
  visibility: hidden;
}

.XvCAG:hover .second {
  display: flex;
  opacity: 1;
  visibility: visible;
}

.gvdssbsbsd .second {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.k89Pq {
  transition: all 0.3s ease;
  min-height: 50px;
}

.zRTy4 {
  transition: transform 0.3s ease;
}

.XvCAG:hover .zRTy4 {
  transform: scale(1.05);
}

.aBk2L {
  transition: all 0.3s ease;
}

@media (max-width: 576px) {
  .zRTy4 {
      margin-right: 10px !important;
  }
  
  .iRt5S {
      max-width: 270px !important;
      padding-right: 0 !important;
  }
  
  .text-truncate {
      max-width: 250px;
  }
  
  .gvdssbsbsd .first,.gvdssbsbsd .second {
      width: auto !important;
      min-width: auto !important;
  }
  
  .k89Pq {
      padding: 0 10px !important;
      margin-bottom: 5px;
  }
  
  .XvCAG .row {
      flex-wrap: wrap;
  }
  
  .XvCAG .second {
      position: absolute;
      right: 15px;
      top: 10px;
      transform: none;
      background-color: rgba(255, 255, 255, 0.9);
      border-radius: 4px;
      padding: 4px;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
      z-index: 10;
  }
  
  .XvCAG:hover .first {
      opacity: 1;
      visibility: visible;
  }
  
  .XvCAG:hover .second {
      display: none;
      opacity: 0;
      visibility: hidden;
  }
  
  .XvCAG:active .first {
      opacity: 0;
      visibility: hidden;
  }
  
  .XvCAG:active .second {
      display: flex;
      opacity: 1;
      visibility: visible;
  }
}

@media (max-width: 320px) {
  .iRt5S {
      max-width: 200px !important;
  }
  
  .text-truncate {
      max-width: 180px;
  }
}

@media screen and (max-width: 576px) {
  .left-block-pr {
    margin-left: 0.5rem;
  }

  .right-block-pr {
    margin-right: 0.5rem;
  }
}

.gap-x-2 {
  column-gap: 0.5rem;
}

.place-content-center {
  place-content: center;
}

.gbhjsdbjhg {
  padding-left: 16px!important;
  padding-right: 16px!important;
}

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

.form-control:disabled, .form-control[readonly] {
  background-color: #ececec!important;
  opacity: 1;
  cursor: not-allowed;
}

.text-green-primary {
  color: #3a7c6d!important;
}

.fs-16px {
  font-size: 16px;
}

.to-h-40px {
  max-height: 34px;
  height: 100%;
}

.p-8px-12px {
  padding: 8px 12px !important;
}

.bg-primary-green-opacity {
  background: #0d9f3512;
}

.-ml-12px {
  margin-left: -12px;
}

.ml-5px {
  margin-left: 5px;
}

.-ml-5px {
  margin-left: -5px;
}

.hide-mobile-contacts-menu {
  display: none;
}

@media screen and (max-width: 600px) {
  .hide-mobile-contacts-menu {
    display: block;
  }
}

.hide-mobile-contacts {
  display: flex;
}

@media screen and (max-width: 600px) {
  .hide-mobile-contacts {
    display: none;
  }
}