@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;
}

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: 4px;
    padding-top: 4px;
    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: 360px;
    }


    .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 {
    min-height: 230px;
    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;
}

.qr-chat {
    margin-top: -20%;
}

.promotional {
    margin-top: -25%;
}

.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 {
    background-color: transparent;
    background-image: -webkit-linear-gradient(top, #ffbf66 0, #ffa830 100%) !important;
    background-image: -o-linear-gradient(top, #ffbf66 0, #ffa830 100%) !important;
    background-image: linear-gradient(to bottom, rgba(255, 191, 102, 0.5) 0, rgba(255, 168, 48, 0.5) 100%) !important;
    background-repeat: repeat-x !important;
    border: none;
    border-radius: 12px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); /* Параметры тени */
    width: 45px;
    height: 40px;
    padding-left: 3px;
    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;
}

.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;
}

.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;
}

#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;
}

#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: #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 #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 !important;
    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, 1) !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: 48px !important;
    height: 48px !important;
}

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

#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: 220px !important;
        display: none;
        border-bottom-right-radius: 6px !important;
        box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
    }

    #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: 45px !important;
        width: 45px !important;
        min-width: 45px !important;
        margin: 12px !important;
    }

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

    body .navbar-header {
        display: flex;
        justify-content: center !important;
        align-items: center !important;
    }

    .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;
    }
}

@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-end !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{
        width: 150px !important;
        height: auto;
    }

    .logo_eft {
        justify-content: flex-end !important;
        margin-right: -12px !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;
}