/* ---------------- */
[href], .cursor-pointer {
	cursor: pointer;
}

/* Используем стандартные классы Bootstrap, дополнительных стилей не требуется */

/* Подсветка при наведении */
.hover-order-list:hover {
	background-color: #e1e1e170 !important;
	cursor: pointer;
}
.td-hover-edit:hover button {
	display: inline-block !important;
}

/* Кастомный стиль этапа 110 */
.custom-stage {
	color: #2767fd;
}



.list-group-item:hover {
    background-color: #f0f0f0; /* Светлое выделение при наведении */
}


.dropdown-menu {
    width: 100%; /* Растягивает меню по ширине кнопки */
    padding: 10px;
}

.dropdown-menu li {
    list-style-type: none;
    margin: 5px 0;
}
/* Переделанные кнопки под нярдов */
.widget-icon-bottom {
    color: var(--ct-primary);
    font-size: 20px;
    background-color: rgba(var(--ct-primary-rgb), .25);
    height: 35px;
    width: 35px;
    text-align: center;
    line-height: 35px;
    border-radius: 3px;
    display: inline-block;   
}

.hover-effect:hover {
    cursor: pointer;
    background-color: #2d8eaf !important; /* Синий фон при наведении */
    color: white !important; /* Белый цвет текста или иконки */
}

.hover-order:hover {
    background-color: #f1f1f1 !important;
}



.spin-button {
    -moz-appearance: textfield;
}
/* ----------------------------- */
/* ----------------------------- */

/* ----------------------------- */
/* ------ Кнопки в таблице ----- */

.icon-td {
	padding: 0 !important;
	width: 3rem;
}
.action-icon {
	font-size: 1.4rem !important;
	vertical-align: sub;
	line-height: 0;
}
.icon-td:hover {
	cursor: pointer;
}

.bottom-td {
	padding: 0 !important;
    line-height: 0;
}
.bottom-td button {
	padding: 3px 10px 3px 10px;
    margin: 0px 5px 0 5px;
}

/* Отключить стрелки */
input[type="number"] {
	-moz-appearance: textfield;
	-webkit-appearance: textfield;
	appearance: textfield;
}
 
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	display: none;
}

/* ---------------------------------------------------- */
/* -------------------- Форм -------------------------- */
/* ---------------------------------------------------- */
/* Валидация совпадения паролей */
.is-invalid {
    border-color: red;
    box-shadow: 0 0 3px red;
}

.is-valid {
    border-color: green;
    box-shadow: 0 0 3px green;
}

/* ---------------------------------------------------- */
/* -------------------- Таблица с список ------------ */
/* ---------------------------------------------------- */

.table .list-work {
    height: 26px;
}

/* ---------------------------------------------------- */
/* -------------------- Таблица с услугами ------------ */
/* ---------------------------------------------------- */

.table-tooth {
    color: red;
    box-shadow: inset 0 0 4px #2031fb;
}

.table .done {
    width: 100px;
}

.table .done button{
    width: 90%;
}

.form-data .mask-fullname {
    text-transform: capitalize;
}

/* Список зубов */

#table_tooth .tooth:hover, #table_tooth .tooth_top:hover, #table_tooth .tooth_bottom:hover {
	background-color: var(--ct-gray-400) !important; /* Цвет фона */
	cursor: pointer;
    font-weight: bold;
    color: var(--ct-gray-900);
    box-shadow: inset 0 0 4px var(--ct-gray-700);
}
#table_tooth [hover='1'] {
    background-color: var(--ct-gray-400) !important;
    box-shadow: inset 0 0 4px var(--ct-gray-700);
    color: var(--ct-gray-900);
    font-weight: bold;
    
}

#table_tooth [hover='1']:hover {
    background-color: var(--ct-gray-900)  !important; /* Цвет фона */
    box-shadow: inset 0 0 4px var(--ct-gray-300);
}

#table_tooth .no_hover {
    pointer-events: none;
}

/* Таблица зубами для выдиления GPT */

.modal .highlight-cell-bottom:hover, .modal .highlight-cell-top:hover {
    cursor: pointer;
    position: relative; /* Для позиционирования псевдоэлемента */
}

.modal .highlight-cell-bottom:hover::after {
    content: ''; /* Обязательно для отображения псевдоэлемента */
    position: absolute;
    bottom: 100%; /* Размещаем стрелочку над ячейкой */
    left: 50%; /* Центрируем стрелочку по горизонтали */
    transform: translateX(-50%); /* Точное центрирование */
    width: 0;
    height: 0;
    border-left: 5px solid transparent; /* Формируем стрелочку */
    border-right: 5px solid transparent;
    border-bottom: 5px solid var(--ct-table-striped-color); /* Цвет стрелочки */
}


.modal .highlight-cell-top:hover::after {
    content: ''; /* Обязательно для отображения псевдоэлемента */
    position: absolute;
    top: 100%; /* Размещаем стрелочку под ячейкой */
    left: 50%; /* Центрируем стрелочку по горизонтали */
    transform: translateX(-50%); /* Точное центрирование */
    width: 0;
    height: 0;
    border-left: 5px solid transparent; /* Формируем стрелочку */
    border-right: 5px solid transparent;
    border-top: 5px solid var(--ct-table-striped-color); /* Цвет стрелочки */
}


.highlight-top [data-start=""][data-end=""] {
    height: 30px;
    vertical-align: top !important;
}

.highlight-bottom [data-start=""][data-end=""] {    
    height: 30px;
    vertical-align: bottom !important;
}
.cell-limit {
    transition: background 0.5s;
}