#display-main{
    z-index: 999;
}

#backdrop-slider{
    margin: 0px;
    max-width: none;
}

.input__wrapper {
   display: flex;
   flex-direction: column;
   width: inherit;
}

.active__request {
   border-radius: 15px;
    --bs-bg-opacity: 1;
    background: center / contain no-repeat url("../../assets/img/app-image.png"),rgba(128,128,128, .2);
    /*background-image: ;
    background-repeat: no-repeat;
    background-size: 100% auto;*/
    /*background-size: cover;*/
    border: 2px solid rgba(85,85,85, .8);
    padding: 0.5rem;
    /*box-shadow: 0 1rem 3rem rgb(0 0 0 / 18%);*/
}

.finished__request {
    border-radius: 3px;
    --bs-bg-opacity: 1;
    background: rgba(0,128,0, .3)  
}

.footer__request {
    justify-content: space-between;
}

.modal__refuse {
   background: rgba(0, 0, 0, 0.2);
   position: absolute;
   top: 0;
   bottom: 0;
   right: 0;
   left: 0;
   display: none;
   z-index: 999;
}

.modal__refuse.active {
   display: flex;
   justify-content: center;
   align-items: center;
   z-index: 999;
}

.modal__wrapper {
    background: white;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
}

.reviews__list {
    margin: 20px 0 30px 0;
}

.reviews__item {
    padding: 10px;
    margin: 10px 0 10px 0;
}

.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.inputfile + label {
    font-size: 1.2em;
    font-weight: 700;
    color: white;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
          align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
          justify-content: center;
}

.inputfile:focus + label,
.inputfile + label:hover {
    cursor: pointer;
}

.img_choose{
   border: 3px solid black;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
/* картинка на странице */
.minimized {
  width: 100px;
  cursor: pointer;
}
.minimized:hover {
  border: 1px solid black;
}

.select_hide {
  /* for Firefox */
  /* -moz-appearance: none; */
  /* for Chrome */
  /* -webkit-appearance: none; */
  
  display:block;
	width:100%;
	padding:.375rem 2.25rem .375rem .75rem;
	-moz-padding-start:calc(.75rem - 3px);
	font-size:1rem;
	font-weight:400;
	line-height:1.5;
	color:#222;
	background-color:#c4f8ff;
	/*background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23333' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
	*/background-repeat:no-repeat;
	background-position:right .75rem center;
	background-size:16px 12px;
	border:1px solid #ced4da;
	border-radius:.25rem;
	transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none
}
/* For IE10 */
.select_hide::-ms-expand {
  display: none;
}

#magnify {
  display: none;
  /* position: absolute; upd: 24.10.2016 */
  position: fixed;
  max-width: 600px;
  height: auto;
  z-index: 9999;
}

#magnify img {
  width: 100%;
}
/* затемняющий фон */
#overlay {
  display: none;
  background: #000;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0.5;
  z-index: 9990;
}
/* кнопка закрытия */
#close-popup {
  width: 30px;
  height: 30px;
  background: #FFFFFF;
  border: 1px solid #AFAFAF;
  border-radius: 15px;
  cursor: pointer;
  position: absolute;
  top: 15px;
  right: 15px;
}

#close-popup i {
  width: 30px;
  height: 30px;
  background: url(https://codernote.ru/files/cross.png) no-repeat center center;
  background-size: 16px 16px;
  display: block;
}

@keyframes rota {
 25% { transform: rotate(360deg); }
}

#close-popup:hover {
  animation: rota 4s infinite normal;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

#authorization {
    max-width: 50%
}
#authorization img {
    width: 50%;
    margin: 20px 25%
}

@media (max-width: 1100px) {
    #authorization {
        max-width: 90%
    }
    #authorization img {
        width: 80%;
        margin: 20px 10%
    }
}

p.required:after
{
    color: red;
    content: " *";
}

.tip-1{
    --bot: -115%;
    --top: 45%;
}
.tip-2{
    --bot: -100%;
    --top: 45%;
}
.tip-3{
    --bot: -245%;
    --top: 50%;
}
.tip-4{
    --bot: -50%;
    --top: 40%;
}

.tooltip-left {
    position: relative;
    display: inline-block;
}

.tooltip-left .tooltiptext-left {
    visibility: hidden;
    font-size:1rem;
    font-weight: 500;
    text-transform: none;
    width: 200px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: var(--bot);
    left: -270%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip-left .tooltiptext-left::after {
    content: "";
    position: absolute;
    top: var(--top);
    left: 102%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #555;
}

.tooltip-left:hover .tooltiptext-left {
    visibility: visible;
    opacity: 1;
}

.border{
    border-width: 1;
    border-color: gray !important;
}

.icon_change {
   margin-top: -40px;
   width: 130px;
   height: 40px;
   margin-left: 10px;
   z-index: 0;
   position: relative;
   border-radius: 50% / 0 0 100% 100%;
}

.search_div {
    display: table-cell;
    vertical-align: top;
}

.inp {
    position: relative;
    display: inline-block;
    width: 95%;
}

.input_box {
    position: relative;
    display: block;
    box-sizing: border-box;
    cursor: text;
    border-radius: 50rem;
}

.input_clear {
    position: absolute;
    z-index: 5;
    top: 0;
    right: 0;
    margin: 0.38rem;
    padding: 0;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.input_control {
    text-overflow: clip;
    position: relative;
    z-index: 3;
    box-sizing: content-box;
    width: 100%;
    margin: 0;
    padding: 0;
    vertical-align: top;
    outline: 0;
    background: 0 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
    border: solid black 1px;
    background-color: #ffcc80;
    border-radius: 25rem;
}


.bg-secondary{

    background-color:#ffcc80;
}

.form-container {
    width: 100%; /* Ширина формы */
    max-width: 1050px; /* Максимальная ширина формы */
    padding: 20px; /* Отступы внутри формы */
    background-color: white; /* Белый фон формы */
    border-radius: 30px; /* Скругленные углы */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5), 
        0 -4px 10px rgba(0, 0, 0, 0.5), /* Тень сверху */
        0 4px 10px rgba(0, 0, 0, 0.5), /* Тень снизу */
        4px 0 10px rgba(0, 0, 0, 0.5), /* Тень справа */
        -4px 0 10px rgba(0, 0, 0, 0.5); /* Тень слева */
          padding-top:10px;
          padding-bottom:10px;
}

.form-control {
    height: 38px; /* Высота полей ввода */
    font-size: 16px; /* Размер шрифта */
}

.btn {
    width: 100%; /* Кнопка на всю ширину */
}

.btn-primary {
    border-radius: 15px; /* Скругление углов кнопок */
    justify-content: center;
}

.expandable-block {
    background-color: #fff;
    width: 500px;
    height: 110px;
    margin: 10px;
    transition: transform: scale(1.05); /* Параметры анимации */
    transform: scale(1.05);
}

.show_hide_password {
    position: relative; /* Убедитесь, что родительский элемент имеет относительное позиционирование */
}

.eye {
    cursor: pointer; /* Изменение курсора при наведении на иконку */
}


.cookie-block button {
    margin-left: 10px;
    padding: 5px 10px;
    border: none;
    border-radius: 3px;
    cursor: pointer;
}

.cookie-block .ok {
    background-color: #ffcc80;
    color: black;
    margin-top: 5px;
    opacity: 1;
    padding: 5px;
}

.cookie-block .cancel {
    background-color: #fd7e14;
    color: black;
    margin-top: 15px;
    opacity: 1;
    padding: 5px;
}
.body {
     background-color: #ffcc80;
     hight: 10px;
}

.cookie-block {
    position: fixed;
    bottom: 20px; /* Отступ от нижнего края */
    /*left: 27%; /* Отступ от левого края */
    background-color: #f8f9fa;
    border: 3px solid black;
    padding: 15px;
    border-radius: 15px;
    display: none; /* Скрываем по умолчанию */
    z-index: 1000;

    transform: scale(0.8);  /*Уменьшаем размер блока до 80% */
    transform-origin: bottom left; /* Устанавливаем точку начала трансформации */
}

.cookie-block_visible {
    display: flex; /* Устанавливаем flex для блока */
    flex-direction: column; /* Устанавливаем горизонтальное расположение */
    align-items: flex-start; /* Центрируем элементы по вертикали */
    gap: 10px;  /*Промежуток между элементами */
}

.cookie-icon {
    width: 60px; /* Устанавливаем ширину изображения */
    height: auto; /* Высота будет автоматически пропорциональна ширине */
}

.cookie-block button {
    margin-left: 10px;
    padding: 5px 10px;
    border: none;
    border-radius: 3px;
    cursor: pointer;
}

.cookie-block .ok, 
.cookie-block .cancel {
    color: black;
    margin-top: 5px;
    opacity: 1;
    padding: 10px 20px; /* Увеличенное внутреннее отступление */
    border: 3px solid black;
    border-radius: 15px; /* Скругленные углы */
    width: 120px; /* Фиксированная ширина кнопок */
    text-align: center; /* Центрирование текста */
    font-weight: bold; /* Жирный шрифт для текста */
    cursor: pointer; /* Указатель при наведении */
}

.cookie-block .ok {
    background-color: #ffcc80;
    box-shadow: 
        0 4px 10px rgba(0, 0, 0, 0.5), 
        0 -4px 10px rgba(0, 0, 0, 0.5); /* Тени */
}

.cookie-block .cancel {
    background-color: #fd7e14;
    box-shadow: 
        0 4px 10px rgba(0, 0, 0, 0.5), 
        0 -4px 10px rgba(0, 0, 0, 0.5); /* Тени */
}

.body {
    background-color: #ffcc80;
    height: 100vh; /* Исправлено: высота body */
}

.cookie-block::after {
    content: '';
    position: absolute;
    top: -5px; /* Позиционируем в верхнем углу */
    right: -7px; /* Позиционируем в правом углу */
    width: 55px; /* Ширина укуса */
    height: 55px; /* Высота укуса */
    background: linear-gradient(to bottom, transparent 50%, black 50%); /* Градиент для закрашивания нижней половины */
    border-radius: 50%; /* Создаем форму круга */
    box-shadow: 0 0 0 5px transparent, /* Внешний круг */
                -5px -5px 0 0 transparent; /* Создаем эффект укуса */
    transform: rotate(228deg); /* Поворачиваем круг для эффекта укуса */
}

.cookie-block__link {
    font-size: 24px;
    text-decoration: underline;
    text-decoration-style: wavy;
}

.btn-group-container {
    background-color: white; /* Цвет контейнера */
    padding: 10px; /* Отступы вокруг кнопок */
    border-radius: 10px;
}

.user-type-block,
  .user-type-block__label {
      cursor: pointer;
  }

.user-type-block,
  .user-type-block__text {
      cursor: pointer;
  }