.container2 {
    padding: 2rem 0rem;
    z-index: 11111111111;
    background-color: #1b1b1b;
    /*position: absolute;*/
    position: fixed;
    /*left: 40%;*/
    /*left: 50%;*/
    /*left: 40%;*/
    /*left: 38%;*/
    height: auto;
    height: 200px;
    overflow: auto;
    /*padding: 2%;*/
    /*padding: 1%;*/

    /*padding: 0% 10%;*/

    padding: 0% 0%;

    /*margin-top:-5% ;*/
    margin-top:-3.4% ;
    border-radius: 10px;
    justify-content: space-between;
    display: none;

    /*top: 10%;*/
    top: 128px;
    /*overflow-x:hidden;*/

}

.main-table table, .main-table th,.main-table  td {
    border: 2px solid black;
    border-radius: 25px;
    padding: 0px 40px;
}


h4 {
    /*margin: 2rem 0rem 1rem;*/
}
.table-image td, .table-image th {
    vertical-align: middle;
}

.layer7{
    width: auto;
    height: auto;
    /*position: absolute;*/
    position: fixed;
    left: 93%;
    /*right: 190%;*/
    bottom: 90%;
    /*padding-top: -10%;*/
    display: flex;

    /*transform: scale(-1, 1);*/
}

#layer7{
    z-index: 111;
    display: none;
    font-family: Avantgarde, TeX Gyre Adventor, URW Gothic L, sans-serif;
    /*justify-content: space-between;*/
    /*border: 1px solid black;*/
    color: white;
    /*background: rgba(0, 0, 0, 0.5);*/
    background: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(6px);
    border-radius: 15px;
    height: max-content;
    /*max-height: 400px;*/
    /*max-height: 80%;*/
    max-height: 90%;
    /*margin-top: -61px;*/
    /*margin-top: -108px;*/
    margin-top: -119px;
    /*width: 21%;*/
    /*width: 600px;*/
}

table, th, td {
    border: 1px solid white;
    border-right: none;
    border-left: none;
    /*border: 2px solid black;*/
    border-collapse: collapse;
    /*width: 500px;*/
    /*width: 579px;*/
    /*width: 626px;*/

    /*width: inherit;*/
    width: -webkit-fill-available;
    width: -moz-available;
    width: -webkit-fill-available;
    width: fill-available;

    /*font-size: initial;*/
    /*font-size: 14px;*/

    text-align: center;
    /*padding: 5px;*/
    /*padding: 9px;*/
    padding: 4px;
    /*border-color: white;*/
}

#element::-webkit-scrollbar {
    width: 7px;
    background-color: #f9f9fd;
    color: white;
}


.col-12{
    /*width: 626px;*/
    text-align: center;

}



#routes{
    cursor: pointer;
    /*background-color: black;*/
    /*color: white;*/
}

.selected {
    background-color: #0f0;
}

.black {
    background-color: black;
    color: white;
}


/*table tr.marked{*/
/*   color: tomato; /.здесь нужный цвет*/
/*}*/

/*.active {*/
/*    background: red;*/
/*}*/

.rotate{
    -moz-transition: all 2s linear;
    -webkit-transition: all 2s linear;
    transition: all 0s linear;
}

.rotate.down{
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
}


table tr.marked{
    background-color: #006fff;
}


.active {
    /*background: #000000;*/
    background: rgba(0, 0, 0, 0.3);

}

.selected{ background: #ff0000;}

.filter-table {
    border-collapse: collapse;
}

.filter-table {
    /*border: white;*/
    border-top: none;
}

.filter-table thead {
    border-bottom: thin solid grey;
}

.filter-table th,
.filter-table td {
    padding: 0.25em 0.5em;
    border: none;
    border-bottom: 1px solid;
    /*background: white;*/
    color: white;
    font-weight: bold;
    border-left: none;
    border-right: none;
}
}

.filter-table th {
    /*background: #CCC;*/
    background: #000;
    border: black;
}

.filter-table tbody tr:nth-child(even) {
    /*background: #EEE;*/
}

.hidden-row {
    display: none;
}

option{
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(6px);
    border: white;
    border-radius: 3px;
}


#4{
    width: 100%;
    opacity: 0;
}


.custom-checkbox1 input[type="checkbox"] {
    display: none;
}

/* Создать контейнер для кастомного флажка */
.custom-checkbox1 {
    position: relative;
    display: inline-block;
    width: 30px; /* Размер контейнера */
    height: 30px; /* Размер контейнера */
}

.checkmark1 {
    margin-left: 0;
    background-color: white;
    border-radius: 6px;
    /*position: relative;*/
    display: inline-block;
    width: 30px;
    height: 30px;
    left: -4px;
    border: solid rgb(116, 255, 0); /* Красный прозрачный цвет границы */
}

/* Создать стиль для крестика */
.checkmark1:after {
    content: "X"; /* Заменяем пустое содержимое на символ "X" для крестика */
    position: absolute;
    display: none;
    left: 5px; /* Позиция крестика */
    top: 4px; /* Позиция крестика */
    width: 12px; /* Размер крестика */
    height: 12px; /* Размер крестика */
    /*border: solid #ff0000; !* Цвет крестика *!*/
    color: red;
    /*border-width: 2px; !* Толщина границы крестика *!*/
}

/* Показать крестик, если чекбокс отмечен */
.custom-checkbox1 input[type="checkbox"]:checked + .checkmark1:after {
    display: block;
}

/* Установить красный цвет флажка, когда чекбокс отмечен */
.custom-checkbox1 input[type="checkbox"]:checked + .checkmark1 {
    background-color: #ffffff;
    border: solid rgba(255, 0, 0, 0.5); /* Красный прозрачный цвет границы */
}

td{
    padding: 0px;
    height: 1px;
}

.arrow-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.arrow::before {
    content: '\25BC';
    font-size: 20px;
    rotate: 180deg;
    display: inline-block;
    transition: transform 0.2s ease;
}

.rotated::before {
    transform: rotate(180deg);
}

.hidden {
    display: none;
}

.left_slide{
    /*width: min-content;*/
    width: 180px;
}


.hided_element{
    display: none;
}

.rotatArrow{
    float: right;
    top: 5px;
    right: 10px;
    position: absolute;
}

.all{
    content: '\25BC';
}

#loader.visible{
    z-index: 9999999;
}