html, body {
    font-family: 'Roboto', sans-serif;
}
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu a::after {
    transform: rotate(-90deg);
    position: absolute;
    right: 6px;
    top: .6em;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-left: .1rem;
    margin-right: .1rem;
}

.form-check-input {
    position: absolute;
    margin-top: 0.13rem;
    margin-left: -1.25rem;
}
.va-dropdown__content a {
    display: block;
}
.va-dropdown__content a:not(:last-child) {
    margin-bottom:8px;
}
.va-dropdown__content a:hover {
    text-decoration: none;
}
form label {
    margin-bottom:6px;
}
.v-align {
    vertical-align: middle !important;
}
.custom-control-label::before {
    top: 0.03rem;
}
.custom-switch .custom-control-label::after {
    top: calc(0.03rem + 2px);
}
.tab-content {
    padding-top:23px;
}
form .tab-pane {
    min-height: calc(100vh - 300px);
}
.department_title {
    width: calc(100% - 40px);
    display: inline-block;
}
.add-manager-block {
    background-color: whitesmoke;
    border-radius: 5px;
    padding:10px;
}
.save-button-tabs {
    position: absolute;
    top: 0;
    right: 0;
}
/*.flex>* {*/
/*    flex: none !important;*/
/*}*/
.toast-block {border:0px;}
#map { height: 500px; }

.act-buttons a {
    display: inline-block;
    margin-bottom:3px;
    background-color: whitesmoke;
    color: #525252;
    border-radius: 5px;
    transition: all 0.5s ease;
    font-size:0.8rem;
    padding-left:6px;
    padding-right:6px;
    width:30px;
    height:22px;
    margin-right:0px;
    padding-top:2px;
}
.act-buttons a:hover {
    text-decoration: none;
    background-color: #dedede;
    color: #3f3f3f;
}
.act-delete {
    background-color: #ffd6d6 !important;
    color: #882d2d !important;
}
.act-delete:hover {
    background-color: #e7b2b2 !important;
    color: #621b1b !important;
}
.leaflet-bottom a, .leaflet-bottom span {display: none;}
.polygon-text {vertical-align: 2px; display: inline-block; }
.polygon-expander {
    cursor: pointer;
    display: inline-block;
    width:20px;
    height:15px;
}
.table-extra-small {
    font-size:0.75rem;
}
.table-extra-small th, .table-extra-small td {
    padding: 0.1rem 0.1rem 0.1rem 0.25rem;
}

.fileuploader {
    margin:0px;
}
.fileuploader-input .fileuploader-input-caption {
    color: #5e5e5e;
}
.fileuploader-input .fileuploader-input-button, .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button.button-success {
    background: #7ca4cb;
    background: -moz-linear-gradient(-45deg,#7ca4cb 0, #6197cb 100%);
    background: -webkit-linear-gradient(-45deg,#7ca4cb 0,#6197cb 100%);
    background: linear-gradient(135deg,#7ca4cb 0,#6197cb 100%);
    background-size: 140% auto;
    background-position: center;
    color: #fff;
    box-shadow: 0 4px 18px rgb(0 0 0 / 4%);
}
.block-link {
    display: inline-block;
}
.select2:not(.client-id-select .select2) {
    width:100% !important;
}
.custom-control-label::before {
    top: 0.25rem;
}
.custom-switch .custom-control-label::after {
    top: calc(0.25rem + 2px);
}
.alert {
    border:0px;
}
.alert ul {
    margin:0px;
    padding:0px;
    list-style: none;
}
.inactive-row {
    color: rgba(0, 0, 0, 0.2) !important;
}
.coloris {
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    background-color: #fff !important;
}
.tag {
    background-color: #f3f3f3;
    padding-left:6px;
    padding-right:6px;
    display: inline-block;
    border-radius: 8px;
}
.statustag .tag{
    font-size:0.83rem;
    height: 2.5rem;
    display:table-cell;
    min-width: 7.1rem;
    vertical-align:middle;
}
.price-table {
    white-space: nowrap;
}
.price-field {
    width:100%;
    text-align: center;
    display: inline-block;
    border:0px;
    background-color: #f3f3f3;
}
.mw-100 {
    min-width:100%;
}
.polygon-selector:hover {
    color: #105185;
    border-bottom:1px dotted #105185;
}
.polygon-selector {
    color: #206ca9;
    border-bottom:1px dotted #206ca9;
    cursor: pointer;
}
.place-select-name {
    display: block;
    font-weight: bold;
    color: #000 !important;
    font-size:0.8rem;
}
.place-select-description {
    display: block;
    font-size:12px;
    color: #595959;
}
.place-select-item {
    padding-left:8px;
}
.ui-autocomplete-loading {
    background: white url(../img/loader.gif) right center no-repeat;
    background-size: 32px 32px;
}
.ui-state-active {
    background: #dcdcdc !important;
    border:0px !important;
    margin: 0px !important;
}
.ui-menu {
    border-top:0px !important;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    border-color: #b8bec4;
    box-shadow: none;
    outline: 0 none;
}
.ui-autocomplete {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}
* html .ui-autocomplete {
    height: 100px;
}
.address-field-small {
    color: #a9a9a9;
    font-size:11px;
    display: block;
}
.search-form {
    display: flex;
    gap:10px;
}
.left, .right {
    flex: 1;
}
.middle {
    width:25px;
    text-align: center;
}
.reverse-places {
    color:#000;
}
.reverse-places:hover {
    color: #414141;
}
.search-form-container {
    min-height: 95px;
    padding:10px;
    border-radius: 10px;
    background-color: #f3f3f3;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}
.search-form-container input {
    border:0px;
}
.custom-control-label {font-size:0.95rem;}
.order-type-tabs a {
    font-weight: bold;
    font-size:1.3rem;
    color: #b2b2b2;
}
.order-type-tabs {
    margin-bottom:12px;
}
.order-type-tabs ul {
    margin:0px;
    padding:0px;
    list-style: none;
}
.order-type-tabs li {
    display: inline-block;
    margin-right:12px;
}
.order-type-tabs .active {
    color: #000;
}
.reverse-places {
    display: inline-block;
    margin-top:7px;
}
.search-results {
    position: relative;
    margin-top:15px;
}
.start-search {
    /*float: right;*/
}
.search-results ul {
    margin:0px;
    padding:0px;
    list-style: none;
}
.search-results li {
    margin-bottom:3px;
    border: 1px solid #f3f3f3;
    border-radius: 8px;

    transition: all 0.5s ease;
    border-left:3px solid #777d93;
}
.search-results li a {
    color:#000;
    padding: 12px 12px 7px;
    display: block;
}
.search-results li a:hover {
    text-decoration: none;
}
.search-results li:hover {
    background-color: #f3f3f3;
    border: 1px solid #d7d7d7;
    border-left:3px solid #414657;

}
.search-results li a:hover .info-ext .column-desc {
    background-color: #dedede;
}
.column-title {
    font-weight: bold;
    font-size:0.8rem;
}
.column-desc {
    font-size:0.7rem;
}
.result-item {
    display: flex;
    /*justify-content: space-between;*/
    align-items: center;
    gap: 12px;
}
.info-ext .column-desc {
    /*font-weight: lighter;*/
}
.car-photo {
    width:40px;
}
.car-photo img {
    width:28px;
}
.car-info-cell {
    display: flex;
}
.car-photo img {opacity:0.5;}
.info-ext .column-desc {
    display: inline-block;
    background-color: #f3f3f3;
    border-radius: 5px;
    padding: 5px 12px;
    transition: all 0.5s ease;
}
.time-picker {
    width:140px !important;
}

.total-hours {
    width:80px !important;
}
.form-sub-controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
@media screen and (max-width: 768px) {
    .car-photo, .last-search-item-column {
        display: none !important;
    }
    .result-item {
        display: block;
        text-align: center;
    }
    .car-info-cell {
        display: block;
    }
    .result-item .column-info {
        display: inline-block;
        width:40%;
        vertical-align: top;
        margin-bottom:10px;
    }
    .info-ext {
        text-align: center !important;
    }

    .info-ext .column-desc {
        margin-bottom:2px;
    }
    .result-item-details {display: none;}

    .hellowen-anim {
        width: 90% !important;
    }
}

/*.result-item-details {*/
/*    display: none;*/
/*}*/


.last-search-item-column {
    width:30px;
}
.client-price-column {
    width:300px;
}
.supplier-price-column {
    width:300px;
}
.first-column {
    width:100%;
}
.supplier-tag-name {
    background-color: #e6f4ff !important;
}
.warning-tag {
    background-color: #ffe6e6 !important;
}
.search-results li a:hover .supplier-tag-name {
    background-color: #c8e8ff !important;
}
.search-results li a:hover .warning-tag {
    background-color: #ffc8c8 !important;
}
.small-text {
    font-size:0.9rem;
}
.formulaComponent {
    display: inline-block;
    width:250px;
}
.no-padding-table td {
    padding: 2px 2px 0px 0px !important;
}
.supp-car-class-item {
    padding:4px;
    border-radius: 5px;
    background-color: #f3f3f3;
    border-left:2px solid #f3f3f3;
    margin-bottom:4px;
    font-size:0.8rem;
    cursor: pointer;
    /*transition: all 0.5s ease;*/
}
.supp-car-class-item:hover {
    background-color: #e0e0e0;
    border-left:2px solid #c2c2c2;
    font-weight: bold;
}
.supp-car-class-settings {
    padding:4px;
    border-radius: 5px;
    background-color: #fff;
    margin-bottom:4px;
    margin-left:20px;
    font-size:0.8rem;
    border-left:2px solid #f3f3f3;
}
.supp-car-class-settings {display: none;}
.supp-car-class-item input {margin-right:5px;}

.city-item {
    padding:4px;
    border-radius: 5px;
    background-color: #f3f3f3;
    border-left:2px solid #f3f3f3;
    margin-bottom:4px;
    font-size:0.8rem;
}
.city-item:hover {
    background-color: #e0e0e0;
    border-left:2px solid #c2c2c2;
    font-weight: bold;
}
.city-item label {
    margin-bottom:0px;
}
.bell-counter {
    background-color: #ff0000;
    display: inline-block;
    position: absolute;
    width: 7px;
    height: 7px;
    color: #fff;
    font-size: 11px;
    text-align: center;
    border-radius: 3px;
    line-height: 16px;
    left: 20px;
}
.filter-block .custom-control-label::before {
    top: 0.2rem;
}
.filter-block .custom-switch .custom-control-label::after {
    top: calc(0.2rem + 2px);
}
.act-allow {
    background-color: #ffa64f !important;
    color:#fff !important;
}

.act-allow:hover {
    background-color: #cc8947 !important;
    color:#fff !important;
}
.moder-date {
    /*padding:3px;*/
    /*border:1px dotted #8d8d8d;*/
    color:  #8d8d8d;
    /*border-radius: 4px;*/
    font-size:12px;
    font-weight: bold;
}
.moder-text {
    font-size:12px;
}
.moder-date-column {
    flex: 0 0 120px;
}
.moder-comment-row {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom:7px;
    border:1px solid #d9d9d9;
    border-radius: 5px;
    padding:10px;
}
.treeview-row {
    padding:4px;
    border-radius: 5px;
    background-color: #f3f3f3;
    border-left:2px solid #f3f3f3;
    margin-bottom:4px;
    font-size:0.8rem;
    cursor: pointer;
}
.treeview-row:hover {
    background-color: #e0e0e0;
    border-left:2px solid #c2c2c2;
    font-weight: bold;
}
.treeview-content {
    background-color: #fff;
    margin-bottom:4px;
    margin-left:20px;
    font-size:0.8rem;
    display: none;
}

.route-item {
    padding:4px;
    border-radius: 5px;
    background-color: #f3f3f3;
    border-left:2px solid #f3f3f3;
    margin-bottom:4px;
    font-size:0.8rem;
    cursor: pointer;
    /*transition: all 0.5s ease;*/
}
.route-item:hover {
    background-color: #e0e0e0;
    border-left:2px solid #c2c2c2;
    font-weight: bold;
}
.route-item-settings {
    padding:4px;
    border-radius: 5px;
    background-color: #fff;
    margin-bottom:4px;
    margin-left:20px;
    font-size:0.8rem;
    border-left:2px solid #f3f3f3;
}
.route-item-settings {display: none;}
.loader {
    display: none;
    margin-left: 10px;
}
.filter-block-routes {
    padding:10px;
    border-radius: 4px;
    border: 1px solid #f3f3f3;
    margin-bottom:10px;
}
.route-item-warning {
    background-color: #fff4e7;
    color: #da5b00;
}
.route-item-warning:hover {
    background-color: #ffe6cb;
    border-left:2px solid #daa97b;
    font-weight: bold;
}
.route-item input[type=checkbox] {
    vertical-align: -2px;
    margin-right:4px;
}
.remove-selected-routes {
    display: none;
}
.debug-block {
    padding:10px;
    border-radius: 5px;
    margin-top:13px;
    background-color: #fffff3;
    border:1px solid #dedec2;
}
.search-placeholder, .placeholder-loader {
    display: none;
    position: absolute;
    /* background-color: red; */
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(255, 255, 255, 0.61);
    backdrop-filter: blur(2px);
}
.request-cell-text {
    opacity:0.3;
}
.wait-hours-field {
    width:33px;
    text-align: center;
    display: inline-block;
    margin-right: 3px;
}
.wait-hours {
    font-size:11px;
    margin-top:4px;
    display: none;
}
.trip-details-sidebar {
    background-color: #f3f3f3;
    padding:10px;
    border-radius: 5px;
}
.order-form .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #000000;
}
.order-form .nav-link {
    display: block;
    padding: 0.1rem 0.5rem;
}
.order-form {
    font-size:13px;
}
.date-time-picker {
    background-color: #fff !important;
}
.order-form input, .order-form textarea, .order-form select {
    border:0px;
    border-bottom:1px solid #e0e0e0;
    transition: all 0.5s ease;
    font-size:13px;
}
.order-form input:hover:not(:disabled), .order-form textarea:hover:not(:disabled), .order-form select:hover {
    background-color: #f3f3f3 !important;
    border-bottom:1px solid #b7b7b7;
}
.small-text-2 {
    font-size:11px;
    color: #a8a8a8;
}
.small-text-3 {
    font-size:12px;
    color: #7c7c7c;
}
.order-form input[type=checkbox] {
    vertical-align: -2px;
}
.passenger label {
    margin-bottom:0px;
}
.passenger-row-template {
    display: none;
}
.additional-address-list ul {
    margin:0px;
    padding:0px;
    list-style: none;
    margin-left:15px;
}
.additional-address-list i {
    display: inline-block;
    margin-right:6px;
}
.additional-address-list li {
    padding: 3px 3px 3px 6px;
    border-radius: 4px;
}
.additional-address-list li:hover {
    background-color: #f3f3f3;
}
.additional-address-row-template {
    display: none;
}
.plate_text {
    min-height: 80px;
    resize: none;
}
.hidden-block {
    display: none !important;
}
.zigzag {
    background: #fff;
    position: relative;
    height: 16px;
    z-index: 1;
}
.zigzag:before, .zigzag:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
}
.zigzag:before {
    height: 12px;
    top: 110%;
    background: linear-gradient(-135deg, #c7c7c7 8px, transparent 0) 0 8px, linear-gradient(135deg, #c7c7c7 8px, transparent 0) 0 8px;
    background-position: top left;
    background-repeat: repeat-x;
    background-size: 16px 16px;
}
.zigzag:after {
    height: 16px;
    top: 100%;
    background: linear-gradient(-135deg, #fff 8px, transparent 0) 0 8px, linear-gradient(135deg, #fff 8px, transparent 0) 0 8px;
    background-position: top left;
    background-repeat: repeat-x;
    background-size: 16px 16px;
}
.trip-draft {
    background-color: #9b9b9b;
    color:#fff;
}
.trip-new {
    background-color: #ecd8ff;
    color: #574080;

}
.trip-new-2 {
    background-color: #9bcdff;
    color: #435eb0;

}
.trip-completed {
    background-color: #89bdcb;
    color: #203f46;
}
.trip-closed {
    background-color: #a2d092;
    color: #315427;
}
.trip-cancelled {
    background-color: #fccf4c;
    color: #93782d;
}
.trip-cancelled-penalty {
    background-color: #ed969e;
    color: #59373a;
}
.trip-deleted {
    background-color: #cb0000;
    color: #fff;
}
.trip-request {
    background-color: #96deda;
    color: #3b5453;
}
.trip-confirmed {
    background-color: #cfffca;
    color: #688a5a;
}
.trip-not-confirmed {
    background-color: #ffd1a1;
    color: #79450a;
}
.trip-closed-changes {
    background-color: #ffe9fd;
    color: #6c4e67;
}
.trip-rejected {
    background-color: #ffe9db;
    color: #60534c;
}
.trip-driver-on-way {
    background-color: #87cefa; /* Светло-голубой */
    color: #2f4f4f; /* Темно-серый (Dark Slate Gray) */
}
.trip-driver-waiting {
    background-color: #f0e68c; /* Светло-желтый (Khaki) */
    color: #8b4513; /* Коричневый (Saddle Brown) */
}
.trip-driver-picked-up {
    background-color: #c99cff; /* Светло-серый (Gainsboro) */
    color: #fff; /* Индиго */
}
.trip-driver-completed {
    background-color: #b0e0e6;
    color: #4682b4;
}
.return_waiting_hours {
    display: inline-block;
    max-width:100px;
}
/*.original-price-row {*/
/*    cursor: pointer;*/
/*}*/
.original-price-row .val {
    border-bottom:1px dotted #777777;
    transition: all 0.5s ease;
}
.original-price-row:hover .val {
    /*font-weight: bold;*/
    border-bottom:1px dotted #777777;
}
.editable-price-row {
    display: none;
}
.custom-price-input {
    display: inline-block;
    max-width: 100px;
}
.cancel-custom-price-input {
    display: inline-block;
    margin-left:5px;
}
.move {
    cursor: move;
}
.home-help-block {
    display: flex;
    background-color: #f3f3f3;
    padding:13px;
    border-radius: 5px;
    gap:15px;
    border-left:2px solid #d5d4d4;
    transition: all 0.5s ease;
}
.home-help-block:hover {
    background-color: #e1e1e1;
    border-left:2px solid #c2c1c1;
}
.help-image {
    flex-basis: 50px;
}
.help-content {
    flex-basis: 100%;
}
.help-block-items a {
    color:#000;
    text-decoration: none;
    display: inline-block;
    margin-bottom:10px;
}

.home-help-block-active {
    display: flex;
    background-color: #ddf3cf;
    padding:13px;
    border-radius: 5px;
    gap:15px;
    border-left:2px solid #b8ccaa;
    transition: all 0.5s ease;
}
.home-help-block-active:hover {
    background-color: #cbe1bc;
    border-left:2px solid #a5b798;
}
.order-nav .nav-link {
    color:#000;
}
.alert-primary {
    border-bottom:2px solid #a0bcd9;
}
.form-errors {
    background-color: #ffbebe;
    border-bottom:2px solid #d79090;
    border-radius: 5px;
    margin-bottom:15px;
    padding:10px;
    transition: all 0.5s ease;
}
.form-errors ul {
    padding:0px;
    margin: 0px 0px 0px 23px;
    color: #6b0000;
}
.errors-trip-title {
    font-weight: bold;
    margin-top:10px;
    color: #6b0000;

}
.timezone_title {
    color: #a8a8a8;
    font-size:11px;
}
.supplier-price-settings-table input {
    width: calc(100% - 50px);
}
.moderation-icon {
    display: inline-block;
    width:35px;
    margin-left: 6px;
    font-size:15px;
    vertical-align: middle;
    cursor: pointer;
}
.search-form-client {
    display: flex;
    /*justify-content: space-around;*/
    gap:4px;
}
.search-form-client-col {
    flex-basis: 50%;
}
.flight-check-result-container {
    background-color: #ebf8ff;
    padding:10px;
    border-radius: 5px;
    border-bottom:2px solid #c3e2f3;
}
.trip-notice-container {
    background-color: #ebf8ff;
    padding:10px;
    border-radius: 5px;
    border-bottom:2px solid #c3e2f3;
    margin-top: 5px;
}
.set-flight-data {
    font-weight: bold;
    color: #355662;
}
.set-flight-data:hover {
    color: #112026;
}
.hidden-block {display: none;}
.hidden-block-imp {display: none !important;}
.trip-source-online {
    display: inline-block;
    background-color: #0fdc0f;
    width:10px;
    height:10px;
    border-radius: 5px;
}
.trip-source-offline {
    display: inline-block;
    background-color: #0b90c0;
    width:10px;
    height:10px;
    border-radius: 5px;
}
.pagination-center .pagination {
    display: flex;
    align-items: center;
    justify-content: center;
}
.text-extra-muted {
    color: #8a8a8a;
}


.table-deleted,
.table-deleted > th,
.table-deleted > td {
    background-color: #ff0000;
}

.table-deleted th,
.table-deleted td,
.table-deleted thead th,
.table-deleted tbody + tbody {
    border-color: #c20d0d;
}

.table-hover .table-deleted:hover {
    background-color: #cc0000;
}

.table-hover .table-deleted:hover > td,
.table-hover .table-deleted:hover > th {
    background-color: #a60101;
}
td .my-auto {
    vertical-align: middle !important;
}
.tag-mice {
    background-color: #6b0000;
    color: #fff;
}
.tag-complaint {
    background-color: #f03c3c;
    color: rgb(240, 240, 120);
}
.tags-list span {
    margin-bottom:3px;
}

.orders-filter-block input, .orders-filter-block textarea {
    border:0px;
    border-bottom:1px solid #e0e0e0;
    transition: all 0.5s ease;
    font-size:13px;
    background-color: #e9ecef;
}
.orders-filter-block input:hover, .orders-filter-block textarea:hover {
    background-color: #f3f3f3 !important;
    border-bottom:1px solid #b7b7b7;
}
.orders-filter-block input[type=checkbox] {
    vertical-align: -2px;
}
.orders-filter-block {
    padding:12px;
    background-color: #f3f3f3;
    border-radius: 5px;
    margin-bottom:10px;
}
.orders-filter-block .select2-container--bootstrap-5 .select2-selection {
    border:0px;
    background-color: #e9ecef !important;
    border-bottom:1px solid #e0e0e0;
    transition: all 0.5s ease;
    font-size:13px;

}
.orders-filter-block .select2-container--bootstrap-5 .select2-selection:hover {
    background-color: #f3f3f3 !important;
    border-bottom:1px solid #b7b7b7;
}
.select2-search__field {
    box-shadow: none !important;
    outline: 0 none;
}
.orders-filter-block {display: none;}
.show-order {
    color:#000;
    display: block;
    min-height: 30px;
}
.passangers-longlist {
    display: none;
}
.passangers-toggle {
    display: block;
}
.show-order:hover {
    color: #343434;
}
.dropdown-btn a {
    text-decoration: none;
    color:#000;
    transition: all 0.5s ease;
}
.dropdown-btn a:hover {
    color: #868686;
}
.dropdown-btn .icon {
    display: inline-block;
    margin-left:4px;
}
.order-window {
    display: none;
}
/*.ui-button .ui-icon {*/
/*    background-image: url(../img/ui-icons_777777_256x240.png);*/
/*}*/
.ui-dialog-titlebar{background-color:#c2c2c2;}
.ui-dialog .ui-dialog-titlebar-close
{
    background-image: url(../img/close2.png);
    background-repeat: no-repeat;
    background-size: 10px 10px;
    background-position-y: 4px;
    background-position-x: center;
    z-index:999999;
}
.ui-widget-header {
    border: 0px;
    background: #e0e0e0;
    color: #000000;
    font-weight: bold;
    border-radius: 0px;
}
.ui-dialog {
    padding:0px;
    overflow: hidden;
    /*box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;*/
}
.ui-dialog .ui-dialog-titlebar-close {
    right: .6em !important;
}
.ui-dialog,
.order-window {
    overflow: visible;
}
.ui-dialog .ui-dialog-content {
    overflow: visible;
}
.trip-icon {
    vertical-align: -4px;
}
.trip-title {
    padding:3px;
    background-color: #f3f3f3;
    border-radius: 3px;
    transition: all 0.5s ease;
    cursor: pointer;
    margin-bottom:2px;
    border: 1px solid #dedddd;
}
.trip-title:hover {
    background-color: #dedddd;
    border: 1px solid #c5c5c5;
    border-left:3px solid #c5c5c5;
}
.blue-links a {
    color: #0374b9;
}
.trip-content {
    margin-bottom:10px;
    display: none;
}
.trip-action-btn button {
    padding: 0rem 0.5rem !important;
    font-size: 0.7em !important;
}
.trip-container {
    margin-bottom:3px;
}
/*.ui-dialog-content {*/
/*    display: inline-block !important;*/
/*    max-height: 500px !important;*/
/*    overflow: auto;*/
/*}*/
.order-window {
    font-size:13px;
}
.ui-dialog .ui-dialog-content {
    overflow: auto;
    overflow-x: hidden;
    max-height: 660px !important;
}
/*.ui-dialog {*/
/*    overflow: hidden;*/
/*}*/
.trip-title-tags .tag {
    border: 1px solid #bbbbbb;
}

.custom-input input, .custom-input textarea {
    border:0px;
    border-bottom:1px solid #e0e0e0;
    transition: all 0.5s ease;
    font-size:13px;
    background-color: #e9ecef;
}
.custom-input input:hover, .custom-input textarea:hover {
    background-color: #f3f3f3 !important;
    border-bottom:1px solid #b7b7b7;
}
.custom-input input:focus, .custom-input textarea:focus {
    box-shadow: none;
    outline: 0 none;
}
.custom-input input[type=checkbox] {
    vertical-align: -2px;
}
.draft-label {
    font-weight: bold;
    color: #165db2;
}
.order-window-content .dropdown-menu.show {
    font-size:13px;
}
.order-window-content .dropdown-item {
    padding: 0.1rem 1.5rem;
}
.order-window {
    width:100% !important;
}
.data-log {
    display: none;
}
.order-window-content {
    position: relative;
}

.table-request,
.table-request > th,
.table-request > td {
    background-color: #e0fdff;
}

.table-request th,
.table-request td,
.table-request thead th,
.table-request tbody + tbody {
    border-color: #c8e9ec;
}

.table-hover .table-request:hover {
    background-color: #caf8fc;
}

.table-hover .table-request:hover > td,
.table-hover .table-request:hover > th {
    background-color: #caf8fc;
}

.table-complaint,
.table-complaint > th,
.table-complaint > td {
    background-color: #d06dff;
    color: #fff;
}

.table-complaint .text-extra-muted {
    color: #fff;
}
.table-complaint th,
.table-complaint td,
.table-complaint thead th,
.table-complaint tbody + tbody {
    border-color: #d06dff;
    color: #fff;
}

.table-hover .table-complaint:hover {
    background-color: #b553e3;
}

.table-hover .table-complaint:hover > td,
.table-hover .table-complaint:hover > th {
    background-color: #b553e3;
}



.operation-settings {
    display: none;
    padding:6px;
    background-color: #f3f3f3;
    border-radius: 5px;
    margin-top:10px;
    margin-bottom:20px;
}

@media screen and (max-width: 768px) {
    .ui-dialog {
        width:100% !important;
        left:0px !important;
        top:0px !important;
    }
}

.supplier-trip-action {
    background-color: #e1f5fa;
    border: 2px solid #d6ecf1;
    border-radius: 5px;
    padding:13px;
}
.date-picker[readonly], .time-picker-2[readonly] {
    background-color: #fff !important;
}
.alert-box {
    background-color: #fff0f0;
    border-bottom: 2px solid #eecece;
    padding:10px;
    border-radius: 5px;
    color: #880808;
}

.info-box {
    background-color: #f0fdff;
    border-bottom: 2px solid #c0e1e7;
    padding:10px;
    border-radius: 5px;
    color: #2d5660;
}
.closeMode1Info {}
.customSupplierPricesBlock {
    background-color: #f3f3f3;
    padding: 10px;
    border-radius: 5px;
}
.force-hide {
    display: none !important;
}
.contract-block {
    padding:10px;
    background-color: #f3f3f3;
    border-bottom: 2px solid #d7d5d5;
    border-radius: 5px;
    margin-bottom: 12px;
}
.control-tabs .active {
    background-color: #f3f3f3 !important;
    color:#000 !important;
    border-bottom:2px solid #c4c4c4;
    /*font-weight: bold;*/
}
.control-tabs .nav-link:not(.active) .badge {
    background-color: #a8a8a8 !important;
}
.control-tabs {
    gap:6px;
}
.control-tabs .nav-link:not(.active) {
    color: #6b6b6b !important;
    border:1px solid #f3f3f3;
    border-bottom:2px solid #f3f3f3;
}
.control-loader {display: none;}
.report-stat-block {
    padding:10px;
    background-color: #f3f3f3;
    border-radius: 5px;
}
.report-stat-value {
    font-size:1.3rem;
}
.reason-admin-title {
    font-size:1.1rem;
}
.price-change-request-admin {
    width:100px;
    border: 1px solid #d3d3d3;
    border-radius: 3px;
}
.close-control-state-text {
    display: block;
    margin-bottom:6px;
    color: #888888;
    font-size:0.8rem !important;
    font-weight: normal !important;
}
.closed-comment-block {
    font-size:0.8rem !important;
    font-weight: normal !important;
    background-color: #ffddac;
    color: #ff0000;
    padding: 5px;
    border-radius: 5px;
}
.popup-window {width:100% !important;}
.blink-red {
    background: #ff0000;
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    50% {
        background: rgba(255, 0, 0, 0.33);
    }
}

.edit-prices, .edit-cancelhours, .edit-cancelhours-warning-yes, .edit-cancelhours-warning-no {
    color:#000;
    text-decoration: none;
    display: inline-block;
    padding-left:5px;
    padding-right:15px;
    border-radius: 4px;
    border:1px solid #a6a6a6;
    transition: all 0.5s ease;
}
.edit-cancelhours-warning-yes, .edit-supplier-cancelhours-warning-yes {
    margin-left: 20px;
}
.edit-cancelhours-warning-no, .edit-supplier-cancelhours-warning-no {
    margin-left: 2px;
}
.edit-prices:hover, .edit-cancelhours:hover {
    color: #2b2ba6;
    text-decoration: none;
    border:1px solid #2b2ba6;
}
.edit-prices-active , .edit-cancelhours-active {
    color: #2b2ba6;
    text-decoration: none;
    border:1px solid #2b2ba6;
}
.price-change-container, .cancelhours-change-container, .edit-cancelhours-warning, .edit-supplier-cancelhours-warning {
    display: none;
    position: absolute;
    background-color: #fff;
    width: 100%;
    right: 0;
    z-index: 1;
    margin-top: 8px;
    padding: 10px;
    border-radius: 6px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.edit-cancelhours-warning-active, .edit-supplier-cancelhours-warning-active {
    display: inline-block;
    margin-top: 122px;
}
.close-price-change, .close-cancelhours-change {
    float: right;
    cursor: pointer;
    color: #ff0000;
}
.extra-small-text {
    font-size:12px !important;
    color: #8a8a8a !important;
}
.float-window-container {
    padding:10px;
    font-size: 13px !important;
}
.title-2 {
    font-weight: bold;
    font-size: 1.3rem;
}

.title-2 span {
    font-weight: normal !important;
    font-size: 1.3rem;
    color:#b2b2b2;
}

.step-title {
    background-color: #e9f7ff;
    color:#0079bd;
    font-weight: bold;
    cursor: pointer;
    padding:5px;
    border-radius: 4px;
    transition: all 0.5s ease;
    text-transform: uppercase;
}
.step-title:hover {
    background-color: #cbebff;
}
.step-title-done {
    background-color: #f0ffe9 !important;
    color: #36bd00 !important;
}
.step-title-done:hover {
    background-color: #e0ffcb !important;
}
.step-title-done .step-counter {
    background-color: #77e74b;
    color:#fff;
}
.step-container {
    font-size:12px;
    margin-bottom:5px;
}
.step-content {
    margin-top:5px;
}
.step-counter {
    display: inline-block;
    text-align: center;
    background-color: #4bafe7;
    color:#fff;
    width: 20px;
    height:20px;
    border-radius: 10px;
    line-height: 20px;
    margin-right:10px;
}
.step-content {
    display: none;
}
.mail-save-content-btn-cont .btn.disabled, .mail-save-content-btn-cont .btn:disabled {
    opacity: .45;
}
.mail-request-control a {
    color:#000 !important;
}
.mail-request-control a:hover {
    color: #5d5d5d !important;
    text-decoration: none;
}
.city-suppliers {
    margin-left: 15px;
    /*border-left: 2px solid #f3f3f3;*/
    border-radius: 7px;
    padding-left: 7px;
    margin-bottom: 10px;
}
.city-suppliers label {
    margin-bottom:0px;
    font-size: 13px;
}
.city-suppliers input {
    vertical-align: -2px;
}
.city-item a {
    color: #1164c0;
}
.supplier-req-cont {
    background-color: #f3f3f3;
    border-radius: 6px;
    padding:5px;
}
.supplier-title {
    cursor: pointer;
    font-weight: bold;
}
.selected-supplier-req {
    background-color: #e5ffd1;
    border: 1px solid #b9e09a;
}
.reset-statuses span {
    font-size:  inherit;
}
.user-name-online {
    font-size:12px;
    margin-bottom:2px;
}
#popdown-dialog {
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
}
.copy-text {
    display: inline-block;
    padding-bottom:0px;
    border-bottom:1px dotted #a8a8a8;
    cursor:pointer;
}
.copy-text:hover {
    border-bottom:1px dotted #4565e5;
    color: #4565e5;
}
.mass-actions {
    display: none;
}
.navbar {
    padding:0px;
}
.navbar .nav-item {
    padding-top: 5px;
    padding-bottom: 5px;
}
.navbar .nav-item:has(.active) {
    background-color: #6e6e6e;
}
.spotlight-container {
    display: none;
    position: fixed;
    top: 100px;
    background-color: #fff;
    width: 40%;
    height: auto;
    left: 50%;
    right: 50%;
    transform: translate(-50%);
    z-index: 11000;
    border-radius: 10px;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px, rgba(17, 17, 26, 0.1) 0px 24px 80px;
}
.spotlight-bg {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.61);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    z-index: 10000;
}
.spotlight-search {
    border:0px;
    width:100%;
    margin-top:2px;
}
.spotlight-results-container {
    display: none;
    border-top:1px solid silver;
    max-height: 450px;
    overflow-y: auto;
    overflow-x: hidden;
}
@media screen and (max-width: 768px) {
    .navbar {
        padding:0.5rem;
    }
    .nav-item {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .ui-dialog:has(.order-window) {
        position: fixed;
        height: 100% !important;
    }

    .order-window {
        height: 100% !important;
    }

    .ui-dialog .ui-dialog-content {
        max-height: 100% !important;
    }

    .supplier-trip-action {
        margin-bottom:60px;
    }

    .ui-dialog:has(.order-window) .ui-dialog .ui-dialog-content {
        /*height:100% !important;*/
        /*max-height: 100% !important;*/
    }

}

.spotlight-title {
    font-weight: bold;
    color: #696969;
}

.important-trip {
    background-color: #fff0a3;
}
.important-trip-block {
    background-color: #ff0000;
    padding:10px;
    border-radius: 6px;
    color:#fff;
}
.table-warning-2 {
    background-color: #fc0000;
    color:#fff !important;
}
.table-warning-2 .mobile-order-card .text-secondary {
    color: #fff !important;
    opacity: 0.7;
}
.table-warning-2 .mobile-order-card .show-trip-changes {
    color: #fff !important;
    font-weight: 600;
}

.table-warning-2,
.table-warning-2 > th,
.table-warning-2 > td {
    background-color: #fc0000;
    color:#fff !important;
}

.table-warning-2 th,
.table-warning-2 td,
.table-warning-2 thead th,
.table-warning-2 tbody + tbody {
    background-color: #fc0000;
    color:#fff !important;
}

.table-hover .table-warning-2:hover {
    background-color: #ce0000;
    color:#fff !important;
}

.table-hover .table-warning-2:hover > td,
.table-hover .table-warning-2:hover > th {
    background-color: #ce0000;
    color:#fff !important;
}


.table-warning-3 {
    background-color: #b6ccfc;
}


.table-warning-3,
.table-warning-3 > th,
.table-warning-3 > td {
    background-color: #b6ccfc;
}

.table-warning-3 th,
.table-warning-3 td,
.table-warning-3 thead th,
.table-warning-3 tbody + tbody {
    background-color: #b6ccfc;
}

.table-hover .table-warning-3:hover {
    background-color: #87a3e1;
}

.table-hover .table-warning-3:hover > td,
.table-hover .table-warning-3:hover > th {
    background-color: #87a3e1;
}
.search-form-manager {
    width:calc(100% - 40px) !important;
    display: inline-block;
    vertical-align: top;
}
.search-cont iframe {
    height:calc(100vh - 250px) !important;
}
.trip-comment-price {
    padding:10px;
    background-color: #fff4db;
    border-radius: 10px;
    margin-top:10px;
}
.progress-view {display: none;}
.trip-imported-label {
    display: inline-block;
    padding-left:10px;
    padding-right:10px;
    border-radius: 10px;
    background-color: #737373;
    color:#fff;
}
.errors-block {
    display: none;
}
.load-backend-order {
    background-color: #f1ffae;
    border: 1px solid #d6ea7f;
    padding-left:6px;
    padding-right:6px;
    display: inline-block;
    border-radius: 4px;
    font-weight: bold;
    color: #46560d !important;
    height: 23px;
}
.load-backend-order:hover {
    text-decoration: none;
    background-color: #ecfd9b;
    border: 1px solid #c8de68;
    color: #323d05 !important;
}

.load-backend-order-btn {
    vertical-align: 1px;
    background-color: #f1ffae;
    border: 1px solid #d6ea7f;
    padding-left:6px;
    padding-right:6px;
    display: inline-block;
    border-radius: 4px;
    color: #46560d !important;
    height: 23px;
}
.load-backend-order-btn:hover {
    text-decoration: none;
    background-color: #ecfd9b;
    border: 1px solid #c8de68;
    color: #323d05 !important;
}
.backend-order-id {
    width: 90px;
    display: inline-block;
    border:1px solid #989898;
    border-radius: 4px;
    text-align: center;
    height: 23px;
}
.close-load-backend-order-btn {
    display: inline-block;
    margin-left:10px;
    color:#000 !important;
    font-weight: lighter;
}
.flight-row {
    font-style: italic;
    margin-left:20px;
    margin-bottom:10px;
}
.meeting-point-row {
    margin-left:20px;
    margin-bottom:10px;
    margin-top: 10px;
    color: #1e6179;
}
.time-input {
    display: inline-block;
    margin-left:10px;
    border:1px solid #c0c0c0;
    border-radius: 4px;
    width:70px;
    text-align: center;
}
.sms-column {
    /*flex-basis: 60px;*/
}
.passengers-list {
    display: flex;
    flex-direction: column;
    gap: 3px;

    .passenger-item {
        display: flex;
        align-items: center;
        gap: 4px;

        .sms-column {
            width: 240px;

            select {
                width: 100%;
            }
        }
    }
}
.passenger-item {
    display: flex;
    align-items: center;
    gap: 4px;

    .sms-column {
        width: 240px;

        select {
            width: 100%;
        }
    }
}
/*.passenger-item {gap:4px;}*/
.passenger-item div {
    padding: 7px 0px 0px;
}
.trip-file-item {
    margin-bottom: 3px;
}
.trip-file-item:first-child {
    margin-top:5px;
}
.trip-file-item .paperclip-icon {
    color: #9a9a9a;
}
.trip-file-item a {
    font-weight: bold;
    vertical-align: 1px;
    display: inline-block;
    margin-left:4px;
}
.delete-trip-file {
    float: right;
    color: #e70000 !important;
    top:2px;
    line-height: 20px;
}
.warning-row {
    padding-top:7px;
    padding-bottom:7px;
    background-color: #ffeaea !important;
    border-radius: 7px;
}
.mobile-order-card {
    padding: 12px;

}
.complaint {
    background-color: #ac00ff;
    color: #fff;
}
#editorjs {
    /*background-color: #f3f3f3;*/
    /*border-radius: 7px;*/
}
.ce-block__content, .ce-toolbar__content { max-width:calc(100% - 80px) !important; } .cdx-block { max-width: 100% !important; }
.blog-content img {
    width: 100%;
    border-radius: 7px;
}
.lang-switcher img {
    vertical-align: -3px;
}
.client-price-details {
    padding-left:25px;
    color: #7c7c7c;
}
.show-client-price-details {
    cursor: pointer;
}
.supplier-price-details {
    padding-left:25px;
    color: #7c7c7c;
}
.show-supplier-price-details {
    cursor: pointer;
}
.val-client-price, .trip-show-price-link {
    border-bottom: 1px dotted #8a8a8a;
}
.save-trip-button {
    min-width: 120px;
}
.city-polygons-actions {
    margin-bottom: 12px;
}
.show-polygon-button {
    float: right;
    margin-right: 6px;
}
.city-polygons-checkbox-agree {
    margin-top:5px;
}

.chat-icon {
    position: fixed;
    bottom: 70px;
    right: 30px;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
    z-index: 10000;
}
.chat-icon img {
    width: 50px;

}
.chat-badge {
    position: absolute;
    display: inline-block;
    width: 22px;
    height: 22px;
    border-radius: 11px;
    background-color: #ff0000;
    color: #fff;
    text-align: center;
    font-size: 11px;
    line-height: 22px;
    right: -3px;
    top: -8px;
}
.pulse-image {
    animation: pulse 0.5s linear infinite;
}


@-webkit-keyframes "pulse" {
    0% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
    50% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.chat-badge:empty {
    display: none;
}

.dialog-new-messages:empty {
    display: none;
}

.popup-chat-container {
    display: none;
    position: fixed;
    width: 80%;
    height: calc(100vh - 150px);
    background-color: #fff;
    z-index: 10001;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 10px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}

@media screen and (max-width: 768px) {
  .popup-chat-container {
      width: 100%;
      height: 100vh;
  }
}
.chat-dialogs {

}
.chat-dialogs ul {
    margin: 0px;
    padding: 8px;
    list-style: none;
}
.chat-dialogs ul li {
    display: block;
    padding: 6px;
    margin-bottom: 5px;
    background-color: #f3f3f3;
    border-radius: 6px;
    border: 1px solid #f3f3f3;
    transition: all 0.2s ease;
}
.chat-dialogs ul li:hover {
    border: 1px solid #c3e6ff;
    background-color: #c3e6ff;
    cursor: pointer;
}
.chat-dialogs ul li.active {
    background-color: #c3e6ff;
    border: 1px solid #9dc8e8;
}
.chat-header h5 {
    padding: 8px 8px 0px;
    margin-bottom:0px;
}
.close-chat-button {
    position: absolute;
    top:5px;
    right: 30px;
    color: #000;
    transition: all 0.2s ease;
}
.close-chat-button:hover {
    color: #888888;
}
.dialog-name {
    display: block;
    color: #000;
    font-weight: 600;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dialog-last-message {
    display: block;
    color: #5e5e5e;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.chat-info-panel {
    background-color: #f3f3f3;
    margin-top:8px;
    padding: 10px;
    height: 53px;
    border-radius: 6px;
    font-size: 13px;
    position: absolute;
    width: 90%;
    z-index: 1000;
    left: 50%;
    transform: translate(-50%);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}
.chat-messages {
    overflow: auto;
    height: calc(100vh - 185px);
}

.chat-messages-container .messages:last-child {
    margin-bottom: 100px;
}
.chat-messages-container .messages:first-child {
    margin-top: 100px;
}
.chat-messages-footer {
    height: 100px;
}
.chat-messages-container {
    padding-left: 8px;
    padding-right: 8px;

}

.chat-message-rows {
    width: 100%;

    padding: 10px;
}

.messages {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
}

.message {
    border-radius: 6px;
    padding: 8px 15px;
    margin-top: 5px;
    margin-bottom: 5px;
    display: inline-block;
}

.yours {
    align-items: flex-start;
}

.yours .message {
    margin-right: 25%;
    background-color: #fff;
    font-size: 13px;
    max-width: 80%;
    font-weight: 400;
    position: relative;
}

/*.yours .message.last:before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    z-index: 0;*/
/*    bottom: 0;*/
/*    left: -7px;*/
/*    height: 20px;*/
/*    width: 20px;*/
/*    background: #eee;*/
/*    border-bottom-right-radius: 15px;*/
/*}*/
/*.yours .message.last:after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    z-index: 1;*/
/*    bottom: 0;*/
/*    left: -10px;*/
/*    width: 10px;*/
/*    height: 20px;*/
/*    background: white;*/
/*    border-bottom-right-radius: 10px;*/
/*}*/

.mine {
    align-items: flex-end;
}

.mine .message {
    color: #000;
    font-weight: 400;
    margin-left: 25%;
    max-width: 80%;
    background-color: #D9FDD3;
    font-size: 13px;
    position: relative;
}

/*.mine .message.last:before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    z-index: 0;*/
/*    bottom: 0;*/
/*    right: -8px;*/
/*    height: 20px;*/
/*    width: 20px;*/
/*    background-color: #d0eaff;*/

/*    border-bottom-left-radius: 15px;*/
/*}*/

/*.mine .message.last:after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    z-index: 1;*/
/*    bottom: 0;*/
/*    right: -10px;*/
/*    width: 10px;*/
/*    height: 20px;*/
/*    background: white;*/
/*    border-bottom-left-radius: 10px;*/
/*}*/

.mine-message-row {
    text-align: right;
    margin-top: 4px;
    color: #537891;
}

.yours-message-row {
    text-align: left;
    margin-top: 4px;
    color: #858585;
}

.chat-message-media {
    margin-bottom: 8px;
    margin-top:6px;
}

.chat-message-media img {
    width: 150px;
    border-radius: 6px;
}

.chat-message-footer {
    padding: 12px;
    background-color: #fff;
    border-radius: 20px;
    position: absolute;
    width: 90%;
    height: auto;
    bottom: 20px;
    z-index: 100;
    left: 50%;
    transform: translate(-50%);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}
.chat-message-footer {
    display: flex;
    gap: 6px;
    align-items: center;
}
.attachment-button-cont {
    width: 30px;
    text-align: center;
}
.message-inp-cont {
    width: 100%;
}
.message-sent-cont {
    width: 30px;
    text-align: center;
}
.chat-message-textarea {
    width: 100%;
    border: 0px;
    font-size: 13px;
    resize: none;
    height: 40px;
}
.message-inp-cont input {
    width: 100%;
    border: 0px;
}
.chat-dialog-archive {
    position: absolute;
    right: 36px;
    top: 17px;
}
.dialog-new-messages {
    position: absolute;
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 9px;
    background-color: #ff0000;
    color: #fff;
    text-align: center;
    font-size: 10px;
    line-height: 18px;
    right: 2px;
    top: 2px;

}
.chat-dialogs li {
    position: relative;
}
.download-icon {
    width: 18px !important;
    border-radius: 0px !important;
    vertical-align: -4px;
}
.half-opacity {
    color: #8f8f8f;
}
.unread-row {
    border-bottom: 1px solid #b9b9b9;
    border-top: 1px solid #fcfcfc;
    padding: 10px;
    text-align: center;
    margin-top:22px;
    background-color: rgba(255, 255, 255, 0.11);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}
.chat-messages {
    background-image: url(/img/chat_bg.png);
    background-size: 45%;
}
.yours .reply-message {
    padding: 6px;
    background-color: #F5F6F6;
    border-radius: 5px;
    border-left: 3px solid #FEBC39;
    margin-bottom:8px;
}
.mine .reply-message {
    padding: 6px;
    background-color: #D1F4CC;
    border-radius: 5px;
    border-left: 3px solid #05D09D;
    margin-bottom:8px;
}
.chat-loader {
    display: none;
    position: absolute;
    top:0px;
    left:0px;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.41);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    z-index: 10000;
}
.chat-file {
    display: none;
}
.chat-file-badge {
    top: -5px;
    right: -2px;
    width: 12px;
    height: 12px;
    border-radius: 6px;
    font-size: 8px;
    line-height: 13px;
}
.chat-message-reply img {
    vertical-align: -5px;
}
.chat-dialogs {
    overflow: auto;
    max-height: calc(100vh - 185px);
}
.mail-preview-container {
    padding: 15px;
}
#mailList .card-header {
    padding: 0px !important;
}
.cart-image {
    visibility: hidden;
}
.selected-cart-item .cart-image {
    visibility: visible;
}
.selected-cart-item {
    background-color: #e3e3e3;
}
.request-prices h5 {
    font-weight:  bold;
}
.request-prices input {
    transition: all 0.3s ease;
}
.request-prices input.input-has-changes {
    background-color: #b4ffff !important;
}
.req-form-loader {
    display: none;
    position: absolute;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    top: -10px;
    left: -10px;
    background-color: rgba(255, 255, 255, 0.61);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(7px);
    z-index: 10;
}
.cart-items ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.cart-items ul li {
    background-color: #f3f3f3;
    padding: 10px;
    border-radius: 6px;
    margin-bottom: 5px;
}

.cart-item-li {
    display: flex;
    gap: 10px;
    align-items: center;
}

.cart-item-li .check {
    width: 30px;
}

.cart-item-li .del-cart-item {
    width: 30px;
}

.cart-item-li .price-cart-item {
    width: 230px;
}

.cart-item-li .content-cart-item {
    width: 100%;
}

.cart-item-li.active {
    background-color: #dceeff;
}
.req-cart-items ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.req-cart-items ul li {
    background-color: #f3f3f3;
    padding: 10px;
    border-radius: 6px;
    margin-bottom: 5px;
}

.cart-item-li {
    display: flex;
    gap: 10px;
    align-items: center;
}

.cart-item-li .check {
    width: 30px;
}

.cart-item-li .del-cart-item {
    width: 30px;
}

.cart-item-li .price-cart-item {
    width: 230px;
}

.cart-item-li .content-cart-item {
    width: 100%;
}

.cart-item-li.active {
    background-color: #dceeff;
}
.new-grater  {
    background-color: #ffb599;
}
.new-lower  {
    background-color: #b5ffa9;
}
.client-prices .client-price-row {
    display: flex;
    gap: 5px;
    align-items: center;
}
.client-price-select {
    width: 100%;
}
.client-price-pos {
    width: 200px;
}
.client-price-del {
    width: 40px;
    text-align: center;
}
.client-prices {
    padding: 15px;
    border-radius: 5px;
    background-color: #f3f3f3;
}
.add-client-price {
    margin-top: 10px;
    margin-bottom:20px;
}
.message-inp {
    overflow-x: hidden !important;
    border: 0px;
    width: 100%;
}
.mass-actions-block {
    padding: 10px;
    background-color: #f3f3f3;

}
.header-currency {
    position: absolute;
    display: inline-block;
    font-size: 11px;
    line-height: 13px;
    background-color: #404850;
    padding: 6px;
    border-radius: 0px;
    top: -5px;
    bottom: -5px;
    left: 225px;
    color: #a8b5c4;
}
.currency-columns {
    display: flex;
    gap: 4px;
}
.currency-code {
    width: 20px;
}
.currency-sign {
    width: 10px;
}
.right-side {
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    max-height: calc(100vh - 120px) !important;
    overflow-x: hidden;
    overflow-y: auto;
}
.left-side {
    display: flex;
    max-height: calc(100vh - 120px) !important;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 20px;
    padding-bottom: 20px;
}
.left-side::-webkit-scrollbar-track {
    background: #e7e7e7;
    border-radius: 3px
}

.left-side::-webkit-scrollbar-thumb {
    background: #a4a4a4;
    border-radius: 3px
}

.left-side::-webkit-scrollbar-thumb:hover {
    background: #29ACD6
}

.left-side::-webkit-scrollbar {
    width: 6px;
    height: 6px
}
.right-side::-webkit-scrollbar-track {
    background: #e7e7e7;
    border-radius: 3px
}

.right-side::-webkit-scrollbar-thumb {
    background: #a4a4a4;
    border-radius: 3px
}

.right-side::-webkit-scrollbar-thumb:hover {
    background: #29ACD6
}

.right-side::-webkit-scrollbar {
    width: 6px;
    height: 6px
}
.right-side-container {
    width: 100%;
}
.left-side-container {
    width: 100%;
}
.btn-add-group {
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    background: rgb(111,193,249);
    background: -moz-linear-gradient(180deg, rgba(111,193,249,1) 0%, rgba(111,111,249,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(111,193,249,1) 0%, rgba(111,111,249,1) 100%);
    background: linear-gradient(180deg, rgba(111,193,249,1) 0%, rgba(111,111,249,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6fc1f9",endColorstr="#6f6ff9",GradientType=1);
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
    transition: all 0.4s ease;
}
.btn-add-group:hover {
    text-decoration: none;
    color: #fff;
    background: rgb(93,188,254);
    background: -moz-linear-gradient(180deg, rgba(93,188,254,1) 0%, rgba(91,91,254,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(93,188,254,1) 0%, rgba(91,91,254,1) 100%);
    background: linear-gradient(180deg, rgba(93,188,254,1) 0%, rgba(91,91,254,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5dbcfe",endColorstr="#5b5bfe",GradientType=1);
}
.client-group-row {
    display: flex;
    gap: 10px;
    align-items: center;
}

.client-group-row .group-inp {
    width: 100%;
}

.client-group-row .group-del {
    width: 50px;
    text-align: center;
}

.emoji-cont {
    display: flex;
    align-items: center;
    gap: 10px;
    background-color: #f3f3f3;
    padding: 10px;
    border-radius: 10px;
}
.emojies-button {
    width: 60px;
}
.emojies {
    width: 100%;
}
.emojies ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
    line-height: 0;
}
.emojies ul li {
    /*margin-right: 3px;*/
    /*margin-bottom: 5px;*/
    display: inline-block;
    width: 50px;
    /*height: 50px;*/
    /*border: 2px dotted #d7d7d7;*/
    border-radius: 25px;
    /*vertical-align: top;*/
}
.emojies ul li img {
    width: 100%;
}
.img-opacity-55 {
    opacity: 0.55;

}
.add-emoji {
    width: 40px !important;
}
.emoji-counter {
    position: absolute;
    width: 15px;
    height: 15px;
    background-color: #101088;
    color: #fff;
    font-size: 9px;
    line-height: 15px;
    border-radius: 7px;
    text-align: center;
    bottom: 0px;
    right: 3px;
}
.emoji-counter:empty {
    display: none;
}
.add-emoji-btn {
    cursor: pointer;
    position: inherit;
}
.emoji-list {
    display: none;
    background-color: #CEE9F4;
    padding: 4px;
    border-radius: 10px;
    position: absolute;
    left: 0px;
    right: 0px;
    z-index: 100;
    height: auto;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.emoji-list-ul li {
    width: 32px !important;
    height: 32px !important;
}
.emoji-list-ul {
    max-height: 90px;
    overflow-y: auto;
}
.comment-block {
    display: flex;
    gap: 10px;

}
.comment-avatar {
    width: 70px;
}
.comment-text {
    width: 100%;
}
.comment-block {
    margin-bottom: 10px;
}
.comment-avatar img {
    width: 100%;
}
.hero-img {
    margin-bottom: 10px;
    display: inline-block;
    width: 90px !important;
}
.orders-customize-block {
    padding:12px;
    background-color: #f3f3f3;
    border-radius: 5px;
    margin-bottom:10px;
    display: none;
}
#available-columns, #used-columns {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

#available-columns li, #used-columns li {
    background-color: #b2ddff;
    border: 1px solid #9acbf1;
    border-radius: 4px;
    padding: 3px 3px 3px 8px;
    margin-bottom: 3px;
    cursor: move;
    font-size: 12px;
    transition: all 0.4s ease;
}
#available-columns li:hover, #used-columns li:hover {
    background-color: #94cdfc;
    border: 1px solid #75aeda;
}
.blue-background-class, .sortable-ghost {
    background-color: #ffefc9 !important;
}
#used-columns {
    min-height: 100px;
}
.sortable-column {
    float: right;
    color: #fff;
    text-decoration: none;
    margin-right: 4px;
    display: inline-block;
    width: 20px;
    text-align: right;
}
.sortable-column:hover {
    color: #bdbdbd;
}
.sortable-column-highlight {
    background-color: #007bff !important;
    color: #fff;
}
.sortable-cell-highlight {
    background-color: rgba(0, 123, 255, 0.2) !important;
}
.table thead th {
    border-bottom-width: 1px !important;
}

.vscomp-ele{
    padding: 0px !important;
    background-color: #e9ecef !important;
    font-size: 13px !important;
    border: none !important;
    max-width: none !important;
}
.vscomp-wrapper{
    background-color: #e9ecef !important;
    font-size: 13px !important;
    border: none !important;
}
.vscomp-toggle-button{
    background-color: #e9ecef !important;
    font-size: 13px !important;
    border: none !important;
    color: #6c757d !important;
    padding: 5px 30px 5px 10px !important;
}
.vscomp-wrapper:not(.has-value) .vscomp-value{
    opacity: 1 !important;
}
.select2-container--bootstrap-5 .select2-selection--single {
    background-position: right 0.3rem center !important;
}
.vscomp-arrow::after {
    border-width: 1.4px !important;
}

.vscomp-search-input
{
    background-color: transparent !important;
}
.copyWithDrivers {
    margin-top: 0.35rem;
}
.trip-details-large-font {
    font-size: 15px;
}
.focus-text {
    margin-top: 3px;
    margin-bottom: 3px;
    display: inline-block;
    padding: 4px;
    background-color: #ffffda;
    border: 1px dotted #e1c771;
    border-radius: 5px;
    min-width: 300px;
}
.trip-info-services, .trip-info-services-supplier {
    border-bottom: 1px dotted #8a8a8a;
    cursor: pointer;
    font-weight: bold;
}
.trip-price-components {
    border-bottom: 1px dotted #8a8a8a;
    cursor: pointer;
    font-weight: bold;
}
.open-map {
    text-decoration: none;
    color: #606060 !important;
    border-bottom: 1px solid #bebebe;
    border-radius: 3px;
    background-color: #f3f3f3;
    padding: 4px;
}
.open-map:hover {
    text-decoration: none;
}
.map-label-point {
    width: 100% !important;
    text-align: center !important;
    margin: 0 auto !important;
    line-height: 12px !important;
    font-weight: bold !important;
    font-size: 19px !important;
}
.map-label-point-stage {
    width: 100% !important;
    text-align: center !important;
    margin: 0 auto !important;
    line-height: 12px !important;
    font-weight: normal !important;
    font-size: 12px !important;
}
.custom-label-tooltip {
    background-color: transparent;
    border: none;
    box-shadow: none;
}
.complaint-link {
    background-color: #ffe3e3;
    color: #a10f0f;
    border-radius: 5px;
    padding: 3px 10px;
    transition: all 0.4s ease;
}
.complaint-link:hover {
    text-decoration: none;
    background-color: #ffc8c8;
    color: #6b0808;
}
.complaint-type-select {
    display: inline-block;
    cursor: pointer;
    transition: all 0.5s ease;
}
.complaint-type-select .title {
    color: #7e7e7e;
    border-bottom: 1px dotted #7e7e7e;
    transition: all 0.5s ease;
}
.complaint-type-select .title:hover {
    color: #2f2f2f;
    border-bottom: 1px dotted #2f2f2f;
}
.complaint-type-select ul {
    display: none;
    margin: 0px;
    padding: 0px;
    list-style: none;
    position: absolute;
    z-index: 100;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.complaint-type-select ul li {
    padding: 3px 10px;
    transition: all 0.5s ease;
    opacity: 0.7;
}
.complaint-type-select ul li:hover {
    background-color: #f3f3f3;
    color: #000;
    opacity: 1;
}

/* is justified */

.is-justified-select {
    display: inline-block;
    cursor: pointer;
    transition: all 0.5s ease;
}
.is-justified-select .title {
    transition: all 0.5s ease;
    border-bottom: 1px dotted #2f2f2f;
}
.is-justified-select .title:hover {

}
.is-justified-select ul {
    display: none;
    margin: 0px;
    padding: 0px;
    list-style: none;
    position: absolute;
    z-index: 100;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.is-justified-select ul li {
    padding: 3px 10px;
    transition: all 0.5s ease;
    opacity: 0.7;
}
.is-justified-select ul li:hover {
    background-color: #f3f3f3;
    color: #000;
    opacity: 1;
}
.compensation-box {
    display: flex;
    gap: 10px;
    align-items: center;
}
.compensation-box-percent, .compensation-box-value {
    width: 50%;
}
.inline-button {
    display: inline-block;
    padding: 4px;
    margin-left: 20px;
    background-color: #f3f3f3;
    color: #000;
    text-decoration: none;
    border-radius: 6px;
    margin-top: -4px;
    min-width: 70px;
    text-align: center;
}
.inline-button:hover {
    text-decoration: none;
    color: #3f3f3f;
}
.inline-button-primary {
    margin-top: -4px;
    margin-left: 20px;
}
.mail-flex-action {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
}
.spell-errors {
    opacity: 0;
    display: flex;
    gap: 7px;
    align-items: center;
    padding: 6px;
    background-color: #ffeeda;
    border-radius: 4px;
    border: 1px solid #ead0b1;
    transition: all 0.4s ease;
}
.spell-errors-active {
    opacity: 1 !important;
}
.spell-errors img {
    width: 20px;
}
.spell-errors a {
    font-weight: bold;
    text-decoration: underline;
}
.spell-errors-box {
    position: absolute;
    z-index: 100;
    background-color: #ffffee;
    padding: 7px;
    width: 300px;
    border-radius: 6px;
    font-size: 13px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}
.spell-errors-box-word {
    font-weight: bold;
    color: #000000;
    display: inline-block;
    position: relative;
}
.spell-errors-box-word:before {
    content: "~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~";
    font-size: 0.7em;
    font-weight: 700;
    font-family: Times New Roman, Serif, serif;
    color: red;
    width: 100%;
    position: absolute;
    top: 12px;
    left: -1px;
    overflow: hidden;
}
.spell-suggestions {
    margin-left: 12px;
}
.spell-suggestions a {
    font-weight: normal;
}
.spell-suggestions a:not(:last-child) {
    border-right: 1px solid #d3d3d3;
    padding-right: 4px;
}
.spell-errors-box .word {
    margin-bottom: 6px;
}
.spell-errors-box {
    display: none;
    max-height: 250px;
    overflow: auto;
}
.complaints-thead th div {
    display: flex;
    gap: 2px;
    flex-direction: row;
    align-items: flex-end;
    justify-content: center;
}
.margin-filter {
    display: flex;
    gap: 6px;
    vertical-align: center;
}
.margin-filter div {
    width: 50%;
}
.market-link .market-badge {
    display: inline-block;
    width: 19px;
    height: 19px;
    font-weight: normal;
    font-size: 12px;
    padding: 0;
    color: #fff;
    background-color: #ff0000 !important;
    text-align: center;
    line-height: 19px;
}
.toggler-market-badge {
    top: 4px;
    background-color: #ff0000 !important;
}
.market-link {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 3px;
}
.city-suppliers .supplier-name {
    font-weight: bold !important;
    display: inline-block;
}
.city-suppliers .supplier-class {
    opacity: 0.5;
}
.city-suppliers .note {
    margin-top: 2px;
    font-style: italic;
}
.supplier-block-item {
    background-color: #f3f3f3;
    border-radius: 7px;
    border: 0 !important;
    margin-bottom: 4px !important;
    padding: 6px;
}
.translate-popup {
    z-index: 10000;
    position: absolute;
    top: 50%; left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-color: #fff;
    width: 70%;
    height: 80%;
    border-radius: 15px;
    padding: 25px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}
.translate-popup-container {
    display: flex;
    gap: 5px;
    flex-direction: column;
    height: 100%;
}
.translate-selector {
    display: flex;
    gap: 10px;
}
.translate-selector .source-lang, .translate-selector .target-lang {
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
}
.translate-selector select {
    border: 0;
}
.translate-selector input[type="text"], .translate-selector textarea, .translate-selector select {
    outline: none;
    box-shadow:none !important;
}
.translate-selector textarea {
    border: 0;
    resize: none;
}
.translate-selector .target-text {
    background-color: #f3f3f3;
}
.translate-header {
    height: 38px;
}
.translate-footer {
    flex: 1;
}
.translate-close {
    color: #808080;
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 10px;
}
.hidden-elem {
    display: none !important;
}
.flex-2-columns {
    display: flex;
    gap: 20px;
    align-items: center;

    .flex-col-1, .flex-col-2 {
        flex: 1;
        width: 100% !important;
    }
}
.flex-2-columns-justify {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: space-between;
}
.trip-control-actions {
    padding: 0;
    margin: 0;
    list-style: none;
}
.trip-control-actions li {
    margin-bottom: 3px;
}
.trip-control-actions li a {
    display: inline-block;
    min-width: 155px;
    text-align: center;
    padding: 3px 12px;
    border-radius: 4px;
    background-color: #f3f3f3;
    text-decoration: none;
    transition: all 0.3s ease;
}
.trip-control-actions li.success a {
    background-color: #dcf5cf;
    color: #36651e;
}
.trip-control-actions li a:hover {
    opacity: 0.6;
}
.trip-control-actions li {
    display: flex;
    gap: 5px;
    align-items: center;
}
.bot-message {
    font-size: 12px;
    padding: 10px;
    border-radius: 5px;
    background-color: #f3f3f3;
}
.status-state {
    margin-top: 10px;
}
.status-state-row {
    font-size: 13px;
    margin-bottom: 4px;
    display: flex;
    gap: 10px;
    vertical-align: center;
}
.status-state-param {
    font-weight: bold;
    width: 190px;
}
.status-state-value {
    flex: 1;
}
.sub-status-row .status-state-param {
    padding-left: 15px;
    font-weight: normal;
}
.bot-message {
    position: relative;
    overflow: hidden;
    height: 50px;
    transition: all 0.3s ease;
}
.bot-message-display {
    height: auto !important;
}
.bot-message-display .bottom-gradient-bg {
    display: none;
}
.bottom-gradient-bg {
    position: absolute;
    /* background-color: yellow; */
    bottom: 0;
    height: 100%;
    left: 0;
    right: 0;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(243,243,243,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(243,243,243,1) 100%);
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(243,243,243,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#f3f3f3",GradientType=1);
    cursor: pointer;
}
#phones-container .form-group {
    margin-bottom: 1rem;
    display: flex;
    align-items: baseline;
}

#add-phone {

    display: block;
    margin: -14px 0 20px 0;
}

.remove-phone {
    margin-left: 6px;
}
.coordinator-inputs input {
    margin-bottom: 3px;
}
.filter-form .range-date-picker {
    background-color: #fff;
}
.map-stat {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 4px;
}
.map-stat .flex-1 {
    flex: 1;
    text-align: center;
    padding: 4px;
    background-color: #f3f3f3;
    border-radius: 4px;
}
.map-stat-value {
    display: flex;
    align-items: center;
    gap: 3px;
    justify-content: center;
}
.map-stat-value span {
    font-weight: bold;
}
.danger-map {
    color: #7c0000;
    background-color: #ffcccc !important;
}
.success-map {
    color: #177c00;
    background-color: #e6ffd9 !important;
}
/*.halloween-animation {*/
/*    position: relative;*/
/*    display: inline-block;*/
/*}*/

/*.halloween-animation::before,*/
/*.halloween-animation::after {*/
/*    display: block;*/
/*    content: '';*/
/*    height: 20px;*/
/*    width: 15px;*/
/*    position: absolute;*/
/*    opacity: 0;*/
/*    transition: all 250ms ease-in-out;*/
/*}*/

/*.halloween-animation:hover::before, .halloween-animation:hover::after {*/
/*    opacity: 1;*/
/*}*/

/*.halloween-animation:hover::before {*/
/*    !* to avoid transition jank in chrome make sure transitions don't include transform *!*/
/*    height: 46px;*/
/*    width: 34px;*/
/*    right: -40px;*/
/*    animation: float-right 3s ease-in-out infinite;*/
/*}*/

/*.halloween-animation:hover::after {*/
/*    height: 40px;*/
/*    width: 30px;*/
/*    top: -45px;*/
/*    transform: rotate(-10deg);*/
/*    animation: float-top 3s ease-in-out infinite;*/
/*}*/

/*@keyframes float-right {*/
/*    50% {*/
/*        transform: rotate(10deg) translate(0, -15px);*/
/*    }*/
/*}*/
/*@keyframes float-top {*/
/*    50% {*/
/*        transform: rotate(-5deg) translate(0, 10px);*/
/*    }*/
/*}*/

/*!* right ghost *!*/
/*.halloween-animation::before {*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    background: url('data:image/svg+xml;charset=UTF8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="1742 35 735 948"><g fill="none" fill-rule="evenodd"><path fill="%23FFF" d="M2052.05 39.98c-10.07 1.2-19.85 3.97-29.69 6.34-8.44 2.19 74.98 3.97 66.82 7.11-36.96 12.18-71.94 30.4-103.05 53.79-73.46 54.63-124.66 137.83-141.31 227.77-6.86 40.15-11.48 80.86-10.36 121.65 1.75 75.91 19.77 151.74 54.62 219.34 2.41 4.14 4.02 8.64 6.06 12.95 15.09 23.61 25.44 50.32 29.74 78.03 8.73 53.72-9.2658 137.92-42.5558 180.89-3.84.98 3.3258 5.89 8.8058 6.74 29.87 10.22 166.94 7.5247 182.46 6.4647 15.75-1.22 91.55-17.2447 143.58-47.9047 12.63-7.95 25.52-15.58 37.37-24.67 8.19-6.1 16.34-12.25 24.44-18.47 27.26-22.61 52.84-47.41 75.04-75.06 51.81-63.17 88.5-138.48 107.44-217.89 13.79-56.78 18.28-115.76 13.79-174-.93-10.76-1.81-21.54-3.66-32.19-5.15-58.56-24.42-115.84-55.83-165.55-3.8-6.46-7.84-12.79-12.45-18.71-11.71-15.17-24.11-29.79-37.17-43.8-9.39-10.34-20.38-19.01-31.03-27.99-17.42-14.01-36.2-26.3-55.8-37.04-12.08-6.32-24.56-11.88-37.2-17.01-37.91-15.46-78.64-23.7-119.51-25.26-23.59-.72-47.27.48-70.55 4.47z"/><path fill="%23000" d="M2122.6 35.51c-23.59-.72-47.27.48-70.55 4.47-10.07 1.2-19.85 3.97-29.69 6.34-8.44 2.19-17.02 3.97-25.18 7.11-36.96 12.18-71.94 30.4-103.05 53.79-73.46 54.63-124.66 137.83-141.31 227.77-6.86 40.15-11.48 80.86-10.36 121.65 1.75 75.91 19.77 151.74 54.62 219.34 2.41 4.14 4.02 8.64 6.06 12.95 15.09 23.61 25.44 50.32 29.74 78.03 8.73 53.72-6.08 110.61-39.37 153.58-3.84.98-7.85 2.21-10.48 5.4-5.71 6.02-5.12 16.53 1.19 21.91 4.37 3.35 9.43 5.89 14.91 6.74 29.87 10.22 60.52 18.68 91.92 22.5 21.02 2.68 42.16 4.06 63.29 5.41 15.57.76 31.1-.77 46.62-1.83 15.75-1.22 31.49-2.8 47.13-5.06 59.62-10.02 117.05-31.8 169.08-62.46 12.63-7.95 25.52-15.58 37.37-24.67 8.19-6.1 16.34-12.25 24.44-18.47 27.26-22.61 52.84-47.41 75.04-75.06 51.81-63.17 88.5-138.48 107.44-217.89 13.79-56.78 18.28-115.76 13.79-174-.93-10.76-1.81-21.54-3.66-32.19-5.15-58.56-24.42-115.84-55.83-165.55-3.8-6.46-7.84-12.79-12.45-18.71-11.71-15.17-24.11-29.79-37.17-43.8-9.39-10.34-20.38-19.01-31.03-27.99-17.42-14.01-36.2-26.3-55.8-37.04-12.08-6.32-24.56-11.88-37.2-17.01-37.91-15.46-78.64-23.7-119.51-25.26zm47.26 36.34c30.07 5.19 58.97 15.75 86.4 28.96 25.87 12.83 49.95 29.26 71.58 48.38 12.73 10.28 23.2 22.95 33.91 35.22 9.87 11.9 20.08 23.68 27.71 37.19 31.1 49.1 49.13 106.28 52.23 164.29 2.09 7.55 2.33 15.41 2.95 23.18 6.95 96.22-13.01 194.32-57.67 279.88-35.16 67.75-85.82 127.61-147.75 172.36-11.54 9.06-24.13 16.64-36.54 24.43-30.33 17.98-62.52 32.9-96.13 43.63-28.71 9.54-58.46 16.06-88.61 18.74-14.96 1.5-29.96 2.55-44.97 3.44-12.98.78-25.94-.57-38.89-1.41-15.38-1.08-30.75-2.52-46.02-4.66-21.47-3.12-42.54-8.53-63.23-14.97 2.18-3.97 4.96-7.57 7.21-11.5 25.37-41.28 37.39-90.63 33.51-138.95-2.69-35.42-13.82-70.12-31.96-100.64-9.32-18.3-19.02-36.52-26.4-55.74-30.14-75.35-40.04-158.4-30.34-238.87.89-5.32 2.11-10.58 2.44-15.98 8.24-86.15 51.41-168.28 117.44-224.17 35.14-29.89 76.62-52.26 120.88-65.24 13.1-3.12 26.05-7.11 39.42-8.91 37.3-6.18 75.69-5.71 112.83 1.34z"/><path fill="%23000" d="M2338.46 350.832c-2.78-.8997-5.63-1.1284-8.48-1.1437-44 .0305-88.01 0-132.02.0305-7.34.0458-15.19 3.0342-20.44 11.2827-3.05 4.6198-4.48 11.923-2.78 18.1438 4.48 14.7742 16.58 18.4792 26.27 17.8388 42.01-.03 84.02-.015 126.03 0 7.98.473 16.63-1.128 22.97-9.178 3.87-4.65 6.29-12.944 4.26-20.217-2.63-9.666-9.44-14.683-15.81-16.756zm-320.51-1.1437c-43.98.0305-87.96 0-131.94.0305-6.72.0153-13.74 2.5158-19.02 9.1482-2.95 3.7202-5.22 9.3005-4.96 15.323.22 6.5562 3.21 12.0603 6.66 15.567 5.06 5.123 11.22 7.1814 17.23 7.2118h133.1c7.36-.061 15.24-3.0646 20.5-11.3436 3.21-4.9095 4.58-12.8074 2.44-19.15-2.89-8.95-9.33-13.6155-15.45-15.628-2.81-.915-5.69-1.159-8.56-1.159zM2148.57 851.7c-5.45-1.58-10.8.89-15.48 3.48-26.61 13.48-54.56 24.28-83.26 32.38-4.55 1.19-8.51 4.49-10.36 8.84-2.33 5.16-1.44 11.57 2.17 15.94 3.7 4.65 10.23 6.81 15.97 5.19 30.78-8.66 60.76-20.22 89.29-34.67 4.77-2.16 9.97-4.71 12-9.91 4.02-8.33-1.31-19.27-10.33-21.25zm-144 47.96c-3.75-1.53-7.85-.83-11.74-.33-6.54.9-13.12 1.46-19.69 2.16-4.64.53-8.97 3.29-11.37 7.31-3.14 5.04-2.96 11.95.45 16.82 3 4.42 8.42 7.13 13.77 6.65 8.54-.8 17.08-1.67 25.57-2.88 7.02-.98 12.78-7.34 13-14.43.47-6.57-3.81-13.07-9.99-15.3z"/></g><path fill-rule="evenodd" d="M2026.0306 548.049c21.0553.0065 44.4487.0087 68.12.0082.0106 8.537.023 14.5265.023 14.5265s-1.3466 14.3133 3.461 19.7992c5.7354 7.55 18.363 7.47 24.0185-.13 4.708-5.476 3.362-19.67 3.362-19.67s.009-6 .016-14.529c26.468-.003 52.154-.009 74.12-.015.011 8.545.023 14.543.023 14.543s-1.346 14.313 3.461 19.799c5.736 7.55 18.363 7.4702 24.019-.13 4.708-5.476 3.362-19.6698 3.362-19.6698s.009-6.0108.016-14.552c21.228-.007 34.553-.0125 34.553-.0125s14.314 1.3465 19.799-3.461c7.551-5.7354 7.471-18.363-.129-24.0185-5.476-4.708-19.6693-3.361-19.6693-3.361s-13.325-.004-34.545-.0085c-.007-11.844-.0295-22.1892-.0844-25.3335-.03-7.9396-7.1816-14.9117-15.1012-14.822-7.83-.359-15.161 6.224-15.59 14.064-.0812 3.276-.1146 13.9493-.1243 26.0854-21.968-.004-47.648-.008-74.1-.01-.007-11.8376-.03-22.1745-.085-25.317-.03-7.94-7.1816-14.912-15.101-14.822-7.83-.359-15.161 6.224-15.59 14.064-.0814 3.275-.1147 13.942-.1245 26.0733-23.683-.0006-47.074.001-68.1.0053-.007-11.839-.03-22.178-.0847-25.321-.03-7.9398-7.1815-14.912-15.101-14.822-7.83-.359-15.161 6.224-15.59 14.064-.081 3.276-.1143 13.951-.124 26.0885-29.1593.013-49.216.035-51.303.0713-7.9396.03-14.9117 7.1816-14.822 15.1013-.359 7.83 6.224 15.161 14.064 15.59 2.1634.0537 22.536.0865 52.0725.1054.011 8.5487.023 14.549.023 14.549s-1.346 14.313 3.4616 19.799c5.7353 7.5506 18.363 7.471 24.0184-.1297 4.708-5.476 3.3617-19.6694 3.3617-19.6694s.0088-6.0028.016-14.535z"/></svg>') no-repeat;*/
/*}*/

/*!* left ghost *!*/
/*.halloween-animation::after {*/
/*    top: 0;*/
/*    left: 50%;*/
/*    background: url('data:image/svg+xml;charset=UTF8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="12 15 713 940"><path fill="%23FFF" fill-rule="evenodd" d="M512.55 45.45c14.42 6.64 28.84 13.35 42.37 21.69 17.15 10 32.91 22.12 48.31 34.61 27.61 23.92 51.72 51.98 70.75 83.19 19.39 31.72 33.49 66.66 41.57 102.95 5.04 22.35 7.3 45.24 8.15 68.1-.06 151.66-.01 303.32-.02 454.98.1 5.63-.24 11.27.17 16.9 1.29 8.02-.66 16.07-2.1 23.93-8.22 38.75-34.91 73.24-70.8 90.14-22.36 11.06-48.14 15.17-72.84 11.85-25.79-2.59-50.28-14.23-69.78-31.12-12.09-9.98-21.62-22.77-29.05-36.51-19.52 36.18-57.22 62.02-98.14 66.54-6.69 1.07-13.47.44-20.2 1.02-22.82-.88-45.64-7.33-64.87-19.84-18.49-11.41-34.1-27.58-44.57-46.64-23.14 36.72-65.92 60.8-109.52 59.61-21.45.77 47.22-5.13 28.34-15.07-27.88-15.08-50.21-40.37-60.96-70.26-2.19-7.44-5.05-14.75-6.32-22.41-.1-108.03-.01-216.07-.04-324.1-.08-53.67.17-107.35-.17-161.02.45-20.26 2.6-40.49 6.65-60.35 3.26-16.5 8.28-32.61 13.69-48.51 21.75-59.51 60.55-112.51 110.27-151.73 52.51-41.63 89.586-40.54 156.146-47.95 62.86-7.24 64.874-25.06 122.964 0z"/><path fill-rule="evenodd" d="M326.92 18.1c62.86-7.24 127.54 2.29 185.63 27.35 14.42 6.64 28.84 13.35 42.37 21.69 17.15 10 32.91 22.12 48.31 34.61 27.61 23.92 51.72 51.98 70.75 83.19 19.39 31.72 33.49 66.66 41.57 102.95 5.04 22.35 7.3 45.24 8.15 68.1-.06 151.66-.01 303.32-.02 454.98.1 5.63-.24 11.27.17 16.9 1.29 8.02-.66 16.07-2.1 23.93-8.22 38.75-34.91 73.24-70.8 90.14-22.36 11.06-48.14 15.17-72.84 11.85-25.79-2.59-50.28-14.23-69.78-31.12-12.09-9.98-21.62-22.77-29.05-36.51-19.52 36.18-57.22 62.02-98.14 66.54-6.69 1.07-13.47.44-20.2 1.02-22.82-.88-45.64-7.33-64.87-19.84-18.49-11.41-34.1-27.58-44.57-46.64-23.14 36.72-65.92 60.8-109.52 59.61-21.45.77-42.78-5.13-61.66-15.07-27.88-15.08-50.21-40.37-60.96-70.26-2.19-7.44-5.05-14.75-6.32-22.41-.1-108.03-.01-216.07-.04-324.1-.08-53.67.17-107.35-.17-161.02.45-20.26 2.6-40.49 6.65-60.35 3.26-16.5 8.28-32.61 13.69-48.51C54.92 185.62 93.72 132.62 143.44 93.4c52.51-41.63 116.92-67.89 183.48-75.3zm-151.74 90.18c-53.05 37.67-94.21 92.08-115.14 153.77-2.31 7.61-4.66 15.22-6.84 22.87-5.79 22.59-8.87 45.85-9.44 69.16.25 6.99.26 13.97.16 20.96.01 152.66-.04 305.31.02 457.97 2.26 15.3 8.48 30.04 17.66 42.51 10.36 13.03 23 24.8 38.52 31.33 12.1 5.73 25.36 9.29 38.82 9.05 21.04 1.14 42.29-5.39 59.51-17.43 16.71-11.14 29.16-27.97 36.47-46.56 1.64-5.37 4.27-10.66 8.51-14.44 5.93-5 15.57-4.4 20.84 1.31 3.36 3.25 4.09 8.02 5.32 12.32 1.5 5.52 3.96 10.7 6.18 15.96 9.14 19.11 24.86 34.75 43.62 44.48 12.05 6.85 25.81 10.07 39.57 10.87 17.26 1.13 34.96-2.11 50.41-9.98 24.54-12.13 43.5-34.8 51.15-61.07 1.76-5.09 1.69-11.08 5.63-15.17 5.24-6.11 15.36-6.9 21.39-1.53 3.64 3.76 8.56 6.89 9.67 12.39 3.53 13.05 8.75 25.86 17.09 36.62 5.42 6.51 10.8 13.21 17.6 18.35 14.83 11.93 33.14 19.9 52.2 21.3 29.52 3.58 60.35-7.65 80.89-29.12 15.17-15 24.9-35.28 27.8-56.36-.06-158.6-.02-317.2-.02-475.8-.41-24.82-2.86-49.72-8.97-73.82-16.92-70.17-59.71-133.55-117.74-176.32-13.56-10.49-28.32-19.33-43.41-27.43-11.19-5.23-22.14-11.05-33.78-15.24-43.97-17.11-91.64-24.65-138.75-22.04-62.51 3.28-124.09 24.51-174.94 61.09z"/><path fill-rule="evenodd" d="M285.0306 563.049c21.0553.0065 44.4487.0087 68.12.0082.0106 8.537.023 14.5265.023 14.5265s-1.3466 14.3133 3.461 19.7992c5.7354 7.55 18.363 7.47 24.0185-.13 4.708-5.476 3.362-19.67 3.362-19.67s.009-6 .016-14.529c26.468-.003 52.154-.0088 74.12-.0146.011 8.5456.023 14.543.023 14.543s-1.346 14.3133 3.461 19.7992c5.736 7.5504 18.363 7.4706 24.019-.13 4.708-5.476 3.3617-19.6694 3.3617-19.6694s.0087-6.0108.016-14.552c21.2274-.007 34.553-.0125 34.553-.0125s14.3134 1.3465 19.799-3.461c7.5508-5.7354 7.471-18.363-.1295-24.0185-5.476-4.708-19.6695-3.361-19.6695-3.361s-13.325-.004-34.545-.0087c-.0068-11.8443-.0295-22.1894-.0844-25.3337-.03-7.9396-7.1815-14.9117-15.1012-14.822-7.83-.359-15.161 6.224-15.59 14.064-.0813 3.276-.1147 13.9493-.1244 26.0854-21.968-.004-47.648-.008-74.1-.01-.007-11.8374-.03-22.1743-.085-25.3172-.03-7.9396-7.1813-14.9117-15.101-14.822-7.83-.359-15.161 6.224-15.59 14.064-.0812 3.275-.1145 13.9424-.1243 26.0737-23.6828-.0005-47.074.001-68.1.0054-.007-11.839-.0298-22.178-.0847-25.321-.03-7.9397-7.1815-14.912-15.1012-14.822-7.83-.359-15.161 6.224-15.59 14.064-.081 3.276-.1142 13.951-.124 26.0886-29.159.013-49.2157.035-51.3027.0714-7.9398.03-14.912 7.1816-14.822 15.1013-.359 7.83 6.224 15.161 14.064 15.59 2.1632.0538 22.536.0866 52.0723.1055.0107 8.5488.023 14.549.023 14.549s-1.3465 14.3132 3.4612 19.799c5.7353 7.5507 18.363 7.471 24.0184-.1296 4.708-5.476 3.361-19.6695 3.361-19.6695s.0088-6.0025.016-14.5347z"/><path fill-rule="evenodd" d="M285.0306 563.049c21.0553.0065 44.4487.0087 68.12.0082.0106 8.537.023 14.5265.023 14.5265s-1.3466 14.3133 3.461 19.7992c5.7354 7.55 18.363 7.47 24.0185-.13 4.708-5.476 3.362-19.67 3.362-19.67s.009-6 .016-14.529c26.468-.003 52.154-.0088 74.12-.0146.011 8.5456.023 14.543.023 14.543s-1.346 14.3133 3.461 19.7992c5.736 7.5504 18.363 7.4706 24.019-.13 4.708-5.476 3.3617-19.6694 3.3617-19.6694s.0087-6.0108.016-14.552c21.2274-.007 34.553-.0125 34.553-.0125s14.3134 1.3465 19.799-3.461c7.5508-5.7354 7.471-18.363-.1295-24.0185-5.476-4.708-19.6695-3.361-19.6695-3.361s-13.325-.004-34.545-.0087c-.0068-11.8443-.0295-22.1894-.0844-25.3337-.03-7.9396-7.1815-14.9117-15.1012-14.822-7.83-.359-15.161 6.224-15.59 14.064-.0813 3.276-.1147 13.9493-.1244 26.0854-21.968-.004-47.648-.008-74.1-.01-.007-11.8374-.03-22.1743-.085-25.3172-.03-7.9396-7.1813-14.9117-15.101-14.822-7.83-.359-15.161 6.224-15.59 14.064-.0812 3.275-.1145 13.9424-.1243 26.0737-23.6828-.0005-47.074.001-68.1.0054-.007-11.839-.0298-22.178-.0847-25.321-.03-7.9397-7.1815-14.912-15.1012-14.822-7.83-.359-15.161 6.224-15.59 14.064-.081 3.276-.1142 13.951-.124 26.0886-29.159.013-49.2157.035-51.3027.0714-7.9398.03-14.912 7.1816-14.822 15.1013-.359 7.83 6.224 15.161 14.064 15.59 2.1632.0538 22.536.0866 52.0723.1055.0107 8.5488.023 14.549.023 14.549s-1.3465 14.3132 3.4612 19.799c5.7353 7.5507 18.363 7.471 24.0184-.1296 4.708-5.476 3.361-19.6695 3.361-19.6695s.0088-6.0025.016-14.5347zm313.5798-364.1015c7.406-5.3816 18.7875-2.2932 22.6707 5.9335 3.5 7.1947 9.626 14.871 6.989 23.3234-2.412 8.8785-13.573 13.681-21.681 9.3225-7.101-3.32-8.503-11.741-12.457-17.754-4.353-6.724-2.204-16.479 4.479-20.826zm-87.74-57.851c-4.3575-6.6798-2.4644-16.4218 4.165-20.8898 5.0258-3.7692 11.8582-3.3845 17.327-.864 15.6263 5.1925 30.027 14.2334 41.0928 26.4766 4.2127 3.706 6.76 8.7692 10.351 13.0144 2.7693 4.8485 6.4694 9.8098 6.139 15.6856-.2232 6.7787-5.4238 12.9862-12.0866 14.316-6.5563 1.6118-13.8753-1.7484-16.9455-7.7585-6.053-10.729-14.479-20.3458-25.289-26.4562-5.05-3.202-10.737-5.105-16.348-7.0385-3.4432-1.106-6.473-3.41-8.405-6.485zM254 401c33.137 0 60-26.863 60-60s-26.863-60-60-60-60 26.863-60 60 26.863 60 60 60zm220 0c33.137 0 60-26.863 60-60s-26.863-60-60-60-60 26.863-60 60 26.863 60 60 60z"/></svg>') no-repeat;*/
/*}*/

.search-analytics-steps {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 5px;
    justify-content: center;
}
.search-analytics-steps li:not(.list-arrow) {
    background-color: rgba(243, 243, 243, 0.71);
    border-radius: 5px;
    padding: 5px;
    color: #b6b6b6;
}
.list-arrow {
    display: flex;
    align-items: center;
    width: 9px;
    text-align: center;
}
.list-arrow img {
    width: 9px;
}
.search-analytics-steps .completed {
    background-color: #c2eebb !important;
    color: #2e7516 !important;
}
.search-analytics-steps .search-completed {}
.search-analytics-steps .search-completed {}
.bot-statuses {
    display: flex;
    gap: 10px;
    align-items: center;
    align-content: center;
    justify-content: center;
}
.bot-statuses i {
    font-size: 14px;
    color: #cecece;
}
.bot-status-completed i {
    color: #41a221;
}
.bot-status-problem i {
    color: #c51717;
}
.cancellation-with-penalty-warning svg {
    width: 33px;
}
.cancellation-with-penalty-warning {
    display: inline-flex;
    gap: 10px;
    align-items: center;
    line-height: 14px;
}
.penalty-info-box {
    display: flex;
    gap: 10px;
    align-items: center;
}
.trip-modal.cancellation-with-penalty-warning {
    gap: 5px;
}
.trip-modal.cancellation-with-penalty-warning svg {
    width: 15px !important;
}
/*.info-panel-save-btn {*/
/*    padding: 3px 10px;*/
/*    border-radius: 6px;*/
/*    background: #17a2b8;*/
/*    color: #fff;*/
/*    text-decoration: none;*/
/*    text-align: right;*/
/*    font-size: 15px;*/
/*    font-style: normal;*/
/*    font-weight: 400;*/
/*    line-height: normal;*/
/*    transition: all 0.4s ease;*/
/*}*/
/*.info-panel-save-btn:hover {*/
/*    text-decoration: none;*/
/*    color: #fff;*/
/*    background: rgba(23, 162, 184, 0.89);*/
/*}*/

.price-title-label {
    display: flex;
    gap: 5px;
    align-items: center;
}
.client-block-title {
    background-color: #f3f3f3;
    padding: 5px;
    text-transform: uppercase;
    font-weight: bold;
    display: flex;
    gap: 5px;
    align-items: center;
}
.client-block-title svg {
    width: 20px;
}
.client-block ul {
    margin: 0 0 0 15px;
    padding: 0;
    list-style: none;
    display: flex;
    gap: 3px;
    flex-direction: column;
}
.client-block ul li {
    display: flex;
    gap: 5px;
    align-items: center;
    padding-top: 3px;
    padding-bottom: 3px;
}
.client-block ul li svg {
    width: 20px;
}
.client-block ul li label {
    margin-top: 0;
    margin-bottom: 0;
    text-transform: uppercase;
}
.client-block ul li label.disabled {
    text-decoration: line-through;
}
.client-block {
    margin-bottom: 3px;
}
.selected-prices {
    margin: 12px 0 0;
    padding: 0;
    list-style: none;
}
.selected-prices {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.selected-prices li {
    display: flex;
    gap: 5px;
    align-items: center;
}
.selected-prices .title {
    flex: 1;
}
.selected-prices .pos {
    width: 110px;
}
.selected-prices .pos input {
    width: 100%;
    text-align: center;
    border: 1px solid #b2b2b2;
    border-radius: 6px;
}
.selected-prices .del {
    width: 60px;
    text-align: center;
}

.make-call {
    cursor: pointer;
}
.make-call:hover {
    color: #1f1fb4;
}
.write-email {
    cursor: pointer;
}
.write-email:hover {
    color: #fff;
}
.send-driver-sms {
    cursor: pointer;
    background-color: #7d26c5;
    color: #fff !important;
    text-decoration: none;
    padding: 3px 5px;
    border-radius: 3px;
    transition: 0.3s;
    font-size: 11px;
}
.send-driver-sms:hover {
    background-color: #9140d5;
    color: #fff !important;
}
.write-email {
    background-color: #054686;
    color: #fff;
    text-decoration: none;
    padding: 3px 5px;
    border-radius: 3px;
    transition: 0.3s;
    font-size: 11px;
}
.request-write-email {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem;
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}
.field-flex
{
    flex: 1;
}
.icon-text {
    display: flex;
    gap: 6px;
    align-items: center;
    width: 300px;
    border-radius: 4px;
    border: 1px dotted #226799;
    color: #226799;
    padding: 4px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 0.75rem;
}
.two-columns-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.car-class-column {
    width: 300px !important;
}
.car-class-column .select2 {
    width: 300px !important;
}
.priority-table table {
    margin-bottom: 0 !important;
}
.priority-column {
    width: 90px;
}
.priority-column input {
    width: 90px;
    text-align: center;
}
.priority-action-column {
    width: 15px;
    text-align: center;
}
.priority-action-column a {
    display: inline-block;
    width: 15px;
    margin-top: 6px;
}
.add-priority-row {
    font-size: 12px;
    margin-top: 3px;
    text-decoration: none;
    display: flex;
    gap: 6px;
    align-items: center;
}
.add-priority-row:hover {
    text-decoration: none;
}
.priority-sub-table {
    max-width: 500px;
}
.priority-sub-table ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    gap: 5px;
    flex-direction: column;
}
.priority-sub-table ul li {
    display: flex;
    gap: 12px;
    align-items: center;
    /*justify-content: space-between;*/
    transition: 0.3s;
}
.priority-sub-table ul li:not(.header-priority):hover {
    color: #ff0000;
}
.priority-sub-table ul li .supplier-name-column {
    width: 200px;
}
.priority-sub-table ul li .priority-car-class-column {
    width: 120px;
}
.priority-sub-table ul li .city-percent-column, .priority-sub-table ul li .intercity-percent-column {
    width: 60px !important;
}
.header-priority span {
    color: #a6a6a6 !important;
    font-weight: 500 !important;
    font-size: 12px;
    text-align: left;
}
.curator-box {
    background-color: #f3f3f3;
    padding: 16px;
    border-radius: 8px;
    margin-bottom: 30px;
}
.curator-info-rows {
    margin-top: 20px;
    display: flex;
    gap: 5px;
    flex-direction: column;
}
.curator-info-rows .info-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.curator-info-rows .info-row .title {
    width: 140px;
    font-weight: 600;
}
.price-check-inp {
    display: flex;
    gap: 5px;
    align-items: center;
}
.ban-clients-list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    gap: 3px;
    flex-direction: column;
}
.open-defect-link svg {
    width: 20px;
    opacity: 0.5;
}
.open-defect-link svg.filled {
    width: 20px;
    opacity: 1;
}
.search-form-client {
    display: flex;
    gap: 4px;
    align-items: center;
}
.search-form-client .client-id-select {
    width: 100%;
}
.search-form-client .select2-container {
    width: 100% !important;
}
.search-form-client .client-currency {
    width: 78px;
}
/*.search-form-client .select2 {*/
/*    width: auto !important;*/
/*}*/
.select2-dropdown {
    border: 0 !important;
    margin-top: 5px !important;
    border-radius: 6px !important;
    box-shadow: 0px 3px 12px 0px #04122D14;

}
.select2-search__field {
    border-radius: 5px !important;
    border-color: #cccccc !important;
}
.tg-connected-icon {
    width: 18px;
}
.tg-connected-icon.inactive {
    opacity: 0.2;
}
.tg-drivers-table thead th {
    text-transform: uppercase;
    font-weight: 600;
    color: #888888;
    height: 30px;
    vertical-align: center;
}
.tg-drivers-table tbody td {
    height: 30px !important;
}
.tg-drivers-table .tg-cell-percent {
    font-weight: 400;
    color: #000;
}
.tg-drivers-table .driver-name-cell {
    cursor: pointer;
    display: inline-flex;
    gap: 5px;
    align-items: center;
}
.tg-drivers-table .driver-name-cell span {
    font-weight: 500;
}
.tg-drivers-table .tg-trip-cell {
    display: inline-flex;
    gap: 5px;
    align-items: center;
}
.tg-drivers-table .tg-trip-cell svg {
    width: 13px;
    visibility: hidden;
}
.tg-drivers-table .tg-trip-cell a {
    color: #000;
}
.tg-drivers-table .tg-trip-cell a:hover {
    text-decoration: none;
}
.tg-drivers-table .driver-name-cell svg {
    width: 13px;
}
.tg-drivers-table .tg-cell-no-data {
    color: #c7c7c7;
}
.arrow-rotate {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Safari and Chrome */
}
.tg-cell-checked {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    background-color: #00af00;
    color: #fff;
    border-radius: 3px;
}
.tg-cell-unchecked {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    background-color: #eeeeee;
    color: #9f9f9f;
    border-radius: 3px;
}
.tg-cell-unchecked i {
    display: none;
}
.driver-name-cell svg {
    transition: 0.1s;
}
.calc-box {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.notes-block {
    background-color: #f3f9ff;
    border-radius: 6px;
    padding: 12px;
    color: #0a6aa1;
}
.calc-two-columns {
    display: flex;
    align-items: center;
    gap: 10px;
}
.calc-two-columns .calc-column-1, .calc-two-columns .calc-column-2 {
    flex: 1;
    background-color: #f3f3f3;
    border-radius: 6px;
    padding: 12px;
    color: #6c6c6c;
    position: relative;
    overflow: hidden;
    height: 130px;
}
.calc-two-columns .calc-column-1 .title, .calc-two-columns .calc-column-2 .title {
    font-size: 14px !important;
    font-weight: 600;
    color: #6c6c6c;
    text-transform: uppercase;
}

.calc-two-columns i {
    margin-left: -15px;
    font-size: 110px;
    line-height: 110px;
    opacity: 0.1;
}

.calc-two-columns .calc-input {
    position: absolute;
    right: 15px;
    padding-right: 15px;
    top: 50px;
}
.calc-two-columns input {
    border: 0;
    font-size: 19px;
    text-align: right;
    background-color: transparent;
    border-bottom: 2px solid #d0d0d0;
}
.calc-two-columns .calc-result {
    font-size: 19px;
}
.phones-box, .emails-box {
    display: flex;
    flex-direction: column;
    gap: 5px;

}
.phones-box .box-row, .emails-box .box-row {
    display: flex;
    gap: 5px;
    align-items: center;
}

.add-phone, .add-email {
    color: #000;
    font-size: 13px;
    display: inline-flex;
    gap: 5px;
    align-items: center;
    margin-top: 5px;
}
.add-phone:hover, .add-email:hover {
    text-decoration: none;
}
.table-phone-cell {
    font-weight: 500;
}
.additional-meta-data {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    gap: 2px;
    flex-direction: column;
}
.additional-meta-data li {
    display: flex;
    flex-direction: column;
    gap: 0;
}
.additional-meta-data li .val {
    width: 90px;
    font-weight: 500;
    text-align: left;
}
.additional-meta-data li .val-comment {
    flex: 1;
    font-weight: 300;
    text-align: left;
}
.no-style-link {
    color: rgb(51, 51, 51) !important;
}
.no-style-link:hover {
    text-decoration: none;
}
.search-map-box {
    margin-bottom: 10px;
    height: 400px;
    border-radius: 7px;
    overflow: hidden;
}
.search-map-box #searchMap {
    width: 100%; height: 100%; padding: 0; margin: 0;
}
.search-map-box .leaflet-routing-container {
    display: none;
}
.hor-scroll {
    /*overflow-x: auto;*/
    width: 100%;
    padding-bottom: 12px;
}
.custom-client-book-cancel {
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 5px;
    width: 100%;
}
.custom-client-book-cancel li {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    flex-wrap: wrap;
    background-color: #f3f3f3;
    padding: 10px;
    border-radius: 6px;
    transition: 0.2s;
}
.custom-client-book-cancel li:hover {
    background-color: #e7e7e7;
}
.custom-client-book-cancel .custom-city-column {
    max-width: 385px;
    flex: 1;
}
.custom-client-book-cancel .custom-car-class-column {
    max-width: 385px;
    flex: 1;
}
.custom-client-book-cancel .custom-column {
    max-width: 190px !important;
}
.city-car-column {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 5px;
}
.custom-column label, .city-car-column label {
    text-transform: uppercase;
    font-weight: 500;
    color: #858585;
    font-size: 10px;
    margin-bottom: 2px;
}
.custom-column input, .city-car-column input {
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    width: 100%;
    height: 25px;
}
.cancellation-column, .preorder-column {
    width: 100%;
    display: flex;
    align-items: flex-end;
    gap: 5px;
}
.custom-client-book-cancel .actions-column {
    margin-left: 10px;
    display: flex;
    align-items: end;
    justify-content: center;
    gap: 10px;
}
.del-act {
    color: #ff0000;
}
.custom-client-book-cancel .actions-column svg {
    margin-top: -9px;
}
.custom-city-column .select2-selection, .custom-car-class-column .select2-selection {
    height: 25px !important;
    min-height: 25px !important;
    padding-top: 2px !important;
    border: 1px solid #e8e8e8 !important;
    border-radius: 5px !important;
}
.add-custom-book-cancel-row {
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    background: rgb(111, 193, 249);
    background: -moz-linear-gradient(180deg, rgba(111, 193, 249, 1) 0%, rgba(111, 111, 249, 1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(111, 193, 249, 1) 0%, rgba(111, 111, 249, 1) 100%);
    background: linear-gradient(180deg, rgba(111, 193, 249, 1) 0%, rgba(111, 111, 249, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6fc1f9",endColorstr="#6f6ff9",GradientType=1);
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
    transition: all 0.4s ease;
    margin-top: 5px;
}
.add-custom-book-cancel-row:hover {
    text-decoration: none;
    color: #fff;
}
.suppliers-ad-recipients {
    background-color: #f3f3f3;
    padding: 15px;
    border-radius: 6px;
    margin-bottom: 15px;
}
.recipients-box-title {
    font-weight: 600;
    margin-bottom: 10px;
    text-transform: uppercase;
    color: #969696;
}
.recipients-box {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.recipient-row .form-check {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}
.recipient-row .form-check input {
    margin-top: 0 !important;
}
.recipient-row .form-check label {
    font-weight: 500;
    display: flex;
    flex-direction: column;
    line-height: normal;
}

.recipient-row .description {
    font-weight: 400;
    font-size: 13px;
    opacity: 0.5;
}
.form-check-flex {
    display: flex;
    align-items: center;
}
.recipients-selector {
    margin-top: 5px;
}
/*.select2-container--bootstrap-5 .select2-selection--multiple .select2-search {*/
/*    display: inline-block !important;*/
/*    width: auto !important;*/
/*}*/
/*.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered {*/
/*    display: inline-flex !important;*/
/*}*/
.suppliers-ad-preview {
    background-color: #f3f3f3;
    padding: 15px;
    border-radius: 6px;
    margin-bottom: 15px;
}
.suppliers-ad-preview ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}
.trip-attaches h5 {
    font-weight: 600;
    font-size: 13px;
    /*text-transform: uppercase;*/
    color: #868686;
    margin-bottom: 0px;
}
.trip-action-btn-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.trip-action-btn-header a, .modern-light-btn {
    color: #1434DB !important;
    text-decoration: none;
    font-size: 11px;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 8px;
    background: #1434DB1A;
    height: 24px;
    transition: all 0.4s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}
.trip-action-btn-header a:hover, .modern-light-btn:hover {
    text-decoration: none;
}
.cancel-defect-btn {
    color: #b64d4d !important;
    text-decoration: none;
    font-size: 11px;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 8px;
    background: #ffcfcf;
    height: 24px;
    transition: all 0.4s ease;
    display: flex;
    align-items: center;
    gap: 5px;
}
.cancel-defect-btn:hover {
    text-decoration: none;
}
.trip-attaches ul {
    margin: 12px 0 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.trip-attaches ul li {
    display: flex;
    gap: 6px;
    align-items: center;
    padding: 8px;
    border-radius: 8px;
    background-color: rgba(243, 243, 243, 0.62);
}

.trip-attaches ul li .file-info-box {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.trip-attaches ul li .file-info-box .title {
    font-weight: 600;
    text-decoration: none;
    color: #000;
    transition: 0.3s;
}

.trip-attaches ul li .file-info-box .title:hover {
    color: #1c1ccb;
}

.trip-attaches ul li .file-info-box .info {
    font-weight: 400;
    color: rgba(0, 0, 0, 0.65);
    font-size: 12px;
}

.trip-attaches ul li .delete-trip-attachment {
    width: 20px;
}

.trip-attaches ul li .file-icon-trip-attachment {
    width: 25px;
}

.trip-attaches ul li .file-info-box, .trip-attaches ul li input {
    flex: 1;
}

.trip-attaches ul li .file-info-box textarea {
    background-color: #fff;
    border: 0;
    padding: 5px;
    border-radius: 5px;
    resize: none;
    min-height: 80px;
}

.trip-attaches ul li .file-info-box textarea:hover {
    background-color: #fff !important;
    opacity: 1 !important;
}

.trip-attaches ul li .file-info-box .attachment-comment {
    cursor: pointer;
    text-decoration: underline;
    text-decoration-style: dotted !important;
    text-decoration-color: silver;
}

.trip-attaches ul li .file-info-box .trip-attachment-save {
    padding: 2px;
    border-radius: 3px;
    background: #1434DB;
    transition: all 0.4s ease;
    border: 0;
    color: #fff;
    width: 80px;
    text-align: center;
    font-size: 12px;
}

.trip-attaches ul li .file-info-box .trip-attachment-save:hover {
    text-decoration: none;
}

.trip-attaches ul li .file-info-box .trip-attachment-cancel {
    color: #1434DB !important;
    text-decoration: none;
    font-size: 12px;
    padding: 2px 8px;
    border-radius: 3px;
    background: #1434DB1A;
    height: 24px;
    transition: all 0.4s ease;
    display: flex;
    align-items: center;
    gap: 5px;
}

.trip-attaches ul li .file-info-box .trip-attachment-cancel:hover {
    text-decoration: none;
}

.trip-attaches ul li .file-info-box .comment-actions {
    display: flex;
    gap: 5px;
    align-items: center;
}
.long-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.max-w-120 {
    max-width: 120px;
}
.sms-filter-box {
    display: flex;
    gap: 6px;
    align-items: center;
    flex-wrap: wrap;
}
.sms-filter-box .client-column {
    width: 300px;
}
.sms-filter-box .supplier-column {
    width: 300px;
}
.sms-filter-box .range-column {
    width: 200px;
}
.generate-column {
    margin-top: 6px;
}
.generate-column label {
    display: flex;
    align-items: center;
    gap: 5px;
}
.generate-column label span {
    font-size: 14px;
}
.no-dashboard-data {
    margin-top: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-size: 16px;
}
.no-dashboard-data span {
    opacity: 0.7;
}
.no-dashboard-data img {
    width: 32px;
}
.settings-actions {
    display: inline-flex;
    flex-direction: column;
    gap: 6px;
}
.settings-actions a {
    font-size: 12px;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 5px;
}
.settings-actions a i {
    width: 18px;
}
.settings-actions a:hover {
    text-decoration: none;
}
.dashboard-archive-table a, .dashboard-archive-table a:hover {
    text-decoration: none;
}
.request-trips {
    display: inline-flex;
    gap: 9px;
    align-items: center;
}
.flex-inline {
    display: inline-flex;
    gap: 5px;
    align-items: center;
}
.short-2-lines {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.short-text-block {
    cursor: pointer;
    transition: 0.3s;
}
.short-text-block:hover {
    color: #0505b4;
}
.custom-fields-actions {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}
.custom-fields-actions a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    color: #000;
    background-color: #f3f3f3;
    height: 30px;
    border-radius: 5px;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 13px;
    transition: 0.3s;
}
.custom-fields-actions a:hover {
    color: #000;
    text-decoration: none;
    background-color: #dadada;
}
.custom-fields-actions a svg:not(.select-svg) {
    width: 17px;
}
.select-svg {
    height: 32px !important;
}
.custom-fields-client-box {
    margin-top: 25px;
}
.custom-fields-client-box ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-size: 13px;
}
.custom-fields-client-box ul li {
    display: flex;
    gap: 6px;
    align-items: center;
}
.custom-fields-client-box ul li .field-mover {
    width: 25px;
    cursor: move;
}
.custom-fields-client-box ul li .field-remove {
    width: 25px;
    text-align: right;
}
.custom-fields-client-box ul li .field-settings {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.custom-fields-client-box ul li .field-settings .first-line, .custom-fields-client-box ul li .field-settings .select-line {
    display: flex;
    align-items: center;
    gap: 5px;
}
.custom-fields-client-box ul li .field-settings .first-line select {
    width: 210px;
}
.custom-fields-client-box ul li .field-settings .first-line input {
    flex: 1;
}
.custom-fields-client-box ul li .field-settings .second-line {
    display: flex;
    align-items: center;
    gap: 5px;
}
.custom-field-params label {
    display: flex;
    align-items: center;
    gap: 6px;
}
.custom-field-params {
    display: flex;
    align-items: center;
    gap: 13px;
}
.custom-field-static-handler {
    background-color: #f3f3f3;
    padding: 10px;
    border-radius: 5px;
}
.custom-field-handler {
    background-color: #fff7cf;
}
.trip-notice-container ul {
    margin: 0 0 0 25px;
    padding: 0;
}
.car-assignment-by {
    display: inline-flex;
    height: 24px;
    padding-left: 6px;
    padding-right: 6px;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    background-color: #f9f1ff;
    color: #882ade;
    gap: 7px;
}
.car-assignment-by strong {
    font-weight: 600 !important;
}
.car-assignment-by-row {
    margin-top: 4px;
    margin-bottom: 4px;
}
.trip-field-changes {
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: url('/img/important.svg');
    background-size: 15px 15px;
    vertical-align: -2px;
}
.partner-stat-block .row {
    flex-wrap: wrap;
    gap: 10px;
    row-gap: 10px;
    margin: 0;
}
.partner-stat-block .col {
    padding: 0;
}
.partner-stat-block .stat-col {
    min-width: 195px;
    max-width: 195px;
}
.all-drivers {
    padding: 0;
    margin: 0;
}
.all-drivers-box label {
    display: flex;
    align-items: center;
    gap: 4px;
}
.tg-icon-control {
    display: none;
}
.app-icon-control {
    display: none;
}
.driver-tg .tg-icon-control {
    display: inline-block !important;
}
.driver-app .app-icon-control {
    display: inline-block !important;
}
.driver-tg {
    background: rgb(144,202,255);
    background: -moz-linear-gradient(90deg, rgba(144,202,255,1) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(90deg, rgba(144,202,255,1) 0%, rgba(255,255,255,0) 100%);
    background: linear-gradient(90deg, rgba(144,202,255,1) 0%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#90caff",endColorstr="#ffffff",GradientType=1);
}
.period-box-plan {
    display: flex;
    align-items: center;
    gap: 10px;
}
.mobile-order-card {
    border-radius: 6px;
    border: 1px solid #dadada;
}
.mobile-sort-box {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 38px;
}
.mobile-sort-box a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-decoration: none;
    color: #5d5d5d;

}
.mobile-sort-box.sortable-column-highlight a {
    color: #fff !important;
}
.mobile-sort-box.sortable-column-highlight {
    border-radius: 4px !important;
}
.mobile-sort-settings {
    padding: 10px;
    border-radius: 6px;
    border: 1px solid #dadada;
}
.communication-lang-en {
    font-weight: bold;
    color: #de0000;
    margin-left: 5px;
    margin-right: 5px;
}
.communication-lang-ru {
    font-weight: bold;
    color: #25a400;
    margin-left: 5px;
    margin-right: 5px;
}
.toggle-trip-custom-fields {
    display: flex;
    gap: 6px;
    align-items: center;
    width: 300px;
    border-radius: 4px;
    border: 1px dotted #226799;
    color: #226799;
    padding: 4px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 0.75rem;
}
.toggle-trip-custom-fields i {
    transition: 0.3s;
}
.toggle-trip-custom-fields:hover {
    text-decoration: none;
}
.head-actions-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.toll-road-info {
    background-color: #ffefd2;
    border: 1px solid #ffdfa5;
    color: #66460c;
    border-radius: 7px;
    padding: 1rem;
}
.trip-toll-road-box {
    margin-bottom: 20px;
}
.toll-road-checking-box {
    display: flex;
    gap: 5px;
    align-items: center;
}
.toll-road-checking-box span {
    color: gray;
}
.toll-road-trip-block {
    display: inline-flex;
    gap: 5px;
    align-items: center;
    justify-content: space-between;
    padding-right: 10px;
}
.toll-road-trip-block a:hover {
    text-decoration: none;
}
.order-ban-multiplier-input {
    width: 55px;
    text-align: center;
    border: 1px solid #dadada;
    border-radius: 5px;
}
.order-ban-row {
    padding: 3px;
    border-radius: 8px;
    margin-bottom: 2px;
    display: flex;
    align-items: center;
    gap: 5px;

    .custom-control {
        flex: 1;
    }
    .order-ban-multiplier-input {
        width: 60px;
    }
}
.order-ban-row:hover {
    background-color: #f3f3f3;
}
.order-ban-headers {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.order-ban-subheader {
    display: flex !important;
    flex-direction: column;
    align-items: flex-end;

    .description-header {
        font-size: 11px;
        font-weight: 300;
    }
}
.debug-prices {
    display: flex;
    gap: 2px;
    flex-direction: column;
}
.price-debug-item {
    display: flex;
    gap: 20px;
}
.debug-prices strong {
    width: 130px;
}
.vscomp-dropbox-container {
    /*max-height: 270px;*/
    overflow: auto;
}
.custom-fields-actions-trip {
    display: inline-flex;
    gap: 4px;
    align-items: center;

    .edit-fields {
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 4px;
        border: 1px dotted #226799;
        color: #226799;
        background-color: #eef7ff;
        padding: 4px;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 0.75rem;
        height: 28px;
        width: 28px;
    }
}
.custom-fields-editor {
    .custom-field-title {
        font-size: 12px;
    }
}
.linked-select-line {
    display: flex;
    align-items: center;
    gap: 5px;
}
.linked-select-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    width: 100%;

    .linked-select-box-rows {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 3px;
        width: 100%;
    }

    .linked-select-box-row {
        display: flex;
        align-items: flex-start;
        gap: 6px;
        width: 100%;
    }

    .linked-root-select {
        flex: 1;

        select {
            width: 100%;
        }
    }

    .linked-child-select {
        flex: 1;

        select {
            width: 100%;
        }
    }

    .linked-root-select, .linked-child-select {
        display: flex;
        gap: 4px;
        align-items: center;
    }
}
.custom-field-value-linked {
    display: flex;
    flex-direction: column;
    gap: 3px;
}
.trip-linked-select-row {
    display: inline-flex;
    gap: 12px;

    .title {
        font-weight: 600 !important;
    }
}
.flight-check-result-container {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0;
}
.validation-error-item {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    background-color: #f5fcff;
    padding: 10px;
}
.not-active-tab {
    background-color: #eaf4ff;
}
.call-log-icon svg {
    width: 30px;
}
.call-log-icon {
    margin-bottom: 1px;
}
.download-record {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: 25px;
    height: 25px;


    svg {
        width: 20px;
        cursor: pointer;
    }
}
.rec-player {
    margin-top: 4px;
    /*audio::-webkit-media-controls-panel {*/
    /*    width: calc(100% - 40px); !* Корректируем ширину панели управления *!*/
    /*}*/

    /*audio::-webkit-media-controls-enclosure {*/
    /*    display: none !important; !* Скрыть панель с дополнительными опциями (три точки) *!*/
    /*}*/

    /* Скрываем кнопку с тремя точками */
    /*audio::-webkit-media-controls-timeline,*/
    /*audio::-webkit-media-controls-play-button,*/
    /*audio::-webkit-media-controls-volume-slider-container {*/
    /*    display: inline-block !important; !* Показываем только нужные элементы *!*/
    /*}*/

    /*audio::-webkit-media-controls-overflow-menu-button {*/
    /*    display: none !important; !* Скрываем кнопку с тремя точками *!*/
    /*}*/
}
.classifier-form {
    input {
        height: 31px;
    }
}
.classifier-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;

    li {
        transition: 0.2s;
        display: flex;
        align-items: center;

        .classifier-title {
            width: 330px;
        }

        .classifier-value {
            flex: 1;
        }

        .classifier-desc {
            flex: 1;
            color: #ff1f1f;
        }
    }

    li:hover {
        color: #ff1f1f;
        font-weight: bolder;
        cursor: pointer;
    }
}
.lead-manager-contacts {
    /*display: inline-flex;*/
    /*gap: 10px;*/
    /*align-items: center;*/
    /*flex-wrap: wrap;*/

    span {
        display: inline-block;
    }
    span:not(:last-child) {
        margin-right: 6px;
    }
}
.search-form-step1 {
    .search-form-container {
        border-radius: 0;
        box-shadow: none;
        margin-top: 4px;

        .form-control {
            border-radius: 0;
        }
    }
    .select2-container--bootstrap-5.select2-container--focus .select2-selection, .select2-container--bootstrap-5.select2-container--open .select2-selection {
        border: 0!important;
        box-shadow: none !important;
    }

    .select2-container--bootstrap-5 .select2-selection {
        border: 0!important;
        background-color: #f3f3f3 !important;
        border-radius: 0;
    }

    .select2-container--bootstrap-5 .select2--small.select2-selection--single {
        padding: .375rem 2.25rem .375rem .75rem !important;
        overflow: hidden;
    }

    .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
        white-space: normal !important;
        display: inline-block;
        max-width: 100%;
    }

    select {
        border: 0!important;
        box-shadow: none !important;
        background-color: #f3f3f3 !important;
    }

    .step1-controls {
        display: inline-flex;
        align-items: center;
        gap: 14px;
        flex-wrap: wrap;
    }

    .btn-with-icon {
        display: inline-flex;
        align-items: center;
        gap: 9px;

        svg:not(.svg-path) {
            width: 15px;
            fill: #b4b4b4;
        }

        .svg-path {
            width: 22px;
            path {
                stroke: #b4b4b4;
            }
        }
    }

    .set-pickup-at-btn, .set-class-btn {
        text-decoration: none;
        color: #b4b4b4;
        border: 1px solid #b4b4b4;
        border-radius: 4px;
        height: 38px;
        padding: 2px 9px;
        cursor: pointer;

        span {
            display: inline-block;
        }
    }

    .set-pickup-at-btn:hover, .set-class-btn:hover {
        color: #000;
        border: 1px solid #000;
        span {
        }

        svg:not(.svg-path) {
            fill: #000000;
        }

        .svg-path {
            path {
                stroke: #000000;
            }
        }

    }

    .selected-btn {
        color: #000000 !important;
        border: 1px solid #000000 !important;

        svg:not(.svg-path) {
            fill: #000000;
        }

        .svg-path {
            path {
                stroke: #000000;
            }
        }
    }

    .trigger-controls {
        display: inline-flex;
        align-items: center;
        gap: 15px;
        flex-wrap: wrap;

        label {
            color: #b4b4b4;
        }

        input[type="checkbox"]:checked + label {
            color: #000000;
        }
    }

    .custom-picker-dropdown {
        position: relative;
        .date-picker-with-time {
            /*display: none !important;*/
        }
    }

    .flatpickr-calendar {
        top: 48px !important;
    }

    .flatpickr-monthDropdown-months {
        background-color: #fff !important;
    }

    .car-class-container {
        position: relative;

        ul {
            position: absolute;
            z-index: 1000;
            width: 280px;
            list-style: none;
            margin: 0;
            padding: 0;
            display: flex;
            flex-direction: column;
            background-color: #fff;
            box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
            border-radius: 5px;
            overflow: hidden;

            li {
                padding: 2px 8px;
                color: #565656;
                transition: 0.2s;

                display: flex;
                align-items: center;
                gap: 5px;
            }

            li:hover {
                cursor: pointer;
                background-color: #3273c2;
                color: #ffffff !important;
            }

            .selected-car-class {
                background-color: #3273c2;
                color: #ffffff !important;
            }

            li input {
                display: none !important;
            }
        }
    }

    .total-hours-container {
        width: 80px;
        text-decoration: none;
        color: #b4b4b4;
        border: 1px solid #b4b4b4;
        border-radius: 4px;
        height: 38px;
        /*padding: 2px 9px;*/
        cursor: pointer;

        input {
            background-color: transparent !important;
        }

        input::placeholder {
            color: #b4b4b4;
        }
    }

    .total-hours-container:hover {
        color: #000;
        border: 1px solid #000;

        input::placeholder {
            color: #000;
        }
    }

}

.price-item-tags {
    list-style: none;
    margin: 3px 0 0 !important;
    padding: 0;
    display: flex;
    gap: 2px;
    flex-direction: column;

    li {
        display: inline-flex;
        align-items: center;

        span {
            display: inline-flex;
            align-items: center;
            gap: 4px;
            height: 100%;

            font-size: 11px;

            background-color: #f3f3f3;
            border-radius: 3px;
            padding-left: 4px;
            padding-right: 4px;
        }

        background-color: transparent !important;
        border:  0 !important;
        margin-bottom: 0;
        transition: none !important;
    }

    li:hover {
        border: 0;
        background-color: transparent !important;
    }
}
.order-ban-message {
    font-size: 11px;
    /*display: inline-flex;*/
    /*align-items: center;*/
    /*gap: 5px;*/
    line-height: normal;

    i {
        opacity: 0.8;
    }
}

.plate-tag .span-label {
    background-color: #D8E2DC !important;
    color: #2C2C2C !important;
}

.toll-road-tag .span-label {
    background-color: #FDEBD3 !important;
    color: #4A4A4A !important;
}

.parking-tag .span-label {
    background-color: #F3E5F5 !important;
    color: #3D3D3D !important;
}
.price-item-tags li .title {
    background-color: transparent !important;
}
.trip-title {
    display: flex;
    align-items: center;
    justify-content: space-between;

    .left-row-side {
        display: flex;
        align-items: center;
        gap: 5px;
    }

    .right-row-side {
        .trip-head-action {
            background-color: #fff;
            border-radius: 3px;
            padding-left: 7px;
            padding-right: 7px;
            height: 24px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 5px;
        }
        .trip-head-action:hover {
            text-decoration: none;
        }
    }
}
.additional-address-warning {
    color: #ad0000;
}
.order-type-tabs {
    position: relative;
}
.new-design-switch {
    /*position: absolute;*/
    /*right: 0;*/
    /*top: 0;*/

    display: inline-flex;
    align-items: center;
    background-color: #f3f3f3;
    padding: 4px 12px;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.order-type-tabs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;

}

@media screen and (max-width: 768px) {
    .order-type-tabs {
        ul {
            order: 2;
        }
        .new-design-switch {
            order: 1;
            margin-bottom: 8px;
        }
    }
}
.drp-calendar .calendar-time {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;

    input {
        width: 70px;
        text-align: center;
        border: 1px solid silver;
        border-radius: 6px;
    }
}
.hide-picker {
    width: 0 !important;
    height: 0 !important;
}
.picker-dropdown-box {
    position: absolute;
    top: 40px;
    width: 310px;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    z-index: 100;
    display: flex;
    flex-direction: column;
    justify-content: center;

    .flatpickr-calendar {
        top: 0!important;
        order: 1;
        box-shadow: none !important;
    }

    .date-picker-modern {
        display: none;
    }

    .time-picker-box {
        order: 2;
        margin-top: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
        margin-bottom: 5px;

        input {
            width: 70px;
            text-align: center;
            border: 1px solid silver;
            border-radius: 3px;
            height: 33px;
        }
    }
}
.trip-docs-box {
    display: flex;
    align-items: center;
    gap: 20px;
}
.trip-docs-loader {
    margin-left: 12px;
    display: inline-flex;
    align-items: center;
    gap: 6px;

    .text-loader {
        font-size: 12px;
        color: #777777;
    }
}
.trip-doc-file-list {
    margin-top: 5px;

    ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }
}
.order-ban-target-box {
    display: inline-flex;
    align-items: center;
    gap: 30px;
}
.fh-box {
    min-height: calc(100vh - 120px);
}
.act-system-box {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 6px;
    margin-bottom: 6px;

    .act-system-form {
        display: flex;
        align-items: center;
        gap: 6px;

        .form-box-item {
            display: flex;
            align-items: center;
            gap: 3px;

            input {
                padding-left: 8px;
                padding-right: 8px;
                border-radius: 4px;
                border: 0;
            }

            .act-num-inp {
                width: 240px;
            }

            .act-date-inp {
                width: 110px;
            }
        }
    }
}
.row-pl-2 {
    display: flex !important;
    align-items: center;
    gap: 10px;
}
.search-result-labels {
    display: inline-flex;
    align-items: center;
    column-gap: 6px;
    row-gap: 6px;
    flex-wrap: wrap;
}
.supplier-comment {
    display: inline-flex;
    align-items: center;
    padding: 2px 10px;
    border-radius: 5px;
    color: #fff;
    background-color: #ff0000;gap: 10px;
}
.request-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;

    .right-side-requests {
        display: flex;
        align-items: center;
        gap: 20px;
    }
}
#resize-box {
    height: calc(100vh - 100px)
}
.request-footer-buttons {
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.order-request-attach {
    display: flex;
    align-items: center;
    gap: 10px;

    input {
        flex: 1;
    }
}
.mail-iframe {
    min-height: 600px !important;
}
.wa-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 20px;
    gap: 4px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 4px;
    background-color: #5d94ec;
    color: #fff;
    margin-top: 4px;
    font-size: 12px;
}
.wa-tag-box {
    padding: 0 8px;
}
.show-foreign-drivers, .send-free-wa {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 25px;
    gap: 4px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 4px;
    background-color: #f3f3f3;
    color: #818181;
    margin-top: 4px;
    text-decoration: none;
    transition: 0.2s;
}
.show-foreign-drivers:hover, .send-free-wa:hover {
    background-color: #dcdcdc;
    color: #2b2b2b;
    text-decoration: none;
}
.show-foreign-drivers.active {
    background-color: #5d94ec;
    color: #fff;
    text-decoration: none;
}
.wa-tag-bg {
    background: #F3F3F3;
    background: linear-gradient(45deg,rgba(93, 148, 236, 0.4) 0%, rgba(243, 243, 243, 1) 43%);
}
.wa-tag-bg.active {
    background: #F3F3F3;
    background: linear-gradient(90deg,rgba(93, 148, 236, 0.7) 0%, rgba(243, 243, 243, 1) 100%);
}
.price-schedule {
    display: flex;
    gap: 6px;
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;

    li {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;

        .price-left {
            flex: 1;
            min-width: 400px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-align: center;
            padding: 7px 12px;
            background-color: #f3f3f3;
            border-radius: 10px;

            .price-title {
                font-weight: bold;
            }

            .price-dates{
                margin-top: 4px;
                font-size: 12px;
            }
        }

        .separator {
            width: 35px;
            display: flex;
            align-items: center;
            justify-content: center;

            svg {
                width: 29px;
                height: 29px;
            }
        }

        .price-right {
            flex: 1;
            display: flex;
            align-items: center;
            max-width: 400px !important;
            select {
                height: 30px;
                border: 1px solid #cccccc;
                border-radius: 5px;
                max-width: 400px !important;
            }
        }

        .sep-label {
            width: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .target-price-date {
            flex: 1;
            display: flex;
            align-items: center;

            input {
                height: 30px;
                border: 1px solid #cccccc;
                border-radius: 5px;
                text-align: center;
            }
        }
    }
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered {
    display: inline !important;
}
.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    display: inline-flex !important;
}
.select2-container--bootstrap-5 .select2-selection--multiple .select2-search {
    display: inline-block !important;
}
.select2-container--bootstrap-5 .select2-selection--multiple .select2-search {
    width: auto !important;
}
.select2-container--bootstrap-5 .select2--small.select2-selection {
    padding: 0.2rem !important
}
.table-sort-column {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
.wa-example-block {
    padding: 10px;
    background-color: #f3f3f3;
    border-radius: 5px;

    .support-footer {
        margin-top: 8px;
        opacity: 0.7;
    }
}
.commerceHistoryTab {
    p {
        margin-bottom: 8px !important;
        line-height: normal !important;
    }

    line-height: normal !important;

    td {
        white-space: normal !important;
    }
}
.trip-show-managers {
    text-decoration: none;
    color: #474747 !important;
}
.column-flex {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.auto-tags-box {
    ul {
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex;
        flex-direction: column;
        gap: 3px;

        li {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 3px;


            input, select {
                height: 29px;
                border: 1px solid #cacaca;
                border-radius: 3px;
                padding-left: 7px;
            }

            .arrow-icon {
                display: inline-flex;
                align-items: center;
                justify-content: center;

                svg {
                    height: 20px;
                }
            }

            .event-color {
                width: 145px;
            }

            .delete-auto-tag-event-item {
                display: inline-flex;
                align-items: center;
                justify-content: center;

                svg {
                    height: 20px;

                    path {
                        stroke: #d50000;
                        fill: #d50000;
                    }
                }
            }
        }
    }

    .add-auto-tag {
        display: inline-flex;
        align-items: center;
        gap: 5px;
    }
}
.ticket-wrapper-checkbox {
    margin-left: -10px;
    background-color: #f0faff;
    border: 1px solid #bde4f6;
    border-radius: 7px;
    padding: 3px 10px;

    label {
        color: #095d7e
    }
}
.ticket-trip-action {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
/* --- Overlay --- */
.confirm-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(200, 200, 200, 0.3);
    display: flex; /* ⚠️ flex обязательно */
    justify-content: center;
    align-items: center;
    z-index: 9999;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s;
}

/* Показываем overlay */
.confirm-overlay.active {
    opacity: 1;
    pointer-events: all;
}

/* --- Модальное окно --- */
.confirm-box {
    background: #fdfdfd;
    padding: 25px 30px;
    border-radius: 12px;
    max-width: 320px;
    width: 90%;
    box-shadow: 0 6px 20px rgba(0,0,0,0.08);
    text-align: center;
    font-family: 'Segoe UI', Tahoma, sans-serif;
}

.confirm-box p {
    margin-bottom: 20px;
    font-size: 16px;
    color: #333;
}

/* --- Кнопки --- */
.confirm-buttons {
    display: flex;
    gap: 10px;
}

.confirm-buttons button {
    flex: 1;
    padding: 10px 0;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-size: 14px;
    transition: 0.2s;
    font-weight: 500;
}

/* Да — пастельный зеленый */
.confirm-yes {
    background: #a8e6cf;
    color: #1b5e20;
}

.confirm-yes:hover {
    background: #81d4a7;
}

/* Нет — пастельный розовый */
.confirm-no {
    background: #ffaaa5;
    color: #b71c1c;
}

.confirm-no:hover {
    background: #ff8a80;
}