/*таблица сама простая*/
.bth__table {
    width: 100%;
    margin-top: 12px;
    font-family: 'apercu_pro', sans-serif;
}

.bth__table th {
    text-align: left;
    border-bottom: 1px solid #bcbcbc;
    padding: 7px;
    color: #999;
    font-size: 13px;
    font-weight: normal;
}

.bth__table tr td .bth__table-inline-block {
    display: inline-block;
    margin-right: 5px;
    vertical-align: top;
}

.bth__table tr td:last-of-type > .bth__square-icon:last-of-type {
    margin-right: 0;
}

.bth__table tr td .bth__table-inline-block:last-of-type {
    margin-right: 0;
}

.bth__table-wrap table {
    margin-top: 0;
}

.bth__table.bth__table--left-last tr td:last-of-type,
.bth__table.bth__table--left-last tr th:last-of-type {
    text-align: left;
}

.bth__table-wrap table tbody tr td {
    vertical-align: middle;
}

.bth__table-va-top {
    vertical-align: top;
}

.bth__table-wrap table:not(.bth__table--border) tr:last-of-type td {
    padding-bottom: 0;
    border: none;
}

.bth__table-wrap {
    border: 1.5px solid #ccc;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 20px;
}

.bth__table tr td:hover > .hint {
    display: block;
    left: 0;
    max-width: 300px;
}

.bth__table-ttl {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 7px;
    line-height: 22px;
    border-bottom: 1px solid #bcbcbc;
    vertical-align: middle;
    color: #475669;
    word-wrap: break-word;
    font-family: 'apercu_pro', sans-serif;
    box-sizing: border-box;
    position: relative;
}

.bth__table-ttl--flex {
    display: flex;
    justify-content: space-between;
}

.bth__table tr td {
    font-size: 14px;
    padding: 7px;
    line-height: 22px;
    border-bottom: 1px solid #bcbcbc;
    vertical-align: middle;
    color: #475669;
    word-wrap: break-word;
    box-sizing: border-box;
    position: relative;
}

.bth__table .bth__table-cell-50 {
    width: 50px;
    min-width: 50px;
    max-width: 50px;
}

.bth__table .bth__table-cell-255 {
    width: 255px;
}

.bth__table-wrap .body__tbl .bth__row:last-of-type .bth__cell {
    border-bottom: none;
}

.bth__table tr.bth__table-grey-row td {
    font-weight: bold;
    font-size: 16px;
}

.bth__table tr.bth__table-grey-row {
    background-color: #e4e5ea;
}

.bth__table-ico-red:hover {
    color: #ff0000;
}

.bth__table-ico-red {
    font-size: 23px;
    color: #e03a3a;
    float: right;
}

.bth__table tr th:last-of-type,
.bth__table tr td:last-of-type {
    text-align: right;
}

.bth__table-eye {
    cursor: pointer;
    display: inline-block;
    color: #ccc;
    font-size: 20px;
}

.bth__table-eye:hover {
    color: #3687c5 !important;
}

.bth__table-top-line > div {
    padding: 7px;
}

.bth__table-top-line {
    padding-left: 50px;
    margin-bottom: 10px;
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ccc;
    align-items: flex-end;
}

.bth__table-show-750 {
    display: none;
}

.bth__scrolable-tbl-full .bth__table th,
.bth__scrolable-tbl-full .bth__table td {
    white-space: nowrap;
}

.bth__scrolable-tbl-full .bth__table {
    transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
}

.bth__scrolable-tbl-full {
    overflow-x: auto;
    transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
}

.bth__scrolable-tbl-full::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    background-color: #F5F5F5;
    z-index: 10;
}

.bth__scrolable-tbl-full::-webkit-scrollbar {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    width: 3px;
    background-color: #F5F5F5;
    height: 20px;
}

.bth__scrolable-tbl-full::-webkit-scrollbar-thumb {
    border-radius: 0;
    -webkit-box-shadow: none;
    background-color: #ccc;
}

.bth__table .bth__table-cell-200 {
    width: 200px;
}

.bth__table .bth__table-cell-140 {
    width: 140px;
}

.bth__table-wrap.bth__table-wrap--show-750 {
    display: none;
}

@media screen and (max-width: 1023px) {
    .bth__scrolable-tbl .bth__table thead tr th,
    .bth__scrolable-tbl .bth__table tbody tr td {
        padding: 7px 20px;
        padding-left: 0;

    }

    .bth__scrolable-tbl .bth__table th,
    .bth__scrolable-tbl .bth__table td {
        white-space: nowrap;
    }

    .bth__scrolable-tbl .bth__table {
        transform: rotateX(180deg);
        -ms-transform: rotateX(180deg);
        -webkit-transform: rotateX(180deg);
    }

    .bth__scrolable-tbl {
        overflow-x: auto;
        transform: rotateX(180deg);
        -ms-transform: rotateX(180deg);
        -webkit-transform: rotateX(180deg);
    }

    .bth__scrolable-tbl::-webkit-scrollbar-track {
        -webkit-box-shadow: none;
        border-top-right-radius: 4px;
        border-top-left-radius: 4px;
        background-color: #F5F5F5;
        z-index: 10;
    }

    .bth__scrolable-tbl::-webkit-scrollbar {
        border-top-right-radius: 4px;
        border-top-left-radius: 4px;
        width: 3px;
        background-color: #F5F5F5;
        height: 20px;
    }

    .bth__scrolable-tbl::-webkit-scrollbar-thumb {
        border-radius: 0;
        -webkit-box-shadow: none;
        background-color: #ccc;
    }

    .bth__scrolable-tbl-full tr th,
    .bth__scrolable-tbl-full tr td {
        padding: 7px 20px;
        padding-left: 0;

    }
}

@media screen and (max-width: 750px) {
    .bth__table-show-750 {
        display: block;
        font-size: 13px;
        margin-bottom: 5px;
    }

    .bth__table-wrap.bth__table-wrap--show-750 {
        display: block;
    }

    .bth__table-d-ib-750 {
        display: inline-block;
    }

    .bth__table:not(.bth__table-no-adaptive) thead,
    .bth__table-wrap.bth__table-wrap--hide-750,
    .bth__table-hide-750 {
        display: none !important;
    }

    .bth__table:not(.bth__table-no-adaptive) tr,
    .bth__table:not(.bth__table-no-adaptive),
    .bth__table:not(.bth__table-no-adaptive) tbody {
        display: block;
        width: 100%
    }

    .bth__table:not(.bth__table-no-adaptive) tr td {
        display: block;
        width: 100%;
        text-align: left !important;
        border: none;
    }

    .bth__table:not(.bth__table-no-adaptive) tr td:last-of-type {
        border-bottom: 1px solid #bcbcbc;
    }
}