@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

/*-----*/

/*Fonts*/

/*-----*/

@font-face {
    font-family: GothamPro;
    src: url('../content/font/GothamPro-Light.woff');
}

@font-face {
    font-family: GothamProBold;
    src: url('../content/font/GothamPro-Bold.woff');
}

* {
    outline: 0 !important;
}


:root {
    --main-bg-color: #ebebeb;
    --main-txt-color: #000000;
    --footer-bg-color: #ffffff;
    --footer-text-color: #333333;
    --top-layout-bg-color: #ffffff;
    --left-layout-bg-color: #ffffff;
    --popup-bg-color: #ebebeb;
    --dx-grid-btn-bg-color: #747b85;
    --dx-grid-btn-text-color: #ffffff;
    --dx-grid-btn-hover-bg-color: #747b85;
    --dx-grid-btn--hover-text-color: #ffffff;
    --calendar-day-bg-color: #ffffff;
    --calendar-day-bg-color-second: #ffffff;
    --calendar-day-border-color: #ebebeb;
    --calendar-day-week-box-name-color: #111111;
    --calendar-month-bg-color: #ffffff;
    --calendar-month-header-bg-color: #ffffff;
    --calendar-month-header-text-color: #121212;
    --calendar-month-text-color: #111111;
    --calendar-month-border-color: #ebebeb;
    --calendar-month-load-bg-color: #faecda;
    --calendar-month-load-color: blue;
    --calendar-month-load-text-color: darkblue;
    --calendar-week-bg-color: #ffffff;
    --calendar-week-bg-color-second: #ffffff;
    --calendar-week-border-color: #ebebeb;
    --calendar-week-today-border-color: #f9b117;
    --calendar-week-preorder-bg-color: #bcbec2;
    --calendar-week-preorder-text-color: #111111;
    --calendar-scrollbar-track: #ffffff;
    --calendar-scrollbar-thumb: #000000;
    --btn-hide-preorder-bg-color: #747b85;
    --btn-hide-preorder-text-color: #111111;
    --btn-show-preorder-bg-color: #747b85;
    --btn-show-preorder-text-color: #111111;
    --btn-report-default-bg-color: #747b85;
    --btn-report-default-text-color: #ffffff;
    --btn-report-delete-bg-color: #cc0b2b;
    --btn-report-delete-text-color: #ffffff;
    --btn-report-complete-bg-color: #5cb85c;
    --btn-report-complete-text-color: #ffffff;
    --lbl-report-color: #001122;
    --lang-selector-bg-color: #ebebeb;
    --lang-selector-text-color: #111111;
    --error-bg-color: #FFD2D2;
    --error-text-color: #D8000C;
    --header-in-view-color: #111111;
    --notification-bg-color: #ebebeb;
    --navbar-main-text-color: #101218;
    --report-form-bg-color: #bcbec2;
    --preorder-packs-txt-color: #747b85;
    --chb-preorder-bg-color: #ccc;
    --chb-preorder-bg-hover-color: #aaf;
    --chb-preorder-checked-bg-color: #ccc;
    --list-preorder-conteiner-bg-color: #eeeeee;
    --dx-btn-submit-bg-color: #000000;
    --dx-btn-submit-text-color: #ffffff;
    --dx-btn-submit-border-color: #000000;
    --dx-btn-normal-border-color: #ebebeb;
    --dx-btn-popup-border-color: #ebebeb;
}

select.language-selector {
    background-color: var(--lang-selector-bg-color);
    border-radius: 0px;
    border-width: 0px;
    color: var(--lang-selector-text-color);
    padding: 8px;
}

.content-container {
    height: 80%;
    margin: 0;
    margin-left: 220px;
    position: relative;
}

.image-isComlete {
    height: 20px !important;
    width: 20px !important;
}



.hint--right {
    opacity: 1 !important;
    z-index: 100500;
}

div.burger-menu:hover {
    cursor: pointer;
}

.language-changer {
    display: inline-block;
    float: right;
    margin-right: 20px;
    margin-top: 3px;
}

.Logout {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 40%;
}

.Logout_img {
    border-left: 1px solid #ebebeb;
    display: inline-block;
    float: right;
    height: 126%;
    margin-top: -14px;
    padding-top: 21px;
    width: 50px;
}

.top-layout {
    -moz-box-shadow: 0px 4px 10px 0px #ebebeb;
    -webkit-box-shadow: 0px 4px 10px 0px #ebebeb;
    background-color: var(--top-layout-bg-color);
    border-bottom: 1px solid #ebebeb;
    box-shadow: 0px 4px 10px 0px #ebebeb;
    display: block;
    height: 70px;
    left: 0;
    padding-top: 15px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
    z-index: 110;
}

.left-layout {
    background-color: var(--left-layout-bg-color);
    height: 1000px;
    left: 0;
    position: fixed;
    top: 70px;
    width: 200px;
    z-index: 100;
}

.bottom-layout {
    background-color: var(--footer-bg-color);
    bottom: 0;
    color: var(--footer-text-color);
    height: 20px;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 99;
}

div.bottom-layout-left {
    display: inline-block;
    left: 10px;
    margin-left: 210px;
}

div.bottom-layout-right {
    display: inline-block;
    float: right;
    margin-right: 20px;
}

[class*="hint--"][aria-label]:after {
    background-color: #16181e;
    bottom: 14px;
    font-family: GothamPro;
    font-size: 18px;
    height: 45px;
    margin-left: -8px;
    padding-top: 20px !important;
    text-align: center;
    width: 250px;
}

.hint--right:before {
    display: none !important;
}

#controls ol {
    margin-right: 20px;
}

#cals {
    float: right !important;
}

    #cals > li {
        background-color: #16181e;
    }

.ui-datepicker-calendar > thead > tr > th {
    background-color: var(--calendar-month-header-bg-color);
    color: var(--calendar-month-header-text-color);
    font-family: GothamProBold;
}

div.cloned {
    margin-top: 20px !important;
}

.btn-action {
    background-color: var(--dx-grid-btn-bg-color);
    background-size: 20px;
    border: 0;
    color: var(--dx-grid-btn-text-color);
    cursor: pointer;
    font-family: GothamProBold;
    padding-bottom: 4px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
    text-decoration: none !important;
    text-decoration: none;
}

    .btn-action:hover {
        background-color: var(--dx-grid-btn-hover-bg-color);
        background-size: 20px;
        border: 0;
        color: var(--dx-grid-btn--hover-text-color);
        font-family: GothamProBold;
        padding-bottom: 4px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 4px;
        text-decoration: none !important;
    }

.btn-view {
    background-color: transparent;
    cursor: pointer;
    padding-bottom: 5px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 5px;
    text-decoration: none;
}

.search-ico {
    padding-bottom: 5px;
}

body {
    background-color: var(--main-bg-color);
    color: var(--navbar-main-text-color);
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    margin: 0;
}

.pull-left {
    float: left !important;
}

.modal-open {
    padding-right: 0px !important
}

.hovered-link {
    cursor: pointer;
}

.text-decor-none {
    text-decoration: none;
}

.dropdown {
    display: inline-block;
    position: relative;
}

    .dropdown:hover .dropdown-content {
        display: block;
    }

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.error-font {
    background-color: var(--error-bg-color);
    color: var(--error-text-color);
    font-size: 2em;
    margin: 10px 0px;
    padding: 12px;
    vertical-align: middle;
}

.new {
    height: 100%;
    position: relative;
    width: auto;
}

.waves-effect {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-transition: .3s ease-out;
    -webkit-user-select: none;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    position: relative;
    transition: .3s ease-out;
    user-select: none;
    vertical-align: middle;
    z-index: 1;
}

h2 {
    font-family: GothamPro;
    font-weight: bold;
}

h1 {
    font-family: GothamPro;
    font-weight: bold;
}

.lang-font {
    font-family: GothamPro;
    font-size: x-large;
}

.margin-language {
    height: 75px;
    width: 300px;
}

.myNav {
    z-index: 1000000000;
}

.settings #smsNotifications, .settings #emailNotifications, .settings #pushNotifications {
    display: block;
}

@media screen and (max-width: 1000px) {
    div.table-dataTable {
        margin-right: 20px;
    }

    div.button-create-in-table {
        float: left;
    }

    #Grid_filter > label {
        margin-top: 25px;
    }

    .topnav a:not(:first-child) {
        display: none;
    }

    .mobileMenu {
        display: block;
    }


    div.ex1 {
        overflow: scroll;
    }

    div.dataTables_wrapper {
        margin: 0 auto;
        width: 800px;
    }

    .topnav a {
        -webkit-transition: .5s ease-out;
        cursor: pointer;
        display: block;
        float: left;
        font-size: 30px;
        padding: 14px 16px;
        text-align: center;
        text-decoration: none;
        transition: .5s ease-out;
    }

    .round-button {
        border-radius: 15px;
        font-size: 12px;
        height: 30px;
        line-height: 1.428571429;
        padding: 6px 0;
        text-align: center;
        width: 30px;
    }
}

table.ui-datepicker-calendar > tbody > tr > td {
    background-color: var(--calendar-month-bg-color);
    border: 2px solid var(--calendar-month-border-color);
    color: var(--calendar-month-text-color);
    text-align: center;
}

    table.ui-datepicker-calendar > tbody > tr > td:nth-child(even) {
        background-color: var(--calendar-month-bg-color);
        color: var(--main-bg-color);
    }

.header-in-view {
    color: var(--header-in-view-color);
    display: inline;
    font-family: GothamPro;
    margin: 0;
    width: 100%;
}

#switcher {
    background-color: var(--main-bg-color);
    border: none;
    color: var(--main-txt-color);
    cursor: inherit;
    font-family: GothamPro;
    font-size: 20px;
    position: relative;
}

.ui-datepicker-inline.ui-widget {
    height: 80%;
    margin: auto;
    width: 100%;
}

div#controls {
    bottom: 0;
    left: 0;
    margin-right: 30px;
    margin-top: 10px;
    position: relative;
    right: 0;
    top: 0;
}

.ui-datepicker-calendar {
    margin-top: 18px;
}

#calendar {
    height: 900px;
    margin-bottom: 40px;
    margin-left: 20px;
    margin-top: 60px;
}

#calendarMonth {
    height: 100%;
    margin-top: 18px;
}

a.ui-state-default {
    font-weight: bold !important;
}

.ui-cal-week .ui-cal-dateline-fill {
    left: 60px;
}

.ui-cal-week .ui-cal-resourceline-fill {
    left: 60px;
}

.ui-cal-dateline-fill {
    left: 60px;
    position: unset;
}

.ui-cal-week .ui-cal-timeline .ui-cal-label-time {
    font-family: GothamProBold;
}

.ui-cal-label-time p {
    padding: 0;
    text-align: center;
}

.ui-cal .ui-cal-label-date p {
    color: var(--calendar-day-week-box-name-color);
    font-family: GothamProBold;
    text-shadow: none;
}

.ui-cal .ui-cal-label-resource p {
    color: var(--calendar-day-week-box-name-color);
    font-family: GothamPro;
    font-weight: bold;
    text-align: center;
    text-shadow: none;
}

.ui-cal-label-resource {
    background-color: var(--calendar-day-bg-color);
}

.ui-cal-week .ui-cal-resourceline {
    top: 40px;
}

.ui-cal .ui-cal-label-resource .delimiter {
    border-right: none;
}

.ui-cal-week .ui-cal-dateline {
    border: none;
}

.ui-cal .ui-cal-label-date .delimiter {
    border: none;
}

.ui-cal-wrapper {
    padding-top: 50px;
}

    .ui-cal-wrapper > :nth-child(2n), .ui-cal-wrapper > .ui-cal-date.ui-cal-today:nth-child(2n) {
        background: var(--calendar-day-bg-color-second);
    }

    .ui-cal-wrapper > :nth-child(2n - 1), .ui-cal-wrapper > .ui-cal-date.ui-cal-today:nth-child(2n - 1) {
        background: var(--calendar-day-bg-color-second);
    }

.ui-cal .ui-cal-date.ui-cal-today {
    background: var(--calendar-day-bg-color-second);
}

.ui-cal .ui-cal-resource {
    border: none;
}

.ui-cal-week .ui-cal-time {
    border: none;
    border-bottom: 1px solid var(--calendar-week-bg-color);
}

    .ui-cal-week .ui-cal-time[past="00"] {
        border: none;
        border-bottom: 1px solid var(--calendar-week-bg-color);
    }

.ui-cal .ui-cal-date {
    border: none;
}

.ui-cal .ui-cal-resourceline {
    border: none;
}

.ui-cal-week .ui-cal-timeline {
    border: none;
}

    .ui-cal-week .ui-cal-timeline .ui-cal-label-time p {
        text-align: center;
        text-shadow: none;
    }

#nav {
    float: left !important;
}

.ui-cal-resourceline-fill {
    display: none;
}

.ui-cal-date.ui-cal-today + .ui-cal-date.ui-cal-today {
    border: 1px solid var(--calendar-day-border-color);
}

.ui-cal-date.ui-cal-resource.ui-cal-today {
    border-right: none;
}

.ui-cal-week .ui-cal-wrapper {
    left: 59px;
}

::-webkit-scrollbar {
    height: 12px; /* for horizontal scrollbars */
    width: 12px; /* for vertical scrollbars */
}

::-webkit-scrollbar-track {
    background: var(--calendar-scrollbar-track);
}

::-webkit-scrollbar-thumb {
    background: var(--calendar-scrollbar-thumb);
}

.ui-cal-dateline-fill {
    display: none;
}

.ui-datepicker-calendar {
    width: 100%;
}

.ui-cal-resources .ui-cal-timeline {
    padding-top: 10px;
    top: 0px;
}

.parent-view-in-calendar {
    height: 100%;
    position: relative;
    width: 100%;
}

.view-in-calendar {
    left: 50%;
    position: absolute;
    top: 50%;
}

.img-view-in-calendar {
    left: -50%;
    position: relative;
    top: -12px;
}

table.dataTable.no-footer {
    width: 100% !important;
}

.ex1 > div#orderGrid_wrapper {
    margin-right: 20px;
}

.calendar-div {
    margin-left: 0;
}

.modal-body {
    background-color: var(--notification-bg-color) !important;
    padding-top: 0;
}

.form-font-text-box {
    font-family: GothamPro;
}

.div-create-service {
    margin: 0 20px;
}

.service-input {
    background-color: var(--main-bg-color);
    border: none;
    color: var(--main-txt-color);
    display: inline-block;
    height: 35px;
    padding-left: 10px;
    width: 80%;
}

.service-select {
    background-color: var(--main-bg-color);
    border: none;
    color: var(--main-txt-color);
    display: inline-block;
    height: 35px;
    padding-left: 7px;
    width: 80%;
}

#groupNameSelect {
    border: none;
    color: var(--main-txt-color);
    display: inline-block;
    height: 35px;
    padding-left: 7px;
}

.label-carType-price-time {
    width: 25%;
    padding-left: 2px;
/*    width: 32.6%;*/
}
@media only screen and (max-device-width: 700px) {
    #service-package-name-ua {
        width: 100%!important;
    }
    #service-package-name-ru {
        width: 100% !important;
    }
    #service-package-name-eng {
        width: 100% !important;
    }
    #service-package-name-in-check {
        width: 100% !important;
    }
}

@media only screen and (min-device-width: 768px) {
    .buttons-margin {
        margin-top: 150px!important;
    }
}
.service-label {
    color: var(--main-txt-color);
    display: inline-block;
    width: 19%;
}

.service-input-bottom {
    display: inline-block;
    width: 24.6%;
    /*width: 32.9%;*/
}

.width50 {
    display: inline;
    width: 50%;
}

.popup-button-right {
    text-align: right;
}

.formItem {
    margin-bottom: 10px;
    text-align: right;
}

.switcher-arrow {
    background: transparent;
    border: none;
    cursor: pointer;
}

    .switcher-arrow > span > img {
        padding-bottom: 5px;
    }

#calendar > div.ui-datepicker-inline.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {
    margin-left: 20px;
}

ul#nav > li {
    display: inline-block;
}

#map {
    height: 33em;
    width: 100%;
}

.map-title {
    margin-left: 20px;
}

.type-title {
    padding-top: 20px;
}

button.btn-delete, input.btn-delete {
    background-color: var(--btn-report-delete-bg-color) !important;
    color: var(--btn-report-delete-text-color) !important;
}

.container-map {
    padding: 0 20px;
    padding-right: 25px;
}

.map-table {
    height: 400px;
}

.map-box {
    margin-top: 56px;
}

.map-box-popup {
    margin-top: 20px;
}

    .button-group input[type='button'] {
        background-color: var(--btn-report-default-bg-color);
        border: none;
        border-radius: 0;
        color: var(--btn-report-default-text-color);
        font-family: GothamPro;
        font-size: 18px;
        padding: 4px 16px;
    }

.data-block {
    font-family: GothamPro;
    font-size: 18px;
}

    .data-block > form > div {
        margin-left: 0px;
    }

#reportForm {
    background-color: var(--report-form-bg-color);
    margin-top: 20px;
    padding: 20px 20px;
}

.ui-cal-week .ui-cal-wrapper {
    margin-right: 11px;
    overflow: hidden;
    overflow-x: scroll;
}

.menu-text {
    cursor: pointer;
    font-family: GothamPro;
    font-size: 20px;
}

.order-detail {
    top: -10px;
}

    .order-detail input[type='button'].btn {
        margin-left: 10px;
    }

    .order-detail input[type='button'].btn-success {
        background-color: var(--btn-report-complete-bg-color);
        color: var(--btn-report-complete-text-color);
    }

#print_table th, #print_table td {
    border: none !important;
    padding: 10px 0px;
}

#reportForm input[type="date"]::-webkit-calendar-picker-indicator {
    background: url("/images/icons/date-mouse-circle.png") no-repeat;
    border-width: thin;
    color: rgba(0, 0, 0, 0);
    display: block;
    margin-left: 5px;
    margin-top: 3px;
    opacity: 1;
}

.button-in-preorders-popup {
    text-align: left!important;
    width: 90%!important;
    background-color: transparent;
    border: none;
    color: var(--preorder-packs-txt-color);
    font-family: GothamProBold;
    font-size: 15px;
    margin-bottom: 10px;
}

.container {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    cursor: pointer;
    display: block;
    font-size: 15px;
    margin-bottom: 12px;
    padding-left: 20px;
    position: relative;
    user-select: none;
}

    .container input {
        cursor: pointer;
        opacity: 0;
        position: absolute;
    }

.checkmark {
    background-color: var(--chb-preorder-bg-color);
    height: 15px;
    left: 0;
    position: absolute;
    top: 0;
    width: 15px;
}

.container:hover input ~ .checkmark {
    background-color: var(--chb-preorder-bg-hover-color);
}

.container input:checked ~ .checkmark {
    background-color: var(--chb-preorder-checked-bg-color);
}

.checkmark:after {
    content: "";
    display: none;
    position: absolute;
}

.container input:checked ~ .checkmark:after {
    display: block;
}

.container .checkmark:after {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    border: solid black;
    border-width: 0 3px 3px 0;
    height: 10px;
    left: 2px;
    top: 2px;
    transform: rotate(45deg);
    width: 10px;
}

.empl-lable-style {
    display: inline-block;
    width: 40%;
}

.empl-select-style {
    display: inline-block;
    width: 100%;
}

    .empl-select-style > div.preorder-container {
        padding: 0 !important;
    }

#preOrder-form > div.input-group {
    padding: 8px 0px;
    width: 100%;
}

.tabs-in-project {
    position: absolute;
    right: 20px;
    top: 0px;
    width: 450px;
}

#table-services {
    margin-right: 30px;
    margin-top: 20px;
}

#table-packages > dataTables_wrapper.no-footer {
    margin-right: 30px;
    margin-top: 20px;
}

.tabs-in-project-style {
    right: 20px;
}

.default-inputs-service {
    margin-left: 5px;
}

.nav.nav-tabs.nav-justified > li > a {
    font-weight: bold;
}

.tabs-in-project-cars {
    position: absolute;
    right: 20px;
    top: 0px;
    width: 360px;
}

.button-create-in-table-model {
    float: right;
}

.button-create-in-table-manufacturer {
    float: right;
}

.inputs-in-preorder-calendar {
    display: inline;
    width: 45%;
}

.inputs-in-preorder-calendar-odd {
    display: inline;
    float: right;
    width: 45%;
}

.dx-popup-content {
    background-color: var(--popup-bg-color);
}

#editClient {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

#no_correct {
    overflow-wrap: break-word;
    list-style-type: disc;
    margin-left: 14px;
}

#no_correct > li{
    padding-top: 10px;
}

.divFormInputs {
    margin-top: 29px;
}

.button-add-car-registration {
    padding-bottom: 15px;
}

.textBoxForm {
    display: inline-block;
    padding-top: 15px;
    width: 20%;
}

.modal.fade {
    z-index: 10000 !important;
}

.beginFormEditClient {
    position: relative;
}

#mapMain {
    height: 400px;
}

.display-inline {
    display: inline;
}

.img-location-custom {
    padding: 0;
    margin: 0;
}

.img-cancel {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' height='20px' width='20px' viewBox='0 0 180.607 180.607' style='enable-background:new 0 0 180.607 180.607; fill: %23000000' xml:space='preserve'%3E%3Cpath d='M180.607,10.607l-79.696,79.697l79.696,79.697L170,180.607l-79.696-79.696l-79.696,79.696L0,170.001l79.696-79.697L0,10.607 L10.607,0.001l79.696,79.696L170,0.001L180.607,10.607z'/%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
}

.img-delete {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0%29 --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='20px' height='20px' viewBox='0 0 357 357' style='enable-background:new 0 0 357 357; fill: %23cc0b2b' xml:space='preserve'%3E%3Cg%3E%3Cg id='clear'%3E%3Cpolygon points='357,35.7 321.3,0 178.5,142.8 35.7,0 0,35.7 142.8,178.5 0,321.3 35.7,357 178.5,214.2 321.3,357 357,321.3 214.2,178.5 '/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
}

.img-start {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' viewBox='0 0 41.999 41.999' style='enable-background:new 0 0 41.999 41.999;' xml:space='preserve'%3E%3Cpath d='M36.068,20.176l-29-20C6.761-0.035,6.363-0.057,6.035,0.114C5.706,0.287,5.5,0.627,5.5,0.999v40 c0,0.372,0.206,0.713,0.535,0.886c0.146,0.076,0.306,0.114,0.465,0.114c0.199,0,0.397-0.06,0.568-0.177l29-20 c0.271-0.187,0.432-0.494,0.432-0.823S36.338,20.363,36.068,20.176z'/%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
    /*background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0%29 --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 232.153 232.153' width='20px' height='20px' style='enable-background:new 0 0 232.153 232.153; fill:%232be12c' xml:space='preserve'%3E%3Cg id='Play'%3E%3Cpath style='fill-rule:evenodd;clip-rule:evenodd;' d='M203.791,99.628L49.307,2.294c-4.567-2.719-10.238-2.266-14.521-2.266 c-17.132,0-17.056,13.227-17.056,16.578v198.94c0,2.833-0.075,16.579,17.056,16.579c4.283,0,9.955,0.451,14.521-2.267 l154.483-97.333c12.68-7.545,10.489-16.449,10.489-16.449S216.471,107.172,203.791,99.628z'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");*/
}

.img-pause {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0%29 --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 365 365' style='enable-background:new 0 0 365 365;' xml:space='preserve'%3E%3Cg%3E%3Crect x='74.5' width='73' height='365'/%3E%3Crect x='217.5' width='73' height='365'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
    /*background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0%29 --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 535.578 535.578' width='20px' height='20px' style='enable-background:new 0 0 535.578 535.578; fill:%23f9b117' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='M231.6,516.278c0,10.658-8.641,19.3-19.3,19.3H106.15c-10.659,0-19.3-8.641-19.3-19.3V19.3 c0-10.659,8.641-19.3,19.3-19.3h106.15c10.659,0,19.3,8.641,19.3,19.3V516.278z'/%3E%3Cpath d='M448.728,516.278c0,10.658-8.641,19.3-19.3,19.3h-106.15c-10.659,0-19.3-8.641-19.3-19.3V19.3 c0-10.659,8.641-19.3,19.3-19.3h106.15c10.659,0,19.3,8.641,19.3,19.3V516.278z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");*/
}

.img-edit {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='20px' height='20px' viewBox='0 0 528.899 528.899' style='enable-background:new 0 0 528.899 528.899;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M328.883,89.125l107.59,107.589l-272.34,272.34L56.604,361.465L328.883,89.125z M518.113,63.177l-47.981-47.981 c-18.543-18.543-48.653-18.543-67.259,0l-45.961,45.961l107.59,107.59l53.611-53.611 C532.495,100.753,532.495,77.559,518.113,63.177z M0.3,512.69c-1.958,8.812,5.998,16.708,14.811,14.565l119.891-29.069 L27.473,390.597L0.3,512.69z'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
}

.img-confirm {
    background-image: url("/images/icons/tick-icon.png");
}

.img-stop {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0%29 --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 491.858 491.858' style='enable-background:new 0 0 491.858 491.858;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M491.858,475.862c0,8.833-7.162,15.996-15.996,15.996H15.996C7.16,491.858,0,484.696,0,475.862V15.996 C0,7.16,7.16,0,15.996,0h459.866c8.834,0,15.996,7.16,15.996,15.996V475.862z'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
    /*background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0%29 --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 491.858 491.858' width='20px' height='20px' style='enable-background:new 0 0 491.858 491.858; fill:%23cc0b2b' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M491.858,475.862c0,8.833-7.162,15.996-15.996,15.996H15.996C7.16,491.858,0,484.696,0,475.862V15.996 C0,7.16,7.16,0,15.996,0h459.866c8.834,0,15.996,7.16,15.996,15.996V475.862z'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");*/
}

.img-preorder {
    background-image: url("data:image/svg+xml,%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' version='1.1' x='0px' y='0px' viewBox='0 0 100 100'%3E%3Cg transform='translate%280,-952.36218%29'%3E%3Cpath style='opacity:1;color:%23000000;fill:%23000000;stroke:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;fill-opacity:1' d='M 37 8 C 34.784001 8 33 9.7840015 33 12 L 33 18 C 33 20.215999 34.784001 22 37 22 L 63 22 C 65.215999 22 67 20.215999 67 18 L 67 12 C 67 9.7840015 65.215999 8 63 8 L 37 8 z M 18 15 L 18 92 L 82 92 L 82 15 L 69 15 L 69 18 C 69 21.2894 66.289404 24 63 24 L 37 24 C 33.710596 24 31 21.2894 31 18 L 31 15 L 18 15 z M 27.71875 39 A 2.0021961 2.0021961 0 0 1 27.8125 39 A 2.0002 2.0002 0 0 1 28 39 L 72 39 A 2.0002 2.0002 0 1 1 72 43 L 28 43 A 2.0021961 2.0021961 0 0 1 27.71875 39 z M 27.71875 57 A 2.0021961 2.0021961 0 0 1 27.8125 57 A 2.0002 2.0002 0 0 1 28 57 L 72 57 A 2.0002 2.0002 0 1 1 72 61 L 28 61 A 2.0021961 2.0021961 0 0 1 27.71875 57 z M 27.71875 75 A 2.0021961 2.0021961 0 0 1 27.8125 75 A 2.0002 2.0002 0 0 1 28 75 L 72 75 A 2.0002 2.0002 0 1 1 72 79 L 28 79 A 2.0021961 2.0021961 0 0 1 27.71875 75 z ' transform='translate%280,952.36218%29'/%3E%3C/g%3E%3C/svg%3E");
}

.img-status-canceld {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0%29 --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 488.85 488.85' style='enable-background:new 0 0 488.85 488.85;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='M280.1,368.975c0-20.1,5-39.4,14.4-56.6c-13.3-7.5-23.1-12.4-27.2-14.4c-1.3-0.6-2-1.9-2-3.3v-79 c9.9-6.6,16.5-17.9,16.5-30.7v-81.9c0-40.7-33-73.8-73.8-73.8h-8.8h-8.8c-40.7,0-73.8,33-73.8,73.8v81.9 c0,12.8,6.6,24.1,16.5,30.7v79c0,1.4-0.8,2.7-2,3.3c-11.3,5.5-66,33.1-116.7,74.8c-9.2,7.5-14.4,18.8-14.4,30.7v56.1h199.1h123.3 c-2.7-2.2-5.2-4.6-7.7-7.1C292.4,430.175,280.1,400.475,280.1,368.975z'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M462.3,304.875c-35.4-35.4-92.8-35.4-128.1,0c-35.4,35.4-35.4,92.8,0,128.1c35.4,35.4,92.8,35.4,128.1,0 C497.7,397.675,497.7,340.275,462.3,304.875z M445,397.075l-18.6,18.7l-28.2-28.2l-28.2,28.2l-18.6-18.7l28.2-28.2l-28.2-28.1 l18.7-18.7l28.2,28.2l28.2-28.2l18.7,18.7l-28.2,28.2L445,397.075z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
}

.img-loading {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200px' height='200px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid' class='lds-eclipse' style='background: none;'%3E%3Cpath ng-attr-d='%7B%7Bconfig.pathCmd%7D%7D' ng-attr-fill='%7B%7Bconfig.color%7D%7D' stroke='none' d='M10 50A40 40 0 0 0 90 50A40 42 0 0 1 10 50' fill='%23111111' transform='rotate%28288.116 50 51%29'%3E%3CanimateTransform attributeName='transform' type='rotate' calcMode='linear' values='0 50 51;360 50 51' keyTimes='0;1' dur='1.9s' begin='0s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
}

.svg-icon-position-centre {
    background-color: transparent;
    background-position: center;
    border: none;
    height: 20px;
    width: 100%;
}

.svg-icon-position-left {
    background-color: transparent;
    background-position: left;
    border: none;
    height: 20px;
    width: 100%;
}

.img-button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    height: 20px;
    margin-left: 10px;
    width: 20px;
}

.img-button-delete-edit-preorder-calendar {
    background-color: transparent;
}

.img-button-delete-edit-preorder {
    background: transparent;
    background-color: transparent;
}

.img-edit-price-button {
    background-color: transparent;
    background-repeat: no-repeat;
    display: inline-block;
}

.buttons-for-work {
    background-color: transparent;
    border: none;
    height: 20px;
    margin-left: 10px;
    width: 20px;
    background-repeat: no-repeat;
}

._preorder-info-inputs-display-block {
    display: block;
    float: left;
    width: 50%;
}

.button-centre {
    text-align: center;
}

.centredPopupText {
    text-align: center;
    text-align: -webkit-center;
}

.label-group-servicesName {
    display: inline-block;
    font-weight: bold;
    margin-bottom: 15px;
    max-width: 100%;
}

.text-area-set-new-price {
    height: 120px;
}

#totalPriceButton:hover {
    cursor: pointer;
}

.select-location-calendar {
    display: inline-block;
    height: 20px;
}

.label-report-view {
    color: var(--lbl-report-color);
    display: -webkit-box;
    font-weight: bold;
    margin-bottom: 10px;
    max-width: 100%;
    padding-right: 10px;
    white-space: nowrap;
}

.madeBold > label.label-menu {
    font-weight: bold;
}

.img-edit-in-dcs {
    background-color: transparent;
    border: none;
    height: 20px;
    width: 20px;
}

.header-default {
    padding: 20px 0;
}

@media only screen and (max-device-width: 440px) {
    #LocationSelectFor {
        width:100%!important;
    }
}

.button-default-position {
    display: flex;
    flex-wrap: wrap;
    padding-top: 5px;
    text-align: right;
    width: 100%;
}

.container-client {
    padding-right: 20px;
}

.container-preorder {
    padding-right: 20px;
}

.empl-buttons-group {
    margin-left: 30px;
    width: 50%;
}

.order-detail-header {
    display: inline-block;
    padding-top: 20px;
}

.container-cars {
    margin-top: 20px;
    padding-right: 20px;
}

.grid-text-position {
    white-space: normal;
    word-wrap: break-word;
}

.button-normal-padding {
    padding: 4px 15px;
}

.label-default {
    background-color: transparent;
    display: inline-block;
    margin-bottom: 5px;
    max-width: 100%;
}

.block-position-two-elements {
    display: inline-block;
    width: 49.7%;
}

.block-position-edit-preorder {
    display: inline-block;
    width: 49%;
}

.half-width-inline-block {
    display: inline-block;
    width: 49.3%;
}

.cancel-button-popup {
    padding: 5px 15px;
}

.buttons-popup {
    float: right;
    background-color: white;
}

@media only screen and (max-device-height: 855px) {
    .mobile-margin {
        margin-bottom: 80px;
    }
}

.margin-modal-scroll {
    padding-right: 10px;
}

.padding-0 {
    padding: 0;
}

.padding-10 {
    padding: 10px;
}

.button-action {
    cursor: pointer;
}

.list-container-preorder-popup {
    background: var(--list-preorder-conteiner-bg-color);
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 20px;
}

.list-preorder-popup {
    display: inline-block;
}

.warning_window_content {
    font-size: 1rem;
    margin-top: 10px;
}

#content-wrapper {
    align-items: stretch;
    display: flex;
    height: 100vh;
    overflow: hidden;
}

    #content-wrapper:not(.d-none) #sidebar {
        transition: all .3s;
    }

    #content-wrapper .content-wrapper {
        padding: 27px 20px;
    }

#sidebarCollapse {
    display: none;
}

.ui-cal-timeline {
    top: -10px;
}

.ui-cal-resourceline {
    margin-top: 20px;
}

#header-in-calendar {
    margin-right: 30px;
}

.current-user-editing-form {
    margin-left: 40px;
    margin-top: 15px;
    width: 365px;
}

@media only screen and (max-device-width: 465px) {
    .current-user-editing-form {
        align-items: center;
        margin-top: 15px;
        margin-left: auto;
        margin-right: auto;
        width: 90%;
    }
}



.right-align-buttons-in-forms {
    float: right;
    margin-top: 10px;
}

#tabEmployeePanel {
    margin-top: 100px;
}

.modal-content, :before, :after {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.dx-dropdownlist-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-content {
    white-space: normal;
    word-wrap: break-word;
}

#sidebar ul.menu-links li {
    margin-bottom: 0px;
}

.default-padding-close-btn {
    padding: 4px 15px;
}

@media screen and (max-width: 400px) {
    .default-padding-close-btn {
        margin-top: 5px !important;
        padding: 0;
    }
}

.default-padding-save-btn {
    background-color: black;
    padding: 4px 15px;
}

@media screen and (max-width: 400px) {
    .default-padding-save-btn {
        margin-top: 20px !important;
        padding: 0 !important;
    }
}

.dx-list-item-content, .dx-list .dx-empty-message {
    white-space: normal;
    word-wrap: break-word;
}

.tab-services {
    margin-top: 72px;
    position: absolute;
    right: 24px;
    max-width: auto;
}

@media screen and (max-width: 700px) {
    .tab-services {
        width: 180px;
    }
}
@media screen and (max-width: 460px) {
    .tab-services {
        width: 70px;
    }
}

.dx-button-content {
    border: 1px solid;
    border-color: transparent;
}

.dx-button-content {
    text-overflow: inherit !important;
}

.dx-popup-bottom.dx-toolbar .dx-toolbar-after {
    /*margin-top: -20px;*/
}

.tabs-calendar {
    float: right;
}

.dx-button.dx-button-normal.dx-widget.dx-button-has-text.dx-dialog-button[aria-label="Так"],
.dx-button.dx-button-normal.dx-widget.dx-button-has-text.dx-dialog-button[aria-label="Yes"],
.dx-button.dx-button-normal.dx-widget.dx-button-has-text.dx-dialog-button[aria-label="Да"] {
    background-color: var(--dx-btn-submit-bg-color);
    border-color: var(--dx-btn-submit-border-color);
    color: var(--dx-btn-submit-text-color);
}

.dx-button-normal {
    border-color: var(--dx-btn-normal-border-color);
}

.dx-button.dx-button-normal.dx-widget.default-padding-close-btn.dx-button-has-text {
    border-color: var(--dx-btn-popup-border-color);
}

.dx-button.dx-button-normal.dx-widget.dx-button-has-text.dx-dialog-button,
.dx-button.dx-button-normal.dx-widget.cancel-button-popup.dx-button-has-text {
    border-color: var(--dx-btn-popup-border-color);
}

.dx-button-default {
    margin-bottom: 15px;
    margin-top: 15px;
    padding: 4px 15px;
}

#content {
    background-color: var(--main-bg-color)
}

.logo {
    height: 100%;
    object-fit: contain;
    width: 100%;
}

.dx-datagrid-group-closed:before {
    bottom: -10px;
    content: url('../Theme/images_icons/plus.png') !important;
    left: 0;
    position: absolute;
    right: 0;
}

.dx-datagrid-group-opened:before {
    bottom: -2px;
    content: url('../Theme/images_icons/minus.png') !important;
    left: 0;
    position: absolute;
    right: 0;
}

.dxsc-date-altHr .dxsc-date-hr {
    background: #ebebeb;
}

.btn-secondary {
    color: #ffffff;
    background-color: #000000;
    border-color: #ffffff
}

.color-header-scheduler {
    color: #000000;
    /*border-color: red;*/
    background-color: #ebebeb;
}

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
    color: #000000;
    border-color: #ebebeb;
    background-color: #ffffff;
}
/*.dxbs-scheduler .dxbs-sc-dvst > tr:first-child > td, .dxbs-scheduler .dxbs-sc-dvht .dxbs-sc-hc + tr > td {
    color: #000000;
    background: #ebebeb;


}*/

.btn-secondary.disabled, .btn-secondary:disabled {
    color: #000000;
    border-color: #ebebeb;
    background-color: #ffffff;
}

.status-scheduler {
    height: 100%;
    color: black;
    background-color: black !important;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.1rem rgba(183, 192, 199, 0.5);
}

.bg-order {
    background-color: #C9DAF8 !important;
    color: #ffffff !important;
}

.bg-preorder {
    background-color: #ebebeb !important;
    font-weight: 300;
}

.text-color-order {
    color: #000000 !important;
    /*font-size: 1.2em !important;*/
    opacity: 1 !important;
    margin-left: 20px;
}

.text-color-preorder {
    color: #000000 !important;
    /*font-weight: 200;*/
    opacity: 1 !important;
}

.appointment-container-preorder {
    font-size: 1em !important;
    opacity: 1 !important;
}

.appointment-container-order {
    font-size: 1em !important;
    opacity: 1 !important;
    margin-left: 20px;
}

.icon-groups-scheduler {
    width: 20px;
    height: 20px;
    position: absolute;
    background-repeat: no-repeat;
    left: 0;
    right: 0;
    border: none;
    background-color: transparent;
    margin-left: 14px;
}

.group-water-drop {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='21.409px' height='21.409px' viewBox='0 0 371.409 371.409' style='enable-background:new 0 0 371.409 371.409;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M270.265,149.448c-36.107-47.124-70.38-78.948-73.439-141.372c0-1.836-0.612-3.06-1.836-4.284 c-0.612-3.06-3.672-4.896-6.732-3.06c-3.672,0-6.731,2.448-6.731,6.732c-77.112,83.232-207.468,294.372-43.452,354.959 c74.052,27.541,157.896-9.791,172.584-90.576C318.614,228.396,295.969,182.497,270.265,149.448z M138.686,323.256 c-17.748-10.404-28.764-31.211-34.272-49.572c-2.448-9.18-3.672-18.359-3.06-27.539c3.672-15.912,8.568-31.213,14.076-46.512 c3.06,13.463,9.18,26.928,17.748,36.719c19.584,21.422,59.364,34.273,70.38,61.201c6.732,16.523-19.584,30.6-30.6,34.271 C161.33,335.496,148.477,329.377,138.686,323.256z'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
}

.btn-secondary:focus, .btn-secondary.focus {
    box-shadow: 0 0 0 0.1rem rgba(108, 117, 125, 0.5);
}

.scheduler-tooltip-content {
    position: relative;
    display: grid;
    min-height: 25px !important;
}

.service-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' viewBox='0 0 100 100' x='0px' y='0px' height='17px' width='17px' fill='%23111111'%3E%3Ctitle%3EArtboard 8%3C/title%3E%3Cpath d='M3.81,76.42l4.09.72A21.22,21.22,0,0,0,10,82.24L7.63,85.64a3.15,3.15,0,0,0,.35,4l2.46,2.46a3.15,3.15,0,0,0,4,.35l3.41-2.39A21.26,21.26,0,0,0,23,92.22l.72,4.09a3.15,3.15,0,0,0,3.1,2.61h3.48a3.15,3.15,0,0,0,3.1-2.61l.72-4.09a21.25,21.25,0,0,0,5.1-2.12l3.41,2.39a3.15,3.15,0,0,0,4-.35l2.46-2.46a3.15,3.15,0,0,0,.35-4l-2.39-3.41a21.19,21.19,0,0,0,2.12-5.1l4.09-.72a3.15,3.15,0,0,0,2.61-3.1V69.84a3.15,3.15,0,0,0-2.61-3.1L49.18,66a21.18,21.18,0,0,0-2.12-5.1l2.39-3.41a3.15,3.15,0,0,0-.35-4L46.65,51a3.15,3.15,0,0,0-4-.35L39.2,53.06a21.25,21.25,0,0,0-5.1-2.12l-.72-4.09a3.15,3.15,0,0,0-3.1-2.61H26.81a3.15,3.15,0,0,0-3.1,2.61L23,50.94a21.25,21.25,0,0,0-5.1,2.12l-3.41-2.39a3.15,3.15,0,0,0-4,.35L8,53.47a3.15,3.15,0,0,0-.35,4L10,60.92A21.19,21.19,0,0,0,7.91,66l-4.1.72a3.15,3.15,0,0,0-2.61,3.1v3.47A3.15,3.15,0,0,0,3.81,76.42ZM28.54,61.53a10,10,0,1,1-10,10A10,10,0,0,1,28.54,61.53ZM78.15,84.81V71.61H74a1.24,1.24,0,0,1-1-1.93l8.14-12.09a1.24,1.24,0,0,1,1-.55h0a1.24,1.24,0,0,1,1,.55L91.3,69.68a1.24,1.24,0,0,1-1,1.93H86.11V88.79a4,4,0,0,1-4,4H58.08A1.79,1.79,0,0,1,56.29,91V86.6a1.79,1.79,0,0,1,1.79-1.79Zm18-51.55a3.15,3.15,0,0,0,2.61-3.1V26.69a3.15,3.15,0,0,0-2.61-3.1l-4.09-.72A21.22,21.22,0,0,0,90,17.76l2.39-3.41a3.15,3.15,0,0,0-.35-4L89.56,7.86a3.15,3.15,0,0,0-4-.35L82.12,9.9A21.23,21.23,0,0,0,77,7.78L76.3,3.69a3.15,3.15,0,0,0-3.1-2.61H69.72a3.15,3.15,0,0,0-3.1,2.61L65.9,7.78A21.23,21.23,0,0,0,60.8,9.9L57.39,7.51a3.15,3.15,0,0,0-4,.35L50.9,10.32a3.15,3.15,0,0,0-.35,4l2.39,3.41a21.2,21.2,0,0,0-2.12,5.1l-4.09.72a3.15,3.15,0,0,0-2.61,3.1v3.47a3.15,3.15,0,0,0,2.61,3.1l4.1.72a21.17,21.17,0,0,0,2.12,5.1l-2.39,3.41a3.15,3.15,0,0,0,.35,4L53.35,49a3.15,3.15,0,0,0,4,.35l3.41-2.39a21.21,21.21,0,0,0,5.1,2.12l.72,4.09a3.15,3.15,0,0,0,3.1,2.61h3.48a3.15,3.15,0,0,0,3.1-2.61L77,49.06a21.21,21.21,0,0,0,5.1-2.12l3.41,2.39a3.15,3.15,0,0,0,4-.35L92,46.53a3.15,3.15,0,0,0,.35-4L90,39.08A21.17,21.17,0,0,0,92.09,34ZM71.46,38.47a10,10,0,1,1,10-10A10,10,0,0,1,71.46,38.47ZM21.85,15.19v13.2H26a1.24,1.24,0,0,1,1,1.93L18.89,42.41a1.24,1.24,0,0,1-1,.55h0a1.24,1.24,0,0,1-1-.55L8.7,30.32a1.24,1.24,0,0,1,1-1.93h4.16V11.21a4,4,0,0,1,4-4H41.92A1.79,1.79,0,0,1,43.71,9V13.4a1.79,1.79,0,0,1-1.79,1.79Z'%3E%3C/path%3E%3C/svg%3E");
}

.time-icon {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='20.533px' height='15.533px' viewBox='0 0 438.533 438.533' style='enable-background:new 0 0 438.533 438.533;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M409.133,109.203c-19.608-33.592-46.205-60.189-79.798-79.796C295.736,9.801,259.058,0,219.273,0 c-39.781,0-76.47,9.801-110.063,29.407c-33.595,19.604-60.192,46.201-79.8,79.796C9.801,142.8,0,179.489,0,219.267 c0,39.78,9.804,76.463,29.407,110.062c19.607,33.592,46.204,60.189,79.799,79.798c33.597,19.605,70.283,29.407,110.063,29.407 s76.47-9.802,110.065-29.407c33.593-19.602,60.189-46.206,79.795-79.798c19.603-33.596,29.403-70.284,29.403-110.062 C438.533,179.485,428.732,142.795,409.133,109.203z M353.742,297.208c-13.894,23.791-32.736,42.64-56.527,56.534 c-23.791,13.894-49.771,20.834-77.945,20.834c-28.167,0-54.149-6.94-77.943-20.834c-23.791-13.895-42.633-32.743-56.527-56.534 c-13.897-23.791-20.843-49.772-20.843-77.941c0-28.171,6.949-54.152,20.843-77.943c13.891-23.791,32.738-42.637,56.527-56.53 c23.791-13.895,49.772-20.84,77.943-20.84c28.173,0,54.154,6.945,77.945,20.84c23.791,13.894,42.634,32.739,56.527,56.53 c13.895,23.791,20.838,49.772,20.838,77.943C374.58,247.436,367.637,273.417,353.742,297.208z'/%3E%3Cpath d='M246.68,109.631h-18.274c-2.669,0-4.853,0.859-6.57,2.57c-1.706,1.713-2.565,3.9-2.565,6.565v100.5h-63.953 c-2.667,0-4.853,0.855-6.567,2.564c-1.712,1.712-2.568,3.901-2.568,6.571v18.271c0,2.666,0.856,4.856,2.568,6.567 c1.715,1.711,3.905,2.566,6.567,2.566h91.367c2.662,0,4.853-0.855,6.561-2.566c1.711-1.711,2.573-3.901,2.573-6.567V118.766 c0-2.663-0.862-4.849-2.573-6.565C251.536,110.49,249.346,109.631,246.68,109.631z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
}

.scharp-icon {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 500 1800' style='enable-background:new 0 0 500 500;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M60.7,500l18.6-107.1H25v-91.4h70l17.8-105.7H50v-91.4h78.6L146.4,0h94.3l-17.8,104.3h103.6L344.3,0h94.3l-17.9,104.3H475 v91.4h-70l-17.9,105.7H450v91.4h-78.6L352.9,500h-94.3l18.5-107.1H173.6L155,500H60.7z M189.3,301.4h103.6l17.9-105.7H207.1 L189.3,301.4z'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.phone-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Capa_1' style='' viewBox='0 0 348.077 500.077' x='0px' y='0px' width='21.077px' height='23.077px' xmlns:xml='http://www.w3.org/XML/1998/namespace' xml:space='preserve' version='1.1'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='M 340.273 275.083 l -53.755 -53.761 c -10.707 -10.664 -28.438 -10.34 -39.518 0.744 l -27.082 27.076 c -1.711 -0.943 -3.482 -1.928 -5.344 -2.973 c -17.102 -9.476 -40.509 -22.464 -65.14 -47.113 c -24.704 -24.701 -37.704 -48.144 -47.209 -65.257 c -1.003 -1.813 -1.964 -3.561 -2.913 -5.221 l 18.176 -18.149 l 8.936 -8.947 c 11.097 -11.1 11.403 -28.826 0.721 -39.521 L 73.39 8.194 C 62.708 -2.486 44.969 -2.162 33.872 8.938 l -15.15 15.237 l 0.414 0.411 c -5.08 6.482 -9.325 13.958 -12.484 22.02 C 3.74 54.28 1.927 61.603 1.098 68.941 C -6 127.785 20.89 181.564 93.866 254.541 c 100.875 100.868 182.167 93.248 185.674 92.876 c 7.638 -0.913 14.958 -2.738 22.397 -5.627 c 7.992 -3.122 15.463 -7.361 21.941 -12.43 l 0.331 0.294 l 15.348 -15.029 C 350.631 303.527 350.95 285.795 340.273 275.083 Z' /%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
}

.client-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Capa_1' style='' viewBox='0 0 60 180' x='0px' y='0px' xmlns:xml='http://www.w3.org/XML/1998/namespace' xml:space='preserve' version='1.1'%3E%3Cpath d='M 48.014 42.889 l -9.553 -4.776 C 37.56 37.662 37 36.756 37 35.748 v -3.381 c 0.229 -0.28 0.47 -0.599 0.719 -0.951 c 1.239 -1.75 2.232 -3.698 2.954 -5.799 C 42.084 24.97 43 23.575 43 22 v -4 c 0 -0.963 -0.36 -1.896 -1 -2.625 v -5.319 c 0.056 -0.55 0.276 -3.824 -2.092 -6.525 C 37.854 1.188 34.521 0 30 0 s -7.854 1.188 -9.908 3.53 C 17.724 6.231 17.944 9.506 18 10.056 v 5.319 c -0.64 0.729 -1 1.662 -1 2.625 v 4 c 0 1.217 0.553 2.352 1.497 3.109 c 0.916 3.627 2.833 6.36 3.503 7.237 v 3.309 c 0 0.968 -0.528 1.856 -1.377 2.32 l -8.921 4.866 C 8.801 44.424 7 47.458 7 50.762 V 54 c 0 4.746 15.045 6 23 6 s 23 -1.254 23 -6 v -3.043 C 53 47.519 51.089 44.427 48.014 42.889 Z' /%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
}

.icon-scheduler-span {
    width: 34px;
    height: 50px;
    margin-top: 3px;
    background-color: transparent;
    position: absolute;
    left: 0;
    background-repeat: no-repeat;
}

.icon-scheduler-car {
    top: -8px;
    left: -8px;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%23111111;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M87.6,62.5c-1.4,0.3-2.9,0.3-4.3,0.2c0-0.1,0.1-0.2,0.1-0.3c1-1.4,1.6-3.1,1.6-4.9c0-4.5-3.6-8.2-8.1-8.2 c-4.5,0-8.1,3.7-8.1,8.2c0,1.8,0.6,3.4,1.5,4.8c0,0.1,0.1,0.3,0.1,0.4c-5.2,0-10.4,0-15.6,0c1,0.4,1.9,1.2,1.4,2.5 c-0.8,1.9-23.7,1.3-23.7,1.3s2.8-0.4,13.8-1.1c11-0.8,5.3-2.5,3.1-3.7c5.3,0,4.3-3.5,3.7-5c4.1-2.7,3.7-6.7-0.6-8.2 c-4.3-1.5-6.4,3.1-6.4,3.1s-2.1-1.2-3.7-0.4c-1.6,0.7-1.2,3.2-1,4.7c-1.1-0.7-1.3-3-0.6-4.6c0.7-1.6,2.9-1.5,5.2-1 c0.3-0.8,1.5-2.8,3.7-3.6c-0.7-1.5-2.4-2-4.3-2.2c0.7-5.4-0.6-7.3-4.3-8.4c-3.7-1.1-5.6,1.4-5.6,1.4s-0.6-1.7-2.1-1.7 c-1.5,0-2.3,2-2.3,2s-2.2-2.9-5.3-1.6c-3.1,1.3-1.1,5.4-1.1,5.4c-3-1-2.5-4.6-0.4-6.1c2.1-1.5,4.4-1.2,6.6,0.2 c1.4-2.1,4-1.9,5.1-0.4c1.6-1.7,5.3-3,8.8-0.5c0.8,0.5,1.4,1.2,1.8,1.8c3,0,6.1,0.3,9.1,0.6c5.6,0.6,11.3,4.7,16.5,6.4 c5.1,1.8,9.7,1.8,14.3,4.7C91.2,51.2,91.8,58.9,87.6,62.5z M64.2,42c-5.1-2.6-10.2-3.6-15.9-3.5c-0.4,0-0.7,0-1.1,0 c0.4,1.7-0.1,3.4-0.6,4.7c0.7,0,1.2,0.2,1.7,0.6c6,0.3,12.1,0.7,18.1,0.3C66.8,42.9,64.9,42.5,64.2,42z M23.6,45.5 c3.4-2.2,5.6,0.6,6.6,1.8c0.3-0.3,1.2-1.7,3.7-1.3c2.4,0.4,2.1,4.7,1.5,4.1c-0.1-2-0.2-2.8-1.6-3.4c-1.4-0.5-2.4,0.4-3.9,1.6 c-0.4-0.9-3.6-3.9-5.9-1.9c-2.3,1.9-0.4,4.5,0.5,5.8C20.8,52,19,54.5,19,55.4s-0.8,3.1,4,4.2c-3.7,0-5.9-1.4-5.7-4.5 c0.3-3.1,4.6-3.9,4.6-3.9S20.1,47.7,23.6,45.5z M17.1,40.6c-1.2,0-2.2-0.9-2.2-2.1c0-1.1,1-2.1,2.2-2.1c1.2,0,2.2,0.9,2.2,2.1 C19.4,39.6,18.4,40.6,17.1,40.6z M17,36.7c-0.7,0-1.3,0.6-1.3,1.4c0,0.8,0.6,1.4,1.3,1.4c0.7,0,1.3-0.6,1.3-1.4 C18.4,37.3,17.8,36.7,17,36.7z M19.1,46.4c0,1.9-1.5,3.5-3.3,3.5c-1.8,0-3.3-1.6-3.3-3.5c-0.1-1.9,1.5-3.5,3.3-3.5 C17.6,42.9,19.1,44.5,19.1,46.4z M13.6,46.7c0,1.2,1.1,2.2,2.4,2.2c1.3,0,2.4-1,2.4-2.2c0-1.2-1.1-2.2-2.4-2.2 C14.7,44.5,13.6,45.5,13.6,46.7z M9.9,39.1c-0.4-0.3-0.4-0.9-0.1-1.3c0.3-0.4,0.9-0.4,1.3-0.1c0.4,0.3,0.4,0.9,0.1,1.3 C10.9,39.4,10.3,39.4,9.9,39.1z M10.8,38c-0.3-0.2-0.6-0.2-0.8,0c-0.2,0.2-0.2,0.6,0.1,0.8c0.3,0.2,0.6,0.2,0.8,0 C11,38.6,11,38.2,10.8,38z M13.6,57c1.3,0,2.4,1,2.4,2.3c0,1.3-1.1,2.3-2.4,2.3c-1.3,0-2.4-1-2.4-2.3C11.2,58.1,12.3,57,13.6,57z M13.4,60.6c0.8,0,1.5-0.7,1.5-1.5c0-0.8-0.7-1.5-1.5-1.5c-0.8,0-1.5,0.7-1.5,1.5C11.9,60,12.5,60.6,13.4,60.6z M21.2,62.1 c0.6,0.5,0.7,1.5,0.2,2.1c-0.5,0.6-1.4,0.6-2,0.1c-0.6-0.5-0.7-1.5-0.2-2.1C19.7,61.6,20.6,61.6,21.2,62.1z M19.5,63.9 c0.4,0.4,1,0.3,1.3,0c0.3-0.4,0.3-1-0.1-1.3c-0.4-0.4-1-0.3-1.3,0C19,62.9,19.1,63.5,19.5,63.9z M74.9,51.1 c3.5-1.2,7.4,1.3,8.2,4.9c0.8,3.5-2,7.5-5.6,7.8c-3.7,0.6-7.1-2.9-7.1-6.5C70.4,54.5,72.3,51.9,74.9,51.1z'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.position-text-scheduler {
    margin-left: 30px;
}

.img-edit-scheduler {
    padding: 0px 0px 0px;
    background-repeat: no-repeat;
    width: 23px;
    height: 25px;
}

.icon-group-scheduler {
    width: 20px;
}

.dxbs-scheduler .dxscApt .dxsc-apt-time-container span, .dxbs-scheduler .dxscApt .dxsc-apt-description-container span, .dxbs-scheduler .dxscApt .dxsc-apt-description-container span > *, .dxbs-scheduler .dxsc-compact-month-apt .dxsc-apt-left-container > span, .dxbs-scheduler .dxsc-compact-month-apt .dxsc-apt-right-container > span, .dxbs-scheduler .dxsc-horizontal-apt .dxsc-apt-left-container > span, .dxbs-scheduler .dxsc-horizontal-apt .dxsc-apt-right-container > span {
    opacity: 1 !important;
}

body > div.dx-overlay-wrapper.dx-popup-wrapper.dx-overlay-modal.dx-overlay-shader > div > div.dx-toolbar.dx-widget.dx-visibility-change-handler.dx-collection.dx-popup-bottom > div > div.dx-toolbar-after {
    margin-top: -20px;
}

.btn-resize:hover {
    box-shadow: 0px 0px 10px 2px var(--dx-btn-submit-bg-color); 
}

.btn-resize {
    font-weight: 900;
    font-family: Font Awesome\ 5 Free;
    height: 25px;
    width: 25px;
    line-height: 25px;
    text-align: center;
    cursor: pointer;
}

.btn-resize.active {
    background-color: var(--active-red-color); 
}

.logo-paints {
    float: left;
    display: block;
    margin-left: auto;
    margin-right: auto;   
    height:auto;
}

@media screen and (min-width: 700px){
    .color-matching-header{
        display: inline-block;
        vertical-align: top;
        margin-top: 30px;
        margin-left: -3px;
    }

    .color-matching-font{
        font-size: 55px;
    }
    
    .additional-color-info{
        margin: -20px 0 0 0;
    }

    .logo-paints{
        width:150px;
    }
    
    .additional-info-container{
        margin-top: -30px;
    }
}

@media screen and (max-width: 700px){
    .color-matching-header{
        display: inline-block;
        vertical-align: top;
        margin-top: 23px;
    }
    
    .logo-paints{
        width:100px;
    }
    
    .additional-info-container{
        margin-top: -20px;
    }
}
@media screen and (max-width: 400px){
    .color-matching-header{
        display: block;
        margin-top: -30px;
        padding-bottom: 10px;
    }
}

@media screen and (max-width: 551px) {
    .float{
        justify-content: flex-start !important;
    }
}

.additional-info-container{
    display: block; 
    width: 100%;
    padding-bottom: 10px;
}

.color-header-container{
    margin-top: -30px;
}

.dx-selectbox,
.dx-selectbox input{
    font-size: 16px!important; /*iphone scroll fix*/
    .btn-resize.active {
    background-color: var(--dx-btn-submit-bg-color); 
}

.dxbs-scheduler tr.dxbs-sc-hc > td.dxsc-tr-hourItem, .dxbs-scheduler .dxbs-sc-dvst tr > td.dxsc-tr-hourItem {
    width: 2.85em !important;
}

.cross-style {
    font-size: 1.8em !important;
    color: #CC0000 !important;
}