/* Paket 184 — bütün "table table-*" (Bootstrap) cədvəllərinə:
   1) HƏMİŞƏ görünən sütun/sətir xətləri (bəzi köhnə səhifələrdə
      "table-bordered" klası olmadığı üçün sütunlar bir-birinə qarışırdı),
   2) siçanla tutub sürükləyərək sütun/sətir ölçüsünü dəyişmək imkanı
   avtomatik tətbiq olunur (resizable-tables.js tərəfindən idarə olunur). */

table.table {
    border-collapse: collapse;
}

    table.table th,
    table.table td {
        border: 1px solid #dee2e6;
    }

.col-resize-handle {
    position: absolute;
    top: 0;
    right: -3px;
    width: 6px;
    height: 100%;
    cursor: col-resize;
    user-select: none;
    z-index: 5;
    background: transparent;
}

.col-resize-handle:hover,
.col-resize-handle.active {
    background: rgba(13, 110, 253, .35);
}

.row-resize-handle {
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 100%;
    height: 6px;
    cursor: row-resize;
    user-select: none;
    z-index: 5;
    background: transparent;
}

.row-resize-handle:hover,
.row-resize-handle.active {
    background: rgba(13, 110, 253, .35);
}

/* VACİB: bu class YALNIZ bir sütun İLK DƏFƏ sürükləndikdə həmin cədvələ
   JS tərəfindən əlavə olunur (default olaraq YOXDUR). Toxunulmamış
   cədvəllər əvvəlki kimi "table-layout: auto" ilə qalır və heç bir
   görünüş dəyişikliyi olmur. Yalnız istifadəçi faktiki sürükləməyə
   başlayanda cədvəl "fixed" rejiminə keçir ki, təyin etdiyimiz enlər
   uzun mətnli seçimlər (select) tərəfindən yenidən pozulmasın. */
table.resizable-frozen {
    table-layout: fixed;
}

table.resizable-frozen th,
table.resizable-frozen td {
    overflow: hidden;
    text-overflow: ellipsis;
}

table.resizable-frozen td select,
table.resizable-frozen td input {
    max-width: 100%;
}