/* north */
.winbox.timer .wb-n  { display: none }

/* east */
.winbox.timer .wb-e  { display: none }

/* south */
.winbox.timer .wb-s  { display: none }

/* west */
.winbox.timer .wb-w  { display: none }

/* north-west */
.winbox.timer .wb-nw { display: none }

/* north-east */
.winbox.timer .wb-ne { display: none }

/* south-west */
.winbox.timer .wb-sw { display: none }

/* south-east */
.winbox.timer .wb-se { display: none }

.winbox.timer .wb-full  { display: none }
.winbox.timer .wb-max   { display: none }
.winbox.timer .wb-close { display: none }


.loading-overlay { 
    position: fixed; 
    width: 100%; 
    height: 100%; 
    background-color: rgba(255, 255, 255, 0.8); 
    display: flex; 
    flex-direction: column; 
    justify-content: center; 
    align-items: center; 
    z-index: 9999; 
} 

.loading-text { 
    font-size: 18px; 
    margin-top: 10px; 
    color: #333; 
} 

.loading-spinner { 
    border: 4px solid #f3f3f3; 
    border-top: 4px solid #3498db; 
    border-radius: 50%; 
    width: 40px; 
    height: 40px; 
    animation: spin 1s linear infinite; 
} 

.showHideElm {
    cursor: pointer;
}

/** Стили для отображения в моделе Модификация времени */
.text-container {
    position: relative;
    max-width: 300px; /* Ширина контейнера */
}

.short-text {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5; 
    max-height: 4.5em;
}

.show-more-icon {
    cursor: pointer;
    position: absolute;
    right: 0;
    bottom: 0;
    background: white;
    padding: 0 5px;
    font-size: 1.2em;
    color: #007bff; 
    display: none;
}

/* Глобальные стили для всех DataTables */
div.dt-container div.dt-length .form-select.form-select-sm {
    padding-right: 30px !important;
}