/* RTK request modal mobile layout */
@media (max-width: 767px) {
    .modal-content.rtk-request-modal {
        border-radius: 24px;
        overflow: hidden;
    }

    .modal-content.rtk-request-modal .modal-header {
        border: none;
        text-align: center;
        padding-top: 32px;
    }

    .modal-content.rtk-request-modal .modal-title {
        font-size: 20px;
        font-weight: 600;
        color: #2c2c2c;
    }

    .modal-content.rtk-request-modal .modal-body {
        padding: 0 24px 24px;
    }

    .modal-content.rtk-request-modal .rtk-request-info {
        background: #f9f9fb;
        border-radius: 18px;
        padding: 18px 16px;
        font-size: 15px;
        line-height: 1.4;
        color: #4a4a4a;
        margin-bottom: 20px;
    }

    .modal-content.rtk-request-modal .rtk-request-options {
        display: flex;
        flex-direction: column;
        gap: 12px;
        margin-bottom: 12px;
    }

    .modal-content.rtk-request-modal .rtk-radio-option {
        display: flex;
        align-items: center;
        gap: 12px;
        border: 1px solid #ebebf0;
        border-radius: 999px;
        padding: 12px 16px;
        font-size: 15px;
        color: #4a4a4a;
        font-weight: 500;
        background: #fff;
    }

    .modal-content.rtk-request-modal .rtk-radio-option input {
        -webkit-appearance: none;
        appearance: none;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        border: 2px solid #dfe1e6;
        margin: 0;
        position: relative;
        flex-shrink: 0;
        background: #fff;
    }

    .modal-content.rtk-request-modal .rtk-radio-option input:checked {
        border-color: #ff8a00;
    }

    .modal-content.rtk-request-modal .rtk-radio-option input:checked::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #ff8a00;
        transform: translate(-50%, -50%);
    }

    .modal-content.rtk-request-modal .devices-wrapper,
    .modal-content.rtk-request-modal .info-wrapper {
        margin-top: 16px;
    }

    .modal-content.rtk-request-modal .modal-footer {
        border: none;
        padding: 0 24px 32px;
        display: flex;
        gap: 12px;
    }

    .modal-content.rtk-request-modal .modal-footer .btn {
        flex: 1;
        border-radius: 28px;
        font-weight: 600;
        padding: 12px 0;
    }

    .modal-content.rtk-request-modal .modal-footer .btn-primary {
        background: #ff8a00;
        border-color: #ff8a00;
    }

    .modal-content.rtk-request-modal .modal-footer .btn-default {
        background: #f2f2f2;
        border-color: #f2f2f2;
        color: #6b6b6b;
    }
}
@font-face {
    font-family: 'Montserrat';
    src: url('/fonts/Montserrat/Montserrat-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/fonts/Montserrat/Montserrat-Italic-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/fonts/Montserrat/static/Montserrat-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/fonts/Montserrat/static/Montserrat-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/fonts/Montserrat/static/Montserrat-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

.d-none {
    display: none !important;
}

.d-none.d-xl-flex {
    display: none !important;
}

.overflow-auto {
    overflow: auto !important;
}

.text-center {
    text-align: center !important;
}

.text-end {
    text-align: right !important;
}

.text-start {
    text-align: left !important;
}

@media (min-width: 1200px) {
    .d-none.d-xl-flex {
        display: flex !important;
    }
}

.disabled-custom {
    background-color: #87b87f!important;
    border-color: #87b87f;
    cursor: not-allowed;
    pointer-events: none;
    opacity: .65;
}

.ymap-container {
    height: 70vh;
}

.logo_eft {
    width: 170px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
}

.eft-brand {
    padding: 0 !important;
}

table th {
    text-align: center;
}

table .visible, .action-buttons .visible {
    color: green;
}

table .unvisible, .action-buttons .unvisible {
    color: grey;
}

.padding-top-7 {
    padding-top: 7px;
    display: block;
}

.controls {
    font-size: 0;
    height: 20px;
    letter-spacing: -1px;
    line-height: 0;
    text-align: center;
    width: 100px;
}

.fullleft, .oneleft, .fullright, .oneright, #deletebutton {
    cursor: pointer;
    display: inline-block;
    margin: 0 2px;
    vertical-align: top;
}

#deletebutton {
    background-image: url("/images/admin/delete.png");
    height: 16px;
    width: 16px;
}

.fullleft {
    background: url("/images/admin/arrows-sprite.png") no-repeat scroll 0 3px rgba(0, 0, 0, 0);
    height: 16px;
    overflow: hidden;
    width: 16px;
}

.oneleft {
    background: url("/images/admin/arrows-sprite.png") no-repeat scroll 0 -39px rgba(0, 0, 0, 0);
    height: 16px;
    overflow: hidden;
    width: 16px;
}

.fullright {
    background: url("/images/admin/arrows-sprite.png") no-repeat scroll 0 -18px rgba(0, 0, 0, 0);
    height: 16px;
    overflow: hidden;
    width: 16px;
}

.oneright {
    background: url("/images/admin/arrows-sprite.png") no-repeat scroll 0 -60px rgba(0, 0, 0, 0);
    height: 16px;
    overflow: hidden;
    width: 16px;
}

.delete_features {
    float: right;
    cursor: pointer;

}

.btn-responsive {
    white-space: normal;
    word-wrap: break-word;
}

table.orders {
    font-size: 80%;
}

.widget-main .tab-content {
    border: 1px solid #c5d0dc;
}

.edit_order .nav-tabs > li > a {
    padding: 2px 8px 2px;
    font-size: 90%;
    line-height: 90%;
}

.white-td {
    border-width: 0px !important;
    background: white !important;
}

table.quantity {
    width: 100%;
    font-size: 90%;
    font-weight: normal;
}

.widget-body table.quantity thead tr {
    background: none !important;
}

.edit_order .tab-content {
    padding: 3px;
}

.tab-content-view-profile {
    padding: 0;
}

table.quantity td, table.quantity th {
    padding: 2px;
    border-right: 1px dotted #999;
    text-align: center !important;
    font-weight: normal;
    background: none;
}

table.quantity tbody tr {
    border-top: 1px dotted #999;
}

table.quantity select {
    height: 24px;
    padding: 0 2px;
}

.main-page .btn.btn-app {
    padding: 12px 5px 9px;
    white-space: normal;
    width: 100%;
    word-wrap: break-word;
}

#widget-main-buttons .row {
    margin-left: -8px;
    margin-right: -8px;
}

#widget-main-buttons .row > [class*='col-'] {
    padding-left: 8px;
    padding-right: 8px;
}

input:disabled, textarea:disabled, option:disabled, optgroup:disabled, select:disabled:disabled {
    background: #ccc;
}

button.deletebutton {
    background: none;
    border: none;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    background: 0 0 !important;
}

.tag-input-style + .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
    background-color: rgba(0, 0, 0, .2) !important;
}

#photos ul.photos {
    margin-top: 15px;
}

#photos ul.photos li:first-child {
    /*margin-right: 20px*/
    position: relative;
}

#photos ul.photos li:first-child > a:before {
    position: absolute;
    top: 0;
    left: -6px;
    width: 166px;
    background-color: rgba(0, 0, 0, .55);
    text-align: center;
    vertical-align: middle;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    display: flex;
    justify-content: center;
    font-size: 15px;
    letter-spacing: 1px;
    align-items: center;
    color: white;
}

#photos ul.photos li:first-child:hover > a:before {
    left: 24px;
}

.ace-thumbnails > li {
    margin: 0;
    margin-right: 5px;
    margin-bottom: 5px;
}

.margin-b-m-15 {
    margin-bottom: -15px;
}

.margin-t-m-15 {
    margin-top: -15px;
}


#chosencat2_chosen, .chosen {
    width: 100% !important;
}

.chosen-container {
    width: 100% !important;
}

.navbar {
    background: url('../../../images/new-design/header-bg.png') no-repeat scroll center center / cover;
}

.navbar .navbar-brand {
    padding-top: 8px;
}

.header-tel {
    margin: auto;
    display: flex;
    justify-content: center;
    width: 170px;
    align-items: center;
    text-align: center;
}

.header-tel-block {
    margin-top: 12px;
    display: block;
    width: 170px;
}

.header-tel-link {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
    line-height: 1.3;
    font-size: 14px;
    font-weight: 400;
    width: 160px;
    color: #393939;
    text-decoration: none !important;
    margin-right: 0px;
    text-align: center;
    margin: auto;
}

.header-tel-link-block {
    margin-top: 4px;
}

.header-tel-link:hover {
    color: #337ab7;
    text-decoration: underline !important;
}

.header-tel-text {
    margin: auto;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
    line-height: 1.3;
    font-size: 13px;
    font-weight: 400;
    color: #393939;
    text-align: start;
}

.new-header-tel {
    margin: auto;
    display: flex;
    justify-content: center;
    width: 100%;
    align-items: center;
    text-align: start;
}

.new-header-tel-block {
    flex-wrap: nowrap !important;
}

.new-header-tel-body {
    padding-left: 5rem;
}

.new-header-tel-link {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
    line-height: 1.3;
    font-size: 14px;
    font-weight: 400;
    width: 100%;
    color: #393939;
    text-decoration: none !important;
    margin-right: 0px;
    text-align: center;
    margin: auto;
    white-space: nowrap !important;
}

.new-header-tel-link-block {
    margin-top: 4px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
    font-weight: 500;
    font-size: 14px;
}

.new-header-tel-link:hover {
    color: #337ab7;
    text-decoration: underline !important;
}

.new-header-tel-text {
    margin: auto;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
    line-height: 1.3;
    font-size: 14px;
    font-weight: 600;
    color: #393939;
    text-align: center;
    white-space: nowrap !important;
}

.qr-code {
    margin-top: 20px;
}

.qr-code .show-mobile {
    display: none;
}

.page-header h1 {
    color: #ff6600;
}

.sidebar.menu-min .sidebar-shortcuts {
    display: none;
}

.widget-color-orange .widget-header,
.background-orange {
    background-color: #fe9846 !important;
}

.widget-color-blue .widget-header a {
    color: white;
}

input::-webkit-calendar-picker-indicator {
    display: none;
}

input[type="date"]::-webkit-input-placeholder {
    visibility: hidden !important;
}

.no-skin .nav-list li.active > a::after {
    -moz-border-right-colors: #fe9846;
    border-right-color: #fe9846;
    display: none !important;
}

.no-skin .nav-list > li .submenu > li.active > a {
    color: #fe9846;
}

.no-skin .nav-list > li.open > a {
    color: #fe9846;
}

.nav-list > li.active > a {
    font-weight: normal;
}

.no-skin .nav-list > li.active > a {
    color: #fe9846;
    font-weight: normal;
}

.no-skin .nav-list > li.active::after {
    border-color: #fe9846;
    display: none !important;
}

div#tipDiv {
    font-size: 12px;
    line-height: 1.2;
    color: #000;
    background-color: #E1E5F1;
    border: 1px solid #667295;
    padding: 4px;
    width: 250px;
}

.status {
    margin: 0 auto;
    width: 20px;
    height: 20px;
}

.status.yellow {
    background-color: yellow;
}

.status.blue {
    background-color: dodgerblue;
}

.status.green {
    background-color: green;
}

.status.violet {
    background-color: darkviolet;
}

.status.pink {
    background-color: hotpink;
}

.status.brown {
    background-color: saddlebrown;
}

.status.red {
    background-color: red;
}

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

.status.gray {
    background-color: darkgray;
}

.status.orange {
    background-color: #ff6600;
}

form .error {
    border: 1px solid red;
}

form label.error {
    border: none !important;
    color: red;
    font-size: 10px;
}

.error-placement {
    color: red;
}

.spinner-old {
    display: none;
    position: fixed;
    z-index: 9999999;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, .8) url('images/ajax-loader.gif') 50% 50% no-repeat;
}

.spinner {
    display: none;
    position: fixed;
    z-index: 9999999;
    top: 50%;
    left: 50%;
    height: 66px;
    width: 66px;
    background: url(images/ajax-loader.gif) 50% 50% no-repeat;
}

.profile-info-name {
    width: 205px;
}

.notifications-info-label {
    min-height: 31px;
    display: flex;
    align-items: center;
}

.user-data-edit {
    width: 205px;
}

#modal-bs-find th {
    font-weight: 400;
}

textarea {
    width: 100%;
    height: 76px;
    font-size: 13px;
}

.bs-actions {
    margin: 10px auto 0 14px;
}

.bs-actions a {
    margin-top: 5px;
}

.table-caption {
    background-color: rgb(247, 156, 75);
    display: table-caption;
    color: white;
    font-weight: 700;
}

/*.coordinates .tab-color-blue>li>a, .coordinates .tab-color-blue>li>a:focus{
    background-color: #f79c4b;
}*/

.btn-ntrip-caster {
    margin-left: 24px;
    margin-bottom: 15px;
}

.favorite {
    margin-top: -4px !important;
}

#measure-start-time,
#measure-end-time {
    cursor: pointer;
    background-color: #fff !important;
}

.itemdiv > .body {
    margin-left: 0;
}

.dialogs > .events > .body {
    margin-left: 50px;
}

.itemdiv.dialogdiv > .sender {
    background-color: #fcfcfc;
    width: 90%;
}

.itemdiv.dialogdiv > .not-sender {
    margin-left: 10%;
}

.itemdiv.dialogdiv:before {
    display: none;
}

.itemdiv.dialogdiv > .body.sender:before {
    background-color: #fcfcfc;
}

.itemdiv.dialogdiv > .body.not-sender:before {
    content: "";
    display: block;
    position: absolute;
    right: -7px;
    left: auto;
    top: 11px;
    width: 8px;
    height: 8px;
    border: solid #DDE4ED;
    border-width: 0 2px 2px 0;
    background-color: #FFF;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.itemdiv.dialogdiv > .body.not-sender {
    border-left-width: 1px;
    border-right-width: 2px;
}

.white-space-pre-wrap {
    white-space: pre-wrap;
}

.widget-title a {
    color: #855d10;
    font-weight: 500;
}

.user_search_result {
    background: #FFF;
    border: 1px #ccc solid;
    border-radius: 4px;
    max-height: 300px;
    overflow-y: scroll;
    display: none;
}

.user_search_result li {
    list-style: none;
    padding: 5px 10px;
    margin: 0 0 0 0px;
    color: #0896D3;
    border-bottom: 1px #ccc solid;
    cursor: pointer;
    transition: 0.3s;
}

.user_search_result li:hover {
    background: #eff3f8;
}

/*.head #aside {margin-bottom:-80px;} 	*/
.head #aside td {
    padding-right: 10px;
    font-size: 13px;
}

.legenda td {
    color: #fff;
}

.header-margin {
    margin-top: 20px;
    width: 100%;
    display: block;
}

.header .lk h3 {
    margin: 0;
    padding: 0;
}

.header .ymaps-map {
    border: solid 3px #fff;
}

.header .ymaps-map .ymaps-copyrights-logo, .header .ymaps-map .ymaps-copyrights-legend {
    display: none;
}

.pretext {
    display: none;
}

.slogin {
    margin: 20px 0 0 20px;
}

.legenda {
    margin-bottom: 10px;
}

.legenda .button {
    white-space: normal;
    width: 100%;
    font-size: 12px;
    margin-top: 10px;
    padding: 3px 5px;
}

.legenda #green-btn {
    background: #b9d9bd;
    border: 2px solid #08bd20;
}

.legenda #green-btn:hover {
    border: 2px solid #b9d9bd;
}

.legenda #red-btn {
    background: #f3a59f;
    border: 2px solid #ff2b1c;
}

.legenda #red-btn:hover {
    border: 2px solid #f3a59f;
}

.legenda #grey-btn {
    background: #d9b9b9;
    border: 2px solid #786262;
}

.legenda #grey-btn:hover {
    border: 2px solid #d9b9b9;
}

/* EndOf Header style ------ */

div.numBtn {
    font-size: 22px;
    font-weight: 600;
    color: #ff2b1c;
    cursor: pointer;
    width: 75px;
    height: 75px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    background: url(../../../../images/numBtn.png) no-repeat;
}

.ymaps-copyrights-pane {
    display: none !important;
}


input[type=checkbox].ace.ace-switch.ace-switch-5 + .lbl::before {
    content: "ДА\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0НЕТ";
}

input[type=checkbox].ace.ace-switch.ace-switch-5:checked + .lbl::before {
    background-color: #ff910f;
    border-color: #ff910f;
}

/*map table*/

table.bs-popup {
    margin-top: 10px;
    margin-left: 10px !important;
}

.row.head #aside .well h3 {
    border: none;
    font-size: 21px;
    color: #fff;
    margin: 0;
    text-shadow: 1px 3px 2px #234897;
}

.ymaps-b-balloon {
    font-family: 'Roboto Condensed';
    color: #b87b5f;
}

.ymaps-b-balloon table td {
    border: none !important;
    padding-top: 0px !important;
}

.ymaps-b-balloon table td:nth-child(1) {
    color: #958882 !important;
}

.ymaps-b-balloon a {
    color: #b87b5f;
    text-decoration: underline;
}

.ymaps-b-balloon a:hover {
    text-decoration: none;
}

/*.ymaps-image-with-content {background-size: auto !important; width:30px !important; height: 30px !important;}*/

.bs-inner {
    margin: 10px 10px 10px 0;
    font-family: 'Roboto Condensed';
    color: #b87b5f;
}

.bs-inner td {
    border: none !important;
    padding: 3px 15px 3px 0;;
}

.bs-inner td:nth-child(1) {
    color: #958882 !important;
}


.filedownload form input:hover {
    color: #333;
}

/*end map table*/

.select2-container.userslist {
    display: block;
}

.iti-flag {
    background-image: url("/ace/assets/js/tel-input/img/flags.png") !important;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .iti-flag {
        background-image: url("/ace/assets/js/tel-input/img/flags@2x.png") !important;
    }
}

.intl-tel-input {
    display: inline-block !important;
}

.d-block {
    display: block !important;
}

.balance-btn {
    margin-top: 4px;
    margin-bottom: 4px;
    padding-left: 14px;
    padding-right: 14px;
    padding-bottom: 5px;
    padding-top: 5px;
    line-height: 1.3;
    width: 100% !important;
    font-size: 15px;
    background: linear-gradient(0deg, #E84C0A 0%, #EF7F1A 100%) !important;
    background-repeat: repeat-x !important;
    display: inline-block;
    font-weight: 400;
    color: #FFF !important;
    text-align: start;
    border: none;
    border-radius: 12px;
    position: relative;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); /* Параметры тени */
}

@media (max-width: 765px) {
    .balance-btn {
        border: none;
    }
}

.balance-btn:hover {
    background: linear-gradient(0deg, #F05B1A 0%, #FF9330 100%) !important;
    color: #FFF !important;
    text-align: start;
    text-shadow: 0 -1px -1px rgba(0, 0, 0, .2) !important;
    text-decoration: none;
}

.widget-color-green2 > .widget-header {
    background: #2e8965 !important;
    border-color: #2e8965 !important;
}

.white-space-pre-line {
    white-space: pre-line;
}

.color-selection option {
    font-size: 20px;
}

.dialog-item {
    border: 1px solid #c0c0c0;
    padding: 5px;
    margin-bottom: 10px;
}

.dialog-item.plus {
    width: 100%;
    border-radius: 5px;
}

.dialog-item.minus {
    width: 100%;
    border-radius: 5px;
    background-color: #fff8f2;
}


.dialog-item .title {
    font-size: 15px;
}

.dialog-item .amount {
    font-size: 15px;
}

.dialog-item.plus .amount {
    color: #20b14a;
}

.dialog-item.minus .amount {
    color: #f03b3e;
}

.vertical-align {
    display: flex;
    align-items: center;
}

.my-widget-color-blue > .widget-header {
    background: #307ecc !important;
    border-color: #307ecc !important;
}

a.services {
    font-weight: bold;
    text-decoration: underline;
}

.spinner-wrapper {
    width: 100px;
}

.spinner-wrapper input {
    text-align: right;
}

.input-group-btn-vertical {
    position: relative;
    white-space: nowrap;
    width: 1%;
    vertical-align: middle;
    display: table-cell;
}

.input-group-btn-vertical > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
    padding: 5px;
    margin-left: -2px;
    position: relative;
    border-radius: 0;
}

.input-group-btn-vertical > .btn:first-child {
    border-top-right-radius: 4px;
}

.input-group-btn-vertical > .btn:last-child {
    margin-top: -2px;
    border-bottom-right-radius: 4px;
}

.input-group-btn-vertical i {
    position: absolute;
    top: -1px;
    left: 2px;
}

.btn, .btn-group > .btn:first-child {
    border-radius: 4px;
}

.btn-new-year-promo.duration-7 {
    background-image: url("../../../images/ny23_7.jpg") !important;
}

.btn-new-year-promo.duration-14 {
    background-image: url("../../../images/ny23_14.jpg") !important;
}

.btn-new-year-promo.duration-22 {
    background-image: url("../../../images/ny23_22.jpg") !important;
}
.btn-new-year-promo {
    text-shadow: 1px 0 1px #000,
    0 1px 1px #000,
    -1px 0 1px #000,
    0 -1px 1px #000;
}

.btn-new-year-promo:hover,
.turbo-tariff.btn-default:hover {
    opacity: 0.75;
}


.turbo-tariff.btn-default,
.turbo-tariff.btn-default:hover {
    background-color: #009fe3 !important;
    background-image: none !important;
}

.table-overflow-wrap .dataTables_wrapper .row:last-child,
.table-overflow-wrap .dataTables_wrapper .row:first-child,
.table-overflow-wrap .table.table-striped.table-bordered.table-hover.dataTable {
    min-width: 550px;
}


.table-overflow-wrap.table-overflow-wrap__smaller .dataTables_wrapper .row:last-child,
.table-overflow-wrap.table-overflow-wrap__smaller .dataTables_wrapper .row:first-child,
.table-overflow-wrap.table-overflow-wrap__smaller .table.table-striped.table-bordered.table-hover.dataTable {
    min-width: 550px;
}

@media screen and (max-width: 560px) {
    .table-overflow-wrap.table-overflow-wrap__smaller .dataTables_wrapper .row:last-child,
    .table-overflow-wrap.table-overflow-wrap__smaller .dataTables_wrapper .row:first-child,
    .table-overflow-wrap.table-overflow-wrap__smaller .table.table-striped.table-bordered.table-hover.dataTable {
        min-width: 320px;
    }


    .table-overflow-wrap.table-overflow-wrap__extra-smaller .dataTables_wrapper .row:last-child,
    .table-overflow-wrap.table-overflow-wrap__extra-smaller .dataTables_wrapper .row:first-child,
    .table-overflow-wrap.table-overflow-wrap__extra-smaller .table.table-striped.table-bordered.table-hover.dataTable {
        min-width: 360px;
    }
}


@media only screen and (max-width: 480px) {
    .modal-dialog .profile-info-name,
    .modal-dialog .profile-info-value {
        display: table-cell;
    }
}

@media screen and (max-width: 1481px) {
    .table-responsive-custom-large {
        overflow-x: auto;
        min-height: .01%;
    }
}

.dynamic-responsive-table .table {
    max-width: calc(100% - 2px);
}


.qr-code, .promotional {
    box-sizing: border-box;
    padding: 10px;
}

.qr-code img, .promotional img {
    display: block;
    width: 60%;
    margin: 0 auto;
}

.qr-code img[alt=qr-telegram-bot] {
    width: calc(60% - 6px);
}

.promotional img {
    display: block;
    width: 80%;
    margin: 0 auto;
}

.banner {
    box-sizing: border-box;
    padding: 5px;
}

.banner img {
    display: block;
    width: 100%;
    margin: 0 auto;
}

.filter__collapse {
    display: none;
    margin-bottom: 20px;
    position: relative;
    z-index: 10;
}

.create-new {
    z-index: 10;
}

@media (max-width: 767px) {
    .filter__collapse {
        display: block;
    }

    .mt-2 {
        margin-top: 10px;
    }
}

#menu-toggler {
    border: none !important;
    box-shadow: none !important;
    background-color: transparent;
    margin-top: 15px;
}

#menu-toggler:hover {
    background: #fe9e19 !important;
    background-image: -webkit-linear-gradient(top, #fa3 0, #fc9200 100%) !important;
    background-image: -o-linear-gradient(top, #fa3 0, #fc9200 100%) !important;
    background-image: linear-gradient(to bottom, #fa3 0, #fc9200 100%) !important;
    background-repeat: repeat-x !important;
    color: #FFF !important;
    text-align: center;
    text-shadow: 0 -1px -1px rgba(0, 0, 0, .2) !important;
    text-decoration: none;
}

.menu-toggler .icon-bar{
    background-color: #fe9e19 !important;
    height: 2px !important;
    border-radius: 20px !important;
    Width: 27px !important;
}

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

.profile-info-name-user {
    border-top: none !important;
}

.profile-info-value-user {
    border-top: none !important;
}

.form-actions {
    background-color: #fff !important;
    border-top: none !important;
}

.form-group-view {
    margin-bottom: 24px !important;
}

.control-label-view {
    text-align: left !important;
    font-size: 13px !important;
    color: #393939 !important;
}

.control-label-view-right {
    text-align: right !important;
    font-size: 13px !important;
    color: #393939 !important;
}

.form-horizontal .control-label {
    padding-top: 7px !important;
    text-align: left !important;
}

.profile-info-name-view {
    padding-bottom: 5px !important;
}

.tab-content-view {
    border: none !important;
}

.fs-13 {
    font-size: 13px !important;
}

.fs-14 {
    font-size: 14px !important;
}

.font-weight-bold {
    font-weight: 600 !important;
}

.page-header h1 {
    display: flex;
    align-items: center;
}

.page-header h1 small {
    padding-top: 5px;
    display: flex;
    align-items: center;
}

.page-header h1 small i {
    margin-right: 6px;
    padding-bottom: 1px;
}

.justify-content-between {
    justify-content: space-between !important;
}

.justify-content-start {
    justify-content: flex-start !important;
}

.justify-content-end {
    justify-content: flex-end !important;
}

.justify-content-center {
    justify-content: center !important;
}

.flex-wrap {
    flex-wrap: wrap !important;
}

.flex-nowrap {
    flex-wrap: nowrap !important;
}

.file-underlining {
    margin-top: 3px;
    margin-bottom: 2px;
    border-top: 1px solid #e2e2e2 ;
    width: 50%;
    min-width: 150px;
}

.profile-info-value {
    padding: 6px 4px 6px 6px !important;
}

@media only screen and (max-width: 1300px) {
    .text-price-size {
        font-size: 18px;
    }
}

@media only screen and (max-width: 1280px) {
    .text-price-size {
        font-size: 16px;
    }
}

@media only screen and (max-width: 1200px) {
    .text-price-size {
        font-size: 18px;
    }
}

@media only screen and (max-width: 1020px) {
    .text-price-size {
        font-size: 16px;
    }
}

@media only screen and (max-width: 991px) {
    .text-price-size {
        font-size: 18px;
    }

    .sidebar-toggle {
        display: none;
    }
}

.tel-edit {
    display: flex;
    padding-left: 0;
    align-items: center;
}

.notifications .form-group {
    margin-bottom: 8px !important;
    display: flex;
    align-items: center;
}

.notifications-label {
    display: flex;
    align-items: center;
    margin-left: 0;
}

.notifications {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.notifications label {
    font-size: 13px !important;
    margin-bottom: unset !important;
}

.notifications .label-right {
    text-align: right;
}

.notifications h5 {
    font-size: 12px !important;
}

.notifications select {
    border-radius: 8px !important;
    font-size: 12px !important;
    width: 102px !important; 
}

.notifications input[type=checkbox].ace.ace-switch.ace-switch-5 + .lbl::before {
    font-size: 10px !important;
    height: 22px;
    line-height: 20px;
}

.notifications input[type=checkbox].ace.ace-switch+.lbl {
    min-height: 22px;
    margin: 0 !important;
}

.notifications input[type=checkbox].ace.ace-switch.ace-switch-4+.lbl::after, .notifications input[type=checkbox].ace.ace-switch.ace-switch-5+.lbl::after {
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 10px;
    left: 2px;
}

.notifications input[type=checkbox].ace.ace-switch.ace-switch-4:checked+.lbl::after, .notifications input[type=checkbox].ace.ace-switch.ace-switch-5:checked+.lbl::after {
    left: 28px;
}

.notifications input[type=checkbox].ace.ace-switch.ace-switch-4:checked+.lbl::before, .notifications input[type=checkbox].ace.ace-switch.ace-switch-5:checked+.lbl::before {
    text-indent: 6px;
}

.notifications input[type=checkbox].ace.ace-switch.ace-switch-4+.lbl::before, .notifications input[type=checkbox].ace.ace-switch.ace-switch-5+.lbl::before {
    text-indent: -18px;
}

.notifications input[type=checkbox].ace.ace-switch.ace-switch-4+.lbl::before, .notifications input[type=checkbox].ace.ace-switch.ace-switch-5+.lbl::before {
    width: 48px;
}

.notifications .custom-select2 {
    width: 102px; 
    background-color: #fff; 
    border: 1px solid #ccc;
    border-radius: 8px; 
    cursor: pointer; 
    font-size: 12px !important;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
}

.notifications .select2-results__option, select2-results__option--highlighted {
    font-size: 12px !important;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
}

.notifications .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 12px;
    line-height: 26px;
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: unset !important;
    overflow-y: unset !important;
}

.custom-select2:hover {
    background-color: #f9f9f9; 
}

.select2-search--dropdown {
    display: none !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: lightgray !important;
    color: #393939 !important;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ff910f !important;
    color: white !important;
}


.select2-dropdown {
    background-color: #fff; 
    border: 1px solid #ccc;
}

.select2-results__option {
    padding: 8px; 
    cursor: pointer;
    font-size: 12px !important;
}

.select2-results__option:hover {
    background-color: #f9f9f9; 
}

.col-1 {
    width: 8.33%;
}

.col-2 {
    width: 16.66%;
}

.col-3 {
    width: 25%;
}

.col-4 {
    width: 33.33%;
}

.col-5 {
    width: 41.66%;
}

.col-6 {
    width: 50%;
}

.col-7 {
    width: 58.33%;
}

.col-8 {
    width: 66.66%;
}

.col-9 {
    width: 75%;
}

.col-10 {
    width: 83.33%;
}

.col-11 {
    width: 91.66%;
}

.col-12 {
    width: 100%;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
    padding-right: 12px;
    padding-left: 12px;
}

.row {
    margin-left: -12px;
    margin-right: -12px;
}

.new-widget-style .row {
    display: flex;
    flex-wrap: wrap;
}

.row .col-xs-12 {
    width: 100%;
}

.row .col-xs-11 {
    width: 91.666%;
}

.row .col-xs-10 {
    width: 83.333%;
}

.row .col-xs-9 {
    width: 75%;
}

.row .col-xs-8 {
    width: 66.666%;
}

.row .col-xs-7 {
    width: 58.333%;
}

.row .col-xs-6 {
    width: 50%;
}

.row .col-xs-5 {
    width: 41.666%;
}

.row .col-xs-4 {
    width: 33.333%;
}

.row .col-xs-3 {
    width: 25%;
}

.row .col-xs-2 {
    width: 16.666%;
}

.row .col-xs-1 {
    width: 8.333%;
}

@media (min-width: 576px) {
    .row .col-sm-12 {
        width: 100%;
    }

    .row .col-sm-11 {
        width: 91.666%;
    }

    .row .col-sm-10 {
        width: 83.333%;
    }

    .row .col-sm-9 {
        width: 75%;
    }

    .row .col-sm-8 {
        width: 66.666%;
    }

    .row .col-sm-7 {
        width: 58.333%;
    }

    .row .col-sm-6 {
        width: 50%;
    }

    .row .col-sm-5 {
        width: 41.666%;
    }

    .row .col-sm-4 {
        width: 33.333%;
    }

    .row .col-sm-3 {
        width: 25%;
    }

    .row .col-sm-2 {
        width: 16.666%;
    }

    .row .col-sm-1 {
        width: 8.333%;
    }

    body .d-sm-flex {
        display: flex !important;
    }

    body .d-sm-none {
        display: none !important;
    }
}

@media (min-width: 768px) {
    .row .col-md-12 {
        width: 100%;
    }

    .row .col-md-11 {
        width: 91.666%;
    }

    .row .col-md-10 {
        width: 83.333%;
    }

    .row .col-md-9 {
        width: 75%;
    }

    .row .col-md-8 {
        width: 66.666%;
    }

    .row .col-md-7 {
        width: 58.333%;
    }

    .row .col-md-6 {
        width: 50%;
    }

    .row .col-md-5 {
        width: 41.666%;
    }

    .row .col-md-4 {
        width: 33.333%;
    }

    .row .col-md-3 {
        width: 25%;
    }

    .row .col-md-2 {
        width: 16.666%;
    }

    .row .col-md-1 {
        width: 8.333%;
    }

    body .d-md-none {
        display: none !important;
    }

    body .d-md-flex {
        display: flex !important;
    }
}

@media (min-width: 992px) {
    .row .col-lg-12 {
        width: 100%;
    }

    .row .col-lg-11 {
        width: 91.666%;
    }

    .row .col-lg-10 {
        width: 83.333%;
    }

    .row .col-lg-9 {
        width: 75%;
    }

    .row .col-lg-8 {
        width: 66.666%;
    }

    .row .col-lg-7 {
        width: 58.333%;
    }

    .row .col-lg-6 {
        width: 50%;
    }

    .row .col-lg-5 {
        width: 41.666%;
    }

    .row .col-lg-4 {
        width: 33.333%;
    }

    .row .col-lg-3 {
        width: 25%;
    }

    .row .col-lg-2 {
        width: 16.666%;
    }

    .row .col-lg-1 {
        width: 8.333%;
    }

    body .d-lg-flex {
        display: flex !important;
    }

    body .d-lg-none {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .row .col-xl-12 {
        width: 100%;
    }

    .row .col-xl-11 {
        width: 91.666%;
    }

    .row .col-xl-10 {
        width: 83.333%;
    }

    .row .col-xl-9 {
        width: 75%;
    }

    .row .col-xl-8 {
        width: 66.666%;
    }

    .row .col-xl-7 {
        width: 58.333%;
    }

    .row .col-xl-6 {
        width: 50%;
    }

    .row .col-xl-5 {
        width: 41.666%;
    }

    .row .col-xl-4 {
        width: 33.333%;
    }

    .row .col-xl-3 {
        width: 25%;
    }

    .row .col-xl-2 {
        width: 16.666%;
    }

    .row .col-xl-1 {
        width: 8.333%;
    }

    body .d-xl-flex {
        display: flex !important;
    }

    body .d-xl-none {
        display: none !important;
    }
}

@media (min-width: 1600px) {
    .row .col-xxl-12 {
        width: 100%;
    }

    .row .col-xxl-11 {
        width: 91.666%;
    }

    .row .col-xxl-10 {
        width: 83.333%;
    }

    .row .col-xxl-9 {
        width: 75%;
    }

    .row .col-xxl-8 {
        width: 66.666%;
    }

    .row .col-xxl-7 {
        width: 58.333%;
    }

    .row .col-xxl-6 {
        width: 50%;
    }

    .row .col-xxl-5 {
        width: 41.666%;
    }

    .row .col-xxl-4 {
        width: 33.333%;
    }

    .row .col-xxl-3 {
        width: 25%;
    }

    .row .col-xxl-2 {
        width: 16.666%;
    }

    .row .col-xxl-1 {
        width: 8.333%;
    }

    body .d-xxl-flex {
        display: flex !important;
    }

    body .d-xxl-none {
        display: none !important;
    }
}

.ps-0 {
    padding-left: 0 !important;
}

.ms-0 {
    margin-left: 0 !important;
}

.ms-1 {
    margin-left: .25rem !important;
}

.ms-2 {
    margin-left: .5rem !important;
}

.ms-3 {
    margin-left: 1rem !important;
}

.ms-4 {
    margin-left: 1.5rem !important;
}

.me-0 {
    margin-right: 0 !important;
}

.pe-0 {
    padding-right: 0 !important;
}

.me-1 {
    margin-right: .25rem !important;
}

.me-2 {
    margin-right: .5rem !important;
}

.me-3 {
    margin-right: 1rem !important;
}

.me-4 {
    margin-right: 1.5rem !important;
}

.me-5 {
    margin-right: 2.5rem !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-1 {
    margin-bottom: .25rem !important;
}

.mb-2 {
    margin-bottom: .5rem !important;
}

.mb-3 {
    margin-bottom: 1rem !important;
}

.mb-4 {
    margin-bottom: 1.5rem !important;
}

.mb-5 {
    margin-bottom: 2.5rem !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mt-1 {
    margin-top: .25rem !important;
}

.mt-2 {
    margin-top: .5rem !important;
}

.mt-3 {
    margin-top: 1rem !important;
}

.mt-4 {
    margin-top: 1.5rem !important;
}

.mt-5 {
    margin-top: 2.5rem !important;
}

.m-0 {
    margin: 0 !important;
}

.p-0 {
    padding: 0 !important;
}

.pb-1 {
    padding-bottom: .25rem !important;
}

.pb-2 {
    padding-bottom: .5rem !important;
}

.pb-3 {
    padding-bottom: 1rem !important;
}

.pb-4 {
    padding-bottom: 1.5rem !important;
}

.pb-5 {
    padding-bottom: 2.5rem !important;
}

.pt-1 {
    padding-top: .25rem !important;
}

.pt-2 {
    padding-top: .5rem !important;
}

.pt-3 {
    padding-top: 1rem !important;
}

.pt-4 {
    padding-top: 1.5rem !important;
}

.pt-5 {
    padding-top: 2.5rem !important;
}

.pl-1 {
    padding-left: .25rem !important;
}

.pl-2 {
    padding-left: .5rem !important;
}

.pl-3 {
    padding-left: 1rem !important;
}

.pe-2 {
    padding-right: .5rem !important;
}

.pe-5 {
    padding-right: 2.5rem !important;
}

.row.gy-3 {
    margin-right: -15px !important;
    margin-left: -15px !important;
}

.row.gy-3 > [class*="col-"] {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

@media (min-width: 992px) {
    .row.gy-3.row-no-gutters > [class*="col-lg-3"]:nth-child(4n+1) {
        padding-left: 0 !important;
    }
    .row.gy-3.row-no-gutters > [class*="col-lg-3"]:nth-child(4n) {
        padding-right: 0 !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .row.gy-3.row-no-gutters > [class*="col-md-4"]:nth-child(3n+1) {
        padding-left: 0 !important;
    }
    .row.gy-3.row-no-gutters > [class*="col-md-4"]:nth-child(3n) {
        padding-right: 0 !important;
    }
}

@media (max-width: 767px) {
    .row.gy-3.row-no-gutters > [class*="col-sm-6"]:nth-child(2n+1) {
        margin-left: 0 !important;
    }
    .row.gy-3.row-no-gutters > [class*="col-sm-6"]:nth-child(2n) {
        padding-right: 0 !important;
    }
}

@media (min-width: 1200px) {
    .new-tariff-widget {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .new-tariff-widget::before,
    .new-tariff-widget::after {
        display: none !important;
    }

    .new-tariff-widget .col-xl-6{
        margin-bottom: 1.25rem;
    }

    /* .new-tariff-widget > [class*="col-xl-6"]:nth-child(2n+1) {
        margin-right: 1rem !important;
    }
    
    .new-tariff-widget > [class*="col-xl-6"]:nth-child(2n) {
        margin-left: 1rem !important;
    } */
}

@media (max-width: 1200px) {
    .row.gy-3.row-no-gutters > [class*="col-xl-6"]:nth-child(2n+1) {
        margin-right: 0 !important;
    }
    
    .row.gy-3.row-no-gutters > [class*="col-xl-6"]:nth-child(2n) {
        margin-left: 0 !important;
    }
}

.payment-method-label {
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 767px) {
    .payment-method {
        width: calc(100% / 3);
        height: calc(100% / 3);
    }

    .adaptive-img-sber {
        width: calc(100% / 2.2) !important;
        height: calc(100% / 2.2) !important;
    }

    .payment-method-small {
        width: calc(100% / 3.8);
        height: calc(100% / 3.8);
        padding-left: 23px !important;
        margin-left: 20px;
    }

    .payment-method-label {
        margin-top: 10px;
    }

    .payment-method-label-yandex {
        margin-top: 15px !important;
    }

    .payment-method-label .help-block {
        text-align: left;
        padding-left: 13px;
        margin-bottom: 4px;
    }

    .payment-method-block .space-10 {
        display: none;
    }
}

@media only screen and (max-width: 575px) {
    .adaptive-img-sbp {
        width: 121px;
        height: auto;
    }

    .adaptive-img-sber {
        width: 121px !important;
        height: auto !important;
    }

    .adaptive-img-yandex {
        width: 117px;
        height: auto;
    }

    .adaptive-img-yandex-small {
        width: 100px;
        height: auto;
    }

    .payment-method-small {
        padding-left: 13px !important;
        margin-left: 11px;
    }
}

.modal-dialog-owner {
    width: 900px;
}

.d-flex {
    display: flex !important;
}

.align-items-center {
    align-items: center !important;
}

.align-items-end {
    align-items: flex-end !important;
}

.align-items-start {
    align-items: flex-start !important;
}

.w-100 {
    width: 100% !important;
}

w-auto {
    width: auto !important;
}

.h-100 {
    height: 100% !important;
}

.h-auto {
    height: auto !important;
}

.keeper-button {
    margin-right: 0.5rem;
}

.modal-owner .modal-backdrop {
    height: 120% !important;
}

.list-guardians-block {
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 1rem;
}

.user-search-owner {
    margin-bottom: 0 !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.user-search-owner__search {
    display: flex;
    justify-content: end;
}

.select-owner {
    padding: 1rem;
}

#password {
    max-width: 120px;
}

#generate-password {
    border-radius: 0 4px 4px 0;
    height: 34px;
}

.password-generate {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.save-password-generate {
    height: 34px;
    display: flex;
    justify-content: center;
}

.profile-info-name-balance {
    width: 160px !important;
}

.border-none {
    border: unset !important;
}

.padding-none {
    padding: unset !important;
}

.dialog-item {
    padding: 6px 10px !important;
}

.filter-block {
    padding: 0px 6px;
}

.filter-block:first-child {
    padding-left: 0px;
}

.filter-block:last-child {
    padding-right: 0px;
}

.button-back {
    float: right !important;
}

.button-block__adaptive {
    display: none !important;
}

.button-block__desktop {
    display: block !important;
}

.btn {
    border-color: rgba(0, 0, 0, 0) !important;
}

.notifications-info {
    display: flex;
    justify-content: flex-start;
    padding-left: 12px;
    padding-right: 12px;
}

@media only screen and (max-width: 1199px) {
    #filters .button-block__adaptive {
        display: block !important;
    }

    #filters .button-block__desktop {
        display: none !important;
    }
}

.form-group .form-control__border-radius {
    border-radius: 4px !important;
}

@media only screen and (max-width: 767px) {
    .profile-user-info-balance {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

@media only screen and (max-width: 575px) {
    .profile-info-name-balance {
        display: table-cell !important;
    }

    .notifications .form-group, .notifications, .notification-block, .notifications .col-sm-12 {
        width: 100% !important;
    }

    .notifications .col-sm-12 {
        display: flex; 
        align-items: center;
        justify-content: center;
    }

    /* .notifications-info-label {
        width: 60% !important;
        min-width: unset !important;
    } */

    .notifications-info {
        width: 40% !important;
        min-width: unset !important;
        display: flex;
        justify-content: flex-start;
        padding-left: 12px;
        padding-right: 12px;
    }

    .notifications-info-email {
        padding-left: 0 !important;
    }
}

@media only screen and (max-width: 450px) {
    .profile-info-name-balance {
        width: 100% !important;
        display: block !important;
    }

    .pl-3 {
        padding-left: 1rem;
    }

    .profile-info-row-balance {
        display: block !important;
        width: 100%;
    }

    .profile-info-value-balance {
        padding-left: 0 !important;
    }
}

.form-control-email {
    -webkit-user-select: none !important;
    -moz-user-select: none !important; 
    -ms-user-select: none !important; 
    user-select: none !important; 
}

.non-clickable-block {
    pointer-events: none !important;
    cursor: default !important;
}

.non-clickable-block::after {
    display: none !important;
}

.toast-message {
    font-size: 15px !important;
}

.form-group > span[class*="col-"] {
    margin-bottom: 4px;
    font-weight: 400;
    font-size: 14px;
    display: inline-block;
    cursor: default;
}

.radio .radio-label, .checkbox .checkbox-label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
    display: flex;
}

.checkbox input[type=checkbox].ace, .checkbox input[type=radio].ace {
    z-index: -100!important;
    width: 1px!important;
    height: 1px!important;
    clip: rect(1px,1px,1px,1px);
    position: absolute;
}

.pre-description,
.pre-description pre,
.pre-description p {
    white-space: pre-wrap !important;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #393939 !important;
    background-color: unset !important;
    border: none !important;
    border-radius: 0 !important;
}

.pre-description br{
    display: none !important;
}

pre {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #393939 !important;
    background-color: unset !important;
    border: none !important;
    border-radius: 0 !important; 
}

.form-horizontal .form-group {
    padding-left: 12px;
    padding-right: 12px;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

#filter.form-horizontal .form-group,
#filter.form-horizontal .form-group label,
#filter.form-horizontal .form-group div {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body .chosen-container-single .chosen-search input[type="text"] {
  background-image: none !important;
  background-size: unset !important;
}

.measure-start-block .bootstrap-datetimepicker-widget,
.measure-end-block .bootstrap-datetimepicker-widget {
    padding: 12px !important;
}

.ace-file-input {
    min-width: 250px;
    width: auto !important;
}

@media only screen and (min-width: 992px) {
    .navbar-container {
        padding-left: 43px !important;
        padding-right: 43px !important;
    }
}

.new-font-style {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

.balance-header {
    display: flex;
    max-width: 220px;
    margin-left: 5rem;
}

.balance-menu {
    display: flex;
    max-width: 210px;
    width: 100%;
}

.user-menu-block {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.user-menu-block .avatar-box {
    margin-bottom: 0 !important;
}

.border-none {
    border: none !important;
}

.banner-container {
    width: calc(100% + 7.2rem);
    height: auto;
    margin-left: -3.6rem;
    margin-top: -1rem;
    z-index: 1 !important;
}

.banner-container img {
    width: 100%;
}

#app {
    z-index: 1 !important;
    overflow: hidden !important;
}

body {
    background-color: white !important;
}

body .header-tel.hidden {
    display: none !important;
    height: 0 !important;
}

body .footer-content {
    border: none !important;
}

body .footer-content span{
    font-size: 14px !important;
    font-weight: 500 !important;
}

#sidebar {
    background-color: #F8F8F8 !important;
    width: 210px;
    border-color: rgba(71, 71, 71, .12) !important;
    /* box-shadow: 0 0 12px rgba(0, 0, 0, 0.2); */
    z-index: 1000;
}

#sidebar.display{
    display: block !important;
    position: fixed !important;
    max-width: 85% !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    max-height: 85vh;
    height: 100vh;
}

#sidebar+.main-content {
    margin-left: 210px;
}

.main-container-background {
    display: none;
}

#navbar {
    position: sticky;
    top: 0;
    z-index: 999;
    border-bottom: 1px solid #E0E0E0 !important;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

#app .new-red-btn,
#app .new-green-btn,
#app .new-grey-btn,
#app .new-yellow-btn,
#app .new-orange-btn {
    border-radius: 6px !important;
    color: white !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    padding-top: 17px !important;
    padding-bottom: 17px !important;
    border: none !important;
    background: none !important;
}

#app .new-red-btn {
    background: linear-gradient(0deg, #E84C0A 0%, #EF7F1A 100%) !important;
}

#app .new-red-btn:hover {
    background: linear-gradient(0deg, #F05B1A 0%, #FF9330 100%) !important;
}

#app .new-green-btn {
    background: linear-gradient(0deg, #2DAF51 0%, #41C365 100%) !important;
}

#app .new-green-btn:hover {
    background: linear-gradient(0deg, #56D57D 0%, #72E6A0 100%) !important;
}

#app .new-grey-btn {
    background: linear-gradient(0deg, rgba(71, 71, 71, .8) 0%, rgba(91, 91, 91, .8) 100%) !important;
}

#app .new-grey-btn:hover {
    background: linear-gradient(0deg, rgba(91, 91, 91, .8) 0%, rgba(111, 111, 111, .8) 100%) !important;
}

#app .new-orange-btn {
    background: linear-gradient(0deg, #FF6B35 0%, #FF8C42 100%) !important;
}

#app .new-orange-btn:hover {
    background: linear-gradient(0deg, #FF7A42 0%, #FF9A52 100%) !important;
}

#app .new-yellow-btn {
    background: linear-gradient(0deg, #cdae00 0%, #f6d310 100%) !important;
}
        
#app .new-yellow-btn:hover {
    background: linear-gradient(0deg, #f6d310 0%, #FFF066 100%) !important;
}

#app .btn-primary-new {
    background: linear-gradient(0deg, #E84C0A 0%, #EF7F1A 100%)!important;
    text-align: center;
    vertical-align: middle;
    font-size: 14px !important;
    padding: 1.75rem 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) !important;
}

#app .btn-primary-new .badge {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px !important;
    height: 24px !important;
    padding: 0 !important;
    top: -4px !important;
    right: -4px !important;
    border-radius: 50% !important;
}

#app .btn-primary-new.btn-tariff-new .badge {
    width: 100px !important;
    border-radius: 24px !important;
}

#app .btn-primary-new.radius-6 {
    padding: 2rem 0 !important;
}

#app .btn-primary-new i {
    width: 100%;
    font-size: 60px;
    padding-left: 1rem;
    padding-right: .15rem;
}

#app .btn-primary-new.radius-6 i {
    margin-bottom: 1.5rem !important;
    margin-top: .5rem !important;
    padding-right: 1rem !important;
}

#app .btn-primary-new:hover {
    background: linear-gradient(0deg, #F05B1A 0%, #FF9330 100%) !important;
}

/* Мобильная версия: иконка слева, текст справа */
@media (max-width: 768px) {
    #widget-main-buttons .row {
        margin-left: -0.5rem !important;
        margin-right: -0.5rem !important;
    }

    #widget-main-buttons .row > div {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }

    #widget-main-buttons .row > div {
        margin-bottom: 0.5rem !important;
    }

    #app .btn-primary-new {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        text-align: left !important;
        padding: 1rem 1rem !important;
        height: 47px !important;
    }

    #app .btn-primary-new.radius-6 {
        padding: 3rem 1.3rem !important;
        line-height: normal;
    }

    #app .btn-primary-new i {
        width: auto !important;
        font-size: 36px !important;
        margin-bottom: 0 !important;
        margin-top: 0 !important;
        margin-right: 1rem !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #app .btn-primary-new.radius-6 i {
        margin-bottom: 0 !important;
        margin-top: 0 !important;
        margin-right: 1rem !important;
        padding-right: 0 !important;
    }

    .widget-main{
        padding:0 0 10px 0 !important;
    }

    #widget-main-buttons .row {
        margin-left: -8px!important;
        margin-right: -8px!important;
    }
    
    #widget-main-buttons .row > [class*='col-'] {
        padding-left: 8px!important;
        padding-right: 8px!important    ;
    }

    .wrapper-button{
        padding: 1rem 2rem !important;
        position: absolute;
        background-color: rgba(0, 0, 0, 0.5);
        font-size: 16px;
        color: #fff;
        bottom: 2rem;
        left: 2rem;
        z-index: 1000;
        border-radius: 50px !important;
    }
}

#app .new-widget-tariff-style .btn-tariff-new {
    border-radius: 6px !important;
    height: 66px!important;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.13) !important;
}

#app .new-widget-style .form-actions {
    padding-left: 12px !important;
    padding-right: 12px !important;
    min-width: 33%;
    width: 100%;
}

#app .new-widget-style.new-widget-tariff-style .widget-body,
#app .new-widget-style.new-widget-balance-style .widget-body{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

#app .new-widget-style.new-widget-tariff-style .widget-body .widget-main,
#app .new-widget-style.new-widget-balance-style .widget-body .widget-main {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#app .widget-main>form {
    margin-left: -12px !important;
    margin-right: -12px !important;
}

.new-tariff-widget .col-xl-6 {
    margin-bottom: 1.25rem;
}

#app .new-widget-style.new-widget-tariff-style .widget-header,
#app .new-widget-style.new-widget-balance-style .widget-header {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 5rem !important;
    padding-bottom: 0 !important;
}

#app .new-widget-style.new-widget-tariff-style .widget-body .widget-main h4 {
    margin-top: 2rem !important;
}

#app .new-widget-tariff-style .widget-body {
    background-color: transparent !important;
}

#app #filters.new-widget-style .form-group select,
#app #widget-table.new-widget-style.new-table-style .multiselect-input {
    background-color: #F8F8F8 !important;
    height: 42px !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    border: 1px solid #ddd !important;
    padding: 8px 12px !important;
    font-size: 14px !important;
    color: #060606 !important;
    border-radius: 6px !important;
    width: 100% !important;
    cursor: pointer !important;
    position: relative !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
}

#app #filters.new-widget-style .form-group select:focus,
#app #widget-table.new-widget-style.new-table-style .multiselect-input:focus {
    outline: none;
    border-color: #bbb;
}

#app #filters.new-widget-style .form-group select::after,
#app #widget-table.new-widget-style.new-table-style .multiselect-input::after {
    content: '';
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    border-width: 5px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
    pointer-events: none;
}

#app #widget-table.new-widget-style.new-table-style .multiselect-dropdown-arrow {
    display: none !important;
}

#app #widget-table.new-widget-style.new-table-style .multiselect-wrapper .multiselect-list {
    border: 1px solid #ddd !important;
    border-radius: 6px !important;
    color: #333 !important;
}

#app #widget-table.new-widget-style.new-table-style .base-filters-btn {
    display: flex;
    /* justify-content: center; */
}

#app #widget-table.new-widget-style.new-table-style .base-filters-btn button,
#app #widget-table.new-widget-style.new-table-style .base-filters-btn a {
    height: 42px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

#app #filters.new-widget-style .btn-primary-new {
    height: 42px !important;
    border: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    padding-left: 2rem !important;
    padding-right: 2rem !important;
    border-radius: 24px !important;
}

#app #filters.new-widget-style .btn-primary-new i {
    margin-top: 3px;
    padding-left: .25rem !important;
}

#app #filters.new-widget-style {
    margin-bottom: 1.5rem !important;
    min-height: 50px;
}

#app #filters.new-widget-style .form-group {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#app .widget-body .widget-main.padding-none .dialog-item {
    margin-bottom: 1.5rem !important;
    padding: 8px 12px !important;
}

#app #filters.new-widget-style .button-block__desktop {
    display: flex !important;
    align-items: flex-start !important;
}

#app .page-header {
    border-bottom: none !important;
    margin-top: 2rem;
    padding-bottom: .5rem !important;
}

#app .page-header h1 {
    color: #474747 !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    display: flex !important;
    align-items: center;
    justify-content: flex-start !important;
    margin: 0 !important;
}

#app .page-header h1 small {
    color: #474747 !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    padding-top: 0 !important;
    margin-left: 0;
}

#app .page-header-dialog {
    margin-left: -1rem !important;
}

#app .page-header h1 i {
    color: #474747 !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin: 0 6px;
}
 
#app .radius-6 {
    border-radius: 6px !important;
}

#app {
    font-family: 'Montserrat', sans-serif !important;
    /* font-family: 'Montserrat', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important; */
    line-height: 1.4 !important;
}

#app .rounded {
    border-radius: 6px !important;
}

#app .checkbox-label:has(.rounded) .lbl::before {
    border-radius: 3px !important;
}

body {
    font-family: 'Montserrat', sans-serif !important;
    /* font-family: 'Montserrat', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important; */
    line-height: 1.4 !important;
}

body #app .page-content .main {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

body .header-tel.d-none {
    display: none !important;
    height: 0 !important;
}

body .alert-success, 
body .alert-danger,
body .alert-warning {
    border-radius: 6px !important;
    margin-bottom: 0 !important;
    border: none !important;
    flex-wrap: wrap !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word;
    white-space: normal !important;
}

body .alert-success i,
body .alert-danger i 
body .alert-warning i {
    margin-right: .5rem;
}

.new-widget-style {
    border: none !important;
    margin-bottom: 8px !important;
    margin-top: 0px !important;
}

.two-widget-style {
    margin-top: 16px !important;
}

.new-widget-style .widget-header {
    margin-bottom: 6px !important;
    padding-left: 0 !important;
    border: none !important;
    background-image: none !important;
    background-color: transparent !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.new-widget-style .widget-header::before,
.new-widget-style .widget-header::after {
    display: none !important;
}

.new-widget-style .widget-title {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #474747 !important;
    margin-left: -1px !important;
}

#app .new-widget-style .widget-body .form-group.col-md-4,
#app .new-widget-style .widget-body .form-group.col-mlg-4 {
    margin-left: 0 !important;
    margin-right: 0 !important;
    display: block !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
}

#app .new-widget-style .widget-body .profile-info-row.form-group.col-md-4,
#app .new-widget-style .widget-body .profile-info-row.form-group.col-lg-4 {
    margin-top: 1.25rem !important;
    
}

#app .new-widget-style .widget-body .user-image-block {
    margin: 2rem !important;
    width: 100% !important;
    margin-left: 0 !important;
    padding-left: 12px !important;
    flex-wrap: wrap !important;
}

.new-widget-style.new-widget-balance-style .widget-body {
    background-color: white !important;
}

.new-widget-style .widget-body .input-group .input-group-addon {
    background-color: transparent !important;
    border: none !important;
    position: absolute !important;
    right: 0;
    z-index: 10;
    margin-right: 5rem;
    padding-top: 14px;
    color: #474747 !important;
    opacity: .6;
}

.new-widget-style .widget-body .input-group .input-group-addon.new-icon {
    margin-right: 2rem;
}

.new-widget-style .widget-body .btn-success:hover, 
.new-widget-style .widget-body .btn-success:active, 
.new-widget-style .widget-body .open>.btn-success.dropdown-toggle {
    background-color: #FF9330 !important;
}

.new-widget-style.new-widget-balance-style .widget-body .btn {
    border-radius: 34px !important;
    height: 50px !important;
    padding: 0px 30px !important;
    /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) !important;*/
    border: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 2rem !important;
    text-shadow: none !important;
}

.new-widget-style.new-widget-balance-style .widget-body .btn-success {
    background: linear-gradient(0deg, #E84C0A 0%, #EF7F1A 100%) !important;
}

.new-widget-style.new-widget-balance-style .widget-body .btn-success:hover {
    background: linear-gradient(0deg, #F05B1A 0%, #FF9330 100%) !important;
}

.new-widget-style.new-widget-balance-style .widget-body .btn.change-phone {
    background: linear-gradient(0deg, #E84C0A 0%, #EF7F1A 100%) !important;
    margin-bottom: 0 !important;
    height: 42px !important;
}

.new-widget-style.new-widget-balance-style .widget-body .input-group .iti__selected-flag {
    padding-left: 16px !important;
}

.new-widget-style.new-widget-balance-style .widget-body .input-group .form-control {
    border-radius: 6px !important;
    padding-left: 16px !important;
    height: 42px;
    width: 100% !important;
    background-color: #F8F8F8 !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.new-widget-style.new-widget-balance-style .widget-body .input-group .form-control.phone-input {
    width: 100% !important;
    padding-left: 5.5rem !important;
}

.new-widget-style.new-widget-balance-style .widget-body .input-group .iti.iti--allow-dropdown {
    width: 100% !important;
}

.new-widget-style.new-widget-balance-style .widget-body .input-group .iti.iti--allow-dropdown input[name="phone"]{
    width: 100% !important;
    padding-left: 5.5rem !important;
    font-size: 13 !important;
}

.new-widget-style.new-widget-balance-style .widget-body .btn.btn-cancel {
    background: linear-gradient(0deg, #8b9aa3 0%, #A2B3BB 100%) !important;
}

.new-widget-style.new-widget-balance-style .widget-body .btn.btn-cancel:hover {
    background: linear-gradient(0deg, #9CAAB8 0%, #BCC6D1 100%) !important;
}

.new-widget-style.new-widget-balance-style .widget-body .btn.btn-warning {
    background: linear-gradient(0deg, #FFB752 0%, #FFCC7A 100%) !important;
}

.new-widget-style.new-widget-balance-style .widget-body .btn.btn-warning:hover {
    background: linear-gradient(0deg, #FFD189 0%, #FFE4A6 100%) !important;
}

.new-widget-style.new-widget-balance-style .widget-body .input-group .fa-check-circle-block {
    position: absolute;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    pointer-events: none;
}

.new-widget-style.new-widget-balance-style .widget-body .input-group .fa-check-circle-block .fa-check-circle {
    margin-right: 5rem;
}

.new-widget-style.new-widget-balance-style .widget-body .form-group .control-label.no-padding-right {
    text-align: left !important;
    padding-left: 0 !important;
}

.new-widget-style .switch-disabled, 
.new-widget-style .switch,
body .modal .switch-disabled,
body .modal .switch {
    width: 50px;
    height: 25px;
    background-color: #ccc;
    border-radius: 25px;
    position: relative;
    transition: background 0.3s;
    box-shadow: none !important;
    text-shadow: none !important;
    margin: 0 !important;
}

.new-widget-style .switch,
body .modal .switch {
    background-color: transparent !important;
}

.new-widget-style input[type=checkbox].ace.ace-switch.ace-switch-5+.switch::after,
body .modal .switch input[type=checkbox].ace.ace-switch.ace-switch-5+.switch::after{
    content: '' !important;
    box-shadow: none !important;
    text-shadow: none !important;
    top: 2.5px !important;
}

.new-widget-style input[type=checkbox].ace.ace-switch.ace-switch-5:checked+.switch::after,
body .modal input[type=checkbox].ace.ace-switch.ace-switch-5:checked+.switch::after {
    left: 28px !important;
}

.new-widget-style input[type=checkbox].ace.ace-switch.ace-switch-5+.switch::before,
body .modal input[type=checkbox].ace.ace-switch.ace-switch-5+.switch::before {
    content: '' !important;
    border: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    height: 24px !important;
    width: 50px !important;
}

.new-widget-style input[type=checkbox].ace.ace-switch.ace-switch-5:checked+.switch::before,
body .modal input[type=checkbox].ace.ace-switch.ace-switch-5:checked+.switch::before {
    background: linear-gradient(0deg, #F05B1A 0%, #FF9330 100%) !important;
}

.new-widget-style .switch-disabled::before,
body .modal .switch-disabled::before {
    content: "";
    width: 20px;
    height: 20px;
    background: white;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 3px;
    transform: translateY(-50%);
    transition: left 0.3s;
}

.new-widget-style .switch-disabled.active,
body .modal .switch-disabled.active {
    background: linear-gradient(0deg, #F05B1A 0%, #FF9330 100%) !important;
}

.new-widget-style .switch-disabled.active::before,
body .modal .switch-disabled.active::before {
    left: 26px;
}

.new-widget-style .switch-disabled.disable,
body .modal .switch-disabled.disable {
    opacity: 0.5;
    pointer-events: none;
}

.new-widget-style.new-widget-balance-style .widget-body.new-profile .input-group .form-control {
    background-color: transparent !important;
}

.new-widget-style.new-widget-balance-style .widget-body .input-group {
    display: flex !important;
}

body .new-widget-style.new-widget-balance-style .widget-body .input-group.error-placement-input {
    display: block !important;
}

.new-widget-style.new-widget-balance-style .widget-body .form-control {
    border-radius: 6px !important;
    padding-left: 16px !important;
    background-color: #F8F8F8 !important;
    height: 42px;
}

.new-widget-style .widget-body {
    background-color: #F8F8F8 !important;
}

.new-widget-style .widget-body .widget-main .table-bordered>tbody>tr:last-child>td,
.new-widget-style .widget-body .widget-main.no-padding .table-bordered>tbody>tr:last-child>td,
.widget-main.no-padding .table-bordered>tbody>tr>td:last-child {
    border: 1px solid #E5E5E5 !important;
}

.new-widget-style .widget-body .dataTables_wrapper .row {
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
}

.new-widget-style .widget-body .table tbody {
    border: none !important;
    background-color: transparent !important;
    background-image: none !important;
}

.new-widget-style .widget-body .table td {
    border: none !important;
    background-color: transparent !important;
    border-radius: 6px !important;
    background-image: none !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: rgba(71, 71, 71) !important;
    border: 1px solid #E5E5E6 !important;
}

.new-widget-style .widget-body .table td:first-child {
    color: rgba(71, 71, 71, .5) !important
}

.new-widget-style .widget-body .table th {
    border: none !important;
    background-color: transparent !important;
    border-radius: 6px !important;
    background-image: none !important;
}

.new-widget-style .widget-body .table tr {
    border: none !important;
    background-color: transparent !important;
    border-radius: 6px !important;
    background-image: none !important;
}

.new-widget-style .widget-header a i {
    font-size: 10px !important;
    color: #474747 !important;
}

.new-widget-style .icon-collapse {
    margin-left: 4px !important;
    padding-bottom: 0.5px !important;
}

.new-widget-style .widget-header a {
    color: #474747 !important;
}

#app #widget-table.new-widget-style .widget-body .table th {
    font-weight: 600;
}

#app #widget-table.new-widget-style.new-favorite-table-style .widget-body .table th,
#app #widget-table.new-widget-style.new-favorite-table-style .widget-body .table td,
#app #widget-table.new-widget-style.new-favorite-table-style .widget-body .table tr {
    padding: 4px !important;
}

#app #widget-table.new-widget-style .widget-body .table th,
#app #widget-table.new-widget-style .widget-body .table td,
#app #widget-table.new-widget-style .widget-body .table tr {
    border: 1px solid #E5E5E5 !important;
    background-color: transparent !important;
    border-radius: 6px !important;
    color: #474747 !important;
    font-size: 14px !important;
    padding: 16px;
}

#app #widget-table.new-widget-style .widget-body .table td:has(.label) {
    padding: 16px 44px !important;
}

body #app #widget-table.new-widget-style .widget-body .table thead:first-child tr:first-child th {
    border-top: none !important;
}

#app #widget-table.new-widget-style .widget-body .table thead:first-child tr:last-child th {
    border-top: 1px solid #E5E5E5 !important;
}

#app #widget-table.new-widget-style .widget-body .table thead:first-child tr:last-child th:last-child {
    border-right: 1px solid #E5E5E5 !important;
}

body #app #widget-table.new-widget-style.new-table-style .widget-body {
    border: none !important;
}

#app #widget-table.new-widget-style.new-table-style .widget-title {
    padding-left: 0 !important;
}

#app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table.dialog-table tbody {
    display: block !important;
}

#app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table.dialog-table tr {
    margin-top: 1.5rem !important;
    display: flex !important;
    border: 1px solid #E5E5E5 !important;
    border-radius: 6px !important;
    background-color: #F8F8F8 !important;
}

#app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table.dialog-table tr td {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important; 
    text-align: left !important;
}

#app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table.dialog-table td a, 
#app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table.dialog-table td span, 
#app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table.dialog-table td .label {
    justify-content: flex-start !important;
}

#app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table.dialog-table td a.btn-close {
    justify-content: flex-end !important;
}

#app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table.dialog-table td a.btn-close i {
    font-size: 18px !important;
}

#app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table.dialog-table td {
    border: none !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

#app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table.dialog-table {
    background-color: transparent !important;
    border: none !important;
}

#app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table.dialog-table tr:first-child td {
    border-top: none !important;
}

#app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table.dialog-table tr:first-child {
    margin-top: 0 !important;
}

#app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table {
    border: 1px solid #E5E5E5 !important;
    border-radius: 6px !important;
    border-collapse: unset;
    background-color: #F8F8F8 !important;
}

#app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table th {
    border-bottom: none !important;
    border-left: none !important;
}

#app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table td {
    border-left: none !important;
    text-align: center;
    vertical-align: middle;
}

#app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table th,
#app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table td,
#app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table tr {
    border-radius: 0 !important;
}

#app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table td a,
#app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table td span,
#app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table td .label {
    border-left: none !important;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center !important;
}

body #app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table td span.title,
body #app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table td a.title {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    text-align: center !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
}

#app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table td .itemdiv.dialogdiv > .sender,
#app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table td .itemdiv.dialogdiv > .not-sender {
    width: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 1rem !important;
    background-color: white !important;
}

#app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table td .itemdiv.dialogdiv > .sender {
    border: 1px solid #FF9330 !important;
    margin-left: 50% !important;
    border-radius: 6px 6px 0 6px !important;
}

#app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table td .itemdiv.dialogdiv > .not-sender {
    border: 1px solid #E5E5E5 !important;
    margin-left: 0 !important;
    border-radius: 6px 6px 6px 0 !important;
}

#app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table td .itemdiv.dialogdiv > .sender .corner-sender {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    margin-bottom: -10px;
    margin-right: -13px;
}

#app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table td .itemdiv.dialogdiv > .not-sender .corner-not-sender {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    margin-bottom: -10px;
    margin-left: -13px;
}

#app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table td .itemdiv.dialogdiv > .sender::before,
#app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table td .itemdiv.dialogdiv > .not-sender::before {
    display: none !important;
}

.corner {
    display: none;
}

#app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table td .sender a,
#app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table td .sender span,
#app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table td .sender .label {
    width: auto !important;
    display: block !important;
}

#app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table td .tools {
    bottom: unset !important;
    top: unset !important;
    margin-top: auto !important;
    margin-bottom: auto;
}

#app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table td .sender .btn,
#app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table td .not-sender .btn {
    width: auto !important;
    height: 26px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0px 16px !important;
    margin-bottom: 0 !important;
}

body #app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table td.conversations-box .widget-box {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

body #app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table td.conversations-box .title {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    text-align: center !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    color: #474747 !important;
    font-family: 'Montserrat', sans-serif !important;
}

body #app #widget-table.new-widget-style.new-table-style .widget-box .widget-title {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 500 !important;
}

body #app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table td.conversations-box .widget-box .widget-header {
    border-radius: 6px 6px 0 0 !important;
    padding: 2rem !important;
    background-color: white !important;
    border-bottom: 1px solid #E5E5E5 !important;
}

body #app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table td.conversations-box .widget-box .slimScrollDiv,
body #app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table td.conversations-box .widget-box .dialogs {
    height: auto !important;
    max-height: 400px;
}

body #app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table td.conversations-box .widget-box .slimScrollDiv {
    margin-right: 1rem !important;
}


body #app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table td.conversations-box .widget-box .dialogs {
    overflow: hidden !important;
    margin-right: 1.5rem !important;
}

body #app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table td.conversations-box .widget-box #messageForm {
    padding-right: 2rem !important;
}

body #app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table td.conversations-box,
body #app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table tr:has(.conversations-box) {
    padding: 0 !important;
    display: flex !important;
    width: 100% !important;
}

body #app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table:has(.conversations-box) tr:has(.chat-box.d-block) {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) !important;
}

body #app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table td.conversations-box .form-actions {
    padding: 1.5rem !important;
    background-color: transparent !important;
}

body #app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table td.conversations-box .form-actions .input-group {
    padding: 0 !important;
    background-color: transparent !important;
    width: 100% !important;
}

body #app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table td.conversations-box .form-actions .input-group input {
    height: 90px !important;
    background-color: white !important;
    border: 1px solid #FF9330 !important;
    padding-right: 180px;
}

body #app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table td.conversations-box .form-actions .input-group .input-group-btn {
    position: absolute;
    right: 0 !important;
    margin-bottom: 0 !important;
    z-index: 10;
    width: auto !important;
    margin-bottom: auto !important;
    margin-top: auto !important;
    margin-right: 2rem;
    height: 100% !important;
}

body #app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table td.conversations-box .form-actions .input-group .input-group-btn .btn {
    margin-bottom: auto !important;
    margin-top: auto !important;
    background: linear-gradient(0deg, #E84C0A 0%, #EF7F1A 100%) !important;
}

body #app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table td.conversations-box .chat-close-box {
    padding: 2rem !important;
    display: flex;
    align-items: center !important;
    justify-content: space-between;
}

body #app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table td .widget-box .widget-body {
    background-color: transparent !important;
    padding: 2rem !important;
    padding-right: 0 !important;
}

body #app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table.dialog-table td .badge {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    min-height: 28px !important;
    min-width:  28px !important;
    margin-left: 2rem !important;
}

#app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table td .action-buttons {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    height: 100%;
}

#app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table td .action-buttons a {
    width: auto;
    display: inline-block !important;
}

#app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table td .label {
    border-radius: 6px !important;
    height: 20px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    width: auto !important;
}

#app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table td .label span {
    display: none;
}

body #app .label-success {
    background-color: rgba(45, 175, 81, 0.6) #82af6f !important;
}

body #app .label- {
    background-color: rgb(71, 71, 71) !important;
}

body #app .label-info {
    background-color: rgba(71, 71, 71, .5) !important;
}

body #app .label-inverse {
    background-color: #d15b47 !important;
}

body #app #widget-table.new-widget-style .widget-body .form-inline .row {
    background-color: transparent !important;
    display: flex;
    justify-content: space-between;
    padding-top: 0 !important;
    flex-direction: row-reverse;
}

#app #widget-table.new-widget-style .widget-body.new-widget-body {
    border: 1px solid #f8f8f8 !important;
    border-radius: 0 6px 6px 6px !important;
    background-color: #f8f8f8 !important;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) !important;
    padding-top: 3rem !important;
}

#app #widget-table.new-widget-style .widget-body.new-widget-body .alert-success {
    background-color: transparent !important;
    color: #E84C0A !important;
    padding: 0 27px 27px 42px !important;
}

.new-widget-style .new-nav-tabs {
    border-bottom-color: transparent !important;
    padding-left: 0 !important;
}

#app #widget-table.new-widget-style .widget-body.new-widget-body .widget-body {
    margin: 26px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

#app #widget-table.new-widget-style .widget-body.new-widget-body .widget-body .table {
    margin-bottom: 0 !important;
    border-top: 1px solid transparent !important;
}

#app #widget-table.new-widget-style .widget-body.new-widget-body .widget-body .table tr:first-child {
    border-top: 1px solid transparent !important;
    border-right: 1px solid transparent !important;
}

#app #widget-table.new-widget-style .widget-body.new-widget-body .widget-body .table thead:first-child tr:last-child th:last-child {
    border-right: 1px solid transparent !important;
}

#app #widget-table.new-widget-style .widget-body.new-widget-body .widget-body .table tbody tr td p,
#app #widget-table.new-widget-style .widget-body.new-widget-body .widget-body .table tbody tr td,
#app #widget-table.new-widget-style .widget-body.new-widget-body .widget-body .table tbody tr {
    color: rgba(71, 71, 71, .8) !important;
    font-weight: 500 !important;
    text-align: center;
}

#app #widget-table.new-widget-style .widget-body.new-widget-body .widget-body .table thead tr th p {
    font-weight: 600 !important;
}

#app #widget-table.new-widget-style .widget-body.new-widget-body .form-group {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

#widget-table.new-widget-style .widget-body.new-widget-body .form-group div:first-child,
#widget-table.new-widget-style .widget-body.new-widget-body .form-group label:first-child {
    width: 100% !important;
    text-align: start !important;
    padding: 8px 12px 0 27px !important;
}

#widget-table.new-widget-style .widget-body.new-widget-body .new-button-group {
    padding-top: 3rem;
    margin-left: 0;
    margin-right: 0;
}

#widget-table.new-widget-style .widget-body.new-widget-body .new-button-group.new-button-group-rinex {
    margin-left: 15px !important;
    margin-right: 15px !important;
}

#widget-table.new-widget-style .widget-body.new-widget-body .new-button-group button,
#widget-table.new-widget-style .widget-body.new-widget-body .new-button-group a {
    background-color: transparent !important;
    color: #474747 !important;
    font-size: 14px !important;
    display: flex;
    align-items: center;
    border: 1px solid #474747 !important;
}

#ephemeris button,
#ephemeris a {
    height: 42px!important;
}

#widget-table.new-widget-style .widget-body.new-widget-body .new-button-group:has(button[disabled=disabled]),
#widget-table.new-widget-style .widget-body.new-widget-body .new-button-group:has(a[disabled=disabled]) {
    cursor: not-allowed !important;
}

#widget-table.new-widget-style .widget-body.new-widget-body .new-button-group button:has(svg) span,
#widget-table.new-widget-style .widget-body.new-widget-body .new-button-group a:has(svg) span {
    margin-left: 1rem;
}

#widget-table.new-widget-style .widget-body.new-widget-body .form-group div {
    padding: 8px 12px 6px 27px !important;
}

#app #widget-table.new-widget-style .widget-body.new-widget-body #ephemeris .form-horizontal .row:first-child {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

#app #widget-table.new-widget-style .widget-body.new-widget-body #ephemeris .form-group div.input-group:has(#ephemeris-date) {
    padding: 0 !important;
    margin-top: -10px;
}

#widget-table.new-widget-style .widget-body.new-widget-body #ephemeris .form-group div {
    padding: 8px 12px 6px 12px !important;
}

#widget-table.new-widget-style .widget-body.new-widget-body #ephemeris .form-group div:has(.input-group) {
    padding: 0 !important;
}

#widget-table.new-widget-style .widget-body.new-widget-body #ephemeris .form-group div:first-child, 
#widget-table.new-widget-style .widget-body.new-widget-body #ephemeris .form-group label:first-child {
    padding: 8px 12px 6px 12px !important;
}

#widget-table.new-widget-style .widget-body.new-widget-body .form-group div,
#widget-table.new-widget-style .widget-body.new-widget-body .form-group label {
    height: auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

#app #widget-table.new-widget-style .widget-body.new-widget-body .form-group label.actual-date{
    padding-left: 0 !important;
}

body #app #widget-table.new-widget-style .widget-body.new-widget-body .form-group div div,
body #app #widget-table.new-widget-style .widget-body.new-widget-body .form-group label div {
    padding: 0 !important;
    display: block !important;
}

body #app #widget-table.new-widget-style .widget-body.new-widget-body .form-group div div.checkbox-inline {
    display: flex !important;
}

body #app #widget-table.new-widget-style .widget-body.new-widget-body .form-group div div.hide,
body #app #widget-table.new-widget-style .widget-body.new-widget-body .form-group label div.hide {
    display: none !important;
}

#app #widget-table.new-widget-style .widget-body.new-widget-body .form-group .checkbox {
    padding-top: 3px !important;
}

#app #widget-table.new-widget-style .widget-body.new-widget-body .form-group .checkbox label {
    padding-top: 0 !important;
}

#app #widget-table.new-widget-style .widget-body.new-widget-body .form-group .radio-inline {
    padding-top: 0 !important;
    width: 100% !important;
    display: flex;
    align-items: center;
}

#app #widget-table.new-widget-style .widget-body.new-widget-body .form-group .radio-inline:first-child {
    padding-left: 0 !important;
}

#app #widget-table.new-widget-style .widget-body.new-widget-body .form-group .radio-inline input {
    margin-bottom: 2px;
}

#widget-table.new-widget-style .widget-body.new-widget-body label input[type=checkbox].ace+.lbl,
#widget-table.new-widget-style .widget-body.new-widget-body label input[type=radio].ace+.lbl {
    margin-left: -10px;
    position: relative;
    display: inline-block;
    margin: 0;
    line-height: 20px;
    min-height: 18px;
    min-width: 18px;
    font-weight: 400;
    cursor: pointer;
}

#widget-table.new-widget-style .widget-body.new-widget-body input[type=checkbox].ace.input-lg+.lbl::before,
#widget-table.new-widget-style .widget-body.new-widget-body input[type=radio].ace.input-lg+.lbl::before {
    border-radius: 4px;
    font-size: 14px;
    height: 24px;
    line-height: 23px;
    min-width: 24px;
    top: auto;
}

#widget-table.new-widget-style .widget-body.new-widget-body input[type=checkbox].ace+.lbl::before, 
#widget-table.new-widget-style .widget-body.new-widget-body input[type=radio].ace+.lbl::before {
    cursor: pointer;
    font-family: fontAwesome;
    font-weight: 200;
    font-size: 12px;
    color: white;
    content: "\a0";
    background-color: white;
    border: 1px solid rgba(71, 71, 71, .12);
    box-shadow: none !important;
    border-radius: 0;
    display: inline-block;
    text-align: center;
    height: 16px;
    line-height: 14px;
    min-width: 16px;
    margin-right: 8px;
    position: relative;
    top: -1px;
}

#widget-table.new-widget-style .widget-body.new-widget-body input[type=checkbox].ace:checked+.lbl::before,
#widget-table.new-widget-style .widget-body.new-widget-body input[type=radio].ace:checked+.lbl::before {
    display: inline-block;
    content: '\f00c';
    background-color: #EF7F1A;
    border-color: transparent !important;
    box-shadow: none !important;
}

#widget-table.new-widget-style .widget-body.new-widget-body .form-group .input-group-addon {
    margin-left: 1rem;
    margin-right: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 14px !important;
    right: unset !important;
    left: 0;
}

#app #widget-table.new-widget-style .widget-body.new-widget-body .form-group .input-group input.date-picker,
#app #widget-table.new-widget-style .widget-body.new-widget-body .form-group .input-group input.new-date-picker {
    padding-left: 4rem !important;
}

#widget-table.new-widget-style .widget-body .input-group .form-control {
    border-radius: 6px !important;
    padding-left: 45px !important;
    height: 42px;
    width: 100% !important;
    background-color: #F8F8F8 !important;
}

#app #widget-table.new-widget-style .form-group select {
    background-color: #F8F8F8 !important;
    height: 42px !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    border: 1px solid #ddd !important;
    padding: 8px 12px !important;
    font-size: 14px !important;
    color: #333 !important;
    border-radius: 6px !important;
    width: 100% !important;
    cursor: pointer !important;
    position: relative !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
}

#app #widget-table.new-widget-style .form-group .chosen-single {
    background-color: #F8F8F8 !important;
    height: 42px !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    border: 1px solid #ddd !important;
    padding: 8px 12px !important;
    font-size: 14px !important;
    color: #333 !important;
    border-radius: 6px !important;
    width: 100% !important;
    cursor: pointer !important;
    position: relative !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    box-shadow: none !important;
}

#app #widget-table.new-widget-style .form-group .chosen-single b {
    display: none !important;
}

#app #widget-table.new-widget-style .form-group .chosen-drop {
    background-color: #F8F8F8 !important;
    color: #333 !important;
}

#app #widget-table.new-widget-style .form-group .chosen-search:after {
    top: 4px !important;
}

#app #widget-table.new-widget-style .form-group .chosen-results .highlighted {
    background-color: #EF7F1A !important;
    background-image: unset !important;
    border-radius: 4px !important;
}

#app #widget-table.new-widget-style .form-group .chosen-container .chosen-results  {
    padding: 4px 4px 2px 6px !important;
}

.new-widget-style .new-nav-tabs li:first-child {
    border-radius: 6px 0 0 0 !important;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) !important;
}

.new-widget-style .new-nav-tabs li:last-child {
    border-radius: 0 6px 0 0 !important;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) !important;
}

.new-widget-style .new-nav-tabs li a {
    margin: 0 !important;
    border: none !important ;
    z-index: 3;
    background-color: #FF9330 !important;
    margin-bottom: 1px !important;
    padding: 12px 32px !important;
}

.new-widget-style .new-nav-tabs li.active a {
    background-color: #f8f8f8 !important;
}

.new-widget-style .new-nav-tabs li:first-child a {
    border-radius: 6px 0 0 0 !important;
}

.new-widget-style .new-nav-tabs li:last-child a {
    border-radius: 0 6px 0 0 !important;
}

.new-button-style.btn-success:hover, 
.new-button-style.btn-success:active, 
.new-button-style.open>.btn-success.dropdown-toggle {
    background: linear-gradient(0deg, #F05B1A 0%, #FF9330 100%) !important;
}

.new-button-style.btn-success {
    background: linear-gradient(0deg, #E84C0A 0%, #EF7F1A 100%) !important;
    border-radius: 34px !important;
    height: 42px !important;
    padding: 0px 20px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    font-size: 14px !important;
    font-weight: 500 !important;
    border-color: transparent !important;
    border: none !important;
    text-shadow: none !important;
}

.new-button-style.btn-success:hover {
    background: linear-gradient(0deg, #F05B1A 0%, #FF9330 100%) !important;
}

#app .new-widget-style .widget-body .pagination,
#app .new-pagination-style.pagination {
    margin-right: 1px !important;
}

#app .new-widget-style .widget-body .pagination li a,
#app .new-widget-style .widget-body .pagination li span,
#app .new-pagination-style.pagination li a,
#app .new-pagination-style.pagination li span {
    border: none !important;
    background-color: transparent !important;
    color: #474747;
    border-radius: 4px !important;
    font-weight: 500;
}

#app .new-widget-style .widget-body .pagination li.disabled a,
#app .new-widget-style .widget-body .pagination li.disabled span,
#app .new-pagination-style.pagination li.disabled a,
#app .new-pagination-style.pagination li.disabled span {
    font-weight: 400 !important;
    opacity: .5;
}

#app .new-widget-style .widget-body .pagination li a:hover,
#app .new-widget-style .widget-body .pagination li span:hover,
#app .new-pagination-style.pagination li a:hover,
#app .new-pagination-style.pagination li span:hover {
    border: none !important;
    background-color: #fc963c !important;
    color: white !important;
}

#app .new-widget-style .widget-body .pagination li.disabled a:hover,
#app .new-widget-style .widget-body .pagination li.disabled span:hover,
#app .new-pagination-style.pagination li.disabled a:hover,
#app .new-pagination-style.pagination li.disabled span:hover {
    background-color: rgba(71, 71, 71, .5) !important;
}

#app .new-widget-style .widget-body .pagination li.active a,
#app .new-widget-style .widget-body .pagination li.active span,
#app .new-pagination-style.pagination li.active a,
#app .new-pagination-style.pagination li.active span {
    border: none !important;
    background-color: #EF7F1A !important;
    color: white !important;
}

.new-widget-style.new-widget-balance-style .widget-body .btn.dialog-request {
    padding-left: 12px !important;
    padding-right: 12px !important;
    min-width: 336px !important;
    max-width: 360px !important;
}

#app #widget-table.new-widget-style .widget-body .form-inline #dynamic-table_length select {
    background-color: #F8F8F8 !important;
    height: 36px !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    border: 1px solid #ddd !important;
    padding: 0px 26px 0 12px !important;
    font-size: 14px !important;
    color: #333 !important;
    border-radius: 6px !important;
    width: auto !important;
    cursor: pointer !important;
    position: relative !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 9px center;
    margin-left: 1rem !important;
    margin-right: 1rem !important;
}

#app #widget-table.new-widget-style .widget-body .form-inline .row .col-xs-6 {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-bottom: 1rem;
}

#app #widget-table.new-widget-style .widget-body .form-inline .row:last-child .col-xs-6 {
    margin-top: 2rem;
}

#app #widget-table.new-widget-style .widget-body .form-inline .row:first-child .col-xs-6:first-child {
    order: 2;
}

#app #widget-table.new-widget-style .widget-body .form-inline .row:first-child .col-xs-6:last-child {
    order: 1;
}

#app #widget-table.new-widget-style .widget-body .form-inline #dynamic-table_length {
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
}

#app #widget-table.new-widget-style .widget-body #dynamic-table_wrapper .row{
    padding-bottom: 1.875rem;
}

#app #widget-table.new-widget-style .widget-body .form-inline #dynamic-table_filter {
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
}

#app #widget-table.new-widget-style .widget-body .form-inline #dynamic-table_filter input {
    border-radius: 6px !important;
    padding-left: 3rem !important;
    height: 32px !important;
    max-height: 32px !important;
    width: 100% !important;
    background-color: #F8F8F8 !important;
    margin: 0 !important;
}

#app #widget-table.new-widget-style .widget-body .form-inline #dynamic-table_filter .btn-info {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 28px;
    border-radius: 6px;
    margin-left: 1rem;
}

#app #widget-table.new-widget-style .widget-body .form-inline #dynamic-table_filter .btn-info i {
    margin: 0 !important;
    padding: 0 !important;
    top: unset !important;
}

#app #widget-table.new-widget-style .widget-body .form-inline label {
    margin-bottom: 0 !important;
    display: flex;
    align-items: center;
    height: 42px;
}

body #app #widget-table.new-widget-style .widget-body {
    background-color: white !important;
    border-radius: 6px !important;
    padding-top: 8px !important;
    padding-bottom: 16px !important;
}

body #app #widget-table.new-widget-style .widget-body .table th:first-child {
    border-top: 1px solid transparent !important;
    border-left: 1px solid transparent !important;
}

body #app #widget-table.new-widget-style .widget-body .table th:last-child {
    border-top: 1px solid transparent !important;
    border-right: 1px solid transparent !important;
}

body #app #widget-table.new-widget-style .widget-body .table td:first-child {
    border-bottom: 1px solid transparent !important;
    border-left: 1px solid transparent !important;
}

body #app #widget-table.new-widget-style .widget-body .table td {
    width: auto !important;
    border-bottom: 1px solid transparent !important;
}

body #app #widget-table.new-widget-style .widget-body .table th {
    border-top: 1px solid transparent !important;
}

body #app #widget-table.new-widget-style .widget-body .table td:last-child {
    border-bottom: 1px solid transparent !important;
    border-right: 1px solid transparent !important;
}

#app #widget-table.new-widget-style .widget-body {
    border: 1px solid #E5E5E5 !important;
    border-radius: 6px !important;
}

#app #widget-table.new-widget-style .widget-body {
    padding: unset !important;
}

#app .widget-body .widget-main.padding-none .dialog-item .time .text-primary {
    margin-left: .25rem;
}

.new-widget-style.new-widget-balance-style .widget-body .notifications .form-group {
    display: block;
}

.new-widget-style.new-widget-balance-style .widget-body .notifications-info {
    padding: 0;
    width: 100% !important;
}

.new-widget-style.new-widget-balance-style .widget-body .notifications select {
    width: 100% !important;
    height: 42px !important;
}

.new-widget-style.new-widget-balance-style .widget-body .notifications .select2-container {
    width: 100% !important;
}

.new-widget-style.new-widget-balance-style .widget-body .select2-container .select2-selection--single {
    height: 42px !important;
    border-radius: 6px !important;
    border: 1px solid #ddd !important;
    padding: 8px 12px !important;
    font-size: 14px !important;
    color: #333 !important;
    width: 100% !important;
    cursor: pointer !important;
    position: relative !important;
}

.new-widget-style.new-widget-balance-style .widget-body .notifications .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 14px !important;
}

.new-widget-style.new-widget-balance-style .widget-body .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 8px !important;
}

body .select2-dropdown {
    border-color: #ddd !important;
}

.new-sidebar-style {
    background-color: white !important;
}

.new-sidebar-collapse-style {
    background-color: white !important;
    border-bottom: none !important;
}

.new-menu-style {
    background-color: #F8F8F8 !important;
    margin-top: 20px;
    padding-left: 12px;
}

.new-menu-style li {
    border: none !important;
    background-color: transparent !important;
}

.new-menu-style li a {
    border: none !important;
    background-color: transparent !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start;
    height: 34px;
}

.new-menu-style li a .arrow {
    position: relative !important;
    top: unset !important;
    right: unset !important;
    margin-left: .25rem !important;
}

.new-menu-style li a .menu-icon {
    font-size: 14px !important;
    color: rgb(71, 71, 71) !important;
}

.new-menu-style li a:hover .menu-icon,
.new-menu-style li.open a .menu-icon,
.new-menu-style li.active a .menu-icon {
    color: rgb(239, 127, 26) !important;
}

#app .new-design-style .itemdiv.dialogdiv {
    padding-bottom: 8px;
    min-height: unset !important;
    height: auto !important;
}

#app .new-design-style .body {
    margin-left: 0 !important;
    width: 100% !important;
    display: block !important;
    border: none !important;
    padding: 1rem 2.5rem;
}

#app .new-design-style .body::before {
    display: none !important;
}

#app .new-design-style .body .text {
    width: 100% !important;
    color: rgba(71, 71, 71, 0.8) !important;
    font-weight: 500 !important;
    font-size: 14px !important;
}

#app .new-design-style .body .time {
    width: 100% !important;
    position: relative !important;
    float: none !important;
    right: unset !important;
    top: unset !important;
}

#app .new-design-style .body .time span{
    color: rgba(71, 71, 71, 1) !important;
    opacity: .5 !important;
    font-weight: 500 !important;
    font-size: 14px !important;
}

html .sidebar~.footer .footer-inner {
    left: 0 !important;
    margin-left: 210px !important;
}

html body .nav-list > li.open > a {
    color: rgb(239, 127, 26);
}

html body #app .hide {
    display: none !important;
}

html body .nav-list > li.active > a {
    color: rgb(239, 127, 26);
}

html body .nav-list > li:before {
    background: transparent !important;
    color: transparent !important;
}

html body .nav-list > li .submenu {
    border: none;
}

html body .nav-list > li > .submenu:before {
    display: none;
}

html body .nav-list > li > .submenu > li:before {
    display: none;
}

html body .nav-list > li:hover > a {
    color: #FF9330 !important;
}

html body .nav-list > li .submenu> li > a:hover {
    color: #FF9330 !important;
}

html body .nav-list > li .submenu {
    background-color: #F8F8F8 !important;
}

html body .nav-list > li .submenu > li.active > a > .menu-icon {
    display: none;
}

html body .nav-list > li .submenu > li:hover > a > .menu-icon {
    display: none;
}

body .navbar .navbar-toggle .icon-bar {
    width: 100% !important;
    margin: 0 !important;
}

.balance-header-block {
    min-height: 100px;
}

.balance-menu-block .avatar-box {
    width: 86px !important;
    height: 86px !important;
}

.balance-menu-block {
    max-width: 210px;
    padding-left: 24px;
    padding-right: 24px;
}

.menu-close-btn {
    position: absolute;
    top: 16px;
    right: 16px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 8px;
    z-index: 1001;
    display: none;
    align-items: center;
    justify-content: center;
    color: #000;
    transition: opacity 0.2s ease;
}

#sidebar.display .menu-close-btn {
    display: flex;
}

.menu-close-btn:hover {
    opacity: 0.7;
}

.menu-close-btn svg {
    width: 24px;
    height: 24px;
}

@media (min-width: 992px) {
    .menu-close-btn {
        display: none !important;
    }
}

#app .text-price-size {
    color: white !important;
    text-shadow: none !important;
}

#app #filters.new-widget-style .form-group input.month-date-picker {
    border-radius: 6px !important;
    padding-left: 16px !important;
    height: 42px;
    width: 100% !important;
    background-color: #F8F8F8 !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#app #filters.new-widget-style .form-group .input-group:has(.month-date-picker) {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
}

#app #filters.new-widget-style .form-group .input-group-addon {
    position: absolute;
    right: 0;
    margin-right: 2rem;
    z-index: 10;
    background-color: transparent !important;
    border: none !important;
}

#app .widget-box {
    border-radius: 6px;
    padding: 2px !important;
    margin-bottom: 1rem;
}

body .modal.in {
    z-index: 10000 !important;
    display: flex !important;
    justify-content: center !important;
    width: 100%;
}

body .modal-backdrop.in {
    width: 100% !important;
    max-height: 200vh !important;
}

body .modal-header {
    border-radius: 6px 6px 0 0 !important;
}

body .modal-footer {
    border-radius: 0 0 6px 6px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 20px 30px !important;
}

body .modal-footer::after, 
body .modal-footer::before {
    display: none !important;
}

body .modal-content {
    border: none !important;
    border-radius: 6px !important;
}

body .modal .btn {
    border-radius: 34px !important;
    height: 50px !important;
    padding: 0px 30px !important;
    /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) !important; */
    border: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

body .modal .btn.btn-plus,
body .modal .btn.btn-minus {
    height: 40px !important;
    width: 40px !important;
    padding: unset !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-right: 0 !important;
    border-radius: 50%;
}

body #app .modal .btn.btn-plus {
    margin-right: .25rem !important;
}

body .modal .btn.btn-plus .ace-icon,
body .modal .btn.btn-minus .ace-icon {
    margin-right: 0 !important;
    text-align: center !important;
    height: auto;
    width: auto;
    line-height: 18px !important;
}

body .modal .input-group-btn-vertical > .btn {
    display: block !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 5px !important;
    margin-left: -2px !important;
    position: relative !important;
    border-radius: 0 !important;
    height: auto !important;
    background-color: transparent !important;
}

body .modal .input-group-btn-vertical > .btn i {
    background-color: transparent !important;
    color: #555 !important;
    border: none !important;
    text-shadow: none !important;
}

body .modal .input-group-btn-vertical {
    position: absolute !important;
    right: 0 !important;
    margin-right: 2rem !important;
    z-index: 10;
}

body .modal input[type=text],
body .modal input[type=number],
body .modal input[type=email],
body .modal input[type=password],
body .modal textarea {
    border-radius: 6px !important;
    padding-left: 16px !important;
    height: 42px;
    width: 100% !important;
    background-color: #F8F8F8 !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left !important;
    max-width: unset !important;
}

body .modal .form-group label[for=old_password], 
body .modal .form-group label[for=password],
body .modal .form-group label[for=password_confirm] {
    width: 100% !important;
}

body .modal textarea {
    height: 64px;
}

body .modal select {
    background-color: #F8F8F8 !important;
    height: 42px !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    border: 1px solid #ddd !important;
    padding: 0px 12px !important;
    font-size: 14px !important;
    color: #333 !important;
    border-radius: 6px !important;
    width: 100% !important;
    cursor: pointer !important;
    position: relative !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
}

body .modal .input-group {
    width: 100% !important;
    display: flex;
    align-items: center;
}

body .modal .input-group .input-group-addon {
    position: absolute;
    right: 0;
    margin-right: 2rem;
    z-index: 10;
    background-color: transparent !important;
    border: none !important;
}

body .modal .form-horizontal .control-label {
    padding-top: 0 !important;
}

body .modal .form-group {
    display: flex !important;
    align-items: center;
    flex-wrap: wrap;
}

body .modal-dialog {
    width: 90% !important;
    max-width: 650px !important;
}

body .modal .alert {
    border-radius: 6px !important;
    border: none !important;
    margin-bottom: 2rem !important;
}

body .modal .modal-header .close {
    margin-top: -3px !important;
    font-size: 28px !important;
}

.chat-box {
    display: block;
}

.chat-close-box {
    display: none;
}

.avatar-box {
    border-radius: 50%;
    overflow: hidden;
}

body #app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table td.conversations-box .title.link-dialog:hover {
    text-decoration: underline !important;
}

body .new-header-tel-block {
    margin-right: 5rem !important;
}

body .select2-container--default .select2-selection--single {
    min-width: 240px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

body .select2-container.select2-container--default.select2-container--open {
    z-index: 99999;
}

body .select2.select2-container.select2-container--default {
    min-width: 240px;
}

#app .label-sm {
    padding: .4em;
    height: 20px;
}

.loader {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid #fff;
    border-top: 2px solid transparent;
    border-radius: 50%;
    margin-left: 8px;
    animation: spin 0.8s linear infinite;

}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.loader.hidden {
    display: none;
}

@media (max-width: 1440px) {
    .new-header-tel-body {
        margin-left: 0 !important;
    }

    body .new-header-tel-block {
        margin-right: 2.5rem !important;
    }
}

@media (max-width: 1366px) {
    #app .new-red-btn, #app .new-green-btn, #app .new-grey-btn, #app .new-orange-btn {
        height: 72px;
    }

    body .new-header-tel-block {
        margin-right: 2rem !important;
    }

    #app .tab-content:has(table),
    #app .main-page .row .col-xs-12:has(#dynamic-table),
    #app .main .row .col-xs-12:has(#dynamic-table) {
        overflow-y: auto !important;
    }

    html body #main-container #app .main .row .col-xs-12:has(.row .col-xs-12),
    html body #main-container #app .main-page .row .col-xs-12 .row .col-xs-12:has(#dynamic-table) {
        overflow-y: unset !important;
    }
}

@media (max-width: 1200px) {
    #app #widget-table.new-widget-style .widget-body.new-widget-body #ephemeris .form-group div.input-group:has(#ephemeris-date) {
        margin-top: 0 !important;
    }

    #app .form-group:has(.form-group-mydate) .input-group {
        width: 100% !important;
    }

    #app .form-group-details {
        text-align: left !important;
    }
}

@media (max-width: 992px) {
    html .sidebar~.footer .footer-inner {
        left: 0 !important;
        margin-left: 0 !important;
    }

    #sidebar {
        width: 280px !important;
        display: none;
        border-bottom-right-radius: 6px !important;
        box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
    }

    .user-menu-block{
        flex-direction: column;
    }

    .balance-menu-block {
        max-width: 280px !important;
        display: flex!important;
        align-items: center!important;
        justify-content: center!important;
        flex-direction: column!important;
    }

    .balance-menu {
        max-width: 190px !important;
        display: flex;
    }

    /* Скрыть все иконки меню в мобильной версии, кроме иконки кнопки "Выход" */
    .new-menu-style .menu-icon {
        display: none !important;
    }

    .new-menu-style li a[href*="logout"] .menu-icon {
        display: inline-block !important;
    }

    .new-menu-style li a[href*="logout"] svg.menu-icon {
        display: inline-block !important;
    }

    /* Добавить padding-left для пунктов меню со скрытыми иконками */
    .new-menu-style li a {
        padding-left: 35px !important;
    }

    /* Для кнопки "Выход" делаем меньший отступ */
    .new-menu-style li a[href*="logout"] {
        padding-left: 30px !important;
    }

    #app .new-widget-style .widget-body .profile-info-row.form-group.col-md-4 {
        width: calc(100% - 4rem) !important;
    }

    body #menu-toggler {
        display: inline-flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        align-items: center !important;
        /* padding: 7px !important; */
        height: 32px !important;
        width: 45px !important;
        min-width: 45px !important;
        margin: 12px !important;
    }

    #menu-toggler .navbar .navbar-toggle.display{
    background-color: #4d9dcc;
    box-shadow: none !important;
    border-color: transparent !important;
}

    body .navbar-container {
        height: 75px !important;
        justify-content: flex-start !important;
    }

    body .navbar-header {
        display: flex;
        justify-content: center !important;
        align-items: center !important;
    }

    .navbar-toggle.menu-toggler {
        transition: all 0.3s ease;
        cursor: pointer;
        background: transparent;
        border: none;
        padding: 0;
        display: inline-block;
    }

    .navbar-toggle.menu-toggler img {
        transition: all 0.3s ease;
        display: block;
    }

    .navbar-toggle.menu-toggler.display,
    .navbar-toggle.menu-toggler.display:hover {
        transform: scale(1.01);
        background-color: rgba(232, 76, 10, 0.1);
    }

    .navbar-toggle.menu-toggler.display img {
        opacity: 1;
        filter: brightness(1.2) saturate(2.8);
    }

    .navbar-toggle.menu-toggler:active img {
        opacity: 0.2;
    }

    .banner-container {
        margin-left: -3rem !important;
    }

    #app .form-group-details .form-group {
        margin-bottom: .75rem;
    }

    body:has(#sidebar.display) .main-container-background {
        display: block;
        background-color: rgba(0, 0, 0, .3); 
        position: absolute;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 9;
    }

    body:has(#sidebar.display) {
        overflow: hidden;
    }

    body:has(#sidebar.display) #app {
        pointer-events: none;
    }
}

@media (max-width: 767px) {
    body #app #widget-table.new-widget-style .widget-body .form-inline .row div:has(#dynamic-table_info),
    body #app #widget-table.new-widget-style .widget-body .form-inline .row div:has(#dynamic-table_paginate) {
        width: 100% !important;
    }

    body #app #widget-table.new-widget-style .widget-body .form-inline .row:has(div #dynamic-table_paginate),
    body #app #widget-table.new-widget-style .widget-body .form-inline .row:has(div #dynamic-table_paginate) {
        display: flex !important;
        flex-wrap: wrap !important;
    }

    #app .new-widget-style .widget-body .user-image-block div:has(.file-upload) {
        width: 100%;
        margin-top: 2rem;
        padding-left: 0 !important;
    }

    #app .new-red-btn, #app .new-green-btn, #app .new-grey-btn, #app .new-orange-btn {
        height: 92px;
    }

    body .page-content {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    #app .new-widget-style .widget-body .profile-info-row.form-group.col-md-4 {
        width: 100% !important;
    }


    #widget-table.new-widget-style .widget-body.new-widget-body .form-group div:first-child, 
    #widget-table.new-widget-style .widget-body.new-widget-body .form-group label:first-child {
        padding-left: 12px !important;
    }

    #widget-table.new-widget-style .widget-body.new-widget-body .form-group div, 
    #widget-table.new-widget-style .widget-body.new-widget-body .form-group label {
        padding-left: 12px !important;
    }

    #app .new-widget-style .widget-body .notifications {
        margin-right: 0 !important;
    }

    body #app .page-content .main:has(.notifications) {
        padding-right: 0 !important;
    }

    #app .new-widget-style .form-actions {
        width: calc(100% - 15px) !important;
    }

    body #app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table.dialog-table .widget-header .dialog-name-block {
        display: flex !important;
        flex-wrap: wrap !important;
        max-width: 100%;
    }

    .avatar-box {
        width: 60px;
        height: 60px;
        margin-bottom: 2rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #app .conversations-elemets .avatar-box {
        margin-right: 0 !important;
    }

    #app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table.dialog-table td a.btn-close {
        max-width: 10%;
    }

    body #app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table.dialog-table .widget-header .widget-title {
        align-items: flex-start !important;
    }

    body #app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table td.conversations-box .form-actions .input-group {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
    }

    body #app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table td.conversations-box .form-actions .input-group .input-group-btn {
        position: relative !important;
        margin-right: 0 !important;
        right: inherit !important;
        margin-top: 2rem !important;
    }

    body #app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table td.conversations-box .form-actions .input-group .input-group-btn .btn {
        width: 100% !important;
    }

    body #app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table td.conversations-box .form-actions {
        width: 100% !important;
    }

    body #app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table td.conversations-box .form-actions .input-group input {
        padding-right: 16px !important;
    }

    #app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table td .itemdiv.dialogdiv > .sender {
        width: 60% !important;
        margin-left: 40% !important;
    }

    #app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table td .itemdiv.dialogdiv > .not-sender {
        width: 60% !important;
        margin-right: 40% !important;
    }

    body #app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table td .widget-box .widget-body {
        padding: 1rem !important;
    }

    body #app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table td.conversations-box .widget-box #messageForm {
        padding-right: 0 !important;
    }

    body #app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table td.conversations-box .widget-box .slimScrollDiv {
        margin-right: 0 !important;
    }

    body #app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table td.conversations-box .widget-box .dialogs {
        margin-right: .75rem !important;
    }

    body #app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table td.conversations-box .chat-close-box {
        flex-wrap: wrap !important;
    }

    body #app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table td.conversations-box .chat-close-box .conversations-elemets {
        justify-content: flex-start !important;
        flex-wrap: wrap !important;
        margin-bottom: 1.5rem;
        width: 100%;
    }

    body #app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table td.conversations-box .chat-close-box .conversations-elemets-end {
        justify-content: space-between !important;
        width: 100%;
        flex-wrap: wrap !important;
    }

    html #app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table td.conversations-box .chat-close-box .conversations-elemets .link-dialog {
        margin-right: 0 !important;
        justify-content: flex-start !important;
        text-align: left !important;
        width: 100% !important;
    }

    body #app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table td.conversations-box .title {
        flex-wrap: wrap !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word;
        white-space: normal !important;
        max-width: 100% !important;
        text-align: left !important;
    }

    #app .widget-body .widget-main.padding-none .dialog-item .vertical-align {
        justify-content: space-between !important;
    }

    #app .widget-body .widget-main.padding-none .dialog-item .vertical-align div {
        text-align: left !important;
        margin-bottom: .5rem !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        flex-wrap: wrap !important;
    }

    #app .widget-body .widget-main.padding-none .dialog-item .vertical-align div.amount {
        text-align: right !important;
        justify-content: flex-end !important;
        margin-bottom: 1.5rem !important;
        margin-top: .5rem !important;
    }

    .qr-code .hide-mobile {
        display: none;
    }

    .qr-code .show-mobile {
        display: block;
        padding-left: 15px;
        padding-right: 15px;
    }

    .qr-code {
        min-height: unset;
        padding-left: 12px;
        padding-bottom: 4px;
    }

    .qr-chat {
        margin-top: 0;
    }

    .qr-bot {
        margin-bottom: 20px;
    }

    .base-filters-btn {
        margin-top: 2rem;
    }

    #dynamic-table_paginate .pagination {
        width: 100%;
    }

    body #app #widget-table.new-widget-style .widget-body .form-inline #dynamic-table_length label {
        justify-content: center !important;
    }

    .profile-info-name-user {
        width: auto !important;
    }

    .tab-pane:has(.profile-info-row) .form-actions {
        padding-left: 0;
        padding-right: 0;
    }

    .form-actions .row div,
    .form-horizontal {
        display: block;
        margin-bottom: 1rem;
    }

    .form-actions .row div a,
    .form-actions .row div button,
    .form-horizontal .btn {
        width: 100% !important;
        margin-bottom: .5rem;
    }

    .form-actions .row span a,
    .form-actions .row span button {
        width: calc(100% - 24px);
    }

    .form-actions .row span:has(a),
    .form-actions .row span:has(button) {
        padding-left: 12px;
        padding-right: 12px;
    }

    .user-image-block {
        display: flex !important;
        flex-wrap: wrap;
        align-items: center !important;
        justify-content: center !important;
    }

    #dynamic-table b {
        font-weight: 400 !important;
    }
    #dynamic-table tr{
        font-weight: 400 !important;
    }
    #dynamic-table th{
        font-weight: 400 !important;
        width: auto!important;
    }

    #dynamic-table .font-size-11 {
        font-size: 11px !important;
        line-height: 1.1 !important;
    }
}

@media (max-width: 576px) {
    .bs-comments-btn button,
    .bs-comments-btn a {
        width: 100%;
    }

    .bs-comments-btn,
    .bs-comments-select,
    .bs-comments-select .control-label,
    .bs-comments-select .bs-comments-chosen-select,
    .form-horizontal .form-group,
    .form-horizontal .form-group .control-label,
    .form-horizontal .form-group div:has(#admin_id) {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .avatar-box {
        margin-right: 0 !important;
    }

    #editForm .form-actions {
        display: block;
        margin-top: 0;
    }

    #editForm .form-actions button,
    #editForm .form-actions a {
        width: 100%;
        margin-bottom: .5rem;
    }

    .page-content>.row .col-xs-12, .page-content>.row .col-sm-12, 
    .page-content>.row .col-md-12, .page-content>.row .col-lg-12 {
        width: 100% !important;
    }

    .user-image-block .new-font-style:has(#username),
    .user-image-block div:has(.file-upload),
    #common .profile-info-row:has(.user-image-block) {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        width: 100% !important;
    }

    .user-image-block .new-font-style:has(#username) {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .user-image-block .new-font-style #username {
        text-align: center;
    }

    .user-image-block .file-upload {
        margin-top: 1rem;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        min-width: 200px;
        max-width: 220px;
        width: auto;
    }

    #app .widget-body .widget-main.padding-none .dialog-item .time .text-primary {
        margin-left: .5rem;
    }

    body #app #widget-table.new-widget-style .widget-body.new-widget-body .form-group div div.checkbox-inline {
        width: 100% !important;
    }

    #app #widget-table.new-widget-style .widget-body.new-widget-body .form-group .checkbox.favorite .block {
        padding-left: 0 !important;
        margin-top: 1rem !important;
    }

    #app .new-red-btn, #app .new-green-btn, #app .new-grey-btn {
        height: 54px;
    }

    body #app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table {
        margin-right: 2px !important;
    }

    #app #widget-table.new-widget-style .widget-body .form-inline .row:first-child .col-xs-6:first-child,
    #app #widget-table.new-widget-style .widget-body .form-inline .row:first-child .col-xs-6:last-child {
        width: 100%;
    }

    #app #widget-table.new-widget-style .widget-body .form-inline #dynamic-table_length {
        text-align: right !important;
        justify-content: flex-end !important;
    }

    #app #widget-table.new-widget-style .widget-body .form-inline #dynamic-table_filter label,
    #app #widget-table.new-widget-style .widget-body .form-inline #dynamic-table_filter .search-container,
    #app #widget-table.new-widget-style .widget-body .form-inline #dynamic-table_length label {
        width: 100%;
    }

    #app #widget-table.new-widget-style .widget-body .form-inline .row .col-xs-6:has(#dynamic-table_filter) {
        width: 100% !important;
    }

    #app #widget-table.new-widget-style .widget-body .form-inline #dynamic-table_length label {
        justify-content: flex-end !important;
    }

    #app .widget-body .widget-main.padding-none .dialog-item .vertical-align div {
        justify-content: flex-start !important;
    }

    #app .widget-body .widget-main.padding-none .dialog-item .vertical-align div div{
        width: 100%;
    }

    #app .widget-body .widget-main.padding-none .dialog-item .vertical-align div.amount {
        text-align: left !important;
        justify-content: flex-start !important;
    }

    body .navbar-header {
        justify-content: flex-start !important;
        padding-left: 30px !important;
    }

    body .wrapper-navbar-toggle {
        display: flex !important;
        justify-content: flex-end !important;
        padding-right: 15px !important;
    }

    .new-widget-style.new-widget-balance-style .widget-body .btn.dialog-request {
        margin-left: auto;
        margin-right: auto;
    }

    body #app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table.dialog-table {
        max-width: 100% !important;
        display: block !important;
    }

    #app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table td .itemdiv.dialogdiv > .sender {
        width: 80% !important;
        margin-left: 20% !important;
    }

    #app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table td .itemdiv.dialogdiv > .not-sender {
        width: 80% !important;
        margin-right: 20% !important;
    }

    body #app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table td.conversations-box .chat-close-box .conversations-elemets {
        justify-content: center !important;
    }

    html #app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table td.conversations-box .chat-close-box .conversations-elemets .link-dialog {
        text-align: center !important;
        justify-content: center !important;
    }

    #app .new-widget-style.new-widget-balance-style .widget-body .btn.dialog-request {
        min-width: auto !important;
        flex-wrap: wrap !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word;
        white-space: normal !important;
        max-width: 100% !important;
        text-align: center !important;
        padding: 12px 18px !important;
        height: auto !important;
    }
}

@media (max-width: 375px) {
    body #app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table td.conversations-box .chat-close-box .conversations-elemets-end {
        flex-wrap: wrap !important;
        justify-content: center !important;
    }

    body #app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table td.conversations-box .chat-close-box .conversations-elemets-end div {
        width: 100% !important;
        justify-content: center !important;
        display: flex !important;
        flex-wrap: wrap !important;
        padding-right: 0 !important;
        margin-right: 0  !important;
    }

    body #app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table td.conversations-box .chat-close-box .conversations-elemets-end .last-message-text {
        width: 100% !important;
        justify-content: center !important;
        display: flex !important;
        flex-wrap: wrap !important;
    }

    body #app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table td.conversations-box .chat-close-box .conversations-elemets-end div.action-buttons {
        margin-top: 1.5rem !important;
    }

    .logo_eft img{
        height: auto;
    }

    .logo_eft {
        justify-content: flex-end !important;
        margin-right: -12px !important;
        height: auto !important;
    }
}

.label-info-new {
    background-color: #6fb3e0!important;
}

.new-widget-style #dynamic-table,
#widget-notifications #dynamic-table {
    border-radius: 6px !important;
    overflow: hidden !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

.new-widget-style #dynamic-table td,
.new-widget-style #dynamic-table th,
#widget-notifications #dynamic-table td,
#widget-notifications #dynamic-table th {
    border-radius: 0 !important;
    border: none !important;
}

.new-widget-style #dynamic-table td:last-child,
.new-widget-style #dynamic-table th:last-child,
#widget-notifications #dynamic-table td:last-child,
#widget-notifications #dynamic-table th:last-child {
    border-right: none !important;
}

.new-widget-style #dynamic-table tbody tr:last-child td,
#widget-notifications #dynamic-table tbody tr:last-child td {
    border-bottom: none !important;
}
#coords{
    font-family: 'Roboto', sans-serif !important;
    font-size: 15px !important;
}

/* Стили для обрезки длинного текста в таблицах */
.users-list-filters td {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.users-list-filters td.company-cell {
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.users-list-filters td.company-cell:hover {
    white-space: normal;
    word-wrap: break-word;
    overflow: visible;
    position: relative;
    z-index: 1000;
    background-color: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    border-radius: 4px;
    padding: 8px;
    margin: -8px;
}

.multiselect-wrapper label {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-end !important;
}

.multiselect-wrapper .multiselect-list .multiselect-checkbox {
    margin-right: 3px !important;
    margin-bottom: 1.5px !important;
}

.main .alert{
    margin-bottom: 45px;
}

#widget-table .page-header{
    margin-top: 4rem;
}

@media (max-width: 767px) {
    #dynamic-table td {
        max-width: 120px;
    }
    
    #dynamic-table td.company-cell {
        max-width: 100px;
    }
}

@media (max-width: 480px) {
    #dynamic-table td {
        max-width: 80px;
    }
    
    #dynamic-table td.company-cell {
        max-width: 60px;
    }
}

.multiselect-count {
    left: 0px!important;
}


.geopoints-info-buttons {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 10px;
    padding-left: 10px;
}

.geopoints-info-buttons span {
    max-width: 400px;
    color: #000000!important;
    border-radius: 0;
}

.geopoints-info-buttons a .btn{
    border-radius: 0!important;
    min-width: 400px;
}

#legend-modal-text ul {
   list-style-type: none!important;
}

/* Modal Geopoints Info Buttons */
.modal {
    position: fixed;
    left: 0;
    top: 0;
   width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

.modal-content {
    background-color: #fefefe;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    min-width: 400px;
    max-width: 600px;
}

.close {
    color: #000000;
    float: right;
    font-size: 28px;
    font-weight: bold;
    opacity: 1!important;
}

.close:hover,
.close:focus {
    color: rgb(74, 74, 74);
    text-decoration: none;
    cursor: pointer;
}

.users-block{
    height: auto!important;
    overflow-y: hidden!important;
}

.geopoint-modal-body .tab-content,
.footer-text{
    overflow-y: hidden!important;
}

.label-notfound,
.label.label-notfound,
.badge.badge-notfound,
.badge-notfound {
    background-color: #1D74FF;
}

.label-danger, .label.label-danger, .badge.badge-danger, .badge-danger {
    background-color: #F70F0F!important;
}

.progress[data-percent]:after{
    color: #000000!important;
}

.photos-list .download-btn{
    width: 100%;
    border-radius: 0!important;
    background-color: #000000!important;
}

.photos-list .download-btn:hover{
    background-color: #292929!important;
}


.photos-list .download-btn:active{
    background-color: #292929!important;
}

.ace-thumbnails>li:hover>.tools.tools-bottom {
    bottom: 30px!important;
}

.photos-list .button-box{
    display: flex;
    gap: 10px;
}
.add_files .do-job-message #files{
    padding: 0 20px!important;
}

.geopoint-modal .geopoint-modal-body .row{
    margin-left: 0px!important;
    margin-right: 0px!important;
  }

/* Стили для формы комментариев (базовые) */
.news-comments .form-actions .comment-input-wrapper {
    position: relative;
    margin-bottom: 10px;
}

.news-comments .form-actions .comment-textarea {
    width: 100%;
    border: 1px solid #d3d3d3;
    border-radius: 4px;
    padding: 10px 50px 25px 10px;
    resize: both;
    height: 45px;
    min-height: 45px;
    font-size: 14px;
    line-height: 1.5;
    text-align: left;
    box-sizing: border-box;
    overflow: hidden;
}

.news-comments .form-actions .comment-textarea::placeholder {
    text-align: left;
    color: #999;
}

.news-comments .form-actions .comment-counter {
    position: absolute;
    bottom: 8px;
    right: 12px;
    font-size: 12px;
    color: #999;
    pointer-events: none;
    white-space: nowrap;
    background: rgba(255, 255, 255, 0.9);
    padding: 2px 4px;
    border-radius: 2px;
}

.news-comments .form-actions .comment-submit-wrapper {
    margin-top: 10px;
}


@media (max-width: 767.98px) {
    #widget-container-col-2 .new-widget-style .widget-body {
        background-color: transparent !important;
    }
    
    #widget-notifications .notifications-mobile {
        display: none;
    }
    
    #widget-notifications .notification-card {
        background: #F8F8F8;
        border-radius: 6px;
        padding: 14px 44px 14px 16px;
        margin-bottom: 12px;
        position: relative;
    }
    
    #widget-notifications .notification-card:last-of-type {
        margin-bottom: 20px;
    }
    
    #widget-notifications .notification-card__meta {
        display: flex;
        gap: 8px;
        font-size: 14px;
        font-weight: 500;
        color: rgba(71, 71, 71, 0.5);
        text-transform: none;
    }
    
    #widget-notifications .notification-card__author {
        display: flex;
        gap: 8px;
        font-size: 14px;
        font-weight: 500;
        color: rgba(71, 71, 71, 0.8);
        text-transform: none;
    }
    
    #widget-notifications .notification-card__title {
        display: block;
        margin-top: 6px;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.4;
        color: #4B9CFF;
    }
    
    #widget-notifications .notification-card__title:hover {
        color: #4B9CFF;
        text-decoration: none;
    }
    
    #widget-notifications .notification-card__chevron {
        position: absolute;
        top: 50%;
        right: 16px;
        transform: translateY(-50%);
        color: #c1c7d8;
        font-size: 18px;
    }
    
    #widget-notifications .notification-card__more {
        display: inline-flex;
        margin-left: auto;
        align-items: center;
        font-size: 14px;
        gap: 6px;
        color: #4B9CFF;
        font-weight: 400;
        float: inline-end;
    }
    
    #widget-notifications .notification-card__more:hover {
        color: #4B9CFF;
        text-decoration: none;
    }

    #widget-notifications .notifications-table {
        display: none !important;
    }

    #widget-notifications .notifications-mobile {
        display: block;
        /* padding: 12px 10px 4px; */
    }

    #widget-notifications .widget-header {
        padding-right: 8px;
    }

    #widget-table .table-responsive{
        border: none !important;
    }

    .button-container{
        display: block !important;
    }

    #widget-ntrip-status {
        display: none !important;
    }

    #widget-events {
        display: block !important;
    }

    #widget-events .notification-card {
        padding: 14px 14px 14px 16px!important;
    }

    #widget-events .dialogdiv .body {
        padding: 0 5px!important;  
    }

    #widget-events .dialogdiv .body .text{
        padding-top: 5px; 
    }

    #widget-events .notification-card__more {
        display: inline-flex;
        margin-left: auto;
        align-items: center;
        font-size: 14px;
        gap: 6px;
        color: #4B9CFF;
        font-weight: 400;
        float: inline-end;
    }

    .new-page-header a{
        color: rgba(71, 71, 71, 0.7) !important;
        text-decoration: none !important;
        font-weight: 500 !important;
        font-size: 16px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        margin: 0 !important;
    }

    .new-page-header a:hover{
        color: #474747 !important;
    }

    .new-page-header h1 i,
    .new-page-header h1 small{
        display: none !important;
    }

    .new-page-header h1 {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .news-page{
        background:#F8F8F8 !important;
        padding: 8px 20px 0px 20px!important;
    }

    .news-page .well{
        background:transparent !important;
        border:none !important;
        box-shadow:none !important;
        padding: 0 19px 19px 14px !important;
    }

    .news-page .new-page-header{
        padding-bottom:0 !important;
        margin-top: 0.5rem!important;
    }

    .news-page .pre-description p{
        color: #747474!important;
    }

    .news-page .news-comments{
        background:#fff !important;
    }

    .news-page .news-comments .widget-box{
        background:transparent !important;
        border:none !important;
        box-shadow:none !important;
        padding: 0!important;
    }

    #app .news-page .news-comments .widget-box{
        padding: 0!important;
    }

    .news-page .news-comments .widget-header{
        color:#474747!important;
        font-weight: 600!important;
        font-size: 14px!important;
        background-image: none!important;
        background-color: transparent!important;
        border-bottom: none!important;
        padding-left: 0!important;
    }

    .news-page .news-comments .widget-header>.widget-title>.ace-icon{
        display: none !important;
    }

    .news-page .news-comments .widget-box .widget-main .dialogs {
        padding: 9px 0!important;
      }

    .news-page .news-comments .widget-box .widget-main .body {
      border:none !important;
      box-shadow:none !important;
      padding: 15px!important;
      background: #F8F8F8 !important;
      border-radius: 6px!important;
    }

    .news-page .news-comments .widget-box .widget-main .body:before {
        display: none !important;
      }

    .news-page .news-comments .widget-box .widget-main .body:before {
        display: none !important;
    }

    .news-page .news-comments .widget-box .widget-main .body .wrapper {
        display: flex !important;
        color: rgba(71, 71, 71, 0.7)!important;
    }

    .news-page .news-comments .widget-box .widget-main .body .wrapper .time {
        padding-right: 10px!important;
        color: rgba(71, 71, 71, 0.7)!important;
    }

    .news-page .news-comments .widget-box .widget-main .body .wrapper i {
        display: none !important;
    }

    .news-page .news-comments .widget-box .widget-main .body .wrapper .time span{
        color: rgba(71, 71, 71, 0.7)!important;
    }

    .news-page .news-comments .widget-box .widget-main .body .dialogdiv{
        padding: 0!important;
    }

    .news-page .news-comments .form-actions .comment-input-wrapper {
        position: relative !important;
        margin-bottom: 10px !important;
    }

    .news-page .news-comments .form-actions .comment-textarea {
        width: 100% !important;
        border: 1px solid #d3d3d3 !important;
        border-radius: 4px !important;
        padding: 10px 10px 10px 18px !important;
        resize: both !important;
        height: 45px !important;
        min-height: 45px !important;
        font-size: 14px !important;
        line-height: 1.5 !important;
        text-align: left !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    .news-page .news-comments .form-actions .comment-textarea::placeholder {
        text-align: left !important;
        color: #999 !important;
    }

    .news-page .news-comments .form-actions .comment-counter {
        position: absolute !important;
        bottom: -22px !important;
        right: 5px !important;
        font-size: 12px !important;
        color: #999 !important;
        pointer-events: none !important;
        white-space: nowrap !important;
        background: rgba(255, 255, 255, 0.9) !important;
        padding: 2px 4px !important;
        border-radius: 2px !important;
    }

    .news-page .news-comments .form-actions .comment-submit-wrapper {
        margin-top: 25px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: right !important;
    }

    .news-page .news-comments .form-actions .comment-submit-wrapper .btn {
        background-color: #EF7F1A !important;
        border-color: #EF7F1A !important;
        color: #fff !important;
        text-shadow: none !important;
        height: 40px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 50px !important;
    }

    .news-page .news-comments .form-actions .comment-submit-wrapper .btn:hover {
        background-color: #d66f17 !important;
        border-color: #d66f17 !important;
    }

    .news-page .news-comments .form-actions{
        padding: 0 !important;
    }

    .news-comments .form-actions .comment-submit-wrapper .btn {
        background-color: #EF7F1A !important;
        border-color: #EF7F1A !important;
        color: #fff !important;
    }
    
    .news-comments .form-actions .comment-submit-wrapper .btn:hover {
        background-color: #d66f17 !important;
        border-color: #d66f17 !important;
    }
    
    .news-page .well .btn-primary,
    .news-page .well .btn-primary:hover,
    .news-page .well .btn-primary:focus {
        background-color: #EF7F1A !important;
        border-color: #EF7F1A !important;
        color: #fff !important;
        text-shadow: none !important;
        height: 40px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 50px !important;
    }
    
    .news-page .well .btn-primary:hover {
        background-color: #d66f17 !important;
        border-color: #d66f17 !important;
        text-shadow: none !important;
    }

    #app .page-header h1,
    #app .page-header h1 small {
        color: rgba(71, 71, 71, 0.7)!important;
    }

    /* Скрываем десктопную форму на мобильных */
    .wrap_balance_form .balance-form-desktop {
        display: none !important;
    }
    
    /* Показываем мобильную форму */
    .wrap_balance_form .balance-form-mobile {
        display: block !important;
    }

    .wrap_balance_form .widget-header,
    .wrap_balance_form .first-label,
    .wrap_balance_form .w-100 .input-group .input-group-addon,
    .wrap_balance_form .desktop-form{
        display: none!important;
    }

    .wrap_balance_form .w-100 .input-group .form-control{
        border: none!important;
        color: black!important;
    }

    /* Мобильная версия - блок баланса */
    .wrap_balance_form .balance-form-mobile .mobile-balance-box,
    .wrap_balance_form .balance-form-mobile .mobile-balance-box-first {
        border-radius: 8px !important;
        padding: 12px 16px !important;
        margin-bottom: 0 !important;
    }
    
    .wrap_balance_form .balance-form-mobile .mobile-balance-text {
        color: #474747 !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 1.5 !important;
    }

    .wrap_balance_form .balance-form-mobile .mobile-balance-box-first {
        background-color: #F8F8F8 !important;
    }
    
    .wrap_balance_form .balance-form-mobile .mobile-bonus-box {
        margin-top: 16px !important;
    }
    
    .wrap_balance_form .balance-form-mobile .mobile-bonus-note {
        display: block !important;
        font-size: 12px !important;
        color: #999 !important;
        margin-top: 4px !important;
    }
    
    /* Мобильная версия - универсальная кнопка для баланса и промокода */
    .wrap_balance_form .balance-form-mobile .mobile-action-btn {
        background: rgba(239, 127, 26, 1) !important;
        border: none !important;
        border-radius: 50px !important;
        color: #fff !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        padding: 8.5px 20px !important;
        height: auto !important;
        text-shadow: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 50% !important;
        margin-top: 16px !important;
    }
    
    .wrap_balance_form .balance-form-mobile .mobile-action-btn:hover,
    .wrap_balance_form .balance-form-mobile .mobile-action-btn:focus,
    .wrap_balance_form .balance-form-mobile .mobile-action-btn:active {
        background: rgba(239, 127, 26, 1) !important;
        color: #fff !important;
        opacity: 0.9 !important;
    }
    
    /* Скрываем стандартные элементы на мобильной версии */
    .wrap_balance_form .balance-form-mobile .control-label {
        font-size: 14px !important;
        font-weight: 400 !important;
        color: #474747 !important;
        margin-bottom: 8px !important;
    }
    
    .wrap_balance_form .balance-form-mobile .form-control {
        border: 1px solid #d3d3d3 !important;
        border-radius: 8px !important;
        padding: 12px 16px !important;
        font-size: 14px !important;
    } 
    
    .wrap_balance_form .balance-form-mobile .mobile-bonus-note-info {
        display: contents!important;
        font-size: 12px !important;
        color: #999 !important;
        margin-top: 4px !important;
    }

    /* Мобильные вкладки для тарифов */
    .mobile-tariff-tabs {
        display: flex !important;
        margin-bottom: 20px !important;
        border-radius: 8px !important;
        overflow: hidden !important;
        padding: 2px !important;
    }

    .mobile-tab-btn {
        flex: 1 !important;
        background: #F5F5F5 !important;
        padding: 12px 16px !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        color: #474747 !important;
        cursor: pointer !important;
        transition: all 0.2s ease !important;
        text-align: center !important;
        border-radius: 6px !important;
        border:1px solid #E0E0E0 !important;
    }

    .mobile-tab-btn{
        border-top-left-radius: 6px !important;
        border-bottom-left-radius: 0 !important;
        border-top-right-radius: 6px !important;
        border-bottom-right-radius: 0 !important;
    }

    .mobile-tab-btn.active {
        background: rgba(239, 127, 26, 1) !important;
        color: #fff !important;
        font-weight: 500 !important;
    }

    .mobile-tab-btn:not(.active):hover {
        background: rgba(245, 245, 245, 0.8) !important;
    }

    .tariff-section,
    .desktop-tariff-section h4{
        display: none !important;
    }

    .tariff-section.active {
        display: block !important;
    }

    #app .btn-primary-new {
        height: 47px !important;
    }

    #app .btn-primary-new.btn-tariff-new:has(.badge) {
        min-height: 67px !important;
    }

    .wrap_services #dynamic-table_filter{
        display: none!important;
    }

    #widget-table .widget-body{
        padding-top: 0px!important;
    }

    .new-tariff-widget .col-xl-6 {
        margin-bottom: 1rem!important;
    }

    #app .btn-primary-new .badge {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 24px !important;
        height: 24px !important;
        padding: 0 !important;
        border-radius: 50% !important;
        width: 100%;
        left: 0;
        top: 0!important;
        background-color: #E84C0A!important;
    }
    #app .btn-tariff-new .badge + span{
        margin-top:20px!important;
    }

    #app .btn-primary-new.btn-tariff-new .badge{
        border-top-right-radius: 6px!important;
        border-bottom-right-radius: 0!important;
        border-top-left-radius: 6px!important;
        border-bottom-left-radius: 0!important;
    }

    #app #widget-table.new-widget-style .widget-body #dynamic-table_wrapper .row {
        padding-bottom: 0rem;
    }

    body #app #widget-table.new-widget-style .widget-body {
        padding-top: 0px !important;
    }

    #app .new-widget-style.new-widget-tariff-style .widget-header{
        padding-top: 0px!important;
    }

    #app .btn-primary-new.btn-tariff-new .badge {
        width: 100% !important;
    }

    #modal-request-rtk-login-form .modal-header {
        padding: 15px;
        border-bottom: none;
        min-height: 16.43px;
        text-align: center;
    }

    #modal-request-rtk-login-form .modal-header .close {
        display: none;
    }

    #modal-request-rtk-login-form .modal-body,
    #modal-request-rtk-login-form p{
        font-size: 16px!important;
    }

    #modal-request-rtk-login-form .modal-body .alert{
        background-color: transparent!important;
        color: rgba(71, 71, 71, 0.8);
    }

    #modal-request-rtk-login-form .radio input[type=radio], .radio-inline input[type=radio], .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox]{
        width: 25px!important;
        height: 25px!important;
        margin-left: -30px;
        top: 0;
        color: rgba(71, 71, 71, 0.12)!important;
    }

    #modal-request-rtk-login-form .radio .radio-label, .checkbox .checkbox-label {
        margin-left: 15px;
        display: flex;
    }

    #modal-request-rtk-login-form .radio .radio-label, .checkbox .checkbox-label p{
        color: rgba(71, 71, 71, 0.8)!important;
    }

    #modal-request-rtk-login-form .modal-footer,
    #activate-tariff-modal .modal-footer,
    #modal-params-rtk .modal-dialog .modal-footer,
    #modal-turbo-tariff .modal-dialog .modal-footer {
        border-top: none!important;
        background-color: transparent!important;
    }

    #modal-request-rtk-login-form .modal-footer .btn-primary,
    #activate-tariff-modal .modal-footer .btn-success,
    #modal-params-rtk .modal-footer .btn-success,
    #modal-turbo-tariff .modal-footer .btn-success{
        background-color: rgba(239, 127, 26, 1)!important;
        font-size: 16px!important;
    }

    #modal-request-rtk-login-form .modal-footer .btn-default,
    #activate-tariff-modal .modal-footer .btn-default,
    #modal-params-rtk .modal-footer .btn-default,
    #modal-turbo-tariff .modal-footer .btn-default{
        background-color: rgba(71, 71, 71, 0.12)!important;
        color: #474747!important;
        font-size: 16px!important;
    }

    #activate-tariff-modal .modal-header {
        border-bottom: none;
        text-align: center;
    }

    #activate-tariff-modal .close {
        display: none;
    }

    #activate-tariff-modal .form-group > span[class*="col-"],
    #activate-tariff-modal .form-horizontal .control-label,
    #activate-tariff-modal .radio .radio-label,
    #activate-tariff-modal .checkbox .checkbox-label,
    #activate-tariff-modal .radio .radio-label p,
    #activate-tariff-modal .checkbox .checkbox-label p,
    #activate-tariff-modal .checkbox label {
        font-size: 16px;
    }

    #activate-tariff-modal .modal-body .mb-5 {
        padding-bottom: 0!important;
        margin-bottom: 15px!important;
    }

    #activate-tariff-modal .modal-body .mt-5 {
        padding-top: 0!important;
        margin-top: 20px!important;
    }

    #modal-params-rtk .modal-body {
        padding: 20px;
    }

    #modal-params-rtk .modal-header {
        border-bottom: none;
        text-align: center;
    }

    #modal-params-rtk .close {
        display: none;
    }

    #modal-params-rtk #regions-with-port {
        background-color: transparent!important;
        font-size: 16px!important;
    }

    #modal-params-rtk .form-horizontal .wrap_data_for_connection{
        font-size: 16px!important;
        font-weight: 600!important;
        /* padding-left: 10px!important; */
    }

    #modal-params-rtk .form-horizontal p:nth-of-type(-n+1) {
        font-size: 16px !important;
    }

    #modal-params-rtk .form-horizontal p:last-child {
        font-size: 14px !important;
        font-weight: 400!important;
        padding-left: 0px!important;
    }

    #modal-params-rtk .form-group {
        display: flex!important;
        flex-direction: column;
        align-items: flex-start;
    }

    #modal-params-rtk .form-group span[class*="col-"] {
        font-size: 16px!important;
        font-weight: 600!important;
        padding-left: 0px!important;
    }

    #modal-params-rtk .form-group .blue {
        color: rgba(71, 71, 71, 0.8)!important;
        font-weight: 400!important;
    }

    #app .new-widget-tariff-style .btn-tariff-new {
        height: 47px !important;
    }

    #modal-turbo-tariff .modal-header {
        border-bottom: none;
        text-align: center;
    }

    #modal-turbo-tariff .close {
        display: none;
    }
    
    #modal-turbo-tariff .modal-body {
        padding: 20px;
    }

    .subscriptions-table .mobile-hidden {
        display: none !important;
    }

    #wrap_subscriptions .new-button-style.btn-success {
        background: #EF7F1A !important;
        border-color: #EF7F1A !important;
        color: #fff !important;
    }

    #wrap_subscriptions .btn-success i{
        display: none!important;
    }

    #wrap_subscriptions #dynamic-table thead th:nth-child(6),
    #wrap_subscriptions #dynamic-table tbody td:nth-child(6),
    #wrap_subscriptions #dynamic-table thead th:nth-child(4),
    #wrap_subscriptions #dynamic-table tbody td:nth-child(4),
    #wrap_subscriptions #dynamic-table thead th:nth-child(5),
    #wrap_subscriptions #dynamic-table tbody td:nth-child(5) {
        display: none !important;
    }

    #wrap_subscriptions #dynamic-table{
        width: 100%!important;
    }
    
    .info-box-bottom-map .content-info-box .alert-warning{
        background-color: transparent!important;
        color: #474747!important;
    }

    .wrapper-my-geopoints #widget-table.new-widget-style .widget-body .table td {
        padding: 2px!important;
    }

    .wrapper-my-geopoints #widget-table #dynamic-table tbody td:nth-child(5),
    .wrapper-my-geopoints #widget-table #dynamic-table thead th:nth-child(5) {
        display: none!important;
    }

    .wrapper-my-geopoints #widget-table.new-widget-style .widget-body .table th{
        padding: 16px!important;
        align-items: left!important;
    }

    .wrapper-my-geopoints #widget-table.dataTable>thead>tr>th[class*=sort]:after{
        padding-left: 4px!important;
    }

    .wrapper-my-geopoints #widget-table .dataTable>thead>tr>th[class*=sort]{
        position: relative;
    }

    .wrapper-my-geopoints #widget-table .dataTable>thead>tr>th[class*=sort]:after{
        float: right;
        display: inline;
        content: "\f107";
        font-family: FontAwesome;
        font-size: 13px;
        font-weight: 400;
        color: #555;
        position: absolute;
        right: 5px;
        top: 46%;
    }

    .wrapper-my-geopoints #widget-table .dataTable>thead>tr>th[class*=sort]:before{
        float: right;
        display: inline;
        content: "\f106";
        font-family: FontAwesome;
        font-size: 13px;
        font-weight: 400;
        color: #555;
        position: absolute;
        right: 5px;
        top: 34%;
    }

    .wrapper-favorite-bs #widget-table #dynamic-table thead tr:first-child th:nth-child(2),
    .wrapper-favorite-bs #widget-table #dynamic-table tbody td:nth-child(2),
    .wrapper-favorite-bs #widget-table #dynamic-table thead tr:first-child th:nth-child(5),
    .wrapper-favorite-bs #widget-table #dynamic-table tbody td:nth-child(7){
        display: none !important;
    }

    .wrapper-favorite-bs #widget-table #dynamic-table thead tr:first-child th:nth-child(4){
        max-width: 50px;
        word-break: break-word;
        white-space: normal;
        width: auto;
        font-size: 10px!important;
    }

    .wrapper-favorite-bs #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table th{
        padding:1px!important;
    }

    .wrapper-favorite-bs #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table td{
        padding:5px!important;
    }

    .wrapper-lists-basestations-index .widget-body{
        font-size: 16px!important;
        }

    .wrapper-lists-basestations-index .widget-body .btn-info{
        background-color: transparent!important;
        color: #474747!important;
        border:none!important;
        width:145px!important;
        font-size: 16px!important;
        padding:0!important;
        margin:0!important;
    }

    #app #filters.new-widget-style .form-group select, 
    #app #widget-table.new-widget-style.new-table-style .multiselect-input{
        font-size: 16px!important;
        color:rgba(10, 10, 10, 0.8)!important;
    }

    .wrapper-lists-basestations-index .btn-primary{
        background-color: rgba(239, 127, 26, 1)!important;
        font-size: 16px!important;
        border-radius: 50px!important;
        margin-right: 15px!important;
    }

    .wrapper-lists-basestations-index .btn-primary i{
        display: none!important;
    }

    .wrapper-lists-basestations-index .btn-ajax-filter-reset{
        background-color: rgba(71, 71, 71, 0.12)!important;
        color: #474747!important;
        font-size: 16px!important;
        border-radius: 50px!important;
    }
    .wrapper-lists-basestations-index #dynamic-table tbody td{
        padding:7px!important;
    }
    .wrapper-lists-basestations-index #dynamic-table thead th{
        padding:6px!important;
    }

    #app #widget-table.new-widget-style .widget-body .table td:has(.label){
        padding:5px!important;
    }

    .wrapper-lists-basestations-index .page-header{
        margin-top: 10px!important;
    }

    #app #widget-table.new-widget-style.new-table-style .widget-body #dynamic-table td .label {
        height: 40px !important;
        width: 108px !important;
        font-size: 14px!important;
    }

    #app #widget-table.new-widget-style .widget-body.new-widget-body{
        border: none!important;
        box-shadow: none!important;
        background-color: transparent!important;
    }

    .new-widget-style .new-nav-tabs li:last-child{
        box-shadow: none!important;
    }

    .new-widget-style .new-nav-tabs li a {
        margin: 0 !important;
        border: 1px solid #8f8f8f !important;
        margin-bottom: 0px !important;
        border-bottom: none!important;
        background-color: rgba(71, 71, 71, 0.12)!important;
        color: #474747!important;
        border-radius: 8px 8px 0 0 !important;
        box-shadow: none!important;
        font-size: 16px!important;
    }

    .wrapper-rinex .nav-tabs[class*=tab-color-]>li.active>a{
        background-image: linear-gradient(0deg, #E84C0A 0%, #FF9330 54%) !important;
        color: #fff!important;
        border: none!important;
        height: 50px!important;
        padding: 15px 32px !important;
    }

    .wrapper-rinex .nav-tabs[class*=tab-color-]>li>a{
        background-color: rgba(71, 71, 71, 0.12)!important;
        color: #474747!important;
        /* border: 1px solid #8f8f8f !important; */
        border-top-right-radius: 8px!important;
        border-top-left-radius: 8px!important;
        height: 50px!important;
        padding: 15px 32px !important;
    }
    #widget-table.new-widget-style .widget-body.new-widget-body label input[type=checkbox].ace+.lbl, 
    #widget-table.new-widget-style .widget-body.new-widget-body label input[type=radio].ace+.lbl {
        display: flex!important;
        align-items: center;
    }

    .new-widget-style .new-nav-tabs li:first-child {
        box-shadow: none!important;
    }

    #app #widget-table.new-widget-style .widget-body.new-widget-body .alert-success{
        padding: 0!important;
        margin-bottom: 15px!important;
        font-weight: 600!important;
    }

    .wrapper-rinex #widget-table.new-widget-style .widget-body.new-widget-body .new-button-group.new-button-group-rinex{
        margin-left: 0!important;
        margin-right: 0!important;
    }
    .wrapper-rinex #widget-table.new-widget-style .widget-body.new-widget-body .new-button-group button,
    .wrapper-rinex #widget-table.new-widget-style .widget-body.new-widget-body .new-button-group a,
    .wrapper-rinex #widget-table.new-widget-style .widget-body.new-widget-body .new-button-group button,
    .wrapper-rinex #widget-table.new-widget-style .widget-body.new-widget-body .new-button-group a{
        background-color: #F8F8F8 !important;
    }

    #app #widget-table.new-widget-style .form-group select {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    }

    .wrapper-rinex #widget-table.new-widget-style .widget-body.new-widget-body .form-group .input-group-addon i{
        display: none!important;
    }

    .wrapper-rinex #widget-table.new-widget-style .widget-body .input-group .form-control {
        padding-left: 10px!important;
    }

    .new-form-horizontal .input-group .form-control {
        background-color: #F8F8F8 !important;
        height: 42px !important;
        appearance: none !important;
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        border: 1px solid #ddd !important;
        padding: 8px 12px !important;
        font-size: 14px !important;
        color: #333 !important;
        border-radius: 6px !important;
        width: 100% !important;
        cursor: pointer !important;
        position: relative !important;
        background-repeat: no-repeat;
        background-position: right 12px center;
    }

    .new-form-horizontal .mlr-2{
        margin: 0 12px!important;
    }

    .new-form-horizontal-ephemeris .input-group .form-control:first-child{
        background-image: none;
    }

    .new-form-horizontal-ephemeris .input-group .form-control.date-picker,
    .new-form-horizontal-ephemeris .input-group #ephemeris-date {
        background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2717%27%20height%3D%2717%27%20viewBox%3D%270%200%2017%2017%27%20fill%3D%27none%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M13.4583%202.83398H3.54167C2.75926%202.83398%202.125%203.46825%202.125%204.25065V14.1673C2.125%2014.9497%202.75926%2015.584%203.54167%2015.584H13.4583C14.2407%2015.584%2014.875%2014.9497%2014.875%2014.1673V4.25065C14.875%203.46825%2014.2407%202.83398%2013.4583%202.83398Z%27%20stroke%3D%27%23474747%27%20stroke-width%3D%271.41667%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27/%3E%3Cpath%20d%3D%27M11.3333%201.41602V4.24935%27%20stroke%3D%27%23474747%27%20stroke-width%3D%271.41667%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27/%3E%3Cpath%20d%3D%27M5.66669%201.41602V4.24935%27%20stroke%3D%27%23474747%27%20stroke-width%3D%271.41667%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27/%3E%3Cpath%20d%3D%27M2.125%207.08398H14.875%27%20stroke%3D%27%23474747%27%20stroke-width%3D%271.41667%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27/%3E%3C/svg%3E");
        background-color: #F8F8F8 !important;
        height: 42px !important;
        appearance: none !important;
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        border: 1px solid #ddd !important;
        padding: 8px 12px !important;
        font-size: 14px !important;
        color: #333 !important;
        border-radius: 6px !important;
        width: 100% !important;
        cursor: pointer !important;
        position: relative !important;
        background-repeat: no-repeat;
        background-position: right 12px center;
    }

    .new-form-horizontal .input-group .form-control.flatpickr-input,
    .new-form-horizontal .input-group #measure-start,
    .new-form-horizontal .input-group #measure-end {
        background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2717%27%20height%3D%2717%27%20viewBox%3D%270%200%2017%2017%27%20fill%3D%27none%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M13.4583%202.83398H3.54167C2.75926%202.83398%202.125%203.46825%202.125%204.25065V14.1673C2.125%2014.9497%202.75926%2015.584%203.54167%2015.584H13.4583C14.2407%2015.584%2014.875%2014.9497%2014.875%2014.1673V4.25065C14.875%203.46825%2014.2407%202.83398%2013.4583%202.83398Z%27%20stroke%3D%27%23474747%27%20stroke-width%3D%271.41667%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27/%3E%3Cpath%20d%3D%27M11.3333%201.41602V4.24935%27%20stroke%3D%27%23474747%27%20stroke-width%3D%271.41667%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27/%3E%3Cpath%20d%3D%27M5.66669%201.41602V4.24935%27%20stroke%3D%27%23474747%27%20stroke-width%3D%271.41667%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27/%3E%3Cpath%20d%3D%27M2.125%207.08398H14.875%27%20stroke%3D%27%23474747%27%20stroke-width%3D%271.41667%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27/%3E%3C/svg%3E");
        background-color: #F8F8F8 !important;
        height: 42px !important;
        appearance: none !important;
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        border: 1px solid #ddd !important;
        padding: 8px 12px !important;
        font-size: 14px !important;
        color: #333 !important;
        border-radius: 6px !important;
        width: 100% !important;
        cursor: pointer !important;
        position: relative !important;
        background-repeat: no-repeat;
        background-position: right 12px center;
    }

    #app #widget-table.new-widget-style .widget-body.new-widget-body .form-group .input-group input.date-picker{
        padding-left: 10px!important;
    }

    #widget-table.new-widget-style .widget-body.new-widget-body #ephemeris .form-group div,
    #widget-table.new-widget-style .widget-body.new-widget-body #ephemeris .form-group div:first-child, #widget-table.new-widget-style .widget-body.new-widget-body #ephemeris .form-group label:first-child{
        padding: 8px 0px 6px 0px !important;
    }

    #widget-table.new-widget-style .widget-body.new-widget-body #rinex .col-12,
    #widget-table.new-widget-style .widget-body.new-widget-body #ephemeris .col-12{
        padding: 0!important;
    }

    #app #widget-table.new-widget-style .widget-body.new-widget-body .widget-body {
        margin: 0!important;
    }

    .plr-2{
        padding: 0 12px!important;
    }

    #widget-table.new-widget-style .widget-body.new-widget-body .new-button-group button, #widget-table.new-widget-style .widget-body.new-widget-body .new-button-group a {
        background-color: transparent !important;
        color: #474747 !important;
        font-size: 14px !important;
        display: flex;
        align-items: center;
        border: 1px solid #d5d5d5 !important;
        width: 100%!important;
    }

    .table-container-ephem .gnss-table {
        width: 100%;
        border-collapse: collapse;
        font-family: Arial, sans-serif;
        font-size: 16px;
        color: #333;
        margin-bottom: 34px;
    }

    .table-container-ephem .gnss-table th,
    .table-container-ephem .gnss-table td {
        border: 1px solid #dcdcdc;
        padding: 10px 8px;
        vertical-align: top;
        line-height: 1.35;
    }

    /* Серый заголовок "Тип" как на фото */
    .table-container-ephem .gnss-header {
        background: #f3f3f3;
        font-weight: 600;
        font-size: 18px;
        padding: 14px 18px !important;
    }

    /* Заголовки колонок */
    .table-container-ephem .gnss-table th {
        background: #f3f3f3;
        font-weight: 600;
        text-align: left;
        font-size: 16px;
    }

    /* Левая колонка — жирная */
    .table-container-ephem .gnss-table td:first-child {
        font-weight: 600;
        /* width: 260px; */
        background: #f3f3f3;
    }

    /* Правые ячейки */
    .table-container-ephem .gnss-table td {
        background: #fff;
        font-weight: 400;
    }

    .table-container-ephem .table-desktop {
        display: none !important;
    }

    .table-container-ephem .table-mobile {
        display: block !important;
    }

    .wrapper-rinex-history #widget-table #dynamic-table th .download-col-label {
            display: none!important;
    }

    .wrapper-rinex-history #widget-table #dynamic-table th .download-col-icon {
            display: inline-flex!important;
            align-items: center!important;
    }

    .wrapper-rinex-history #widget-table #dynamic-table th.download-col-header[class*=sort]:after,
    .wrapper-rinex-history #widget-table #dynamic-table th.download-col-header[class*=sort]:before {
        display: none !important;
        content: none !important;
    }

    .modal-content {
        min-width: 330px !important;
        max-width: 600px !important;
    }

    .wrapper-services-history .fa-filter:before {
        display: none !important;
    }

    #app .wrapper-services-history #filters.new-widget-style .btn-primary {
        background: #EF7F1A !important;
        border-color: #EF7F1A !important;
        color: #fff !important;
        width: 50%!important;
    }

    #app .wrapper-services-history #filters.new-widget-style .btn-ajax-filter-reset {
        background-color: rgba(71, 71, 71, 0.12)!important;
        box-shadow: none!important;
        color: #474747!important;
        width: 50%!important;
    }

    #app .wrapper-profile-user .control-label,
    #app .wrapper-profile-user .fs-13,
    #app .wrapper-profile-user .btn  {
        font-size: 16px !important;
    }

    #app .wrapper-profile-user .control-label{
        font-weight: 600 !important;
    }

    #app .wrapper-profile-user .new-widget-style.new-widget-balance-style .widget-body .btn-success,
    #app .wrapper-profile-user .new-widget-style.new-widget-balance-style .widget-body .btn.btn-success {
        background-color:rgba(232, 76, 10, 1) !important;
        background: rgba(232, 76, 10, 1) !important;
    }

    #app .wrapper-profile-user .new-widget-style.new-widget-balance-style .widget-body .btn-warning.btn-change-password,
    #app .wrapper-profile-user .new-widget-style.new-widget-balance-style .widget-body .btn.btn-warning.btn-change-password {
        background-color:#FDC063 !important;
        background: #FDC063 !important;
    }

    .profile-user-table #widget-table.new-widget-style .widget-body .table th,
    .profile-user-table #widget-table.new-widget-style .widget-body .table td,
    .profile-user-table #widget-table.new-widget-style .widget-body .table tr,
    #app #widget-table.new-widget-style .widget-body .table th, 
    #app #widget-table.new-widget-style .widget-body .table td, 
    #app #widget-table.new-widget-style .widget-body .table tr {
        padding: 7px;
    }

    #app .wrapper-profile-user .new-widget-style.new-widget-balance-style .widget-header {
        padding-top: 1rem !important;
    }

    #app .wrapper-profile-user .avatar-box,
    #app .wrapper-profile-user .avatar-box img{
        width: 86px;
        height: 86px;
    }

    #app .wrapper-profile-user .new-widget-style.new-widget-balance-style .widget-body.new-profile .input-group .form-control {
        background-color: rgba(71, 71, 71, 0.12) !important;
        font-size: 16px !important;
    }

    #app .wrapper-profile-user .fa-times-circle:before{
        display: none!important;
    }
}


@media (min-width: 768px) {
    .wrap_balance_form .balance-form-desktop,
    .tariff-section {
        display: block !important;
    }
    
    .wrap_balance_form .balance-form-mobile,
    .table-container-ephem .table-mobile,
    .mobile-tariff-tabs  {
        display: none !important;
    }
}

.button-container,
#widget-events{
    display: none;
}

#widget-events .notification-card {
    background: #F8F8F8;
    border-radius: 6px;
    padding: 14px 16px;
    margin-bottom: 12px;
}

.wrap_bot_qr {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 20px;
}

.wrapper-rinex-history #widget-table #dynamic-table th.download-col-header {
    white-space: nowrap;
}

.wrapper-rinex-history #widget-table #dynamic-table th .download-col-label {
    display: inline-block;
}

.wrapper-rinex-history #widget-table #dynamic-table th .download-col-icon {
    display: none;
    vertical-align: middle;
}

.bs-coordinates-line{
    width: 100%;
    background-color: rgb(247, 156, 75);
  }

  .bs-coordinates-line .bs-coordinates-line-title{
    display: flex;
    justify-content: center;
    color: white;
  }