body {
    color: #000000;
    background-color: #ffffff;
    font-family: Tahoma, Arial, helvetica, trebuchet ms;
}

.unselectable {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
    -khtml-user-select: none; /* Konqueror */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently not supported by any browser */
}

/* Контейнер плотно прилегает к краям и ограничен по ширине */
.container {
    max-width: 1200px;
}

/* Выравнивание текста вправо */
.ColumnR {
    text-align: right;
    padding-right: 5px;
}

/* Убираем паддинги для колонок */
.no-gutters {
    margin-right: 0;
    margin-left: 0;
}
  .no-gutters > .col,
  .no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0; }

.login_title_a {
    padding-top: 11px !important;
    padding-bottom: 11px !important;
    background-color: #0078c0;
    text-align: center;
}

.login_title_b {
    /*border: 1px solid #F0F0F0;*/
    padding-top: 11px !important;
    padding-bottom: 11px !important;
    /*background: linear-gradient(to bottom, #FFFFFF, #F0F0F0);*/
    background-color: #F8F8F8;
    color: #758297;
    text-align: center;
}

.login_border_l {
    /*border-left: 1px solid #F0F0F0;*/
}

.login_border_r {
    /*border-right: 1px solid #F0F0F0;*/
}

.login_border_lr {
    /*
    border-left: 1px solid #F0F0F0;
    border-right: 1px solid #F0F0F0;
    */
}

.login_border_b {
    /*
    border-left: 1px solid #F0F0F0;
    border-right: 1px solid #F0F0F0;
    border-bottom: 1px solid #F0F0F0;
    */
}

/* КНОПКА УСТАНОВКИ */
.IHL {
    display: none;
}

/* ПОЛЯ ВВОДА */
.inputligth {
    background-color: #FFFFFF !important;
    border: 0px;
}

.input-group-text {
    padding-top: 0px !important;
    padding-left: 5px !important;
    padding-bottom: 0px !important;
    padding-right: 5px !important;
    background-color: #FFFFFF !important;
    border-right-width: 0px !important;
}
.form-control {
    border-left-width: 0px !important;
}

.custom-select {
    border-left-width: 0px !important;
    border-top-width: 1px !important;
    border-right-width: 1px !important;
    border-bottom-width: 1px !important;
}

/* Выпадающий список */
select, option {
    border: 2px solid #cccccc !important;
    border-radius: 6px;
}


.border_input {
    border: 2px solid #F0F0F0 !important;
    border-radius: 6px;
    margin-top: 1px;
    margin-bottom: 1px;
}

/* ЛЕГЕНДА */
.leg_img
{
    width: 20px;
    height: 20px;
}
.leg_title
{
    padding-left:20px;
}

/* GridCSS */
.GridCSS {
    width: 100%;
}
.GridTitle {
    background-color: #0078c0;
    height: 48px;
}
.GridRowA {
    background-color: #f8f8f8;
    height: 48px;
}
.GridRowB {
    background-color: #ffffff;
    height: 48px;
}


/* КНОПКИ */
.btn {
    /* width: 150px !important; */
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.btn-primary {
    background-color: #0078c0 !important;
    padding-top: 11px !important;
    padding-bottom: 11px !important;
}
.btn-danger {
    padding-top: 11px !important;
    padding-bottom: 11px !important;
}

.btn-secondary {
    background-color: #6c757d !important;
    border: 2px solid #b5b5b5 !important;
    padding-top: 11px !important;
    padding-bottom: 11px !important;
}

.btn-light-SBP {
    color: #FFFFFF !important;
    font-family: Verdana !important;
    background-color: #1d1346 !important;
    border: 2px solid #1d1346 !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

    .btn-light-SBP:hover {
        background-color: #332a58 !important;
    }

.btn-light-SberBankOnline {
    color: #FFFFFF !important;
    font-family: Verdana !important;
    background-color: #158e2c !important;
    border: 2px solid #158e2c !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

    .btn-light-SberBankOnline:hover {
        background-color: #158e2c !important;
    }

.btn-light {
    background-color: #FFFFFF !important;
    border: 2px solid #F0F0F0 !important;
    padding-top: 11px !important;
    padding-bottom: 11px !important;
}
.btn-light:hover {
    background-color: #E0E0E0 !important;
}

/* Информация о пользователе user_info 36*/
.user_info {
    padding-top: 3px;
    padding-bottom: 3px;
}

.micro_btn {
    background-position: center center;
    padding: 1px;
    cursor: pointer;
    background-repeat: no-repeat;
}

.micro_edit {
    background-image: url('../IMG/edit_p.png');
}

.micro_edit:hover {
    background-image: url('../IMG/edit_a.png');
}


/* Тариф/доп услуги*/
.TaxService {
    background-color: #f8f8f8;
    width: 100%;
}
.TaxServiceRow {
    height: 64px;
}
.TaxServiceRow td:first-child {
    padding-left: 23px;
}
.TaxServiceGrayLine {
    height: 25px;
    border-bottom: 2px solid #f2f2f2;
}
.TaxServiceTitle {
    padding-top: 18px;
    padding-bottom: 19px;
}
.TaxServiceEmptyLine {
    height: 48px;
}

/* ПОДВАЛ */
.bottom_line {
    border-top: solid 1px #F0F0F0;
}
.bottom_fone {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}

/* МЕНЮ */
.navbar {
    margin-bottom: 29px !important; 
}

.navbar-toggler {
    height: 38px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.MenuIMG {
    max-width: 280px;
    margin-top: 20px;
    margin-bottom: 20px;
}
/* Extra small <575px */
@media only screen and (max-width: 575px) {
    .MenuIMG {
        max-width: 200px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

/* Small 576px - 767px */
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .MenuIMG {
        max-width: 240px;
        margin-top: 15px;
        margin-bottom: 15px;
    }
}

.nav-link {
    color: #b5b5b5 !important;
    font-weight: bold !important;
}
.nav-link:hover {
    color: #555555 !important;
    font-weight: bold !important;
}
.active {
    color: #0078c0 !important;
}
.active:hover {
    color: #0078c0 !important;
}

.navbar-toggler-icon {
    background-image: url('/IMG/brand_img.gif') !important;
    height: 38px !important;
    width: 38px !important;
}

/* Переключатель TelegramBot */
.switch-btn {
    display: inline-block;
    width: 42px; /* ширина */
    height: 18px; /* высота */
    border-radius: 10px; /* радиус скругления */
    background: #ebebeb; /* цвет фона */
    z-index: 0;
    margin: 0;
    padding: 0;
    border: none;
    cursor: pointer;
    position: relative;
    transition-duration: 300ms; /* анимация */
    margin-top: 1px;
    margin-bottom: -4px;
}

    .switch-btn::after {
        content: "";
        height: 14px; /* высота кнопки */
        width: 14px; /* ширина кнопки */
        border-radius: 9px; /* радиус скругления */
        background: #FFF; /* цвет кнопки */
        top: 2px; /* положение кнопки по вертикали относительно основы */
        left: 2px; /* положение кнопки по горизонтали относительно основы */
        transition-duration: 300ms; /* анимация */
        position: absolute;
        z-index: 1;
    }

.switch-on {
    background: #0078c0;
    background: linear-gradient(to left, #0078c0, #0078c0);
}

    .switch-on::after {
        left: 26px;
    }