@import "../css/variable.css"screen;

table {
    width: 100%;
    table-layout: auto;
    border-collapse: unset;
    text-indent: initial;
    border-spacing: 2px;
}

table.tableFiltered {
    border-bottom: 1px solid var(--сolor-gray-3);
}

thead {
    text-align: center;
}

tbody {
    text-align: center;
    font-weight: 500;
    font-size: 14px;
}

tr {
}

td, th {
    border-radius: 2px;
    padding: 5px;
    height: 60px;
    position: relative;
}

th {
    background: var(--color-black);
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}

td {
    background: var(--сolor-gray-1);
}

td:first-child {
    border-left: 1px solid var(--сolor-gray-3);
}

td:last-child {
    border-right: 1px solid var(--сolor-gray-3);
}

tr:nth-child(2n) td {
    background: var(--сolor-gray-2);
}

tr:not(.colorRow):hover td {
    background: var(--color-ornage);
}

table.table--bg-white tr:not(.colorRow):hover td {
    background: #fff;
}



tr.isRezrv > td {
    background-color: #955ecc;
}

tr.isLock > td {
    background-color: #e8e8e8;
}

.tableGreen tr:nth-child(2n):hover td {
    background: #338c63;
}

.trashTd:hover {
    background-color: #46b2cebf;
    cursor: pointer;
}


.table_link {
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    color: var(--color-black);
    border-bottom: 1px solid var(--color-black);
}

.table_link:hover {
    border-bottom: 3px solid var(--color-black);
}




.table-container_small {
    /*max-width: 80%;*/
    max-height: 290px;
    margin: 0 auto;
    border-spacing: 3px;
    vertical-align: top;
    overflow: auto;
}

.table-container_small.listYears-table {
    width: 370px;
    min-width: 280px;
    height: auto;
}

.table-container_small.app-obj {
    height: auto;
    margin-top: 30px;
}


tr.colorRow > td {
    background-color: #f1ce93;
}

tr.colorRowRed > td {
    background-color: #E24C4C;
}

td.colorCellYellow {
    background-color: yellow !important;
}

tr.selectedTr > td {
    background-color: #808080;
}




tr.selectedTr:hover td {
    background: #808080;
}


.table-bypass {
    width: min-content;
    margin: 0 auto;
}

.table-bypass tr:hover td {
    background-color: #ffffff;
}

.table_container {
    max-width: 99.2%;
    height: auto;
    margin: 0 auto;
    border-spacing: 3px;
    vertical-align: top;
    overflow-x: auto;
    position: absolute;
    z-index: 10;
}

.table-small {
    max-width: 800px;
    height: auto;
    margin: 0 auto;
    border-spacing: 3px;
    vertical-align: top;
    overflow-x: auto;
    z-index: 10;
}

.table_container_for_modal {
    max-width: 100%;
    height: auto;
    margin: 15px auto 20px;
    border-spacing: 3px;
    vertical-align: top;
    overflow-x: auto;
    overflow-y: auto;
    z-index: 10;
}


.title-edit_card {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    position: relative;
}

.title-edit_card h1 {
    font-size: 2em;
    display: inline-block;
    border-bottom: 2px solid var(--color-black);
}


/* Sticky Table*/
.td-shadow, .th-shadow {
    box-shadow: 2px 0px 3px #999;
}

.th-shadow {
    left: 0;
    z-index: 98 !important;
}

.td-shadow {
    position: sticky;
    position: -webkit-sticky;
    left: 0;
    z-index: 94 !important;
}

.stickyTable thead th {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 95;
}

.stickyTable thead th:nth-child(1) {
    left: 0;
    z-index: 98;
    /*    border-right: 1px solid var(--color-yellow);*/
    border-right: 1px solid var(--main-background);
}

.stickyTable tbody td:nth-child(1) {
    position: sticky;
    position: -webkit-sticky;
    left: 0;
    z-index: 94;
    /*    border-right: 1px solid var(--color-black);*/
    border-right: 1px solid var(--main-background);
}

/*//////////////////////////////////////// */
.stickyTablFix thead th {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 95;
}
.stickyTablFix thead th,
.stickyTablFix tbody td {
    position: sticky;
    position: -webkit-sticky;
}

.stickyTablFix thead th.sticky-col,
.stickyTablFix tbody td.sticky-col {
    z-index: 94;
}

.stickyTablFix thead th.sticky-col-header {
    z-index: 99;
}

.left-shadow {
    box-shadow: 4px 0 6px -2px rgba(0, 0, 0, 0.3);
    z-index: 100;
}
/*//////////////////////////////////////// */


.TableScroll {
    width: 100%;
    padding-bottom: 20px;
    overflow-x: hidden;
}

.TableScroll table {
    padding-right: 10px;
}


.doubleScroll-scroll-wrapper {
    position: fixed;
    left: 0px;
    right: 0px;
    z-index: 800;
    bottom: 0px;
}


table.documents {
    /*    border: 1px solid var(--сolor-gray-3);*/
    border-radius: 10px;
}

table.documents td {
    border: none;
    background: var(--сolor-black25);
    border-radius: 10px;
}

table.documents td:nth-child(2) {
    /*    background: none;*/
}

/*Цвета в таблицах*/
.color-table__red {
    background-color: #ff5c26b0;
}

td.cellRed {
    background-color: #ff5c26b0 !important;
}

td.cellYellow {
    background-color: #ffee47 !important;
}
/*tr:not(.cellRed) td {*/
/*background: #40ADC9;*/
/*background: #ff5c26b0;
}*/