body {
/*	padding-top: 10px; */
	scroll-behavior: smooth;
    }
    @media (max-width: 768px) {

      #main-content {
        padding: 10px !important;
      }
    }
	
      .alert-collapse {
        transition: opacity 2s ease, max-height 2s ease, margin 2s ease, padding 2s ease;
        overflow: hidden;
        max-height: 1000px;
        opacity: 1;
      }

      .alert-collapsing {
        opacity: 0;
        max-height: 0;
        margin: 0;
        padding: 0;
		border: none;
      }

html {
  scroll-padding-top: 100px; /* Высота вашего фиксированного хедера */
  scroll-behavior: smooth; /* Для плавной прокрутки, если это нужно */
}

#TopBtn {
  display: none; /* Скрыта по умолчанию */
  position: fixed; /* Фиксированное положение */
  bottom: 30px; /* Расстояние от низа */
  right: 30px; /* Расстояние от правой стороны */
  z-index: 2; /* Убедитесь, что она поверх других элементов */
  font-size: 18px; /* Размер шрифта */
  border: none; /* Убираем границу */
  outline: none; /* Убираем контур */
  background-color: #6099ec; /* Цвет фона */
  color: white; /* Цвет текста */
  cursor: pointer; /* Изменяем курсор при наведении */
  padding: 15px; /* Добавляем отступы */
  border-radius: 10px; /* Закругляем углы */
}

#TopBtn:hover {
  background-color: #0d6efd; /* Изменяем цвет фона при наведении */
}


.accordion {
  --bs-accordion-btn-bg: #f0f0f0; /* Light gray background for buttons */
  --bs-accordion-active-bg: #e0e0e0; /* Slightly darker gray for active button */
  --bs-accordion-active-color: #333; /* Dark text color for active button */
  --bs-accordion-btn-color: #000; /* Black text color for buttons */
  --bs-accordion-body-bg: #e0e0e0; /* White background for content */
  --bs-accordion-btn-focus-box-shadow: none; /* Remove focus outline */
}

.accordion-body {
            background-color: #f0f0f0;
            color: #333;
        }

/* Container holding the image and the text */
.container_zzz {
    position: relative;
    text-align: center;
    color: white;
	height:100px;
// 	width:100px;
	display: inline-block;
 	padding: 5px;
    margin: 5px;
	cursor: grab;
}

.unmove_zzz {
  user-drag: none; 
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.image_zzz {
	height:100px;

}

/* Top right text */
.top-right_zzz {
    position: absolute;
//	position: relative;
    top: 5px;
    right: 10px;
}


.top-right_zzz a {
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  
  user-drag: none; 
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  
}



.img-gradient_zzz {
  position:relative;
}


.img-gradient_zzz::after {
  content: '';
  position: absolute;
  left: 0; top: 0;
  width: 100%; height: 40%;
  background: linear-gradient(rgba(0, 0, 0, 0.7),rgba(0, 0, 0, 0.0));
}


.dragging_zzz {
	visibility: hidden;
}

.img-fullscreen {
      height: 90vh;
      width: 90vw;
      object-fit: contain; /* главное: сохраняет всё изображение */
    }

    .carousel,
    .carousel-inner,
    .carousel-item {
      height: 100vh;
    }

    .carousel-item img {
      width: 100vw;
      height: 100vh;
      object-fit: contain;
      background-color: #000;
    }


	

.container_captcha_zzz {
	width: 160 px;
	height:80 px;
	
	position: relative;
    color: white;
	display: inline-block;
}

.img-gradient_captcha_zzz {
  position:relative;
}


.img-gradient_captcha_zzz::after {
  content: '';
  position: absolute;
  left: 0; top: 0;
  width: 100%; height: 40%;
  background: linear-gradient(rgba(0, 0, 0, 0.7),rgba(0, 0, 0, 0.0));
}

.card { position: relative; }
.card .card-action { position: absolute; top: .5rem; right: .5rem; }

.card .card-new { position: absolute; top: .5rem; right: 3rem; background-color: red; color: white; border-radius: 10px; padding: 2px; }

.kanban-column{ min-width: 300px; }
.kanban-card{ cursor: grab; }
.kanban-card:active{ cursor: grabbing; }

.scrolll:active {
cursor: move;
}


    .copy-block {
      cursor: pointer;
      transition: background-color .2s;
    }
    .copy-block:hover {
    }
    .copy-icon {
      transform: translateY(-50%);
      font-size: 1.2rem;
      opacity: 0;
      transition: opacity .2s;
    }
    .copy-block:hover .copy-icon {
      opacity: 1;
    }

	.chat-block {
      display: inline-block;
/**     max-width: 75%; **/
      padding: 5px 10px;
      border-radius: 15px;
      position: relative;
      word-wrap: break-word;
	  overflow-wrap: break-word;

    }
    .chat-left {
      background-color: #f1f1f1;
      border-top-left-radius: 0;
    }
    .chat-right {
      background-color: #d1e7dd;
      border-top-right-radius: 0;
    }
    .chat-time {
      font-size: 0.75rem;
      color: gray;
      margin-top: 5px;
    }
	
.avatar {
  width: 32px;
  height: 32px;
}




@media (max-width: 600px) {

.log_text {
	  word-break: break-all;
}

	.chat-block {

	  word-break: break-all;
    }

}

.link-cursor { cursor: pointer; }