.main_menu {
    overflow: hidden;
    padding: 0px;
    width: 250px;
}

.jspContainer {
    width: 250px;
    height: 100%;
}

.jspPane {
    padding: 0px;
    top: 0px;
    left: 0px;
    width: 243px;
}

.subleftmenu {
    display: block !important;
}

.iconblack {
    color: black;
}

#ui-id-2 {
    display: block;
}

.inner-menu-account-user-container {
    overflow-wrap: break-word;
}

.rightblock {
    float: right
}

#iconSprav {
    color: #254e5f
}

.greenStatus {
    color: green;
}

.redStatus {
    color: #dd4d4d;
}

.btn-fiftywidth {
    width: 45%;
}

.btn-thirty-five-width {
    width: 35%;
}

/*.buttons-container {
    width: 100%;
    display: flex;
}*/

.btn-recovery {
    border-color: #00b600e6!important;
    background-image: none!important;
    background-color: #00b600e6!important;
    margin-top: 0 !important;
    font-size: 14px!important;
    height: 36px!important;
}

.btn-recovery:hover {
    border-color: rgba(1, 145, 1, 0.9)!important;
    background-image: none;
    background-color: rgba(1, 145, 1, 0.9)!important;
}

.buttons-container div {
    width: 100%;
    padding: 5px 5px;
}

/*
.buttons-container button {
    width: 100%;
}
*/

.btn-twentyfive {
    width: 25%;
}

.textareacheque {
    resize: none;
}

.fontcheckue {
    font-size: 10px;
}

.fontcheckuebig {
    font-size: 13px;
}

.btn-primary {
    border-color: #4b5fa5 !important;
    background-color: #427fba !important;
    padding: 10px;
    margin-top: 10px;
}

.btn-primary:hover {
    border-color: #4b5fa5 !important;
    background-color: #255a8d !important;
}

.btn-danger {
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
    padding: 10px;
}

.btn-danger:hover {
    background-color: #c82333 !important;
    border-color: #bd2130 !important;
}

.btn-remove {
    background-color: #dc3545!important;
    border-color: #dc3545!important;
    padding: 10px !important;
    margin-top: 10px !important;
    color: white !important;
}


.btn-recover {
    background-color: #00BF32!important;
    /*border-color: #008209!important;*/
    padding: 10px !important;
    margin-top: 10px !important;
    color: white !important;
}

.btn-recover:hover {
    background-color: #26972D!important;
    /*border-color: #bd2130!important;*/
}

.headerBottomMenu {
    color: black !important;
    cursor: default;
}

.statBlockInfo {
    height: 300px;
}

.sidebar-icon-panel, .sidebar-contacts-icon-panel {
    background: #0c59aa !important;
}

.listSpravs {
    padding-top: 10px;
}

.listSpravs li {
    padding: 10px;
}

.btn-back {
    padding: 10px 15px;
}


.mytooltip { /* стиль текста, наведя или нажав на который появится пояснение */
    display: inline-block;
    position: relative;
    color: #507AA5; /* цвет фона */
    text-indent: 0px;
    cursor: help; /* вид курсора */
    font-size: 13px;
    text-align: left;
    width: 100%;
}

.mytooltip table {
    font-size: 13px;
    color: #666;
}

.mytooltip > span:last-child { /* стиль появляющейся подсказки */
    position: absolute;
    bottom: -5%;
    width: 400px;
    right: 0em;
    /*        left: -20em;  = max-width
            right: -20em;  = max-width
            width: -moz-max-content;
            width: -webkit-max-content;
            width: max-content;   ширина подсказки может быть не более содержимого */
    /*max-width: 26em;   ширина подсказки может быть не более 20em */
    max-height: 80vh; /* необязательное ограничение по высоте подсказки, 1vh — это 1% от ширины окна */
    /*overflow: auto;*/
    visibility: hidden;
    /*    margin: 0 auto .4em;  поднята на .4em над текстом, наведя или нажав на который появится пояснение
        padding: .3em;*/
    border: solid #0c59aa 1px;
    padding: 5px;
    margin: 5px;
    font-size: 14px;
    background: #fff;
    /*    line-height: normal;
        cursor: auto;*/
    z-index: 1000;
}

#tooltip-close {
    position: relative;
    left: 450%;
    display: none;
}

#tooltip-close:hover {
    cursor: pointer;
}

.mytooltip #tooltip-scroll { /* стиль появляющейся подсказки */
    position: absolute;
    max-width: 28em;
    max-height: 80vh;
    overflow: auto;
    /*visibility: hidden;*/
    margin: 0 auto .4em;
    padding: .3em;
    border: solid rgb(200, 200, 200);
    font-size: 90%;
    background: #fff;
    line-height: normal;
    cursor: auto;
    z-index: 100;
}

.mytooltip.left > span:last-child { /* начинается от левого края */
    left: 0;
    right: -20em;
    margin: 0 0 .4em;
}

.mytooltip.right > span:last-child { /* начинается от правого края */
    left: -20em;
    right: 0;
    margin: 0 0 .4em auto;
}

.mytooltip:after { /* треугольничек под подсказкой; тут тоже везде .4em */
    content: "";
    position: absolute;
    top: -.4em;
    left: 50%;
    visibility: hidden;
    margin: 0 0 0 -.4em;
    border: .4em solid;
    border-color: rgb(200, 200, 200) transparent transparent transparent;
    cursor: auto;
}

.mytooltip.left:after {
    left: 1em;
}

.mytooltip.right:after {
    left: auto;
    right: .6em; /* 1em - .4em */
}

.mytooltip:before { /* поле между текстом, наведя или нажав на который появится пояснение, и подсказкой нужно чтобы, если перевести курсор мышки на подсказку, та не исчезла; тут тоже везде .4em */
    content: "";
    position: absolute;
    top: -.4em;
    left: 0;
    right: 0;
    height: .4em;
    visibility: hidden;
}

.mytooltip:hover > span:last-child,
.mytooltip:hover:before,
.mytooltip:hover:after,
.mytooltip:focus > span:last-child,
.mytooltip:focus:before,
.mytooltip:focus:after {
    visibility: visible;
    transition: 0s .4s;
}

.mytooltip-item-notvisible {
    visibility: hidden;
}

.mytooltip:focus { /* убрать рамку в Хроме */
    outline: none;
}

.mytooltip.anim > span:last-child,
.mytooltip.anim:after { /* анимация */
    opacity: 0;
    transform: translateY(1.5em) scale(.3);
    transform-origin: center bottom;
}

.mytooltip.anim:after {
    transform: translateY(.7em) scale(.3); /* 1.7 = 1.5 / (1.4*2) */
}

.mytooltip.anim:hover > span:last-child,
.mytooltip.anim:hover:after,
.mytooltip.anim:focus > span:last-child,
.mytooltip.anim:focus:after {
    opacity: 1;
    transition: .6s .4s;
    transform: translateY(0);
}

@media (max-width: 20em) {
    /* ширина подсказки может быть не более ширины окна браузера */
    .mytooltip > span:last-child {
        max-width: 100vw; /* в 100vw входит полоса прокрутки, но на мобильных она часто отсутствует */
        box-sizing: border-box;
    }
}

.faqlink {
    color: #3489d1;
}

#changeAtpText {
    text-align: right;
    font-size: 11px;
    padding-right: 20px;
}

.selectStatusBus {
    height: 49px;
    line-height: 49px;
}

.tableNoPadding {
    padding: 0px;
}

.tableRoute, .tableRoute2 {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    border-collapse: separate;
    border-spacing: 0px 0px;
    background-color: white;
}

.tableRoute td {
    min-height: 69px;
    height: 69px;
    max-height: 69px;
    vertical-align: top;

    border: solid 1px #d6d6d6;
    border-style: none solid solid none;
    padding: 10px;
}

.tableRoute2 td {
    min-height: 69px;
    height: 69px;
    max-height: 69px;
    vertical-align: top;

    border: solid 1px #d6d6d6;
    border-style: none solid solid none;
    padding: 10px;
}

.tableRoute tr td:first-child {
    border-top-left-radius: 10px;
}

.tableRoute tr td:last-child {
    border-top-right-radius: 0px;
}

.tableRoute tr td:first-child {
    border-bottom-left-radius: 10px;
}

.tableRoute tr td:last-child {
    border-bottom-right-radius: 0px;
}

.tableRoute tr td {
    border-top-style: solid;
}

.tableRoute tr td:first-child {
    border-left-style: solid;
}

.tableRoute2 tr td:last-child {
    border-top-right-radius: 10px;
}

.tableRoute2 tr td:last-child {
    border-bottom-right-radius: 10px;
}

.tableRoute2 tr td {
    border-top-style: solid;
}

.tableRoute2 tr td:first-child {
    border-left-style: solid;
}

.tableRoute th.oneLine {
    min-height: 69px;
    height: 69px;
    max-height: 69px;
}

.tableRoute2 th.oneLine {
    min-height: 69px;
    height: 69px;
    max-height: 69px;
}

td.isRouteBack {
    border-top-style: none !important;
}

.tableRoute th.onlyBr {
    min-height: 10px;
    height: 10px;
    max-height: 10px;
}

.tableRoute2 th.onlyBr {
    min-height: 10px;
    height: 10px;
    max-height: 10px;
}

.tableOneLine td {
    min-height: 49px;
    height: 49px;
    max-height: 49px;
}

.oneLineRoute {
    min-height: 40px;
    height: 40px;
    max-height: 40px;
}

.tableOneLine th {
    min-height: 49px;
    height: 49px;
    max-height: 49px;
}

.tdcenter {
    vertical-align: middle !important;
}

.tableRaceInfo > tbody > tr > td {
    border-bottom: 1px solid #d6d6d6;
    border-top: 0px solid #d6d6d6 !important;
}

.tableBorderNone > tbody > tr > td {
    border: 0px solid #d6d6d6 !important;
}

.btn-view {
    font-size: 12px !important;
    padding: 5px !important;
    white-space: nowrap;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: unset!important;
}

.padding-main-page {
    padding: 0 15px;
}

.add-btn-row {
    display: flex;
    flex-direction: row;
    justify-content: end;
    padding: 0 15px;
}

.add-btn-row > div {
    padding-left: 15px;
}