@charset "UTF-8";
/*
Author: Dimka aka MehellofaS
Website: https://mehellofas.com/
Contact: support@mehellofas.com
File: Custom Css File
*/
:root {
  --vz-ej: #EE6C22;
  --vz-ej-rgb: 238, 108, 34;
  --vz-ej-text-emphasis: #F28F23;
  --vz-ej-bg-subtle: #FFF4C3;
  --vz-ej-border-subtle: #BFB482;
  --vz-border-radius: 5px;
}

/*
Стили чата

*/
.back-top {
  background-color: #009688;
  height: 15vh;
}

.back-main {
  background-color: #d9dbd5;
  height: 85vh;
}

.back-container {
  position: relative;
}

.front-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.front-container1 {
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
}

.chat-top {
  background-color: #ededed;
  min-height: 50px;
}

.profile-image {
  margin-top: 7px;
  height: 30px;
  width: 30px;
}

.contacts {
  background-color: #ffffff;
  min-height: 600px;
}

.contact-table-scroll {
  overflow-y: scroll;
  height: 600px;
}

.message-area {
  background-color: #e4e1de;
  min-height: 600px;
}

.message-table-scroll {
  overflow-y: scroll;
  height: 550px;
}

.message-box {
  background-color: #f0f0f0;
}

/* Общие стили */
.bg-ej {
  background-color: var(--vz-ej);
}

/* Базовое состояние всех ссылок */
.a-ej {
  color: var(--vz-ej); /* #3498db; Основной цвет ссылок */
  /* text-decoration: underline; /* Подчеркивание по умолчанию */
  transition: color 0.3s ease, text-decoration-color 0.3s ease; /* Плавный переход цвета */
}

/* При наведении курсора и фокусе (Tab) */
.a-ej:hover,
.a-ej:focus {
  color: var(--vz-ej); /* #e74c3c; Цвет при наведении */
  /*text-decoration: underline;  */
}

/* При нажатии (активное состояние) */
.a-ej:active {
  color: var(--vz-ej); /* #c0392b; Цвет при клике */
}

/* Для уже посещенных ссылок (чтобы не сбивался дизайн) */
.a-ej:visited {
  color: var(--vz-gray-400); /* #3498db; */
}

.button-transporent {
  background-color: transparent;
  background-repeat: no-repeat;
  border: none;
  cursor: pointer;
  overflow: hidden;
}

.btn-up {
  position: fixed;
  background-color: #673ab7;
  right: 20px;
  bottom: 20px;
  border-radius: 22px;
  cursor: pointer;
  width: 44px;
  height: 44px;
}

.btn-up::before {
  content: "";
  text-align: center;
  position: absolute;
  width: 20px;
  height: 20px;
  left: 12px;
  top: 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 17V4M3 10l7-7 7 7'/%3E%3C/g%3E%3C/svg%3E");
}

.btn-up_hide {
  display: none;
}

@media (hover: hover) and (pointer: fine) {
  .btn-up:hover {
    background-color: #512da8;
  }
}
#topNubex {
  position: fixed;
  right: 45px;
  bottom: 45px;
  z-index: 10000;
}

.text-ej {
  color: var(--vz-ej);
}

.btn-ej {
  --vz-btn-color: #ffffff;
  --vz-btn-bg: var(--vz-ej);
  --vz-btn-border-color: var(--vz-ej);
  --vz-btn-hover-bg: var(--vz-ej-text-emphasis);
  --vz-btn-hover-border-color: var(--vz-ej-text-emphasis);
  --vz-btn-focus-shadow-rgb: var(--vz-ej-rgb);
  --vz-btn-active-bg: var(--vz-ej-text-emphasis);
  --vz-btn-active-border-color: var(--vz-ej-text-emphasis);
}

.btn-outline-ej {
  --vz-btn-color: var(--vz-ej);
  --vz-btn-bg: transparent;
  --vz-btn-border-color: var(--vz-ej);
  --vz-btn-hover-bg: var(--vz-ej);
  --vz-btn-hover-border-color: var(--vz-ej);
  --vz-btn-focus-shadow-rgb: var(--vz-ej-rgb);
  --vz-btn-active-color: white;
  --vz-btn-active-bg: var(--vz-ej);
  --vz-btn-active-border-color: var(--vz-ej);
}

.btn-soft-ej {
  --vz-btn-color: var(--vz-ej);
  --vz-btn-bg: var(--vz-ej-bg-subtle);
  --vz-btn-border-color: transparent;
  --vz-btn-hover-bg: var(--vz-ej);
  --vz-btn-hover-border-color: transparent;
  --vz-btn-focus-shadow-rgb: var(--vz-ej-rgb);
  --vz-btn-active-bg: var(--vz-ej);
  --vz-btn-active-border-color: transparent;
}

.btn-ghost-ej {
  --vz-btn-color: var(--vz-ej);
  --vz-btn-bg: transparent;
  --vz-btn-border-color: transparent;
  --vz-btn-hover-color: var(--vz-ej);
  --vz-btn-hover-bg: var(--vz-ej-bg-subtle);
  --vz-btn-hover-border-color: transparent;
  --vz-btn-focus-shadow-rgb: var(--vz-ej-rgb);
  --vz-btn-active-color: var(--vz-ej);
  --vz-btn-active-bg: var(--vz-ej-bg-subtle);
  --vz-btn-active-border-color: transparent;
}

[aria-disabled=false] {
  display: none !important;
}

.loader {
  border: 4px solid #f3f3f3;
  border-top: 4px solid #3498db;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 1s linear infinite;
  margin: 20px auto;
  display: none;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.info {
  background-color: #ecf0f1;
  padding: 15px;
  border-radius: 8px;
  margin: 15px 0;
  text-align: left;
  display: none;
}

.coords {
  margin-top: 15px;
  padding: 10px;
  background: #f0f0f0;
  border-radius: 5px;
  font-family: monospace;
}

#result {
  margin-top: 20px;
  padding: 15px;
  background: #f0f0f0;
  border-radius: 8px;
}

.group-label {
  display: block !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  opacity: 1 !important;
  padding: 5px 0 !important;
}

a.nav-link:hover, a.nav-link:active, [class*=text-success]::before {
  color: var(--vz-ej);
}

.accordion-my .accordion-item {
  border-color: transparent;
}

.accordion-my .accordion-item .accordion-button {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.accordion-my .accordion-item .accordion-button:not(.collapsed) {
  color: var(--vz-ej);
  background-color: rgba(242, 142, 32, 0.1) !important;
}

.accordion-my .accordion-item .accordion-button::after {
  color: var(--vz-ej);
}

/* Для активной вкладки */
.nav-customs.nav .nav-link.active, .nav-customs.nav .nav-link.active:before, .nav-customs.nav .nav-link.active:after {
  background-color: var(--vz-ej) !important; /* Замените на ваш цвет фона */
  color: #ffffff !important; /* Цвет текста активной вкладки */
  /* border-color: #ff0000;      Цвет рамки вокруг вкладки */
}

/* Для активной вкладки */
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
  --vz-success-text-emphasis: var(--vz-ej) !important; /* Ваш желаемый цвет текста */
  --vz-success: var(--vz-ej) !important; /* Ваш желаемый цвет текста */
}

.fs-7 {
  font-size: 0.7rem !important; /* Обычно это 14px */
}

.card .auth-page-content {
  border-radius: 5px !important; /* Скругление всех углов на 15 пикселей */
}

.container {
  border-radius: 5px !important; /* Скругление всех углов на 15 пикселей */
}

.rating-stars-area {
  direction: rtl; /* Разворачиваем ряд справа налево для логики CSS */
  display: inline-block;
  font-size: 20px; /* Размер звезд */
}

/* Прячем стандартные кружки радиокнопок */
.rating-stars-area > input {
  display: none;
}

/* Оформляем звезды */
.rating-stars-area > label {
  color: #ced4da; /* Серый цвет по умолчанию (Bootstrap light gray) */
  cursor: pointer;
  transition: color 0.2s ease;
}

/* Подсветка звезд при наведении и клике */
.rating-stars-area > input:checked ~ label,
.rating-stars-area > label:hover,
.rating-stars-area > label:hover ~ label {
  color: var(--vz-ej); /*#ffc107; Фирменный золотой цвет Bootstrap */
}

.fs-7 {
  font-size: 0.7rem !important; /* Обычно это 14px */
}



/*# sourceMappingURL=custom.min.css.map */