@import url("/css/style.css");
@import url("/css/components/toast.css");
@import url("/css/components/table.css");
@import url("/css/components/draggable.css");

/* стили для страницы с коробками */
.table-collapse .tabulator-col,
.table-collapse .tabulator-row .tabulator-cell {
    border-left: 1px solid #bbb;
}

.table-collapse .tabulator-col:first-child,
.table-collapse .tabulator-row .tabulator-cell:first-child {
    border: none;
}

.table-collapse .tabulator-col:last-child {
    width: fit-content;
}

.table-collapse .tabulator-row .tabulator-responsive-collapse {
    padding-left: 30px;
}

.table-collapse .tabulator-row .tabulator-responsive-collapse tr:nth-child(even) {
    background-color: #EFEFEF;
}

.table-collapse .tabulator-row .tabulator-responsive-collapse tr td:first-child {
    padding-right: 5px;
}

.table-collapse .tabulator-row .tabulator-responsive-collapse tr td:last-child {
    padding-left: 5px;
    width: 100%;
}

.table-collapse {
    border-radius: 10px;
}

.table-collapse .tabulator-tableHolder {
    min-height: 400px;
}

.table-collapse .tabulator-placeholder {
    padding: 50px;
}

.table-collapse .tabulator-row:hover {
    background-color: #fff;
}

.table-collapse .tabulator-row .tabulator-responsive-collapse tr:hover {
    background-color: #ddd;
}

#gsmboxModal .modal-content,
#gsmboxModal .modal-dialog {
    max-width: 800px;
    min-height: 600px;
}

#gsmboxesModalTable {
    min-height: 450px;
}

.searchForm {
    float: right;
}

@media (max-width: 500px) {
    .above-table {
        display: inline-block;
    }

    .searchForm {
        margin-top: 5px;
        float: none;
    }
}